@spectrum-web-components/base 0.0.0-20241209155954

package/README.md

@@ -0,0 +1,45 @@
+## Description
+
+The `SpectrumElement` base class as created by mixing `SpectrumMixin` onto `LitElement` adopts `dir` values from the `document` at connection time with a fallback to `lrt`. In a TypeScript context, it also enforces the presence of `this.shadowRoot` on extending components.
+
+### Usage
+
+[![See it on NPM!](https://img.shields.io/npm/v/@spectrum-web-components/base?style=for-the-badge)](https://www.npmjs.com/package/@spectrum-web-components/base)
+[![How big is this package in your project?](https://img.shields.io/bundlephobia/minzip/@spectrum-web-components/base?style=for-the-badge)](https://bundlephobia.com/result?p=@spectrum-web-components/base)
+
+```
+yarn add @spectrum-web-components/base
+```
+
+When looking to leverage the `SpectrumElement` base class as a type and/or for extension purposes, do so via:
+
+```
+import { SpectrumElement } from '@spectrum-web-components/base';
+
+export MyElement extends SpectrumElement {}
+
+```
+
+Similarly the `SpectrumMixin` class factory mixin is available via:
+
+```
+import { SpectrumMixin } from '@spectrum-web-components/base';
+
+export MyElement extends SpectrumMixin(HTMLElement) {}
+```
+
+### Features
+
+#### `dir` management
+
+With powerful CSS selectors like `:host(:dir(rtl))` and `:host-content([dir=rtl])` not yet enjoying cross-browser support, reliably delivering content in both "left to right" and "right to left" while relying on Shadow DOM means certain trade offs need to be made. While every custom element build from `SpectrumMixin` could have its `dir` attribute applied to manage this, doing so is not only a pain for apply, it's a pain to maintain over time. To support the flexibility to deliver content in both of these directions, elements built from `SpectrumMixin` will observe the `dir` attribute of either the `document` or a containing `sp-theme`. This will allow your sites and applications to manage content direction in a single place while also opening the possibility of having multiple content directions on the same page by scoping those content sections with `sp-theme` elements.
+
+Placing a `dir` attribute on an element built from `SpectrumMixin` before attaching it to the DOM will prevent it from resolving the text direction value to a parent `sp-theme` or `document` element. Elements applied to the page in this way will also NOT participate in observing any such elements, so their `dir` values will remain as initialized regardless of changes in other parts of your documents. If you choose to leverage this, be aware that any child (in both light DOM and shadow DOM) of this element will need to have a `dir` attribute applied as well if you do not want it resolving to a parent `sp-theme` or `document` element itself. In this way, it is likely that you would benefit from leveraging an `sp-theme` element to create scope in your document for managing this custom content direction section of your page.
+
+#### `isLTR`
+
+While CSS offers many powerful solutions for styling content in various directions, sometimes JS functionality depends on the specific of that direction. Elements built from `SpectrumMixin` have the `this.isLTR` getter that will resolve to `true` when `dir === 'ltr'`.
+
+#### public shadowRoot!: ShadowRoot;
+
+Elements built from `SpectrumMixin` assume that you will be using shadow DOM in the resulting custom element. To simplify TypeScript usage the presence of `this.shadowRoot` is asserted as non-null so that you have direct access to it without extended type checking.

package/package.json

@@ -0,0 +1,123 @@
+{
+    "name": "@spectrum-web-components/base",
+    "version": "0.0.0-20241209155954",
+    "publishConfig": {
+        "access": "public"
+    },
+    "description": "",
+    "license": "Apache-2.0",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/adobe/spectrum-web-components.git",
+        "directory": "tools/base"
+    },
+    "author": "",
+    "homepage": "https://opensource.adobe.com/spectrum-web-components/tools/base",
+    "bugs": {
+        "url": "https://github.com/adobe/spectrum-web-components/issues"
+    },
+    "main": "./src/index.js",
+    "module": "./src/index.js",
+    "type": "module",
+    "exports": {
+        ".": {
+            "development": "./src/index.dev.js",
+            "default": "./src/index.js"
+        },
+        "./package.json": "./package.json",
+        "./src/Base.js": {
+            "development": "./src/Base.dev.js",
+            "default": "./src/Base.js"
+        },
+        "./src/async-directive.js": {
+            "development": "./src/async-directive.dev.js",
+            "default": "./src/async-directive.js"
+        },
+        "./src/condition-attribute-with-id.js": {
+            "development": "./src/condition-attribute-with-id.dev.js",
+            "default": "./src/condition-attribute-with-id.js"
+        },
+        "./src/decorators.js": {
+            "development": "./src/decorators.dev.js",
+            "default": "./src/decorators.js"
+        },
+        "./src/define-element.js": {
+            "development": "./src/define-element.dev.js",
+            "default": "./src/define-element.js"
+        },
+        "./src/directive.js": {
+            "development": "./src/directive.dev.js",
+            "default": "./src/directive.js"
+        },
+        "./src/directives.js": {
+            "development": "./src/directives.dev.js",
+            "default": "./src/directives.js"
+        },
+        "./src/html.js": {
+            "development": "./src/html.dev.js",
+            "default": "./src/html.js"
+        },
+        "./src/index.js": {
+            "development": "./src/index.dev.js",
+            "default": "./src/index.js"
+        },
+        "./src/sizedMixin.js": {
+            "development": "./src/sizedMixin.dev.js",
+            "default": "./src/sizedMixin.js"
+        },
+        "./src/streaming-listener.js": {
+            "development": "./src/streaming-listener.dev.js",
+            "default": "./src/streaming-listener.js"
+        },
+        "./src/version.js": "./src/version.js",
+        "./condition-attribute-with-id.js": {
+            "development": "./condition-attribute-with-id.dev.js",
+            "default": "./condition-attribute-with-id.js"
+        },
+        "./decorators.js": {
+            "development": "./decorators.dev.js",
+            "default": "./decorators.js"
+        },
+        "./directives.js": {
+            "development": "./directives.dev.js",
+            "default": "./directives.js"
+        },
+        "./directive.js": {
+            "development": "./directive.dev.js",
+            "default": "./directive.js"
+        },
+        "./html.js": {
+            "development": "./html.dev.js",
+            "default": "./html.js"
+        },
+        "./streaming-listener.js": {
+            "development": "./streaming-listener.dev.js",
+            "default": "./streaming-listener.js"
+        }
+    },
+    "scripts": {
+        "test": "karma start --coverage"
+    },
+    "files": [
+        "**/*.d.ts",
+        "**/*.js",
+        "**/*.js.map",
+        "custom-elements.json",
+        "!stories/",
+        "!test/"
+    ],
+    "keywords": [
+        "spectrum css",
+        "web components",
+        "lit-element",
+        "lit-html"
+    ],
+    "dependencies": {
+        "lit": "^2.5.0 || ^3.1.3"
+    },
+    "types": "./src/index.d.ts",
+    "customElements": "custom-elements.json",
+    "sideEffects": [
+        "./**/*.dev.js"
+    ]
+}

package/src/Base.d.ts

@@ -0,0 +1,17 @@
+import { LitElement, ReactiveElement } from 'lit';
+type Constructor<T = Record<string, unknown>> = {
+    new (...args: any[]): T;
+    prototype: T;
+};
+export interface SpectrumInterface {
+    shadowRoot: ShadowRoot;
+    isLTR: boolean;
+    hasVisibleFocusInTree(): boolean;
+    dir: 'ltr' | 'rtl';
+}
+export declare function SpectrumMixin<T extends Constructor<ReactiveElement>>(constructor: T): T & Constructor<SpectrumInterface>;
+declare const SpectrumElement_base: typeof LitElement & Constructor<SpectrumInterface>;
+export declare class SpectrumElement extends SpectrumElement_base {
+    static VERSION: string;
+}
+export {};

package/src/Base.dev.js

@@ -0,0 +1,174 @@
+"use strict";
+var _a, _b, _c;
+import { LitElement } from "lit";
+import { version } from "@spectrum-web-components/base/src/version.js";
+const observedForElements = /* @__PURE__ */ new Set();
+const updateRTL = () => {
+  const dir = document.documentElement.dir === "rtl" ? document.documentElement.dir : "ltr";
+  observedForElements.forEach((el) => {
+    el.setAttribute("dir", dir);
+  });
+};
+const rtlObserver = new MutationObserver(updateRTL);
+rtlObserver.observe(document.documentElement, {
+  attributes: true,
+  attributeFilter: ["dir"]
+});
+const canManageContentDirection = (el) => typeof el.startManagingContentDirection !== "undefined" || el.tagName === "SP-THEME";
+export function SpectrumMixin(constructor) {
+  class SpectrumMixinElement extends constructor {
+    /**
+     * @private
+     */
+    get isLTR() {
+      return this.dir === "ltr";
+    }
+    hasVisibleFocusInTree() {
+      const getAncestors = (root = document) => {
+        var _a2;
+        let currentNode = root.activeElement;
+        while ((currentNode == null ? void 0 : currentNode.shadowRoot) && currentNode.shadowRoot.activeElement) {
+          currentNode = currentNode.shadowRoot.activeElement;
+        }
+        const ancestors = currentNode ? [currentNode] : [];
+        while (currentNode) {
+          const ancestor = currentNode.assignedSlot || currentNode.parentElement || ((_a2 = currentNode.getRootNode()) == null ? void 0 : _a2.host);
+          if (ancestor) {
+            ancestors.push(ancestor);
+          }
+          currentNode = ancestor;
+        }
+        return ancestors;
+      };
+      const activeElement = getAncestors(
+        this.getRootNode()
+      )[0];
+      if (!activeElement) {
+        return false;
+      }
+      try {
+        return activeElement.matches(":focus-visible") || activeElement.matches(".focus-visible");
+      } catch (error) {
+        return activeElement.matches(".focus-visible");
+      }
+    }
+    connectedCallback() {
+      if (!this.hasAttribute("dir")) {
+        let dirParent = this.assignedSlot || this.parentNode;
+        while (dirParent !== document.documentElement && !canManageContentDirection(
+          dirParent
+        )) {
+          dirParent = dirParent.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+          dirParent.parentNode || // DOM Element detected
+          dirParent.host;
+        }
+        this.dir = dirParent.dir === "rtl" ? dirParent.dir : this.dir || "ltr";
+        if (dirParent === document.documentElement) {
+          observedForElements.add(this);
+        } else {
+          const { localName } = dirParent;
+          if (localName.search("-") > -1 && !customElements.get(localName)) {
+            customElements.whenDefined(localName).then(() => {
+              dirParent.startManagingContentDirection(this);
+            });
+          } else {
+            dirParent.startManagingContentDirection(
+              this
+            );
+          }
+        }
+        this._dirParent = dirParent;
+      }
+      super.connectedCallback();
+    }
+    disconnectedCallback() {
+      super.disconnectedCallback();
+      if (this._dirParent) {
+        if (this._dirParent === document.documentElement) {
+          observedForElements.delete(this);
+        } else {
+          this._dirParent.stopManagingContentDirection(
+            this
+          );
+        }
+        this.removeAttribute("dir");
+      }
+    }
+  }
+  return SpectrumMixinElement;
+}
+export class SpectrumElement extends SpectrumMixin(LitElement) {
+}
+SpectrumElement.VERSION = version;
+if (true) {
+  const ignoreWarningTypes = {
+    default: false,
+    accessibility: false,
+    api: false
+  };
+  const ignoreWarningLevels = {
+    default: false,
+    low: false,
+    medium: false,
+    high: false,
+    deprecation: false
+  };
+  window.__swc = {
+    ...window.__swc,
+    ignoreWarningLocalNames: {
+      /* c8 ignore next 1 */
+      ...((_a = window.__swc) == null ? void 0 : _a.ignoreWarningLocalNames) || {}
+    },
+    ignoreWarningTypes: {
+      ...ignoreWarningTypes,
+      /* c8 ignore next 1 */
+      ...((_b = window.__swc) == null ? void 0 : _b.ignoreWarningTypes) || {}
+    },
+    ignoreWarningLevels: {
+      ...ignoreWarningLevels,
+      /* c8 ignore next 1 */
+      ...((_c = window.__swc) == null ? void 0 : _c.ignoreWarningLevels) || {}
+    },
+    issuedWarnings: /* @__PURE__ */ new Set(),
+    warn: (element, message, url, { type = "api", level = "default", issues } = {}) => {
+      const { localName = "base" } = element || {};
+      const id = `${localName}:${type}:${level}`;
+      if (!window.__swc.verbose && window.__swc.issuedWarnings.has(id))
+        return;
+      if (window.__swc.ignoreWarningLocalNames[localName]) return;
+      if (window.__swc.ignoreWarningTypes[type]) return;
+      if (window.__swc.ignoreWarningLevels[level]) return;
+      window.__swc.issuedWarnings.add(id);
+      let listedIssues = "";
+      if (issues && issues.length) {
+        issues.unshift("");
+        listedIssues = issues.join("\n    - ") + "\n";
+      }
+      const intro = level === "deprecation" ? "DEPRECATION NOTICE: " : "";
+      const inspectElement = element ? "\nInspect this issue in the follow element:" : "";
+      const displayURL = (element ? "\n\n" : "\n") + url + "\n";
+      const messages = [];
+      messages.push(
+        intro + message + "\n" + listedIssues + inspectElement
+      );
+      if (element) {
+        messages.push(element);
+      }
+      messages.push(displayURL, {
+        data: {
+          localName,
+          type,
+          level
+        }
+      });
+      console.warn(...messages);
+    }
+  };
+  window.__swc.warn(
+    void 0,
+    "Spectrum Web Components is in dev mode. Not recommended for production!",
+    "https://opensource.adobe.com/spectrum-web-components/dev-mode/",
+    { type: "default" }
+  );
+}
+//# sourceMappingURL=Base.dev.js.map

package/src/Base.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Base.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 { LitElement, ReactiveElement } from 'lit';\nimport { version } from '@spectrum-web-components/base/src/version.js';\ntype ThemeRoot = HTMLElement & {\n    startManagingContentDirection: (el: HTMLElement) => void;\n    stopManagingContentDirection: (el: HTMLElement) => void;\n};\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nexport interface SpectrumInterface {\n    shadowRoot: ShadowRoot;\n    isLTR: boolean;\n    hasVisibleFocusInTree(): boolean;\n    dir: 'ltr' | 'rtl';\n}\n\nconst observedForElements: Set<HTMLElement> = new Set();\n\nconst updateRTL = (): void => {\n    const dir =\n        document.documentElement.dir === 'rtl'\n            ? document.documentElement.dir\n            : 'ltr';\n    observedForElements.forEach((el) => {\n        el.setAttribute('dir', dir);\n    });\n};\n\nconst rtlObserver = new MutationObserver(updateRTL);\n\nrtlObserver.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['dir'],\n});\n\ntype ContentDirectionManager = HTMLElement & {\n    startManagingContentDirection?(): void;\n};\n\nconst canManageContentDirection = (el: ContentDirectionManager): boolean =>\n    typeof el.startManagingContentDirection !== 'undefined' ||\n    el.tagName === 'SP-THEME';\n\nexport function SpectrumMixin<T extends Constructor<ReactiveElement>>(\n    constructor: T\n): T & Constructor<SpectrumInterface> {\n    class SpectrumMixinElement extends constructor {\n        /**\n         * @private\n         */\n        public override shadowRoot!: ShadowRoot;\n        private _dirParent?: HTMLElement;\n\n        /**\n         * @private\n         */\n        public override dir!: 'ltr' | 'rtl';\n\n        /**\n         * @private\n         */\n        public get isLTR(): boolean {\n            return this.dir === 'ltr';\n        }\n\n        public hasVisibleFocusInTree(): boolean {\n            const getAncestors = (root: Document = document): HTMLElement[] => {\n                // eslint-disable-next-line @spectrum-web-components/document-active-element\n                let currentNode = root.activeElement as HTMLElement;\n                while (\n                    currentNode?.shadowRoot &&\n                    currentNode.shadowRoot.activeElement\n                ) {\n                    currentNode = currentNode.shadowRoot\n                        .activeElement as HTMLElement;\n                }\n                const ancestors: HTMLElement[] = currentNode\n                    ? [currentNode]\n                    : [];\n                while (currentNode) {\n                    const ancestor =\n                        currentNode.assignedSlot ||\n                        currentNode.parentElement ||\n                        (currentNode.getRootNode() as ShadowRoot)?.host;\n                    if (ancestor) {\n                        ancestors.push(ancestor as HTMLElement);\n                    }\n                    currentNode = ancestor as HTMLElement;\n                }\n                return ancestors;\n            };\n            const activeElement = getAncestors(\n                this.getRootNode() as Document\n            )[0];\n            if (!activeElement) {\n                return false;\n            }\n            // Browsers without support for the `:focus-visible`\n            // selector will throw on the following test (Safari, older things).\n            // Some won't throw, but will be focusing item rather than the menu and\n            // will rely on the polyfill to know whether focus is \"visible\" or not.\n            try {\n                return (\n                    activeElement.matches(':focus-visible') ||\n                    activeElement.matches('.focus-visible')\n                );\n                /* c8 ignore next 3 */\n            } catch (error) {\n                return activeElement.matches('.focus-visible');\n            }\n        }\n\n        public override connectedCallback(): void {\n            if (!this.hasAttribute('dir')) {\n                let dirParent = ((this as HTMLElement).assignedSlot ||\n                    this.parentNode) as HTMLElement;\n                while (\n                    dirParent !== document.documentElement &&\n                    !canManageContentDirection(\n                        dirParent as ContentDirectionManager\n                    )\n                ) {\n                    dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                        dirParent.parentNode || // DOM Element detected\n                        (dirParent as unknown as ShadowRoot)\n                            .host) as HTMLElement;\n                }\n                this.dir =\n                    dirParent.dir === 'rtl' ? dirParent.dir : this.dir || 'ltr';\n                if (dirParent === document.documentElement) {\n                    observedForElements.add(this);\n                } else {\n                    const { localName } = dirParent;\n                    if (\n                        localName.search('-') > -1 &&\n                        !customElements.get(localName)\n                    ) {\n                        /* c8 ignore next 5 */\n                        customElements.whenDefined(localName).then(() => {\n                            (\n                                dirParent as ThemeRoot\n                            ).startManagingContentDirection(this);\n                        });\n                    } else {\n                        (dirParent as ThemeRoot).startManagingContentDirection(\n                            this\n                        );\n                    }\n                }\n                this._dirParent = dirParent as HTMLElement;\n            }\n            super.connectedCallback();\n        }\n\n        public override disconnectedCallback(): void {\n            super.disconnectedCallback();\n            if (this._dirParent) {\n                if (this._dirParent === document.documentElement) {\n                    observedForElements.delete(this);\n                } else {\n                    (this._dirParent as ThemeRoot).stopManagingContentDirection(\n                        this\n                    );\n                }\n                this.removeAttribute('dir');\n            }\n        }\n    }\n    return SpectrumMixinElement;\n}\n\nexport class SpectrumElement extends SpectrumMixin(LitElement) {\n    static VERSION = version;\n}\n\nif (window.__swc.DEBUG) {\n    const ignoreWarningTypes = {\n        default: false,\n        accessibility: false,\n        api: false,\n    };\n    const ignoreWarningLevels = {\n        default: false,\n        low: false,\n        medium: false,\n        high: false,\n        deprecation: false,\n    };\n    window.__swc = {\n        ...window.__swc,\n        ignoreWarningLocalNames: {\n            /* c8 ignore next 1 */\n            ...(window.__swc?.ignoreWarningLocalNames || {}),\n        },\n        ignoreWarningTypes: {\n            ...ignoreWarningTypes,\n            /* c8 ignore next 1 */\n            ...(window.__swc?.ignoreWarningTypes || {}),\n        },\n        ignoreWarningLevels: {\n            ...ignoreWarningLevels,\n            /* c8 ignore next 1 */\n            ...(window.__swc?.ignoreWarningLevels || {}),\n        },\n        issuedWarnings: new Set(),\n        warn: (\n            element,\n            message,\n            url,\n            { type = 'api', level = 'default', issues } = {}\n        ): void => {\n            const { localName = 'base' } = element || {};\n            const id = `${localName}:${type}:${level}` as BrandedSWCWarningID;\n            if (!window.__swc.verbose && window.__swc.issuedWarnings.has(id))\n                return;\n            /* c8 ignore next 3 */\n            if (window.__swc.ignoreWarningLocalNames[localName]) return;\n            if (window.__swc.ignoreWarningTypes[type]) return;\n            if (window.__swc.ignoreWarningLevels[level]) return;\n            window.__swc.issuedWarnings.add(id);\n            let listedIssues = '';\n            if (issues && issues.length) {\n                issues.unshift('');\n                listedIssues = issues.join('\\n    - ') + '\\n';\n            }\n            const intro = level === 'deprecation' ? 'DEPRECATION NOTICE: ' : '';\n            const inspectElement = element\n                ? '\\nInspect this issue in the follow element:'\n                : '';\n            const displayURL = (element ? '\\n\\n' : '\\n') + url + '\\n';\n            const messages: unknown[] = [];\n            messages.push(\n                intro + message + '\\n' + listedIssues + inspectElement\n            );\n            if (element) {\n                messages.push(element);\n            }\n            messages.push(displayURL, {\n                data: {\n                    localName,\n                    type,\n                    level,\n                },\n            });\n            console.warn(...messages);\n        },\n    };\n\n    window.__swc.warn(\n        undefined,\n        'Spectrum Web Components is in dev mode. Not recommended for production!',\n        'https://opensource.adobe.com/spectrum-web-components/dev-mode/',\n        { type: 'default' }\n    );\n}\n"],
+  "mappings": "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",
+  "names": ["_a"]
+}

package/src/Base.js

@@ -0,0 +1,2 @@
+"use strict";import{LitElement as m}from"lit";import{version as u}from"@spectrum-web-components/base/src/version.js";const c=new Set,g=()=>{const s=document.documentElement.dir==="rtl"?document.documentElement.dir:"ltr";c.forEach(o=>{o.setAttribute("dir",s)})},w=new MutationObserver(g);w.observe(document.documentElement,{attributes:!0,attributeFilter:["dir"]});const p=s=>typeof s.startManagingContentDirection!="undefined"||s.tagName==="SP-THEME";export function SpectrumMixin(s){class o extends s{get isLTR(){return this.dir==="ltr"}hasVisibleFocusInTree(){const n=((r=document)=>{var l;let t=r.activeElement;for(;t!=null&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;const a=t?[t]:[];for(;t;){const i=t.assignedSlot||t.parentElement||((l=t.getRootNode())==null?void 0:l.host);i&&a.push(i),t=i}return a})(this.getRootNode())[0];if(!n)return!1;try{return n.matches(":focus-visible")||n.matches(".focus-visible")}catch(r){return n.matches(".focus-visible")}}connectedCallback(){if(!this.hasAttribute("dir")){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!p(e);)e=e.assignedSlot||e.parentNode||e.host;if(this.dir=e.dir==="rtl"?e.dir:this.dir||"ltr",e===document.documentElement)c.add(this);else{const{localName:n}=e;n.search("-")>-1&&!customElements.get(n)?customElements.whenDefined(n).then(()=>{e.startManagingContentDirection(this)}):e.startManagingContentDirection(this)}this._dirParent=e}super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._dirParent&&(this._dirParent===document.documentElement?c.delete(this):this._dirParent.stopManagingContentDirection(this),this.removeAttribute("dir"))}}return o}export class SpectrumElement extends SpectrumMixin(m){}SpectrumElement.VERSION=u;
+//# sourceMappingURL=Base.js.map

package/src/Base.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Base.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 { LitElement, ReactiveElement } from 'lit';\nimport { version } from '@spectrum-web-components/base/src/version.js';\ntype ThemeRoot = HTMLElement & {\n    startManagingContentDirection: (el: HTMLElement) => void;\n    stopManagingContentDirection: (el: HTMLElement) => void;\n};\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nexport interface SpectrumInterface {\n    shadowRoot: ShadowRoot;\n    isLTR: boolean;\n    hasVisibleFocusInTree(): boolean;\n    dir: 'ltr' | 'rtl';\n}\n\nconst observedForElements: Set<HTMLElement> = new Set();\n\nconst updateRTL = (): void => {\n    const dir =\n        document.documentElement.dir === 'rtl'\n            ? document.documentElement.dir\n            : 'ltr';\n    observedForElements.forEach((el) => {\n        el.setAttribute('dir', dir);\n    });\n};\n\nconst rtlObserver = new MutationObserver(updateRTL);\n\nrtlObserver.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['dir'],\n});\n\ntype ContentDirectionManager = HTMLElement & {\n    startManagingContentDirection?(): void;\n};\n\nconst canManageContentDirection = (el: ContentDirectionManager): boolean =>\n    typeof el.startManagingContentDirection !== 'undefined' ||\n    el.tagName === 'SP-THEME';\n\nexport function SpectrumMixin<T extends Constructor<ReactiveElement>>(\n    constructor: T\n): T & Constructor<SpectrumInterface> {\n    class SpectrumMixinElement extends constructor {\n        /**\n         * @private\n         */\n        public override shadowRoot!: ShadowRoot;\n        private _dirParent?: HTMLElement;\n\n        /**\n         * @private\n         */\n        public override dir!: 'ltr' | 'rtl';\n\n        /**\n         * @private\n         */\n        public get isLTR(): boolean {\n            return this.dir === 'ltr';\n        }\n\n        public hasVisibleFocusInTree(): boolean {\n            const getAncestors = (root: Document = document): HTMLElement[] => {\n                // eslint-disable-next-line @spectrum-web-components/document-active-element\n                let currentNode = root.activeElement as HTMLElement;\n                while (\n                    currentNode?.shadowRoot &&\n                    currentNode.shadowRoot.activeElement\n                ) {\n                    currentNode = currentNode.shadowRoot\n                        .activeElement as HTMLElement;\n                }\n                const ancestors: HTMLElement[] = currentNode\n                    ? [currentNode]\n                    : [];\n                while (currentNode) {\n                    const ancestor =\n                        currentNode.assignedSlot ||\n                        currentNode.parentElement ||\n                        (currentNode.getRootNode() as ShadowRoot)?.host;\n                    if (ancestor) {\n                        ancestors.push(ancestor as HTMLElement);\n                    }\n                    currentNode = ancestor as HTMLElement;\n                }\n                return ancestors;\n            };\n            const activeElement = getAncestors(\n                this.getRootNode() as Document\n            )[0];\n            if (!activeElement) {\n                return false;\n            }\n            // Browsers without support for the `:focus-visible`\n            // selector will throw on the following test (Safari, older things).\n            // Some won't throw, but will be focusing item rather than the menu and\n            // will rely on the polyfill to know whether focus is \"visible\" or not.\n            try {\n                return (\n                    activeElement.matches(':focus-visible') ||\n                    activeElement.matches('.focus-visible')\n                );\n                /* c8 ignore next 3 */\n            } catch (error) {\n                return activeElement.matches('.focus-visible');\n            }\n        }\n\n        public override connectedCallback(): void {\n            if (!this.hasAttribute('dir')) {\n                let dirParent = ((this as HTMLElement).assignedSlot ||\n                    this.parentNode) as HTMLElement;\n                while (\n                    dirParent !== document.documentElement &&\n                    !canManageContentDirection(\n                        dirParent as ContentDirectionManager\n                    )\n                ) {\n                    dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                        dirParent.parentNode || // DOM Element detected\n                        (dirParent as unknown as ShadowRoot)\n                            .host) as HTMLElement;\n                }\n                this.dir =\n                    dirParent.dir === 'rtl' ? dirParent.dir : this.dir || 'ltr';\n                if (dirParent === document.documentElement) {\n                    observedForElements.add(this);\n                } else {\n                    const { localName } = dirParent;\n                    if (\n                        localName.search('-') > -1 &&\n                        !customElements.get(localName)\n                    ) {\n                        /* c8 ignore next 5 */\n                        customElements.whenDefined(localName).then(() => {\n                            (\n                                dirParent as ThemeRoot\n                            ).startManagingContentDirection(this);\n                        });\n                    } else {\n                        (dirParent as ThemeRoot).startManagingContentDirection(\n                            this\n                        );\n                    }\n                }\n                this._dirParent = dirParent as HTMLElement;\n            }\n            super.connectedCallback();\n        }\n\n        public override disconnectedCallback(): void {\n            super.disconnectedCallback();\n            if (this._dirParent) {\n                if (this._dirParent === document.documentElement) {\n                    observedForElements.delete(this);\n                } else {\n                    (this._dirParent as ThemeRoot).stopManagingContentDirection(\n                        this\n                    );\n                }\n                this.removeAttribute('dir');\n            }\n        }\n    }\n    return SpectrumMixinElement;\n}\n\nexport class SpectrumElement extends SpectrumMixin(LitElement) {\n    static VERSION = version;\n}\n\nif (window.__swc.DEBUG) {\n    const ignoreWarningTypes = {\n        default: false,\n        accessibility: false,\n        api: false,\n    };\n    const ignoreWarningLevels = {\n        default: false,\n        low: false,\n        medium: false,\n        high: false,\n        deprecation: false,\n    };\n    window.__swc = {\n        ...window.__swc,\n        ignoreWarningLocalNames: {\n            /* c8 ignore next 1 */\n            ...(window.__swc?.ignoreWarningLocalNames || {}),\n        },\n        ignoreWarningTypes: {\n            ...ignoreWarningTypes,\n            /* c8 ignore next 1 */\n            ...(window.__swc?.ignoreWarningTypes || {}),\n        },\n        ignoreWarningLevels: {\n            ...ignoreWarningLevels,\n            /* c8 ignore next 1 */\n            ...(window.__swc?.ignoreWarningLevels || {}),\n        },\n        issuedWarnings: new Set(),\n        warn: (\n            element,\n            message,\n            url,\n            { type = 'api', level = 'default', issues } = {}\n        ): void => {\n            const { localName = 'base' } = element || {};\n            const id = `${localName}:${type}:${level}` as BrandedSWCWarningID;\n            if (!window.__swc.verbose && window.__swc.issuedWarnings.has(id))\n                return;\n            /* c8 ignore next 3 */\n            if (window.__swc.ignoreWarningLocalNames[localName]) return;\n            if (window.__swc.ignoreWarningTypes[type]) return;\n            if (window.__swc.ignoreWarningLevels[level]) return;\n            window.__swc.issuedWarnings.add(id);\n            let listedIssues = '';\n            if (issues && issues.length) {\n                issues.unshift('');\n                listedIssues = issues.join('\\n    - ') + '\\n';\n            }\n            const intro = level === 'deprecation' ? 'DEPRECATION NOTICE: ' : '';\n            const inspectElement = element\n                ? '\\nInspect this issue in the follow element:'\n                : '';\n            const displayURL = (element ? '\\n\\n' : '\\n') + url + '\\n';\n            const messages: unknown[] = [];\n            messages.push(\n                intro + message + '\\n' + listedIssues + inspectElement\n            );\n            if (element) {\n                messages.push(element);\n            }\n            messages.push(displayURL, {\n                data: {\n                    localName,\n                    type,\n                    level,\n                },\n            });\n            console.warn(...messages);\n        },\n    };\n\n    window.__swc.warn(\n        undefined,\n        'Spectrum Web Components is in dev mode. Not recommended for production!',\n        'https://opensource.adobe.com/spectrum-web-components/dev-mode/',\n        { type: 'default' }\n    );\n}\n"],
+  "mappings": "aAYA,OAAS,cAAAA,MAAmC,MAC5C,OAAS,WAAAC,MAAe,+CAmBxB,MAAMC,EAAwC,IAAI,IAE5CC,EAAY,IAAY,CAC1B,MAAMC,EACF,SAAS,gBAAgB,MAAQ,MAC3B,SAAS,gBAAgB,IACzB,MACVF,EAAoB,QAASG,GAAO,CAChCA,EAAG,aAAa,MAAOD,CAAG,CAC9B,CAAC,CACL,EAEME,EAAc,IAAI,iBAAiBH,CAAS,EAElDG,EAAY,QAAQ,SAAS,gBAAiB,CAC1C,WAAY,GACZ,gBAAiB,CAAC,KAAK,CAC3B,CAAC,EAMD,MAAMC,EAA6BF,GAC/B,OAAOA,EAAG,+BAAkC,aAC5CA,EAAG,UAAY,WAEZ,gBAAS,cACZG,EACkC,CAClC,MAAMC,UAA6BD,CAAY,CAe3C,IAAW,OAAiB,CACxB,OAAO,KAAK,MAAQ,KACxB,CAEO,uBAAiC,CA0BpC,MAAME,GAzBe,CAACC,EAAiB,WAA4B,CAlF/E,IAAAC,EAoFgB,IAAIC,EAAcF,EAAK,cACvB,KACIE,GAAA,MAAAA,EAAa,YACbA,EAAY,WAAW,eAEvBA,EAAcA,EAAY,WACrB,cAET,MAAMC,EAA2BD,EAC3B,CAACA,CAAW,EACZ,CAAC,EACP,KAAOA,GAAa,CAChB,MAAME,EACFF,EAAY,cACZA,EAAY,iBACXD,EAAAC,EAAY,YAAY,IAAxB,YAAAD,EAA0C,MAC3CG,GACAD,EAAU,KAAKC,CAAuB,EAE1CF,EAAcE,CAClB,CACA,OAAOD,CACX,GAEI,KAAK,YAAY,CACrB,EAAE,CAAC,EACH,GAAI,CAACJ,EACD,MAAO,GAMX,GAAI,CACA,OACIA,EAAc,QAAQ,gBAAgB,GACtCA,EAAc,QAAQ,gBAAgB,CAG9C,OAASM,EAAO,CACZ,OAAON,EAAc,QAAQ,gBAAgB,CACjD,CACJ,CAEgB,mBAA0B,CACtC,GAAI,CAAC,KAAK,aAAa,KAAK,EAAG,CAC3B,IAAIO,EAAc,KAAqB,cACnC,KAAK,WACT,KACIA,IAAc,SAAS,iBACvB,CAACV,EACGU,CACJ,GAEAA,EAAcA,EAA0B,cACpCA,EAAU,YACTA,EACI,KAIb,GAFA,KAAK,IACDA,EAAU,MAAQ,MAAQA,EAAU,IAAM,KAAK,KAAO,MACtDA,IAAc,SAAS,gBACvBf,EAAoB,IAAI,IAAI,MACzB,CACH,KAAM,CAAE,UAAAgB,CAAU,EAAID,EAElBC,EAAU,OAAO,GAAG,EAAI,IACxB,CAAC,eAAe,IAAIA,CAAS,EAG7B,eAAe,YAAYA,CAAS,EAAE,KAAK,IAAM,CAEzCD,EACF,8BAA8B,IAAI,CACxC,CAAC,EAEAA,EAAwB,8BACrB,IACJ,CAER,CACA,KAAK,WAAaA,CACtB,CACA,MAAM,kBAAkB,CAC5B,CAEgB,sBAA6B,CACzC,MAAM,qBAAqB,EACvB,KAAK,aACD,KAAK,aAAe,SAAS,gBAC7Bf,EAAoB,OAAO,IAAI,EAE9B,KAAK,WAAyB,6BAC3B,IACJ,EAEJ,KAAK,gBAAgB,KAAK,EAElC,CACJ,CACA,OAAOO,CACX,CAEO,aAAM,wBAAwB,cAAcT,CAAU,CAAE,CAE/D,CAFa,gBACF,QAAUC",
+  "names": ["LitElement", "version", "observedForElements", "updateRTL", "dir", "el", "rtlObserver", "canManageContentDirection", "constructor", "SpectrumMixinElement", "activeElement", "root", "_a", "currentNode", "ancestors", "ancestor", "error", "dirParent", "localName"]
+}

package/src/async-directive.d.ts

@@ -0,0 +1 @@
+export * from 'lit/async-directive.js';

package/src/async-directive.dev.js

@@ -0,0 +1,3 @@
+"use strict";
+export * from "lit/async-directive.js";
+//# sourceMappingURL=async-directive.dev.js.map

package/src/async-directive.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["async-directive.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\nexport * from 'lit/async-directive.js';\n"],
+  "mappings": ";AAYA,cAAc;",
+  "names": []
+}

package/src/async-directive.js

@@ -0,0 +1,2 @@
+"use strict";export*from"lit/async-directive.js";
+//# sourceMappingURL=async-directive.js.map

package/src/async-directive.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["async-directive.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\nexport * from 'lit/async-directive.js';\n"],
+  "mappings": "aAYA,WAAc",
+  "names": []
+}

package/src/condition-attribute-with-id.d.ts

@@ -0,0 +1,2 @@
+export declare function conditionAttributeWithoutId(el: HTMLElement, attribute: string, ids: string[]): void;
+export declare function conditionAttributeWithId(el: HTMLElement, attribute: string, id: string | string[]): () => void;

package/src/condition-attribute-with-id.dev.js

@@ -0,0 +1,27 @@
+"use strict";
+export function conditionAttributeWithoutId(el, attribute, ids) {
+  const ariaDescribedby = el.getAttribute(attribute);
+  let descriptors = ariaDescribedby ? ariaDescribedby.split(/\s+/) : [];
+  descriptors = descriptors.filter(
+    (descriptor) => !ids.find((id) => descriptor === id)
+  );
+  if (descriptors.length) {
+    el.setAttribute(attribute, descriptors.join(" "));
+  } else {
+    el.removeAttribute(attribute);
+  }
+}
+export function conditionAttributeWithId(el, attribute, id) {
+  const ids = Array.isArray(id) ? id : [id];
+  const ariaDescribedby = el.getAttribute(attribute);
+  const descriptors = ariaDescribedby ? ariaDescribedby.split(/\s+/) : [];
+  const hadIds = ids.every((id2) => descriptors.indexOf(id2) > -1);
+  if (hadIds)
+    return () => {
+      return;
+    };
+  descriptors.push(...ids);
+  el.setAttribute(attribute, descriptors.join(" "));
+  return () => conditionAttributeWithoutId(el, attribute, ids);
+}
+//# sourceMappingURL=condition-attribute-with-id.dev.js.map

package/src/condition-attribute-with-id.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["condition-attribute-with-id.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\nexport function conditionAttributeWithoutId(\n    el: HTMLElement,\n    attribute: string,\n    ids: string[]\n): void {\n    const ariaDescribedby = el.getAttribute(attribute);\n    let descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n    descriptors = descriptors.filter(\n        (descriptor) => !ids.find((id) => descriptor === id)\n    );\n    if (descriptors.length) {\n        el.setAttribute(attribute, descriptors.join(' '));\n    } else {\n        el.removeAttribute(attribute);\n    }\n}\n\nexport function conditionAttributeWithId(\n    el: HTMLElement,\n    attribute: string,\n    id: string | string[]\n): () => void {\n    const ids = Array.isArray(id) ? id : [id];\n    const ariaDescribedby = el.getAttribute(attribute);\n    const descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n    const hadIds = ids.every((id) => descriptors.indexOf(id) > -1);\n    if (hadIds)\n        /* c8 ignore next 3 */\n        return (): void => {\n            return;\n        };\n    descriptors.push(...ids);\n    el.setAttribute(attribute, descriptors.join(' '));\n    return () => conditionAttributeWithoutId(el, attribute, ids);\n}\n"],
+  "mappings": ";AAYO,gBAAS,4BACZ,IACA,WACA,KACI;AACJ,QAAM,kBAAkB,GAAG,aAAa,SAAS;AACjD,MAAI,cAAc,kBAAkB,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACpE,gBAAc,YAAY;AAAA,IACtB,CAAC,eAAe,CAAC,IAAI,KAAK,CAAC,OAAO,eAAe,EAAE;AAAA,EACvD;AACA,MAAI,YAAY,QAAQ;AACpB,OAAG,aAAa,WAAW,YAAY,KAAK,GAAG,CAAC;AAAA,EACpD,OAAO;AACH,OAAG,gBAAgB,SAAS;AAAA,EAChC;AACJ;AAEO,gBAAS,yBACZ,IACA,WACA,IACU;AACV,QAAM,MAAM,MAAM,QAAQ,EAAE,IAAI,KAAK,CAAC,EAAE;AACxC,QAAM,kBAAkB,GAAG,aAAa,SAAS;AACjD,QAAM,cAAc,kBAAkB,gBAAgB,MAAM,KAAK,IAAI,CAAC;AACtE,QAAM,SAAS,IAAI,MAAM,CAACA,QAAO,YAAY,QAAQA,GAAE,IAAI,EAAE;AAC7D,MAAI;AAEA,WAAO,MAAY;AACf;AAAA,IACJ;AACJ,cAAY,KAAK,GAAG,GAAG;AACvB,KAAG,aAAa,WAAW,YAAY,KAAK,GAAG,CAAC;AAChD,SAAO,MAAM,4BAA4B,IAAI,WAAW,GAAG;AAC/D;",
+  "names": ["id"]
+}

package/src/condition-attribute-with-id.js

@@ -0,0 +1,2 @@
+"use strict";export function conditionAttributeWithoutId(t,i,n){const e=t.getAttribute(i);let r=e?e.split(/\s+/):[];r=r.filter(s=>!n.find(o=>s===o)),r.length?t.setAttribute(i,r.join(" ")):t.removeAttribute(i)}export function conditionAttributeWithId(t,i,n){const e=Array.isArray(n)?n:[n],r=t.getAttribute(i),s=r?r.split(/\s+/):[];return e.every(d=>s.indexOf(d)>-1)?()=>{}:(s.push(...e),t.setAttribute(i,s.join(" ")),()=>conditionAttributeWithoutId(t,i,e))}
+//# sourceMappingURL=condition-attribute-with-id.js.map

package/src/condition-attribute-with-id.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["condition-attribute-with-id.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\nexport function conditionAttributeWithoutId(\n    el: HTMLElement,\n    attribute: string,\n    ids: string[]\n): void {\n    const ariaDescribedby = el.getAttribute(attribute);\n    let descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n    descriptors = descriptors.filter(\n        (descriptor) => !ids.find((id) => descriptor === id)\n    );\n    if (descriptors.length) {\n        el.setAttribute(attribute, descriptors.join(' '));\n    } else {\n        el.removeAttribute(attribute);\n    }\n}\n\nexport function conditionAttributeWithId(\n    el: HTMLElement,\n    attribute: string,\n    id: string | string[]\n): () => void {\n    const ids = Array.isArray(id) ? id : [id];\n    const ariaDescribedby = el.getAttribute(attribute);\n    const descriptors = ariaDescribedby ? ariaDescribedby.split(/\\s+/) : [];\n    const hadIds = ids.every((id) => descriptors.indexOf(id) > -1);\n    if (hadIds)\n        /* c8 ignore next 3 */\n        return (): void => {\n            return;\n        };\n    descriptors.push(...ids);\n    el.setAttribute(attribute, descriptors.join(' '));\n    return () => conditionAttributeWithoutId(el, attribute, ids);\n}\n"],
+  "mappings": "aAYO,gBAAS,4BACZA,EACAC,EACAC,EACI,CACJ,MAAMC,EAAkBH,EAAG,aAAaC,CAAS,EACjD,IAAIG,EAAcD,EAAkBA,EAAgB,MAAM,KAAK,EAAI,CAAC,EACpEC,EAAcA,EAAY,OACrBC,GAAe,CAACH,EAAI,KAAMI,GAAOD,IAAeC,CAAE,CACvD,EACIF,EAAY,OACZJ,EAAG,aAAaC,EAAWG,EAAY,KAAK,GAAG,CAAC,EAEhDJ,EAAG,gBAAgBC,CAAS,CAEpC,CAEO,gBAAS,yBACZD,EACAC,EACAK,EACU,CACV,MAAMJ,EAAM,MAAM,QAAQI,CAAE,EAAIA,EAAK,CAACA,CAAE,EAClCH,EAAkBH,EAAG,aAAaC,CAAS,EAC3CG,EAAcD,EAAkBA,EAAgB,MAAM,KAAK,EAAI,CAAC,EAEtE,OADeD,EAAI,MAAOI,GAAOF,EAAY,QAAQE,CAAE,EAAI,EAAE,EAGlD,IAAY,CAEnB,GACJF,EAAY,KAAK,GAAGF,CAAG,EACvBF,EAAG,aAAaC,EAAWG,EAAY,KAAK,GAAG,CAAC,EACzC,IAAM,4BAA4BJ,EAAIC,EAAWC,CAAG,EAC/D",
+  "names": ["el", "attribute", "ids", "ariaDescribedby", "descriptors", "descriptor", "id"]
+}

package/src/decorators.d.ts

@@ -0,0 +1 @@
+export * from 'lit/decorators.js';

package/src/decorators.dev.js

@@ -0,0 +1,3 @@
+"use strict";
+export * from "lit/decorators.js";
+//# sourceMappingURL=decorators.dev.js.map

package/src/decorators.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["decorators.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\nexport * from 'lit/decorators.js';\n"],
+  "mappings": ";AAYA,cAAc;",
+  "names": []
+}

