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

package/src/ProgressBar.dev.js

@@ -1,172 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-import {
-  html,
-  nothing,
-  SizedMixin,
-  SpectrumElement
-} from "@spectrum-web-components/base";
-import {
-  property,
-  query
-} from "@spectrum-web-components/base/src/decorators.js";
-import { getLabelFromSlot } from "@spectrum-web-components/shared/src/get-label-from-slot.js";
-import { ObserveSlotText } from "@spectrum-web-components/shared/src/observe-slot-text.js";
-import { LanguageResolutionController } from "@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";
-import "@spectrum-web-components/field-label/sp-field-label.js";
-import styles from "./progress-bar.css.js";
-export class ProgressBar extends SizedMixin(
-  ObserveSlotText(SpectrumElement, ""),
-  {
-    noDefaultSize: true
-  }
-) {
-  constructor() {
-    super(...arguments);
-    this.indeterminate = false;
-    this.label = "";
-    this.languageResolver = new LanguageResolutionController(this);
-    this._overBackground = false;
-    this.sideLabel = false;
-    this.progress = 0;
-  }
-  static get styles() {
-    return [styles];
-  }
-  get overBackground() {
-    return this._overBackground ? "over-background" : "";
-  }
-  set overBackground(overBackground) {
-    if (overBackground === true) {
-      this.removeAttribute("over-background");
-      this.staticColor = "white";
-      if (true) {
-        window.__swc.warn(
-          this,
-          `The "over-background" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use "static-color='white'" instead.`,
-          "https://opensource.adobe.com/spectrum-web-components/components/progress-bar/#variants",
-          {
-            level: "deprecation"
-          }
-        );
-      }
-    }
-  }
-  render() {
-    return html`
-            ${this.slotHasContent || this.label ? html`
-                      <sp-field-label size=${this.size} class="label">
-                          ${this.slotHasContent ? html`` : this.label}
-
-                          <slot @slotchange=${this.handleSlotchange}></slot>
-                      </sp-field-label>
-                  ` : html``}
-            ${this.label ? html`
-                      ${this.indeterminate ? nothing : html`
-                                <sp-field-label
-                                    size=${this.size}
-                                    class="percentage"
-                                >
-                                    ${new Intl.NumberFormat(
-      this.languageResolver.language,
-      {
-        style: "percent",
-        unitDisplay: "narrow"
-      }
-    ).format(this.progress / 100)}
-                                </sp-field-label>
-                            `}
-                  ` : nothing}
-            <div class="track">
-                <div
-                    class="fill"
-                    style="transform: scaleX(calc(${this.progress} / 100));"
-                ></div>
-            </div>
-        `;
-  }
-  handleSlotchange() {
-    const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);
-    if (labelFromSlot) {
-      this.label = labelFromSlot;
-    }
-  }
-  firstUpdated(changes) {
-    super.firstUpdated(changes);
-    if (!this.hasAttribute("role")) {
-      this.setAttribute("role", "progressbar");
-    }
-  }
-  updated(changes) {
-    super.updated(changes);
-    if (changes.has("indeterminate")) {
-      if (this.indeterminate) {
-        this.removeAttribute("aria-valuemin");
-        this.removeAttribute("aria-valuemax");
-        this.removeAttribute("aria-valuenow");
-      } else {
-        this.setAttribute("aria-valuemin", "0");
-        this.setAttribute("aria-valuemax", "100");
-      }
-    }
-    if (!this.indeterminate && changes.has("progress")) {
-      this.setAttribute("aria-valuenow", "" + this.progress);
-    }
-    if (changes.has("label")) {
-      if (this.label.length) {
-        this.setAttribute("aria-label", this.label);
-      } else if (changes.get("label") === this.getAttribute("aria-label")) {
-        this.removeAttribute("aria-label");
-      }
-    }
-    if (true) {
-      if (!this.label && !this.getAttribute("aria-label") && !this.getAttribute("aria-labelledby") && !this.slotHasContent) {
-        window.__swc.warn(
-          this,
-          "<sp-progress-bar> elements need one of the following to be accessible:",
-          "https://opensource.adobe.com/spectrum-web-components/components/progress-bar/#accessibility",
-          {
-            type: "accessibility",
-            issues: [
-              'value supplied to the "label" attribute, which will be displayed visually as part of the element, or',
-              "text content supplied directly to the <sp-progress-circle> element, or",
-              'value supplied to the "aria-label" attribute, which will only be provided to screen readers, or',
-              'an element ID reference supplied to the "aria-labelledby" attribute, which will be provided by screen readers and will need to be managed manually by the parent application.'
-            ]
-          }
-        );
-      }
-    }
-  }
-}
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], ProgressBar.prototype, "indeterminate", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], ProgressBar.prototype, "label", 2);
-__decorateClass([
-  property({ type: Boolean, attribute: "over-background" })
-], ProgressBar.prototype, "overBackground", 1);
-__decorateClass([
-  property({ type: Boolean, reflect: true, attribute: "side-label" })
-], ProgressBar.prototype, "sideLabel", 2);
-__decorateClass([
-  property({ type: Number })
-], ProgressBar.prototype, "progress", 2);
-__decorateClass([
-  property({ reflect: true, attribute: "static-color" })
-], ProgressBar.prototype, "staticColor", 2);
-__decorateClass([
-  query("slot")
-], ProgressBar.prototype, "slotEl", 2);
-//# sourceMappingURL=ProgressBar.dev.js.map

