@spectrum-web-components/icon 1.9.0 → 1.9.1-nightly.20251028221318

package/test/icon.test.js

@@ -0,0 +1,119 @@
+"use strict";
+import Sinon from "sinon";
+import { isWebKit } from "@spectrum-web-components/shared";
+import "@spectrum-web-components/icon/sp-icon.js";
+import "@spectrum-web-components/icons/sp-icons-medium.js";
+import {
+  elementUpdated,
+  expect,
+  fixture,
+  html,
+  waitUntil
+} from "@open-wc/testing";
+import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
+describe("Icon", () => {
+  before(async () => {
+    const icons = document.createElement("sp-icons-medium");
+    document.body.append(icons);
+    await elementUpdated(icons);
+  });
+  it("loads", async () => {
+    const el = await fixture(html`
+            <sp-icon name="ui:Chevron200"></sp-icon>
+        `);
+    await elementUpdated(el);
+    expect(el).to.not.be.undefined;
+    const container = el.shadowRoot ? el.shadowRoot.querySelector("#container") : el.querySelector("#container");
+    expect(container).to.exist;
+    const icon = container.querySelector("svg");
+    expect(icon).to.exist;
+    expect(icon.getAttribute("aria-hidden")).to.equal("true");
+  });
+  testForLitDevWarnings(
+    async () => await fixture(html`
+                <sp-icon
+                    label="Image Icon"
+                    src="data:image/png;base64,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"
+                ></sp-icon>
+            `)
+  );
+  it("loads w/ src", async () => {
+    const el = await fixture(html`
+            <sp-icon
+                label="Image Icon"
+                src="data:image/png;base64,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"
+            ></sp-icon>
+        `);
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+  });
+  it("loads w/ invalid src, error dispatching", async () => {
+    const error = Sinon.spy();
+    const el = await fixture(html`
+            <sp-icon
+                label="Image Icon"
+                src="invalid-image-src"
+                @error=${error}
+            ></sp-icon>
+        `);
+    await elementUpdated(el);
+    await expect(el).to.be.accessible();
+    if (!isWebKit()) {
+      await waitUntil(() => error.calledOnce, "The error was thrown.");
+    }
+  });
+  it("loads w/ label", async () => {
+    const label = "Chevron";
+    const el = await fixture(html`
+            <sp-icon name="ui:Chevron200" label=${label}></sp-icon>
+        `);
+    await elementUpdated(el);
+    expect(el).to.not.be.undefined;
+    const container = el.shadowRoot ? el.shadowRoot.querySelector("#container") : el.querySelector("#container");
+    expect(container).to.exist;
+    const icon = container.querySelector("svg");
+    expect(icon).to.exist;
+    expect(icon.hasAttribute("aria-hidden")).to.be.false;
+    expect(icon.getAttribute("aria-label")).to.equal(label);
+  });
+  it("does not error when name is missing", async () => {
+    const el = await fixture(html`
+            <sp-icon></sp-icon>
+        `);
+    return elementUpdated(el);
+  });
+  it("does not error with unknown set", async () => {
+    const el = await fixture(html`
+            <sp-icon name="unknown-icon"></sp-icon>
+        `);
+    return elementUpdated(el);
+  });
+  it("does error with unknown icon", async () => {
+    const el = document.createElement("sp-icon");
+    el.name = "ui:unknown-icon";
+    try {
+      document.body.appendChild(el);
+      await elementUpdated(el);
+      expect("failed").to.not.equal("failed");
+    } catch (error) {
+      expect(() => {
+        throw error;
+      }).to.throw();
+    }
+    el.remove();
+  });
+  it("does not add multiple SVGs when removed and re-added to DOM", async () => {
+    const el = await fixture(html`
+            <sp-icon name="ui:Chevron200"></sp-icon>
+        `);
+    await elementUpdated(el);
+    expect(el).to.not.be.undefined;
+    const parent = el.parentNode;
+    parent.removeChild(el);
+    parent.appendChild(el);
+    await el.updateComplete;
+    const count = el.shadowRoot.querySelectorAll("svg").length;
+    expect(count).to.equal(1);
+  });
+});
+//# sourceMappingURL=icon.test.js.map