package/src/decorators.js

@@ -0,0 +1,2 @@
+"use strict";export*from"lit/decorators.js";
+//# sourceMappingURL=decorators.js.map

package/src/decorators.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["decorators.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\nexport * from 'lit/decorators.js';\n"],
+  "mappings": "aAYA,WAAc",
+  "names": []
+}

package/src/define-element.d.ts

@@ -0,0 +1,5 @@
+interface CustomElementConstructor {
+    new (...params: unknown[]): HTMLElement;
+}
+export declare function defineElement(name: string, constructor: CustomElementConstructor): void;
+export {};

package/src/define-element.dev.js

@@ -0,0 +1,14 @@
+"use strict";
+export function defineElement(name, constructor) {
+  if (window.__swc && true) {
+    if (customElements.get(name)) {
+      window.__swc.warn(
+        void 0,
+        `Attempted to redefine <${name}>. This usually indicates that multiple versions of the same web component were loaded onto a single page.`,
+        "https://opensource.adobe.com/spectrum-web-components/registry-conflicts"
+      );
+    }
+  }
+  customElements.define(name, constructor);
+}
+//# sourceMappingURL=define-element.dev.js.map

package/src/define-element.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["define-element.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\ninterface CustomElementConstructor {\n    new (...params: unknown[]): HTMLElement;\n}\n\nexport function defineElement(\n    name: string,\n    constructor: CustomElementConstructor\n): void {\n    if (window.__swc && window.__swc.DEBUG) {\n        if (customElements.get(name)) {\n            window.__swc.warn(\n                undefined,\n                `Attempted to redefine <${name}>. This usually indicates that multiple versions of the same web component were loaded onto a single page.`,\n                'https://opensource.adobe.com/spectrum-web-components/registry-conflicts'\n            );\n        }\n    }\n    customElements.define(name, constructor);\n}\n"],
+  "mappings": ";AAgBO,gBAAS,cACZ,MACA,aACI;AACJ,MAAI,OAAO,SAAS,MAAoB;AACpC,QAAI,eAAe,IAAI,IAAI,GAAG;AAC1B,aAAO,MAAM;AAAA,QACT;AAAA,QACA,0BAA0B,IAAI;AAAA,QAC9B;AAAA,MACJ;AAAA,IACJ;AAAA,EACJ;AACA,iBAAe,OAAO,MAAM,WAAW;AAC3C;",
+  "names": []
+}