package/src/ProgressBar.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ProgressBar.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 {\n    CSSResultArray,\n    html,\n    nothing,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './progress-bar.css.js';\n\n/**\n * @element sp-progress-bar\n */\nexport class ProgressBar extends SizedMixin(\n    ObserveSlotText(SpectrumElement, ''),\n    {\n        noDefaultSize: true,\n    }\n) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public indeterminate = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, attribute: 'over-background' })\n    public get overBackground(): string {\n        return this._overBackground ? 'over-background' : '';\n    }\n    public set overBackground(overBackground: boolean) {\n        if (overBackground === true) {\n            this.removeAttribute('over-background');\n            this.staticColor = 'white';\n\n            if (window.__swc.DEBUG) {\n                window.__swc.warn(\n                    this,\n                    `The \"over-background\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static-color='white'\" instead.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/progress-bar/#variants',\n                    {\n                        level: 'deprecation',\n                    }\n                );\n            }\n        }\n    }\n    private _overBackground: boolean = false;\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    public sideLabel = false;\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'white';\n\n    @query('slot')\n    private slotEl!: HTMLSlotElement;\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.slotHasContent || this.label\n                ? html`\n                      <sp-field-label size=${this.size} class=\"label\">\n                          ${this.slotHasContent ? html`` : this.label}\n\n                          <slot @slotchange=${this.handleSlotchange}></slot>\n                      </sp-field-label>\n                  `\n                : html``}\n            ${this.label\n                ? html`\n                      ${this.indeterminate\n                          ? nothing\n                          : html`\n                                <sp-field-label\n                                    size=${this.size}\n                                    class=\"percentage\"\n                                >\n                                    ${new Intl.NumberFormat(\n                                        this.languageResolver.language,\n                                        {\n                                            style: 'percent',\n                                            unitDisplay: 'narrow',\n                                        }\n                                    ).format(this.progress / 100)}\n                                </sp-field-label>\n                            `}\n                  `\n                : nothing}\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected handleSlotchange(): void {\n        const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);\n        if (labelFromSlot) {\n            this.label = labelFromSlot;\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        if (!this.hasAttribute('role')) {\n            this.setAttribute('role', 'progressbar');\n        }\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('indeterminate')) {\n            if (this.indeterminate) {\n                this.removeAttribute('aria-valuemin');\n                this.removeAttribute('aria-valuemax');\n                this.removeAttribute('aria-valuenow');\n            } else {\n                this.setAttribute('aria-valuemin', '0');\n                this.setAttribute('aria-valuemax', '100');\n            }\n        }\n        if (!this.indeterminate && changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (changes.has('label')) {\n            if (this.label.length) {\n                this.setAttribute('aria-label', this.label);\n            } else if (\n                changes.get('label') === this.getAttribute('aria-label')\n            ) {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        if (window.__swc.DEBUG) {\n            if (\n                !this.label &&\n                !this.getAttribute('aria-label') &&\n                !this.getAttribute('aria-labelledby') &&\n                !this.slotHasContent\n            ) {\n                window.__swc.warn(\n                    this,\n                    '<sp-progress-bar> elements need one of the following to be accessible:',\n                    'https://opensource.adobe.com/spectrum-web-components/components/progress-bar/#accessibility',\n                    {\n                        type: 'accessibility',\n                        issues: [\n                            'value supplied to the \"label\" attribute, which will be displayed visually as part of the element, or',\n                            'text content supplied directly to the <sp-progress-circle> element, or',\n                            'value supplied to the \"aria-label\" attribute, which will only be provided to screen readers, or',\n                            'an element ID reference supplied to the \"aria-labelledby\" attribute, which will be provided by screen readers and will need to be managed manually by the parent application.',\n                        ],\n                    }\n                );\n            }\n        }\n    }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/src/ProgressBar.js

@@ -1,26 +0,0 @@
-"use strict";var b=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var t=(o,a,e,s)=>{for(var i=s>1?void 0:s?d(a,e):a,n=o.length-1,p;n>=0;n--)(p=o[n])&&(i=(s?p(a,e,i):p(i))||i);return s&&i&&b(a,e,i),i};import{html as l,nothing as u,SizedMixin as c,SpectrumElement as h}from"@spectrum-web-components/base";import{property as r,query as m}from"@spectrum-web-components/base/src/decorators.js";import{getLabelFromSlot as v}from"@spectrum-web-components/shared/src/get-label-from-slot.js";import{ObserveSlotText as f}from"@spectrum-web-components/shared/src/observe-slot-text.js";import{LanguageResolutionController as g}from"@spectrum-web-components/reactive-controllers/src/LanguageResolution.js";import"@spectrum-web-components/field-label/sp-field-label.js";import w from"./progress-bar.css.js";export class ProgressBar extends c(f(h,""),{noDefaultSize:!0}){constructor(){super(...arguments);this.indeterminate=!1;this.label="";this.languageResolver=new g(this);this._overBackground=!1;this.sideLabel=!1;this.progress=0}static get styles(){return[w]}get overBackground(){return this._overBackground?"over-background":""}set overBackground(e){e===!0&&(this.removeAttribute("over-background"),this.staticColor="white")}render(){return l`
-            ${this.slotHasContent||this.label?l`
-                      <sp-field-label size=${this.size} class="label">
-                          ${this.slotHasContent?l``:this.label}
-
-                          <slot @slotchange=${this.handleSlotchange}></slot>
-                      </sp-field-label>
-                  `:l``}
-            ${this.label?l`
-                      ${this.indeterminate?u:l`
-                                <sp-field-label
-                                    size=${this.size}
-                                    class="percentage"
-                                >
-                                    ${new Intl.NumberFormat(this.languageResolver.language,{style:"percent",unitDisplay:"narrow"}).format(this.progress/100)}
-                                </sp-field-label>
-                            `}
-                  `:u}
-            <div class="track">
-                <div
-                    class="fill"
-                    style="transform: scaleX(calc(${this.progress} / 100));"
-                ></div>
-            </div>
-        `}handleSlotchange(){const e=v(this.label,this.slotEl);e&&(this.label=e)}firstUpdated(e){super.firstUpdated(e),this.hasAttribute("role")||this.setAttribute("role","progressbar")}updated(e){super.updated(e),e.has("indeterminate")&&(this.indeterminate?(this.removeAttribute("aria-valuemin"),this.removeAttribute("aria-valuemax"),this.removeAttribute("aria-valuenow")):(this.setAttribute("aria-valuemin","0"),this.setAttribute("aria-valuemax","100"))),!this.indeterminate&&e.has("progress")&&this.setAttribute("aria-valuenow",""+this.progress),e.has("label")&&(this.label.length?this.setAttribute("aria-label",this.label):e.get("label")===this.getAttribute("aria-label")&&this.removeAttribute("aria-label"))}}t([r({type:Boolean,reflect:!0})],ProgressBar.prototype,"indeterminate",2),t([r({type:String,reflect:!0})],ProgressBar.prototype,"label",2),t([r({type:Boolean,attribute:"over-background"})],ProgressBar.prototype,"overBackground",1),t([r({type:Boolean,reflect:!0,attribute:"side-label"})],ProgressBar.prototype,"sideLabel",2),t([r({type:Number})],ProgressBar.prototype,"progress",2),t([r({reflect:!0,attribute:"static-color"})],ProgressBar.prototype,"staticColor",2),t([m("slot")],ProgressBar.prototype,"slotEl",2);
-//# sourceMappingURL=ProgressBar.js.map

package/src/ProgressBar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["ProgressBar.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 {\n    CSSResultArray,\n    html,\n    nothing,\n    PropertyValues,\n    SizedMixin,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    query,\n} from '@spectrum-web-components/base/src/decorators.js';\n\nimport { getLabelFromSlot } from '@spectrum-web-components/shared/src/get-label-from-slot.js';\nimport { ObserveSlotText } from '@spectrum-web-components/shared/src/observe-slot-text.js';\nimport { LanguageResolutionController } from '@spectrum-web-components/reactive-controllers/src/LanguageResolution.js';\nimport '@spectrum-web-components/field-label/sp-field-label.js';\nimport styles from './progress-bar.css.js';\n\n/**\n * @element sp-progress-bar\n */\nexport class ProgressBar extends SizedMixin(\n    ObserveSlotText(SpectrumElement, ''),\n    {\n        noDefaultSize: true,\n    }\n) {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @property({ type: Boolean, reflect: true })\n    public indeterminate = false;\n\n    @property({ type: String, reflect: true })\n    public label = '';\n\n    private languageResolver = new LanguageResolutionController(this);\n\n    @property({ type: Boolean, attribute: 'over-background' })\n    public get overBackground(): string {\n        return this._overBackground ? 'over-background' : '';\n    }\n    public set overBackground(overBackground: boolean) {\n        if (overBackground === true) {\n            this.removeAttribute('over-background');\n            this.staticColor = 'white';\n\n            if (window.__swc.DEBUG) {\n                window.__swc.warn(\n                    this,\n                    `The \"over-background\" attribute on <${this.localName}> has been deprecated and will be removed in a future release. Use \"static-color='white'\" instead.`,\n                    'https://opensource.adobe.com/spectrum-web-components/components/progress-bar/#variants',\n                    {\n                        level: 'deprecation',\n                    }\n                );\n            }\n        }\n    }\n    private _overBackground: boolean = false;\n\n    @property({ type: Boolean, reflect: true, attribute: 'side-label' })\n    public sideLabel = false;\n\n    @property({ type: Number })\n    public progress = 0;\n\n    @property({ reflect: true, attribute: 'static-color' })\n    public staticColor?: 'white';\n\n    @query('slot')\n    private slotEl!: HTMLSlotElement;\n\n    protected override render(): TemplateResult {\n        return html`\n            ${this.slotHasContent || this.label\n                ? html`\n                      <sp-field-label size=${this.size} class=\"label\">\n                          ${this.slotHasContent ? html`` : this.label}\n\n                          <slot @slotchange=${this.handleSlotchange}></slot>\n                      </sp-field-label>\n                  `\n                : html``}\n            ${this.label\n                ? html`\n                      ${this.indeterminate\n                          ? nothing\n                          : html`\n                                <sp-field-label\n                                    size=${this.size}\n                                    class=\"percentage\"\n                                >\n                                    ${new Intl.NumberFormat(\n                                        this.languageResolver.language,\n                                        {\n                                            style: 'percent',\n                                            unitDisplay: 'narrow',\n                                        }\n                                    ).format(this.progress / 100)}\n                                </sp-field-label>\n                            `}\n                  `\n                : nothing}\n            <div class=\"track\">\n                <div\n                    class=\"fill\"\n                    style=\"transform: scaleX(calc(${this.progress} / 100));\"\n                ></div>\n            </div>\n        `;\n    }\n\n    protected handleSlotchange(): void {\n        const labelFromSlot = getLabelFromSlot(this.label, this.slotEl);\n        if (labelFromSlot) {\n            this.label = labelFromSlot;\n        }\n    }\n\n    protected override firstUpdated(changes: PropertyValues): void {\n        super.firstUpdated(changes);\n        if (!this.hasAttribute('role')) {\n            this.setAttribute('role', 'progressbar');\n        }\n    }\n\n    protected override updated(changes: PropertyValues): void {\n        super.updated(changes);\n        if (changes.has('indeterminate')) {\n            if (this.indeterminate) {\n                this.removeAttribute('aria-valuemin');\n                this.removeAttribute('aria-valuemax');\n                this.removeAttribute('aria-valuenow');\n            } else {\n                this.setAttribute('aria-valuemin', '0');\n                this.setAttribute('aria-valuemax', '100');\n            }\n        }\n        if (!this.indeterminate && changes.has('progress')) {\n            this.setAttribute('aria-valuenow', '' + this.progress);\n        }\n        if (changes.has('label')) {\n            if (this.label.length) {\n                this.setAttribute('aria-label', this.label);\n            } else if (\n                changes.get('label') === this.getAttribute('aria-label')\n            ) {\n                this.removeAttribute('aria-label');\n            }\n        }\n\n        if (window.__swc.DEBUG) {\n            if (\n                !this.label &&\n                !this.getAttribute('aria-label') &&\n                !this.getAttribute('aria-labelledby') &&\n                !this.slotHasContent\n            ) {\n                window.__swc.warn(\n                    this,\n                    '<sp-progress-bar> elements need one of the following to be accessible:',\n                    'https://opensource.adobe.com/spectrum-web-components/components/progress-bar/#accessibility',\n                    {\n                        type: 'accessibility',\n                        issues: [\n                            'value supplied to the \"label\" attribute, which will be displayed visually as part of the element, or',\n                            'text content supplied directly to the <sp-progress-circle> element, or',\n                            'value supplied to the \"aria-label\" attribute, which will only be provided to screen readers, or',\n                            'an element ID reference supplied to the \"aria-labelledby\" attribute, which will be provided by screen readers and will need to be managed manually by the parent application.',\n                        ],\n                    }\n                );\n            }\n        }\n    }\n}\n"],
-  "mappings": "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",
-  "names": ["html", "nothing", "SizedMixin", "SpectrumElement", "property", "query", "getLabelFromSlot", "ObserveSlotText", "LanguageResolutionController", "styles", "overBackground", "labelFromSlot", "changes", "__decorateClass"]
-}

package/src/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * Copyright 2025 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-export * from './ProgressBar.js';

package/src/index.dev.js

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

package/src/index.dev.js.map

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

package/src/index.js

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

package/src/index.js.map

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

package/src/progress-bar-overrides.css.d.ts

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

package/src/progress-bar-overrides.css.dev.js

@@ -1,7 +0,0 @@
-"use strict";
-import { css } from "@spectrum-web-components/base";
-const styles = css`
-    :host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(--system-progress-bar-animation-ease-in-out-indeterminate);--spectrum-progressbar-animation-duration-indeterminate:var(--system-progress-bar-animation-duration-indeterminate);--spectrum-progressbar-corner-radius:var(--system-progress-bar-corner-radius);--spectrum-progressbar-fill-size-indeterminate:var(--system-progress-bar-fill-size-indeterminate);--spectrum-progressbar-size-2400:var(--system-progress-bar-size-2400);--spectrum-progressbar-size-2500:var(--system-progress-bar-size-2500);--spectrum-progressbar-size-2800:var(--system-progress-bar-size-2800);--spectrum-progressbar-line-height-cjk:var(--system-progress-bar-line-height-cjk);--spectrum-progressbar-min-size:var(--system-progress-bar-min-size);--spectrum-progressbar-max-size:var(--system-progress-bar-max-size);--spectrum-progressbar-line-height:var(--system-progress-bar-line-height);--spectrum-progressbar-spacing-label-to-progressbar:var(--system-progress-bar-spacing-label-to);--spectrum-progressbar-spacing-label-to-text:var(--system-progress-bar-spacing-label-to-text);--spectrum-progressbar-text-color:var(--system-progress-bar-text-color);--spectrum-progressbar-track-color:var(--system-progress-bar-track-color);--spectrum-progressbar-fill-color:var(--system-progress-bar-fill-color);--spectrum-progressbar-label-and-value-white:var(--system-progress-bar-label-and-value-white);--spectrum-progressbar-track-color-white:var(--system-progress-bar-track-color-white);--spectrum-progressbar-fill-color-white:var(--system-progress-bar-fill-color-white);--spectrum-progressbar-size-default:var(--system-progress-bar-size-m-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-m-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-m-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-m-spacing-top-to-text)}:host([size=s]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-s-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-s-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-s-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-s-spacing-top-to-text)}:host([size=l]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-l-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-l-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-l-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-l-spacing-top-to-text)}:host([size=xl]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-xl-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-xl-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-xl-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-xl-spacing-top-to-text)}
-`;
-export default styles;
-//# sourceMappingURL=progress-bar-overrides.css.dev.js.map

package/src/progress-bar-overrides.css.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["progress-bar-overrides.css.ts"],
-  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(--system-progress-bar-animation-ease-in-out-indeterminate);--spectrum-progressbar-animation-duration-indeterminate:var(--system-progress-bar-animation-duration-indeterminate);--spectrum-progressbar-corner-radius:var(--system-progress-bar-corner-radius);--spectrum-progressbar-fill-size-indeterminate:var(--system-progress-bar-fill-size-indeterminate);--spectrum-progressbar-size-2400:var(--system-progress-bar-size-2400);--spectrum-progressbar-size-2500:var(--system-progress-bar-size-2500);--spectrum-progressbar-size-2800:var(--system-progress-bar-size-2800);--spectrum-progressbar-line-height-cjk:var(--system-progress-bar-line-height-cjk);--spectrum-progressbar-min-size:var(--system-progress-bar-min-size);--spectrum-progressbar-max-size:var(--system-progress-bar-max-size);--spectrum-progressbar-line-height:var(--system-progress-bar-line-height);--spectrum-progressbar-spacing-label-to-progressbar:var(--system-progress-bar-spacing-label-to);--spectrum-progressbar-spacing-label-to-text:var(--system-progress-bar-spacing-label-to-text);--spectrum-progressbar-text-color:var(--system-progress-bar-text-color);--spectrum-progressbar-track-color:var(--system-progress-bar-track-color);--spectrum-progressbar-fill-color:var(--system-progress-bar-fill-color);--spectrum-progressbar-label-and-value-white:var(--system-progress-bar-label-and-value-white);--spectrum-progressbar-track-color-white:var(--system-progress-bar-track-color-white);--spectrum-progressbar-fill-color-white:var(--system-progress-bar-fill-color-white);--spectrum-progressbar-size-default:var(--system-progress-bar-size-m-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-m-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-m-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-m-spacing-top-to-text)}:host([size=s]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-s-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-s-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-s-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-s-spacing-top-to-text)}:host([size=l]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-l-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-l-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-l-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-l-spacing-top-to-text)}:host([size=xl]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-xl-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-xl-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-xl-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-xl-spacing-top-to-text)}\n`;\nexport default styles;"],
-  "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
-  "names": []
-}

package/src/progress-bar.css.d.ts

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

package/src/progress-bar.css.dev.js

@@ -1,7 +0,0 @@
-"use strict";
-import { css } from "@spectrum-web-components/base";
-const styles = css`
-    :host{font-size:var(--mod-progressbar-font-size,var(--spectrum-progressbar-font-size));vertical-align:top;inline-size:var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default));max-inline-size:var(--mod-progressbar-max-size,var(--spectrum-progressbar-max-size));min-inline-size:var(--mod-progressbar-min-size,var(--spectrum-progressbar-min-size));flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}.label,.percentage{text-align:start;line-height:var(--mod-progressbar-line-height,var(--spectrum-progressbar-line-height));color:var(--mod-progressbar-text-color,var(--spectrum-progressbar-text-color));margin-block-start:var(--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text));margin-block-end:var(--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar))}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk))}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}.track{inline-size:100%;block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));border-radius:var(--spectrum-progressbar-corner-radius);background:var(--highcontrast-progressbar-track-color,var(--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)));overflow:hidden}.fill{block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));background:var(--highcontrast-progressbar-fill-color,var(--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)));border:none;transition:width 1s}:host([indeterminate]) .fill{inline-size:var(--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate));animation-timing-function:var(--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate));will-change:transform;animation-name:indeterminate-loop-ltr;animation-duration:var(--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate));animation-iteration-count:infinite;position:relative}:host([indeterminate]) .fill:dir(rtl),:host([dir=rtl][indeterminate]) .fill{animation-name:indeterminate-loop-rtl}:host([side-label]){flex-flow:row;justify-content:space-between;display:inline-flex}:host([side-label]) .track{flex:1 1 var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default))}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([side-label]) .percentage{text-align:end;order:3;margin-block-end:0;margin-inline-start:var(--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([static-color=white]) .fill{background:var(--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white))}:host([static-color=white]) .fill,:host([static-color=white]) .label,:host([static-color=white]) .percentage{color:var(--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white))}:host([static-color=white]) .track{background:var(--spectrum-progressbar-track-color-white)}@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(var(--spectrum-progressbar-size-default))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(calc(var(--spectrum-progressbar-size-default)*-1))}}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;forced-color-adjust:none;border:1px solid buttontext}}:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(--system-progress-bar-animation-ease-in-out-indeterminate);--spectrum-progressbar-animation-duration-indeterminate:var(--system-progress-bar-animation-duration-indeterminate);--spectrum-progressbar-corner-radius:var(--system-progress-bar-corner-radius);--spectrum-progressbar-fill-size-indeterminate:var(--system-progress-bar-fill-size-indeterminate);--spectrum-progressbar-size-2400:var(--system-progress-bar-size-2400);--spectrum-progressbar-size-2500:var(--system-progress-bar-size-2500);--spectrum-progressbar-size-2800:var(--system-progress-bar-size-2800);--spectrum-progressbar-line-height-cjk:var(--system-progress-bar-line-height-cjk);--spectrum-progressbar-min-size:var(--system-progress-bar-min-size);--spectrum-progressbar-max-size:var(--system-progress-bar-max-size);--spectrum-progressbar-line-height:var(--system-progress-bar-line-height);--spectrum-progressbar-spacing-label-to-progressbar:var(--system-progress-bar-spacing-label-to);--spectrum-progressbar-spacing-label-to-text:var(--system-progress-bar-spacing-label-to-text);--spectrum-progressbar-text-color:var(--system-progress-bar-text-color);--spectrum-progressbar-track-color:var(--system-progress-bar-track-color);--spectrum-progressbar-fill-color:var(--system-progress-bar-fill-color);--spectrum-progressbar-label-and-value-white:var(--system-progress-bar-label-and-value-white);--spectrum-progressbar-track-color-white:var(--system-progress-bar-track-color-white);--spectrum-progressbar-fill-color-white:var(--system-progress-bar-fill-color-white);--spectrum-progressbar-size-default:var(--system-progress-bar-size-m-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-m-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-m-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-m-spacing-top-to-text)}:host([size=s]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-s-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-s-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-s-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-s-spacing-top-to-text)}:host([size=l]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-l-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-l-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-l-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-l-spacing-top-to-text)}:host([size=xl]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-xl-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-xl-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-xl-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-xl-spacing-top-to-text)}.fill{transform-origin:0;width:100%}:host([dir=rtl]) .fill{transform-origin:100%}
-`;
-export default styles;
-//# sourceMappingURL=progress-bar.css.dev.js.map

package/src/progress-bar.css.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["progress-bar.css.ts"],
-  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{font-size:var(--mod-progressbar-font-size,var(--spectrum-progressbar-font-size));vertical-align:top;inline-size:var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default));max-inline-size:var(--mod-progressbar-max-size,var(--spectrum-progressbar-max-size));min-inline-size:var(--mod-progressbar-min-size,var(--spectrum-progressbar-min-size));flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}.label,.percentage{text-align:start;line-height:var(--mod-progressbar-line-height,var(--spectrum-progressbar-line-height));color:var(--mod-progressbar-text-color,var(--spectrum-progressbar-text-color));margin-block-start:var(--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text));margin-block-end:var(--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar))}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk))}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}.track{inline-size:100%;block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));border-radius:var(--spectrum-progressbar-corner-radius);background:var(--highcontrast-progressbar-track-color,var(--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)));overflow:hidden}.fill{block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));background:var(--highcontrast-progressbar-fill-color,var(--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)));border:none;transition:width 1s}:host([indeterminate]) .fill{inline-size:var(--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate));animation-timing-function:var(--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate));will-change:transform;animation-name:indeterminate-loop-ltr;animation-duration:var(--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate));animation-iteration-count:infinite;position:relative}:host([indeterminate]) .fill:dir(rtl),:host([dir=rtl][indeterminate]) .fill{animation-name:indeterminate-loop-rtl}:host([side-label]){flex-flow:row;justify-content:space-between;display:inline-flex}:host([side-label]) .track{flex:1 1 var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default))}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([side-label]) .percentage{text-align:end;order:3;margin-block-end:0;margin-inline-start:var(--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([static-color=white]) .fill{background:var(--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white))}:host([static-color=white]) .fill,:host([static-color=white]) .label,:host([static-color=white]) .percentage{color:var(--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white))}:host([static-color=white]) .track{background:var(--spectrum-progressbar-track-color-white)}@keyframes indeterminate-loop-ltr{0%{transform:translate(-100%)}to{transform:translate(var(--spectrum-progressbar-size-default))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(100%)}to{transform:translate(calc(var(--spectrum-progressbar-size-default)*-1))}}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;forced-color-adjust:none;border:1px solid buttontext}}:host{--spectrum-progressbar-animation-ease-in-out-indeterminate:var(--system-progress-bar-animation-ease-in-out-indeterminate);--spectrum-progressbar-animation-duration-indeterminate:var(--system-progress-bar-animation-duration-indeterminate);--spectrum-progressbar-corner-radius:var(--system-progress-bar-corner-radius);--spectrum-progressbar-fill-size-indeterminate:var(--system-progress-bar-fill-size-indeterminate);--spectrum-progressbar-size-2400:var(--system-progress-bar-size-2400);--spectrum-progressbar-size-2500:var(--system-progress-bar-size-2500);--spectrum-progressbar-size-2800:var(--system-progress-bar-size-2800);--spectrum-progressbar-line-height-cjk:var(--system-progress-bar-line-height-cjk);--spectrum-progressbar-min-size:var(--system-progress-bar-min-size);--spectrum-progressbar-max-size:var(--system-progress-bar-max-size);--spectrum-progressbar-line-height:var(--system-progress-bar-line-height);--spectrum-progressbar-spacing-label-to-progressbar:var(--system-progress-bar-spacing-label-to);--spectrum-progressbar-spacing-label-to-text:var(--system-progress-bar-spacing-label-to-text);--spectrum-progressbar-text-color:var(--system-progress-bar-text-color);--spectrum-progressbar-track-color:var(--system-progress-bar-track-color);--spectrum-progressbar-fill-color:var(--system-progress-bar-fill-color);--spectrum-progressbar-label-and-value-white:var(--system-progress-bar-label-and-value-white);--spectrum-progressbar-track-color-white:var(--system-progress-bar-track-color-white);--spectrum-progressbar-fill-color-white:var(--system-progress-bar-fill-color-white);--spectrum-progressbar-size-default:var(--system-progress-bar-size-m-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-m-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-m-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-m-spacing-top-to-text)}:host([size=s]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-s-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-s-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-s-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-s-spacing-top-to-text)}:host([size=l]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-l-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-l-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-l-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-l-spacing-top-to-text)}:host([size=xl]){--spectrum-progressbar-size-default:var(--system-progress-bar-size-xl-size-default);--spectrum-progressbar-font-size:var(--system-progress-bar-size-xl-font-size);--spectrum-progressbar-thickness:var(--system-progress-bar-size-xl-thickness);--spectrum-progressbar-spacing-top-to-text:var(--system-progress-bar-size-xl-spacing-top-to-text)}.fill{transform-origin:0;width:100%}:host([dir=rtl]) .fill{transform-origin:100%}\n`;\nexport default styles;"],
-  "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
-  "names": []
-}

