@spectrum-web-components/reactive-controllers 1.9.0 → 1.9.1-nightly.20251028214328

package/src/PendingState.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["PendingState.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport '@spectrum-web-components/progress-circle/sp-progress-circle.js';\nimport { html, LitElement, ReactiveController, TemplateResult } from 'lit';\n\n/**\n * Renders a pending state visual element and manages the aria-label of the host element.\n * \n * Currently this is used by Button only since the host element is the interactive element that needs pending state. This pattern does not work for components where the interactive element that needs pending state is in the shadow DOM. i.e. Combobox and Picker.\n * \n * @TODO consider deprecating this controller since it is not used by any other component.\n */\nexport interface HostWithPendingState extends LitElement {\n    pendingLabel?: string;\n    pending: boolean;\n    disabled: boolean;\n    pendingStateController: PendingStateController<HostWithPendingState>;\n}\n\n/**\n * Represents a controller for managing the pending state of a reactive element.\n *\n * @template T - The type of the reactive element.\n */\nexport class PendingStateController<T extends HostWithPendingState>\n    implements ReactiveController\n{\n    /**\n     * The host element that this controller is attached to.\n     */\n    public host: T;\n\n    /**\n     * Creates an instance of PendingStateController.\n     * @param host - The host element that this controller is attached to.\n     */\n    constructor(host: T) {\n        this.host = host;\n        this.host.addController(this);\n    }\n\n    public cachedAriaLabel: string | null = null;\n    /**\n     * Renders the pending state UI.\n     * @returns A TemplateResult representing the pending state UI.\n     *\n     * @TODO [SWC-1119, SWC-1255, SWC-459] Confirm the accessibility warning and a11y dom tree are accurate for the pending state in button, combobox, and picker components.\n     */\n    public renderPendingState(): TemplateResult {\n        return this.host.pending\n            ? html`\n                  <sp-progress-circle\n                      id=\"loader\"\n                      size=\"s\"\n                      indeterminate\n                      class=\"progress-circle\"\n                      role=\"presentation\"\n                  ></sp-progress-circle>\n              `\n            : html``;\n    }\n\n    /**\n     * Updates the ARIA label of the host element based on the pending state.\n     * Manages Cached Aria Label\n     */\n    private updateAriaLabel(): void {\n        const { pending, disabled, pendingLabel } = this.host;\n        const currentAriaLabel = this.host.getAttribute('aria-label');\n\n        function shouldCacheAriaLabel(\n            cached: string | null,\n            current: string | null,\n            pending: string | undefined\n        ): boolean {\n            return (\n                (!cached && current !== pending) ||\n                (cached !== current && current !== pending)\n            );\n        }\n\n        // If the current `aria-label` is different from the pending label, cache it\n        // or if the cached `aria-label` is different from the current `aria-label`, cache it\n        if (\n            shouldCacheAriaLabel(\n                this.cachedAriaLabel,\n                currentAriaLabel,\n                pendingLabel\n            )\n        ) {\n            this.cachedAriaLabel = currentAriaLabel;\n        }\n\n        if (pending && !disabled) {\n            // Since it is pending, we set the aria-label to `pendingLabel` or \"Pending\"\n            this.host.setAttribute('aria-label', pendingLabel || 'Pending');\n        } else {\n            // Restore the cached `aria-label` if it exists\n            if (this.cachedAriaLabel) {\n                this.host.setAttribute('aria-label', this.cachedAriaLabel);\n            } else {\n                this.host.removeAttribute('aria-label');\n            }\n        }\n    }\n\n    hostConnected(): void {\n        if (!this.cachedAriaLabel)\n            this.cachedAriaLabel = this.host.getAttribute('aria-label');\n        this.updateAriaLabel();\n    }\n\n    hostUpdated(): void {\n        this.updateAriaLabel();\n    }\n}\n"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport '@spectrum-web-components/progress-circle/sp-progress-circle.js';\nimport { html, LitElement, ReactiveController, TemplateResult } from 'lit';\n\n/**\n * Renders a pending state visual element and manages the aria-label of the host element.\n *\n * Currently this is used by Button only since the host element is the interactive element that needs pending state. This pattern does not work for components where the interactive element that needs pending state is in the shadow DOM. i.e. Combobox and Picker.\n *\n * @TODO consider deprecating this controller since it is not used by any other component.\n */\nexport interface HostWithPendingState extends LitElement {\n    pendingLabel?: string;\n    pending: boolean;\n    disabled: boolean;\n    pendingStateController: PendingStateController<HostWithPendingState>;\n}\n\n/**\n * Represents a controller for managing the pending state of a reactive element.\n *\n * @template T - The type of the reactive element.\n */\nexport class PendingStateController<T extends HostWithPendingState>\n    implements ReactiveController\n{\n    /**\n     * The host element that this controller is attached to.\n     */\n    public host: T;\n\n    /**\n     * Creates an instance of PendingStateController.\n     * @param host - The host element that this controller is attached to.\n     */\n    constructor(host: T) {\n        this.host = host;\n        this.host.addController(this);\n    }\n\n    public cachedAriaLabel: string | null = null;\n    /**\n     * Renders the pending state UI.\n     * @returns A TemplateResult representing the pending state UI.\n     *\n     * @TODO [SWC-1119, SWC-1255, SWC-459] Confirm the accessibility warning and a11y dom tree are accurate for the pending state in button, combobox, and picker components.\n     */\n    public renderPendingState(): TemplateResult {\n        return this.host.pending\n            ? html`\n                  <sp-progress-circle\n                      id=\"loader\"\n                      size=\"s\"\n                      indeterminate\n                      class=\"progress-circle\"\n                      role=\"presentation\"\n                  ></sp-progress-circle>\n              `\n            : html``;\n    }\n\n    /**\n     * Updates the ARIA label of the host element based on the pending state.\n     * Manages Cached Aria Label\n     */\n    private updateAriaLabel(): void {\n        const { pending, disabled, pendingLabel } = this.host;\n        const currentAriaLabel = this.host.getAttribute('aria-label');\n\n        function shouldCacheAriaLabel(\n            cached: string | null,\n            current: string | null,\n            pending: string | undefined\n        ): boolean {\n            return (\n                (!cached && current !== pending) ||\n                (cached !== current && current !== pending)\n            );\n        }\n\n        // If the current `aria-label` is different from the pending label, cache it\n        // or if the cached `aria-label` is different from the current `aria-label`, cache it\n        if (\n            shouldCacheAriaLabel(\n                this.cachedAriaLabel,\n                currentAriaLabel,\n                pendingLabel\n            )\n        ) {\n            this.cachedAriaLabel = currentAriaLabel;\n        }\n\n        if (pending && !disabled) {\n            // Since it is pending, we set the aria-label to `pendingLabel` or \"Pending\"\n            this.host.setAttribute('aria-label', pendingLabel || 'Pending');\n        } else {\n            // Restore the cached `aria-label` if it exists\n            if (this.cachedAriaLabel) {\n                this.host.setAttribute('aria-label', this.cachedAriaLabel);\n            } else {\n                this.host.removeAttribute('aria-label');\n            }\n        }\n    }\n\n    hostConnected(): void {\n        if (!this.cachedAriaLabel)\n            this.cachedAriaLabel = this.host.getAttribute('aria-label');\n        this.updateAriaLabel();\n    }\n\n    hostUpdated(): void {\n        this.updateAriaLabel();\n    }\n}\n"],
   "mappings": "aAYA,MAAO,iEACP,OAAS,QAAAA,MAA4D,MAqB9D,aAAM,sBAEb,CAUI,YAAYC,EAAS,CAKrB,KAAO,gBAAiC,KAJpC,KAAK,KAAOA,EACZ,KAAK,KAAK,cAAc,IAAI,CAChC,CASO,oBAAqC,CACxC,OAAO,KAAK,KAAK,QACXD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASAA,GACV,CAMQ,iBAAwB,CAC5B,KAAM,CAAE,QAAAE,EAAS,SAAAC,EAAU,aAAAC,CAAa,EAAI,KAAK,KAC3CC,EAAmB,KAAK,KAAK,aAAa,YAAY,EAE5D,SAASC,EACLC,EACAC,EACAN,EACO,CACP,MACK,CAACK,GAAUC,IAAYN,GACvBK,IAAWC,GAAWA,IAAYN,CAE3C,CAKII,EACI,KAAK,gBACLD,EACAD,CACJ,IAEA,KAAK,gBAAkBC,GAGvBH,GAAW,CAACC,EAEZ,KAAK,KAAK,aAAa,aAAcC,GAAgB,SAAS,EAG1D,KAAK,gBACL,KAAK,KAAK,aAAa,aAAc,KAAK,eAAe,EAEzD,KAAK,KAAK,gBAAgB,YAAY,CAGlD,CAEA,eAAsB,CACb,KAAK,kBACN,KAAK,gBAAkB,KAAK,KAAK,aAAa,YAAY,GAC9D,KAAK,gBAAgB,CACzB,CAEA,aAAoB,CAChB,KAAK,gBAAgB,CACzB,CACJ",
   "names": ["html", "host", "pending", "disabled", "pendingLabel", "currentAriaLabel", "shouldCacheAriaLabel", "cached", "current"]
 }

package/test/color-controller.test.js

@@ -0,0 +1,208 @@
+"use strict";
+import { expect } from "@open-wc/testing";
+import Color from "colorjs.io";
+import {
+  ColorController
+} from "@spectrum-web-components/reactive-controllers/src/ColorController.js";
+describe("ColorController", () => {
+  let host;
+  let colorController;
+  beforeEach(() => {
+    host = {};
+    host.requestUpdate = () => {
+    };
+    colorController = new ColorController(host);
+  });
+  it("should initialize correctly", () => {
+    expect(colorController).to.exist;
+    expect(colorController.color).to.be.instanceOf(Color);
+  });
+  it("should validate color strings correctly", () => {
+    const validRgba = "rgba(255, 0, 0, 1)";
+    const validHsla = "hsla(120, 100%, 50%, 0.5)";
+    const validHsva = "hsva(240, 100%, 100%, 0.75)";
+    const invalidColor = "invalidColor";
+    expect(colorController.validateColorString(validRgba).isValid).to.be.true;
+    expect(colorController.validateColorString(validHsla).isValid).to.be.true;
+    expect(colorController.validateColorString(validHsva).isValid).to.be.true;
+    expect(colorController.validateColorString(invalidColor).isValid).to.be.false;
+  });
+  it("should process RGB values in percentage correctly", () => {
+    const colorString = "rgb(50%, 25%, 75%)";
+    const result = colorController.validateColorString(colorString);
+    expect(result.isValid).to.be.true;
+    expect(result.coords).to.deep.equal([0.5, 0.25, 0.75]);
+    expect(result.spaceId).to.equal("srgb");
+  });
+  it("should default alpha to 1 when alpha is undefined in RGBA", () => {
+    const colorString = "rgb(255, 0, 0)";
+    const result = colorController.validateColorString(colorString);
+    expect(result.alpha).to.equal(1);
+    expect(result.isValid).to.be.true;
+    expect(result.coords).to.deep.equal([1, 0, 0]);
+    expect(result.spaceId).to.equal("srgb");
+  });
+  it("should handle invalid color strings by trying to create a new Color object with a prefixed #", () => {
+    const invalidColorString = "invalidColor";
+    const validHexColorString = "ff0000";
+    colorController.color = invalidColorString;
+    expect(colorController.color.toString()).to.equal(
+      new Color("hsv", [0, 100, 100], 1).toString()
+    );
+    colorController.color = validHexColorString;
+    expect(colorController.color.toString()).to.equal(
+      new Color(`#${validHexColorString}`).toString()
+    );
+  });
+  it("should set color correctly with string input", () => {
+    const colorString = "rgba(255, 0, 0, 1)";
+    colorController.color = colorString;
+    expect(colorController.color.toString()).to.equal(
+      new Color(colorString).toString()
+    );
+  });
+  it("should set color correctly with object input", () => {
+    const colorObject = { r: 255, g: 0, b: 0, a: 1 };
+    colorController.color = colorObject;
+  });
+  it("should get color value correctly", () => {
+    let colorString = "rgba(255, 0, 0, 0.7)";
+    colorController.color = colorString;
+    expect(colorController.colorValue).to.equal(colorString);
+    colorString = "hsla(120, 100%, 50%, 0.5)";
+    colorController.color = colorString;
+    expect(colorController.colorValue).to.equal(colorString);
+  });
+  it("should get and set hue correctly", () => {
+    colorController.hue = 180;
+    expect(colorController.hue).to.equal(180);
+  });
+  it("should convert color correctly", () => {
+    const colorString = "rgba(255, 0, 0, 1)";
+    colorController.color = colorString;
+    expect(colorController.getColor("hsl")).to.be.an("object");
+  });
+  it("should get HSL string correctly", () => {
+    const colorString = "rgba(255, 0, 0, 1)";
+    colorController.color = colorString;
+    expect(colorController.getHslString()).to.equal(
+      new Color(colorString).to("hsl").toString()
+    );
+  });
+  it("should process hex color values correctly when alpha is defined", () => {
+    const colorString = "#ff573380";
+    colorController.color = colorString;
+    expect(colorController.color.toString()).to.equal(
+      new Color(colorString).toString()
+    );
+  });
+  it("should process hex color values correctly when alpha is not defined", () => {
+    const colorString = "#ff5733";
+    colorController.color = colorString;
+    expect(colorController.color.toString()).to.equal(
+      new Color(colorString).toString()
+    );
+  });
+  it("should save and restore previous color correctly", () => {
+    const colorString = "rgba(255, 0, 0, 1)";
+    colorController.color = colorString;
+    colorController.savePreviousColor();
+    colorController.color = "rgba(0, 255, 0, 1)";
+    colorController.restorePreviousColor();
+    expect(colorController.color.toString()).to.equal(
+      new Color(colorString).toString()
+    );
+  });
+  it("should return correct color value for hsv spaceId", () => {
+    colorController.color = "hsv(120, 100%, 50%)";
+    const result = colorController.colorValue;
+    expect(result).to.equal("hsv(120, 100%, 50%)");
+  });
+  it("should return correct color value for hsva spaceId", () => {
+    colorController.color = "hsva(120, 100%, 50%, 0.5)";
+    const result = colorController.colorValue;
+    expect(result).to.equal("hsva(120, 100%, 50%, 0.5)");
+  });
+  it("should return correct color value for hsl spaceId", () => {
+    colorController.color = "hsl(120, 100%, 50%)";
+    const result = colorController.colorValue;
+    expect(result).to.equal("hsl(120, 100%, 50%)");
+  });
+  it("should return correct color value for hsla spaceId", () => {
+    colorController.color = "hsla(120, 100%, 50%, 0.5)";
+    const result = colorController.colorValue;
+    expect(result).to.equal("hsla(120, 100%, 50%, 0.5)");
+  });
+  it("should return correct color value for hex string spaceId", () => {
+    colorController.color = "#ff5733";
+    const result = colorController.colorValue;
+    expect(result).to.equal("#ff5733");
+  });
+  it("should return correct color value for hex string spaceId with alpha", () => {
+    colorController.color = "#ff573380";
+    const result = colorController.colorValue;
+    expect(result).to.equal("#ff573380");
+  });
+  it("should return correct color value for default spaceId with hex origin", () => {
+    colorController.color = "#ff5733";
+    const result = colorController.colorValue;
+    expect(result).to.equal("#ff5733");
+  });
+  it("should return correct color value for default spaceId with hex origin and alpha", () => {
+    colorController.color = "#ff573380";
+    const result = colorController.colorValue;
+    expect(result).to.equal("#ff573380");
+  });
+  it("should return correct color value for default spaceId with percentage origin", () => {
+    colorController.color = "rgb(50%, 25%, 75%)";
+    const result = colorController.colorValue;
+    expect(result).to.equal("rgb(50%, 25%, 75%)");
+  });
+  it("should return correct color value for default spaceId with rgba origin", () => {
+    colorController.color = "rgba(255, 87, 51, 0.5)";
+    const result = colorController.colorValue;
+    expect(result).to.equal("rgba(255, 87, 51, 0.5)");
+  });
+  it("should return correct color values for hsv spaceId", () => {
+    colorController.color = new Color("hsv", [120, 100, 50]);
+    const result = colorController.colorValue;
+    expect(result).to.deep.equal({
+      h: 120,
+      s: 1,
+      v: 0.5,
+      a: 1
+    });
+  });
+  it("should return correct color values for hsl spaceId", () => {
+    colorController.color = new Color("hsl", [120, 100, 50]);
+    const result = colorController.colorValue;
+    expect(result).to.deep.equal({
+      h: 120,
+      s: 1,
+      l: 0.5,
+      a: 1
+    });
+  });
+  it("should return correct color values for srgb spaceId", () => {
+    colorController.color = new Color("srgb", [0.5, 0.25, 0.75]);
+    const result = colorController.colorValue;
+    expect(result).to.deep.equal({
+      r: 128,
+      g: 64,
+      b: 191,
+      a: 1
+    });
+  });
+  it("should return correct color values for srgb spaceId with percentage origin", () => {
+    colorController.color = new Color("srgb", [0.5, 0.25, 0.75]);
+    colorController.colorOrigin = { r: "50%", g: "25%", b: "75%" };
+    const result = colorController.colorValue;
+    expect(result).to.deep.equal({
+      r: "128%",
+      g: "64%",
+      b: "191%",
+      a: 1
+    });
+  });
+});
+//# sourceMappingURL=color-controller.test.js.map

package/test/color-controller.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["color-controller.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { expect } from '@open-wc/testing';\nimport { ReactiveElement } from 'lit';\nimport Color from 'colorjs.io';\nimport {\n    ColorController,\n    ColorTypes,\n} from '@spectrum-web-components/reactive-controllers/src/ColorController.js';\n\ndescribe('ColorController', () => {\n    let host: ReactiveElement;\n    let colorController: ColorController;\n\n    beforeEach(() => {\n        host = {} as ReactiveElement;\n        host.requestUpdate = () => {};\n        colorController = new ColorController(host);\n    });\n\n    it('should initialize correctly', () => {\n        expect(colorController).to.exist;\n        expect(colorController.color).to.be.instanceOf(Color);\n    });\n\n    it('should validate color strings correctly', () => {\n        const validRgba = 'rgba(255, 0, 0, 1)';\n        const validHsla = 'hsla(120, 100%, 50%, 0.5)';\n        const validHsva = 'hsva(240, 100%, 100%, 0.75)';\n        const invalidColor = 'invalidColor';\n\n        expect(colorController.validateColorString(validRgba).isValid).to.be\n            .true;\n        expect(colorController.validateColorString(validHsla).isValid).to.be\n            .true;\n        expect(colorController.validateColorString(validHsva).isValid).to.be\n            .true;\n        expect(colorController.validateColorString(invalidColor).isValid).to.be\n            .false;\n    });\n\n    it('should process RGB values in percentage correctly', () => {\n        const colorString = 'rgb(50%, 25%, 75%)';\n        const result = colorController.validateColorString(colorString);\n        expect(result.isValid).to.be.true;\n        expect(result.coords).to.deep.equal([0.5, 0.25, 0.75]);\n        expect(result.spaceId).to.equal('srgb');\n    });\n\n    it('should default alpha to 1 when alpha is undefined in RGBA', () => {\n        const colorString = 'rgb(255, 0, 0)';\n        const result = colorController.validateColorString(colorString);\n\n        expect(result.alpha).to.equal(1);\n        expect(result.isValid).to.be.true;\n        expect(result.coords).to.deep.equal([1, 0, 0]);\n        expect(result.spaceId).to.equal('srgb');\n    });\n\n    it('should handle invalid color strings by trying to create a new Color object with a prefixed #', () => {\n        const invalidColorString = 'invalidColor';\n        const validHexColorString = 'ff0000'; // Equivalent to #ff0000\n\n        // Set the invalid color string\n        colorController.color = invalidColorString;\n\n        // Expect the color to be unchanged (default color)\n        expect(colorController.color.toString()).to.equal(\n            new Color('hsv', [0, 100, 100], 1).toString()\n        );\n\n        // Set the valid hex color string without #\n        colorController.color = validHexColorString;\n\n        // Expect the color to be set correctly\n        expect(colorController.color.toString()).to.equal(\n            new Color(`#${validHexColorString}`).toString()\n        );\n    });\n\n    it('should set color correctly with string input', () => {\n        const colorString = 'rgba(255, 0, 0, 1)';\n        colorController.color = colorString;\n        expect(colorController.color.toString()).to.equal(\n            new Color(colorString).toString()\n        );\n    });\n\n    it('should set color correctly with object input', () => {\n        const colorObject: ColorTypes = { r: 255, g: 0, b: 0, a: 1 };\n        colorController.color = colorObject;\n        //expect(colorController.color.toString()).to.equal(new Color(colorObject).toString());\n    });\n\n    it('should get color value correctly', () => {\n        let colorString = 'rgba(255, 0, 0, 0.7)';\n        colorController.color = colorString;\n        expect(colorController.colorValue).to.equal(colorString);\n        colorString = 'hsla(120, 100%, 50%, 0.5)';\n        colorController.color = colorString;\n        expect(colorController.colorValue).to.equal(colorString);\n    });\n\n    it('should get and set hue correctly', () => {\n        colorController.hue = 180;\n        expect(colorController.hue).to.equal(180);\n    });\n\n    it('should convert color correctly', () => {\n        const colorString = 'rgba(255, 0, 0, 1)';\n        colorController.color = colorString;\n        expect(colorController.getColor('hsl')).to.be.an('object');\n    });\n\n    it('should get HSL string correctly', () => {\n        const colorString = 'rgba(255, 0, 0, 1)';\n        colorController.color = colorString;\n        expect(colorController.getHslString()).to.equal(\n            new Color(colorString).to('hsl').toString()\n        );\n    });\n\n    it('should process hex color values correctly when alpha is defined', () => {\n        const colorString = '#ff573380'; // Equivalent to rgba(255, 87, 51, 0.5)\n        colorController.color = colorString;\n        expect(colorController.color.toString()).to.equal(\n            new Color(colorString).toString()\n        );\n    });\n\n    it('should process hex color values correctly when alpha is not defined', () => {\n        const colorString = '#ff5733'; // Equivalent to rgba(255, 87, 51, 1)\n        colorController.color = colorString;\n        expect(colorController.color.toString()).to.equal(\n            new Color(colorString).toString()\n        );\n    });\n\n    it('should save and restore previous color correctly', () => {\n        const colorString = 'rgba(255, 0, 0, 1)';\n        colorController.color = colorString;\n        colorController.savePreviousColor();\n        colorController.color = 'rgba(0, 255, 0, 1)';\n        colorController.restorePreviousColor();\n        expect(colorController.color.toString()).to.equal(\n            new Color(colorString).toString()\n        );\n    });\n    it('should return correct color value for hsv spaceId', () => {\n        colorController.color = 'hsv(120, 100%, 50%)';\n        const result = colorController.colorValue;\n        expect(result).to.equal('hsv(120, 100%, 50%)');\n    });\n\n    it('should return correct color value for hsva spaceId', () => {\n        colorController.color = 'hsva(120, 100%, 50%, 0.5)';\n        const result = colorController.colorValue;\n        expect(result).to.equal('hsva(120, 100%, 50%, 0.5)');\n    });\n\n    it('should return correct color value for hsl spaceId', () => {\n        colorController.color = 'hsl(120, 100%, 50%)';\n        const result = colorController.colorValue;\n        expect(result).to.equal('hsl(120, 100%, 50%)');\n    });\n\n    it('should return correct color value for hsla spaceId', () => {\n        colorController.color = 'hsla(120, 100%, 50%, 0.5)';\n        const result = colorController.colorValue;\n        expect(result).to.equal('hsla(120, 100%, 50%, 0.5)');\n    });\n\n    it('should return correct color value for hex string spaceId', () => {\n        colorController.color = '#ff5733';\n        const result = colorController.colorValue;\n        expect(result).to.equal('#ff5733');\n    });\n\n    it('should return correct color value for hex string spaceId with alpha', () => {\n        colorController.color = '#ff573380'; // Equivalent to rgba(255, 87, 51, 0.5)\n        const result = colorController.colorValue;\n        expect(result).to.equal('#ff573380');\n    });\n\n    it('should return correct color value for default spaceId with hex origin', () => {\n        colorController.color = '#ff5733';\n        const result = colorController.colorValue;\n        expect(result).to.equal('#ff5733');\n    });\n\n    it('should return correct color value for default spaceId with hex origin and alpha', () => {\n        colorController.color = '#ff573380'; // Equivalent to rgba(255, 87, 51, 0.5)\n        const result = colorController.colorValue;\n        expect(result).to.equal('#ff573380');\n    });\n\n    it('should return correct color value for default spaceId with percentage origin', () => {\n        colorController.color = 'rgb(50%, 25%, 75%)';\n        const result = colorController.colorValue;\n        expect(result).to.equal('rgb(50%, 25%, 75%)');\n    });\n\n    it('should return correct color value for default spaceId with rgba origin', () => {\n        colorController.color = 'rgba(255, 87, 51, 0.5)';\n        const result = colorController.colorValue;\n        expect(result).to.equal('rgba(255, 87, 51, 0.5)');\n    });\n\n    it('should return correct color values for hsv spaceId', () => {\n        colorController.color = new Color('hsv', [120, 100, 50]);\n        const result = colorController.colorValue;\n        expect(result).to.deep.equal({\n            h: 120,\n            s: 1,\n            v: 0.5,\n            a: 1,\n        });\n    });\n\n    it('should return correct color values for hsl spaceId', () => {\n        colorController.color = new Color('hsl', [120, 100, 50]);\n        const result = colorController.colorValue;\n        expect(result).to.deep.equal({\n            h: 120,\n            s: 1,\n            l: 0.5,\n            a: 1,\n        });\n    });\n\n    it('should return correct color values for srgb spaceId', () => {\n        colorController.color = new Color('srgb', [0.5, 0.25, 0.75]);\n        const result = colorController.colorValue;\n        expect(result).to.deep.equal({\n            r: 128,\n            g: 64,\n            b: 191,\n            a: 1,\n        });\n    });\n\n    it('should return correct color values for srgb spaceId with percentage origin', () => {\n        colorController.color = new Color('srgb', [0.5, 0.25, 0.75]);\n        colorController.colorOrigin = { r: '50%', g: '25%', b: '75%' };\n        const result = colorController.colorValue;\n        expect(result).to.deep.equal({\n            r: '128%',\n            g: '64%',\n            b: '191%',\n            a: 1,\n        });\n    });\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/test/dependency-manager.test.js

@@ -0,0 +1,24 @@
+"use strict";
+import { expect, nextFrame } from "@open-wc/testing";
+import { DependencyManagerController } from "@spectrum-web-components/reactive-controllers/src/DependencyManger.js";
+import { spy } from "sinon";
+describe("Dependency Manager", () => {
+  it("manages dependencies", async function() {
+    this.retries(0);
+    const tagName = "some-heavy-element";
+    const requestUpdateSpy = spy();
+    const manager = new DependencyManagerController({
+      requestUpdate: () => requestUpdateSpy()
+    });
+    expect(manager.loaded).to.be.false;
+    manager.add(tagName);
+    expect(manager.loaded).to.be.false;
+    expect(requestUpdateSpy.notCalled).to.be.true;
+    customElements.define(tagName, class extends HTMLElement {
+    });
+    await nextFrame();
+    expect(manager.loaded).to.be.true;
+    expect(requestUpdateSpy.notCalled).to.be.false;
+  });
+});
+//# sourceMappingURL=dependency-manager.test.js.map

package/test/dependency-manager.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["dependency-manager.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { ReactiveElement } from 'lit';\nimport { expect, nextFrame } from '@open-wc/testing';\nimport { DependencyManagerController } from '@spectrum-web-components/reactive-controllers/src/DependencyManger.js';\nimport { spy } from 'sinon';\n\ndescribe('Dependency Manager', () => {\n    it('manages dependencies', async function () {\n        this.retries(0);\n        const tagName = 'some-heavy-element';\n        const requestUpdateSpy = spy();\n        const manager = new DependencyManagerController({\n            requestUpdate: () => requestUpdateSpy(),\n        } as unknown as ReactiveElement);\n        expect(manager.loaded).to.be.false;\n        manager.add(tagName);\n        expect(manager.loaded).to.be.false;\n        expect(requestUpdateSpy.notCalled).to.be.true;\n        customElements.define(tagName, class extends HTMLElement {});\n        // Allow time for the registration to propagate.\n        await nextFrame();\n        expect(manager.loaded).to.be.true;\n        expect(requestUpdateSpy.notCalled).to.be.false;\n    });\n});\n"],
+  "mappings": ";AAaA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,mCAAmC;AAC5C,SAAS,WAAW;AAEpB,SAAS,sBAAsB,MAAM;AACjC,KAAG,wBAAwB,iBAAkB;AACzC,SAAK,QAAQ,CAAC;AACd,UAAM,UAAU;AAChB,UAAM,mBAAmB,IAAI;AAC7B,UAAM,UAAU,IAAI,4BAA4B;AAAA,MAC5C,eAAe,MAAM,iBAAiB;AAAA,IAC1C,CAA+B;AAC/B,WAAO,QAAQ,MAAM,EAAE,GAAG,GAAG;AAC7B,YAAQ,IAAI,OAAO;AACnB,WAAO,QAAQ,MAAM,EAAE,GAAG,GAAG;AAC7B,WAAO,iBAAiB,SAAS,EAAE,GAAG,GAAG;AACzC,mBAAe,OAAO,SAAS,cAAc,YAAY;AAAA,IAAC,CAAC;AAE3D,UAAM,UAAU;AAChB,WAAO,QAAQ,MAAM,EAAE,GAAG,GAAG;AAC7B,WAAO,iBAAiB,SAAS,EAAE,GAAG,GAAG;AAAA,EAC7C,CAAC;AACL,CAAC;",
+  "names": []
+}

package/test/element-resolution.test.js

@@ -0,0 +1,38 @@
+"use strict";
+import { html, LitElement } from "lit";
+import { elementUpdated, expect, fixture } from "@open-wc/testing";
+import { ElementResolutionController } from "@spectrum-web-components/reactive-controllers/src/ElementResolution.js";
+describe("Element Resolution", () => {
+  it("responds to DOM changes", async () => {
+    class TestEl extends LitElement {
+    }
+    if (!customElements.get("test-element-resolution-el")) {
+      customElements.define("test-element-resolution-el", TestEl);
+    }
+    const test = await fixture(html`
+            <div>
+                <test-element-resolution-el></test-element-resolution-el>
+                <div class="target" id="one"></div>
+                <div class="target" id="two"></div>
+            </div>
+        `);
+    const el = test.querySelector("test-element-resolution-el");
+    const target1 = test.querySelector("#one");
+    const target2 = test.querySelector("#two");
+    const controller = new ElementResolutionController(el);
+    expect(controller.element).to.be.null;
+    controller.selector = ".target";
+    await elementUpdated(el);
+    expect(controller.element === target1).to.be.true;
+    test.insertAdjacentElement("afterbegin", target2);
+    await elementUpdated(el);
+    expect(controller.element === target2).to.be.true;
+    target2.setAttribute("class", "not-target");
+    await elementUpdated(el);
+    expect(controller.element === target1).to.be.true;
+    target2.setAttribute("class", "target");
+    await elementUpdated(el);
+    expect(controller.element === target2).to.be.true;
+  });
+});
+//# sourceMappingURL=element-resolution.test.js.map

package/test/element-resolution.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["element-resolution.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html, LitElement } from 'lit';\nimport { elementUpdated, expect, fixture } from '@open-wc/testing';\nimport { ElementResolutionController } from '@spectrum-web-components/reactive-controllers/src/ElementResolution.js';\n\ndescribe('Element Resolution', () => {\n    it('responds to DOM changes', async () => {\n        class TestEl extends LitElement {}\n        if (!customElements.get('test-element-resolution-el')) {\n            customElements.define('test-element-resolution-el', TestEl);\n        }\n        const test = await fixture(html`\n            <div>\n                <test-element-resolution-el></test-element-resolution-el>\n                <div class=\"target\" id=\"one\"></div>\n                <div class=\"target\" id=\"two\"></div>\n            </div>\n        `);\n        const el = test.querySelector('test-element-resolution-el') as TestEl;\n        const target1 = test.querySelector('#one') as HTMLDivElement;\n        const target2 = test.querySelector('#two') as HTMLDivElement;\n        const controller = new ElementResolutionController(el as LitElement);\n        expect(controller.element).to.be.null;\n        controller.selector = '.target';\n        await elementUpdated(el);\n        expect(controller.element === target1).to.be.true;\n        test.insertAdjacentElement('afterbegin', target2);\n        await elementUpdated(el);\n        expect(controller.element === target2).to.be.true;\n        target2.setAttribute('class', 'not-target');\n        await elementUpdated(el);\n        expect(controller.element === target1).to.be.true;\n        target2.setAttribute('class', 'target');\n        await elementUpdated(el);\n        expect(controller.element === target2).to.be.true;\n    });\n});\n"],
+  "mappings": ";AAYA,SAAS,MAAM,kBAAkB;AACjC,SAAS,gBAAgB,QAAQ,eAAe;AAChD,SAAS,mCAAmC;AAE5C,SAAS,sBAAsB,MAAM;AACjC,KAAG,2BAA2B,YAAY;AAAA,IACtC,MAAM,eAAe,WAAW;AAAA,IAAC;AACjC,QAAI,CAAC,eAAe,IAAI,4BAA4B,GAAG;AACnD,qBAAe,OAAO,8BAA8B,MAAM;AAAA,IAC9D;AACA,UAAM,OAAO,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAM1B;AACD,UAAM,KAAK,KAAK,cAAc,4BAA4B;AAC1D,UAAM,UAAU,KAAK,cAAc,MAAM;AACzC,UAAM,UAAU,KAAK,cAAc,MAAM;AACzC,UAAM,aAAa,IAAI,4BAA4B,EAAgB;AACnE,WAAO,WAAW,OAAO,EAAE,GAAG,GAAG;AACjC,eAAW,WAAW;AACtB,UAAM,eAAe,EAAE;AACvB,WAAO,WAAW,YAAY,OAAO,EAAE,GAAG,GAAG;AAC7C,SAAK,sBAAsB,cAAc,OAAO;AAChD,UAAM,eAAe,EAAE;AACvB,WAAO,WAAW,YAAY,OAAO,EAAE,GAAG,GAAG;AAC7C,YAAQ,aAAa,SAAS,YAAY;AAC1C,UAAM,eAAe,EAAE;AACvB,WAAO,WAAW,YAAY,OAAO,EAAE,GAAG,GAAG;AAC7C,YAAQ,aAAa,SAAS,QAAQ;AACtC,UAAM,eAAe,EAAE;AACvB,WAAO,WAAW,YAAY,OAAO,EAAE,GAAG,GAAG;AAAA,EACjD,CAAC;AACL,CAAC;",
+  "names": []
+}

package/test/helpers.js

@@ -0,0 +1,23 @@
+"use strict";
+export const createLanguageContext = (lang) => {
+  let language = lang;
+  const updateLanguage = (lang2) => {
+    language = lang2;
+    resolveLanguage();
+  };
+  const langResolvers = [];
+  const createLangResolver = (event) => {
+    langResolvers.push([
+      event.detail.callback,
+      () => langResolvers.splice(langResolvers.length, 1)
+    ]);
+    resolveLanguage();
+  };
+  const resolveLanguage = () => {
+    langResolvers.forEach(
+      ([resolver, unsubscribe]) => resolver(language, unsubscribe)
+    );
+  };
+  return [createLangResolver, updateLanguage];
+};
+//# sourceMappingURL=helpers.js.map

package/test/helpers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["helpers.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { ProvideLang } from '@spectrum-web-components/theme';\n\nexport const createLanguageContext = (\n    lang: string\n): [(event: CustomEvent<ProvideLang>) => void, (lang: string) => void] => {\n    let language = lang;\n    const updateLanguage = (lang: string): void => {\n        language = lang;\n        resolveLanguage();\n    };\n    const langResolvers: [ProvideLang['callback'], () => void][] = [];\n    const createLangResolver = (event: CustomEvent<ProvideLang>): void => {\n        langResolvers.push([\n            event.detail.callback,\n            () => langResolvers.splice(langResolvers.length, 1),\n        ]);\n        resolveLanguage();\n    };\n    const resolveLanguage = (): void => {\n        langResolvers.forEach(([resolver, unsubscribe]) =>\n            resolver(language, unsubscribe)\n        );\n    };\n    return [createLangResolver, updateLanguage];\n};\n"],
+  "mappings": ";AAcO,aAAM,wBAAwB,CACjC,SACsE;AACtE,MAAI,WAAW;AACf,QAAM,iBAAiB,CAACA,UAAuB;AAC3C,eAAWA;AACX,oBAAgB;AAAA,EACpB;AACA,QAAM,gBAAyD,CAAC;AAChE,QAAM,qBAAqB,CAAC,UAA0C;AAClE,kBAAc,KAAK;AAAA,MACf,MAAM,OAAO;AAAA,MACb,MAAM,cAAc,OAAO,cAAc,QAAQ,CAAC;AAAA,IACtD,CAAC;AACD,oBAAgB;AAAA,EACpB;AACA,QAAM,kBAAkB,MAAY;AAChC,kBAAc;AAAA,MAAQ,CAAC,CAAC,UAAU,WAAW,MACzC,SAAS,UAAU,WAAW;AAAA,IAClC;AAAA,EACJ;AACA,SAAO,CAAC,oBAAoB,cAAc;AAC9C;",
+  "names": ["lang"]
+}