package/src/define-element.js

@@ -0,0 +1,2 @@
+"use strict";export function defineElement(e,n){window.__swc,customElements.define(e,n)}
+//# sourceMappingURL=define-element.js.map

package/src/define-element.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["define-element.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\ninterface CustomElementConstructor {\n    new (...params: unknown[]): HTMLElement;\n}\n\nexport function defineElement(\n    name: string,\n    constructor: CustomElementConstructor\n): void {\n    if (window.__swc && window.__swc.DEBUG) {\n        if (customElements.get(name)) {\n            window.__swc.warn(\n                undefined,\n                `Attempted to redefine <${name}>. This usually indicates that multiple versions of the same web component were loaded onto a single page.`,\n                'https://opensource.adobe.com/spectrum-web-components/registry-conflicts'\n            );\n        }\n    }\n    customElements.define(name, constructor);\n}\n"],
+  "mappings": "aAgBO,gBAAS,cACZA,EACAC,EACI,CACA,OAAO,MASX,eAAe,OAAOD,EAAMC,CAAW,CAC3C",
+  "names": ["name", "constructor"]
+}

package/src/directive.d.ts

@@ -0,0 +1 @@
+export * from 'lit/directive.js';

package/src/directive.dev.js

@@ -0,0 +1,3 @@
+"use strict";
+export * from "lit/directive.js";
+//# sourceMappingURL=directive.dev.js.map