package/src/spectrum-progress-bar.css.d.ts

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

package/src/spectrum-progress-bar.css.dev.js

@@ -1,7 +0,0 @@
-"use strict";
-import { css } from "@spectrum-web-components/base";
-const styles = css`
-    :host{font-size:var(--mod-progressbar-font-size,var(--spectrum-progressbar-font-size));vertical-align:top;inline-size:var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default));max-inline-size:var(--mod-progressbar-max-size,var(--spectrum-progressbar-max-size));min-inline-size:var(--mod-progressbar-min-size,var(--spectrum-progressbar-min-size));flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}.label,.percentage{text-align:start;line-height:var(--mod-progressbar-line-height,var(--spectrum-progressbar-line-height));color:var(--mod-progressbar-text-color,var(--spectrum-progressbar-text-color));margin-block-start:var(--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text));margin-block-end:var(--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar))}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk))}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}.track{inline-size:100%;block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));border-radius:var(--spectrum-progressbar-corner-radius);background:var(--highcontrast-progressbar-track-color,var(--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)));overflow:hidden}.fill{block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));background:var(--highcontrast-progressbar-fill-color,var(--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)));border:none;transition:width 1s}:host([indeterminate]) .fill{inline-size:var(--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate));animation-timing-function:var(--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate));will-change:transform;animation-name:indeterminate-loop-ltr;animation-duration:var(--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate));animation-iteration-count:infinite;position:relative}:host([indeterminate]) .fill:dir(rtl),:host([dir=rtl][indeterminate]) .fill{animation-name:indeterminate-loop-rtl}:host([side-label]){flex-flow:row;justify-content:space-between;display:inline-flex}:host([side-label]) .track{flex:1 1 var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default))}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([side-label]) .percentage{text-align:end;order:3;margin-block-end:0;margin-inline-start:var(--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([static-color=white]) .fill{background:var(--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white))}:host([static-color=white]) .fill,:host([static-color=white]) .label,:host([static-color=white]) .percentage{color:var(--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white))}:host([static-color=white]) .track{background:var(--spectrum-progressbar-track-color-white)}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate))*-1))}to{transform:translate(var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)))}to{transform:translate(calc(var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default))*-1))}}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;forced-color-adjust:none;border:1px solid buttontext}}
-`;
-export default styles;
-//# sourceMappingURL=spectrum-progress-bar.css.dev.js.map

