@spectrum-web-components/progress-bar 1.9.1-nightly.20251028225812 → 1.9.1-nightly.20251029100130

package/stories/progress-bar.stories.js

@@ -1,109 +0,0 @@
-"use strict";
-import { html } from "@spectrum-web-components/base";
-import "@spectrum-web-components/progress-bar/sp-progress-bar.js";
-export default {
-  title: "Progress Bar",
-  component: "sp-progress-bar"
-};
-export const label = () => {
-  return html`
-        <sp-progress-bar label="Loading" progress="50"></sp-progress-bar>
-    `;
-};
-export const indeterminate = () => {
-  return html`
-        <sp-progress-bar label="Loading" indeterminate></sp-progress-bar>
-    `;
-};
-export const sideLabel = () => {
-  return html`
-        <sp-progress-bar
-            side-label
-            label="Loading"
-            progress="50"
-        ></sp-progress-bar>
-    `;
-};
-export const sideIndeterminate = () => {
-  return html`
-        <sp-progress-bar
-            side-label
-            label="Loading"
-            indeterminate
-        ></sp-progress-bar>
-    `;
-};
-const makeOverBackground = (variant) => (story) => {
-  const color = variant === "black" ? "rgb(181, 209, 211)" : "var(--spectrum-seafoam-900)";
-  return html`
-            <div
-                style="
-                    --mod-actionbutton-static-content-color: ${color};
-                    --mod-button-static-content-color: ${color};
-                    background-color: ${color};
-                    color: ${color};
-                    padding: calc(var(--swc-scale-factor) * 14px) calc(var(--swc-scale-factor) * 20px);
-                    display: inline-block;
-                "
-            >
-                ${story()}
-            </div>
-        `;
-};
-export const staticWhite = () => {
-  return makeOverBackground("white")(
-    () => html`
-            <sp-progress-bar
-                progress="50"
-                static-color="white"
-            ></sp-progress-bar>
-        `
-  );
-};
-export const staticWhiteLabel = () => {
-  return makeOverBackground("white")(
-    () => html`
-            <sp-progress-bar
-                label="Loading"
-                progress="50"
-                static-color="white"
-            ></sp-progress-bar>
-        `
-  );
-};
-export const staticWhiteIndeterminate = () => {
-  return makeOverBackground("white")(
-    () => html`
-            <sp-progress-bar
-                label="Loading"
-                indeterminate
-                static-color="white"
-            ></sp-progress-bar>
-        `
-  );
-};
-export const staticWhiteSideLabel = () => {
-  return makeOverBackground("white")(
-    () => html`
-            <sp-progress-bar
-                label="Loading"
-                progress="50"
-                static-color="white"
-                side-label
-            ></sp-progress-bar>
-        `
-  );
-};
-export const staticWhiteSideLabelIndeterminate = () => {
-  return makeOverBackground("white")(
-    () => html`
-            <sp-progress-bar
-                label="Loading"
-                indeterminate
-                static-color="white"
-                side-label
-            ></sp-progress-bar>
-        `
-  );
-};
-//# sourceMappingURL=progress-bar.stories.js.map

