@carbon/web-components 2.49.0-rc.0 → 2.50.0-rc.0

package/es-custom/components/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  PROGRESS_BAR_SIZE,\n  PROGRESS_BAR_STATUS,\n  PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './progress-bar.scss?lit';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-custom-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n  /**\n   * The current progress as a textual representation.\n   */\n  @property({ type: String, attribute: 'helper-text', reflect: true })\n  helperText;\n\n  /**\n   * Whether the label should be visually hidden.\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n  hideLabel;\n\n  /**\n   * A label describing the progress bar.\n   */\n  @property({ type: String })\n  label;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Specify the size of the ProgressBar.\n   */\n  @property({ type: String, reflect: true })\n  size = PROGRESS_BAR_SIZE.BIG;\n\n  /**\n   * Specify the status.\n   */\n  @property({ type: String, reflect: true })\n  status = PROGRESS_BAR_STATUS.ACTIVE;\n\n  /**\n   * Defines the alignment variant of the progress bar.\n   */\n  @property({ type: String, reflect: true })\n  type = PROGRESS_BAR_TYPE.DEFAULT;\n\n  /**\n   * The current value.\n   */\n  @property({ type: Number, reflect: true })\n  value;\n\n  protected get _cappedValue() {\n    const { value, max, status } = this;\n\n    let cappedValue = value;\n    if (cappedValue > max) {\n      cappedValue = max;\n    }\n    if (cappedValue < 0) {\n      cappedValue = 0;\n    }\n    if (status === PROGRESS_BAR_STATUS.ERROR) {\n      cappedValue = 0;\n    } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n      cappedValue = max;\n    }\n\n    return cappedValue;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('max') ||\n      changedProperties.has('status')\n    ) {\n      const { _cappedValue: cappedValue, max, status } = this;\n\n      const percentage: number = cappedValue / max;\n\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const bar = this.shadowRoot!.querySelector(\n        `.${prefix}--progress-bar__bar`\n      ) as HTMLElement;\n\n      if (\n        status != PROGRESS_BAR_STATUS.ERROR &&\n        status != PROGRESS_BAR_STATUS.FINISHED\n      ) {\n        bar.style.transform = `scaleX(${percentage})`;\n      } else {\n        bar.style.transform = 'none';\n      }\n    }\n  }\n\n  render() {\n    const {\n      _cappedValue: cappedValue,\n      helperText,\n      hideLabel,\n      label,\n      max,\n      size,\n      status,\n      type,\n      value,\n    } = this;\n\n    const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n    const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n    const indeterminate =\n      !isFinished && !isError && (value === null || value === undefined);\n\n    let statusIcon: ReturnType<typeof iconLoader> | null = null;\n\n    if (isError) {\n      statusIcon = iconLoader(ErrorFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    } else if (isFinished) {\n      statusIcon = iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    }\n\n    const wrapperClasses = classMap({\n      [`${prefix}--progress-bar`]: true,\n      [`${prefix}--progress-bar--${size}`]: true,\n      [`${prefix}--progress-bar--${type}`]: true,\n      [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n      [`${prefix}--progress-bar--finished`]: isFinished,\n      [`${prefix}--progress-bar--error`]: isError,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--progress-bar__label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    return html` <div class=\"${wrapperClasses}\">\n      <div class=\"${labelClasses}\">\n        <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n        ${statusIcon}\n      </div>\n      <div\n        class=\"${prefix}--progress-bar__track\"\n        role=\"progressbar\"\n        aria-busy=\"${!isFinished}\"\n        aria-invalid=\"${isError}\"\n        aria-valuemin=\"${!indeterminate ? 0 : null}\"\n        aria-valuemax=\"${!indeterminate ? max : null}\"\n        aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n        <div class=\"${prefix}--progress-bar__bar\"></div>\n      </div>\n      ${helperText\n        ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n            ${helperText}\n            <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n              ${isFinished ? 'Done' : 'Loading'}\n            </div>\n          </div>`\n        : null}\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"progress-bar.js","sources":["../../../src/components/progress-bar/progress-bar.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2024\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 { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {\n  PROGRESS_BAR_SIZE,\n  PROGRESS_BAR_STATUS,\n  PROGRESS_BAR_TYPE,\n} from './defs';\nimport { prefix } from '../../globals/settings';\nimport ErrorFilled16 from '@carbon/icons/es/error--filled/16.js';\nimport CheckmarkFilled16 from '@carbon/icons/es/checkmark--filled/16.js';\nimport { iconLoader } from '../../globals/internal/icon-loader';\nimport styles from './progress-bar.scss?lit';\n\nexport { PROGRESS_BAR_SIZE, PROGRESS_BAR_STATUS, PROGRESS_BAR_TYPE };\n\n/**\n * Progress bar.\n *\n * @element cds-custom-progress-bar\n */\n@customElement(`${prefix}-progress-bar`)\nclass CDSProgressBar extends LitElement {\n  /**\n   * The current progress as a textual representation.\n   */\n  @property({ type: String, attribute: 'helper-text', reflect: true })\n  helperText;\n\n  /**\n   * Whether the label should be visually hidden.\n   */\n  @property({ type: Boolean, attribute: 'hide-label', reflect: true })\n  hideLabel;\n\n  /**\n   * A label describing the progress bar.\n   */\n  @property({ type: String })\n  label;\n\n  /**\n   * The maximum value.\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Specify the size of the ProgressBar.\n   */\n  @property({ type: String, reflect: true })\n  size = PROGRESS_BAR_SIZE.BIG;\n\n  /**\n   * Specify the status.\n   */\n  @property({ type: String, reflect: true })\n  status = PROGRESS_BAR_STATUS.ACTIVE;\n\n  /**\n   * Defines the alignment variant of the progress bar.\n   */\n  @property({ type: String, reflect: true })\n  type = PROGRESS_BAR_TYPE.DEFAULT;\n\n  /**\n   * The current value.\n   */\n  @property({ type: Number, reflect: true })\n  value;\n\n  protected get _cappedValue() {\n    const { value, max, status } = this;\n\n    let cappedValue = value;\n    if (cappedValue > max) {\n      cappedValue = max;\n    }\n    if (cappedValue < 0) {\n      cappedValue = 0;\n    }\n    if (status === PROGRESS_BAR_STATUS.ERROR) {\n      cappedValue = 0;\n    } else if (status === PROGRESS_BAR_STATUS.FINISHED) {\n      cappedValue = max;\n    }\n\n    return cappedValue;\n  }\n\n  updated(changedProperties) {\n    if (\n      changedProperties.has('value') ||\n      changedProperties.has('max') ||\n      changedProperties.has('status')\n    ) {\n      const { _cappedValue: cappedValue, max, status } = this;\n\n      const percentage: number = cappedValue / max;\n\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- https://github.com/carbon-design-system/carbon/issues/20452\n      const bar = this.shadowRoot!.querySelector(\n        `.${prefix}--progress-bar__bar`\n      ) as HTMLElement;\n\n      if (\n        status != PROGRESS_BAR_STATUS.ERROR &&\n        status != PROGRESS_BAR_STATUS.FINISHED\n      ) {\n        bar.style.transform = `scaleX(${percentage})`;\n      } else {\n        bar.style.transform = 'none';\n      }\n    }\n  }\n\n  render() {\n    const {\n      _cappedValue: cappedValue,\n      helperText,\n      hideLabel,\n      label,\n      max,\n      size,\n      status,\n      type,\n      value,\n    } = this;\n\n    const isFinished = status === PROGRESS_BAR_STATUS.FINISHED;\n    const isError = status === PROGRESS_BAR_STATUS.ERROR;\n\n    const indeterminate =\n      !isFinished && !isError && (value === null || value === undefined);\n\n    let statusIcon: ReturnType<typeof iconLoader> | null = null;\n\n    if (isError) {\n      statusIcon = iconLoader(ErrorFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    } else if (isFinished) {\n      statusIcon = iconLoader(CheckmarkFilled16, {\n        class: `${prefix}--progress-bar__status-icon`,\n      });\n    }\n\n    const wrapperClasses = classMap({\n      [`${prefix}--progress-bar`]: true,\n      [`${prefix}--progress-bar--${size}`]: true,\n      [`${prefix}--progress-bar--${type}`]: true,\n      [`${prefix}--progress-bar--indeterminate`]: indeterminate,\n      [`${prefix}--progress-bar--finished`]: isFinished,\n      [`${prefix}--progress-bar--error`]: isError,\n    });\n\n    const labelClasses = classMap({\n      [`${prefix}--progress-bar__label`]: true,\n      [`${prefix}--visually-hidden`]: hideLabel,\n    });\n\n    return html` <div class=\"${wrapperClasses}\">\n      <div class=\"${labelClasses}\">\n        <span class=\"${prefix}--progress-bar__label-text\">${label}</span>\n        ${statusIcon}\n      </div>\n      <div\n        class=\"${prefix}--progress-bar__track\"\n        role=\"progressbar\"\n        aria-busy=\"${!isFinished}\"\n        aria-invalid=\"${isError}\"\n        aria-valuemin=\"${!indeterminate ? 0 : null}\"\n        aria-valuemax=\"${!indeterminate ? max : null}\"\n        aria-valuenow=\"${!indeterminate ? cappedValue : null}\">\n        <div class=\"${prefix}--progress-bar__bar\"></div>\n      </div>\n      ${helperText\n        ? html`<div class=\"${prefix}--progress-bar__helper-text\">\n            ${helperText}\n            <div class=\"${prefix}--visually-hidden\" aria-live=\"polite\">\n              ${isFinished ? 'Done' : 'Loading'}\n            </div>\n          </div>`\n        : null}\n    </div>`;\n  }\n\n  static styles = styles;\n}\n\nexport default CDSProgressBar;\n"],"names":["customElement"],"mappings":"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"}

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

@@ -55,7 +55,7 @@ __decorate([
 CDSProgressIndicatorSkeleton = __decorate([
     carbonElement(`${prefix}-progress-indicator-skeleton`)
 ], CDSProgressIndicatorSkeleton);
-var CDSProgressIndicatorSkeleton$1 = CDSProgressIndicatorSkeleton;
+var CDSProgressIndicatorSkeleton_default = CDSProgressIndicatorSkeleton;
 
-export { CDSProgressIndicatorSkeleton$1 as default };
+export { CDSProgressIndicatorSkeleton_default as default };
 //# sourceMappingURL=progress-indicator-skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress-indicator-skeleton.js","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"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAUH;;AAEG;AAEY,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU,CAAA;AAArD,IAAA,WAAA,GAAA;;AACb;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;IA4BlB;AA1BE,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;;AAErC,YAAA,OAAO,CACL,IAAI,CAAC,gBAAgB,CAClB,IAAI,CAAC,WAAmD,CAAC,YAAY,CACvE,EACD,CAAC,IAAI,KAAI;AACN,gBAAA,IAAgC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC5D,YAAA,CAAC,CACF;QACH;IACF;IAEA,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe;IAC5B;AAEA;;AAEG;AACH,IAAA,WAAW,YAAY,GAAA;QACrB,OAAO,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;IAC3C;;AAEO,4BAAA,CAAA,MAAM,GAAG,MAAH;AA3Bb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AALE,4BAA4B,GAAA,UAAA,CAAA;AADhD,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,4BAAA,CAA8B;AACjC,CAAA,EAAA,4BAA4B,CAiChD;qCAjCoB,4BAA4B;;;;"}
+{"version":3,"file":"progress-indicator-skeleton.js","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"],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AAUH;;AAEG;AAEY,IAAM,4BAA4B,GAAlC,MAAM,4BAA6B,SAAQ,UAAU,CAAA;AAArD,IAAA,WAAA,GAAA;;AACb;;AAEG;QAEH,IAAA,CAAA,QAAQ,GAAG,KAAK;IA4BlB;AA1BE,IAAA,OAAO,CAAC,iBAAiB,EAAA;AACvB,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;;AAErC,YAAA,OAAO,CACL,IAAI,CAAC,gBAAgB,CAClB,IAAI,CAAC,WAAmD,CAAC,YAAY,CACvE,EACD,CAAC,IAAI,KAAI;AACN,gBAAA,IAAgC,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ;AAC5D,YAAA,CAAC,CACF;QACH;IACF;IAEA,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe;IAC5B;AAEA;;AAEG;AACH,IAAA,WAAW,YAAY,GAAA;QACrB,OAAO,CAAA,EAAG,MAAM,CAAA,uBAAA,CAAyB;IAC3C;;AAEO,4BAAA,CAAA,MAAM,GAAG,MAAH;AA3Bb,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE;AACzB,CAAA,EAAA,4BAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AALE,4BAA4B,GAAA,UAAA,CAAA;AADhD,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,4BAAA,CAA8B;AACjC,CAAA,EAAA,4BAA4B,CAiChD;2CAjCoB,4BAA4B;;;;"}

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

@@ -153,7 +153,7 @@ __decorate([
 CDSProgressIndicator = __decorate([
     carbonElement(`${prefix}-progress-indicator`)
 ], CDSProgressIndicator);
-var CDSProgressIndicator$1 = CDSProgressIndicator;
+var CDSProgressIndicator_default = CDSProgressIndicator;
 
-export { CDSProgressIndicator$1 as default };
+export { CDSProgressIndicator_default as default };
 //# sourceMappingURL=progress-indicator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress-indicator.js","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-custom-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"],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"progress-indicator.js","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-custom-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"],"names":["customElement"],"mappings":"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"}