package/test/match-media.test.js

@@ -0,0 +1,27 @@
+"use strict";
+import { html, LitElement } from "lit";
+import { expect, fixture, nextFrame } from "@open-wc/testing";
+import { setViewport } from "@web/test-runner-commands";
+import { MatchMediaController } from "@spectrum-web-components/reactive-controllers/src/MatchMedia.js";
+class TestEl extends LitElement {
+}
+customElements.define("test-match-media-el", TestEl);
+describe("Match Media", () => {
+  it("responds to media changes", async () => {
+    const el = await fixture(html`
+            <test-match-media-el></test-match-media-el>
+        `);
+    const controller = new MatchMediaController(
+      el,
+      "(min-width: 500px)"
+    );
+    await nextFrame();
+    await nextFrame();
+    expect(controller.matches).to.be.true;
+    await setViewport({ width: 360, height: 640 });
+    await nextFrame();
+    await nextFrame();
+    expect(controller.matches).to.be.false;
+  });
+});
+//# sourceMappingURL=match-media.test.js.map

package/test/match-media.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["match-media.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html, LitElement } from 'lit';\nimport { expect, fixture, nextFrame } from '@open-wc/testing';\nimport { setViewport } from '@web/test-runner-commands';\nimport { MatchMediaController } from '@spectrum-web-components/reactive-controllers/src/MatchMedia.js';\n\nclass TestEl extends LitElement {}\ncustomElements.define('test-match-media-el', TestEl);\n\ndescribe('Match Media', () => {\n    it('responds to media changes', async () => {\n        const el = await fixture(html`\n            <test-match-media-el></test-match-media-el>\n        `);\n        const controller = new MatchMediaController(\n            el as LitElement & { shadowRoot: ShadowRoot },\n            '(min-width: 500px)'\n        );\n        // Allow Controller to initialize\n        await nextFrame();\n        await nextFrame();\n        expect(controller.matches).to.be.true;\n\n        await setViewport({ width: 360, height: 640 });\n        // Allow viewport update to propagate.\n        await nextFrame();\n        await nextFrame();\n        expect(controller.matches).to.be.false;\n    });\n});\n"],
+  "mappings": ";AAYA,SAAS,MAAM,kBAAkB;AACjC,SAAS,QAAQ,SAAS,iBAAiB;AAC3C,SAAS,mBAAmB;AAC5B,SAAS,4BAA4B;AAErC,MAAM,eAAe,WAAW;AAAC;AACjC,eAAe,OAAO,uBAAuB,MAAM;AAEnD,SAAS,eAAe,MAAM;AAC1B,KAAG,6BAA6B,YAAY;AACxC,UAAM,KAAK,MAAM,QAAQ;AAAA;AAAA,SAExB;AACD,UAAM,aAAa,IAAI;AAAA,MACnB;AAAA,MACA;AAAA,IACJ;AAEA,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,WAAO,WAAW,OAAO,EAAE,GAAG,GAAG;AAEjC,UAAM,YAAY,EAAE,OAAO,KAAK,QAAQ,IAAI,CAAC;AAE7C,UAAM,UAAU;AAChB,UAAM,UAAU;AAChB,WAAO,WAAW,OAAO,EAAE,GAAG,GAAG;AAAA,EACrC,CAAC;AACL,CAAC;",
+  "names": []
+}