package/src/directive.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["directive.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\nexport * from 'lit/directive.js';\n"],
+  "mappings": ";AAYA,cAAc;",
+  "names": []
+}

package/src/directive.js

@@ -0,0 +1,2 @@
+"use strict";export*from"lit/directive.js";
+//# sourceMappingURL=directive.js.map

package/src/directive.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["directive.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\nexport * from 'lit/directive.js';\n"],
+  "mappings": "aAYA,WAAc",
+  "names": []
+}

package/src/directives.d.ts

@@ -0,0 +1,12 @@
+export { ifDefined } from 'lit/directives/if-defined.js';
+export { repeat } from 'lit/directives/repeat.js';
+export { classMap } from 'lit/directives/class-map.js';
+export { styleMap } from 'lit/directives/style-map.js';
+export type { StyleInfo } from 'lit/directives/style-map.js';
+export { until } from 'lit/directives/until.js';
+export { live } from 'lit/directives/live.js';
+export { when } from 'lit/directives/when.js';
+export { join } from 'lit/directives/join.js';
+export { unsafeHTML } from 'lit/directives/unsafe-html.js';
+export type { Ref } from 'lit/directives/ref.js';
+export { createRef, ref } from 'lit/directives/ref.js';

package/src/directives.dev.js

@@ -0,0 +1,12 @@
+"use strict";
+export { ifDefined } from "lit/directives/if-defined.js";
+export { repeat } from "lit/directives/repeat.js";
+export { classMap } from "lit/directives/class-map.js";
+export { styleMap } from "lit/directives/style-map.js";
+export { until } from "lit/directives/until.js";
+export { live } from "lit/directives/live.js";
+export { when } from "lit/directives/when.js";
+export { join } from "lit/directives/join.js";
+export { unsafeHTML } from "lit/directives/unsafe-html.js";
+export { createRef, ref } from "lit/directives/ref.js";
+//# sourceMappingURL=directives.dev.js.map