package/stories/progress-bar.stories.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["progress-bar.stories.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, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/progress-bar/sp-progress-bar.js';\n\nexport default {\n    title: 'Progress Bar',\n    component: 'sp-progress-bar',\n};\n\nexport const label = (): TemplateResult => {\n    return html`\n        <sp-progress-bar label=\"Loading\" progress=\"50\"></sp-progress-bar>\n    `;\n};\n\nexport const indeterminate = (): TemplateResult => {\n    return html`\n        <sp-progress-bar label=\"Loading\" indeterminate></sp-progress-bar>\n    `;\n};\n\nexport const sideLabel = (): TemplateResult => {\n    return html`\n        <sp-progress-bar\n            side-label\n            label=\"Loading\"\n            progress=\"50\"\n        ></sp-progress-bar>\n    `;\n};\n\nexport const sideIndeterminate = (): TemplateResult => {\n    return html`\n        <sp-progress-bar\n            side-label\n            label=\"Loading\"\n            indeterminate\n        ></sp-progress-bar>\n    `;\n};\n\nconst makeOverBackground =\n    (variant?: 'white' | 'black') =>\n    (story: () => TemplateResult): TemplateResult => {\n        const color =\n            variant === 'black'\n                ? 'rgb(181, 209, 211)'\n                : 'var(--spectrum-seafoam-900)';\n        return html`\n            <div\n                style=\"\n                    --mod-actionbutton-static-content-color: ${color};\n                    --mod-button-static-content-color: ${color};\n                    background-color: ${color};\n                    color: ${color};\n                    padding: calc(var(--swc-scale-factor) * 14px) calc(var(--swc-scale-factor) * 20px);\n                    display: inline-block;\n                \"\n            >\n                ${story()}\n            </div>\n        `;\n    };\n\nexport const staticWhite = (): TemplateResult => {\n    return makeOverBackground('white')(\n        () => html`\n            <sp-progress-bar\n                progress=\"50\"\n                static-color=\"white\"\n            ></sp-progress-bar>\n        `\n    );\n};\n\nexport const staticWhiteLabel = (): TemplateResult => {\n    return makeOverBackground('white')(\n        () => html`\n            <sp-progress-bar\n                label=\"Loading\"\n                progress=\"50\"\n                static-color=\"white\"\n            ></sp-progress-bar>\n        `\n    );\n};\n\nexport const staticWhiteIndeterminate = (): TemplateResult => {\n    return makeOverBackground('white')(\n        () => html`\n            <sp-progress-bar\n                label=\"Loading\"\n                indeterminate\n                static-color=\"white\"\n            ></sp-progress-bar>\n        `\n    );\n};\n\nexport const staticWhiteSideLabel = (): TemplateResult => {\n    return makeOverBackground('white')(\n        () => html`\n            <sp-progress-bar\n                label=\"Loading\"\n                progress=\"50\"\n                static-color=\"white\"\n                side-label\n            ></sp-progress-bar>\n        `\n    );\n};\n\nexport const staticWhiteSideLabelIndeterminate = (): TemplateResult => {\n    return makeOverBackground('white')(\n        () => html`\n            <sp-progress-bar\n                label=\"Loading\"\n                indeterminate\n                static-color=\"white\"\n                side-label\n            ></sp-progress-bar>\n        `\n    );\n};\n"],
-  "mappings": ";AAYA,SAAS,YAA4B;AAErC,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AACf;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAGX;AAEO,aAAM,YAAY,MAAsB;AAC3C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOX;AAEO,aAAM,oBAAoB,MAAsB;AACnD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOX;AAEA,MAAM,qBACF,CAAC,YACD,CAAC,UAAgD;AAC7C,QAAM,QACF,YAAY,UACN,uBACA;AACV,SAAO;AAAA;AAAA;AAAA,+DAGgD,KAAK;AAAA,yDACX,KAAK;AAAA,wCACtB,KAAK;AAAA,6BAChB,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhB,MAAM,CAAC;AAAA;AAAA;AAGrB;AAEG,aAAM,cAAc,MAAsB;AAC7C,SAAO,mBAAmB,OAAO;AAAA,IAC7B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV;AACJ;AAEO,aAAM,mBAAmB,MAAsB;AAClD,SAAO,mBAAmB,OAAO;AAAA,IAC7B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOV;AACJ;AAEO,aAAM,2BAA2B,MAAsB;AAC1D,SAAO,mBAAmB,OAAO;AAAA,IAC7B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOV;AACJ;AAEO,aAAM,uBAAuB,MAAsB;AACtD,SAAO,mBAAmB,OAAO;AAAA,IAC7B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQV;AACJ;AAEO,aAAM,oCAAoC,MAAsB;AACnE,SAAO,mBAAmB,OAAO;AAAA,IAC7B,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQV;AACJ;",
-  "names": []
-}

