@siemens/ix 0.0.0-pr-1974-20250627142646 → 0.0.0-pr-2015-20250716160704

package/dist/cjs/ix-modal-loading.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 
 const modalLoadingCss = ":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
 

package/dist/cjs/ix-modal.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var anime_es = require('./anime.es-CgS5X9-e.js');
 var a11y = require('./a11y-B_6chCvu.js');
 var animation = require('./animation-CHJ_toEA.js');
-var listener = require('./listener-BT212YoD.js');
+var listener = require('./listener-Dz30NpgY.js');
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG

package/dist/cjs/ix-number-input.cjs.entry.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var index$1 = require('./index-CQjVPqdk.js');
-var validation = require('./validation-rAd3wIQp.js');
+var validation = require('./validation-Dugh-A-f.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
-var input_util = require('./input.util-BDrqIfiB.js');
+var input_util = require('./input.util-CJeJb7AB.js');
 require('./a11y-B_6chCvu.js');
 require('./mutation-observer-DE0YMfYu.js');
 require('./rwd.util-GTn-vgCJ.js');

package/dist/cjs/ix-pagination.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
-var baseButton = require('./base-button-B-wht3TB.js');
+var index = require('./index-B60i3I3J.js');
+var baseButton = require('./base-button-G3EyGW_x.js');
 var a11y = require('./a11y-B_6chCvu.js');
 var index$1 = require('./index-CQjVPqdk.js');
 

package/dist/cjs/ix-pane-layout.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var service = require('./service-DS99olWQ.js');
 var breakpoints = require('./breakpoints-B8fTDVlk.js');
 require('./typed-event-DxWATHPL.js');

package/dist/cjs/ix-pane.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var anime_es = require('./anime.es-CgS5X9-e.js');
 var animation = require('./animation-CHJ_toEA.js');
 var service = require('./service-DS99olWQ.js');

package/dist/cjs/ix-pill.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
 
-const pillCss = ":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}";
+const pillCss = ":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;vertical-align:top;height:2rem;max-height:2rem;cursor:default}.container .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.container .with-icon{margin-right:0.25rem}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.centerContent .content-wrapper{justify-content:center;text-align:center}.container.outline.icon{padding-left:calc(0.75rem - 1px)}.container.outline.icon.alarm .with-icon{color:var(--theme-color-alarm)}.container.outline.icon.critical .with-icon{color:var(--theme-color-critical)}.container.outline.icon.warning .with-icon{color:var(--theme-color-warning)}.container.outline.icon.info .with-icon{color:var(--theme-color-info)}.container.outline.icon.neutral .with-icon{color:var(--theme-color-neutral)}.container.outline.icon.success .with-icon{color:var(--theme-color-success)}.container.outline:not(.icon){padding-left:calc(0.5rem - 1px)}.container.outline.closable:not(.inactive){padding-right:calc(0.25rem - 1px)}.container.outline.closable.inactive,.container.outline:not(.closable){padding-right:calc(0.5rem - 1px)}.container.outline.icon:not(.closable){padding-right:calc(0.75rem - 1px)}.container:not(.outline).icon{padding-left:0.75rem}.container:not(.outline):not(.icon){padding-left:0.5rem}.container:not(.outline).closable:not(.inactive){padding-right:0.25rem}.container:not(.outline).closable.inactive{padding-right:0.5rem}.container:not(.outline):not(.closable).icon{padding-right:0.75rem}.container:not(.outline):not(.closable):not(.icon){padding-right:0.5rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-outline--color);--ix-icon-button-color:var(--theme-chip-outline--color)}.container.primary.outline .with-icon{color:var(--theme-color-primary)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center}:host .container .with-icon{margin-right:0}:host .container.outline.icon{padding-left:0.4375rem;padding-right:0.4375rem}:host .container:not(.outline).icon{padding-left:0.5rem;padding-right:0.5rem}:host .with-gap{gap:0.25rem}:host(.align-left) .container{justify-content:flex-start}";
 
 const Pill = class {
     constructor(hostRef) {

package/dist/cjs/ix-pill.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ix-pill.entry.cjs.js","mappings":"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","names":["makeRef","h","Host"],"sources":["src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","src/components/pill/pill.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n\n    .with-icon {\n      margin-right: 0;\n    }\n\n    &.outline {\n      &.icon {\n        padding-left: 0.4375rem;\n        padding-right: 0.4375rem;\n      }\n    }\n\n    &:not(.outline) {\n      &.icon {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n      }\n    }\n  }\n\n  .with-gap {\n    gap: 0.25rem;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { IxComponent } from '../utils/internal';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill implements IxComponent {\n  @Element() hostElement!: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() pillColor: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  /**\n   * Display a tooltip. By default, no tooltip will be displayed.\n   * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.\n   * @since 3.0.0\n   */\n  @Prop() tooltipText: string | boolean = false;\n\n  @State() iconOnly = false;\n\n  private readonly containerElementRef = makeRef<HTMLElement>();\n\n  componentWillLoad() {\n    this.checkIfContentAvailable();\n  }\n\n  private checkIfContentAvailable() {\n    const hasChildren = this.hostElement.children.length > 0;\n    const hasTextContent = !!this.hostElement.textContent;\n\n    this.iconOnly = !hasChildren && !hasTextContent;\n  }\n\n  private getTooltip() {\n    if (!this.tooltipText && !this.hostElement.hasAttribute('tooltip-text')) {\n      return null;\n    }\n\n    const text =\n      typeof this.tooltipText === 'string' && this.tooltipText.trim()\n        ? this.tooltipText\n        : this.hostElement.textContent?.trim();\n\n    return (\n      <ix-tooltip for={this.containerElementRef.waitForCurrent()}>\n        {text}\n      </ix-tooltip>\n    );\n  }\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.pillColor,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.pillColor,\n              }\n            : {}\n        }\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          ref={this.containerElementRef}\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: false,\n            icon: !!this.icon,\n            'with-gap': !this.iconOnly,\n          }}\n        >\n          {this.icon && (\n            <ix-icon\n              class={{\n                'with-icon': true,\n              }}\n              name={this.icon}\n              size={'16'}\n            />\n          )}\n          <span class=\"slot-container\">\n            <slot onSlotchange={() => this.checkIfContentAvailable()}></slot>\n          </span>\n        </div>\n        {this.getTooltip()}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"ix-pill.entry.cjs.js","mappings":"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","names":["makeRef","h","Host"],"sources":["src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","src/components/pill/pill.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n\n    .with-icon {\n      margin-right: 0;\n    }\n\n    &.outline {\n      &.icon {\n        padding-left: 0.4375rem;\n        padding-right: 0.4375rem;\n      }\n    }\n\n    &:not(.outline) {\n      &.icon {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n      }\n    }\n  }\n\n  .with-gap {\n    gap: 0.25rem;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { IxComponent } from '../utils/internal';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill implements IxComponent {\n  @Element() hostElement!: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() pillColor: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  /**\n   * Display a tooltip. By default, no tooltip will be displayed.\n   * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.\n   * @since 3.0.0\n   */\n  @Prop() tooltipText: string | boolean = false;\n\n  @State() iconOnly = false;\n\n  private readonly containerElementRef = makeRef<HTMLElement>();\n\n  componentWillLoad() {\n    this.checkIfContentAvailable();\n  }\n\n  private checkIfContentAvailable() {\n    const hasChildren = this.hostElement.children.length > 0;\n    const hasTextContent = !!this.hostElement.textContent;\n\n    this.iconOnly = !hasChildren && !hasTextContent;\n  }\n\n  private getTooltip() {\n    if (!this.tooltipText && !this.hostElement.hasAttribute('tooltip-text')) {\n      return null;\n    }\n\n    const text =\n      typeof this.tooltipText === 'string' && this.tooltipText.trim()\n        ? this.tooltipText\n        : this.hostElement.textContent?.trim();\n\n    return (\n      <ix-tooltip for={this.containerElementRef.waitForCurrent()}>\n        {text}\n      </ix-tooltip>\n    );\n  }\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.pillColor,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.pillColor,\n              }\n            : {}\n        }\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          ref={this.containerElementRef}\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: false,\n            icon: !!this.icon,\n            'with-gap': !this.iconOnly,\n          }}\n        >\n          {this.icon && (\n            <ix-icon\n              class={{\n                'with-icon': true,\n              }}\n              name={this.icon}\n              size={'16'}\n            />\n          )}\n          <span class=\"slot-container\">\n            <slot onSlotchange={() => this.checkIfContentAvailable()}></slot>\n          </span>\n        </div>\n        {this.getTooltip()}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/ix-pill.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-pill.entry.cjs.js","sources":["src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","src/components/pill/pill.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n\n    .with-icon {\n      margin-right: 0;\n    }\n\n    &.outline {\n      &.icon {\n        padding-left: 0.4375rem;\n        padding-right: 0.4375rem;\n      }\n    }\n\n    &:not(.outline) {\n      &.icon {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n      }\n    }\n  }\n\n  .with-gap {\n    gap: 0.25rem;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { IxComponent } from '../utils/internal';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill implements IxComponent {\n  @Element() hostElement!: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() pillColor: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  /**\n   * Display a tooltip. By default, no tooltip will be displayed.\n   * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.\n   * @since 3.0.0\n   */\n  @Prop() tooltipText: string | boolean = false;\n\n  @State() iconOnly = false;\n\n  private readonly containerElementRef = makeRef<HTMLElement>();\n\n  componentWillLoad() {\n    this.checkIfContentAvailable();\n  }\n\n  private checkIfContentAvailable() {\n    const hasChildren = this.hostElement.children.length > 0;\n    const hasTextContent = !!this.hostElement.textContent;\n\n    this.iconOnly = !hasChildren && !hasTextContent;\n  }\n\n  private getTooltip() {\n    if (!this.tooltipText && !this.hostElement.hasAttribute('tooltip-text')) {\n      return null;\n    }\n\n    const text =\n      typeof this.tooltipText === 'string' && this.tooltipText.trim()\n        ? this.tooltipText\n        : this.hostElement.textContent?.trim();\n\n    return (\n      <ix-tooltip for={this.containerElementRef.waitForCurrent()}>\n        {text}\n      </ix-tooltip>\n    );\n  }\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.pillColor,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.pillColor,\n              }\n            : {}\n        }\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          ref={this.containerElementRef}\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: false,\n            icon: !!this.icon,\n            'with-gap': !this.iconOnly,\n          }}\n        >\n          {this.icon && (\n            <ix-icon\n              class={{\n                'with-icon': true,\n              }}\n              name={this.icon}\n              size={'16'}\n            />\n          )}\n          <span class=\"slot-container\">\n            <slot onSlotchange={() => this.checkIfContentAvailable()}></slot>\n          </span>\n        </div>\n        {this.getTooltip()}\n      </Host>\n    );\n  }\n}\n"],"names":["makeRef","h","Host"],"mappings":"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"}
+{"version":3,"file":"ix-pill.entry.cjs.js","sources":["src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","src/components/pill/pill.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n\n    .with-icon {\n      margin-right: 0;\n    }\n\n    &.outline {\n      &.icon {\n        padding-left: 0.4375rem;\n        padding-right: 0.4375rem;\n      }\n    }\n\n    &:not(.outline) {\n      &.icon {\n        padding-left: 0.5rem;\n        padding-right: 0.5rem;\n      }\n    }\n  }\n\n  .with-gap {\n    gap: 0.25rem;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { IxComponent } from '../utils/internal';\nimport { makeRef } from '../utils/make-ref';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill implements IxComponent {\n  @Element() hostElement!: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() pillColor: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  /**\n   * Display a tooltip. By default, no tooltip will be displayed.\n   * Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text.\n   * @since 3.0.0\n   */\n  @Prop() tooltipText: string | boolean = false;\n\n  @State() iconOnly = false;\n\n  private readonly containerElementRef = makeRef<HTMLElement>();\n\n  componentWillLoad() {\n    this.checkIfContentAvailable();\n  }\n\n  private checkIfContentAvailable() {\n    const hasChildren = this.hostElement.children.length > 0;\n    const hasTextContent = !!this.hostElement.textContent;\n\n    this.iconOnly = !hasChildren && !hasTextContent;\n  }\n\n  private getTooltip() {\n    if (!this.tooltipText && !this.hostElement.hasAttribute('tooltip-text')) {\n      return null;\n    }\n\n    const text =\n      typeof this.tooltipText === 'string' && this.tooltipText.trim()\n        ? this.tooltipText\n        : this.hostElement.textContent?.trim();\n\n    return (\n      <ix-tooltip for={this.containerElementRef.waitForCurrent()}>\n        {text}\n      </ix-tooltip>\n    );\n  }\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.pillColor,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.pillColor,\n              }\n            : {}\n        }\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          ref={this.containerElementRef}\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: false,\n            icon: !!this.icon,\n            'with-gap': !this.iconOnly,\n          }}\n        >\n          {this.icon && (\n            <ix-icon\n              class={{\n                'with-icon': true,\n              }}\n              name={this.icon}\n              size={'16'}\n            />\n          )}\n          <span class=\"slot-container\">\n            <slot onSlotchange={() => this.checkIfContentAvailable()}></slot>\n          </span>\n        </div>\n        {this.getTooltip()}\n      </Host>\n    );\n  }\n}\n"],"names":["makeRef","h","Host"],"mappings":"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"}