package/src/directives.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["directives.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\nexport { ifDefined } from 'lit/directives/if-defined.js';\nexport { repeat } from 'lit/directives/repeat.js';\nexport { classMap } from 'lit/directives/class-map.js';\nexport { styleMap } from 'lit/directives/style-map.js';\nexport type { StyleInfo } from 'lit/directives/style-map.js';\nexport { until } from 'lit/directives/until.js';\nexport { live } from 'lit/directives/live.js';\nexport { when } from 'lit/directives/when.js';\nexport { join } from 'lit/directives/join.js';\nexport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nexport type { Ref } from 'lit/directives/ref.js';\nexport { createRef, ref } from 'lit/directives/ref.js';\n"],
+  "mappings": ";AAYA,SAAS,iBAAiB;AAC1B,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAEzB,SAAS,aAAa;AACtB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,YAAY;AACrB,SAAS,kBAAkB;AAE3B,SAAS,WAAW,WAAW;",
+  "names": []
+}

package/src/directives.js

@@ -0,0 +1,2 @@
+"use strict";export{ifDefined}from"lit/directives/if-defined.js";export{repeat}from"lit/directives/repeat.js";export{classMap}from"lit/directives/class-map.js";export{styleMap}from"lit/directives/style-map.js";export{until}from"lit/directives/until.js";export{live}from"lit/directives/live.js";export{when}from"lit/directives/when.js";export{join}from"lit/directives/join.js";export{unsafeHTML}from"lit/directives/unsafe-html.js";export{createRef,ref}from"lit/directives/ref.js";
+//# sourceMappingURL=directives.js.map

package/src/directives.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["directives.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\nexport { ifDefined } from 'lit/directives/if-defined.js';\nexport { repeat } from 'lit/directives/repeat.js';\nexport { classMap } from 'lit/directives/class-map.js';\nexport { styleMap } from 'lit/directives/style-map.js';\nexport type { StyleInfo } from 'lit/directives/style-map.js';\nexport { until } from 'lit/directives/until.js';\nexport { live } from 'lit/directives/live.js';\nexport { when } from 'lit/directives/when.js';\nexport { join } from 'lit/directives/join.js';\nexport { unsafeHTML } from 'lit/directives/unsafe-html.js';\nexport type { Ref } from 'lit/directives/ref.js';\nexport { createRef, ref } from 'lit/directives/ref.js';\n"],
+  "mappings": "aAYA,OAAS,cAAiB,+BAC1B,OAAS,WAAc,2BACvB,OAAS,aAAgB,8BACzB,OAAS,aAAgB,8BAEzB,OAAS,UAAa,0BACtB,OAAS,SAAY,yBACrB,OAAS,SAAY,yBACrB,OAAS,SAAY,yBACrB,OAAS,eAAkB,gCAE3B,OAAS,UAAW,QAAW",
+  "names": []
+}

package/src/html.d.ts

@@ -0,0 +1 @@
+export { nothing, render } from 'lit/html.js';

package/src/html.dev.js

@@ -0,0 +1,3 @@
+"use strict";
+export { nothing, render } from "lit/html.js";
+//# sourceMappingURL=html.dev.js.map

package/src/html.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["html.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\nexport { nothing, render } from 'lit/html.js';\n"],
+  "mappings": ";AAYA,SAAS,SAAS,cAAc;",
+  "names": []
+}

package/src/html.js

@@ -0,0 +1,2 @@
+"use strict";export{nothing,render}from"lit/html.js";
+//# sourceMappingURL=html.js.map

package/src/html.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["html.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\nexport { nothing, render } from 'lit/html.js';\n"],
+  "mappings": "aAYA,OAAS,QAAS,WAAc",
+  "names": []
+}

