@spectrum-web-components/icon 0.11.11 → 0.11.12-devmode.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/icon",
-    "version": "0.11.11",
+    "version": "0.11.12-devmode.0+07474d44f",
     "publishConfig": {
         "access": "public"
     },
@@ -20,11 +20,38 @@
     "module": "./src/index.js",
     "type": "module",
     "exports": {
-        ".": "./src/index.js",
-        "./src/*": "./src/*",
+        ".": {
+            "development": "./src/index.dev.js",
+            "default": "./src/index.js"
+        },
         "./package.json": "./package.json",
-        "./sp-icon": "./sp-icon.js",
-        "./sp-icon.js": "./sp-icon.js"
+        "./src/Icon.js": {
+            "development": "./src/Icon.dev.js",
+            "default": "./src/Icon.js"
+        },
+        "./src/IconBase.js": {
+            "development": "./src/IconBase.dev.js",
+            "default": "./src/IconBase.js"
+        },
+        "./src/icon.css.js": "./src/icon.css.js",
+        "./src/index.js": {
+            "development": "./src/index.dev.js",
+            "default": "./src/index.js"
+        },
+        "./src/spectrum-icon-arrow.css.js": "./src/spectrum-icon-arrow.css.js",
+        "./src/spectrum-icon-asterisk.css.js": "./src/spectrum-icon-asterisk.css.js",
+        "./src/spectrum-icon-checkmark.css.js": "./src/spectrum-icon-checkmark.css.js",
+        "./src/spectrum-icon-chevron.css.js": "./src/spectrum-icon-chevron.css.js",
+        "./src/spectrum-icon-corner-triangle.css.js": "./src/spectrum-icon-corner-triangle.css.js",
+        "./src/spectrum-icon-cross.css.js": "./src/spectrum-icon-cross.css.js",
+        "./src/spectrum-icon-dash.css.js": "./src/spectrum-icon-dash.css.js",
+        "./src/spectrum-icon-double-gripper.css.js": "./src/spectrum-icon-double-gripper.css.js",
+        "./src/spectrum-icon-single-gripper.css.js": "./src/spectrum-icon-single-gripper.css.js",
+        "./src/spectrum-icon-triple-gripper.css.js": "./src/spectrum-icon-triple-gripper.css.js",
+        "./sp-icon.js": {
+            "development": "./sp-icon.dev.js",
+            "default": "./sp-icon.js"
+        }
     },
     "scripts": {
         "test": "echo \"Error: run tests from mono-repo root.\" && exit 1"
@@ -44,8 +71,8 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.8",
-        "@spectrum-web-components/iconset": "^0.6.8",
+        "@spectrum-web-components/base": "^0.5.9-devmode.24+07474d44f",
+        "@spectrum-web-components/iconset": "^0.6.9-devmode.24+07474d44f",
         "tslib": "^2.0.0"
     },
     "devDependencies": {
@@ -56,5 +83,5 @@
     "sideEffects": [
         "./sp-*.js"
     ],
-    "gitHead": "3be62133721efba844cd7032566a2c49ed6d9875"
+    "gitHead": "07474d44f6cee1db241b9ccf3dc812514ffbe7fa"
 }

package/sp-icon.dev.js

@@ -0,0 +1,3 @@
+import { Icon } from "./src/Icon.dev.js";
+customElements.define("sp-icon", Icon);
+//# sourceMappingURL=sp-icon.dev.js.map

package/sp-icon.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sp-icon.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Icon } from './src/Icon.dev.js'\n\ncustomElements.define('sp-icon', Icon);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-icon': Icon;\n    }\n}\n"],
+  "mappings": "AAWA;AAEA,eAAe,OAAO,WAAW,IAAI;",
+  "names": []
+}

package/sp-icon.js

