npm - @siemens/ix - Versions diffs - 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627115746 - Mend

@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627115746

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1147) hide show

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-BDliOtbY.js');
+var index = require('./index-CbtIH46j.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}";
@@ -55,13 +55,13 @@ const Pill = class {
                 [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
             };
         }
-        return (index.h(index.Host, { key: '0662b1d016904af48cd38b4da31b2d672898fb31', style: this.variant === 'custom'
+        return (index.h(index.Host, { key: '41b9f6f4870c8585f5bca24e469a5a99afd68012', style: this.variant === 'custom'
                 ? {
                     '--ix-icon-button-color': this.pillColor,
                 }
                 : {}, class: {
                 'align-left': this.alignLeft,
-            } }, index.h("div", { key: '3ece1d029fc0daa09d834a71fdf1d7ac16122023', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
+            } }, index.h("div", { key: '2674de0ba7ee68a9b38344cbc4b75cb10f778b3b', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
                 container: true,
                 outline: this.outline,
                 inactive: false,
@@ -76,9 +76,9 @@ const Pill = class {
                 closable: false,
                 icon: !!this.icon,
                 'with-gap': !this.iconOnly,
-            } }, this.icon && (index.h("ix-icon", { key: '489caa92bab68202d6544dc3e5e94ecd618d5f85', class: {
+            } }, this.icon && (index.h("ix-icon", { key: '412400a5ca6b85c730c097365fc2b437a3b7eb03', class: {
                 'with-icon': true,
-            }, name: this.icon, size: '16' })), index.h("span", { key: 'dd77e86d3f75e0c4d1a7c18847891bfb6c036b5f', class: "slot-container" }, index.h("slot", { key: 'f206fd87c2c6ed8d77f56b473e36f9641aa046a8', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
+            }, name: this.icon, size: '16' })), index.h("span", { key: '76689695f7d66f427eb59fcb57c413cd23622777', class: "slot-container" }, index.h("slot", { key: '2852c8a4cdf1f55e941fbe0091ad22ce73dc5cc5', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
     }
     get hostElement() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-BDliOtbY.js');
+var index = require('./index-CbtIH46j.js');
 var index$1 = require('./index-CQjVPqdk.js');
 /*
@@ -135,14 +135,14 @@ const ProgressIndicator = class {
     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: '3e8b999ad2d502491b323f1a4669db6ef7888f93', class: {
+        return (index.h(index.Host, { key: 'cc4c823745da737d65f73c5b5525a58c634ded43', class: {
                 linear: this.type === 'linear',
                 circular: this.type === 'circular',
-            }, tabIndex: -1 }, index.h("div", { key: 'd84360ccaa9ab1e699e3606c6792d90ca5d09a58', class: {
+            }, tabIndex: -1 }, index.h("div", { key: 'aa5c1b618b24bccd01611fcd2cb99cf9d496e94b', class: {
                 'progress-indicator': true,
                 [this.size]: true,
                 [this.status]: true,
-            } }, this.label && (index.h("ix-typography", { key: '1b749c74a75653189ca8adbca4b91dcb23fb5b3d', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), index.h("div", { key: '53d1d56bf0b9f519164fb1bf066e7a72052eb10b', 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()))));
+            } }, 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()))));
     }
     get hostElement() { return index.getElement(this); }
 };

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

	@@ -1 +1 @@
1	- {"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 { ProgressIndicatorSize } from './progress-indicator';\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';\n\nexport type ProgressIndicatorSize = 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl';\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}
1	+ {"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};\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}

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

	@@ -1 +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 { ProgressIndicatorSize } from './progress-indicator';\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';\n\nexport type ProgressIndicatorSize = 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl';\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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"}
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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"}

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

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-BDliOtbY.js');
+var index = require('./index-CbtIH46j.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}";
@@ -18,7 +18,7 @@ const PushCard = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '551eaf59756a26404f08550ffd581c1d2a5ec6cb' }, index.h("ix-card", { key: '234c25fbff11612a41cf7195375388a1e04dd2cf', variant: this.variant }, index.h("ix-card-content", { key: 'b71305f3dc0309a7861c14a4315f65eebe1ffb2c' }, index.h("ix-card-title", { key: 'e0eaa51dc09a29d8b58a08f5cc49c7b8fb5f423b' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, index.h("span", { key: '2004b4d4678c4ee82446c0a0e2aa53e4f49d4b99', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), index.h("slot", { key: '6e3e664070520558f015007d68ea0bb6e229fcde', name: "title-action" })), index.h("ix-typography", { key: '2955264ba26f4794d5d917127d5f9394ab2242e6', format: "h4" }, this.heading), index.h("ix-typography", { key: '0b4ce54a5dce834ffeb5fe8b5a369a1839e2f300' }, this.subheading)), index.h("ix-card-accordion", { key: '9061ab3e0ead9f5d6c272b718c81ad7efdd1d18d', collapse: this.collapse }, index.h("slot", { key: '2117cbc308f825d5b45e1ecaf7fd83f4b0e9e798' })))));
+        return (index.h(index.Host, { key: 'bf65467fcb8c46c5c28ca769becf1894e863bc21' }, index.h("ix-card", { key: '4ab2834af82584ade5c817264fa1f0158c7a7ffe', variant: this.variant }, index.h("ix-card-content", { key: '8490ac958852a9c8658194eb2f425c52fb067e0a' }, index.h("ix-card-title", { key: '0093f02be724a2933a05d11af61601765ca9565b' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32" })) : null, index.h("span", { key: '76a1da65e71606c836ba199de2d180d8d9b21695', class: 'notification' }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), index.h("slot", { key: 'ad9a4fe6a866f3d58fb51ffd5c4824185dd8f474', name: "title-action" })), index.h("ix-typography", { key: '5fd43752ce21b27fc89392db9925b09378fdd0c9', format: "h4" }, this.heading), index.h("ix-typography", { key: '1ca4ff340ab8420892521ffd056933f2198d9474' }, this.subheading)), index.h("ix-card-accordion", { key: '938b5f0882878e7dbebe22cc025fa2ce6a4ad701', collapse: this.collapse }, index.h("slot", { key: '349bb34de52513c0564cf1025679a10035c9343a' })))));
     }
 };
 PushCard.style = pushCardCss;

package/dist/cjs/ix-push-card.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"ix-push-card.entry.cjs.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,yNAAyN;;~~MCmBhO~~,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AA0BE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AAwBjC;IAtBC,MAAM,GAAA;;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACRA,OAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAA,CAAW,IAC3D,IAAI,EACRA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAG,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CAAQ,EAC5DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACnB,EAChBA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAiB,EACzDA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAgB,IAAI,CAAC,UAAU,CAAiB,CAChC,EAClBA,OAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACK,CACZ,CACL;;;;;;;","names":["h","Host"],"sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 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\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n .notification {\n font-size: 40px;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n","/\n * SPDX-FileCopyrightText: 2023 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, h, Host, Prop } from '@stencil/core';\nimport { ~~CardVariant~~ } from '~~../~~card~~/card~~';\n\~~nexport type PushCardVariant = CardVariant;\~~n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /\n Card icon\n /\n @Prop() icon?: string;\n\n /\n Card KPI value\n /\n @Prop() notification?: string;\n\n /\n Card heading\n /\n @Prop() heading?: string;\n\n /\n Card subheading\n /\n @Prop() subheading?: string;\n\n /\n Card variant\n /\n @Prop() variant: PushCardVariant = 'outline';\n\n /\n Collapse the card\n */\n @Prop() collapse: boolean = true;\n\n render() {\n return (\n <Host>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n ) : null}\n <span class={'notification'}>{this.notification ?? 0}</span>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={this.collapse}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"ix-push-card.entry.cjs.js","mappings":";;;;AAAA,MAAM,WAAW,GAAG,yNAAyN;;MCiBhO,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AA0BE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AAwBjC;IAtBC,MAAM,GAAA;;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACRA,OAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAA,CAAW,IAC3D,IAAI,EACRA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAG,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CAAQ,EAC5DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACnB,EAChBA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAiB,EACzDA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAgB,IAAI,CAAC,UAAU,CAAiB,CAChC,EAClBA,OAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACK,CACZ,CACL;;;;;;;","names":["h","Host"],"sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 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\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n .notification {\n font-size: 40px;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n","/\n * SPDX-FileCopyrightText: 2023 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, h, Host, Prop } from '@stencil/core';\nimport type { PushCardVariant } from './push-card.types';\n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /\n Card icon\n /\n @Prop() icon?: string;\n\n /\n Card KPI value\n /\n @Prop() notification?: string;\n\n /\n Card heading\n /\n @Prop() heading?: string;\n\n /\n Card subheading\n /\n @Prop() subheading?: string;\n\n /\n Card variant\n /\n @Prop() variant: PushCardVariant = 'outline';\n\n /\n Collapse the card\n */\n @Prop() collapse: boolean = true;\n\n render() {\n return (\n <Host>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n ) : null}\n <span class={'notification'}>{this.notification ?? 0}</span>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={this.collapse}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/ix-push-card.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ix-push-card.entry.cjs.js","sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 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\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n .notification {\n font-size: 40px;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n","/\n * SPDX-FileCopyrightText: 2023 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, h, Host, Prop } from '@stencil/core';\nimport { ~~CardVariant~~ } from '~~../~~card~~/card~~';\n\~~nexport type PushCardVariant = CardVariant;\~~n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /\n Card icon\n /\n @Prop() icon?: string;\n\n /\n Card KPI value\n /\n @Prop() notification?: string;\n\n /\n Card heading\n /\n @Prop() heading?: string;\n\n /\n Card subheading\n /\n @Prop() subheading?: string;\n\n /\n Card variant\n /\n @Prop() variant: PushCardVariant = 'outline';\n\n /\n Collapse the card\n */\n @Prop() collapse: boolean = true;\n\n render() {\n return (\n <Host>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n ) : null}\n <span class={'notification'}>{this.notification ?? 0}</span>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={this.collapse}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,yNAAyN;;~~MCmBhO~~,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AA0BE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AAwBjC;IAtBC,MAAM,GAAA;;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACRA,OAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAA,CAAW,IAC3D,IAAI,EACRA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAG,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CAAQ,EAC5DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACnB,EAChBA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAiB,EACzDA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAgB,IAAI,CAAC,UAAU,CAAiB,CAChC,EAClBA,OAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACK,CACZ,CACL;;;;;;;"}
1	+ {"version":3,"file":"ix-push-card.entry.cjs.js","sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"sourcesContent":["/\n SPDX-FileCopyrightText: 2023 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\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n .notification {\n font-size: 40px;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n","/\n * SPDX-FileCopyrightText: 2023 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, h, Host, Prop } from '@stencil/core';\nimport type { PushCardVariant } from './push-card.types';\n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /\n Card icon\n /\n @Prop() icon?: string;\n\n /\n Card KPI value\n /\n @Prop() notification?: string;\n\n /\n Card heading\n /\n @Prop() heading?: string;\n\n /\n Card subheading\n /\n @Prop() subheading?: string;\n\n /\n Card variant\n /\n @Prop() variant: PushCardVariant = 'outline';\n\n /\n Collapse the card\n */\n @Prop() collapse: boolean = true;\n\n render() {\n return (\n <Host>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n ) : null}\n <span class={'notification'}>{this.notification ?? 0}</span>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={this.collapse}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"names":["h","Host"],"mappings":";;;;AAAA,MAAM,WAAW,GAAG,yNAAyN;;MCiBhO,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AA0BE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,IAAI;AAwBjC;IAtBC,MAAM,GAAA;;QACJ,QACEA,QAACC,UAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACHD,OAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC5BA,OAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACEA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACRA,OAAS,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAA,CAAW,IAC3D,IAAI,EACRA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAG,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CAAQ,EAC5DA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACnB,EAChBA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAiB,EACzDA,OAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAgB,IAAI,CAAC,UAAU,CAAiB,CAChC,EAClBA,OAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EACxCA,OAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACK,CACZ,CACL;;;;;;;"}

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

@@ -1,7 +1,7 @@
 'use strict';
-var index = require('./index-BDliOtbY.js');
-var validation = require('./validation-_-cW9Dku.js');
+var index = require('./index-CbtIH46j.js');
+var validation = require('./validation-rAd3wIQp.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}";
@@ -113,10 +113,10 @@ const RadiobuttonGroup = class {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (index.h(index.Host, { key: 'df02d0574b1201f9dc2e4ffc0cca3b796ab38a26', onIxBlur: () => (this.touched = true), ref: this.groupRef }, index.h("ix-field-wrapper", { key: '69166196117663244ea5dd946238b9429a71e467', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, index.h("div", { key: 'dcea2d79018de3bb2b6d74e650964b37eb33f67a', class: {
+        return (index.h(index.Host, { key: '0cadba0159ce31d3c7976745b2587e65c4a3790b', onIxBlur: () => (this.touched = true), ref: this.groupRef }, index.h("ix-field-wrapper", { key: 'f271cb0195f0a6a3f30ba2d7d76b15724b5508f2', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, index.h("div", { key: '735a66afc8ffb20ebd91064e2417f3fd7a225eaa', class: {
                 'checkbox-container': true,
                 'row-layout': this.direction === 'row',
-            } }, index.h("slot", { key: '4a2a181e1fd167681e7d43d70072a6bd8d5761d2' })))));
+            } }, index.h("slot", { key: 'b60868dae49bfe14593be563bd8c66d5f7a2ecb2' })))));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-BDliOtbY.js');
+var index = require('./index-CbtIH46j.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
-var validation = require('./validation-_-cW9Dku.js');
+var validation = require('./validation-rAd3wIQp.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)}";
@@ -90,17 +90,17 @@ const Radio = class {
         return Promise.resolve(this.formInternals.form);
     }
     render() {
-        return (index.h(index.Host, { key: '4758929737e11bfbd0e451b3e54d660fbde85768', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "radio", class: {
+        return (index.h(index.Host, { key: '4352faa97b54bf21ceb349a01761dbdd24ef1440', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "radio", class: {
                 disabled: this.disabled,
                 checked: this.checked,
-            }, onBlur: () => this.ixBlur.emit() }, index.h("label", { key: 'd2afc7aaf1f93fd5944a221f3a04c0800ce290f9' }, index.h("input", { key: '557f03dc8b4713642d48b241102edeacd0ab229a', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", onChange: () => {
+            }, onBlur: () => this.ixBlur.emit() }, index.h("label", { key: '03eba555f8607a52c9846fccc61a41a5123bd882' }, index.h("input", { key: 'e7bd349e01540ce6972e978c7e9ed10b4c472725', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, name: this.name, ref: this.inputRef, type: "radio", onChange: () => {
                 const ref = this.inputRef.current;
                 if (ref) {
                     this.setCheckedState(ref.checked);
                 }
-            } }), index.h("button", { key: '0d5d3d3e67a551738f73bd0735b003a429baa3d4', disabled: this.disabled, class: {
+            } }), index.h("button", { key: '98cf1af286d7ee5d79cdb636e0eed6aafeaf6c71', disabled: this.disabled, class: {
                 checked: this.checked,
-            }, onClick: () => this.setCheckedState(!this.checked) }, index.h("div", { key: '2fd252cdd058278ca8920f6e7f97fbf4398082d9', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } })), index.h("ix-typography", { key: 'a15d35478a0e23f3f76802f38ad2c4703217e0e4', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: '86a03832ffc66f97aefd5c5f1e435cd2413cbec4' })))));
+            }, onClick: () => this.setCheckedState(!this.checked) }, index.h("div", { key: '05c0ff1d06a449f95f4ff0d701f604f0c67de87b', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } })), index.h("ix-typography", { key: '44b9b08400297b5497e72c143d0405f1fdc39ba0', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: '70dd4b58d047a51f25cd2e0a54df3ccbc0a971ea' })))));
     }
     static get formAssociated() { return true; }
     get hostElement() { return index.getElement(this); }

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

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-BDliOtbY.js');
+var index = require('./index-CbtIH46j.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-_-cW9Dku.js');
-var listener = require('./listener-BJXzadPO.js');
+var validation = require('./validation-rAd3wIQp.js');
+var listener = require('./listener-BT212YoD.js');
 var makeRef = require('./make-ref-BaH6_YJk.js');
 var mutationObserver = require('./mutation-observer-DE0YMfYu.js');
 require('./disposable-event-listener-BALEIeXq.js');
@@ -574,9 +574,9 @@ const Select = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (index.h(index.Host, { key: 'fdfc4962114ec9fc4cf0fe61d40787dba81f60a6', "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
+        return (index.h(index.Host, { key: '52c08e1231ca8e0215e7cce2aa1bd6234c0236e0', "aria-disabled": a11y.a11yBoolean(this.disabled), class: {
                 disabled: this.disabled,
-            } }, index.h("ix-field-wrapper", { key: '56517622c68630fd31b5b4e98fc6d7851582fc6e', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, index.h("div", { key: '7765a0bf460e16716f50a4f8c7624bcad927667b', class: {
+            } }, index.h("ix-field-wrapper", { key: 'bb0b4abdc8a1840db5ebfead204b5be03ead8bef', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, index.h("div", { key: '313cd7b0eb6348d6216faee466e4e0e7b19ea14a', class: {
                 select: true,
                 disabled: this.disabled,
                 readonly: this.readonly,
@@ -584,13 +584,13 @@ const Select = class {
                 this.dropdownAnchorRef(ref);
                 if (!this.editable)
                     this.dropdownWrapperRef(ref);
-            } }, index.h("div", { key: 'c2e8b90f7647b38ee8a576dc757084c62fb84179', class: "input-container" }, index.h("div", { key: '60a9d1b6f7118103c6999bb1f592f3a4ea48c16b', class: "chips" }, this.isMultipleMode
+            } }, index.h("div", { key: '2c2f94a15cd29d0b1770009d07d71ca4ce7b6793', class: "input-container" }, index.h("div", { key: '9b2553820b924ce956937746a5989514f9440798', class: "chips" }, this.isMultipleMode
             ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (index.h("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     this.itemClick(item.value);
                 } }, item.label)))
-            : '', index.h("div", { key: 'eb952ef1b366f58dd6ec38801ef5b3e593199383', class: "trigger" }, index.h("input", { key: 'a41e364dcba508d681a6790381881175716d152d', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
+            : '', index.h("div", { key: 'd468fc7e69768a4963ed9d06b5c7e1d2717c630a', class: "trigger" }, index.h("input", { key: '440ed97c1957ec869d980c8c5aa4c27d84467ef2', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
                 'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
             }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
                 this.inputElement = ref;
@@ -607,7 +607,7 @@ const Select = class {
             } })) : null, this.disabled || this.readonly ? null : (index.h("ix-icon-button", { "data-select-dropdown": true, key: "dropdown", class: { 'dropdown-visible': this.dropdownShow }, icon: index$1.iconChevronDownSmall, ghost: true, ref: (ref) => {
                 if (this.editable)
                     this.dropdownWrapperRef(ref);
-            } }))))))), index.h("ix-dropdown", { key: '570a352447ec2b5ad541d9099d015cf0bd106b15', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
+            } }))))))), index.h("ix-dropdown", { key: '8ec6fe3981cc7c82d7759e0c6f77c3ab8a2a4c71', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
                 'display-none': this.disabled || this.readonly,
             }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
                 var _a, _b;
@@ -623,12 +623,12 @@ const Select = class {
                     styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
                 }
                 return styleOverwrites;
-            } }, index.h("div", { key: '0e36c98203e2454bb875800f624c4184e51e6363', class: {
+            } }, index.h("div", { key: 'c489337865d7e47b71b0642bffd5a184c0d1a5d3', class: {
                 'select-list-header': true,
                 hidden: this.hideListHeader || this.isDropdownEmpty,
-            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: '6188f73b7d46ccba8bc082089c3fa3e97a93fdfc', onSlotchange: () => {
+            }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), index.h("slot", { key: '335fc13ac07a12aeb0ab4efdc5b265f337cb82c4', onSlotchange: () => {
                 this.updateSelection();
-            } }), index.h("div", { key: 'f20e633a7b5b4add9ee28541a987f8a81eb32162', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: index$1.iconPlus, class: {
+            } }), index.h("div", { key: '0651a940c3d45486403b3c10530b73f294a99c25', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (index.h("ix-dropdown-item", { "data-testid": "add-item", icon: index$1.iconPlus, class: {
                 'add-item': true,
             }, label: this.inputFilterText, onItemClick: (e) => {
                 e.preventDefault();

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

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-BDliOtbY.js');
+var index = require('./index-CbtIH46j.js');
 var a11y = require('./a11y-B_6chCvu.js');
-var listener = require('./listener-BJXzadPO.js');
+var listener = require('./listener-BT212YoD.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)}";
@@ -150,12 +150,12 @@ const Slider = class {
             traceStart = valueInPercentage;
             traceEnd = traceReferenceInPercentage;
         }
-        return (index.h(index.Host, { key: 'd8e7be57b4c0185e1188911536cca857a2fcbad6', class: {
+        return (index.h(index.Host, { key: '6d4a31e9e38a5fe37516641ee75612124945c91b', class: {
                 disabled: this.disabled,
                 error: !!this.error,
-            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, index.h("div", { key: '0ecbe4037919ec19a30af7a9145593cacf80c899', class: "slider" }, index.h("div", { key: '7d329191a212a1584d50c03228226b4961da69a4', class: "track" }, index.h("div", { key: '73753249bbb9c1150d74d2e8647f50acf976f70d', ref: this.thumbRef, class: "thumb", style: {
+            }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, index.h("div", { key: 'e58c79ce5c5e69e032e107f8d8bf3b71c059b1ad', class: "slider" }, index.h("div", { key: '95128ef9a92de61cc1f38849fe7fda242820e0fd', class: "track" }, index.h("div", { key: '7ba199d96572e3e05387b07904e86441ff6d309c', ref: this.thumbRef, class: "thumb", style: {
                 left: `calc(${valueInPercentage} * 100% - 8px)`,
-            } }), index.h("div", { key: '9dff9c36ef412b62bea9bb9177652ebd004a8122', class: "ticks" }, this.marker
+            } }), index.h("div", { key: '050fdd0b142d02d926162051cbf84f4478700f1f', class: "ticks" }, this.marker
             ? this.marker.map((markerValue) => {
                 if (markerValue > this.max || markerValue < this.min) {
                     return;
@@ -168,7 +168,7 @@ const Slider = class {
                         '--tick-value': `${left}`,
                     } }));
             })
-            : null)), index.h("input", Object.assign({ key: 'f205b5b801fecde7d0c97f29ec0d664e0ac08a73', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
+            : null)), index.h("input", Object.assign({ key: 'f17ebdb08b80303f10d356298e5458f277251a4a', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
                 '--value': `${valueInPercentage}`,
                 '--trace-reference': `${traceReferenceInPercentage}`,
                 '--trace-start': `${traceStart}`,
@@ -182,9 +182,9 @@ const Slider = class {
                 this.showTooltip = true;
             }, onBlur: () => {
                 this.showTooltip = false;
-            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), index.h("ix-tooltip", { key: '7ca900985c873ecded49945c167b57cd06c18290', ref: this.tooltipRef, class: {
+            }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), index.h("ix-tooltip", { key: 'bf5e72361dbe3729c9dc838704b3dc0b650e1ec1', ref: this.tooltipRef, class: {
                 'hide-tooltip': !this.showTooltip,
-            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), index.h("div", { key: '86981116ef975e8cb7eed3bcce6fb2039a905dd1', class: "label" }, index.h("div", { key: '41ee2d7d4589d1bc3d07f27183bb20bb6b427ec0', class: "label-start" }, index.h("slot", { key: 'd62f50d02740fde09ee8831fff7d571fcb79e4a1', name: "label-start" })), index.h("div", { key: '3ea4c039875cb419e9f9a0458c732f3704dcfe84', class: "label-end" }, index.h("slot", { key: 'f976d54d98f91e2d7820fefa59c8a06d9a700cbb', name: "label-end" }))), this.error ? (index.h("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
+            }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), index.h("div", { key: '73d4d2097a7505f08ae235094fd6c12978f0f142', class: "label" }, index.h("div", { key: 'b788653c9947f2c7ca4e80ad84ecf165a1721455', class: "label-start" }, index.h("slot", { key: 'd81fcc6fe5bb4dc1406679b41cebff0fc86ed2c7', name: "label-start" })), index.h("div", { key: '8fc3940d3222e836f3e876c4fcae103f65088d98', class: "label-end" }, index.h("slot", { key: '5eaaae48d04af42733193981029e9a59f5d49b37', name: "label-end" }))), this.error ? (index.h("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
     }
     get hostElement() { return index.getElement(this); }
     static get watchers() { return {