@spectrum-web-components/theme 1.1.0 → 1.1.2

package/spectrum-two/theme-lightest.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["theme-lightest.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 lightStyles from '../src/spectrum-two/theme-light.css.js';\nimport { Theme } from '../src/Theme.js';\nimport '../src/spectrum-two/core.js';\n\nTheme.registerThemeFragment('lightest-spectrum-two', 'color', lightStyles);\n"],
+  "mappings": "aAYA,OAAOA,MAAiB,yCACxB,OAAS,SAAAC,MAAa,kBACtB,MAAO,8BAEPA,EAAM,sBAAsB,wBAAyB,QAASD,CAAW",
+  "names": ["lightStyles", "Theme"]
+}

package/src/Theme.d.ts

@@ -0,0 +1,79 @@
+import { CSSResultGroup } from '@spectrum-web-components/base';
+import { Color, FragmentName, FragmentType, ProvideLang, Scale, SettableFragmentTypes, ShadowRootWithAdoptedStyleSheets, SystemVariant, ThemeFragmentMap, ThemeKindProvider } from './theme-interfaces.js';
+export type { ProvideLang, ThemeFragmentMap, Color, Scale, SystemVariant };
+/**
+ * @element sp-theme
+ * @attr {string} [lang=""] - The language of the content scoped to this `sp-theme` element, see: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang" target="_blank">MDN reference</a>.
+ *
+ * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration
+ */
+export declare class Theme extends HTMLElement implements ThemeKindProvider {
+    private static themeFragmentsByKind;
+    private static defaultFragments;
+    private static templateElement?;
+    private static instances;
+    static VERSION: string;
+    static get observedAttributes(): string[];
+    _dir: 'ltr' | 'rtl' | '';
+    set dir(dir: 'ltr' | 'rtl' | '');
+    /**
+     * Reading direction of the content scoped to this `sp-theme` element.
+     * @type {"ltr" | "rtl" | ""}
+     * @attr
+     */
+    get dir(): 'ltr' | 'rtl' | '';
+    protected attributeChangedCallback(attrName: SettableFragmentTypes | 'lang' | 'dir', old: string | null, value: string | null): void;
+    private requestUpdate;
+    shadowRoot: ShadowRootWithAdoptedStyleSheets;
+    private _system;
+    /**
+     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"spectrum" | "express" }
+     * @attr
+     */
+    get system(): SystemVariant | '';
+    set system(newValue: SystemVariant | '');
+    private _color;
+    /**
+     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"lightest" | "light" | "dark" | "darkest" | ""}
+     * @attr
+     */
+    get color(): Color | '';
+    set color(newValue: Color | '');
+    private _scale;
+    /**
+     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"medium" | "large" | ""}
+     * @attr
+     */
+    get scale(): Scale | '';
+    set scale(newValue: Scale | '');
+    private get styles();
+    private static get template();
+    constructor();
+    private _systemContextConsumers;
+    private _handleSystemContext;
+    updateComplete: Promise<boolean>;
+    private __resolve;
+    private __createDeferredPromise;
+    protected connectedCallback(): void;
+    protected disconnectedCallback(): void;
+    startManagingContentDirection(el: HTMLElement): void;
+    stopManagingContentDirection(el: HTMLElement): void;
+    private trackedChildren;
+    private _updateRequested;
+    private shouldAdoptStyles;
+    protected adoptStyles(): void;
+    static registerThemeFragment(name: FragmentName, kind: FragmentType, styles: CSSResultGroup): void;
+    private _contextConsumers;
+    private _provideContext;
+    private _provideSystemContext;
+    private _handleContextPresence;
+}

package/src/Theme.dev.js

