@carbon/web-components 2.52.0 → 2.53.0

package/es/components/progress-bar/progress-bar.scss.js

@@ -6,10 +6,9 @@
  */
 
 import { css } from "lit";
-
 //#region src/components/progress-bar/progress-bar.scss?lit
 var progress_bar_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:\"\";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__helper-text{color:var(--cds-text-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds--progress-bar__bar{background-color:CanvasText}}:host(cds-progress-bar) .cds--progress-bar--inline .cds--progress-bar__label{margin-inline-end:1rem}:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__helper-text,:host(cds-progress-bar) .cds--progress-bar--indented .cds--progress-bar__label{padding-inline:1rem}"]);
-
 //#endregion
 export { progress_bar_default as default };
+
 //# sourceMappingURL=progress-bar.scss.js.map

package/es/components/progress-indicator/defs.js

@@ -34,7 +34,7 @@ let PROGRESS_STEP_STAT = /* @__PURE__ */ function(PROGRESS_STEP_STAT) {
 	PROGRESS_STEP_STAT["INVALID"] = "invalid";
 	return PROGRESS_STEP_STAT;
 }({});
-
 //#endregion
 export { PROGRESS_STEP_STAT };
+
 //# sourceMappingURL=defs.js.map

package/es/components/progress-indicator/defs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-indicator/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * State of progress step.\n */\nexport enum PROGRESS_STEP_STAT {\n  /**\n   * Complete one.\n   */\n  COMPLETE = 'complete',\n\n  /**\n   * One that is being executed now.\n   */\n  CURRENT = 'current',\n\n  /**\n   * One for future execution.\n   */\n  INCOMPLETE = 'incomplete',\n\n  /**\n   * Invalid one.\n   */\n  INVALID = 'invalid',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,kEAAL;;;;AAIL;;;;AAKA;;;;AAKA;;;;AAKA"}
+{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/progress-indicator/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * State of progress step.\n */\nexport enum PROGRESS_STEP_STAT {\n  /**\n   * Complete one.\n   */\n  COMPLETE = 'complete',\n\n  /**\n   * One that is being executed now.\n   */\n  CURRENT = 'current',\n\n  /**\n   * One for future execution.\n   */\n  INCOMPLETE = 'incomplete',\n\n  /**\n   * Invalid one.\n   */\n  INVALID = 'invalid',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAUA,IAAY,qBAAL,yBAAA,oBAAA;;;;AAIL,oBAAA,cAAA;;;;AAKA,oBAAA,aAAA;;;;AAKA,oBAAA,gBAAA;;;;AAKA,oBAAA,aAAA;;KACD"}

package/es/components/progress-indicator/progress-indicator-skeleton.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import progress_indicator_default from "./progress-indicator.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/progress-indicator/progress-indicator-skeleton.ts
 /**
 * Copyright IBM Corp. 2019, 2023
@@ -37,7 +36,7 @@ let CDSProgressIndicatorSkeleton = class CDSProgressIndicatorSkeleton extends Li
 	* A selector that will return progress steps.
 	*/
 	static get selectorStep() {
-		return `${prefix}-progress-step-skeleton`;
+		return `cds-progress-step-skeleton`;
 	}
 	static {
 		this.styles = progress_indicator_default;
@@ -47,9 +46,9 @@ __decorate([property({
 	type: Boolean,
 	reflect: true
 })], CDSProgressIndicatorSkeleton.prototype, "vertical", void 0);
-CDSProgressIndicatorSkeleton = __decorate([carbonElement(`${prefix}-progress-indicator-skeleton`)], CDSProgressIndicatorSkeleton);
+CDSProgressIndicatorSkeleton = __decorate([carbonElement(`cds-progress-indicator-skeleton`)], CDSProgressIndicatorSkeleton);
 var progress_indicator_skeleton_default = CDSProgressIndicatorSkeleton;
-
 //#endregion
 export { progress_indicator_skeleton_default as default };
+
 //# sourceMappingURL=progress-indicator-skeleton.js.map

package/es/components/progress-indicator/progress-indicator-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-indicator-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nexport default class CDSProgressIndicatorSkeleton extends LitElement {\n  /**\n   * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('vertical')) {\n      // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSProgressIndicatorSkeleton).selectorStep\n        ),\n        (item) => {\n          (item as CDSProgressStepSkeleton).vertical = this.vertical;\n        }\n      );\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * A selector that will return progress steps.\n   */\n  static get selectorStep() {\n    return `${prefix}-progress-step-skeleton`;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmBe,yCAAM,qCAAqC,WAAW;;;kBAKxD;;CAEX,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,WAAW,CAEnC,SACE,KAAK,iBACF,KAAK,YAAoD,aAC3D,GACA,SAAS;AACR,GAAC,KAAiC,WAAW,KAAK;IAErD;;CAIL,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,eAAe;AACxB,SAAO,GAAG,OAAO;;;gBAGHA;;;YA5Bf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;2CAL5CC,cAAc,GAAG,OAAO,8BAA8B"}
+{"version":3,"file":"progress-indicator-skeleton.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator-skeleton.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStepSkeleton from './progress-step-skeleton';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Skeleton of progress indicator.\n */\n@customElement(`${prefix}-progress-indicator-skeleton`)\nexport default class CDSProgressIndicatorSkeleton extends LitElement {\n  /**\n   * `true` if the progress indicator should be vertical. Corresponds to the attribute with the same name.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  updated(changedProperties) {\n    if (changedProperties.has('vertical')) {\n      // Propagate `vertical` attribute to descendants until `:host-context()` gets supported in all major browsers\n      forEach(\n        this.querySelectorAll(\n          (this.constructor as typeof CDSProgressIndicatorSkeleton).selectorStep\n        ),\n        (item) => {\n          (item as CDSProgressStepSkeleton).vertical = this.vertical;\n        }\n      );\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * A selector that will return progress steps.\n   */\n  static get selectorStep() {\n    return `${prefix}-progress-step-skeleton`;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmBe,IAAA,+BAAA,MAAM,qCAAqC,WAAW;;;kBAKxD;;CAEX,QAAQ,mBAAmB;AACzB,MAAI,kBAAkB,IAAI,WAAW,CAEnC,SACE,KAAK,iBACF,KAAK,YAAoD,aAC3D,GACA,SAAS;AACP,QAAiC,WAAW,KAAK;IAErD;;CAIL,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,eAAe;AACxB,SAAO;;;gBAGOA;;;YA5Bf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,6BAAA,WAAA,YAAA,KAAA,EAAA;2CAL5CC,cAAc,kCAAwC,CAAA,EAAA,6BAAA"}

package/es/components/progress-indicator/progress-indicator.js

@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { prefix } from "../../globals/settings.js";
+import "../../globals/settings.js";
 import { forEach } from "../../globals/internal/collection-helpers.js";
 import { carbonElement } from "../../globals/decorators/carbon-element.js";
-import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
+import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/decorate.js";
 import progress_indicator_default$1 from "./progress-indicator.scss.js";
 import { LitElement, html } from "lit";
 import { property } from "lit/decorators.js";
-
 //#region src/components/progress-indicator/progress-indicator.ts
 /**
 * Copyright IBM Corp. 2019, 2025
@@ -51,10 +50,10 @@ let CDSProgressIndicator = class CDSProgressIndicator extends LitElement {
 	connectedCallback() {
 		if (!this.hasAttribute("role")) this.setAttribute("role", "list");
 		super.connectedCallback();
-		this.addEventListener(`${prefix}-progress-step-click`, this._handleStepClick);
+		this.addEventListener(`cds-progress-step-click`, this._handleStepClick);
 	}
 	disconnectedCallback() {
-		this.removeEventListener(`${prefix}-progress-step-click`, this._handleStepClick);
+		this.removeEventListener(`cds-progress-step-click`, this._handleStepClick);
 		super.disconnectedCallback();
 	}
 	updated(changedProperties) {
@@ -88,7 +87,7 @@ let CDSProgressIndicator = class CDSProgressIndicator extends LitElement {
 	* A selector that will return progress steps.
 	*/
 	static get selectorStep() {
-		return `${prefix}-progress-step`;
+		return `cds-progress-step`;
 	}
 	static {
 		this.styles = progress_indicator_default$1;
@@ -108,9 +107,9 @@ __decorate([property({
 	attribute: "current-index"
 })], CDSProgressIndicator.prototype, "currentIndex", void 0);
 __decorate([property({ attribute: false })], CDSProgressIndicator.prototype, "onChange", void 0);
-CDSProgressIndicator = __decorate([carbonElement(`${prefix}-progress-indicator`)], CDSProgressIndicator);
+CDSProgressIndicator = __decorate([carbonElement(`cds-progress-indicator`)], CDSProgressIndicator);
 var progress_indicator_default = CDSProgressIndicator;
-
 //#endregion
 export { progress_indicator_default as default };
+
 //# sourceMappingURL=progress-indicator.js.map

package/es/components/progress-indicator/progress-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStep from './progress-step';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Progress indicator.\n *\n * @element cds-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nexport default class CDSProgressIndicator extends LitElement {\n  /**\n   * Determines whether or not the progress indicator should be rendered\n   * vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * Specify whether the progress steps should be split equally in size in the\n   * container (horizontal only).\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'space-equally' })\n  spaceEqually = false;\n\n  /**\n   * Optionally specify the current step array index.\n   */\n  @property({ type: Number, attribute: 'current-index' })\n  currentIndex = 0;\n\n  /**\n   * React-like property handler (NOT an attribute).\n   * If set to a function, steps become clickable and this handler will be called\n   * with a CustomEvent whose detail is `{ index: number }`.\n   */\n  @property({ attribute: false })\n  onChange?: (e: CustomEvent<{ index: number }>) => void;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n\n    // Listen for internal step click events\n    this.addEventListener(\n      `${prefix}-progress-step-click`,\n      this._handleStepClick as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      `${prefix}-progress-step-click`,\n      this._handleStepClick as EventListener\n    );\n    super.disconnectedCallback();\n  }\n\n  private _handleStepClick = (evt: Event) => {\n    // Steps are clickable only if onChange is a function\n    const clickable = typeof this.onChange === 'function';\n    if (!clickable) return;\n\n    const steps = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSProgressIndicator).selectorStep\n      )\n    );\n\n    const targetStep = (\n      evt.composedPath\n        ? (evt.composedPath()[0] as Element)\n        : (evt.target as Element)\n    )?.closest(\n      (this.constructor as typeof CDSProgressIndicator).selectorStep\n    ) as Element | null;\n\n    if (!targetStep) return;\n\n    const index = steps.indexOf(targetStep);\n    if (index < 0) return;\n\n    const detail = { index };\n\n    // Standard DOM event\n    const changeEvt = new CustomEvent('change', {\n      bubbles: true,\n      composed: true,\n      detail,\n    });\n    this.dispatchEvent(changeEvt);\n\n    // Alias event name for convenience (@onChange in Lit or addEventListener('onChange', ...))\n    this.dispatchEvent(\n      new CustomEvent('onChange', { bubbles: true, composed: true, detail })\n    );\n\n    if (typeof this.onChange === 'function') {\n      this.onChange(changeEvt as CustomEvent<{ index: number }>);\n    }\n  };\n\n  updated(changedProperties) {\n    const spacingValue = this.vertical ? false : this.spaceEqually;\n    const clickable = typeof this.onChange === 'function';\n\n    const steps = this.querySelectorAll(\n      (this.constructor as typeof CDSProgressIndicator).selectorStep\n    );\n\n    if (changedProperties.has('vertical')) {\n      // Propagate `vertical` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(steps, (item) => {\n        (item as CDSProgressStep).vertical = this.vertical;\n        (item as CDSProgressStep).spaceEqually = spacingValue;\n        (item as CDSProgressStep).clickable = clickable;\n      });\n    }\n\n    if (changedProperties.has('spaceEqually')) {\n      // Propagate `spaceEqually` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(steps, (item) => {\n        (item as CDSProgressStep).spaceEqually = spacingValue;\n      });\n    }\n\n    if (changedProperties.has('onChange')) {\n      // Propagate `onChange` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(steps, (item) => {\n        (item as CDSProgressStep).clickable = clickable;\n      });\n    }\n\n    if (changedProperties.has('currentIndex')) {\n      steps.forEach((step, index) => {\n        const progressStep = step as CDSProgressStep;\n\n        if (progressStep.hasExplicitState) {\n          return;\n        }\n        progressStep.complete = false;\n        progressStep.current = false;\n\n        if (index < this.currentIndex) {\n          progressStep.complete = true;\n        } else if (index === this.currentIndex) {\n          progressStep.current = true;\n        }\n      });\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * A selector that will return progress steps.\n   */\n  static get selectorStep() {\n    return `${prefix}-progress-step`;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqBe,iCAAM,6BAA6B,WAAW;;;kBAMhD;sBAOI;sBAMA;2BA+Ba,QAAe;AAGzC,OAAI,EADc,OAAO,KAAK,aAAa,YAC3B;GAEhB,MAAM,QAAQ,MAAM,KAClB,KAAK,iBACF,KAAK,YAA4C,aACnD,CACF;GAED,MAAM,cACJ,IAAI,eACC,IAAI,cAAc,CAAC,KACnB,IAAI,SACR,QACA,KAAK,YAA4C,aACnD;AAED,OAAI,CAAC,WAAY;GAEjB,MAAM,QAAQ,MAAM,QAAQ,WAAW;AACvC,OAAI,QAAQ,EAAG;GAEf,MAAM,SAAS,EAAE,OAAO;GAGxB,MAAM,YAAY,IAAI,YAAY,UAAU;IAC1C,SAAS;IACT,UAAU;IACV;IACD,CAAC;AACF,QAAK,cAAc,UAAU;AAG7B,QAAK,cACH,IAAI,YAAY,YAAY;IAAE,SAAS;IAAM,UAAU;IAAM;IAAQ,CAAC,CACvE;AAED,OAAI,OAAO,KAAK,aAAa,WAC3B,MAAK,SAAS,UAA4C;;;CA7D9D,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;AAGzB,OAAK,iBACH,GAAG,OAAO,uBACV,KAAK,iBACN;;CAGH,uBAAuB;AACrB,OAAK,oBACH,GAAG,OAAO,uBACV,KAAK,iBACN;AACD,QAAM,sBAAsB;;CA+C9B,QAAQ,mBAAmB;EACzB,MAAM,eAAe,KAAK,WAAW,QAAQ,KAAK;EAClD,MAAM,YAAY,OAAO,KAAK,aAAa;EAE3C,MAAM,QAAQ,KAAK,iBAChB,KAAK,YAA4C,aACnD;AAED,MAAI,kBAAkB,IAAI,WAAW,CAGnC,SAAQ,QAAQ,SAAS;AACvB,GAAC,KAAyB,WAAW,KAAK;AAC1C,GAAC,KAAyB,eAAe;AACzC,GAAC,KAAyB,YAAY;IACtC;AAGJ,MAAI,kBAAkB,IAAI,eAAe,CAGvC,SAAQ,QAAQ,SAAS;AACvB,GAAC,KAAyB,eAAe;IACzC;AAGJ,MAAI,kBAAkB,IAAI,WAAW,CAGnC,SAAQ,QAAQ,SAAS;AACvB,GAAC,KAAyB,YAAY;IACtC;AAGJ,MAAI,kBAAkB,IAAI,eAAe,CACvC,OAAM,SAAS,MAAM,UAAU;GAC7B,MAAM,eAAe;AAErB,OAAI,aAAa,iBACf;AAEF,gBAAa,WAAW;AACxB,gBAAa,UAAU;AAEvB,OAAI,QAAQ,KAAK,aACf,cAAa,WAAW;YACf,UAAU,KAAK,aACxB,cAAa,UAAU;IAEzB;;CAIN,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,eAAe;AACxB,SAAO,GAAG,OAAO;;;gBAGHA;;;YAzJf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAO1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC;YAMtE,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAiB,CAAC;YAQtD,SAAS,EAAE,WAAW,OAAO,CAAC;mCA3BhCC,cAAc,GAAG,OAAO,qBAAqB"}
+{"version":3,"file":"progress-indicator.js","names":["styles","customElement"],"sources":["../../../src/components/progress-indicator/progress-indicator.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport { forEach } from '../../globals/internal/collection-helpers';\nimport CDSProgressStep from './progress-step';\nimport styles from './progress-indicator.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Progress indicator.\n *\n * @element cds-progress-indicator\n */\n@customElement(`${prefix}-progress-indicator`)\nexport default class CDSProgressIndicator extends LitElement {\n  /**\n   * Determines whether or not the progress indicator should be rendered\n   * vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  /**\n   * Specify whether the progress steps should be split equally in size in the\n   * container (horizontal only).\n   */\n  @property({ type: Boolean, reflect: true, attribute: 'space-equally' })\n  spaceEqually = false;\n\n  /**\n   * Optionally specify the current step array index.\n   */\n  @property({ type: Number, attribute: 'current-index' })\n  currentIndex = 0;\n\n  /**\n   * React-like property handler (NOT an attribute).\n   * If set to a function, steps become clickable and this handler will be called\n   * with a CustomEvent whose detail is `{ index: number }`.\n   */\n  @property({ attribute: false })\n  onChange?: (e: CustomEvent<{ index: number }>) => void;\n\n  connectedCallback() {\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'list');\n    }\n    super.connectedCallback();\n\n    // Listen for internal step click events\n    this.addEventListener(\n      `${prefix}-progress-step-click`,\n      this._handleStepClick as EventListener\n    );\n  }\n\n  disconnectedCallback() {\n    this.removeEventListener(\n      `${prefix}-progress-step-click`,\n      this._handleStepClick as EventListener\n    );\n    super.disconnectedCallback();\n  }\n\n  private _handleStepClick = (evt: Event) => {\n    // Steps are clickable only if onChange is a function\n    const clickable = typeof this.onChange === 'function';\n    if (!clickable) return;\n\n    const steps = Array.from(\n      this.querySelectorAll(\n        (this.constructor as typeof CDSProgressIndicator).selectorStep\n      )\n    );\n\n    const targetStep = (\n      evt.composedPath\n        ? (evt.composedPath()[0] as Element)\n        : (evt.target as Element)\n    )?.closest(\n      (this.constructor as typeof CDSProgressIndicator).selectorStep\n    ) as Element | null;\n\n    if (!targetStep) return;\n\n    const index = steps.indexOf(targetStep);\n    if (index < 0) return;\n\n    const detail = { index };\n\n    // Standard DOM event\n    const changeEvt = new CustomEvent('change', {\n      bubbles: true,\n      composed: true,\n      detail,\n    });\n    this.dispatchEvent(changeEvt);\n\n    // Alias event name for convenience (@onChange in Lit or addEventListener('onChange', ...))\n    this.dispatchEvent(\n      new CustomEvent('onChange', { bubbles: true, composed: true, detail })\n    );\n\n    if (typeof this.onChange === 'function') {\n      this.onChange(changeEvt as CustomEvent<{ index: number }>);\n    }\n  };\n\n  updated(changedProperties) {\n    const spacingValue = this.vertical ? false : this.spaceEqually;\n    const clickable = typeof this.onChange === 'function';\n\n    const steps = this.querySelectorAll(\n      (this.constructor as typeof CDSProgressIndicator).selectorStep\n    );\n\n    if (changedProperties.has('vertical')) {\n      // Propagate `vertical` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(steps, (item) => {\n        (item as CDSProgressStep).vertical = this.vertical;\n        (item as CDSProgressStep).spaceEqually = spacingValue;\n        (item as CDSProgressStep).clickable = clickable;\n      });\n    }\n\n    if (changedProperties.has('spaceEqually')) {\n      // Propagate `spaceEqually` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(steps, (item) => {\n        (item as CDSProgressStep).spaceEqually = spacingValue;\n      });\n    }\n\n    if (changedProperties.has('onChange')) {\n      // Propagate `onChange` attribute to descendants until\n      // `:host-context()` gets supported in all major browsers\n      forEach(steps, (item) => {\n        (item as CDSProgressStep).clickable = clickable;\n      });\n    }\n\n    if (changedProperties.has('currentIndex')) {\n      steps.forEach((step, index) => {\n        const progressStep = step as CDSProgressStep;\n\n        if (progressStep.hasExplicitState) {\n          return;\n        }\n        progressStep.complete = false;\n        progressStep.current = false;\n\n        if (index < this.currentIndex) {\n          progressStep.complete = true;\n        } else if (index === this.currentIndex) {\n          progressStep.current = true;\n        }\n      });\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  /**\n   * A selector that will return progress steps.\n   */\n  static get selectorStep() {\n    return `${prefix}-progress-step`;\n  }\n\n  static styles = styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBe,IAAA,uBAAA,MAAM,6BAA6B,WAAW;;;kBAMhD;sBAOI;sBAMA;2BA+Ba,QAAe;AAGzC,OAAI,EADc,OAAO,KAAK,aAAa,YAC3B;GAEhB,MAAM,QAAQ,MAAM,KAClB,KAAK,iBACF,KAAK,YAA4C,aACnD,CACF;GAED,MAAM,cACJ,IAAI,eACC,IAAI,cAAc,CAAC,KACnB,IAAI,SACR,QACA,KAAK,YAA4C,aACnD;AAED,OAAI,CAAC,WAAY;GAEjB,MAAM,QAAQ,MAAM,QAAQ,WAAW;AACvC,OAAI,QAAQ,EAAG;GAEf,MAAM,SAAS,EAAE,OAAO;GAGxB,MAAM,YAAY,IAAI,YAAY,UAAU;IAC1C,SAAS;IACT,UAAU;IACV;IACD,CAAC;AACF,QAAK,cAAc,UAAU;AAG7B,QAAK,cACH,IAAI,YAAY,YAAY;IAAE,SAAS;IAAM,UAAU;IAAM;IAAQ,CAAC,CACvE;AAED,OAAI,OAAO,KAAK,aAAa,WAC3B,MAAK,SAAS,UAA4C;;;CA7D9D,oBAAoB;AAClB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,OAAO;AAEnC,QAAM,mBAAmB;AAGzB,OAAK,iBACH,2BACA,KAAK,iBACN;;CAGH,uBAAuB;AACrB,OAAK,oBACH,2BACA,KAAK,iBACN;AACD,QAAM,sBAAsB;;CA+C9B,QAAQ,mBAAmB;EACzB,MAAM,eAAe,KAAK,WAAW,QAAQ,KAAK;EAClD,MAAM,YAAY,OAAO,KAAK,aAAa;EAE3C,MAAM,QAAQ,KAAK,iBAChB,KAAK,YAA4C,aACnD;AAED,MAAI,kBAAkB,IAAI,WAAW,CAGnC,SAAQ,QAAQ,SAAS;AACtB,QAAyB,WAAW,KAAK;AACzC,QAAyB,eAAe;AACxC,QAAyB,YAAY;IACtC;AAGJ,MAAI,kBAAkB,IAAI,eAAe,CAGvC,SAAQ,QAAQ,SAAS;AACtB,QAAyB,eAAe;IACzC;AAGJ,MAAI,kBAAkB,IAAI,WAAW,CAGnC,SAAQ,QAAQ,SAAS;AACtB,QAAyB,YAAY;IACtC;AAGJ,MAAI,kBAAkB,IAAI,eAAe,CACvC,OAAM,SAAS,MAAM,UAAU;GAC7B,MAAM,eAAe;AAErB,OAAI,aAAa,iBACf;AAEF,gBAAa,WAAW;AACxB,gBAAa,UAAU;AAEvB,OAAI,QAAQ,KAAK,aACf,cAAa,WAAW;YACf,UAAU,KAAK,aACxB,cAAa,UAAU;IAEzB;;CAIN,SAAS;AACP,SAAO,IAAI;;;;;CAMb,WAAW,eAAe;AACxB,SAAO;;;gBAGOA;;;YAzJf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC,CAAA,EAAA,qBAAA,WAAA,YAAA,KAAA,EAAA;YAO1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC,CAAA,EAAA,qBAAA,WAAA,gBAAA,KAAA,EAAA;YAMtE,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAiB,CAAC,CAAA,EAAA,qBAAA,WAAA,gBAAA,KAAA,EAAA;YAQtD,SAAS,EAAE,WAAW,OAAO,CAAC,CAAA,EAAA,qBAAA,WAAA,YAAA,KAAA,EAAA;mCA3BhCC,cAAc,yBAA+B,CAAA,EAAA,qBAAA"}