package/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Base.js';
+export * from './sizedMixin.js';
+export * from 'lit';

package/src/index.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+export * from "./Base.dev.js";
+export * from "./sizedMixin.dev.js";
+export * from "lit";
+//# sourceMappingURL=index.dev.js.map

package/src/index.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.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\nexport * from './Base.dev.js'\nexport * from './sizedMixin.dev.js'\nexport * from 'lit';\n"],
+  "mappings": ";AAYA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/src/index.js

@@ -0,0 +1,2 @@
+"use strict";export*from"./Base.js";export*from"./sizedMixin.js";export*from"lit";
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["index.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\nexport * from './Base.js';\nexport * from './sizedMixin.js';\nexport * from 'lit';\n"],
+  "mappings": "aAYA,WAAc,YACd,WAAc,kBACd,WAAc",
+  "names": []
+}

package/src/sizedMixin.d.ts

@@ -0,0 +1,17 @@
+import { ReactiveElement } from 'lit';
+type Constructor<T = Record<string, unknown>> = {
+    new (...args: any[]): T;
+    prototype: T;
+};
+export type ElementSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+export declare const ElementSizes: Record<string, ElementSize>;
+export type DefaultElementSize = Exclude<ElementSize, 'xxs' | 'xs' | 'xxl'>;
+export interface SizedElementInterface {
+    size: ElementSize;
+}
+export declare function SizedMixin<T extends Constructor<ReactiveElement>>(constructor: T, { validSizes, noDefaultSize, defaultSize, }?: {
+    validSizes?: ElementSize[];
+    noDefaultSize?: boolean;
+    defaultSize?: ElementSize;
+}): T & Constructor<SizedElementInterface>;
+export {};

package/src/sizedMixin.dev.js

@@ -0,0 +1,61 @@
+"use strict";
+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 { property } from "lit/decorators.js";
+export const ElementSizes = {
+  xxs: "xxs",
+  xs: "xs",
+  s: "s",
+  m: "m",
+  l: "l",
+  xl: "xl",
+  xxl: "xxl"
+};
+export function SizedMixin(constructor, {
+  validSizes = ["s", "m", "l", "xl"],
+  noDefaultSize,
+  defaultSize = "m"
+} = {}) {
+  class SizedElement extends constructor {
+    constructor() {
+      super(...arguments);
+      this._size = defaultSize;
+    }
+    get size() {
+      return this._size || defaultSize;
+    }
+    set size(value) {
+      const fallbackSize = noDefaultSize ? null : defaultSize;
+      const size = value ? value.toLocaleLowerCase() : value;
+      const validSize = validSizes.includes(size) ? size : fallbackSize;
+      if (validSize) {
+        this.setAttribute("size", validSize);
+      }
+      if (this._size === validSize) {
+        return;
+      }
+      const oldSize = this._size;
+      this._size = validSize;
+      this.requestUpdate("size", oldSize);
+    }
+    update(changes) {
+      if (!this.hasAttribute("size") && !noDefaultSize) {
+        this.setAttribute("size", this.size);
+      }
+      super.update(changes);
+    }
+  }
+  __decorateClass([
+    property({ type: String })
+  ], SizedElement.prototype, "size", 1);
+  return SizedElement;
+}
+//# sourceMappingURL=sizedMixin.dev.js.map

package/src/sizedMixin.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sizedMixin.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 { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nexport type ElementSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\nexport const ElementSizes: Record<string, ElementSize> = {\n    xxs: 'xxs',\n    xs: 'xs',\n    s: 's',\n    m: 'm',\n    l: 'l',\n    xl: 'xl',\n    xxl: 'xxl',\n};\nexport type DefaultElementSize = Exclude<ElementSize, 'xxs' | 'xs' | 'xxl'>;\n\nexport interface SizedElementInterface {\n    size: ElementSize;\n}\n\nexport function SizedMixin<T extends Constructor<ReactiveElement>>(\n    constructor: T,\n    {\n        validSizes = ['s', 'm', 'l', 'xl'],\n        noDefaultSize,\n        defaultSize = 'm',\n    }: {\n        validSizes?: ElementSize[];\n        noDefaultSize?: boolean;\n        defaultSize?: ElementSize;\n    } = {}\n): T & Constructor<SizedElementInterface> {\n    class SizedElement extends constructor {\n        @property({ type: String })\n        public get size(): ElementSize {\n            return this._size || defaultSize;\n        }\n\n        public set size(value: ElementSize) {\n            const fallbackSize = noDefaultSize ? null : defaultSize;\n            const size = (\n                value ? value.toLocaleLowerCase() : value\n            ) as ElementSize;\n            const validSize = (\n                validSizes.includes(size) ? size : fallbackSize\n            ) as ElementSize;\n            if (validSize) {\n                this.setAttribute('size', validSize);\n            }\n            if (this._size === validSize) {\n                return;\n            }\n            const oldSize = this._size;\n            this._size = validSize;\n            this.requestUpdate('size', oldSize);\n        }\n\n        private _size: ElementSize | null = defaultSize;\n\n        protected override update(changes: PropertyValues): void {\n            if (!this.hasAttribute('size') && !noDefaultSize) {\n                this.setAttribute('size', this.size);\n            }\n            super.update(changes);\n        }\n    }\n    return SizedElement;\n}\n"],
+  "mappings": ";;;;;;;;;;;AAYA,SAAS,gBAAgB;AASlB,aAAM,eAA4C;AAAA,EACrD,KAAK;AAAA,EACL,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACT;AAOO,gBAAS,WACZ,aACA;AAAA,EACI,aAAa,CAAC,KAAK,KAAK,KAAK,IAAI;AAAA,EACjC;AAAA,EACA,cAAc;AAClB,IAII,CAAC,GACiC;AAAA,EACtC,MAAM,qBAAqB,YAAY;AAAA,IAAvC;AAAA;AAyBI,WAAQ,QAA4B;AAAA;AAAA,IAvBpC,IAAW,OAAoB;AAC3B,aAAO,KAAK,SAAS;AAAA,IACzB;AAAA,IAEA,IAAW,KAAK,OAAoB;AAChC,YAAM,eAAe,gBAAgB,OAAO;AAC5C,YAAM,OACF,QAAQ,MAAM,kBAAkB,IAAI;AAExC,YAAM,YACF,WAAW,SAAS,IAAI,IAAI,OAAO;AAEvC,UAAI,WAAW;AACX,aAAK,aAAa,QAAQ,SAAS;AAAA,MACvC;AACA,UAAI,KAAK,UAAU,WAAW;AAC1B;AAAA,MACJ;AACA,YAAM,UAAU,KAAK;AACrB,WAAK,QAAQ;AACb,WAAK,cAAc,QAAQ,OAAO;AAAA,IACtC;AAAA,IAImB,OAAO,SAA+B;AACrD,UAAI,CAAC,KAAK,aAAa,MAAM,KAAK,CAAC,eAAe;AAC9C,aAAK,aAAa,QAAQ,KAAK,IAAI;AAAA,MACvC;AACA,YAAM,OAAO,OAAO;AAAA,IACxB;AAAA,EACJ;AA/Be;AAAA,IADV,SAAS,EAAE,MAAM,OAAO,CAAC;AAAA,KADxB,aAES;AAgCf,SAAO;AACX;",
+  "names": []
+}

package/src/sizedMixin.js

@@ -0,0 +1,2 @@
+"use strict";var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var m=(r,i,s,t)=>{for(var e=t>1?void 0:t?u(i,s):i,l=r.length-1,o;l>=0;l--)(o=r[l])&&(e=(t?o(i,s,e):o(e))||e);return t&&e&&a(i,s,e),e};import{property as S}from"lit/decorators.js";export const ElementSizes={xxs:"xxs",xs:"xs",s:"s",m:"m",l:"l",xl:"xl",xxl:"xxl"};export function SizedMixin(r,{validSizes:i=["s","m","l","xl"],noDefaultSize:s,defaultSize:t="m"}={}){class e extends r{constructor(){super(...arguments);this._size=t}get size(){return this._size||t}set size(n){const p=s?null:t,z=n&&n.toLocaleLowerCase(),x=i.includes(z)?z:p;if(x&&this.setAttribute("size",x),this._size===x)return;const c=this._size;this._size=x,this.requestUpdate("size",c)}update(n){!this.hasAttribute("size")&&!s&&this.setAttribute("size",this.size),super.update(n)}}return m([S({type:String})],e.prototype,"size",1),e}
+//# sourceMappingURL=sizedMixin.js.map

package/src/sizedMixin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["sizedMixin.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 { PropertyValues, ReactiveElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\ntype Constructor<T = Record<string, unknown>> = {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    new (...args: any[]): T;\n    prototype: T;\n};\n\nexport type ElementSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';\nexport const ElementSizes: Record<string, ElementSize> = {\n    xxs: 'xxs',\n    xs: 'xs',\n    s: 's',\n    m: 'm',\n    l: 'l',\n    xl: 'xl',\n    xxl: 'xxl',\n};\nexport type DefaultElementSize = Exclude<ElementSize, 'xxs' | 'xs' | 'xxl'>;\n\nexport interface SizedElementInterface {\n    size: ElementSize;\n}\n\nexport function SizedMixin<T extends Constructor<ReactiveElement>>(\n    constructor: T,\n    {\n        validSizes = ['s', 'm', 'l', 'xl'],\n        noDefaultSize,\n        defaultSize = 'm',\n    }: {\n        validSizes?: ElementSize[];\n        noDefaultSize?: boolean;\n        defaultSize?: ElementSize;\n    } = {}\n): T & Constructor<SizedElementInterface> {\n    class SizedElement extends constructor {\n        @property({ type: String })\n        public get size(): ElementSize {\n            return this._size || defaultSize;\n        }\n\n        public set size(value: ElementSize) {\n            const fallbackSize = noDefaultSize ? null : defaultSize;\n            const size = (\n                value ? value.toLocaleLowerCase() : value\n            ) as ElementSize;\n            const validSize = (\n                validSizes.includes(size) ? size : fallbackSize\n            ) as ElementSize;\n            if (validSize) {\n                this.setAttribute('size', validSize);\n            }\n            if (this._size === validSize) {\n                return;\n            }\n            const oldSize = this._size;\n            this._size = validSize;\n            this.requestUpdate('size', oldSize);\n        }\n\n        private _size: ElementSize | null = defaultSize;\n\n        protected override update(changes: PropertyValues): void {\n            if (!this.hasAttribute('size') && !noDefaultSize) {\n                this.setAttribute('size', this.size);\n            }\n            super.update(changes);\n        }\n    }\n    return SizedElement;\n}\n"],
+  "mappings": "qNAYA,OAAS,YAAAA,MAAgB,oBASlB,aAAM,aAA4C,CACrD,IAAK,MACL,GAAI,KACJ,EAAG,IACH,EAAG,IACH,EAAG,IACH,GAAI,KACJ,IAAK,KACT,EAOO,gBAAS,WACZC,EACA,CACI,WAAAC,EAAa,CAAC,IAAK,IAAK,IAAK,IAAI,EACjC,cAAAC,EACA,YAAAC,EAAc,GAClB,EAII,CAAC,EACiC,CACtC,MAAMC,UAAqBJ,CAAY,CAAvC,kCAyBI,KAAQ,MAA4BG,EAvBpC,IAAW,MAAoB,CAC3B,OAAO,KAAK,OAASA,CACzB,CAEA,IAAW,KAAKE,EAAoB,CAChC,MAAMC,EAAeJ,EAAgB,KAAOC,EACtCI,EACFF,GAAQA,EAAM,kBAAkB,EAE9BG,EACFP,EAAW,SAASM,CAAI,EAAIA,EAAOD,EAKvC,GAHIE,GACA,KAAK,aAAa,OAAQA,CAAS,EAEnC,KAAK,QAAUA,EACf,OAEJ,MAAMC,EAAU,KAAK,MACrB,KAAK,MAAQD,EACb,KAAK,cAAc,OAAQC,CAAO,CACtC,CAImB,OAAOC,EAA+B,CACjD,CAAC,KAAK,aAAa,MAAM,GAAK,CAACR,GAC/B,KAAK,aAAa,OAAQ,KAAK,IAAI,EAEvC,MAAM,OAAOQ,CAAO,CACxB,CACJ,CA/Be,OAAAC,EAAA,CADVZ,EAAS,CAAE,KAAM,MAAO,CAAC,GADxBK,EAES,oBAgCRA,CACX",
+  "names": ["property", "constructor", "validSizes", "noDefaultSize", "defaultSize", "SizedElement", "value", "fallbackSize", "size", "validSize", "oldSize", "changes", "__decorateClass"]
+}

