@lrnwebcomponents/simple-icon - npm Package Compare versions

Comparing version 8.0.0 to 8.0.1

lib/simple-icon-button-lite.js

@@ -123,4 +123,4 @@ /**
             : this.toggles
-            ? "false"
-            : undefined}"
+              ? "false"
+              : undefined}"
           controls="${this.controls}"
@@ -127,0 +127,0 @@ part="button"

lib/simple-icon-button.js

@@ -36,4 +36,4 @@ /**
           : this.toggles
-          ? "false"
-          : undefined}"
+            ? "false"
+            : undefined}"
         controls="${this.controls}"
@@ -40,0 +40,0 @@ part="button"

lib/simple-icon-lite.js

@@ -114,6 +114,6 @@ /**
       return (
-        document.body.getAttribute("xml:dir") ||
-        document.body.getAttribute("dir") ||
-        document.documentElement.getAttribute("xml:dir") ||
-        document.documentElement.getAttribute("dir") ||
+        globalThis.document.body.getAttribute("xml:dir") ||
+        globalThis.document.body.getAttribute("dir") ||
+        globalThis.document.documentElement.getAttribute("xml:dir") ||
+        globalThis.document.documentElement.getAttribute("dir") ||
         "ltr"
@@ -120,0 +120,0 @@ );

lib/simple-icon.haxProperties.json

@@ -41,4 +41,3 @@ {
     ],
-    "advanced": [
-    ],
+    "advanced": [],
     "developer": []
@@ -45,0 +44,0 @@ },

lib/simple-icons.js

@@ -26,3 +26,3 @@ import { SimpleIconsetStore } from "./simple-iconset.js";
   "flags",
-  `${here}../../../node_modules/flag-icons/flags/4x3/`
+  `${here}../../../node_modules/flag-icons/flags/4x3/`,
 );
@@ -32,3 +32,3 @@ // square flag less common but needed ratio
   "flags1x1",
-  `${here}../../../node_modules/flag-icons/flags/1x1/`
+  `${here}../../../node_modules/flag-icons/flags/1x1/`,
 );

lib/simple-iconset-demo.js

@@ -36,4 +36,6 @@ /**
           display: block;
-          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
-            0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+          box-shadow:
+            0 2px 2px 0 rgba(0, 0, 0, 0.14),
+            0 1px 5px 0 rgba(0, 0, 0, 0.12),
+            0 3px 1px -2px rgba(0, 0, 0, 0.2);
           margin-bottom: 40px;
@@ -108,23 +110,24 @@ padding: 20px 40px;
       : this.iconsets.map(
-          (iconset) => html`<div class="iconset">
-            <p><strong>${iconset.name}</strong></p>
-            <ul>
-              ${iconset.icons.map(
-                (icon) => html`
-                  <li>
-                    <div id="icon">
-                      <simple-icon-lite
-                        icon="${iconset.name}:${icon}"
-                      ></simple-icon-lite>
-                      <div id="icon-text">
-                        ${iconset.name === "icons"
-                          ? ""
-                          : `${iconset.name}:`}${icon}
+          (iconset) =>
+            html`<div class="iconset">
+              <p><strong>${iconset.name}</strong></p>
+              <ul>
+                ${iconset.icons.map(
+                  (icon) => html`
+                    <li>
+                      <div id="icon">
+                        <simple-icon-lite
+                          icon="${iconset.name}:${icon}"
+                        ></simple-icon-lite>
+                        <div id="icon-text">
+                          ${iconset.name === "icons"
+                            ? ""
+                            : `${iconset.name}:`}${icon}
+                        </div>
                       </div>
-                    </div>
-                  </li>
-                `
-              )}
-            </ul>
-          </div> `
+                    </li>
+                  `,
+                )}
+              </ul>
+            </div> `,
         );
@@ -166,3 +169,3 @@ }
     super();
-    window.SimpleIconset.requestAvailability();
+    globalThis.SimpleIconset.requestAvailability();
     this.imports = [];
@@ -190,3 +193,3 @@ this._getIconsets();
         !excludeSets.includes(iconset) &&
-        (!this.include || includeSets.includes(iconset))
+        (!this.include || includeSets.includes(iconset)),
     );
@@ -193,0 +196,0 @@ }

lib/simple-iconset.js

@@ -116,12 +116,13 @@ /**
 
-window.SimpleIconset = window.SimpleIconset || {};
+globalThis.SimpleIconset = globalThis.SimpleIconset || {};
 /**
  * Checks to see if there is an instance available, and if not appends one
  */