package/test/icon.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["icon.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport Sinon from 'sinon';\nimport { isWebKit } from '@spectrum-web-components/shared';\nimport '@spectrum-web-components/icon/sp-icon.js';\nimport { Icon } from '@spectrum-web-components/icon';\nimport '@spectrum-web-components/icons/sp-icons-medium.js';\nimport {\n    elementUpdated,\n    expect,\n    fixture,\n    html,\n    waitUntil,\n} from '@open-wc/testing';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\n\ndescribe('Icon', () => {\n    before(async () => {\n        const icons = document.createElement('sp-icons-medium');\n        document.body.append(icons);\n\n        await elementUpdated(icons);\n    });\n\n    it('loads', async () => {\n        const el = await fixture<Icon>(html`\n            <sp-icon name=\"ui:Chevron200\"></sp-icon>\n        `);\n\n        await elementUpdated(el);\n        expect(el).to.not.be.undefined;\n        const container = el.shadowRoot\n            ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n            : (el.querySelector('#container') as HTMLDivElement);\n        expect(container).to.exist;\n        const icon = container.querySelector('svg') as SVGElement;\n        expect(icon).to.exist;\n        expect(icon.getAttribute('aria-hidden')).to.equal('true');\n    });\n\n    testForLitDevWarnings(\n        async () =>\n            await fixture<Icon>(html`\n                <sp-icon\n                    label=\"Image Icon\"\n                    src=\"data:image/png;base64,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\"\n                ></sp-icon>\n            `)\n    );\n\n    it('loads w/ src', async () => {\n        const el = await fixture<Icon>(html`\n            <sp-icon\n                label=\"Image Icon\"\n                src=\"data:image/png;base64,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\"\n            ></sp-icon>\n        `);\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('loads w/ invalid src, error dispatching', async () => {\n        const error = Sinon.spy();\n        const el = await fixture<Icon>(html`\n            <sp-icon\n                label=\"Image Icon\"\n                src=\"invalid-image-src\"\n                @error=${error}\n            ></sp-icon>\n        `);\n\n        await elementUpdated(el);\n\n        await expect(el).to.be.accessible();\n\n        // Skipping the test case expectation for webkit because of error event not dispatching bug for the same, https://github.com/microsoft/playwright/issues/22332\n        if (!isWebKit()) {\n            await waitUntil(() => error.calledOnce, 'The error was thrown.');\n        }\n    });\n\n    it('loads w/ label', async () => {\n        const label = 'Chevron';\n        const el = await fixture<Icon>(html`\n            <sp-icon name=\"ui:Chevron200\" label=${label}></sp-icon>\n        `);\n\n        await elementUpdated(el);\n        expect(el).to.not.be.undefined;\n        const container = el.shadowRoot\n            ? (el.shadowRoot.querySelector('#container') as HTMLDivElement)\n            : (el.querySelector('#container') as HTMLDivElement);\n        expect(container).to.exist;\n        const icon = container.querySelector('svg') as SVGElement;\n        expect(icon).to.exist;\n        expect(icon.hasAttribute('aria-hidden')).to.be.false;\n        expect(icon.getAttribute('aria-label')).to.equal(label);\n    });\n\n    it('does not error when name is missing', async () => {\n        const el = await fixture<Icon>(html`\n            <sp-icon></sp-icon>\n        `);\n\n        return elementUpdated(el);\n    });\n\n    it('does not error with unknown set', async () => {\n        const el = await fixture<Icon>(html`\n            <sp-icon name=\"unknown-icon\"></sp-icon>\n        `);\n\n        return elementUpdated(el);\n    });\n\n    it('does error with unknown icon', async () => {\n        const el = document.createElement('sp-icon');\n        el.name = 'ui:unknown-icon';\n        try {\n            document.body.appendChild(el);\n            await elementUpdated(el);\n            expect('failed').to.not.equal('failed');\n        } catch (error) {\n            expect(() => {\n                throw error;\n            }).to.throw();\n        }\n        el.remove();\n    });\n\n    it('does not add multiple SVGs when removed and re-added to DOM', async () => {\n        const el = await fixture<Icon>(html`\n            <sp-icon name=\"ui:Chevron200\"></sp-icon>\n        `);\n\n        await elementUpdated(el);\n        expect(el).to.not.be.undefined;\n\n        const parent = el.parentNode as HTMLElement;\n        parent.removeChild(el);\n        parent.appendChild(el);\n\n        // wait for updates\n        await el.updateComplete;\n\n        const count = el.shadowRoot.querySelectorAll('svg').length;\n        expect(count).to.equal(1);\n    });\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/custom-elements.json

@@ -1,338 +0,0 @@
-{
-  "schemaVersion": "1.0.0",
-  "readme": "",
-  "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "sp-icon.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "sp-icon",
-          "declaration": {
-            "name": "Icon",
-            "module": "/src/Icon.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/Icon.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "Icon",
-          "members": [
-            {
-              "kind": "field",
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "public",
-              "attribute": "src"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "public",
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "iconContainer",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "updateIconPromise",
-              "type": {
-                "text": "Promise<void> | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "iconsetListener",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "announceIconImageSrcError",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "parseIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "{ iconset: string; icon: string }"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "icon",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getUpdateComplete",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "unsubscribeSystemContext",
-              "type": {
-                "text": "(() => void) | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "IconBase",
-                "module": "src/IconBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "spectrumVersion",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "1",
-              "inheritedFrom": {
-                "name": "IconBase",
-                "module": "src/IconBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "attribute": "label",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "IconBase",
-                "module": "src/IconBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | undefined"
-              },
-              "privacy": "public",
-              "attribute": "size",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "IconBase",
-                "module": "src/IconBase.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "systemResolver",
-              "privacy": "private",
-              "default": "new SystemResolutionController(this)",
-              "inheritedFrom": {
-                "name": "IconBase",
-                "module": "src/IconBase.js"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "error",
-              "type": {
-                "text": "Event"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "src",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "src"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label",
-              "inheritedFrom": {
-                "name": "IconBase",
-                "module": "src/IconBase.ts"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | undefined"
-              },
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "IconBase",
-                "module": "src/IconBase.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "IconBase",
-            "module": "/src/IconBase.js"
-          },
-          "tagName": "sp-icon",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "Icon",
-          "declaration": {
-            "name": "Icon",
-            "module": "src/Icon.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/IconBase.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "IconBase",
-          "members": [
-            {
-              "kind": "field",
-              "name": "unsubscribeSystemContext",
-              "type": {
-                "text": "(() => void) | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "spectrumVersion",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "1"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "attribute": "label",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | undefined"
-              },
-              "privacy": "public",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "systemResolver",
-              "privacy": "private",
-              "default": "new SystemResolutionController(this)"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "label"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | undefined"
-              },
-              "fieldName": "size"
-            }
-          ],
-          "superclass": {
-            "name": "SpectrumElement",
-            "package": "@spectrum-web-components/base"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "IconBase",
-          "declaration": {
-            "name": "IconBase",
-            "module": "src/IconBase.js"
-          }
-        }
-      ]
-    }
-  ]
-}

package/sp-icon.d.ts

@@ -1,17 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-import { Icon } from './src/Icon.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'sp-icon': Icon;
-    }
-}

package/sp-icon.dev.js

@@ -1,5 +0,0 @@
-"use strict";
-import { Icon } from "./src/Icon.dev.js";
-import { defineElement } from "@spectrum-web-components/base/src/define-element.js";
-defineElement("sp-icon", Icon);
-//# sourceMappingURL=sp-icon.dev.js.map

package/sp-icon.js

@@ -1,2 +0,0 @@
-"use strict";import{Icon as e}from"./src/Icon.js";import{defineElement as o}from"@spectrum-web-components/base/src/define-element.js";o("sp-icon",e);
-//# sourceMappingURL=sp-icon.js.map