@@ -1,14 +1,3 @@
-/*
-Copyright 2020 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';
-customElements.define('sp-icon', Icon);
-//# sourceMappingURL=sp-icon.js.map
+import { Icon } from "./src/Icon.js";
+customElements.define("sp-icon", Icon);
+//# sourceMappingURL=sp-icon.js.map

package/sp-icon.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"sp-icon.js","sourceRoot":"","sources":["sp-icon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAErC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Icon } from './src/Icon.js';\n\ncustomElements.define('sp-icon', Icon);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-icon': Icon;\n    }\n}\n"]}
+{
+  "version": 3,
+  "sources": ["sp-icon.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { Icon } from './src/Icon.js';\n\ncustomElements.define('sp-icon', Icon);\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'sp-icon': Icon;\n    }\n}\n"],
+  "mappings": "AAWA;AAEA,eAAe,OAAO,WAAW,IAAI;",
+  "names": []
+}

package/src/Icon.dev.js

@@ -0,0 +1,103 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+import { html } from "@spectrum-web-components/base";
+import {
+  property,
+  query
+} from "@spectrum-web-components/base/src/decorators.js";
+import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
+import { IconsetRegistry } from "@spectrum-web-components/iconset/src/iconset-registry.js";
+import { IconBase } from "./IconBase.dev.js";
+export class Icon extends IconBase {
+  constructor() {
+    super(...arguments);
+    this.iconsetListener = (event) => {
+      if (!this.name) {
+        return;
+      }
+      const icon = this.parseIcon(this.name);
+      if (event.detail.name === icon.iconset) {
+        this.updateIconPromise = this.updateIcon();
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("sp-iconset-added", this.iconsetListener);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("sp-iconset-added", this.iconsetListener);
+  }
+  firstUpdated() {
+    this.updateIconPromise = this.updateIcon();
+  }
+  attributeChangedCallback(name, old, value) {
+    super.attributeChangedCallback(name, old, value);
+    this.updateIconPromise = this.updateIcon();
+  }
+  render() {
+    if (this.name) {
+      return html`
+                <div id="container"></div>
+            `;
+    } else if (this.src) {
+      return html`
+                <img src="${this.src}" alt=${ifDefined(this.label)} />
+            `;
+    }
+    return super.render();
+  }
+  async updateIcon() {
+    if (this.updateIconPromise) {
+      await this.updateIconPromise;
+    }
+    if (!this.name) {
+      return Promise.resolve();
+    }
+    const icon = this.parseIcon(this.name);
+    const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);
+    if (!iconset) {
+      return Promise.resolve();
+    }
+    if (!this.iconContainer) {
+      return Promise.resolve();
+    }
+    this.iconContainer.innerHTML = "";
+    return iconset.applyIconToElement(this.iconContainer, icon.icon, this.size || "", this.label ? this.label : "");
+  }
+  parseIcon(icon) {
+    const iconParts = icon.split(":");
+    let iconsetName = "default";
+    let iconName = icon;
+    if (iconParts.length > 1) {
+      iconsetName = iconParts[0];
+      iconName = iconParts[1];
+    }
+    return { iconset: iconsetName, icon: iconName };
+  }
+  async getUpdateComplete() {
+    const complete = await super.getUpdateComplete();
+    await this.updateIconPromise;
+    return complete;
+  }
+}
+__decorateClass([
+  property()
+], Icon.prototype, "src", 2);
+__decorateClass([
+  property()
+], Icon.prototype, "name", 2);
+__decorateClass([
+  query("#container")
+], Icon.prototype, "iconContainer", 2);
+//# sourceMappingURL=Icon.dev.js.map

package/src/Icon.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Icon.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';\n\nimport { IconBase } from './IconBase.dev.js'\n\n/**\n * @element sp-icon\n */\nexport class Icon extends IconBase {\n    @property()\n    public src?: string;\n\n    @property()\n    public name?: string;\n\n    @query('#container')\n    private iconContainer?: HTMLElement;\n\n    private updateIconPromise?: Promise<void>;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        window.addEventListener('sp-iconset-added', this.iconsetListener);\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        window.removeEventListener('sp-iconset-added', this.iconsetListener);\n    }\n\n    public override firstUpdated(): void {\n        this.updateIconPromise = this.updateIcon();\n    }\n\n    public override attributeChangedCallback(\n        name: string,\n        old: string,\n        value: string\n    ): void {\n        super.attributeChangedCallback(name, old, value);\n        this.updateIconPromise = this.updateIcon(); // any of our attributes change, update our icon\n    }\n\n    private iconsetListener = (event: CustomEvent): void => {\n        if (!this.name) {\n            return;\n        }\n        // parse the icon name to get iconset name\n        const icon = this.parseIcon(this.name);\n        if (event.detail.name === icon.iconset) {\n            this.updateIconPromise = this.updateIcon();\n        }\n    };\n\n    protected override render(): TemplateResult {\n        if (this.name) {\n            return html`\n                <div id=\"container\"></div>\n            `;\n        } else if (this.src) {\n            return html`\n                <img src=\"${this.src}\" alt=${ifDefined(this.label)} />\n            `;\n        }\n        return super.render();\n    }\n\n    private async updateIcon(): Promise<void> {\n        if (this.updateIconPromise) {\n            await this.updateIconPromise;\n        }\n        if (!this.name) {\n            return Promise.resolve();\n        }\n        // parse the icon name to get iconset name\n        const icon = this.parseIcon(this.name);\n        // try to retrieve the iconset\n        const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);\n        if (!iconset) {\n            // we can stop here as there's nothing to be done till we get the iconset\n            return Promise.resolve();\n        }\n        if (!this.iconContainer) {\n            return Promise.resolve();\n        }\n        this.iconContainer.innerHTML = '';\n        return iconset.applyIconToElement(\n            this.iconContainer,\n            icon.icon,\n            this.size || '',\n            this.label ? this.label : ''\n        );\n    }\n\n    private parseIcon(icon: string): { iconset: string; icon: string } {\n        const iconParts = icon.split(':');\n        let iconsetName = 'default';\n        let iconName = icon;\n        if (iconParts.length > 1) {\n            iconsetName = iconParts[0];\n            iconName = iconParts[1];\n        }\n        return { iconset: iconsetName, icon: iconName };\n    }\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.updateIconPromise;\n        return complete;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;AAKO,aAAM,aAAa,SAAS;AAAA,EAA5B;AAAA;AAmCK,2BAAkB,CAAC,UAA6B;AACpD,UAAI,CAAC,KAAK,MAAM;AACZ;AAAA,MACJ;AAEA,YAAM,OAAO,KAAK,UAAU,KAAK,IAAI;AACrC,UAAI,MAAM,OAAO,SAAS,KAAK,SAAS;AACpC,aAAK,oBAAoB,KAAK,WAAW;AAAA,MAC7C;AAAA,IACJ;AAAA;AAAA,EAhCgB,oBAA0B;AACtC,UAAM,kBAAkB;AACxB,WAAO,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,EACpE;AAAA,EAEgB,uBAA6B;AACzC,UAAM,qBAAqB;AAC3B,WAAO,oBAAoB,oBAAoB,KAAK,eAAe;AAAA,EACvE;AAAA,EAEgB,eAAqB;AACjC,SAAK,oBAAoB,KAAK,WAAW;AAAA,EAC7C;AAAA,EAEgB,yBACZ,MACA,KACA,OACI;AACJ,UAAM,yBAAyB,MAAM,KAAK,KAAK;AAC/C,SAAK,oBAAoB,KAAK,WAAW;AAAA,EAC7C;AAAA,EAamB,SAAyB;AACxC,QAAI,KAAK,MAAM;AACX,aAAO;AAAA;AAAA;AAAA,IAGX,WAAW,KAAK,KAAK;AACjB,aAAO;AAAA,4BACS,KAAK,YAAY,UAAU,KAAK,KAAK;AAAA;AAAA,IAEzD;AACA,WAAO,MAAM,OAAO;AAAA,EACxB;AAAA,QAEc,aAA4B;AACtC,QAAI,KAAK,mBAAmB;AACxB,YAAM,KAAK;AAAA,IACf;AACA,QAAI,CAAC,KAAK,MAAM;AACZ,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AAEA,UAAM,OAAO,KAAK,UAAU,KAAK,IAAI;AAErC,UAAM,UAAU,gBAAgB,YAAY,EAAE,WAAW,KAAK,OAAO;AACrE,QAAI,CAAC,SAAS;AAEV,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AACA,QAAI,CAAC,KAAK,eAAe;AACrB,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AACA,SAAK,cAAc,YAAY;AAC/B,WAAO,QAAQ,mBACX,KAAK,eACL,KAAK,MACL,KAAK,QAAQ,IACb,KAAK,QAAQ,KAAK,QAAQ,EAC9B;AAAA,EACJ;AAAA,EAEQ,UAAU,MAAiD;AAC/D,UAAM,YAAY,KAAK,MAAM,GAAG;AAChC,QAAI,cAAc;AAClB,QAAI,WAAW;AACf,QAAI,UAAU,SAAS,GAAG;AACtB,oBAAc,UAAU;AACxB,iBAAW,UAAU;AAAA,IACzB;AACA,WAAO,EAAE,SAAS,aAAa,MAAM,SAAS;AAAA,EAClD;AAAA,QAEyB,oBAAsC;AAC3D,UAAM,WAAY,MAAM,MAAM,kBAAkB;AAChD,UAAM,KAAK;AACX,WAAO;AAAA,EACX;AACJ;AApGW;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AAFJ,KAEI;AAGA;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AALJ,KAKI;AAGC;AAAA,EADR,AAAC,MAAM,YAAY;AAAA,GACX,AARL,KAQK;",
+  "names": []
+}