-window.SimpleIconset.requestAvailability = () => {
-  if (window.SimpleIconset.instance == null) {
-    window.SimpleIconset.instance = document.createElement("simple-iconset");
+globalThis.SimpleIconset.requestAvailability = () => {
+  if (globalThis.SimpleIconset.instance == null && globalThis.document) {
+    globalThis.SimpleIconset.instance =
+      globalThis.document.createElement("simple-iconset");
+    globalThis.document.body.appendChild(globalThis.SimpleIconset.instance);
   }
-  document.body.appendChild(window.SimpleIconset.instance);
-  return window.SimpleIconset.instance;
+  return globalThis.SimpleIconset.instance;
 };
@@ -132,3 +133,3 @@ // self request so that when this file is referenced it exists in the dom
     ? new SimpleIconset()
-    : window.SimpleIconset.requestAvailability();
+    : globalThis.SimpleIconset.requestAvailability();
 export { SimpleIconset, SimpleIconsetStore };

package.json

@@ -23,3 +23,3 @@ {
   },
-  "version": "8.0.0",
+  "version": "8.0.1",
   "description": "Render an SVG based icon",
@@ -41,22 +41,23 @@ "repository": {
     "lighthouse": "gulp lighthouse --gulpfile=gulpfile.cjs",
-    "test:watch": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium firefox --watch",
-    "test": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium firefox"
+    "test:watch": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium --watch",
+    "test": "web-test-runner \"test/**/*.test.js\" --node-resolve --config=../../web-test-runner.config.mjs --playwright --browsers chromium"
   },
   "author": {
-    "name": "btopro"
+    "name": "haxtheweb",
+    "url": "https://hax.psu.edu/"
   },
   "license": "Apache-2.0",
   "dependencies": {
-    "@lrnwebcomponents/simple-colors": "^8.0.0",
+    "@lrnwebcomponents/simple-colors": "^8.0.1",
     "flag-icons": "6.6.4",
-    "lit": "^3.1.0"
+    "lit": "^3.1.2"
   },
   "devDependencies": {
-    "@lrnwebcomponents/deduping-fix": "^8.0.0",
-    "@open-wc/testing": "3.2.0",
+    "@lrnwebcomponents/deduping-fix": "^8.0.1",
+    "@open-wc/testing": "4.0.0",
     "@polymer/iron-component-page": "github:PolymerElements/iron-component-page",
     "@polymer/iron-demo-helpers": "3.1.0",
-    "@web/dev-server": "0.3.1",
+    "@web/dev-server": "0.4.2",
     "@webcomponents/webcomponentsjs": "^2.8.0",
-    "concurrently": "8.2.0",
+    "concurrently": "8.2.2",
     "wct-browser-legacy": "1.0.2"
@@ -72,3 +73,3 @@ },
   ],
-  "gitHead": "2791492ff7ab40c7d4c827c4b305e33c0a971230"
+  "gitHead": "246242dfc335bb0f3baa59f801241be9d3b69180"
 }

simple-icon.js

@@ -40,3 +40,3 @@ /**
     return [
-      ...super.styles,
+      super.styles,
       css`
@@ -43,0 +43,0 @@ feFlood {

simple-icon.stories.js

@@ -189,3 +189,3 @@ import { html } from "lit-html";
     `<simple-iconset-demo></simple-iconset-demo>`,
-    `<p>The following is a full list of simple-iconset:</p>`
+    `<p>The following is a full list of simple-iconset:</p>`,
   );
@@ -201,3 +201,3 @@ };
     SimpleIconButtonLite,
-    utils.getKnobs(buttonliteprops, defaultslite)
+    utils.getKnobs(buttonliteprops, defaultslite),
   );
@@ -213,4 +213,4 @@ };
     SimpleIconButton,
-    utils.getKnobs(buttonprops, defaults)
+    utils.getKnobs(buttonprops, defaults),
   );
 };

src/simple-icon.js

@@ -40,3 +40,3 @@ /**
     return [
-      ...super.styles,
+      super.styles,
       css`
@@ -43,0 +43,0 @@ feFlood {

test/simple-icon.test.js

@@ -8,5 +8,5 @@ import { fixture, expect, html } from "@open-wc/testing";
   beforeEach(async () => {
-    element = await fixture(
-      html` <simple-icon title="test-title"></simple-icon> `
-    );
+    element = await fixture(html`
+      <simple-icon title="test-title"></simple-icon>
+    `);
   });
@@ -13,0 +13,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

420735

increased by0.06%

Lines of code

2882

increased by0.1%

Dependency changes

• Updated@lrnwebcomponents/simple-colors@^8.0.1

• Updatedlit@^3.1.2