@@ -0,0 +1,339 @@
+"use strict";
+import { version } from "@spectrum-web-components/base/src/version.js";
+import {
+  COLOR_VALUES,
+  SCALE_VALUES,
+  SYSTEM_VARIANT_VALUES
+} from "./theme-interfaces.dev.js";
+const _Theme = class _Theme extends HTMLElement {
+  constructor() {
+    super();
+    this._dir = "";
+    this._system = "spectrum";
+    this._color = "";
+    this._scale = "";
+    this._systemContextConsumers = /* @__PURE__ */ new Map();
+    this.trackedChildren = /* @__PURE__ */ new Set();
+    this._updateRequested = false;
+    this._contextConsumers = /* @__PURE__ */ new Map();
+    this.attachShadow({ mode: "open" });
+    const node = document.importNode(_Theme.template.content, true);
+    this.shadowRoot.appendChild(node);
+    this.shouldAdoptStyles();
+    this.addEventListener(
+      "sp-language-context",
+      this._handleContextPresence
+    );
+    this.addEventListener(
+      "sp-system-context",
+      this._handleSystemContext
+    );
+    this.updateComplete = this.__createDeferredPromise();
+  }
+  static get observedAttributes() {
+    return ["color", "scale", "lang", "dir", "system"];
+  }
+  set dir(dir) {
+    if (dir === this.dir) return;
+    this.setAttribute("dir", dir);
+    this._dir = dir;
+    const targetDir = dir === "rtl" ? dir : "ltr";
+    this.trackedChildren.forEach((el) => {
+      el.setAttribute("dir", targetDir);
+    });
+  }
+  /**
+   * Reading direction of the content scoped to this `sp-theme` element.
+   * @type {"ltr" | "rtl" | ""}
+   * @attr
+   */
+  get dir() {
+    return this._dir;
+  }
+  attributeChangedCallback(attrName, old, value) {
+    if (old === value) {
+      return;
+    }
+    if (attrName === "color") {
+      this.color = value;
+    } else if (attrName === "scale") {
+      this.scale = value;
+    } else if (attrName === "lang" && !!value) {
+      this.lang = value;
+      this._provideContext();
+    } else if (attrName === "system") {
+      this.system = value;
+      this._provideSystemContext();
+    } else if (attrName === "dir") {
+      this.dir = value;
+    }
+  }
+  requestUpdate() {
+    this.shouldAdoptStyles();
+  }
+  /**
+   * The Spectrum system that is applied to the content scoped to this `sp-theme` element.
+   *
+   * A value is requried.
+   * @type {"spectrum" | "express" }
+   * @attr
+   */
+  get system() {
+    const systemFragments = _Theme.themeFragmentsByKind.get("system");
+    const { name } = systemFragments && systemFragments.get("default") || {};
+    return this._system || name || "";
+  }
+  set system(newValue) {
+    if (newValue === this._system) return;
+    const system = !!newValue && SYSTEM_VARIANT_VALUES.includes(newValue) ? newValue : this.system;
+    if (system !== this._system) {
+      this._system = system;
+      this.requestUpdate();
+    }
+    if (system) {
+      this.setAttribute("system", system);
+    } else {
+      this.removeAttribute("system");
+    }
+  }
+  /**
+   * The Spectrum color stops to apply to content scoped by this `sp-theme` element.
+   *
+   * A value is requried.
+   * @type {"lightest" | "light" | "dark" | "darkest" | ""}
+   * @attr
+   */
+  get color() {
+    const themeFragments = _Theme.themeFragmentsByKind.get("color");
+    const { name } = themeFragments && themeFragments.get("default") || {};
+    return this._color || name || "";
+  }
+  set color(newValue) {
+    if (newValue === this._color) return;
+    const color = !!newValue && COLOR_VALUES.includes(newValue) ? newValue : this.color;
+    if (color !== this._color) {
+      this._color = color;
+      this.requestUpdate();
+    }
+    if (color) {
+      this.setAttribute("color", color);
+    } else {
+      this.removeAttribute("color");
+    }
+  }
+  /**
+   * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.
+   *
+   * A value is requried.
+   * @type {"medium" | "large" | ""}
+   * @attr
+   */
+  get scale() {
+    const themeFragments = _Theme.themeFragmentsByKind.get("scale");
+    const { name } = themeFragments && themeFragments.get("default") || {};
+    return this._scale || name || "";
+  }
+  set scale(newValue) {
+    if (newValue === this._scale) return;
+    const scale = !!newValue && SCALE_VALUES.includes(newValue) ? newValue : this.scale;
+    if (scale !== this._scale) {
+      this._scale = scale;
+      this.requestUpdate();
+    }
+    if (scale) {
+      this.setAttribute("scale", scale);
+    } else {
+      this.removeAttribute("scale");
+    }
+  }
+  get styles() {
+    const themeKinds = [
+      ..._Theme.themeFragmentsByKind.keys()
+    ];
+    const getStyle = (fragments, name, kind) => {
+      const currentStyles = kind && kind !== "system" && this.system !== "spectrum" ? fragments.get(`${name}-${this.system}`) : fragments.get(name);
+      const isAppliedFragment = name === "spectrum" || !kind || this.hasAttribute(kind);
+      if (currentStyles && isAppliedFragment) {
+        return currentStyles.styles;
+      }
+      return;
+    };
+    const styles = themeKinds.reduce((acc, kind) => {
+      const kindFragments = _Theme.themeFragmentsByKind.get(
+        kind
+      );
+      let style;
+      if (kind === "app" || kind === "core") {
+        style = getStyle(kindFragments, kind);
+      } else {
+        const { [kind]: name } = this;
+        style = getStyle(kindFragments, name, kind);
+      }
+      if (style) {
+        acc.push(style);
+      }
+      return acc;
+    }, []);
+    const themeFragmentsByKind = _Theme.themeFragmentsByKind;
+    checkForIssues(
+      this,
+      this.system,
+      this.color,
+      this.scale,
+      themeFragmentsByKind
+    );
+    return [...styles];
+  }
+  static get template() {
+    if (!this.templateElement) {
+      this.templateElement = document.createElement("template");
+      this.templateElement.innerHTML = "<slot></slot>";
+    }
+    return this.templateElement;
+  }
+  _handleSystemContext(event) {
+    event.stopPropagation();
+    const target = event.composedPath()[0];
+    if (this._systemContextConsumers.has(target)) {
+      return;
+    }
+    const unsubscribe = () => this._systemContextConsumers.delete(target);
+    this._systemContextConsumers.set(target, [
+      event.detail.callback,
+      unsubscribe
+    ]);
+    const [callback] = this._systemContextConsumers.get(target) || [];
+    if (callback) {
+      callback(this.system, unsubscribe);
+    }
+  }
+  __createDeferredPromise() {
+    return new Promise((resolve) => {
+      this.__resolve = resolve;
+    });
+  }
+  connectedCallback() {
+    this.shouldAdoptStyles();
+    _Theme.instances.add(this);
+    if (!this.hasAttribute("dir")) {
+      let dirParent = this.assignedSlot || this.parentNode;
+      while (dirParent !== document.documentElement && !(dirParent instanceof _Theme)) {
+        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 : "ltr";
+    }
+  }
+  disconnectedCallback() {
+    _Theme.instances.delete(this);
+  }
+  startManagingContentDirection(el) {
+    this.trackedChildren.add(el);
+  }
+  stopManagingContentDirection(el) {
+    this.trackedChildren.delete(el);
+  }
+  async shouldAdoptStyles() {
+    if (!this._updateRequested) {
+      this.updateComplete = this.__createDeferredPromise();
+      this._updateRequested = true;
+      this._updateRequested = await false;
+      this.adoptStyles();
+      this.__resolve(true);
+    }
+  }
+  adoptStyles() {
+    const styles = this.styles;
+    const styleSheets = [];
+    for (const style of styles) {
+      styleSheets.push(style.styleSheet);
+    }
+    this.shadowRoot.adoptedStyleSheets = styleSheets;
+  }
+  static registerThemeFragment(name, kind, styles) {
+    const fragmentMap = _Theme.themeFragmentsByKind.get(kind) || /* @__PURE__ */ new Map();
+    if (fragmentMap.size === 0) {
+      _Theme.themeFragmentsByKind.set(kind, fragmentMap);
+      fragmentMap.set("default", { name, styles });
+      _Theme.defaultFragments.add(name);
+    }
+    fragmentMap.set(name, { name, styles });
+    _Theme.instances.forEach((instance) => instance.shouldAdoptStyles());
+  }
+  /* c8 ignore next 5 */
+  _provideContext() {
+    this._contextConsumers.forEach(
+      ([callback, unsubscribe]) => callback(this.lang, unsubscribe)
+    );
+  }
+  _provideSystemContext() {
+    this._systemContextConsumers.forEach(
+      ([callback, unsubscribe]) => callback(this.system, unsubscribe)
+    );
+  }
+  _handleContextPresence(event) {
+    event.stopPropagation();
+    const target = event.composedPath()[0];
+    if (this._contextConsumers.has(target)) {
+      return;
+    }
+    this._contextConsumers.set(target, [
+      event.detail.callback,
+      () => this._contextConsumers.delete(target)
+    ]);
+    const [callback, unsubscribe] = this._contextConsumers.get(target) || [];
+    if (callback && unsubscribe) {
+      callback(
+        this.lang || document.documentElement.lang || navigator.language,
+        unsubscribe
+      );
+    }
+  }
+};
+_Theme.themeFragmentsByKind = /* @__PURE__ */ new Map();
+_Theme.defaultFragments = /* @__PURE__ */ new Set(["spectrum"]);
+_Theme.instances = /* @__PURE__ */ new Set();
+_Theme.VERSION = version;
+export let Theme = _Theme;
+function checkForIssues(instance, system, color, scale, themeFragmentsByKind) {
+  if (true) {
+    const issues = [];
+    const checkForAttribute = (name, resolvedValue, actualValue) => {
+      var _a;
+      const systemModifier = system && system !== "spectrum" ? `-${system}` : "";
+      if (!resolvedValue) {
+        issues.push(
+          `You have not explicitly set the "${name}" attribute and there is no default value on which to fallback.`
+        );
+      } else if (!actualValue) {
+        issues.push(
+          `You have not explicitly set the "${name}" attribute, the default value ("${resolvedValue}") is being used as a fallback.`
+        );
+      } else if (!((_a = themeFragmentsByKind.get(name)) == null ? void 0 : _a.get(
+        resolvedValue + (name === "system" ? "" : systemModifier)
+      ))) {
+        issues.push(
+          `You have set "${name}='${resolvedValue}'" but the associated system fragment has not been loaded.`
+        );
+      }
+    };
+    if (["lightest", "darkest"].includes(color || "")) {
+      issues.push(
+        `DEPRECATION NOTICE: Color "lightest" and "darkest" are deprecated. For more information, see: https://opensource.adobe.com/spectrum-web-components/tools/theme/`
+      );
+    }
+    checkForAttribute("system", system, instance.getAttribute("system"));
+    checkForAttribute("color", color, instance.getAttribute("color"));
+    checkForAttribute("scale", scale, instance.getAttribute("scale"));
+    if (issues.length) {
+      window.__swc.warn(
+        instance,
+        "You are leveraging an <sp-theme> element and the following issues may disrupt your theme delivery:",
+        "https://opensource.adobe.com/spectrum-web-components/components/theme/#example",
+        { issues }
+      );
+    }
+  }
+}
+//# sourceMappingURL=Theme.dev.js.map

package/src/Theme.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Theme.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 { CSSResult, CSSResultGroup } from '@spectrum-web-components/base';\nimport { version } from '@spectrum-web-components/base/src/version.js';\nimport {\n    Color,\n    COLOR_VALUES,\n    FragmentMap,\n    FragmentName,\n    FragmentType,\n    ProvideLang,\n    Scale,\n    SCALE_VALUES,\n    SettableFragmentTypes,\n    ShadowRootWithAdoptedStyleSheets,\n    SYSTEM_VARIANT_VALUES,\n    SystemContextCallback,\n    SystemVariant,\n    ThemeFragmentMap,\n    ThemeKindProvider,\n} from './theme-interfaces.dev.js'\nexport type { ProvideLang, ThemeFragmentMap, Color, Scale, SystemVariant };\n/**\n * @element sp-theme\n * @attr {string} [lang=\"\"] - The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n    static VERSION = version;\n\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'lang', 'dir', 'system'];\n    }\n\n    _dir: 'ltr' | 'rtl' | '' = '';\n\n    override set dir(dir: 'ltr' | 'rtl' | '') {\n        if (dir === this.dir) return;\n        this.setAttribute('dir', dir);\n        this._dir = dir;\n        const targetDir = dir === 'rtl' ? dir : 'ltr';\n        /* c8 ignore next 3 */\n        this.trackedChildren.forEach((el) => {\n            el.setAttribute('dir', targetDir);\n        });\n    }\n\n    /**\n     * Reading direction of the content scoped to this `sp-theme` element.\n     * @type {\"ltr\" | \"rtl\" | \"\"}\n     * @attr\n     */\n    override get dir(): 'ltr' | 'rtl' | '' {\n        return this._dir;\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang' | 'dir',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'system') {\n            this.system = value as SystemVariant;\n            this._provideSystemContext();\n        } else if (attrName === 'dir') {\n            this.dir = value as 'ltr' | 'rtl' | '';\n        }\n    }\n    private requestUpdate(): void {\n        this.shouldAdoptStyles();\n    }\n\n    public override shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _system: SystemVariant | '' = 'spectrum';\n    /**\n     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"spectrum\" | \"express\" }\n     * @attr\n     */\n    get system(): SystemVariant | '' {\n        const systemFragments = Theme.themeFragmentsByKind.get('system');\n        const { name } =\n            (systemFragments && systemFragments.get('default')) || {};\n        return this._system || (name as SystemVariant) || '';\n    }\n\n    set system(newValue: SystemVariant | '') {\n        if (newValue === this._system) return;\n        const system =\n            !!newValue && SYSTEM_VARIANT_VALUES.includes(newValue)\n                ? newValue\n                : this.system;\n        if (system !== this._system) {\n            this._system = system;\n            this.requestUpdate();\n        }\n        if (system) {\n            this.setAttribute('system', system);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('system');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    /**\n     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\"}\n     * @attr\n     */\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && COLOR_VALUES.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    /**\n     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"medium\" | \"large\" | \"\"}\n     * @attr\n     */\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && SCALE_VALUES.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'system' && this.system !== 'spectrum'\n                    ? fragments.get(`${name}-${this.system}`)\n                    : fragments.get(name);\n            // system=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        const themeFragmentsByKind = Theme.themeFragmentsByKind;\n\n        checkForIssues(\n            this,\n            this.system,\n            this.color,\n            this.scale,\n            themeFragmentsByKind\n        );\n\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.addEventListener(\n            'sp-system-context',\n            this._handleSystemContext as EventListener\n        );\n\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    private _systemContextConsumers = new Map<\n        HTMLElement,\n        [SystemContextCallback, () => void]\n    >();\n\n    private _handleSystemContext(\n        event: CustomEvent<{ callback: SystemContextCallback }>\n    ): void {\n        event.stopPropagation();\n\n        const target = event.composedPath()[0] as HTMLElement;\n\n        // Avoid duplicate registrations\n        if (this._systemContextConsumers.has(target)) {\n            return;\n        }\n\n        // Create an unsubscribe function\n        const unsubscribe: () => void = () =>\n            this._systemContextConsumers.delete(target);\n\n        // Store the callback and unsubscribe function\n        this._systemContextConsumers.set(target, [\n            event.detail.callback,\n            unsubscribe,\n        ]);\n\n        // Provide the context data\n        const [callback] = this._systemContextConsumers.get(target) || [];\n        if (callback) {\n            callback(this.system, unsubscribe);\n        }\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (compelted: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    protected connectedCallback(): void {\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        this.shouldAdoptStyles();\n\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\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 ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n    }\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles;\n        const styleSheets: CSSStyleSheet[] = [];\n        for (const style of styles) {\n            styleSheets.push((style as CSSResult).styleSheet!);\n        }\n        this.shadowRoot.adoptedStyleSheets = styleSheets;\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<\n        HTMLElement,\n        [ProvideLang['callback'], () => void]\n    >();\n\n    /* c8 ignore next 5 */\n    private _provideContext(): void {\n        this._contextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.lang, unsubscribe)\n        );\n    }\n\n    private _provideSystemContext(): void {\n        this._systemContextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.system, unsubscribe)\n        );\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as HTMLElement;\n        /* c8 ignore next 3 */\n        if (this._contextConsumers.has(target)) {\n            return;\n        }\n        this._contextConsumers.set(target, [\n            event.detail.callback,\n            () => this._contextConsumers.delete(target),\n        ]);\n        const [callback, unsubscribe] =\n            this._contextConsumers.get(target) || [];\n        if (callback && unsubscribe) {\n            callback(\n                this.lang ||\n                    document.documentElement.lang ||\n                    navigator.language,\n                unsubscribe\n            );\n        }\n    }\n}\n\nfunction checkForIssues(\n    instance: Theme,\n    system: SystemVariant | '',\n    color: Color | '',\n    scale: Scale | '',\n    themeFragmentsByKind: ThemeFragmentMap\n): void {\n    if (window.__swc.DEBUG) {\n        const issues: string[] = [];\n        const checkForAttribute = (\n            name: 'system' | 'color' | 'scale',\n            resolvedValue: string,\n            actualValue: string | null\n        ): void => {\n            const systemModifier =\n                system && system !== 'spectrum' ? `-${system}` : '';\n            if (!resolvedValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute and there is no default value on which to fallback.`\n                );\n            } else if (!actualValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute, the default value (\"${resolvedValue}\") is being used as a fallback.`\n                );\n            } else if (\n                !themeFragmentsByKind\n                    .get(name)\n                    ?.get(\n                        resolvedValue +\n                            (name === 'system' ? '' : systemModifier)\n                    )\n            ) {\n                issues.push(\n                    `You have set \"${name}='${resolvedValue}'\" but the associated system fragment has not been loaded.`\n                );\n            }\n        };\n\n        if (['lightest', 'darkest'].includes(color || '')) {\n            issues.push(\n                `DEPRECATION NOTICE: Color \"lightest\" and \"darkest\" are deprecated. For more information, see: https://opensource.adobe.com/spectrum-web-components/tools/theme/`\n            );\n        }\n        checkForAttribute('system', system, instance.getAttribute('system'));\n        checkForAttribute('color', color, instance.getAttribute('color'));\n        checkForAttribute('scale', scale, instance.getAttribute('scale'));\n\n        if (issues.length) {\n            window.__swc.warn(\n                instance,\n                'You are leveraging an <sp-theme> element and the following issues may disrupt your theme delivery:',\n                'https://opensource.adobe.com/spectrum-web-components/components/theme/#example',\n                { issues }\n            );\n        }\n    }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/src/Theme.js

@@ -0,0 +1,2 @@
+"use strict";import{version as d}from"@spectrum-web-components/base/src/version.js";import{COLOR_VALUES as h,SCALE_VALUES as u,SYSTEM_VARIANT_VALUES as p}from"./theme-interfaces.js";const o=class o extends HTMLElement{constructor(){super();this._dir="";this._system="spectrum";this._color="";this._scale="";this._systemContextConsumers=new Map;this.trackedChildren=new Set;this._updateRequested=!1;this._contextConsumers=new Map;this.attachShadow({mode:"open"});const e=document.importNode(o.template.content,!0);this.shadowRoot.appendChild(e),this.shouldAdoptStyles(),this.addEventListener("sp-language-context",this._handleContextPresence),this.addEventListener("sp-system-context",this._handleSystemContext),this.updateComplete=this.__createDeferredPromise()}static get observedAttributes(){return["color","scale","lang","dir","system"]}set dir(e){if(e===this.dir)return;this.setAttribute("dir",e),this._dir=e;const t=e==="rtl"?e:"ltr";this.trackedChildren.forEach(s=>{s.setAttribute("dir",t)})}get dir(){return this._dir}attributeChangedCallback(e,t,s){t!==s&&(e==="color"?this.color=s:e==="scale"?this.scale=s:e==="lang"&&s?(this.lang=s,this._provideContext()):e==="system"?(this.system=s,this._provideSystemContext()):e==="dir"&&(this.dir=s))}requestUpdate(){this.shouldAdoptStyles()}get system(){const e=o.themeFragmentsByKind.get("system"),{name:t}=e&&e.get("default")||{};return this._system||t||""}set system(e){if(e===this._system)return;const t=e&&p.includes(e)?e:this.system;t!==this._system&&(this._system=t,this.requestUpdate()),t?this.setAttribute("system",t):this.removeAttribute("system")}get color(){const e=o.themeFragmentsByKind.get("color"),{name:t}=e&&e.get("default")||{};return this._color||t||""}set color(e){if(e===this._color)return;const t=e&&h.includes(e)?e:this.color;t!==this._color&&(this._color=t,this.requestUpdate()),t?this.setAttribute("color",t):this.removeAttribute("color")}get scale(){const e=o.themeFragmentsByKind.get("scale"),{name:t}=e&&e.get("default")||{};return this._scale||t||""}set scale(e){if(e===this._scale)return;const t=e&&u.includes(e)?e:this.scale;t!==this._scale&&(this._scale=t,this.requestUpdate()),t?this.setAttribute("scale",t):this.removeAttribute("scale")}get styles(){const e=[...o.themeFragmentsByKind.keys()],t=(a,i,n)=>{const l=n&&n!=="system"&&this.system!=="spectrum"?a.get(`${i}-${this.system}`):a.get(i),m=i==="spectrum"||!n||this.hasAttribute(n);if(l&&m)return l.styles},s=e.reduce((a,i)=>{const n=o.themeFragmentsByKind.get(i);let l;if(i==="app"||i==="core")l=t(n,i);else{const{[i]:m}=this;l=t(n,m,i)}return l&&a.push(l),a},[]),r=o.themeFragmentsByKind;return this.system,this.color,this.scale,[...s]}static get template(){return this.templateElement||(this.templateElement=document.createElement("template"),this.templateElement.innerHTML="<slot></slot>"),this.templateElement}_handleSystemContext(e){e.stopPropagation();const t=e.composedPath()[0];if(this._systemContextConsumers.has(t))return;const s=()=>this._systemContextConsumers.delete(t);this._systemContextConsumers.set(t,[e.detail.callback,s]);const[r]=this._systemContextConsumers.get(t)||[];r&&r(this.system,s)}__createDeferredPromise(){return new Promise(e=>{this.__resolve=e})}connectedCallback(){if(this.shouldAdoptStyles(),o.instances.add(this),!this.hasAttribute("dir")){let e=this.assignedSlot||this.parentNode;for(;e!==document.documentElement&&!(e instanceof o);)e=e.assignedSlot||e.parentNode||e.host;this.dir=e.dir==="rtl"?e.dir:"ltr"}}disconnectedCallback(){o.instances.delete(this)}startManagingContentDirection(e){this.trackedChildren.add(e)}stopManagingContentDirection(e){this.trackedChildren.delete(e)}async shouldAdoptStyles(){this._updateRequested||(this.updateComplete=this.__createDeferredPromise(),this._updateRequested=!0,this._updateRequested=await!1,this.adoptStyles(),this.__resolve(!0))}adoptStyles(){const e=this.styles,t=[];for(const s of e)t.push(s.styleSheet);this.shadowRoot.adoptedStyleSheets=t}static registerThemeFragment(e,t,s){const r=o.themeFragmentsByKind.get(t)||new Map;r.size===0&&(o.themeFragmentsByKind.set(t,r),r.set("default",{name:e,styles:s}),o.defaultFragments.add(e)),r.set(e,{name:e,styles:s}),o.instances.forEach(a=>a.shouldAdoptStyles())}_provideContext(){this._contextConsumers.forEach(([e,t])=>e(this.lang,t))}_provideSystemContext(){this._systemContextConsumers.forEach(([e,t])=>e(this.system,t))}_handleContextPresence(e){e.stopPropagation();const t=e.composedPath()[0];if(this._contextConsumers.has(t))return;this._contextConsumers.set(t,[e.detail.callback,()=>this._contextConsumers.delete(t)]);const[s,r]=this._contextConsumers.get(t)||[];s&&r&&s(this.lang||document.documentElement.lang||navigator.language,r)}};o.themeFragmentsByKind=new Map,o.defaultFragments=new Set(["spectrum"]),o.instances=new Set,o.VERSION=d;export let Theme=o;function k(g,c,e,t,s){}
+//# sourceMappingURL=Theme.js.map

package/src/Theme.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["Theme.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 { CSSResult, CSSResultGroup } from '@spectrum-web-components/base';\nimport { version } from '@spectrum-web-components/base/src/version.js';\nimport {\n    Color,\n    COLOR_VALUES,\n    FragmentMap,\n    FragmentName,\n    FragmentType,\n    ProvideLang,\n    Scale,\n    SCALE_VALUES,\n    SettableFragmentTypes,\n    ShadowRootWithAdoptedStyleSheets,\n    SYSTEM_VARIANT_VALUES,\n    SystemContextCallback,\n    SystemVariant,\n    ThemeFragmentMap,\n    ThemeKindProvider,\n} from './theme-interfaces.js';\nexport type { ProvideLang, ThemeFragmentMap, Color, Scale, SystemVariant };\n/**\n * @element sp-theme\n * @attr {string} [lang=\"\"] - The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n    static VERSION = version;\n\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'lang', 'dir', 'system'];\n    }\n\n    _dir: 'ltr' | 'rtl' | '' = '';\n\n    override set dir(dir: 'ltr' | 'rtl' | '') {\n        if (dir === this.dir) return;\n        this.setAttribute('dir', dir);\n        this._dir = dir;\n        const targetDir = dir === 'rtl' ? dir : 'ltr';\n        /* c8 ignore next 3 */\n        this.trackedChildren.forEach((el) => {\n            el.setAttribute('dir', targetDir);\n        });\n    }\n\n    /**\n     * Reading direction of the content scoped to this `sp-theme` element.\n     * @type {\"ltr\" | \"rtl\" | \"\"}\n     * @attr\n     */\n    override get dir(): 'ltr' | 'rtl' | '' {\n        return this._dir;\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang' | 'dir',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'system') {\n            this.system = value as SystemVariant;\n            this._provideSystemContext();\n        } else if (attrName === 'dir') {\n            this.dir = value as 'ltr' | 'rtl' | '';\n        }\n    }\n    private requestUpdate(): void {\n        this.shouldAdoptStyles();\n    }\n\n    public override shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _system: SystemVariant | '' = 'spectrum';\n    /**\n     * The Spectrum system that is applied to the content scoped to this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"spectrum\" | \"express\" }\n     * @attr\n     */\n    get system(): SystemVariant | '' {\n        const systemFragments = Theme.themeFragmentsByKind.get('system');\n        const { name } =\n            (systemFragments && systemFragments.get('default')) || {};\n        return this._system || (name as SystemVariant) || '';\n    }\n\n    set system(newValue: SystemVariant | '') {\n        if (newValue === this._system) return;\n        const system =\n            !!newValue && SYSTEM_VARIANT_VALUES.includes(newValue)\n                ? newValue\n                : this.system;\n        if (system !== this._system) {\n            this._system = system;\n            this.requestUpdate();\n        }\n        if (system) {\n            this.setAttribute('system', system);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('system');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    /**\n     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\"}\n     * @attr\n     */\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && COLOR_VALUES.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    /**\n     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"medium\" | \"large\" | \"\"}\n     * @attr\n     */\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && SCALE_VALUES.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n            /* c8 ignore next 3 */\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'system' && this.system !== 'spectrum'\n                    ? fragments.get(`${name}-${this.system}`)\n                    : fragments.get(name);\n            // system=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        const themeFragmentsByKind = Theme.themeFragmentsByKind;\n\n        checkForIssues(\n            this,\n            this.system,\n            this.color,\n            this.scale,\n            themeFragmentsByKind\n        );\n\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.addEventListener(\n            'sp-system-context',\n            this._handleSystemContext as EventListener\n        );\n\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    private _systemContextConsumers = new Map<\n        HTMLElement,\n        [SystemContextCallback, () => void]\n    >();\n\n    private _handleSystemContext(\n        event: CustomEvent<{ callback: SystemContextCallback }>\n    ): void {\n        event.stopPropagation();\n\n        const target = event.composedPath()[0] as HTMLElement;\n\n        // Avoid duplicate registrations\n        if (this._systemContextConsumers.has(target)) {\n            return;\n        }\n\n        // Create an unsubscribe function\n        const unsubscribe: () => void = () =>\n            this._systemContextConsumers.delete(target);\n\n        // Store the callback and unsubscribe function\n        this._systemContextConsumers.set(target, [\n            event.detail.callback,\n            unsubscribe,\n        ]);\n\n        // Provide the context data\n        const [callback] = this._systemContextConsumers.get(target) || [];\n        if (callback) {\n            callback(this.system, unsubscribe);\n        }\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (compelted: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    protected connectedCallback(): void {\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        this.shouldAdoptStyles();\n\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\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 ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n    }\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles;\n        const styleSheets: CSSStyleSheet[] = [];\n        for (const style of styles) {\n            styleSheets.push((style as CSSResult).styleSheet!);\n        }\n        this.shadowRoot.adoptedStyleSheets = styleSheets;\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<\n        HTMLElement,\n        [ProvideLang['callback'], () => void]\n    >();\n\n    /* c8 ignore next 5 */\n    private _provideContext(): void {\n        this._contextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.lang, unsubscribe)\n        );\n    }\n\n    private _provideSystemContext(): void {\n        this._systemContextConsumers.forEach(([callback, unsubscribe]) =>\n            callback(this.system, unsubscribe)\n        );\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        event.stopPropagation();\n        const target = event.composedPath()[0] as HTMLElement;\n        /* c8 ignore next 3 */\n        if (this._contextConsumers.has(target)) {\n            return;\n        }\n        this._contextConsumers.set(target, [\n            event.detail.callback,\n            () => this._contextConsumers.delete(target),\n        ]);\n        const [callback, unsubscribe] =\n            this._contextConsumers.get(target) || [];\n        if (callback && unsubscribe) {\n            callback(\n                this.lang ||\n                    document.documentElement.lang ||\n                    navigator.language,\n                unsubscribe\n            );\n        }\n    }\n}\n\nfunction checkForIssues(\n    instance: Theme,\n    system: SystemVariant | '',\n    color: Color | '',\n    scale: Scale | '',\n    themeFragmentsByKind: ThemeFragmentMap\n): void {\n    if (window.__swc.DEBUG) {\n        const issues: string[] = [];\n        const checkForAttribute = (\n            name: 'system' | 'color' | 'scale',\n            resolvedValue: string,\n            actualValue: string | null\n        ): void => {\n            const systemModifier =\n                system && system !== 'spectrum' ? `-${system}` : '';\n            if (!resolvedValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute and there is no default value on which to fallback.`\n                );\n            } else if (!actualValue) {\n                issues.push(\n                    `You have not explicitly set the \"${name}\" attribute, the default value (\"${resolvedValue}\") is being used as a fallback.`\n                );\n            } else if (\n                !themeFragmentsByKind\n                    .get(name)\n                    ?.get(\n                        resolvedValue +\n                            (name === 'system' ? '' : systemModifier)\n                    )\n            ) {\n                issues.push(\n                    `You have set \"${name}='${resolvedValue}'\" but the associated system fragment has not been loaded.`\n                );\n            }\n        };\n\n        if (['lightest', 'darkest'].includes(color || '')) {\n            issues.push(\n                `DEPRECATION NOTICE: Color \"lightest\" and \"darkest\" are deprecated. For more information, see: https://opensource.adobe.com/spectrum-web-components/tools/theme/`\n            );\n        }\n        checkForAttribute('system', system, instance.getAttribute('system'));\n        checkForAttribute('color', color, instance.getAttribute('color'));\n        checkForAttribute('scale', scale, instance.getAttribute('scale'));\n\n        if (issues.length) {\n            window.__swc.warn(\n                instance,\n                'You are leveraging an <sp-theme> element and the following issues may disrupt your theme delivery:',\n                'https://opensource.adobe.com/spectrum-web-components/components/theme/#example',\n                { issues }\n            );\n        }\n    }\n}\n"],
+  "mappings": "aAaA,OAAS,WAAAA,MAAe,+CACxB,OAEI,gBAAAC,EAMA,gBAAAC,EAGA,yBAAAC,MAKG,wBAQA,MAAMC,EAAN,MAAMA,UAAc,WAAyC,CA2NhE,aAAc,CACV,MAAM,EAjNV,UAA2B,GAkD3B,KAAQ,QAA8B,WAiCtC,KAAQ,OAAqB,GAiC7B,KAAQ,OAAqB,GA8G7B,KAAQ,wBAA0B,IAAI,IAiFtC,KAAQ,gBAAoC,IAAI,IAEhD,KAAQ,iBAAmB,GAqC3B,KAAQ,kBAAoB,IAAI,IAxI5B,KAAK,aAAa,CAAE,KAAM,MAAO,CAAC,EAClC,MAAMC,EAAO,SAAS,WAAWD,EAAM,SAAS,QAAS,EAAI,EAC7D,KAAK,WAAW,YAAYC,CAAI,EAChC,KAAK,kBAAkB,EACvB,KAAK,iBACD,sBACA,KAAK,sBACT,EACA,KAAK,iBACD,oBACA,KAAK,oBACT,EAEA,KAAK,eAAiB,KAAK,wBAAwB,CACvD,CApOA,WAAW,oBAA+B,CACtC,MAAO,CAAC,QAAS,QAAS,OAAQ,MAAO,QAAQ,CACrD,CAIA,IAAa,IAAIC,EAAyB,CACtC,GAAIA,IAAQ,KAAK,IAAK,OACtB,KAAK,aAAa,MAAOA,CAAG,EAC5B,KAAK,KAAOA,EACZ,MAAMC,EAAYD,IAAQ,MAAQA,EAAM,MAExC,KAAK,gBAAgB,QAASE,GAAO,CACjCA,EAAG,aAAa,MAAOD,CAAS,CACpC,CAAC,CACL,CAOA,IAAa,KAA0B,CACnC,OAAO,KAAK,IAChB,CAEU,yBACNE,EACAC,EACAC,EACI,CACAD,IAAQC,IAGRF,IAAa,QACb,KAAK,MAAQE,EACNF,IAAa,QACpB,KAAK,MAAQE,EACNF,IAAa,QAAYE,GAChC,KAAK,KAAOA,EACZ,KAAK,gBAAgB,GACdF,IAAa,UACpB,KAAK,OAASE,EACd,KAAK,sBAAsB,GACpBF,IAAa,QACpB,KAAK,IAAME,GAEnB,CACQ,eAAsB,CAC1B,KAAK,kBAAkB,CAC3B,CAYA,IAAI,QAA6B,CAC7B,MAAMC,EAAkBR,EAAM,qBAAqB,IAAI,QAAQ,EACzD,CAAE,KAAAS,CAAK,EACRD,GAAmBA,EAAgB,IAAI,SAAS,GAAM,CAAC,EAC5D,OAAO,KAAK,SAAYC,GAA0B,EACtD,CAEA,IAAI,OAAOC,EAA8B,CACrC,GAAIA,IAAa,KAAK,QAAS,OAC/B,MAAMC,EACAD,GAAYX,EAAsB,SAASW,CAAQ,EAC/CA,EACA,KAAK,OACXC,IAAW,KAAK,UAChB,KAAK,QAAUA,EACf,KAAK,cAAc,GAEnBA,EACA,KAAK,aAAa,SAAUA,CAAM,EAGlC,KAAK,gBAAgB,QAAQ,CAErC,CAWA,IAAI,OAAoB,CACpB,MAAMC,EAAiBZ,EAAM,qBAAqB,IAAI,OAAO,EACvD,CAAE,KAAAS,CAAK,EACRG,GAAkBA,EAAe,IAAI,SAAS,GAAM,CAAC,EAC1D,OAAO,KAAK,QAAWH,GAAkB,EAC7C,CAEA,IAAI,MAAMC,EAAsB,CAC5B,GAAIA,IAAa,KAAK,OAAQ,OAC9B,MAAMG,EACAH,GAAYb,EAAa,SAASa,CAAQ,EACtCA,EACA,KAAK,MACXG,IAAU,KAAK,SACf,KAAK,OAASA,EACd,KAAK,cAAc,GAEnBA,EACA,KAAK,aAAa,QAASA,CAAK,EAEhC,KAAK,gBAAgB,OAAO,CAEpC,CAWA,IAAI,OAAoB,CACpB,MAAMD,EAAiBZ,EAAM,qBAAqB,IAAI,OAAO,EACvD,CAAE,KAAAS,CAAK,EACRG,GAAkBA,EAAe,IAAI,SAAS,GAAM,CAAC,EAC1D,OAAO,KAAK,QAAWH,GAAkB,EAC7C,CAEA,IAAI,MAAMC,EAAsB,CAC5B,GAAIA,IAAa,KAAK,OAAQ,OAC9B,MAAMI,EACAJ,GAAYZ,EAAa,SAASY,CAAQ,EACtCA,EACA,KAAK,MACXI,IAAU,KAAK,SACf,KAAK,OAASA,EACd,KAAK,cAAc,GAEnBA,EACA,KAAK,aAAa,QAASA,CAAK,EAGhC,KAAK,gBAAgB,OAAO,CAEpC,CAEA,IAAY,QAA2B,CACnC,MAAMC,EAA6B,CAC/B,GAAGf,EAAM,qBAAqB,KAAK,CACvC,EACMgB,EAAW,CACbC,EACAR,EACAS,IAC6B,CAC7B,MAAMC,EACFD,GAAQA,IAAS,UAAY,KAAK,SAAW,WACvCD,EAAU,IAAI,GAAGR,CAAI,IAAI,KAAK,MAAM,EAAE,EACtCQ,EAAU,IAAIR,CAAI,EAEtBW,EACFX,IAAS,YAAc,CAACS,GAAQ,KAAK,aAAaA,CAAI,EAC1D,GAAIC,GAAiBC,EACjB,OAAOD,EAAc,MAG7B,EACME,EAASN,EAAW,OAAO,CAACO,EAAKJ,IAAS,CAC5C,MAAMK,EAAgBvB,EAAM,qBAAqB,IAC7CkB,CACJ,EACA,IAAIM,EACJ,GAAIN,IAAS,OAASA,IAAS,OAC3BM,EAAQR,EAASO,EAAeL,CAAI,MACjC,CACH,KAAM,CAAE,CAACA,CAAI,EAAGT,CAAK,EAAI,KACzBe,EAAQR,EAASO,EAA6Bd,EAAMS,CAAI,CAC5D,CACA,OAAIM,GACAF,EAAI,KAAKE,CAAK,EAEXF,CACX,EAAG,CAAC,CAAqB,EACnBG,EAAuBzB,EAAM,qBAEnC,OAEI,KAAK,OACL,KAAK,MACL,KAAK,MAIF,CAAC,GAAGqB,CAAM,CACrB,CAEA,WAAmB,UAAgC,CAC/C,OAAK,KAAK,kBACN,KAAK,gBAAkB,SAAS,cAAc,UAAU,EACxD,KAAK,gBAAgB,UAAY,iBAE9B,KAAK,eAChB,CAyBQ,qBACJK,EACI,CACJA,EAAM,gBAAgB,EAEtB,MAAMC,EAASD,EAAM,aAAa,EAAE,CAAC,EAGrC,GAAI,KAAK,wBAAwB,IAAIC,CAAM,EACvC,OAIJ,MAAMC,EAA0B,IAC5B,KAAK,wBAAwB,OAAOD,CAAM,EAG9C,KAAK,wBAAwB,IAAIA,EAAQ,CACrCD,EAAM,OAAO,SACbE,CACJ,CAAC,EAGD,KAAM,CAACC,CAAQ,EAAI,KAAK,wBAAwB,IAAIF,CAAM,GAAK,CAAC,EAC5DE,GACAA,EAAS,KAAK,OAAQD,CAAW,CAEzC,CAKQ,yBAA4C,CAChD,OAAO,IAAI,QAASE,GAAY,CAC5B,KAAK,UAAYA,CACrB,CAAC,CACL,CAEU,mBAA0B,CAOhC,GAJA,KAAK,kBAAkB,EAGvB9B,EAAM,UAAU,IAAI,IAAI,EACpB,CAAC,KAAK,aAAa,KAAK,EAAG,CAC3B,IAAI+B,EAAc,KAAqB,cACnC,KAAK,WACT,KACIA,IAAc,SAAS,iBACvB,EAAEA,aAAqB/B,IAEvB+B,EAAcA,EAA0B,cACpCA,EAAU,YACTA,EAAyB,KAKlC,KAAK,IAAMA,EAAU,MAAQ,MAAQA,EAAU,IAAM,KACzD,CACJ,CAEU,sBAA6B,CAEnC/B,EAAM,UAAU,OAAO,IAAI,CAC/B,CAEO,8BAA8BI,EAAuB,CACxD,KAAK,gBAAgB,IAAIA,CAAE,CAC/B,CAEO,6BAA6BA,EAAuB,CACvD,KAAK,gBAAgB,OAAOA,CAAE,CAClC,CAMA,MAAc,mBAAmC,CACxC,KAAK,mBACN,KAAK,eAAiB,KAAK,wBAAwB,EACnD,KAAK,iBAAmB,GACxB,KAAK,iBAAmB,KAAM,GAC9B,KAAK,YAAY,EACjB,KAAK,UAAU,EAAI,EAE3B,CAEU,aAAoB,CAC1B,MAAMiB,EAAS,KAAK,OACdW,EAA+B,CAAC,EACtC,UAAWR,KAASH,EAChBW,EAAY,KAAMR,EAAoB,UAAW,EAErD,KAAK,WAAW,mBAAqBQ,CACzC,CAEA,OAAO,sBACHvB,EACAS,EACAG,EACI,CACJ,MAAMY,EAAcjC,EAAM,qBAAqB,IAAIkB,CAAI,GAAK,IAAI,IAC5De,EAAY,OAAS,IACrBjC,EAAM,qBAAqB,IAAIkB,EAAMe,CAAW,EAEhDA,EAAY,IAAI,UAAW,CAAE,KAAAxB,EAAM,OAAAY,CAAO,CAAC,EAC3CrB,EAAM,iBAAiB,IAAIS,CAAI,GAEnCwB,EAAY,IAAIxB,EAAM,CAAE,KAAAA,EAAM,OAAAY,CAAO,CAAC,EACtCrB,EAAM,UAAU,QAASkC,GAAaA,EAAS,kBAAkB,CAAC,CACtE,CAQQ,iBAAwB,CAC5B,KAAK,kBAAkB,QAAQ,CAAC,CAACL,EAAUD,CAAW,IAClDC,EAAS,KAAK,KAAMD,CAAW,CACnC,CACJ,CAEQ,uBAA8B,CAClC,KAAK,wBAAwB,QAAQ,CAAC,CAACC,EAAUD,CAAW,IACxDC,EAAS,KAAK,OAAQD,CAAW,CACrC,CACJ,CAEQ,uBAAuBF,EAAuC,CAClEA,EAAM,gBAAgB,EACtB,MAAMC,EAASD,EAAM,aAAa,EAAE,CAAC,EAErC,GAAI,KAAK,kBAAkB,IAAIC,CAAM,EACjC,OAEJ,KAAK,kBAAkB,IAAIA,EAAQ,CAC/BD,EAAM,OAAO,SACb,IAAM,KAAK,kBAAkB,OAAOC,CAAM,CAC9C,CAAC,EACD,KAAM,CAACE,EAAUD,CAAW,EACxB,KAAK,kBAAkB,IAAID,CAAM,GAAK,CAAC,EACvCE,GAAYD,GACZC,EACI,KAAK,MACD,SAAS,gBAAgB,MACzB,UAAU,SACdD,CACJ,CAER,CACJ,EA7Ya5B,EACM,qBAAyC,IAAI,IADnDA,EAEM,iBAAsC,IAAI,IAAI,CAAC,UAAU,CAAC,EAFhEA,EAIM,UAAwB,IAAI,IAJlCA,EAKF,QAAUJ,EALd,WAAM,MAANI,EA+YP,SAASmC,EACLD,EACAvB,EACAE,EACAC,EACAW,EACI,CAkDR",
+  "names": ["version", "COLOR_VALUES", "SCALE_VALUES", "SYSTEM_VARIANT_VALUES", "_Theme", "node", "dir", "targetDir", "el", "attrName", "old", "value", "systemFragments", "name", "newValue", "system", "themeFragments", "color", "scale", "themeKinds", "getStyle", "fragments", "kind", "currentStyles", "isAppliedFragment", "styles", "acc", "kindFragments", "style", "themeFragmentsByKind", "event", "target", "unsubscribe", "callback", "resolve", "dirParent", "styleSheets", "fragmentMap", "instance", "checkForIssues"]
+}