package/test/benchmark/basic-test.js

@@ -1,8 +0,0 @@
-"use strict";
-import "@spectrum-web-components/progress-bar/sp-progress-bar.js";
-import { html } from "lit";
-import { measureFixtureCreation } from "../../../../test/benchmark/helpers.js";
-measureFixtureCreation(html`
-    <sp-progress-bar label="Loading" indeterminate></sp-progress-bar>
-`);
-//# sourceMappingURL=basic-test.js.map

package/test/progress-bar-memory.test.js

@@ -1,8 +0,0 @@
-"use strict";
-import { html } from "@open-wc/testing";
-import "@spectrum-web-components/progress-bar/sp-progress-bar.js";
-import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
-testForMemoryLeaks(html`
-    <sp-progress-bar></sp-progress-bar>
-`);
-//# sourceMappingURL=progress-bar-memory.test.js.map

package/test/progress-bar-sizes.test-vrt.js

@@ -1,5 +0,0 @@
-"use strict";
-import * as stories from "../stories/progress-bar-sizes.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ProgressBarSizesStories", stories);
-//# sourceMappingURL=progress-bar-sizes.test-vrt.js.map

package/test/progress-bar-sizes.test-vrt.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["progress-bar-sizes.test-vrt.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 * as stories from '../stories/progress-bar-sizes.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('ProgressBarSizesStories', stories as unknown as TestsType);\n"],
-  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,2BAA2B,OAA+B;",
-  "names": []
-}

package/test/progress-bar.test-vrt.js

@@ -1,5 +0,0 @@
-"use strict";
-import * as stories from "../stories/progress-bar.stories.js";
-import { regressVisuals } from "../../../test/visual/test.js";
-regressVisuals("ProgressBarStories", stories);
-//# sourceMappingURL=progress-bar.test-vrt.js.map

package/test/progress-bar.test-vrt.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["progress-bar.test-vrt.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 * as stories from '../stories/progress-bar.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('ProgressBarStories', stories as unknown as TestsType);\n"],
-  "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,sBAAsB,OAA+B;",
-  "names": []
-}

package/test/progress-bar.test.js