package/src/spectrum-progress-bar.css.dev.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["spectrum-progress-bar.css.ts"],
-  "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n    :host{font-size:var(--mod-progressbar-font-size,var(--spectrum-progressbar-font-size));vertical-align:top;inline-size:var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default));max-inline-size:var(--mod-progressbar-max-size,var(--spectrum-progressbar-max-size));min-inline-size:var(--mod-progressbar-min-size,var(--spectrum-progressbar-min-size));flex-flow:wrap;justify-content:space-between;align-items:center;display:inline-flex;position:relative}.label,.percentage{text-align:start;line-height:var(--mod-progressbar-line-height,var(--spectrum-progressbar-line-height));color:var(--mod-progressbar-text-color,var(--spectrum-progressbar-text-color));margin-block-start:var(--mod-progressbar-spacing-top-to-text,var(--spectrum-progressbar-spacing-top-to-text));margin-block-end:var(--mod-progressbar-spacing-label-to-progressbar,var(--spectrum-progressbar-spacing-label-to-progressbar))}.label:lang(ja),.label:lang(ko),.label:lang(zh),.percentage:lang(ja),.percentage:lang(ko),.percentage:lang(zh){line-height:var(--mod-progressbar-line-height-cjk,var(--spectrum-progressbar-line-height-cjk))}.label{flex:1}.percentage{align-self:flex-start;margin-inline-start:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}.track{inline-size:100%;block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));border-radius:var(--spectrum-progressbar-corner-radius);background:var(--highcontrast-progressbar-track-color,var(--mod-progressbar-track-color,var(--spectrum-progressbar-track-color)));overflow:hidden}.fill{block-size:var(--mod-progressbar-thickness,var(--spectrum-progressbar-thickness));background:var(--highcontrast-progressbar-fill-color,var(--mod-progressbar-fill-color,var(--spectrum-progressbar-fill-color)));border:none;transition:width 1s}:host([indeterminate]) .fill{inline-size:var(--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate));animation-timing-function:var(--mod-progressbar-animation-ease-in-out-indeterminate,var(--spectrum-progressbar-animation-ease-in-out-indeterminate));will-change:transform;animation-name:indeterminate-loop-ltr;animation-duration:var(--mod-progressbar-animation-duration-indeterminate,var(--spectrum-progressbar-animation-duration-indeterminate));animation-iteration-count:infinite;position:relative}:host([indeterminate]) .fill:dir(rtl),:host([dir=rtl][indeterminate]) .fill{animation-name:indeterminate-loop-rtl}:host([side-label]){flex-flow:row;justify-content:space-between;display:inline-flex}:host([side-label]) .track{flex:1 1 var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default))}:host([side-label]) .label{flex-grow:0;margin-block-end:0;margin-inline-end:var(--mod-progressbar-spacing-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([side-label]) .percentage{text-align:end;order:3;margin-block-end:0;margin-inline-start:var(--mod-spacing-progressbar-label-to-text,var(--spectrum-progressbar-spacing-label-to-text))}:host([static-color=white]) .fill{background:var(--mod-progressbar-fill-color-white,var(--spectrum-progressbar-fill-color-white))}:host([static-color=white]) .fill,:host([static-color=white]) .label,:host([static-color=white]) .percentage{color:var(--mod-progressbar-label-and-value-white,var(--spectrum-progressbar-label-and-value-white))}:host([static-color=white]) .track{background:var(--spectrum-progressbar-track-color-white)}@keyframes indeterminate-loop-ltr{0%{transform:translate(calc(var(--mod-progressbar-fill-size-indeterminate,var(--spectrum-progressbar-fill-size-indeterminate))*-1))}to{transform:translate(var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default)))}}@keyframes indeterminate-loop-rtl{0%{transform:translate(var(--mod-progressbar-size-default,var(--spectrum-progressbar-fill-size-indeterminate)))}to{transform:translate(calc(var(--mod-progressbar-size-default,var(--spectrum-progressbar-size-default))*-1))}}@media (forced-colors:active){.track{--highcontrast-progressbar-fill-color:ButtonText;--highcontrast-progressbar-track-color:ButtonFace;forced-color-adjust:none;border:1px solid buttontext}}\n`;\nexport default styles;"],
-  "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
-  "names": []
-}

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