package/src/express/core-tokens.d.ts

@@ -0,0 +1 @@
+export {};

package/src/express/core-tokens.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { Theme } from "../Theme.dev.js";
+import coreStyles from "./theme-core-tokens.css.js";
+Theme.registerThemeFragment("express", "system", coreStyles);
+//# sourceMappingURL=core-tokens.dev.js.map

package/src/express/core-tokens.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["core-tokens.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 { Theme } from '../Theme.dev.js'\n\nimport coreStyles from './theme-core-tokens.css.js';\n\nTheme.registerThemeFragment('express', 'system', coreStyles);\n"],
+  "mappings": ";AAYA,SAAS,aAAa;AAEtB,OAAO,gBAAgB;AAEvB,MAAM,sBAAsB,WAAW,UAAU,UAAU;",
+  "names": []
+}

package/src/express/core-tokens.js

@@ -0,0 +1,2 @@
+"use strict";import{Theme as e}from"../Theme.js";import r from"./theme-core-tokens.css.js";e.registerThemeFragment("express","system",r);
+//# sourceMappingURL=core-tokens.js.map

package/src/express/core-tokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["core-tokens.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 { Theme } from '../Theme.js';\n\nimport coreStyles from './theme-core-tokens.css.js';\n\nTheme.registerThemeFragment('express', 'system', coreStyles);\n"],
+  "mappings": "aAYA,OAAS,SAAAA,MAAa,cAEtB,OAAOC,MAAgB,6BAEvBD,EAAM,sBAAsB,UAAW,SAAUC,CAAU",
+  "names": ["Theme", "coreStyles"]
+}