@@ -1,245 +0,0 @@
-"use strict";
-import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
-import "@spectrum-web-components/progress-bar/sp-progress-bar.js";
-import { stub } from "sinon";
-import { testForLitDevWarnings } from "../../../test/testing-helpers.js";
-import { createLanguageContext } from "../../../tools/reactive-controllers/test/helpers.js";
-describe("ProgressBar", () => {
-  testForLitDevWarnings(
-    async () => await fixture(html`
-                <sp-progress-bar label="Loading"></sp-progress-bar>
-            `)
-  );
-  it("loads default progress-bar accessibly", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar label="Loading"></sp-progress-bar>
-        `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    await expect(el).to.be.accessible();
-  });
-  it("accepts label from `slot`", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar role="progressbar">
-                Label From Slot
-            </sp-progress-bar>
-        `);
-    await elementUpdated(el);
-    expect(el.getAttribute("label")).to.equal("Label From Slot");
-  });
-  it("handles label attribute changes", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar label="label" indeterminate>
-                content
-            </sp-progress-bar>
-        `);
-    await elementUpdated(el);
-    el.setAttribute("label", "");
-    await elementUpdated(el);
-    expect(el.getAttribute("label")).to.equal("");
-    el.setAttribute("label", "label1");
-    await elementUpdated(el);
-    expect(el.getAttribute("label")).to.equal("label1");
-  });
-  it("renders label when content is absent", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar label="myLabel" indeterminate></sp-progress-bar>
-        `);
-    expect(el.getAttribute("label")).to.equal("myLabel");
-  });
-  it("renders nothing when both content and label is absent", async () => {
-    var _a;
-    const el = await fixture(html`
-            <sp-progress-bar></sp-progress-bar>
-        `);
-    expect(el.getAttribute("label")).to.equal("");
-    expect((_a = el.shadowRoot.textContent) == null ? void 0 : _a.trim()).to.equal("");
-  });
-  it("accepts a changing progress", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar label="Changing value"></sp-progress-bar>
-        `);
-    await elementUpdated(el);
-    expect(el.hasAttribute("aria-valuenow")).to.be.true;
-    expect(el.getAttribute("aria-valuenow")).to.equal("0");
-    el.progress = 50;
-    await elementUpdated(el);
-    expect(el.hasAttribute("aria-valuenow")).to.be.true;
-    expect(el.getAttribute("aria-valuenow")).to.equal("50");
-    el.progress = 100;
-    await elementUpdated(el);
-    expect(el.hasAttribute("aria-valuenow")).to.be.true;
-    expect(el.getAttribute("aria-valuenow")).to.equal("100");
-  });
-  it("loads - [indeterminate]", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar indeterminate label="Loading"></sp-progress-bar>
-        `);
-    await elementUpdated(el);
-    expect(el).to.not.be.undefined;
-    await expect(el).to.be.accessible();
-  });
-  it("accepts user `role`", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar
-                role="progressbar"
-                label="With user role"
-            ></sp-progress-bar>
-        `);
-    await elementUpdated(el);
-    expect(el.getAttribute("role")).to.equal("progressbar");
-  });
-  it("returns to indeterminate", async () => {
-    const el = await fixture(html`
-            <sp-progress-bar
-                progress="50"
-                label="Sometimes indeterminate"
-            ></sp-progress-bar>
-        `);
-    await elementUpdated(el);
-    expect(el.hasAttribute("aria-valuenow")).to.be.true;
-    expect(el.getAttribute("aria-valuenow")).to.equal("50");
-    el.indeterminate = true;
-    await elementUpdated(el);
-    expect(el.hasAttribute("aria-valuenow")).to.be.false;
-  });
-  describe("dev mode", () => {
-    let consoleWarnStub;
-    before(() => {
-      window.__swc.verbose = true;
-      consoleWarnStub = stub(console, "warn");
-    });
-    afterEach(() => {
-      consoleWarnStub.resetHistory();
-    });
-    after(() => {
-      window.__swc.verbose = false;
-      consoleWarnStub.restore();
-    });
-    it("warns in Dev Mode when accessible attributes are not leveraged", async () => {
-      const el = await fixture(html`
-                <sp-progress-bar progress="50"></sp-progress-bar>
-            `);
-      await elementUpdated(el);
-      const spyCall = consoleWarnStub.getCall(0);
-      expect(
-        spyCall.args.at(0).includes("accessible"),
-        "confirm accessibility-centric message"
-      ).to.be.true;
-      expect(spyCall.args.at(-1), "confirm `data` shape").to.deep.equal({
-        data: {
-          localName: "sp-progress-bar",
-          type: "accessibility",
-          level: "default"
-        }
-      });
-    });
-    it("resolves a language (en-US)", async () => {
-      var _a;
-      const [languageContext] = createLanguageContext("en-US");
-      const test = await fixture(html`
-                <div @sp-language-context=${languageContext}>
-                    <sp-progress-bar
-                        label="Changing Value"
-                        progress="45"
-                    ></sp-progress-bar>
-                </div>
-            `);
-      const el = test.querySelector("sp-progress-bar");
-      const percentage = el.shadowRoot.querySelector(
-        ".percentage"
-      );
-      expect((_a = percentage.textContent) == null ? void 0 : _a.search("%")).to.not.equal(-1);
-    });
-    it("resolves a language (ar-sa)", async () => {
-      var _a;
-      const [languageContext] = createLanguageContext("ar-sa");
-      const test = await fixture(html`
-                <div @sp-language-context=${languageContext}>
-                    <sp-progress-bar
-                        label="Changing Value"
-                        progress="45"
-                    ></sp-progress-bar>
-                </div>
-            `);
-      const el = test.querySelector("sp-progress-bar");
-      const percentage = el.shadowRoot.querySelector(
-        ".percentage"
-      );
-      expect((_a = percentage.textContent) == null ? void 0 : _a.search("\u066A")).to.not.equal(-1);
-    });
-    it("accepts `aria-label`", async () => {
-      const el = await fixture(html`
-                <sp-progress-bar aria-label="Loading"></sp-progress-bar>
-            `);
-      await elementUpdated(el);
-      expect(el.hasAttribute("aria-label")).to.be.true;
-      expect(el.getAttribute("aria-label")).to.equal("Loading");
-    });
-    it("sets `aria-label` to equal `label` if `label` is set", async () => {
-      const el = await fixture(html`
-                <sp-progress-bar label="Loading"></sp-progress-bar>
-            `);
-      await elementUpdated(el);
-      expect(el.hasAttribute("aria-label")).to.be.true;
-      expect(el.getAttribute("aria-label")).to.equal("Loading");
-    });
-    it("does not remove `aria-label` if set independently of `label`", async () => {
-      const el = await fixture(html`
-                <sp-progress-bar
-                    label=""
-                    aria-label="Loading"
-                ></sp-progress-bar>
-            `);
-      await elementUpdated(el);
-      expect(el.hasAttribute("aria-label")).to.be.true;
-      expect(el.getAttribute("aria-label")).to.equal("Loading");
-    });
-    it("warns in devMode for deprecated usage of over-background", async () => {
-      const el = await fixture(html`
-                <sp-progress-bar
-                    progress="50"
-                    over-background
-                    label="Loading"
-                ></sp-progress-bar>
-            `);
-      await elementUpdated(el);
-      expect(
-        consoleWarnStub.called,
-        "confirm deprecated over-background warning"
-      ).to.be.true;
-      const spyCall = consoleWarnStub.getCall(0);
-      expect(
-        spyCall.args.at(0).includes("deprecated"),
-        "confirm deprecated over-background warning"
-      ).to.be.true;
-      expect(spyCall.args.at(-1), "confirm `data` shape").to.deep.equal({
-        data: {
-          localName: "sp-progress-bar",
-          type: "api",
-          level: "deprecation"
-        }
-      });
-    });
-    it("warns in Dev Mode when accessible attributes are not leveraged", async () => {
-      const el = await fixture(html`
-                <sp-progress-bar progress="50"></sp-progress-bar>
-            `);
-      await elementUpdated(el);
-      expect(consoleWarnStub.called).to.be.true;
-      const spyCall = consoleWarnStub.getCall(0);
-      expect(
-        spyCall.args.at(0).includes("accessible"),
-        "confirm accessibility-centric message"
-      ).to.be.true;
-      expect(spyCall.args.at(-1), "confirm `data` shape").to.deep.equal({
-        data: {
-          localName: "sp-progress-bar",
-          type: "accessibility",
-          level: "default"
-        }
-      });
-    });
-  });
-});
-//# sourceMappingURL=progress-bar.test.js.map

package/test/progress-bar.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["progress-bar.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 { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\nimport '@spectrum-web-components/progress-bar/sp-progress-bar.js';\nimport { ProgressBar } from '@spectrum-web-components/progress-bar';\nimport { stub } from 'sinon';\nimport { testForLitDevWarnings } from '../../../test/testing-helpers.js';\nimport { createLanguageContext } from '../../../tools/reactive-controllers/test/helpers.js';\n\ndescribe('ProgressBar', () => {\n    testForLitDevWarnings(\n        async () =>\n            await fixture<ProgressBar>(html`\n                <sp-progress-bar label=\"Loading\"></sp-progress-bar>\n            `)\n    );\n    it('loads default progress-bar accessibly', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar label=\"Loading\"></sp-progress-bar>\n        `);\n\n        await elementUpdated(el);\n        expect(el).to.not.be.undefined;\n\n        await expect(el).to.be.accessible();\n    });\n\n    it('accepts label from `slot`', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar role=\"progressbar\">\n                Label From Slot\n            </sp-progress-bar>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.getAttribute('label')).to.equal('Label From Slot');\n    });\n\n    it('handles label attribute changes', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar label=\"label\" indeterminate>\n                content\n            </sp-progress-bar>\n        `);\n\n        await elementUpdated(el);\n        el.setAttribute('label', '');\n        await elementUpdated(el);\n\n        expect(el.getAttribute('label')).to.equal('');\n        el.setAttribute('label', 'label1');\n        await elementUpdated(el);\n        expect(el.getAttribute('label')).to.equal('label1');\n    });\n\n    it('renders label when content is absent', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar label=\"myLabel\" indeterminate></sp-progress-bar>\n        `);\n        expect(el.getAttribute('label')).to.equal('myLabel');\n    });\n\n    it('renders nothing when both content and label is absent', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar></sp-progress-bar>\n        `);\n\n        expect(el.getAttribute('label')).to.equal('');\n        expect(el.shadowRoot.textContent?.trim()).to.equal('');\n    });\n\n    it('accepts a changing progress', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar label=\"Changing value\"></sp-progress-bar>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('0');\n\n        el.progress = 50;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('50');\n\n        el.progress = 100;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('100');\n    });\n    it('loads - [indeterminate]', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar indeterminate label=\"Loading\"></sp-progress-bar>\n        `);\n\n        await elementUpdated(el);\n        expect(el).to.not.be.undefined;\n\n        await expect(el).to.be.accessible();\n    });\n    it('accepts user `role`', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar\n                role=\"progressbar\"\n                label=\"With user role\"\n            ></sp-progress-bar>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.getAttribute('role')).to.equal('progressbar');\n    });\n    it('returns to indeterminate', async () => {\n        const el = await fixture<ProgressBar>(html`\n            <sp-progress-bar\n                progress=\"50\"\n                label=\"Sometimes indeterminate\"\n            ></sp-progress-bar>\n        `);\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.true;\n        expect(el.getAttribute('aria-valuenow')).to.equal('50');\n\n        el.indeterminate = true;\n\n        await elementUpdated(el);\n\n        expect(el.hasAttribute('aria-valuenow')).to.be.false;\n    });\n\n    describe('dev mode', () => {\n        let consoleWarnStub!: ReturnType<typeof stub>;\n        before(() => {\n            window.__swc.verbose = true;\n            consoleWarnStub = stub(console, 'warn');\n        });\n        afterEach(() => {\n            consoleWarnStub.resetHistory();\n        });\n        after(() => {\n            window.__swc.verbose = false;\n            consoleWarnStub.restore();\n        });\n\n        it('warns in Dev Mode when accessible attributes are not leveraged', async () => {\n            const el = await fixture<ProgressBar>(html`\n                <sp-progress-bar progress=\"50\"></sp-progress-bar>\n            `);\n\n            await elementUpdated(el);\n\n            const spyCall = consoleWarnStub.getCall(0);\n            expect(\n                (spyCall.args.at(0) as string).includes('accessible'),\n                'confirm accessibility-centric message'\n            ).to.be.true;\n            expect(spyCall.args.at(-1), 'confirm `data` shape').to.deep.equal({\n                data: {\n                    localName: 'sp-progress-bar',\n                    type: 'accessibility',\n                    level: 'default',\n                },\n            });\n        });\n        it('resolves a language (en-US)', async () => {\n            const [languageContext] = createLanguageContext('en-US');\n            const test = await fixture(html`\n                <div @sp-language-context=${languageContext}>\n                    <sp-progress-bar\n                        label=\"Changing Value\"\n                        progress=\"45\"\n                    ></sp-progress-bar>\n                </div>\n            `);\n            const el = test.querySelector('sp-progress-bar') as ProgressBar;\n            const percentage = el.shadowRoot.querySelector(\n                '.percentage'\n            ) as HTMLElement;\n            expect(percentage.textContent?.search('%')).to.not.equal(-1);\n        });\n\n        it('resolves a language (ar-sa)', async () => {\n            const [languageContext] = createLanguageContext('ar-sa');\n            const test = await fixture(html`\n                <div @sp-language-context=${languageContext}>\n                    <sp-progress-bar\n                        label=\"Changing Value\"\n                        progress=\"45\"\n                    ></sp-progress-bar>\n                </div>\n            `);\n            const el = test.querySelector('sp-progress-bar') as ProgressBar;\n            const percentage = el.shadowRoot.querySelector(\n                '.percentage'\n            ) as HTMLElement;\n            expect(percentage.textContent?.search('\u066A')).to.not.equal(-1);\n        });\n\n        it('accepts `aria-label`', async () => {\n            const el = await fixture<ProgressBar>(html`\n                <sp-progress-bar aria-label=\"Loading\"></sp-progress-bar>\n            `);\n\n            await elementUpdated(el);\n\n            expect(el.hasAttribute('aria-label')).to.be.true;\n            expect(el.getAttribute('aria-label')).to.equal('Loading');\n        });\n        it('sets `aria-label` to equal `label` if `label` is set', async () => {\n            const el = await fixture<ProgressBar>(html`\n                <sp-progress-bar label=\"Loading\"></sp-progress-bar>\n            `);\n\n            await elementUpdated(el);\n\n            expect(el.hasAttribute('aria-label')).to.be.true;\n            expect(el.getAttribute('aria-label')).to.equal('Loading');\n        });\n        it('does not remove `aria-label` if set independently of `label`', async () => {\n            const el = await fixture<ProgressBar>(html`\n                <sp-progress-bar\n                    label=\"\"\n                    aria-label=\"Loading\"\n                ></sp-progress-bar>\n            `);\n\n            await elementUpdated(el);\n\n            expect(el.hasAttribute('aria-label')).to.be.true;\n            expect(el.getAttribute('aria-label')).to.equal('Loading');\n        });\n        it('warns in devMode for deprecated usage of over-background', async () => {\n            const el = await fixture<ProgressBar>(html`\n                <sp-progress-bar\n                    progress=\"50\"\n                    over-background\n                    label=\"Loading\"\n                ></sp-progress-bar>\n            `);\n\n            await elementUpdated(el);\n            expect(\n                consoleWarnStub.called,\n                'confirm deprecated over-background warning'\n            ).to.be.true;\n\n            const spyCall = consoleWarnStub.getCall(0);\n            expect(\n                (spyCall.args.at(0) as string).includes('deprecated'),\n                'confirm deprecated over-background warning'\n            ).to.be.true;\n            expect(spyCall.args.at(-1), 'confirm `data` shape').to.deep.equal({\n                data: {\n                    localName: 'sp-progress-bar',\n                    type: 'api',\n                    level: 'deprecation',\n                },\n            });\n        });\n        it('warns in Dev Mode when accessible attributes are not leveraged', async () => {\n            const el = await fixture<ProgressBar>(html`\n                <sp-progress-bar progress=\"50\"></sp-progress-bar>\n            `);\n\n            await elementUpdated(el);\n\n            expect(consoleWarnStub.called).to.be.true;\n            const spyCall = consoleWarnStub.getCall(0);\n            expect(\n                (spyCall.args.at(0) as string).includes('accessible'),\n                'confirm accessibility-centric message'\n            ).to.be.true;\n            expect(spyCall.args.at(-1), 'confirm `data` shape').to.deep.equal({\n                data: {\n                    localName: 'sp-progress-bar',\n                    type: 'accessibility',\n                    level: 'default',\n                },\n            });\n        });\n    });\n});\n"],
-  "mappings": "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",
-  "names": []
-}