@@ -1,44 +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/Sizes",
-  component: "sp-progress-bar"
-};
-export const s = () => {
-  return html`
-        <sp-progress-bar
-            label="Loading"
-            progress="50"
-            size="s"
-        ></sp-progress-bar>
-    `;
-};
-export const m = () => {
-  return html`
-        <sp-progress-bar
-            label="Loading"
-            progress="50"
-            size="m"
-        ></sp-progress-bar>
-    `;
-};
-export const l = () => {
-  return html`
-        <sp-progress-bar
-            label="Loading"
-            progress="50"
-            size="l"
-        ></sp-progress-bar>
-    `;
-};
-export const XL = () => {
-  return html`
-        <sp-progress-bar
-            label="Loading"
-            progress="50"
-            size="xl"
-        ></sp-progress-bar>
-    `;
-};
-//# sourceMappingURL=progress-bar-sizes.stories.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["progress-bar-sizes.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/Sizes',\n    component: 'sp-progress-bar',\n};\n\nexport const s = (): TemplateResult => {\n    return html`\n        <sp-progress-bar\n            label=\"Loading\"\n            progress=\"50\"\n            size=\"s\"\n        ></sp-progress-bar>\n    `;\n};\n\nexport const m = (): TemplateResult => {\n    return html`\n        <sp-progress-bar\n            label=\"Loading\"\n            progress=\"50\"\n            size=\"m\"\n        ></sp-progress-bar>\n    `;\n};\n\nexport const l = (): TemplateResult => {\n    return html`\n        <sp-progress-bar\n            label=\"Loading\"\n            progress=\"50\"\n            size=\"l\"\n        ></sp-progress-bar>\n    `;\n};\n\nexport const XL = (): TemplateResult => {\n    return html`\n        <sp-progress-bar\n            label=\"Loading\"\n            progress=\"50\"\n            size=\"xl\"\n        ></sp-progress-bar>\n    `;\n};\n"],
-  "mappings": ";AAYA,SAAS,YAA4B;AAErC,OAAO;AAEP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AACf;AAEO,aAAM,IAAI,MAAsB;AACnC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOX;AAEO,aAAM,IAAI,MAAsB;AACnC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOX;AAEO,aAAM,IAAI,MAAsB;AACnC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOX;AAEO,aAAM,KAAK,MAAsB;AACpC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOX;",
-  "names": []
-}

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