package/test/pending-state.test.js

@@ -0,0 +1,130 @@
+"use strict";
+import { expect, fixture, html } from "@open-wc/testing";
+import "@spectrum-web-components/button/sp-button.js";
+import "@spectrum-web-components/progress-circle/sp-progress-circle.js";
+describe("PendingStateController", () => {
+  let host;
+  let controller;
+  beforeEach(async () => {
+    host = await fixture(html`
+            <sp-button aria-label="clickable" pending>Click me</sp-button>
+        `);
+    controller = host.pendingStateController;
+  });
+  describe("renderPendingState", () => {
+    it("should change aria-label of host when pending and when not pending", async () => {
+      host = await fixture(html`
+                <sp-button>Click me</sp-button>
+            `);
+      controller = host.pendingStateController;
+      host.setAttribute("pending", "true");
+      await host.updateComplete;
+      let ariaLabel = host.getAttribute("aria-label");
+      expect(ariaLabel).to.equal("Pending");
+      host.removeAttribute("pending");
+      await host.updateComplete;
+      ariaLabel = host.getAttribute("aria-label");
+      expect(ariaLabel).to.equal(null);
+      host.setAttribute("aria-label", "clickable");
+      await host.updateComplete;
+      ariaLabel = host.getAttribute("aria-label");
+      expect(ariaLabel).to.equal("clickable");
+      host.setAttribute("pending", "true");
+      await host.updateComplete;
+      ariaLabel = host.getAttribute("aria-label");
+      expect(ariaLabel).to.equal("Pending");
+      host.removeAttribute("pending");
+      await host.updateComplete;
+      ariaLabel = host.getAttribute("aria-label");
+      expect(ariaLabel).to.equal("clickable");
+      host.setAttribute("pending", "true");
+      await host.updateComplete;
+      ariaLabel = host.getAttribute("aria-label");
+      expect(ariaLabel).to.equal("Pending");
+    });
+    it("should render the pending state UI", async () => {
+      const pendingLabel = "Custom Pending Label";
+      host.pendingLabel = pendingLabel;
+      const templateResult = controller.renderPendingState();
+      const renderedElement = await fixture(html`
+                ${templateResult}
+            `);
+      const expectedElement = await fixture(html`
+                <sp-progress-circle
+                    id="loader"
+                    size="s"
+                    indeterminate
+                    class="progress-circle"
+                    role="presentation"
+                ></sp-progress-circle>
+            `);
+      expect(renderedElement.outerHTML === expectedElement.outerHTML).to.be.true;
+    });
+    it("should render the default pending state UI if no label is provided", async () => {
+      host.pendingLabel = void 0;
+      const templateResult = controller.renderPendingState();
+      const renderedElement = await fixture(html`
+                ${templateResult}
+            `);
+      const expectedElement = await fixture(html`
+                <sp-progress-circle
+                    id="loader"
+                    size="s"
+                    indeterminate
+                    role="presentation"
+                    class="progress-circle"
+                ></sp-progress-circle>
+            `);
+      const renderedAttributes = renderedElement.attributes;
+      const expectedAttributes = expectedElement.attributes;
+      expect(renderedAttributes.length).to.equal(
+        expectedAttributes.length
+      );
+      for (let i = 0; i < renderedAttributes.length; i++) {
+        const renderedAttr = renderedAttributes[i];
+        const expectedAttr = expectedAttributes.getNamedItem(
+          renderedAttr.name
+        );
+        expect(renderedAttr.value === (expectedAttr == null ? void 0 : expectedAttr.value)).to.be.true;
+      }
+      expect(host.pending).to.be.true;
+    });
+    it("should toggle the pending state on and off and preserve the component state correctly", async () => {
+      var _a, _b, _c;
+      host.setAttribute("pending", "true");
+      await host.updateComplete;
+      let progressCircle = (_a = host.shadowRoot) == null ? void 0 : _a.querySelector("sp-progress-circle");
+      expect(progressCircle).to.not.be.null;
+      host.removeAttribute("pending");
+      await host.updateComplete;
+      progressCircle = (_b = host.shadowRoot) == null ? void 0 : _b.querySelector("sp-progress-circle");
+      expect(progressCircle).to.be.null;
+      host.setAttribute("pending", "true");
+      await host.updateComplete;
+      progressCircle = (_c = host.shadowRoot) == null ? void 0 : _c.querySelector("sp-progress-circle");
+      expect(progressCircle).to.not.be.null;
+      const expectedElement = await fixture(html`
+                <sp-progress-circle
+                    id="loader"
+                    size="s"
+                    indeterminate
+                    role="presentation"
+                    class="progress-circle"
+                ></sp-progress-circle>
+            `);
+      const renderedAttributes = progressCircle == null ? void 0 : progressCircle.attributes;
+      const expectedAttributes = expectedElement.attributes;
+      expect((renderedAttributes == null ? void 0 : renderedAttributes.length) === expectedAttributes.length).to.be.true;
+      if (renderedAttributes) {
+        for (let i = 0; i < renderedAttributes.length; i++) {
+          const renderedAttr = renderedAttributes[i];
+          const expectedAttr = expectedAttributes.getNamedItem(
+            renderedAttr.name
+          );
+          expect(renderedAttr.value === (expectedAttr == null ? void 0 : expectedAttr.value)).to.be.true;
+        }
+      }
+    });
+  });
+});
+//# sourceMappingURL=pending-state.test.js.map