package/dist/cjs/ix-progress-indicator.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var index$1 = require('./index-CQjVPqdk.js');
 
 /*
@@ -44,23 +44,26 @@ function getCircularSize(size) {
     }
 }
 const CircularProgress = (props, children) => {
-    const { value, size } = props;
+    const { value, size, alignment } = props;
     const sizeInPixel = getCircularSize(size);
     const radius = sizeInPixel / 2;
     const circumference = 2 * Math.PI * radius;
     const percentage = Math.round(circumference * ((100 - value) / 100));
     const slotInsideCircular = size === 'lg' || size === 'xl';
-    return (index.h("div", { class: "circular-progress-container" },
+    return (index.h("div", { class: {
+            'circular-progress-container': true,
+            [`align-${alignment}`]: !!alignment,
+        } },
         index.h("svg", { width: sizeInPixel, height: sizeInPixel, viewBox: `-${sizeInPixel * 0.125} -${sizeInPixel * 0.125} ${sizeInPixel * 1.25} ${sizeInPixel * 1.25}`, version: "1.1", xmlns: "http://www.w3.org/2000/svg", style: { transform: 'rotate(-90deg)' } },
             index.h("circle", { r: radius, cx: radius, cy: radius, fill: "transparent", stroke: "var(--theme-color-component-4)", "stroke-width": `3px` }),
-            percentage > 0 && (index.h("circle", { r: radius, cx: radius, cy: radius, stroke: "var(--ix-progress-indicator-color)", "stroke-width": "3px", "stroke-linecap": "round", "stroke-dashoffset": `${percentage}px`, fill: "transparent", "stroke-dasharray": `${circumference}px` })),
+            percentage > 0 && (index.h("circle", { r: radius, cx: radius, cy: radius, stroke: "var(--ix-progress-indicator-color)", "stroke-width": "3px", "stroke-dashoffset": `${percentage}px`, fill: "transparent", "stroke-dasharray": `${circumference}px` })),
             index.h("foreignObject", { x: `0px`, y: `0px`, width: `${sizeInPixel}px`, height: `${sizeInPixel}px`, style: {
                     transform: `rotate(90deg) translate(0px, -${sizeInPixel}px)`,
                 } }, slotInsideCircular && (index.h("div", { class: "slotted-container slotted-container-inside" }, children)))),
         !slotInsideCircular && index.h("div", { class: "slotted-container" }, children)));
 };
 
-const progressIndicatorCss = ":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;align-items:center;gap:0.5rem;flex-wrap:nowrap}:host .label{margin:0.25rem 0px}:host .helper-text{display:flex;align-items:flex-start;margin:0.25rem 0px;gap:0.25rem}:host .helper-text ix-icon{margin:0.125rem}:host .helper-text.success ix-icon{color:var(--theme-color-success)}:host .helper-text.error{color:var(--theme-color-alarm-text)}:host .helper-text.error ix-icon{color:var(--theme-color-alarm)}:host .helper-text.info ix-icon{color:var(--theme-color-info)}:host .helper-text.warning ix-icon{color:var(--theme-color-warning)}:host .helper-text.paused ix-icon{color:var(--theme-color-neutral)}:host .helper-text.text-left{justify-content:flex-start}:host .helper-text.text-right{justify-content:flex-end}:host .helper-text.text-center{justify-content:center}:host .progress-indicator{--ix-progress-indicator-color:var(--theme-color-success);height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator.success{--ix-progress-indicator-color:var(--theme-color-success)}:host .progress-indicator.error{--ix-progress-indicator-color:var(--theme-color-alarm)}:host .progress-indicator.info{--ix-progress-indicator-color:var(--theme-color-info)}:host .progress-indicator.warning{--ix-progress-indicator-color:var(--theme-color-warning)}:host .progress-indicator.paused{--ix-progress-indicator-color:var(--theme-color-neutral)}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-color-component-4);border-radius:2px;overflow:hidden}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{display:flex;align-items:center;width:100%;gap:0.25rem}:host(.circular) .slotted-container{width:100%;height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}";
+const progressIndicatorCss = ":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;width:100%;align-items:center;gap:0.25rem;flex-wrap:nowrap}:host .label{margin:0.5rem 0 0.25rem 0}:host .helper-text{display:flex;align-items:center;margin:0.25rem 0px;gap:0.25rem}:host .helper-text ix-icon{margin:0.125rem}:host .helper-text.default{color:var(--theme-color-soft-text)}:host .helper-text.success ix-icon{color:var(--theme-color-success)}:host .helper-text.error{color:var(--theme-color-alarm-text)}:host .helper-text.error ix-icon{color:var(--theme-color-alarm)}:host .helper-text.info ix-icon{color:var(--theme-color-info)}:host .helper-text.warning ix-icon{color:var(--theme-color-warning)}:host .helper-text.paused ix-icon{color:var(--theme-color-neutral)}:host .helper-text .text.align-left{text-align:start}:host .helper-text .text.align-right{text-align:end}:host .helper-text .text.align-center{text-align:center}:host .progress-indicator{display:flex;flex-direction:column;--ix-progress-indicator-color:var(--theme-color-dynamic);--ix-progress-indicator-margin:0.5rem 0;height:100%}:host .progress-indicator.text-center{align-items:center}:host .progress-indicator.text-left{align-items:flex-start}:host .progress-indicator.text-right{align-items:flex-end}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem;--ix-progress-indicator-margin:0.25rem 0}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem;--ix-progress-indicator-margin:0.375rem 0}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator.success{--ix-progress-indicator-color:var(--theme-color-success)}:host .progress-indicator.error{--ix-progress-indicator-color:var(--theme-color-alarm)}:host .progress-indicator.info{--ix-progress-indicator-color:var(--theme-color-info)}:host .progress-indicator.warning{--ix-progress-indicator-color:var(--theme-color-warning)}:host .progress-indicator.paused{--ix-progress-indicator-color:var(--theme-color-neutral)}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-color-component-4);border-radius:2px;overflow:hidden;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{display:flex;align-items:center;width:100%;gap:0.25rem;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.circular) .circular-progress-container.align-left{justify-content:flex-start}:host(.circular) .circular-progress-container.align-center{justify-content:center}:host(.circular) .circular-progress-container.align-right{justify-content:flex-end}:host(.circular) .slotted-container{height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}";
 
 const ProgressIndicator = class {
     constructor(hostRef) {
@@ -127,22 +130,27 @@ const ProgressIndicator = class {
         return (index.h("div", { class: {
                 'helper-text': true,
                 [this.status]: true,
-                'text-left': this.textAlignment === 'left',
-                'text-center': this.textAlignment === 'center',
-                'text-right': this.textAlignment === 'right',
-            } }, icon && index.h("ix-icon", { name: icon, size: "16" }), index.h("div", { class: "text" }, this.helperText), index.h("slot", { name: "helper-text" })));
+            } }, icon && index.h("ix-icon", { name: icon, size: "16" }), index.h("div", { class: {
+                text: true,
+                'align-left': this.textAlignment === 'left',
+                'align-center': this.textAlignment === 'center',
+                'align-right': this.textAlignment === 'right',
+            } }, this.helperText), index.h("slot", { name: "helper-text" })));
     }
     render() {
         const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
         const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
-        return (index.h(index.Host, { key: 'cc4c823745da737d65f73c5b5525a58c634ded43', class: {
+        return (index.h(index.Host, { key: '631e87bd03afc9f408d0784fc9c00d0cc26a13b0', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, index.h("div", { key: 'aa5c1b618b24bccd01611fcd2cb99cf9d496e94b', class: {
+            }, tabIndex: -1 }, index.h("div", { key: 'd21e6a6c03bf6c7fb228fe8f3bc81c555ee1f401', class: {
                 'progress-indicator': true,
                 [this.size]: true,
                 [this.status]: true,
-            } }, this.label && (index.h("ix-typography", { key: 'dd49d159c46f555a5e3385c361604d500477b9ba', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), index.h("div", { key: '67f62d530de5dcc02f274aab3ddde419d56d383c', class: "progress-container" }, this.type === 'linear' ? (index.h(index.Fragment, null, index.h(LinearBar, { value: clampedValue }), index.h("div", { class: "linear-slot" }, index.h("slot", null)))) : (index.h(CircularProgress, { value: clampedValue, size: this.size }, index.h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (index.h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
+                ['text-center']: this.textAlignment === 'center',
+                ['text-left']: this.textAlignment === 'left',
+                ['text-right']: this.textAlignment === 'right',
+            } }, this.label && (index.h("ix-typography", { key: '8b1a531de706ce65e978bf2f72d39f8c7e674a46', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), index.h("div", { key: '678750aea2a5cbe004985ffff9b4034ed3aedb12', class: "progress-container" }, this.type === 'linear' ? (index.h(index.Fragment, null, index.h(LinearBar, { value: clampedValue }), index.h("div", { class: "linear-slot" }, index.h("slot", null)))) : (index.h(CircularProgress, { alignment: this.textAlignment, value: clampedValue, size: this.size }, index.h("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (index.h("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
     }
     get hostElement() { return index.getElement(this); }
 };

package/dist/cjs/ix-progress-indicator.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"ix-progress-indicator.entry.cjs.js","mappings":";;;;;AAAA;;;;;;;AAOG;AAGa,SAAA,SAAS,CAAC,EACxB,KAAK,GAGL,EAAA;AACA,IAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,2BAA2B,EAAA;AACpC,QAAAA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,aAAa,EAAA,eAAA,EACH,KAAK,EAAA,eAAA,EACL,CAAC,EAAA,eAAA,EACD,GAAG,EAAA;AAElB,YAAAA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,oBAAA,cAAc,EAAE,IAAI;AACrB,iBAAA,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,CAAG,EAAA,KAAK,CAAG,CAAA,CAAA,EAAE,gBACjB,KAAK,EAAA,CACZ,CACH,CACF;AAEV;;AClCA;;;;;;;AAOG;AAIH,SAAS,eAAe,CAAC,IAA2B,EAAA;IAClD,QAAQ,IAAI;AACV,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,EAAE;AACX,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,EAAE;AACX,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,EAAE;AACX,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,EAAE;AACX,QAAA,KAAK,IAAI;AACP,YAAA,OAAO,EAAE;AACX,QAAA;AACE,YAAA,OAAO,EAAE;;AAEf;AAOO,MAAM,gBAAgB,GAA+C,CAC1E,KAAsC,EACtC,QAAQ,KACN;AACF,IAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK;AAC7B,IAAA,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC;AACzC,IAAA,MAAM,MAAM,GAAG,WAAW,GAAG,CAAC;IAC9B,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM;AAC1C,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,GAAG,GAAG,KAAK,IAAI,GAAG,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,IAAI;AAEzD,IAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,6BAA6B,EAAA;AACtC,QAAAA,OAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,CAAI,CAAA,EAAA,WAAW,GAAG,KAAK,CAAA,EAAA,EAAK,WAAW,GAAG,KAAK,IACtD,WAAW,GAAG,IAChB,CAAA,CAAA,EAAI,WAAW,GAAG,IAAI,EAAE,EACxB,OAAO,EAAC,KAAK,EACb,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAA;YAEtCA,OACE,CAAA,QAAA,EAAA,EAAA,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,aAAa,EAClB,MAAM,EAAC,gCAAgC,EACzB,cAAA,EAAA,CAAA,GAAA,CAAK,EACX,CAAA;AACT,YAAA,UAAU,GAAG,CAAC,KACbA,OAAA,CAAA,QAAA,EAAA,EACE,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,MAAM,EAAC,oCAAoC,kBAC9B,KAAK,EAAA,gBAAA,EACH,OAAO,EAAA,mBAAA,EACH,GAAG,UAAU,CAAA,EAAA,CAAI,EACpC,IAAI,EAAC,aAAa,EAAA,kBAAA,EACA,GAAG,aAAa,CAAA,EAAA,CAAI,GAC9B,CACX;YACDA,OACE,CAAA,eAAA,EAAA,EAAA,CAAC,EAAE,CAAK,GAAA,CAAA,EACR,CAAC,EAAE,CAAA,GAAA,CAAK,EACR,KAAK,EAAE,GAAG,WAAW,CAAA,EAAA,CAAI,EACzB,MAAM,EAAE,GAAG,WAAW,CAAA,EAAA,CAAI,EAC1B,KAAK,EAAE;oBACL,SAAS,EAAE,CAAiC,8BAAA,EAAA,WAAW,CAAK,GAAA,CAAA;AAC7D,iBAAA,EAAA,EAEA,kBAAkB,KACjBA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,4CAA4C,EAAA,EACpD,QAAQ,CACL,CACP,CACa,CACZ;QACL,CAAC,kBAAkB,IAAIA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,mBAAmB,EAAA,EAAE,QAAQ,CAAO,CACnE;AAEV,CAAC;;ACjGD,MAAM,oBAAoB,GAAG,8yFAA8yF;;MC4B9zF,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQE;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAA0B,QAAQ;AAE9C;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAA0B,IAAI;AAE1C;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAW,CAAC;AAEzB;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,CAAC;AAEvB;;AAEG;AACK,QAAA,IAAG,CAAA,GAAA,GAAW,GAAG;AAEzB;;;AAGG;AACK,QAAA,IAAM,CAAA,MAAA,GAMC,SAAS;AAYxB;;;AAGG;AACK,QAAA,IAAa,CAAA,aAAA,GAAgC,MAAM;AAE3D;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAY,KAAK;AA0G3C;IAxGS,aAAa,GAAA;QACnB,IAAI,IAAI,GAAkB,IAAI;AAE9B,QAAA,QAAQ,IAAI,CAAC,MAAM;AACjB,YAAA,KAAK,OAAO;gBACV,IAAI,GAAGC,iBAAS;gBAChB;AACF,YAAA,KAAK,MAAM;gBACT,IAAI,GAAGC,gBAAQ;gBACf;AACF,YAAA,KAAK,SAAS;gBACZ,IAAI,GAAGC,mBAAW;gBAClB;AACF,YAAA,KAAK,SAAS;gBACZ,IAAI,GAAGC,mBAAW;gBAClB;AACF,YAAA,KAAK,QAAQ;gBACX,IAAI,GAAGC,uBAAe;gBACtB;AACF,YAAA;gBACE,IAAI,GAAG,IAAI;;AAGf,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,OAAOL,OAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,aAAa,GAAQ;;AAGzC,QAAA,QACEA,OACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE;AACL,gBAAA,aAAa,EAAE,IAAI;AACnB,gBAAA,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI;AACnB,gBAAA,WAAW,EAAE,IAAI,CAAC,aAAa,KAAK,MAAM;AAC1C,gBAAA,aAAa,EAAE,IAAI,CAAC,aAAa,KAAK,QAAQ;AAC9C,gBAAA,YAAY,EAAE,IAAI,CAAC,aAAa,KAAK,OAAO;aAC7C,EAAA,EAEA,IAAI,IAAIA,qBAAS,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,EAAW,CAAA,EAClDA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,IAAE,IAAI,CAAC,UAAU,CAAO,EACzCA,OAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,aAAa,EAAQ,CAAA,CAC5B;;IAIV,MAAM,GAAA;QACJ,MAAM,eAAe,GACnB,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,KAAK,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG;AAEzD,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;QAEhE,QACEA,OAAA,CAACM,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,MAAM,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AAC9B,gBAAA,QAAQ,EAAE,IAAI,CAAC,IAAI,KAAK,UAAU;AACnC,aAAA,EACD,QAAQ,EAAE,EAAE,EAAA,EAEZN,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,oBAAoB,EAAE,IAAI;AAC1B,gBAAA,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;AACjB,gBAAA,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI;AACpB,aAAA,EAAA,EAEA,IAAI,CAAC,KAAK,KACTA,4EACE,MAAM,EAAC,OAAO,EACd,SAAS,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,GAAG,OAAO,GAAG,MAAM,EACrD,KAAK,EAAE,OAAO,EAEb,EAAA,IAAI,CAAC,KAAK,CACG,CACjB,EAEDA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC5B,IAAI,CAAC,IAAI,KAAK,QAAQ,IACrBA,QAACO,cAAQ,EAAA,IAAA,EACPP,OAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,YAAY,EAAc,CAAA,EAC5CA,OAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtBA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,CACG,KAEXA,OAAC,CAAA,gBAAgB,EAAC,EAAA,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,EACpDA,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACI,CACpB,CACG,EACL,IAAI,CAAC,iBAAiB,KAAK,IAAI,IAAI,IAAI,CAAC,UAAU,IACjDA,OAAA,CAAA,YAAA,EAAA,EACE,GAAG,EAAE,IAAI,CAAC,WAAW,EACrB,SAAS,EAAE,GAAG,EACd,SAAS,EAAC,QAAQ,EAEjB,EAAA,IAAI,CAAC,aAAa,EAAE,CACV,KAEb,IAAI,CAAC,aAAa,EAAE,CACrB,CACG,CACD;;;;;;;;","names":["h","iconError","iconInfo","iconWarning","iconSuccess","iconCirclePause","Host","Fragment"],"sources":["src/components/progress-indicator/linear.tsx","src/components/progress-indicator/circular.tsx","src/components/progress-indicator/progress-indicator.scss?tag=ix-progress-indicator&encapsulation=shadow","src/components/progress-indicator/progress-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\n\nexport function LinearBar({\n  value,\n}: Readonly<{\n  value: number;\n}>) {\n  return (\n    <div class=\"linear-progress-container\">\n      <div\n        class=\"progress\"\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          class={{\n            'progress-bar': true,\n          }}\n          style={{ width: `${value}%` }}\n          data-value={value}\n        ></div>\n      </div>\n    </div>\n  );\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h, type FunctionalComponent } from '@stencil/core';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\nfunction getCircularSize(size: ProgressIndicatorSize) {\n  switch (size) {\n    case 'xs':\n      return 16;\n    case 'sm':\n      return 24;\n    case 'md':\n      return 32;\n    case 'lg':\n      return 48;\n    case 'xl':\n      return 64;\n    default:\n      return 32;\n  }\n}\n\nexport type CircularProgressProps = {\n  value: number;\n  size: ProgressIndicatorSize;\n};\n\nexport const CircularProgress: FunctionalComponent<CircularProgressProps> = (\n  props: Readonly<CircularProgressProps>,\n  children\n) => {\n  const { value, size } = props;\n  const sizeInPixel = getCircularSize(size);\n  const radius = sizeInPixel / 2;\n  const circumference = 2 * Math.PI * radius;\n  const percentage = Math.round(circumference * ((100 - value) / 100));\n\n  const slotInsideCircular = size === 'lg' || size === 'xl';\n\n  return (\n    <div class=\"circular-progress-container\">\n      <svg\n        width={sizeInPixel}\n        height={sizeInPixel}\n        viewBox={`-${sizeInPixel * 0.125} -${sizeInPixel * 0.125} ${\n          sizeInPixel * 1.25\n        } ${sizeInPixel * 1.25}`}\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        style={{ transform: 'rotate(-90deg)' }}\n      >\n        <circle\n          r={radius}\n          cx={radius}\n          cy={radius}\n          fill=\"transparent\"\n          stroke=\"var(--theme-color-component-4)\"\n          stroke-width={`3px`}\n        ></circle>\n        {percentage > 0 && (\n          <circle\n            r={radius}\n            cx={radius}\n            cy={radius}\n            stroke=\"var(--ix-progress-indicator-color)\"\n            stroke-width=\"3px\"\n            stroke-linecap=\"round\"\n            stroke-dashoffset={`${percentage}px`}\n            fill=\"transparent\"\n            stroke-dasharray={`${circumference}px`}\n          ></circle>\n        )}\n        <foreignObject\n          x={`0px`}\n          y={`0px`}\n          width={`${sizeInPixel}px`}\n          height={`${sizeInPixel}px`}\n          style={{\n            transform: `rotate(90deg) translate(0px, -${sizeInPixel}px)`,\n          }}\n        >\n          {slotInsideCircular && (\n            <div class=\"slotted-container slotted-container-inside\">\n              {children}\n            </div>\n          )}\n        </foreignObject>\n      </svg>\n      {!slotInsideCircular && <div class=\"slotted-container\">{children}</div>}\n    </div>\n  );\n};\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './linear' as linear;\n@use './circular' as circular;\n\n:host {\n  display: block;\n  position: relative;\n  width: 24rem;\n  height: fit-content;\n\n  .progress-container {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-wrap: nowrap;\n  }\n\n  .label {\n    margin: 0.25rem 0px;\n  }\n\n  .helper-text {\n    display: flex;\n    align-items: flex-start;\n    margin: 0.25rem 0px;\n    gap: 0.25rem;\n\n    ix-icon {\n      margin: 0.125rem;\n    }\n\n    &.success {\n      ix-icon {\n        color: var(--theme-color-success);\n      }\n    }\n\n    &.error {\n      color: var(--theme-color-alarm-text);\n\n      ix-icon {\n        color: var(--theme-color-alarm);\n      }\n    }\n\n    &.info {\n      ix-icon {\n        color: var(--theme-color-info);\n      }\n    }\n\n    &.warning {\n      ix-icon {\n        color: var(--theme-color-warning);\n      }\n    }\n\n    &.paused {\n      ix-icon {\n        color: var(--theme-color-neutral);\n      }\n    }\n\n    &.text-left {\n      justify-content: flex-start;\n    }\n\n    &.text-right {\n      justify-content: flex-end;\n    }\n\n    &.text-center {\n      justify-content: center;\n    }\n  }\n\n  .progress-indicator {\n    --ix-progress-indicator-color: var(--theme-color-success);\n\n    height: 100%;\n\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n\n    &.success {\n      --ix-progress-indicator-color: var(--theme-color-success);\n    }\n\n    &.error {\n      --ix-progress-indicator-color: var(--theme-color-alarm);\n    }\n\n    &.info {\n      --ix-progress-indicator-color: var(--theme-color-info);\n    }\n\n    &.warning {\n      --ix-progress-indicator-color: var(--theme-color-warning);\n    }\n\n    &.paused {\n      --ix-progress-indicator-color: var(--theme-color-neutral);\n    }\n  }\n}\n\n:host(.linear) {\n  .progress-indicator {\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n  }\n\n  @include linear.linear;\n\n  .linear-slot {\n    min-width: 2.25rem;\n  }\n}\n\n:host(.circular) {\n  @include circular.circular;\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, Element, Fragment, Host, Prop, h } from '@stencil/core';\nimport { LinearBar } from './linear';\nimport {\n  iconCirclePause,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport { CircularProgress } from './circular';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\n/**\n * @since 3.2.0\n */\n@Component({\n  tag: 'ix-progress-indicator',\n  styleUrl: 'progress-indicator.scss',\n  shadow: true,\n})\nexport class ProgressIndicator {\n  @Element() hostElement!: HTMLIxProgressIndicatorElement;\n\n  /**\n   * The type of progress indicator to use.\n   */\n  @Prop() type: 'linear' | 'circular' = 'linear';\n\n  /**\n   * The size of the progress indicator.\n   */\n  @Prop() size: ProgressIndicatorSize = 'md';\n\n  /**\n   * The value of the progress indicator.\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The minimum value of the progress indicator.\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * The maximum value of the progress indicator.\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * The state of the progress indicator.\n   * This is used to indicate the current state of the progress indicator.\n   */\n  @Prop() status:\n    | 'default'\n    | 'success'\n    | 'error'\n    | 'info'\n    | 'warning'\n    | 'paused' = 'default';\n\n  /**\n   * The label for the progress indicator.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The helper text for the progress indicator.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The text alignment for the helper text.\n   * Can be 'left', 'center', or 'right'.\n   */\n  @Prop() textAlignment: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Show the helper text as a tooltip\n   */\n  @Prop() showTextAsTooltip: boolean = false;\n\n  private getHelperText() {\n    let icon: string | null = null;\n\n    switch (this.status) {\n      case 'error':\n        icon = iconError;\n        break;\n      case 'info':\n        icon = iconInfo;\n        break;\n      case 'warning':\n        icon = iconWarning;\n        break;\n      case 'success':\n        icon = iconSuccess;\n        break;\n      case 'paused':\n        icon = iconCirclePause;\n        break;\n      default:\n        icon = null;\n    }\n\n    if (!this.helperText) {\n      return <slot name=\"helper-text\"></slot>;\n    }\n\n    return (\n      <div\n        class={{\n          'helper-text': true,\n          [this.status]: true,\n          'text-left': this.textAlignment === 'left',\n          'text-center': this.textAlignment === 'center',\n          'text-right': this.textAlignment === 'right',\n        }}\n      >\n        {icon && <ix-icon name={icon} size=\"16\"></ix-icon>}\n        <div class=\"text\">{this.helperText}</div>\n        <slot name=\"helper-text\"></slot>\n      </div>\n    );\n  }\n\n  render() {\n    const normalizedValue =\n      ((this.value - this.min) / (this.max - this.min)) * 100;\n\n    const clampedValue = Math.max(0, Math.min(normalizedValue, 100));\n\n    return (\n      <Host\n        class={{\n          linear: this.type === 'linear',\n          circular: this.type === 'circular',\n        }}\n        tabIndex={-1}\n      >\n        <div\n          class={{\n            'progress-indicator': true,\n            [this.size]: true,\n            [this.status]: true,\n          }}\n        >\n          {this.label && (\n            <ix-typography\n              format=\"label\"\n              textColor={this.status === 'error' ? 'alarm' : 'soft'}\n              class={'label'}\n            >\n              {this.label}\n            </ix-typography>\n          )}\n\n          <div class=\"progress-container\">\n            {this.type === 'linear' ? (\n              <Fragment>\n                <LinearBar value={clampedValue}></LinearBar>\n                <div class=\"linear-slot\">\n                  <slot></slot>\n                </div>\n              </Fragment>\n            ) : (\n              <CircularProgress value={clampedValue} size={this.size}>\n                <slot></slot>\n              </CircularProgress>\n            )}\n          </div>\n          {this.showTextAsTooltip === true && this.helperText ? (\n            <ix-tooltip\n              for={this.hostElement}\n              showDelay={500}\n              placement=\"bottom\"\n            >\n              {this.getHelperText()}\n            </ix-tooltip>\n          ) : (\n            this.getHelperText()\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"ix-progress-indicator.entry.cjs.js","mappings":"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","names":["h","iconError","iconInfo","iconWarning","iconSuccess","iconCirclePause","Host","Fragment"],"sources":["src/components/progress-indicator/linear.tsx","src/components/progress-indicator/circular.tsx","src/components/progress-indicator/progress-indicator.scss?tag=ix-progress-indicator&encapsulation=shadow","src/components/progress-indicator/progress-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\n\nexport function LinearBar({\n  value,\n}: Readonly<{\n  value: number;\n}>) {\n  return (\n    <div class=\"linear-progress-container\">\n      <div\n        class=\"progress\"\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          class={{\n            'progress-bar': true,\n          }}\n          style={{ width: `${value}%` }}\n          data-value={value}\n        ></div>\n      </div>\n    </div>\n  );\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h, type FunctionalComponent } from '@stencil/core';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\nfunction getCircularSize(size: ProgressIndicatorSize) {\n  switch (size) {\n    case 'xs':\n      return 16;\n    case 'sm':\n      return 24;\n    case 'md':\n      return 32;\n    case 'lg':\n      return 48;\n    case 'xl':\n      return 64;\n    default:\n      return 32;\n  }\n}\n\nexport type CircularProgressProps = {\n  value: number;\n  size: ProgressIndicatorSize;\n  alignment?: 'left' | 'center' | 'right';\n};\n\nexport const CircularProgress: FunctionalComponent<CircularProgressProps> = (\n  props: Readonly<CircularProgressProps>,\n  children\n) => {\n  const { value, size, alignment } = props;\n  const sizeInPixel = getCircularSize(size);\n  const radius = sizeInPixel / 2;\n  const circumference = 2 * Math.PI * radius;\n  const percentage = Math.round(circumference * ((100 - value) / 100));\n\n  const slotInsideCircular = size === 'lg' || size === 'xl';\n\n  return (\n    <div\n      class={{\n        'circular-progress-container': true,\n        [`align-${alignment}`]: !!alignment,\n      }}\n    >\n      <svg\n        width={sizeInPixel}\n        height={sizeInPixel}\n        viewBox={`-${sizeInPixel * 0.125} -${sizeInPixel * 0.125} ${\n          sizeInPixel * 1.25\n        } ${sizeInPixel * 1.25}`}\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        style={{ transform: 'rotate(-90deg)' }}\n      >\n        <circle\n          r={radius}\n          cx={radius}\n          cy={radius}\n          fill=\"transparent\"\n          stroke=\"var(--theme-color-component-4)\"\n          stroke-width={`3px`}\n        ></circle>\n        {percentage > 0 && (\n          <circle\n            r={radius}\n            cx={radius}\n            cy={radius}\n            stroke=\"var(--ix-progress-indicator-color)\"\n            stroke-width=\"3px\"\n            stroke-dashoffset={`${percentage}px`}\n            fill=\"transparent\"\n            stroke-dasharray={`${circumference}px`}\n          ></circle>\n        )}\n        <foreignObject\n          x={`0px`}\n          y={`0px`}\n          width={`${sizeInPixel}px`}\n          height={`${sizeInPixel}px`}\n          style={{\n            transform: `rotate(90deg) translate(0px, -${sizeInPixel}px)`,\n          }}\n        >\n          {slotInsideCircular && (\n            <div class=\"slotted-container slotted-container-inside\">\n              {children}\n            </div>\n          )}\n        </foreignObject>\n      </svg>\n      {!slotInsideCircular && <div class=\"slotted-container\">{children}</div>}\n    </div>\n  );\n};\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './linear' as linear;\n@use './circular' as circular;\n\n:host {\n  display: block;\n  position: relative;\n  width: 24rem;\n  height: fit-content;\n\n  .progress-container {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    gap: 0.25rem;\n    flex-wrap: nowrap;\n  }\n\n  .label {\n    margin: 0.5rem 0 0.25rem 0;\n  }\n\n  .helper-text {\n    display: flex;\n    align-items: center;\n    margin: 0.25rem 0px;\n    gap: 0.25rem;\n\n    ix-icon {\n      margin: 0.125rem;\n    }\n\n    &.default {\n      color: var(--theme-color-soft-text);\n    }\n\n    &.success {\n      ix-icon {\n        color: var(--theme-color-success);\n      }\n    }\n\n    &.error {\n      color: var(--theme-color-alarm-text);\n\n      ix-icon {\n        color: var(--theme-color-alarm);\n      }\n    }\n\n    &.info {\n      ix-icon {\n        color: var(--theme-color-info);\n      }\n    }\n\n    &.warning {\n      ix-icon {\n        color: var(--theme-color-warning);\n      }\n    }\n\n    &.paused {\n      ix-icon {\n        color: var(--theme-color-neutral);\n      }\n    }\n\n    .text {\n      &.align-left {\n        text-align: start;\n      }\n\n      &.align-right {\n        text-align: end;\n      }\n\n      &.align-center {\n        text-align: center;\n      }\n    }\n  }\n\n  .progress-indicator {\n    display: flex;\n    flex-direction: column;\n\n    &.text-center {\n      align-items: center;\n    }\n\n    &.text-left {\n      align-items: flex-start;\n    }\n\n    &.text-right {\n      align-items: flex-end;\n    }\n\n    --ix-progress-indicator-color: var(--theme-color-dynamic);\n    --ix-progress-indicator-margin: 0.5rem 0;\n\n    height: 100%;\n\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n      --ix-progress-indicator-margin: 0.25rem 0;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n      --ix-progress-indicator-margin: 0.375rem 0;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n\n    &.success {\n      --ix-progress-indicator-color: var(--theme-color-success);\n    }\n\n    &.error {\n      --ix-progress-indicator-color: var(--theme-color-alarm);\n    }\n\n    &.info {\n      --ix-progress-indicator-color: var(--theme-color-info);\n    }\n\n    &.warning {\n      --ix-progress-indicator-color: var(--theme-color-warning);\n    }\n\n    &.paused {\n      --ix-progress-indicator-color: var(--theme-color-neutral);\n    }\n  }\n}\n\n:host(.linear) {\n  .progress-indicator {\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n  }\n\n  @include linear.linear;\n\n  .linear-slot {\n    min-width: 2.25rem;\n  }\n}\n\n:host(.circular) {\n  @include circular.circular;\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, Element, Fragment, Host, Prop, h } from '@stencil/core';\nimport { LinearBar } from './linear';\nimport {\n  iconCirclePause,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport { CircularProgress } from './circular';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\n/**\n * @since 3.2.0\n */\n@Component({\n  tag: 'ix-progress-indicator',\n  styleUrl: 'progress-indicator.scss',\n  shadow: true,\n})\nexport class ProgressIndicator {\n  @Element() hostElement!: HTMLIxProgressIndicatorElement;\n\n  /**\n   * The type of progress indicator to use.\n   */\n  @Prop() type: 'linear' | 'circular' = 'linear';\n\n  /**\n   * The size of the progress indicator.\n   */\n  @Prop() size: ProgressIndicatorSize = 'md';\n\n  /**\n   * The value of the progress indicator.\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The minimum value of the progress indicator.\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * The maximum value of the progress indicator.\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * The state of the progress indicator.\n   * This is used to indicate the current state of the progress indicator.\n   */\n  @Prop() status:\n    | 'default'\n    | 'success'\n    | 'error'\n    | 'info'\n    | 'warning'\n    | 'paused' = 'default';\n\n  /**\n   * The label for the progress indicator.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The helper text for the progress indicator.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The text alignment for the helper text.\n   * Can be 'left', 'center', or 'right'.\n   */\n  @Prop() textAlignment: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Show the helper text as a tooltip\n   */\n  @Prop() showTextAsTooltip: boolean = false;\n\n  private getHelperText() {\n    let icon: string | null = null;\n\n    switch (this.status) {\n      case 'error':\n        icon = iconError;\n        break;\n      case 'info':\n        icon = iconInfo;\n        break;\n      case 'warning':\n        icon = iconWarning;\n        break;\n      case 'success':\n        icon = iconSuccess;\n        break;\n      case 'paused':\n        icon = iconCirclePause;\n        break;\n      default:\n        icon = null;\n    }\n\n    if (!this.helperText) {\n      return <slot name=\"helper-text\"></slot>;\n    }\n\n    return (\n      <div\n        class={{\n          'helper-text': true,\n          [this.status]: true,\n        }}\n      >\n        {icon && <ix-icon name={icon} size=\"16\"></ix-icon>}\n        <div\n          class={{\n            text: true,\n            'align-left': this.textAlignment === 'left',\n            'align-center': this.textAlignment === 'center',\n            'align-right': this.textAlignment === 'right',\n          }}\n        >\n          {this.helperText}\n        </div>\n        <slot name=\"helper-text\"></slot>\n      </div>\n    );\n  }\n\n  render() {\n    const normalizedValue =\n      ((this.value - this.min) / (this.max - this.min)) * 100;\n\n    const clampedValue = Math.max(0, Math.min(normalizedValue, 100));\n\n    return (\n      <Host\n        class={{\n          linear: this.type === 'linear',\n          circular: this.type === 'circular',\n        }}\n        tabIndex={-1}\n      >\n        <div\n          class={{\n            'progress-indicator': true,\n            [this.size]: true,\n            [this.status]: true,\n            ['text-center']: this.textAlignment === 'center',\n            ['text-left']: this.textAlignment === 'left',\n            ['text-right']: this.textAlignment === 'right',\n          }}\n        >\n          {this.label && (\n            <ix-typography\n              format=\"label\"\n              textColor={this.status === 'error' ? 'alarm' : 'soft'}\n              class={'label'}\n            >\n              {this.label}\n            </ix-typography>\n          )}\n\n          <div class=\"progress-container\">\n            {this.type === 'linear' ? (\n              <Fragment>\n                <LinearBar value={clampedValue}></LinearBar>\n                <div class=\"linear-slot\">\n                  <slot></slot>\n                </div>\n              </Fragment>\n            ) : (\n              <CircularProgress\n                alignment={this.textAlignment}\n                value={clampedValue}\n                size={this.size}\n              >\n                <slot></slot>\n              </CircularProgress>\n            )}\n          </div>\n          {this.showTextAsTooltip === true && this.helperText ? (\n            <ix-tooltip\n              for={this.hostElement}\n              showDelay={500}\n              placement=\"bottom\"\n            >\n              {this.getHelperText()}\n            </ix-tooltip>\n          ) : (\n            this.getHelperText()\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/ix-progress-indicator.entry.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-progress-indicator.entry.cjs.js","sources":["src/components/progress-indicator/linear.tsx","src/components/progress-indicator/circular.tsx","src/components/progress-indicator/progress-indicator.scss?tag=ix-progress-indicator&encapsulation=shadow","src/components/progress-indicator/progress-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\n\nexport function LinearBar({\n  value,\n}: Readonly<{\n  value: number;\n}>) {\n  return (\n    <div class=\"linear-progress-container\">\n      <div\n        class=\"progress\"\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          class={{\n            'progress-bar': true,\n          }}\n          style={{ width: `${value}%` }}\n          data-value={value}\n        ></div>\n      </div>\n    </div>\n  );\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h, type FunctionalComponent } from '@stencil/core';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\nfunction getCircularSize(size: ProgressIndicatorSize) {\n  switch (size) {\n    case 'xs':\n      return 16;\n    case 'sm':\n      return 24;\n    case 'md':\n      return 32;\n    case 'lg':\n      return 48;\n    case 'xl':\n      return 64;\n    default:\n      return 32;\n  }\n}\n\nexport type CircularProgressProps = {\n  value: number;\n  size: ProgressIndicatorSize;\n};\n\nexport const CircularProgress: FunctionalComponent<CircularProgressProps> = (\n  props: Readonly<CircularProgressProps>,\n  children\n) => {\n  const { value, size } = props;\n  const sizeInPixel = getCircularSize(size);\n  const radius = sizeInPixel / 2;\n  const circumference = 2 * Math.PI * radius;\n  const percentage = Math.round(circumference * ((100 - value) / 100));\n\n  const slotInsideCircular = size === 'lg' || size === 'xl';\n\n  return (\n    <div class=\"circular-progress-container\">\n      <svg\n        width={sizeInPixel}\n        height={sizeInPixel}\n        viewBox={`-${sizeInPixel * 0.125} -${sizeInPixel * 0.125} ${\n          sizeInPixel * 1.25\n        } ${sizeInPixel * 1.25}`}\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        style={{ transform: 'rotate(-90deg)' }}\n      >\n        <circle\n          r={radius}\n          cx={radius}\n          cy={radius}\n          fill=\"transparent\"\n          stroke=\"var(--theme-color-component-4)\"\n          stroke-width={`3px`}\n        ></circle>\n        {percentage > 0 && (\n          <circle\n            r={radius}\n            cx={radius}\n            cy={radius}\n            stroke=\"var(--ix-progress-indicator-color)\"\n            stroke-width=\"3px\"\n            stroke-linecap=\"round\"\n            stroke-dashoffset={`${percentage}px`}\n            fill=\"transparent\"\n            stroke-dasharray={`${circumference}px`}\n          ></circle>\n        )}\n        <foreignObject\n          x={`0px`}\n          y={`0px`}\n          width={`${sizeInPixel}px`}\n          height={`${sizeInPixel}px`}\n          style={{\n            transform: `rotate(90deg) translate(0px, -${sizeInPixel}px)`,\n          }}\n        >\n          {slotInsideCircular && (\n            <div class=\"slotted-container slotted-container-inside\">\n              {children}\n            </div>\n          )}\n        </foreignObject>\n      </svg>\n      {!slotInsideCircular && <div class=\"slotted-container\">{children}</div>}\n    </div>\n  );\n};\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './linear' as linear;\n@use './circular' as circular;\n\n:host {\n  display: block;\n  position: relative;\n  width: 24rem;\n  height: fit-content;\n\n  .progress-container {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-wrap: nowrap;\n  }\n\n  .label {\n    margin: 0.25rem 0px;\n  }\n\n  .helper-text {\n    display: flex;\n    align-items: flex-start;\n    margin: 0.25rem 0px;\n    gap: 0.25rem;\n\n    ix-icon {\n      margin: 0.125rem;\n    }\n\n    &.success {\n      ix-icon {\n        color: var(--theme-color-success);\n      }\n    }\n\n    &.error {\n      color: var(--theme-color-alarm-text);\n\n      ix-icon {\n        color: var(--theme-color-alarm);\n      }\n    }\n\n    &.info {\n      ix-icon {\n        color: var(--theme-color-info);\n      }\n    }\n\n    &.warning {\n      ix-icon {\n        color: var(--theme-color-warning);\n      }\n    }\n\n    &.paused {\n      ix-icon {\n        color: var(--theme-color-neutral);\n      }\n    }\n\n    &.text-left {\n      justify-content: flex-start;\n    }\n\n    &.text-right {\n      justify-content: flex-end;\n    }\n\n    &.text-center {\n      justify-content: center;\n    }\n  }\n\n  .progress-indicator {\n    --ix-progress-indicator-color: var(--theme-color-success);\n\n    height: 100%;\n\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n\n    &.success {\n      --ix-progress-indicator-color: var(--theme-color-success);\n    }\n\n    &.error {\n      --ix-progress-indicator-color: var(--theme-color-alarm);\n    }\n\n    &.info {\n      --ix-progress-indicator-color: var(--theme-color-info);\n    }\n\n    &.warning {\n      --ix-progress-indicator-color: var(--theme-color-warning);\n    }\n\n    &.paused {\n      --ix-progress-indicator-color: var(--theme-color-neutral);\n    }\n  }\n}\n\n:host(.linear) {\n  .progress-indicator {\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n  }\n\n  @include linear.linear;\n\n  .linear-slot {\n    min-width: 2.25rem;\n  }\n}\n\n:host(.circular) {\n  @include circular.circular;\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, Element, Fragment, Host, Prop, h } from '@stencil/core';\nimport { LinearBar } from './linear';\nimport {\n  iconCirclePause,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport { CircularProgress } from './circular';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\n/**\n * @since 3.2.0\n */\n@Component({\n  tag: 'ix-progress-indicator',\n  styleUrl: 'progress-indicator.scss',\n  shadow: true,\n})\nexport class ProgressIndicator {\n  @Element() hostElement!: HTMLIxProgressIndicatorElement;\n\n  /**\n   * The type of progress indicator to use.\n   */\n  @Prop() type: 'linear' | 'circular' = 'linear';\n\n  /**\n   * The size of the progress indicator.\n   */\n  @Prop() size: ProgressIndicatorSize = 'md';\n\n  /**\n   * The value of the progress indicator.\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The minimum value of the progress indicator.\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * The maximum value of the progress indicator.\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * The state of the progress indicator.\n   * This is used to indicate the current state of the progress indicator.\n   */\n  @Prop() status:\n    | 'default'\n    | 'success'\n    | 'error'\n    | 'info'\n    | 'warning'\n    | 'paused' = 'default';\n\n  /**\n   * The label for the progress indicator.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The helper text for the progress indicator.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The text alignment for the helper text.\n   * Can be 'left', 'center', or 'right'.\n   */\n  @Prop() textAlignment: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Show the helper text as a tooltip\n   */\n  @Prop() showTextAsTooltip: boolean = false;\n\n  private getHelperText() {\n    let icon: string | null = null;\n\n    switch (this.status) {\n      case 'error':\n        icon = iconError;\n        break;\n      case 'info':\n        icon = iconInfo;\n        break;\n      case 'warning':\n        icon = iconWarning;\n        break;\n      case 'success':\n        icon = iconSuccess;\n        break;\n      case 'paused':\n        icon = iconCirclePause;\n        break;\n      default:\n        icon = null;\n    }\n\n    if (!this.helperText) {\n      return <slot name=\"helper-text\"></slot>;\n    }\n\n    return (\n      <div\n        class={{\n          'helper-text': true,\n          [this.status]: true,\n          'text-left': this.textAlignment === 'left',\n          'text-center': this.textAlignment === 'center',\n          'text-right': this.textAlignment === 'right',\n        }}\n      >\n        {icon && <ix-icon name={icon} size=\"16\"></ix-icon>}\n        <div class=\"text\">{this.helperText}</div>\n        <slot name=\"helper-text\"></slot>\n      </div>\n    );\n  }\n\n  render() {\n    const normalizedValue =\n      ((this.value - this.min) / (this.max - this.min)) * 100;\n\n    const clampedValue = Math.max(0, Math.min(normalizedValue, 100));\n\n    return (\n      <Host\n        class={{\n          linear: this.type === 'linear',\n          circular: this.type === 'circular',\n        }}\n        tabIndex={-1}\n      >\n        <div\n          class={{\n            'progress-indicator': true,\n            [this.size]: true,\n            [this.status]: true,\n          }}\n        >\n          {this.label && (\n            <ix-typography\n              format=\"label\"\n              textColor={this.status === 'error' ? 'alarm' : 'soft'}\n              class={'label'}\n            >\n              {this.label}\n            </ix-typography>\n          )}\n\n          <div class=\"progress-container\">\n            {this.type === 'linear' ? (\n              <Fragment>\n                <LinearBar value={clampedValue}></LinearBar>\n                <div class=\"linear-slot\">\n                  <slot></slot>\n                </div>\n              </Fragment>\n            ) : (\n              <CircularProgress value={clampedValue} size={this.size}>\n                <slot></slot>\n              </CircularProgress>\n            )}\n          </div>\n          {this.showTextAsTooltip === true && this.helperText ? (\n            <ix-tooltip\n              for={this.hostElement}\n              showDelay={500}\n              placement=\"bottom\"\n            >\n              {this.getHelperText()}\n            </ix-tooltip>\n          ) : (\n            this.getHelperText()\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","iconError","iconInfo","iconWarning","iconSuccess","iconCirclePause","Host","Fragment"],"mappings":"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"}
+{"version":3,"file":"ix-progress-indicator.entry.cjs.js","sources":["src/components/progress-indicator/linear.tsx","src/components/progress-indicator/circular.tsx","src/components/progress-indicator/progress-indicator.scss?tag=ix-progress-indicator&encapsulation=shadow","src/components/progress-indicator/progress-indicator.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h } from '@stencil/core';\n\nexport function LinearBar({\n  value,\n}: Readonly<{\n  value: number;\n}>) {\n  return (\n    <div class=\"linear-progress-container\">\n      <div\n        class=\"progress\"\n        role=\"progressbar\"\n        aria-valuenow={value}\n        aria-valuemin={0}\n        aria-valuemax={100}\n      >\n        <div\n          class={{\n            'progress-bar': true,\n          }}\n          style={{ width: `${value}%` }}\n          data-value={value}\n        ></div>\n      </div>\n    </div>\n  );\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h, type FunctionalComponent } from '@stencil/core';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\nfunction getCircularSize(size: ProgressIndicatorSize) {\n  switch (size) {\n    case 'xs':\n      return 16;\n    case 'sm':\n      return 24;\n    case 'md':\n      return 32;\n    case 'lg':\n      return 48;\n    case 'xl':\n      return 64;\n    default:\n      return 32;\n  }\n}\n\nexport type CircularProgressProps = {\n  value: number;\n  size: ProgressIndicatorSize;\n  alignment?: 'left' | 'center' | 'right';\n};\n\nexport const CircularProgress: FunctionalComponent<CircularProgressProps> = (\n  props: Readonly<CircularProgressProps>,\n  children\n) => {\n  const { value, size, alignment } = props;\n  const sizeInPixel = getCircularSize(size);\n  const radius = sizeInPixel / 2;\n  const circumference = 2 * Math.PI * radius;\n  const percentage = Math.round(circumference * ((100 - value) / 100));\n\n  const slotInsideCircular = size === 'lg' || size === 'xl';\n\n  return (\n    <div\n      class={{\n        'circular-progress-container': true,\n        [`align-${alignment}`]: !!alignment,\n      }}\n    >\n      <svg\n        width={sizeInPixel}\n        height={sizeInPixel}\n        viewBox={`-${sizeInPixel * 0.125} -${sizeInPixel * 0.125} ${\n          sizeInPixel * 1.25\n        } ${sizeInPixel * 1.25}`}\n        version=\"1.1\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        style={{ transform: 'rotate(-90deg)' }}\n      >\n        <circle\n          r={radius}\n          cx={radius}\n          cy={radius}\n          fill=\"transparent\"\n          stroke=\"var(--theme-color-component-4)\"\n          stroke-width={`3px`}\n        ></circle>\n        {percentage > 0 && (\n          <circle\n            r={radius}\n            cx={radius}\n            cy={radius}\n            stroke=\"var(--ix-progress-indicator-color)\"\n            stroke-width=\"3px\"\n            stroke-dashoffset={`${percentage}px`}\n            fill=\"transparent\"\n            stroke-dasharray={`${circumference}px`}\n          ></circle>\n        )}\n        <foreignObject\n          x={`0px`}\n          y={`0px`}\n          width={`${sizeInPixel}px`}\n          height={`${sizeInPixel}px`}\n          style={{\n            transform: `rotate(90deg) translate(0px, -${sizeInPixel}px)`,\n          }}\n        >\n          {slotInsideCircular && (\n            <div class=\"slotted-container slotted-container-inside\">\n              {children}\n            </div>\n          )}\n        </foreignObject>\n      </svg>\n      {!slotInsideCircular && <div class=\"slotted-container\">{children}</div>}\n    </div>\n  );\n};\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './linear' as linear;\n@use './circular' as circular;\n\n:host {\n  display: block;\n  position: relative;\n  width: 24rem;\n  height: fit-content;\n\n  .progress-container {\n    display: flex;\n    width: 100%;\n    align-items: center;\n    gap: 0.25rem;\n    flex-wrap: nowrap;\n  }\n\n  .label {\n    margin: 0.5rem 0 0.25rem 0;\n  }\n\n  .helper-text {\n    display: flex;\n    align-items: center;\n    margin: 0.25rem 0px;\n    gap: 0.25rem;\n\n    ix-icon {\n      margin: 0.125rem;\n    }\n\n    &.default {\n      color: var(--theme-color-soft-text);\n    }\n\n    &.success {\n      ix-icon {\n        color: var(--theme-color-success);\n      }\n    }\n\n    &.error {\n      color: var(--theme-color-alarm-text);\n\n      ix-icon {\n        color: var(--theme-color-alarm);\n      }\n    }\n\n    &.info {\n      ix-icon {\n        color: var(--theme-color-info);\n      }\n    }\n\n    &.warning {\n      ix-icon {\n        color: var(--theme-color-warning);\n      }\n    }\n\n    &.paused {\n      ix-icon {\n        color: var(--theme-color-neutral);\n      }\n    }\n\n    .text {\n      &.align-left {\n        text-align: start;\n      }\n\n      &.align-right {\n        text-align: end;\n      }\n\n      &.align-center {\n        text-align: center;\n      }\n    }\n  }\n\n  .progress-indicator {\n    display: flex;\n    flex-direction: column;\n\n    &.text-center {\n      align-items: center;\n    }\n\n    &.text-left {\n      align-items: flex-start;\n    }\n\n    &.text-right {\n      align-items: flex-end;\n    }\n\n    --ix-progress-indicator-color: var(--theme-color-dynamic);\n    --ix-progress-indicator-margin: 0.5rem 0;\n\n    height: 100%;\n\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n      --ix-progress-indicator-margin: 0.25rem 0;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n      --ix-progress-indicator-margin: 0.375rem 0;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n\n    &.success {\n      --ix-progress-indicator-color: var(--theme-color-success);\n    }\n\n    &.error {\n      --ix-progress-indicator-color: var(--theme-color-alarm);\n    }\n\n    &.info {\n      --ix-progress-indicator-color: var(--theme-color-info);\n    }\n\n    &.warning {\n      --ix-progress-indicator-color: var(--theme-color-warning);\n    }\n\n    &.paused {\n      --ix-progress-indicator-color: var(--theme-color-neutral);\n    }\n  }\n}\n\n:host(.linear) {\n  .progress-indicator {\n    &.xs {\n      --ix-progress-indicator-height: 0.125rem;\n    }\n\n    &.sm {\n      --ix-progress-indicator-height: 0.25rem;\n    }\n\n    &.md {\n      --ix-progress-indicator-height: 0.5rem;\n    }\n\n    &.lg {\n      --ix-progress-indicator-height: 1rem;\n    }\n\n    &.xl {\n      --ix-progress-indicator-height: 1.5rem;\n    }\n  }\n\n  @include linear.linear;\n\n  .linear-slot {\n    min-width: 2.25rem;\n  }\n}\n\n:host(.circular) {\n  @include circular.circular;\n}\n","/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, Element, Fragment, Host, Prop, h } from '@stencil/core';\nimport { LinearBar } from './linear';\nimport {\n  iconCirclePause,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport { CircularProgress } from './circular';\nimport type { ProgressIndicatorSize } from './progress-indicator.types';\n\n/**\n * @since 3.2.0\n */\n@Component({\n  tag: 'ix-progress-indicator',\n  styleUrl: 'progress-indicator.scss',\n  shadow: true,\n})\nexport class ProgressIndicator {\n  @Element() hostElement!: HTMLIxProgressIndicatorElement;\n\n  /**\n   * The type of progress indicator to use.\n   */\n  @Prop() type: 'linear' | 'circular' = 'linear';\n\n  /**\n   * The size of the progress indicator.\n   */\n  @Prop() size: ProgressIndicatorSize = 'md';\n\n  /**\n   * The value of the progress indicator.\n   */\n  @Prop() value: number = 0;\n\n  /**\n   * The minimum value of the progress indicator.\n   */\n  @Prop() min: number = 0;\n\n  /**\n   * The maximum value of the progress indicator.\n   */\n  @Prop() max: number = 100;\n\n  /**\n   * The state of the progress indicator.\n   * This is used to indicate the current state of the progress indicator.\n   */\n  @Prop() status:\n    | 'default'\n    | 'success'\n    | 'error'\n    | 'info'\n    | 'warning'\n    | 'paused' = 'default';\n\n  /**\n   * The label for the progress indicator.\n   */\n  @Prop() label?: string;\n\n  /**\n   * The helper text for the progress indicator.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The text alignment for the helper text.\n   * Can be 'left', 'center', or 'right'.\n   */\n  @Prop() textAlignment: 'left' | 'center' | 'right' = 'left';\n\n  /**\n   * Show the helper text as a tooltip\n   */\n  @Prop() showTextAsTooltip: boolean = false;\n\n  private getHelperText() {\n    let icon: string | null = null;\n\n    switch (this.status) {\n      case 'error':\n        icon = iconError;\n        break;\n      case 'info':\n        icon = iconInfo;\n        break;\n      case 'warning':\n        icon = iconWarning;\n        break;\n      case 'success':\n        icon = iconSuccess;\n        break;\n      case 'paused':\n        icon = iconCirclePause;\n        break;\n      default:\n        icon = null;\n    }\n\n    if (!this.helperText) {\n      return <slot name=\"helper-text\"></slot>;\n    }\n\n    return (\n      <div\n        class={{\n          'helper-text': true,\n          [this.status]: true,\n        }}\n      >\n        {icon && <ix-icon name={icon} size=\"16\"></ix-icon>}\n        <div\n          class={{\n            text: true,\n            'align-left': this.textAlignment === 'left',\n            'align-center': this.textAlignment === 'center',\n            'align-right': this.textAlignment === 'right',\n          }}\n        >\n          {this.helperText}\n        </div>\n        <slot name=\"helper-text\"></slot>\n      </div>\n    );\n  }\n\n  render() {\n    const normalizedValue =\n      ((this.value - this.min) / (this.max - this.min)) * 100;\n\n    const clampedValue = Math.max(0, Math.min(normalizedValue, 100));\n\n    return (\n      <Host\n        class={{\n          linear: this.type === 'linear',\n          circular: this.type === 'circular',\n        }}\n        tabIndex={-1}\n      >\n        <div\n          class={{\n            'progress-indicator': true,\n            [this.size]: true,\n            [this.status]: true,\n            ['text-center']: this.textAlignment === 'center',\n            ['text-left']: this.textAlignment === 'left',\n            ['text-right']: this.textAlignment === 'right',\n          }}\n        >\n          {this.label && (\n            <ix-typography\n              format=\"label\"\n              textColor={this.status === 'error' ? 'alarm' : 'soft'}\n              class={'label'}\n            >\n              {this.label}\n            </ix-typography>\n          )}\n\n          <div class=\"progress-container\">\n            {this.type === 'linear' ? (\n              <Fragment>\n                <LinearBar value={clampedValue}></LinearBar>\n                <div class=\"linear-slot\">\n                  <slot></slot>\n                </div>\n              </Fragment>\n            ) : (\n              <CircularProgress\n                alignment={this.textAlignment}\n                value={clampedValue}\n                size={this.size}\n              >\n                <slot></slot>\n              </CircularProgress>\n            )}\n          </div>\n          {this.showTextAsTooltip === true && this.helperText ? (\n            <ix-tooltip\n              for={this.hostElement}\n              showDelay={500}\n              placement=\"bottom\"\n            >\n              {this.getHelperText()}\n            </ix-tooltip>\n          ) : (\n            this.getHelperText()\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":["h","iconError","iconInfo","iconWarning","iconSuccess","iconCirclePause","Host","Fragment"],"mappings":"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"}

package/dist/cjs/ix-push-card.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 
 const pushCardCss = ":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";
 

package/dist/cjs/ix-radio-group.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
-var validation = require('./validation-rAd3wIQp.js');
+var index = require('./index-B60i3I3J.js');
+var validation = require('./validation-Dugh-A-f.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
 
 const radioGroupCss = ":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";

package/dist/cjs/ix-radio.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
-var validation = require('./validation-rAd3wIQp.js');
+var validation = require('./validation-Dugh-A-f.js');
 var a11y = require('./a11y-B_6chCvu.js');
 
 const radioCss = ":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px;margin-right:0.5rem}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}:host input[type=radio]{display:none}:host label{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) button,:host([indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) button,:host([indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) button,:host([indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host([indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}ix-typography{margin-top:0.125rem}:host(.ix-info:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--info);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--info--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--info--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--info);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--info--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--info--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--info);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--info--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--info--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--info);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--info--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--info--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--info);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--info--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--info--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--info);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--info--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--info--active)}:host(.ix-info) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--warning);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--warning--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--warning--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--warning);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--warning--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--warning--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--warning);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--warning--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--warning--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--warning);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--warning--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--warning--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--warning);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--warning--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--warning--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--warning);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--warning--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--warning--active)}:host(.ix-warning) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid--required) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";

package/dist/cjs/ix-select.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var index$1 = require('./index-CQjVPqdk.js');
 var a11y = require('./a11y-B_6chCvu.js');
 var focus = require('./focus-Cl8_98b5.js');
-var validation = require('./validation-rAd3wIQp.js');
-var listener = require('./listener-BT212YoD.js');
+var validation = require('./validation-Dugh-A-f.js');
+var listener = require('./listener-Dz30NpgY.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 require('./disposable-event-listener-BALEIeXq.js');

package/dist/cjs/ix-slider.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var a11y = require('./a11y-B_6chCvu.js');
-var listener = require('./listener-BT212YoD.js');
+var listener = require('./listener-Dz30NpgY.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
 
 const sliderCss = ":host{display:flex;flex-direction:column;min-height:2rem;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-color-8);--trace-color:var(--theme-color-dynamic);--tick-color:var(--theme-color-8);--tick-color--active:var(--theme-color-dynamic);--track-color:var(--theme-color-component-4);}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1rem;margin:0}:host input[type=range].trace::before{content:\"\";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}:host input[type=range].trace:not(.hide-trace-reference)::after{content:\"\";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(7px + 100% * var(--trace-reference) - 16px * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host .ticks{display:flex;position:relative;top:50%;transform:translateY(-50%)}:host .ticks .tick{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}:host .ticks .tick.tick-active{background-color:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host .label-start{margin-left:0.5rem}:host .label-end{margin-right:0.5rem}:host .label-error{margin-left:0.5rem}:host(.error){--trace-color:var(--theme-color-alarm-40);--tick-color--active:var(--theme-color-alarm)}:host(.error) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-alarm)}:host(.error) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-alarm)}:host(.disabled){pointer-events:none;--track-color:var(--theme-color-component-3);--trace-color:var(--theme-color-3);--tick-color:var(--theme-color-7);--tick-color--active:var(--theme-color-7)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-7)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-7)}";

package/dist/cjs/ix-split-button.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CbtIH46j.js');
+var index = require('./index-B60i3I3J.js');
 var index$1 = require('./index-CQjVPqdk.js');
 
 const splitButtonCss = ".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{display:inline-block}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn-group{position:relative;display:inline-flex;vertical-align:middle;width:100%}:host .btn-group>ix-button:nth-child(1){width:calc(100% - 2rem)}:host .btn-group>ix-button:nth-child(2){width:2rem}:host .middle-gap{gap:0.125rem}:host .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem}";