package/src/streaming-listener.d.ts

@@ -0,0 +1,48 @@
+import { nothing, Part } from 'lit';
+import { AsyncDirective } from 'lit/async-directive.js';
+import type { DirectiveResult } from 'lit/directive.js';
+type ListenerConfig = [string | string[], (event?: any) => void];
+type ListenerConfigGroup = {
+    start: ListenerConfig;
+    end: ListenerConfig;
+    streamInside?: ListenerConfig;
+    streamOutside?: ListenerConfig;
+};
+/**
+ * Performantly manage listening to event in a series, like:
+ *   - `input[type="range"]`: input, input, etc. => change
+ *   - `sp-color-area`: pointerdown => pointermove, pointermove, etc. => pointerup
+ * Lazily bind events to the specific part of the series while
+ * throttling streamed events to 1/frame.
+ */
+declare class StreamingListenerDirective extends AsyncDirective {
+    host: EventTarget | Record<string, unknown> | Element;
+    element: Element;
+    start: ListenerConfig;
+    streamInside: ListenerConfig;
+    end: ListenerConfig;
+    streamOutside: ListenerConfig;
+    state: 'off' | 'on';
+    stream?: number;
+    render(_configGroup: ListenerConfigGroup): typeof nothing;
+    update(part: Part, [{ start, end, streamInside, streamOutside, },]: Parameters<this['render']>): void;
+    addListeners(state?: 'on' | 'off'): void;
+    callHandler(value: (event: Event) => void | EventListenerObject, event: Event): void;
+    handleStream(value: (event: Event) => void | EventListenerObject, event: Event): void;
+    clearStream(): void;
+    handleStart: (event: Event) => void;
+    handleInside: (event: Event) => void;
+    handleEnd: (event: Event) => void;
+    handleOutside: (event: Event) => void;
+    addListener(type: string | string[], fn: (event: Event) => void): void;
+    removeListener(type: string | string[], fn: (event: Event) => void): void;
+    removeListeners(): void;
+    disconnected(): void;
+    reconnected(): void;
+}
+export declare const streamingListener: (_configGroup: ListenerConfigGroup) => DirectiveResult<typeof StreamingListenerDirective>;
+/**
+ * The type of the class that powers this directive. Necessary for naming the
+ * directive's return type.
+ */
+export type { StreamingListenerDirective };

package/src/streaming-listener.dev.js

@@ -0,0 +1,133 @@
+"use strict";
+import { nothing } from "lit";
+import { AsyncDirective, directive } from "lit/async-directive.js";
+const defaultListener = [
+  "",
+  () => {
+    return;
+  }
+];
+class StreamingListenerDirective extends AsyncDirective {
+  constructor() {
+    super(...arguments);
+    this.start = defaultListener;
+    this.streamInside = defaultListener;
+    this.end = defaultListener;
+    this.streamOutside = defaultListener;
+    this.state = "off";
+    this.handleStart = (event) => {
+      this.clearStream();
+      this.callHandler(this.start[1], event);
+      if (event.defaultPrevented) {
+        return;
+      }
+      this.removeListeners();
+      this.addListeners("on");
+    };
+    this.handleInside = (event) => {
+      this.handleStream(this.streamInside[1], event);
+    };
+    this.handleEnd = (event) => {
+      this.clearStream();
+      this.callHandler(this.end[1], event);
+      this.removeListeners();
+      this.addListeners("off");
+    };
+    /* c8 ignore next 3 */
+    this.handleOutside = (event) => {
+      this.handleStream(this.streamOutside[1], event);
+    };
+  }
+  /* c8 ignore next 4 */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  render(_configGroup) {
+    return nothing;
+  }
+  update(part, [
+    {
+      start,
+      end,
+      streamInside = defaultListener,
+      streamOutside = defaultListener
+    }
+  ]) {
+    var _a;
+    if (this.element !== part.element) {
+      this.element = part.element;
+      this.removeListeners();
+    }
+    this.host = ((_a = part.options) == null ? void 0 : _a.host) || this.element;
+    this.start = start;
+    this.end = end;
+    this.streamInside = streamInside;
+    this.streamOutside = streamOutside;
+    this.addListeners();
+  }
+  addListeners(state) {
+    this.state = state || this.state;
+    if (this.state === "off") {
+      this.addListener(this.streamOutside[0], this.handleOutside);
+      this.addListener(this.start[0], this.handleStart);
+    } else if (this.state === "on") {
+      this.addListener(this.streamInside[0], this.handleInside);
+      this.addListener(this.end[0], this.handleEnd);
+    }
+  }
+  callHandler(value, event) {
+    if (typeof value === "function") {
+      value.call(this.host, event);
+    } else {
+      value.handleEvent(event);
+    }
+  }
+  handleStream(value, event) {
+    if (this.stream) {
+      return;
+    }
+    this.callHandler(value, event);
+    this.stream = requestAnimationFrame(() => {
+      this.stream = void 0;
+    });
+  }
+  clearStream() {
+    if (this.stream != null) {
+      cancelAnimationFrame(this.stream);
+      this.stream = void 0;
+    }
+  }
+  addListener(type, fn) {
+    if (Array.isArray(type)) {
+      type.map((eventName) => {
+        this.element.addEventListener(eventName, fn);
+      });
+    } else {
+      this.element.addEventListener(type, fn);
+    }
+  }
+  removeListener(type, fn) {
+    if (Array.isArray(type)) {
+      type.map((eventName) => {
+        this.element.removeEventListener(eventName, fn);
+      });
+    } else {
+      this.element.removeEventListener(type, fn);
+    }
+  }
+  removeListeners() {
+    this.removeListener(this.start[0], this.handleStart);
+    this.removeListener(this.streamInside[0], this.handleInside);
+    this.removeListener(this.end[0], this.handleEnd);
+    this.removeListener(this.streamOutside[0], this.handleOutside);
+  }
+  disconnected() {
+    this.removeListeners();
+  }
+  /* c8 ignore next 3 */
+  reconnected() {
+    this.addListeners();
+  }
+}
+export const streamingListener = directive(
+  StreamingListenerDirective
+);
+//# sourceMappingURL=streaming-listener.dev.js.map