package/test/pending-state.test.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["pending-state.test.ts"],
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { expect, fixture, html } from '@open-wc/testing';\nimport {\n    HostWithPendingState,\n    PendingStateController,\n} from '@spectrum-web-components/reactive-controllers/src/PendingState.js';\n\nimport '@spectrum-web-components/button/sp-button.js';\nimport '@spectrum-web-components/progress-circle/sp-progress-circle.js';\n\ndescribe('PendingStateController', () => {\n    let host: HostWithPendingState;\n    let controller: PendingStateController<HostWithPendingState>;\n\n    beforeEach(async () => {\n        host = await fixture<HostWithPendingState>(html`\n            <sp-button aria-label=\"clickable\" pending>Click me</sp-button>\n        `);\n        controller = host.pendingStateController;\n    });\n\n    describe('renderPendingState', () => {\n        it('should change aria-label of host when pending and when not pending', async () => {\n            host = await fixture<HostWithPendingState>(html`\n                <sp-button>Click me</sp-button>\n            `);\n            controller = host.pendingStateController;\n\n            host.setAttribute('pending', 'true');\n            await host.updateComplete;\n\n            let ariaLabel = host.getAttribute('aria-label');\n            expect(ariaLabel).to.equal('Pending');\n\n            host.removeAttribute('pending');\n            await host.updateComplete;\n\n            ariaLabel = host.getAttribute('aria-label');\n            expect(ariaLabel).to.equal(null);\n\n            host.setAttribute('aria-label', 'clickable');\n            await host.updateComplete;\n            ariaLabel = host.getAttribute('aria-label');\n            expect(ariaLabel).to.equal('clickable');\n            host.setAttribute('pending', 'true');\n\n            await host.updateComplete;\n            ariaLabel = host.getAttribute('aria-label');\n            expect(ariaLabel).to.equal('Pending');\n\n            host.removeAttribute('pending');\n            await host.updateComplete;\n            ariaLabel = host.getAttribute('aria-label');\n            expect(ariaLabel).to.equal('clickable');\n\n            host.setAttribute('pending', 'true');\n            await host.updateComplete;\n            ariaLabel = host.getAttribute('aria-label');\n            expect(ariaLabel).to.equal('Pending');\n        });\n\n        it('should render the pending state UI', async () => {\n            const pendingLabel = 'Custom Pending Label';\n            host.pendingLabel = pendingLabel;\n            const templateResult = controller.renderPendingState();\n\n            const renderedElement = await fixture(html`\n                ${templateResult}\n            `);\n            const expectedElement = await fixture(html`\n                <sp-progress-circle\n                    id=\"loader\"\n                    size=\"s\"\n                    indeterminate\n                    class=\"progress-circle\"\n                    role=\"presentation\"\n                ></sp-progress-circle>\n            `);\n\n            expect(renderedElement.outerHTML === expectedElement.outerHTML).to\n                .be.true;\n        });\n\n        it('should render the default pending state UI if no label is provided', async () => {\n            host.pendingLabel = undefined;\n            const templateResult = controller.renderPendingState();\n            const renderedElement = await fixture(html`\n                ${templateResult}\n            `);\n            const expectedElement = await fixture(html`\n                <sp-progress-circle\n                    id=\"loader\"\n                    size=\"s\"\n                    indeterminate\n                    role=\"presentation\"\n                    class=\"progress-circle\"\n                ></sp-progress-circle>\n            `);\n\n            const renderedAttributes = renderedElement.attributes;\n            const expectedAttributes = expectedElement.attributes;\n\n            expect(renderedAttributes.length).to.equal(\n                expectedAttributes.length\n            );\n\n            for (let i = 0; i < renderedAttributes.length; i++) {\n                const renderedAttr = renderedAttributes[i];\n                const expectedAttr = expectedAttributes.getNamedItem(\n                    renderedAttr.name\n                );\n\n                expect(renderedAttr.value === expectedAttr?.value).to.be.true;\n            }\n            expect(host.pending).to.be.true;\n        });\n\n        it('should toggle the pending state on and off and preserve the component state correctly', async () => {\n            // Set initial pending state to true\n            host.setAttribute('pending', 'true');\n            await host.updateComplete;\n            let progressCircle =\n                host.shadowRoot?.querySelector('sp-progress-circle');\n            expect(progressCircle).to.not.be.null;\n            host.removeAttribute('pending');\n            await host.updateComplete;\n            progressCircle =\n                host.shadowRoot?.querySelector('sp-progress-circle');\n            expect(progressCircle).to.be.null;\n            host.setAttribute('pending', 'true');\n            await host.updateComplete;\n            progressCircle =\n                host.shadowRoot?.querySelector('sp-progress-circle');\n            expect(progressCircle).to.not.be.null;\n            const expectedElement = await fixture(html`\n                <sp-progress-circle\n                    id=\"loader\"\n                    size=\"s\"\n                    indeterminate\n                    role=\"presentation\"\n                    class=\"progress-circle\"\n                ></sp-progress-circle>\n            `);\n\n            const renderedAttributes = progressCircle?.attributes;\n            const expectedAttributes = expectedElement.attributes;\n            expect(renderedAttributes?.length === expectedAttributes.length).to\n                .be.true;\n            if (renderedAttributes) {\n                for (let i = 0; i < renderedAttributes.length; i++) {\n                    const renderedAttr = renderedAttributes[i];\n                    const expectedAttr = expectedAttributes.getNamedItem(\n                        renderedAttr.name\n                    );\n\n                    expect(renderedAttr.value === expectedAttr?.value).to.be\n                        .true;\n                }\n            }\n        });\n    });\n});\n"],
+  "mappings": "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",
+  "names": []
+}