package/src/express/core.d.ts

@@ -0,0 +1 @@
+export {};

package/src/express/core.dev.js

@@ -0,0 +1,5 @@
+"use strict";
+import { Theme } from "../Theme.dev.js";
+import coreStyles from "./theme.css.js";
+Theme.registerThemeFragment("express", "system", coreStyles);
+//# sourceMappingURL=core.dev.js.map

package/src/express/core.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["core.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 { Theme } from '../Theme.dev.js'\n\nimport coreStyles from './theme.css.js';\n\nTheme.registerThemeFragment('express', 'system', coreStyles);\n"],
+  "mappings": ";AAYA,SAAS,aAAa;AAEtB,OAAO,gBAAgB;AAEvB,MAAM,sBAAsB,WAAW,UAAU,UAAU;",
+  "names": []
+}

package/src/express/core.js

@@ -0,0 +1,2 @@
+"use strict";import{Theme as e}from"../Theme.js";import r from"./theme.css.js";e.registerThemeFragment("express","system",r);
+//# sourceMappingURL=core.js.map

package/src/express/core.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["core.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 { Theme } from '../Theme.js';\n\nimport coreStyles from './theme.css.js';\n\nTheme.registerThemeFragment('express', 'system', coreStyles);\n"],
+  "mappings": "aAYA,OAAS,SAAAA,MAAa,cAEtB,OAAOC,MAAgB,iBAEvBD,EAAM,sBAAsB,UAAW,SAAUC,CAAU",
+  "names": ["Theme", "coreStyles"]
+}

package/src/express/scale-large-core-tokens.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;