package/src/Icon.js

@@ -1,109 +1,103 @@
-/*
-Copyright 2020 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 { __decorate } from "tslib";
-import { html } from '@spectrum-web-components/base';
-import { property, query, } from '@spectrum-web-components/base/src/decorators.js';
-import { ifDefined } from '@spectrum-web-components/base/src/directives.js';
-import { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';
-import { IconBase } from './IconBase.js';
-/**
- * @element sp-icon
- */
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+import { html } from "@spectrum-web-components/base";
+import {
+  property,
+  query
+} from "@spectrum-web-components/base/src/decorators.js";
+import { ifDefined } from "@spectrum-web-components/base/src/directives.js";
+import { IconsetRegistry } from "@spectrum-web-components/iconset/src/iconset-registry.js";
+import { IconBase } from "./IconBase.js";
 export class Icon extends IconBase {
-    constructor() {
-        super(...arguments);
-        this.iconsetListener = (event) => {
-            if (!this.name) {
-                return;
-            }
-            // parse the icon name to get iconset name
-            const icon = this.parseIcon(this.name);
-            if (event.detail.name === icon.iconset) {
-                this.updateIconPromise = this.updateIcon();
-            }
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener('sp-iconset-added', this.iconsetListener);
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        window.removeEventListener('sp-iconset-added', this.iconsetListener);
-    }
-    firstUpdated() {
+  constructor() {
+    super(...arguments);
+    this.iconsetListener = (event) => {
+      if (!this.name) {
+        return;
+      }
+      const icon = this.parseIcon(this.name);
+      if (event.detail.name === icon.iconset) {
         this.updateIconPromise = this.updateIcon();
-    }
-    attributeChangedCallback(name, old, value) {
-        super.attributeChangedCallback(name, old, value);
-        this.updateIconPromise = this.updateIcon(); // any of our attributes change, update our icon
-    }
-    render() {
-        if (this.name) {
-            return html `
+      }
+    };
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    window.addEventListener("sp-iconset-added", this.iconsetListener);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    window.removeEventListener("sp-iconset-added", this.iconsetListener);
+  }
+  firstUpdated() {
+    this.updateIconPromise = this.updateIcon();
+  }
+  attributeChangedCallback(name, old, value) {
+    super.attributeChangedCallback(name, old, value);
+    this.updateIconPromise = this.updateIcon();
+  }
+  render() {
+    if (this.name) {
+      return html`
                 <div id="container"></div>
             `;
-        }
-        else if (this.src) {
-            return html `
+    } else if (this.src) {
+      return html`
                 <img src="${this.src}" alt=${ifDefined(this.label)} />
             `;
-        }
-        return super.render();
     }
-    async updateIcon() {
-        if (this.updateIconPromise) {
-            await this.updateIconPromise;
-        }
-        if (!this.name) {
-            return Promise.resolve();
-        }
-        // parse the icon name to get iconset name
-        const icon = this.parseIcon(this.name);
-        // try to retrieve the iconset
-        const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);
-        if (!iconset) {
-            // we can stop here as there's nothing to be done till we get the iconset
-            return Promise.resolve();
-        }
-        if (!this.iconContainer) {
-            return Promise.resolve();
-        }
-        this.iconContainer.innerHTML = '';
-        return iconset.applyIconToElement(this.iconContainer, icon.icon, this.size || '', this.label ? this.label : '');
+    return super.render();
+  }
+  async updateIcon() {
+    if (this.updateIconPromise) {
+      await this.updateIconPromise;
+    }
+    if (!this.name) {
+      return Promise.resolve();
+    }
+    const icon = this.parseIcon(this.name);
+    const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);
+    if (!iconset) {
+      return Promise.resolve();
     }
-    parseIcon(icon) {
-        const iconParts = icon.split(':');
-        let iconsetName = 'default';
-        let iconName = icon;
-        if (iconParts.length > 1) {
-            iconsetName = iconParts[0];
-            iconName = iconParts[1];
-        }
-        return { iconset: iconsetName, icon: iconName };
+    if (!this.iconContainer) {
+      return Promise.resolve();
     }
-    async getUpdateComplete() {
-        const complete = (await super.getUpdateComplete());
-        await this.updateIconPromise;
-        return complete;
+    this.iconContainer.innerHTML = "";
+    return iconset.applyIconToElement(this.iconContainer, icon.icon, this.size || "", this.label ? this.label : "");
+  }
+  parseIcon(icon) {
+    const iconParts = icon.split(":");
+    let iconsetName = "default";
+    let iconName = icon;
+    if (iconParts.length > 1) {
+      iconsetName = iconParts[0];
+      iconName = iconParts[1];
     }
+    return { iconset: iconsetName, icon: iconName };
+  }
+  async getUpdateComplete() {
+    const complete = await super.getUpdateComplete();
+    await this.updateIconPromise;
+    return complete;
+  }
 }
-__decorate([
-    property()
-], Icon.prototype, "src", void 0);
-__decorate([
-    property()
-], Icon.prototype, "name", void 0);
-__decorate([
-    query('#container')
-], Icon.prototype, "iconContainer", void 0);
-//# sourceMappingURL=Icon.js.map
+__decorateClass([
+  property()
+], Icon.prototype, "src", 2);
+__decorateClass([
+  property()
+], Icon.prototype, "name", 2);
+__decorateClass([
+  query("#container")
+], Icon.prototype, "iconContainer", 2);
+//# sourceMappingURL=Icon.js.map

package/src/Icon.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["Icon.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAAE,IAAI,EAAkB,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACH,QAAQ,EACR,KAAK,GACR,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,0DAA0D,CAAC;AAE3F,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,QAAQ;IAAlC;;QAmCY,oBAAe,GAAG,CAAC,KAAkB,EAAQ,EAAE;YACnD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;gBACZ,OAAO;aACV;YACD,0CAA0C;YAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACvC,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,OAAO,EAAE;gBACpC,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;aAC9C;QACL,CAAC,CAAC;IA0DN,CAAC;IA1FmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,MAAM,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACtE,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,MAAM,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACzE,CAAC;IAEe,YAAY;QACxB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;IAC/C,CAAC;IAEe,wBAAwB,CACpC,IAAY,EACZ,GAAW,EACX,KAAa;QAEb,KAAK,CAAC,wBAAwB,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAAC;QACjD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC,gDAAgD;IAChG,CAAC;IAakB,MAAM;QACrB,IAAI,IAAI,CAAC,IAAI,EAAE;YACX,OAAO,IAAI,CAAA;;aAEV,CAAC;SACL;aAAM,IAAI,IAAI,CAAC,GAAG,EAAE;YACjB,OAAO,IAAI,CAAA;4BACK,IAAI,CAAC,GAAG,SAAS,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;aACrD,CAAC;SACL;QACD,OAAO,KAAK,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC;IAEO,KAAK,CAAC,UAAU;QACpB,IAAI,IAAI,CAAC,iBAAiB,EAAE;YACxB,MAAM,IAAI,CAAC,iBAAiB,CAAC;SAChC;QACD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACZ,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;SAC5B;QACD,0CAA0C;QAC1C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,8BAA8B;QAC9B,MAAM,OAAO,GAAG,eAAe,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACvE,IAAI,CAAC,OAAO,EAAE;YACV,yEAAyE;YACzE,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;SAC5B;QACD,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACrB,OAAO,OAAO,CAAC,OAAO,EAAE,CAAC;SAC5B;QACD,IAAI,CAAC,aAAa,CAAC,SAAS,GAAG,EAAE,CAAC;QAClC,OAAO,OAAO,CAAC,kBAAkB,CAC7B,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,IAAI,EACT,IAAI,CAAC,IAAI,IAAI,EAAE,EACf,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAC/B,CAAC;IACN,CAAC;IAEO,SAAS,CAAC,IAAY;QAC1B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAClC,IAAI,WAAW,GAAG,SAAS,CAAC;QAC5B,IAAI,QAAQ,GAAG,IAAI,CAAC;QACpB,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;YACtB,WAAW,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;YAC3B,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;SAC3B;QACD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IACpD,CAAC;IAEkB,KAAK,CAAC,iBAAiB;QACtC,MAAM,QAAQ,GAAG,CAAC,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAY,CAAC;QAC9D,MAAM,IAAI,CAAC,iBAAiB,CAAC;QAC7B,OAAO,QAAQ,CAAC;IACpB,CAAC;CACJ;AApGG;IADC,QAAQ,EAAE;iCACS;AAGpB;IADC,QAAQ,EAAE;kCACU;AAGrB;IADC,KAAK,CAAC,YAAY,CAAC;2CACgB","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';\n\nimport { IconBase } from './IconBase.js';\n\n/**\n * @element sp-icon\n */\nexport class Icon extends IconBase {\n    @property()\n    public src?: string;\n\n    @property()\n    public name?: string;\n\n    @query('#container')\n    private iconContainer?: HTMLElement;\n\n    private updateIconPromise?: Promise<void>;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        window.addEventListener('sp-iconset-added', this.iconsetListener);\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        window.removeEventListener('sp-iconset-added', this.iconsetListener);\n    }\n\n    public override firstUpdated(): void {\n        this.updateIconPromise = this.updateIcon();\n    }\n\n    public override attributeChangedCallback(\n        name: string,\n        old: string,\n        value: string\n    ): void {\n        super.attributeChangedCallback(name, old, value);\n        this.updateIconPromise = this.updateIcon(); // any of our attributes change, update our icon\n    }\n\n    private iconsetListener = (event: CustomEvent): void => {\n        if (!this.name) {\n            return;\n        }\n        // parse the icon name to get iconset name\n        const icon = this.parseIcon(this.name);\n        if (event.detail.name === icon.iconset) {\n            this.updateIconPromise = this.updateIcon();\n        }\n    };\n\n    protected override render(): TemplateResult {\n        if (this.name) {\n            return html`\n                <div id=\"container\"></div>\n            `;\n        } else if (this.src) {\n            return html`\n                <img src=\"${this.src}\" alt=${ifDefined(this.label)} />\n            `;\n        }\n        return super.render();\n    }\n\n    private async updateIcon(): Promise<void> {\n        if (this.updateIconPromise) {\n            await this.updateIconPromise;\n        }\n        if (!this.name) {\n            return Promise.resolve();\n        }\n        // parse the icon name to get iconset name\n        const icon = this.parseIcon(this.name);\n        // try to retrieve the iconset\n        const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);\n        if (!iconset) {\n            // we can stop here as there's nothing to be done till we get the iconset\n            return Promise.resolve();\n        }\n        if (!this.iconContainer) {\n            return Promise.resolve();\n        }\n        this.iconContainer.innerHTML = '';\n        return iconset.applyIconToElement(\n            this.iconContainer,\n            icon.icon,\n            this.size || '',\n            this.label ? this.label : ''\n        );\n    }\n\n    private parseIcon(icon: string): { iconset: string; icon: string } {\n        const iconParts = icon.split(':');\n        let iconsetName = 'default';\n        let iconName = icon;\n        if (iconParts.length > 1) {\n            iconsetName = iconParts[0];\n            iconName = iconParts[1];\n        }\n        return { iconset: iconsetName, icon: iconName };\n    }\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.updateIconPromise;\n        return complete;\n    }\n}\n"]}
+{
+  "version": 3,
+  "sources": ["Icon.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport { ifDefined } from '@spectrum-web-components/base/src/directives.js';\n\nimport { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js';\n\nimport { IconBase } from './IconBase.js';\n\n/**\n * @element sp-icon\n */\nexport class Icon extends IconBase {\n    @property()\n    public src?: string;\n\n    @property()\n    public name?: string;\n\n    @query('#container')\n    private iconContainer?: HTMLElement;\n\n    private updateIconPromise?: Promise<void>;\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        window.addEventListener('sp-iconset-added', this.iconsetListener);\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        window.removeEventListener('sp-iconset-added', this.iconsetListener);\n    }\n\n    public override firstUpdated(): void {\n        this.updateIconPromise = this.updateIcon();\n    }\n\n    public override attributeChangedCallback(\n        name: string,\n        old: string,\n        value: string\n    ): void {\n        super.attributeChangedCallback(name, old, value);\n        this.updateIconPromise = this.updateIcon(); // any of our attributes change, update our icon\n    }\n\n    private iconsetListener = (event: CustomEvent): void => {\n        if (!this.name) {\n            return;\n        }\n        // parse the icon name to get iconset name\n        const icon = this.parseIcon(this.name);\n        if (event.detail.name === icon.iconset) {\n            this.updateIconPromise = this.updateIcon();\n        }\n    };\n\n    protected override render(): TemplateResult {\n        if (this.name) {\n            return html`\n                <div id=\"container\"></div>\n            `;\n        } else if (this.src) {\n            return html`\n                <img src=\"${this.src}\" alt=${ifDefined(this.label)} />\n            `;\n        }\n        return super.render();\n    }\n\n    private async updateIcon(): Promise<void> {\n        if (this.updateIconPromise) {\n            await this.updateIconPromise;\n        }\n        if (!this.name) {\n            return Promise.resolve();\n        }\n        // parse the icon name to get iconset name\n        const icon = this.parseIcon(this.name);\n        // try to retrieve the iconset\n        const iconset = IconsetRegistry.getInstance().getIconset(icon.iconset);\n        if (!iconset) {\n            // we can stop here as there's nothing to be done till we get the iconset\n            return Promise.resolve();\n        }\n        if (!this.iconContainer) {\n            return Promise.resolve();\n        }\n        this.iconContainer.innerHTML = '';\n        return iconset.applyIconToElement(\n            this.iconContainer,\n            icon.icon,\n            this.size || '',\n            this.label ? this.label : ''\n        );\n    }\n\n    private parseIcon(icon: string): { iconset: string; icon: string } {\n        const iconParts = icon.split(':');\n        let iconsetName = 'default';\n        let iconName = icon;\n        if (iconParts.length > 1) {\n            iconsetName = iconParts[0];\n            iconName = iconParts[1];\n        }\n        return { iconset: iconsetName, icon: iconName };\n    }\n\n    protected override async getUpdateComplete(): Promise<boolean> {\n        const complete = (await super.getUpdateComplete()) as boolean;\n        await this.updateIconPromise;\n        return complete;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AACA;AAAA;AAAA;AAAA;AAIA;AAEA;AAEA;AAKO,aAAM,aAAa,SAAS;AAAA,EAA5B;AAAA;AAmCK,2BAAkB,CAAC,UAA6B;AACpD,UAAI,CAAC,KAAK,MAAM;AACZ;AAAA,MACJ;AAEA,YAAM,OAAO,KAAK,UAAU,KAAK,IAAI;AACrC,UAAI,MAAM,OAAO,SAAS,KAAK,SAAS;AACpC,aAAK,oBAAoB,KAAK,WAAW;AAAA,MAC7C;AAAA,IACJ;AAAA;AAAA,EAhCgB,oBAA0B;AACtC,UAAM,kBAAkB;AACxB,WAAO,iBAAiB,oBAAoB,KAAK,eAAe;AAAA,EACpE;AAAA,EAEgB,uBAA6B;AACzC,UAAM,qBAAqB;AAC3B,WAAO,oBAAoB,oBAAoB,KAAK,eAAe;AAAA,EACvE;AAAA,EAEgB,eAAqB;AACjC,SAAK,oBAAoB,KAAK,WAAW;AAAA,EAC7C;AAAA,EAEgB,yBACZ,MACA,KACA,OACI;AACJ,UAAM,yBAAyB,MAAM,KAAK,KAAK;AAC/C,SAAK,oBAAoB,KAAK,WAAW;AAAA,EAC7C;AAAA,EAamB,SAAyB;AACxC,QAAI,KAAK,MAAM;AACX,aAAO;AAAA;AAAA;AAAA,IAGX,WAAW,KAAK,KAAK;AACjB,aAAO;AAAA,4BACS,KAAK,YAAY,UAAU,KAAK,KAAK;AAAA;AAAA,IAEzD;AACA,WAAO,MAAM,OAAO;AAAA,EACxB;AAAA,QAEc,aAA4B;AACtC,QAAI,KAAK,mBAAmB;AACxB,YAAM,KAAK;AAAA,IACf;AACA,QAAI,CAAC,KAAK,MAAM;AACZ,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AAEA,UAAM,OAAO,KAAK,UAAU,KAAK,IAAI;AAErC,UAAM,UAAU,gBAAgB,YAAY,EAAE,WAAW,KAAK,OAAO;AACrE,QAAI,CAAC,SAAS;AAEV,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AACA,QAAI,CAAC,KAAK,eAAe;AACrB,aAAO,QAAQ,QAAQ;AAAA,IAC3B;AACA,SAAK,cAAc,YAAY;AAC/B,WAAO,QAAQ,mBACX,KAAK,eACL,KAAK,MACL,KAAK,QAAQ,IACb,KAAK,QAAQ,KAAK,QAAQ,EAC9B;AAAA,EACJ;AAAA,EAEQ,UAAU,MAAiD;AAC/D,UAAM,YAAY,KAAK,MAAM,GAAG;AAChC,QAAI,cAAc;AAClB,QAAI,WAAW;AACf,QAAI,UAAU,SAAS,GAAG;AACtB,oBAAc,UAAU;AACxB,iBAAW,UAAU;AAAA,IACzB;AACA,WAAO,EAAE,SAAS,aAAa,MAAM,SAAS;AAAA,EAClD;AAAA,QAEyB,oBAAsC;AAC3D,UAAM,WAAY,MAAM,MAAM,kBAAkB;AAChD,UAAM,KAAK;AACX,WAAO;AAAA,EACX;AACJ;AApGW;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AAFJ,KAEI;AAGA;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AALJ,KAKI;AAGC;AAAA,EADR,AAAC,MAAM,YAAY;AAAA,GACX,AARL,KAQK;",
+  "names": []
+}

package/src/IconBase.dev.js

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import iconStyles from "./icon.css.js";
+export class IconBase extends SpectrumElement {
+  static get styles() {
+    return [iconStyles];
+  }
+  render() {
+    return html`
+            <slot></slot>
+        `;
+  }
+}
+__decorateClass([
+  property()
+], IconBase.prototype, "label", 2);
+__decorateClass([
+  property({ reflect: true })
+], IconBase.prototype, "size", 2);
+//# sourceMappingURL=IconBase.dev.js.map

package/src/IconBase.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["IconBase.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport iconStyles from './icon.css.js';\n\nexport class IconBase extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [iconStyles];\n    }\n\n    @property()\n    public label?: string;\n\n    @property({ reflect: true })\n    public size?: 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA;AAAA;AAAA;AAMA;AAEA;AAEO,aAAM,iBAAiB,gBAAgB;AAAA,aACf,SAAyB;AAChD,WAAO,CAAC,UAAU;AAAA,EACtB;AAAA,EAQmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;AAVW;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AANJ,SAMI;AAGA;AAAA,EADP,AAAC,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GACpB,AATJ,SASI;",
+  "names": []
+}

package/src/IconBase.js

@@ -1,32 +1,34 @@
-/*
-Copyright 2020 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 { __decorate } from "tslib";
-import { html, SpectrumElement, } from '@spectrum-web-components/base';
-import { property } from '@spectrum-web-components/base/src/decorators.js';
-import iconStyles from './icon.css.js';
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+import {
+  html,
+  SpectrumElement
+} from "@spectrum-web-components/base";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
+import iconStyles from "./icon.css.js";
 export class IconBase extends SpectrumElement {
-    static get styles() {
-        return [iconStyles];
-    }
-    render() {
-        return html `
+  static get styles() {
+    return [iconStyles];
+  }
+  render() {
+    return html`
             <slot></slot>
         `;
-    }
+  }
 }
-__decorate([
-    property()
-], IconBase.prototype, "label", void 0);
-__decorate([
-    property({ reflect: true })
-], IconBase.prototype, "size", void 0);
-//# sourceMappingURL=IconBase.js.map
+__decorateClass([
+  property()
+], IconBase.prototype, "label", 2);
+__decorateClass([
+  property({ reflect: true })
+], IconBase.prototype, "size", 2);
+//# sourceMappingURL=IconBase.js.map

package/src/IconBase.js.map

@@ -1 +1,7 @@
-{"version":3,"file":"IconBase.js","sourceRoot":"","sources":["IconBase.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAEH,IAAI,EACJ,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAE3E,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,OAAO,QAAS,SAAQ,eAAe;IAClC,MAAM,KAAc,MAAM;QAC7B,OAAO,CAAC,UAAU,CAAC,CAAC;IACxB,CAAC;IAQkB,MAAM;QACrB,OAAO,IAAI,CAAA;;SAEV,CAAC;IACN,CAAC;CACJ;AAVG;IADC,QAAQ,EAAE;uCACW;AAGtB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACiB","sourcesContent":["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport iconStyles from './icon.css.js';\n\nexport class IconBase extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [iconStyles];\n    }\n\n    @property()\n    public label?: string;\n\n    @property({ reflect: true })\n    public size?: 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"]}
+{
+  "version": 3,
+  "sources": ["IconBase.ts"],
+  "sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport {\n    CSSResultArray,\n    html,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport iconStyles from './icon.css.js';\n\nexport class IconBase extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [iconStyles];\n    }\n\n    @property()\n    public label?: string;\n\n    @property({ reflect: true })\n    public size?: 's' | 'm' | 'l' | 'xl' | 'xxl';\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot></slot>\n        `;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA;AAAA;AAAA;AAAA;AAMA;AAEA;AAEO,aAAM,iBAAiB,gBAAgB;AAAA,aACf,SAAyB;AAChD,WAAO,CAAC,UAAU;AAAA,EACtB;AAAA,EAQmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;AAVW;AAAA,EADP,AAAC,SAAS;AAAA,GACH,AANJ,SAMI;AAGA;AAAA,EADP,AAAC,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GACpB,AATJ,SASI;",
+  "names": []
+}

package/src/icon.css.dev.js

@@ -0,0 +1,30 @@
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+:host{fill:currentColor;color:inherit;display:inline-block;pointer-events:none}:host(:not(:root)){overflow:hidden}@media (forced-colors:active){.spectrum-UIIcon,:host{forced-color-adjust:auto}}:host{--spectrum-icon-size-s:var(
+--spectrum-alias-workflow-icon-size-s,var(--spectrum-global-dimension-size-200)
+);--spectrum-icon-size-m:var(
+--spectrum-alias-workflow-icon-size-m,var(--spectrum-global-dimension-size-225)
+);--spectrum-icon-size-l:var(--spectrum-alias-workflow-icon-size-l);--spectrum-icon-size-xl:var(
+--spectrum-alias-workflow-icon-size-xl,var(--spectrum-global-dimension-size-275)
+);--spectrum-icon-size-xxl:var(--spectrum-global-dimension-size-400)}:host([size=s]){height:var(
+--spectrum-icon-size-s
+);width:var(--spectrum-icon-size-s)}:host([size=m]){height:var(
+--spectrum-icon-size-m
+);width:var(--spectrum-icon-size-m)}:host([size=l]){height:var(
+--spectrum-icon-size-l
+);width:var(--spectrum-icon-size-l)}:host([size=xl]){height:var(
+--spectrum-icon-size-xl
+);width:var(--spectrum-icon-size-xl)}:host([size=xxl]){height:var(
+--spectrum-icon-size-xxl
+);width:var(--spectrum-icon-size-xxl)}:host{height:var(
+--spectrum-icon-tshirt-size-height,var(
+--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)
+)
+);width:var(
+--spectrum-icon-tshirt-size-width,var(
+--spectrum-alias-workflow-icon-size,var(--spectrum-global-dimension-size-225)
+)
+)}#container{height:100%}::slotted(*),img,svg{color:inherit;height:100%;vertical-align:top;width:100%}@media (forced-colors:active){::slotted(*),img,svg{forced-color-adjust:auto}}
+`;
+export default styles;
+//# sourceMappingURL=icon.css.dev.js.map