package/src/streaming-listener.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["streaming-listener.ts"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\n/*\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 { ElementPart, nothing, Part } from 'lit';\nimport { AsyncDirective, directive } from 'lit/async-directive.js';\nimport type { DirectiveResult } from 'lit/directive.js';\n\ntype ListenerConfig = [string | string[], (event?: any) => void];\ntype ListenerConfigGroup = {\n    start: ListenerConfig;\n    end: ListenerConfig;\n    streamInside?: ListenerConfig;\n    streamOutside?: ListenerConfig;\n};\n\n/* c8 ignore next 6 */\nconst defaultListener: ListenerConfig = [\n    '',\n    (): void => {\n        return;\n    },\n];\n\n/**\n * Performantly manage listening to event in a series, like:\n *   - `input[type=\"range\"]`: input, input, etc. => change\n *   - `sp-color-area`: pointerdown => pointermove, pointermove, etc. => pointerup\n * Lazily bind events to the specific part of the series while\n * throttling streamed events to 1/frame.\n */\nclass StreamingListenerDirective extends AsyncDirective {\n    host!: EventTarget | Record<string, unknown> | Element;\n    element!: Element;\n\n    start: ListenerConfig = defaultListener;\n    streamInside: ListenerConfig = defaultListener;\n    end: ListenerConfig = defaultListener;\n    streamOutside: ListenerConfig = defaultListener;\n\n    state: 'off' | 'on' = 'off';\n    // Animation frame that will unlock the next \"stream\" event if/when it is dispatched.\n    stream?: number;\n\n    /* c8 ignore next 4 */\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    render(_configGroup: ListenerConfigGroup): typeof nothing {\n        return nothing;\n    }\n\n    override update(\n        part: Part,\n        [\n            {\n                start,\n                end,\n                streamInside = defaultListener,\n                streamOutside = defaultListener,\n            },\n        ]: Parameters<this['render']>\n    ): void {\n        if (this.element !== (part as ElementPart).element) {\n            this.element = (part as ElementPart).element;\n            this.removeListeners();\n        }\n        this.host =\n            (part.options?.host as Record<string, unknown>) || this.element;\n        this.start = start;\n        this.end = end;\n        this.streamInside = streamInside;\n        this.streamOutside = streamOutside;\n        this.addListeners();\n    }\n\n    addListeners(state?: 'on' | 'off'): void {\n        this.state = state || this.state;\n        if (this.state === 'off') {\n            this.addListener(this.streamOutside[0], this.handleOutside);\n            this.addListener(this.start[0], this.handleStart);\n        } else if (this.state === 'on') {\n            this.addListener(this.streamInside[0], this.handleInside);\n            this.addListener(this.end[0], this.handleEnd);\n        }\n    }\n\n    callHandler(\n        value: (event: Event) => void | EventListenerObject,\n        event: Event\n    ): void {\n        if (typeof value === 'function') {\n            (value as (event: Event) => void).call(this.host, event);\n        } else {\n            (value as EventListenerObject).handleEvent(event);\n        }\n    }\n\n    handleStream(\n        value: (event: Event) => void | EventListenerObject,\n        event: Event\n    ): void {\n        if (this.stream) {\n            return;\n        }\n        this.callHandler(value, event);\n        this.stream = requestAnimationFrame(() => {\n            this.stream = undefined;\n        });\n    }\n\n    clearStream(): void {\n        if (this.stream != null) {\n            // Ensure steam events NEVER go after a start or event event.\n            cancelAnimationFrame(this.stream);\n            this.stream = undefined;\n        }\n    }\n\n    handleStart = (event: Event): void => {\n        this.clearStream();\n        this.callHandler(this.start[1], event);\n        if (event.defaultPrevented) {\n            return;\n        }\n        this.removeListeners();\n        this.addListeners('on');\n    };\n\n    handleInside = (event: Event): void => {\n        this.handleStream(this.streamInside[1], event);\n    };\n\n    handleEnd = (event: Event): void => {\n        this.clearStream();\n        this.callHandler(this.end[1], event);\n        this.removeListeners();\n        this.addListeners('off');\n    };\n\n    /* c8 ignore next 3 */\n    handleOutside = (event: Event): void => {\n        this.handleStream(this.streamOutside[1], event);\n    };\n\n    addListener(type: string | string[], fn: (event: Event) => void): void {\n        if (Array.isArray(type)) {\n            type.map((eventName) => {\n                this.element.addEventListener(eventName, fn);\n            });\n        } else {\n            this.element.addEventListener(type, fn);\n        }\n    }\n\n    removeListener(type: string | string[], fn: (event: Event) => void): void {\n        if (Array.isArray(type)) {\n            type.map((eventName) => {\n                this.element.removeEventListener(eventName, fn);\n            });\n        } else {\n            this.element.removeEventListener(type, fn);\n        }\n    }\n\n    removeListeners(): void {\n        this.removeListener(this.start[0], this.handleStart);\n        this.removeListener(this.streamInside[0], this.handleInside);\n        this.removeListener(this.end[0], this.handleEnd);\n        this.removeListener(this.streamOutside[0], this.handleOutside);\n    }\n\n    override disconnected(): void {\n        this.removeListeners();\n    }\n\n    /* c8 ignore next 3 */\n    override reconnected(): void {\n        this.addListeners();\n    }\n}\n\nexport const streamingListener: (\n    _configGroup: ListenerConfigGroup\n) => DirectiveResult<typeof StreamingListenerDirective> = directive(\n    StreamingListenerDirective\n);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type { StreamingListenerDirective };\n"],
+  "mappings": "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",
+  "names": []
+}

package/src/streaming-listener.js

@@ -0,0 +1,2 @@
+"use strict";import{nothing as a}from"lit";import{AsyncDirective as o,directive as h}from"lit/async-directive.js";const i=["",()=>{}];class m extends o{constructor(){super(...arguments);this.start=i;this.streamInside=i;this.end=i;this.streamOutside=i;this.state="off";this.handleStart=e=>{this.clearStream(),this.callHandler(this.start[1],e),!e.defaultPrevented&&(this.removeListeners(),this.addListeners("on"))};this.handleInside=e=>{this.handleStream(this.streamInside[1],e)};this.handleEnd=e=>{this.clearStream(),this.callHandler(this.end[1],e),this.removeListeners(),this.addListeners("off")};this.handleOutside=e=>{this.handleStream(this.streamOutside[1],e)}}render(e){return a}update(e,[{start:t,end:s,streamInside:r=i,streamOutside:d=i}]){var n;this.element!==e.element&&(this.element=e.element,this.removeListeners()),this.host=((n=e.options)==null?void 0:n.host)||this.element,this.start=t,this.end=s,this.streamInside=r,this.streamOutside=d,this.addListeners()}addListeners(e){this.state=e||this.state,this.state==="off"?(this.addListener(this.streamOutside[0],this.handleOutside),this.addListener(this.start[0],this.handleStart)):this.state==="on"&&(this.addListener(this.streamInside[0],this.handleInside),this.addListener(this.end[0],this.handleEnd))}callHandler(e,t){typeof e=="function"?e.call(this.host,t):e.handleEvent(t)}handleStream(e,t){this.stream||(this.callHandler(e,t),this.stream=requestAnimationFrame(()=>{this.stream=void 0}))}clearStream(){this.stream!=null&&(cancelAnimationFrame(this.stream),this.stream=void 0)}addListener(e,t){Array.isArray(e)?e.map(s=>{this.element.addEventListener(s,t)}):this.element.addEventListener(e,t)}removeListener(e,t){Array.isArray(e)?e.map(s=>{this.element.removeEventListener(s,t)}):this.element.removeEventListener(e,t)}removeListeners(){this.removeListener(this.start[0],this.handleStart),this.removeListener(this.streamInside[0],this.handleInside),this.removeListener(this.end[0],this.handleEnd),this.removeListener(this.streamOutside[0],this.handleOutside)}disconnected(){this.removeListeners()}reconnected(){this.addListeners()}}export const streamingListener=h(m);
+//# sourceMappingURL=streaming-listener.js.map

package/src/streaming-listener.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["streaming-listener.ts"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-explicit-any */\n/*\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 { ElementPart, nothing, Part } from 'lit';\nimport { AsyncDirective, directive } from 'lit/async-directive.js';\nimport type { DirectiveResult } from 'lit/directive.js';\n\ntype ListenerConfig = [string | string[], (event?: any) => void];\ntype ListenerConfigGroup = {\n    start: ListenerConfig;\n    end: ListenerConfig;\n    streamInside?: ListenerConfig;\n    streamOutside?: ListenerConfig;\n};\n\n/* c8 ignore next 6 */\nconst defaultListener: ListenerConfig = [\n    '',\n    (): void => {\n        return;\n    },\n];\n\n/**\n * Performantly manage listening to event in a series, like:\n *   - `input[type=\"range\"]`: input, input, etc. => change\n *   - `sp-color-area`: pointerdown => pointermove, pointermove, etc. => pointerup\n * Lazily bind events to the specific part of the series while\n * throttling streamed events to 1/frame.\n */\nclass StreamingListenerDirective extends AsyncDirective {\n    host!: EventTarget | Record<string, unknown> | Element;\n    element!: Element;\n\n    start: ListenerConfig = defaultListener;\n    streamInside: ListenerConfig = defaultListener;\n    end: ListenerConfig = defaultListener;\n    streamOutside: ListenerConfig = defaultListener;\n\n    state: 'off' | 'on' = 'off';\n    // Animation frame that will unlock the next \"stream\" event if/when it is dispatched.\n    stream?: number;\n\n    /* c8 ignore next 4 */\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    render(_configGroup: ListenerConfigGroup): typeof nothing {\n        return nothing;\n    }\n\n    override update(\n        part: Part,\n        [\n            {\n                start,\n                end,\n                streamInside = defaultListener,\n                streamOutside = defaultListener,\n            },\n        ]: Parameters<this['render']>\n    ): void {\n        if (this.element !== (part as ElementPart).element) {\n            this.element = (part as ElementPart).element;\n            this.removeListeners();\n        }\n        this.host =\n            (part.options?.host as Record<string, unknown>) || this.element;\n        this.start = start;\n        this.end = end;\n        this.streamInside = streamInside;\n        this.streamOutside = streamOutside;\n        this.addListeners();\n    }\n\n    addListeners(state?: 'on' | 'off'): void {\n        this.state = state || this.state;\n        if (this.state === 'off') {\n            this.addListener(this.streamOutside[0], this.handleOutside);\n            this.addListener(this.start[0], this.handleStart);\n        } else if (this.state === 'on') {\n            this.addListener(this.streamInside[0], this.handleInside);\n            this.addListener(this.end[0], this.handleEnd);\n        }\n    }\n\n    callHandler(\n        value: (event: Event) => void | EventListenerObject,\n        event: Event\n    ): void {\n        if (typeof value === 'function') {\n            (value as (event: Event) => void).call(this.host, event);\n        } else {\n            (value as EventListenerObject).handleEvent(event);\n        }\n    }\n\n    handleStream(\n        value: (event: Event) => void | EventListenerObject,\n        event: Event\n    ): void {\n        if (this.stream) {\n            return;\n        }\n        this.callHandler(value, event);\n        this.stream = requestAnimationFrame(() => {\n            this.stream = undefined;\n        });\n    }\n\n    clearStream(): void {\n        if (this.stream != null) {\n            // Ensure steam events NEVER go after a start or event event.\n            cancelAnimationFrame(this.stream);\n            this.stream = undefined;\n        }\n    }\n\n    handleStart = (event: Event): void => {\n        this.clearStream();\n        this.callHandler(this.start[1], event);\n        if (event.defaultPrevented) {\n            return;\n        }\n        this.removeListeners();\n        this.addListeners('on');\n    };\n\n    handleInside = (event: Event): void => {\n        this.handleStream(this.streamInside[1], event);\n    };\n\n    handleEnd = (event: Event): void => {\n        this.clearStream();\n        this.callHandler(this.end[1], event);\n        this.removeListeners();\n        this.addListeners('off');\n    };\n\n    /* c8 ignore next 3 */\n    handleOutside = (event: Event): void => {\n        this.handleStream(this.streamOutside[1], event);\n    };\n\n    addListener(type: string | string[], fn: (event: Event) => void): void {\n        if (Array.isArray(type)) {\n            type.map((eventName) => {\n                this.element.addEventListener(eventName, fn);\n            });\n        } else {\n            this.element.addEventListener(type, fn);\n        }\n    }\n\n    removeListener(type: string | string[], fn: (event: Event) => void): void {\n        if (Array.isArray(type)) {\n            type.map((eventName) => {\n                this.element.removeEventListener(eventName, fn);\n            });\n        } else {\n            this.element.removeEventListener(type, fn);\n        }\n    }\n\n    removeListeners(): void {\n        this.removeListener(this.start[0], this.handleStart);\n        this.removeListener(this.streamInside[0], this.handleInside);\n        this.removeListener(this.end[0], this.handleEnd);\n        this.removeListener(this.streamOutside[0], this.handleOutside);\n    }\n\n    override disconnected(): void {\n        this.removeListeners();\n    }\n\n    /* c8 ignore next 3 */\n    override reconnected(): void {\n        this.addListeners();\n    }\n}\n\nexport const streamingListener: (\n    _configGroup: ListenerConfigGroup\n) => DirectiveResult<typeof StreamingListenerDirective> = directive(\n    StreamingListenerDirective\n);\n\n/**\n * The type of the class that powers this directive. Necessary for naming the\n * directive's return type.\n */\nexport type { StreamingListenerDirective };\n"],
+  "mappings": "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",
+  "names": ["nothing", "AsyncDirective", "directive", "defaultListener", "StreamingListenerDirective", "event", "_configGroup", "part", "start", "end", "streamInside", "streamOutside", "_a", "state", "value", "type", "fn", "eventName"]
+}

package/src/version.d.ts

@@ -0,0 +1,12 @@
+/*
+Copyright 2023 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.
+*/
+export declare const version: string;

package/src/version.js

@@ -0,0 +1,2 @@
+// Generated by genversion.
+export const version = '1.0.1';