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/collection/components/icon-button/icon-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;~~AAGlE~~,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAC;~~AAS7D~~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","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\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { ~~ButtonVariant } from '../button/button';\nimport {~~ BaseIconButton } from '../icon-button/base-icon-button';\nimport { getFallbackLabelFromIconName } from '../utils/a11y';\~~n\nexport~~ type IconButtonVariant = ~~ButtonVariant~~;\n\n@Component({\n tag: 'ix-icon-button',\n styleUrl: 'icon-button.scss',\n shadow: true,\n})\nexport class IconButton {\n @Element() hostElement!: HTMLIxIconButtonElement;\n\n /\n Accessibility label for the icon button\n * Will be set as aria-label on the nested HTML button element\n /\n @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n /\n Variant of button\n /\n @Prop() variant: IconButtonVariant = 'secondary';\n\n /\n Button outline\n /\n @Prop() outline: boolean = false;\n\n /\n Button invisible\n /\n @Prop() ghost: boolean = false;\n\n /\n Button in oval shape\n /\n @Prop() oval: boolean = false;\n\n /\n Icon name\n /\n @Prop() icon?: string;\n\n /\n Size of icon in button\n \n /\n @Prop() size: '24' \| '16' \| '12' = '24';\n\n /*\n Color of icon in button\n /\n @Prop() iconColor?: string;\n\n /\n Disabled\n /\n @Prop() disabled = false;\n\n /\n Type of the button\n /\n @Prop() type: 'button' \| 'submit' = 'button';\n\n /\n Loading button\n /\n @Prop() loading = false;\n\n /\n Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n */\n submitButtonElement!: HTMLButtonElement;\n\n componentDidLoad() {\n if (this.type === 'submit') {\n const submitButton = document.createElement('button');\n submitButton.style.display = 'none';\n submitButton.type = 'submit';\n submitButton.tabIndex = -1;\n this.hostElement.appendChild(submitButton);\n\n this.submitButtonElement = submitButton;\n }\n }\n\n dispatchFormEvents() {\n if (this.type === 'submit' && this.submitButtonElement) {\n this.submitButtonElement.click();\n }\n }\n\n private getIconSizeClass() {\n return {\n 'btn-icon-12': this.size === '12',\n 'btn-icon-16': this.size === '16',\n 'btn-icon-32': this.size === '24' \|\| !this.size,\n };\n }\n\n render() {\n const baseButtonProps: BaseButtonProps = {\n ariaAttributes: {\n 'aria-label': this.a11yLabel\n ? this.a11yLabel\n : getFallbackLabelFromIconName(this.icon),\n },\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: true,\n iconOval: this.oval,\n selected: false,\n disabled: this.disabled \|\| this.loading,\n icon: this.icon,\n iconColor: this.iconColor,\n iconSize: this.size,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n extraClasses: this.getIconSizeClass(),\n };\n\n return (\n <Host\n class={{\n ...this.getIconSizeClass(),\n disabled: this.disabled \|\| this.loading,\n }}\n >\n <BaseIconButton {...baseButtonProps}></BaseIconButton>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.tsx"],"names":[],"mappings":"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","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\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { BaseIconButton } from '../icon-button/base-icon-button';\nimport { getFallbackLabelFromIconName } from '../utils/a11y';\nimport type { IconButtonVariant } from './icon-button.types';\n\n@Component({\n tag: 'ix-icon-button',\n styleUrl: 'icon-button.scss',\n shadow: true,\n})\nexport class IconButton {\n @Element() hostElement!: HTMLIxIconButtonElement;\n\n /\n Accessibility label for the icon button\n * Will be set as aria-label on the nested HTML button element\n /\n @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n /\n Variant of button\n /\n @Prop() variant: IconButtonVariant = 'secondary';\n\n /\n Button outline\n /\n @Prop() outline: boolean = false;\n\n /\n Button invisible\n /\n @Prop() ghost: boolean = false;\n\n /\n Button in oval shape\n /\n @Prop() oval: boolean = false;\n\n /\n Icon name\n /\n @Prop() icon?: string;\n\n /\n Size of icon in button\n \n /\n @Prop() size: '24' \| '16' \| '12' = '24';\n\n /*\n Color of icon in button\n /\n @Prop() iconColor?: string;\n\n /\n Disabled\n /\n @Prop() disabled = false;\n\n /\n Type of the button\n /\n @Prop() type: 'button' \| 'submit' = 'button';\n\n /\n Loading button\n /\n @Prop() loading = false;\n\n /\n Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n */\n submitButtonElement!: HTMLButtonElement;\n\n componentDidLoad() {\n if (this.type === 'submit') {\n const submitButton = document.createElement('button');\n submitButton.style.display = 'none';\n submitButton.type = 'submit';\n submitButton.tabIndex = -1;\n this.hostElement.appendChild(submitButton);\n\n this.submitButtonElement = submitButton;\n }\n }\n\n dispatchFormEvents() {\n if (this.type === 'submit' && this.submitButtonElement) {\n this.submitButtonElement.click();\n }\n }\n\n private getIconSizeClass() {\n return {\n 'btn-icon-12': this.size === '12',\n 'btn-icon-16': this.size === '16',\n 'btn-icon-32': this.size === '24' \|\| !this.size,\n };\n }\n\n render() {\n const baseButtonProps: BaseButtonProps = {\n ariaAttributes: {\n 'aria-label': this.a11yLabel\n ? this.a11yLabel\n : getFallbackLabelFromIconName(this.icon),\n },\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: true,\n iconOval: this.oval,\n selected: false,\n disabled: this.disabled \|\| this.loading,\n icon: this.icon,\n iconColor: this.iconColor,\n iconSize: this.size,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n extraClasses: this.getIconSizeClass(),\n };\n\n return (\n <Host\n class={{\n ...this.getIconSizeClass(),\n disabled: this.disabled \|\| this.loading,\n }}\n >\n <BaseIconButton {...baseButtonProps}></BaseIconButton>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/icon-button/icon-button.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=icon-button.types.js.map

package/dist/collection/components/icon-button/icon-button.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon-button.types.js","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.types.ts"],"names":[],"mappings":"","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 { ButtonVariant } from '../button/button';\n\nexport type IconButtonVariant = ButtonVariant;\n"]}

package/dist/collection/components/icon-toggle-button/icon-toggle-button.js CHANGED Viewed

@@ -97,7 +97,7 @@ export class IconToggleButton {
             },
             extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
         };
-        return (h(Host, { key: '14ce0df0eacb404a80f372fef760445b6d951872', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: 'bcf0de09e295ef8cb15bd159365817cced1a9040' }, baseButtonProps))));
+        return (h(Host, { key: '43aaf90da7c0062c170fbc50d651e67850ef865b', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: 'a80de2b1b90b92f2884a37ba26db5b566608a4da' }, baseButtonProps))));
     }
     static get is() { return "ix-icon-toggle-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/input/input.js CHANGED Viewed

@@ -124,13 +124,13 @@ export class Input {
     render() {
         var _a;
         const inputAria = getAriaAttributesForInput(this);
-        return (h(Host, { key: '6e7e3e9e117348c87aa94528535c5e6dbe3e723d', class: {
+        return (h(Host, { key: 'b069d91c5aca4f679c93b1d440f6ad48cb28d2af', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, h("ix-field-wrapper", { key: '6dd8015435e7add7a1519e093fcd00d824a699bd', htmlForLabel: this.inputId, 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 }, h("div", { key: 'bbc85fbba66e4b184ea8e5e1f251a3a000e6dc6b', class: "input-wrapper" }, h(SlotStart, { key: 'ba1f56d2b4ec80969cd0f7e28144c75223a69194', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: '2b4b745f814576c511087d66d5f64ecd45a455e9', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, h("ix-field-wrapper", { key: 'a101bf7a971898a1209b832ee5534ab0a835c493', htmlForLabel: this.inputId, 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 }, h("div", { key: '3cbe94c3408fac2409a4ba53d51a9c48c62516cf', class: "input-wrapper" }, h(SlotStart, { key: '813456b81fe7cb3c6630a5366dd8a281bb8cd869', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: 'f271a11579c1a710a2dd21d6f807c44f7e40dce8', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            }, ariaAttributes: inputAria }), h(SlotEnd, { key: '126271e98c45fba344f375ca4f494b30981764eb', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("ix-icon-button", { key: 'c3e698054a2e2cf87284a28d2fa504eb9aec15d1', color: "color-weak-text", class: {
+            }, ariaAttributes: inputAria }), h(SlotEnd, { key: 'ca0be4a9ab7182ef66750d710e2275f9586eb361', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("ix-icon-button", { key: 'f1371a3cc2ac0497f8bfa5cc54f82f2c7133c555', color: "color-weak-text", class: {
                 'password-eye': true,
                 'eye-hidden': this.type !== 'password',
             }, ghost: true, icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -139,7 +139,7 @@ export class Input {
                     return;
                 }
                 this.inputType = 'password';
-            } }))), !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: '98239f02ac0431bbd78c04beb3fbceebd8e5c3e1', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (_a = this.value) === null || _a === void 0 ? void 0 :
+            } }))), !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: 'cb783fa80a4ce1fb46b2f69c81e5ca8eb37137f1', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (_a = this.value) === null || _a === void 0 ? void 0 :
             _a.length, "/", this.maxLength)))));
     }
     static get is() { return "ix-input"; }

package/dist/collection/components/input/number-input.js CHANGED Viewed

@@ -111,19 +111,19 @@ export class NumberInput {
     }
     render() {
         const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
-        return (h(Host, { key: '45bdd6fa21f75fbe77883e36cc38eca2499a38ec', class: {
+        return (h(Host, { key: '84922a792a200ffae10318e43d583f513f8f54a0', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, h("ix-field-wrapper", { key: '9ec603198e794931bef7b290aab0757ef3094e0f', id: this.numberInputId, 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 }, h("div", { key: '45c11e7d4ddbbac3e7f8b30b62f510cc5d571230', class: {
+            } }, h("ix-field-wrapper", { key: '99e34a8e83e84f57622caf957a6efc748b4e3961', id: this.numberInputId, 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 }, h("div", { key: '773c88e5db1e487dd8dd51f761e81d00de7a7f58', class: {
                 'input-wrapper': true,
                 'show-stepper-buttons': !!this.showStepperButtons,
-            } }, h(SlotStart, { key: 'a91194c4e07a75a1eca9f051bf1039ab32ce0ac1', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: '1e3e5e26501388030dcbbf41748f13d05acbb580', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
+            } }, h(SlotStart, { key: '2c88980ec7af235ffbaf9a8f326bf2200336c4d3', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: '72b9cc1cacee54b359b5e364acdfd953b32cd7a3', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
                 onInputBlur(this, this.inputRef.current);
                 this.touched = true;
-            } }), h(SlotEnd, { key: 'dfad4b24a33dcd57e8585a387160339bc9e6fa6e', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("div", { key: '966a88fdcc7a7d34dbb600905433f0b83541e2a0', class: {
+            } }), h(SlotEnd, { key: 'f46f67c4682b726d5bd8d74e04c91523ddacbede', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, h("div", { key: 'bb6b489d4e94014089c0bce9b00089eea65fc0e4', class: {
                 'number-stepper-container': true,
                 'container-hidden': !showStepperButtons,
-            } }, h("ix-icon-button", { key: 'ce34a16a86b4f0db7f4373770e764809def029b1', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
+            } }, h("ix-icon-button", { key: '2c6d0b537f6a1364fe49a7b41d2bda6b0ecbc62d', ghost: true, icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }
@@ -131,7 +131,7 @@ export class NumberInput {
                 checkInternalValidity(this, this.inputRef.current);
                 this.updateFormInternalValue(Number(this.inputRef.current.value));
                 this.valueChange.emit(this.value);
-            } }), h("ix-icon-button", { key: '1f03340752e2a68dfc58530916565db771773ab7', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
+            } }), h("ix-icon-button", { key: '2fd3710a054233ab5913816fde0186a476476474', ghost: true, icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
                 if (!this.inputRef.current) {
                     return;
                 }

package/dist/collection/components/input/textarea.js CHANGED Viewed

@@ -93,10 +93,10 @@ export class Textarea {
         return Promise.resolve(this.touched);
     }
     render() {
-        return (h(Host, { key: '55cd5e6371c8b3b532fbb40b87a47cd202ad9f6a', class: {
+        return (h(Host, { key: '1fccaf49740f1452031fcfc92af1b3011eda12a6', class: {
                 disabled: this.disabled,
                 readonly: this.readonly,
-            } }, h("ix-field-wrapper", { key: '8201f2979c0c5b5008f977ef33d3af9cdaec5a9e', 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.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: '9876618d55b0dc6fa02bb42af76be48d2d6f7740', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (this.value || '').length, "/", this.maxLength)), h("div", { key: '20d08ea483592314320e7f68f44f4e948d5015b8', class: "input-wrapper" }, h(TextareaElement, { key: '0f95d77dbd295857c39c5aea97440b0b3dbc0aeb', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.textareaHeight, textareaWidth: this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
+            } }, h("ix-field-wrapper", { key: '1fb5b2a11f7874642bca77fb8ba43932a6ee8f23', 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.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: '6d6a2cf13f1ec2a45be59812b621ca58d72b35e7', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (this.value || '').length, "/", this.maxLength)), h("div", { key: '707decc7f3af853270136f752f8e383c7f7af2e1', class: "input-wrapper" }, h(TextareaElement, { key: 'd5dedc1696ef713d049b997c6068b5d18cf266f8', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.textareaHeight, textareaWidth: this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
                 onInputBlur(this, this.textAreaRef.current);
                 this.touched = true;
             } })))));
@@ -452,9 +452,9 @@ export class Textarea {
                     "resolved": "\"both\" | \"horizontal\" | \"none\" | \"vertical\"",
                     "references": {
                         "TextareaResizeBehavior": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/input/textarea.tsx",
-                            "id": "src/components/input/textarea.tsx::TextareaResizeBehavior"
+                            "location": "import",
+                            "path": "./textarea.types",
+                            "id": "src/components/input/textarea.types.ts::TextareaResizeBehavior"
                         }
                     }
                 },

package/dist/collection/components/input/textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/input/textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Method,\n Prop,\n State,\n h,\n} from '@stencil/core';\nimport {\n HookValidationLifecycle,\n IxInputFieldComponent,\n ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { TextareaElement } from './input.fc';\nimport { mapValidationResult, onInputBlur } from './input.util';\n\nexport type TextareaResizeBehavior =\n \| 'both'\n \| 'horizontal'\n \| 'vertical'\n \| 'none';\n\n/\n @form-ready\n /\n@Component({\n tag: 'ix-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea implements IxInputFieldComponent<string> {\n @Element() hostElement!: HTMLIxTextareaElement;\n @AttachInternals() formInternals!: ElementInternals;\n\n /\n The name of the textarea field.\n /\n @Prop({ reflect: true }) name?: string;\n\n /\n The placeholder text for the textarea field.\n /\n @Prop({ reflect: true }) placeholder?: string;\n\n /\n The value of the textarea field.\n /\n @Prop({ reflect: true, mutable: true }) value: string = '';\n\n /\n Determines if the textarea field is required.\n /\n @Prop({ reflect: true }) required: boolean = false;\n\n /\n Determines if the textarea field is disabled.\n /\n @Prop() disabled: boolean = false;\n\n /\n Determines if the textarea field is readonly.\n /\n @Prop() readonly: boolean = false;\n\n /\n The helper text for the textarea field.\n /\n @Prop() helperText?: string;\n\n /\n The info text for the textarea field.\n /\n @Prop() infoText?: string;\n\n /\n Determines if the text should be displayed as a tooltip.\n /\n @Prop() showTextAsTooltip?: boolean;\n\n /\n The valid text for the textarea field.\n /\n @Prop() validText?: string;\n\n /\n The warning text for the textarea field.\n /\n @Prop() warningText?: string;\n\n /\n The label for the textarea field.\n /\n @Prop({ reflect: true }) label?: string;\n\n /\n The error text for the textarea field.\n /\n @Prop() invalidText?: string;\n\n /\n The height of the textarea field (e.g. \"52px\").\n /\n @Prop() textareaHeight?: string;\n\n /\n The width of the textarea field (e.g. \"200px\").\n /\n @Prop() textareaWidth?: string;\n\n /\n The height of the textarea specified by number of rows.\n /\n @Prop() textareaRows?: number;\n\n /\n The width of the textarea specified by number of characters.\n /\n @Prop() textareaCols?: number;\n\n /\n Determines the resize behavior of the textarea field.\n * Resizing can be enabled in one direction, both directions or completely disabled.\n /\n @Prop() resizeBehavior: TextareaResizeBehavior = 'both';\n\n /\n The maximum length of the textarea field.\n /\n @Prop() maxLength?: number;\n\n /\n The minimum length of the textarea field.\n /\n @Prop() minLength?: number;\n\n /\n Event emitted when the value of the textarea field changes.\n /\n @Event() valueChange!: EventEmitter<string>;\n\n /\n Event emitted when the validity state of the textarea field changes.\n /\n @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n /\n Event emitted when the textarea field loses focus.\n /\n @Event() ixBlur!: EventEmitter<void>;\n\n @State() isInvalid = false;\n @State() isValid = false;\n @State() isInfo = false;\n @State() isWarning = false;\n @State() isInvalidByRequired = false;\n\n private readonly textAreaRef = makeRef<HTMLTextAreaElement>();\n private touched = false;\n\n @HookValidationLifecycle()\n updateClassMappings(result: ValidationResults) {\n mapValidationResult(this, result);\n }\n\n componentWillLoad() {\n this.updateFormInternalValue(this.value);\n }\n\n updateFormInternalValue(value: string) {\n this.formInternals.setFormValue(value);\n this.value = value;\n }\n\n /* @internal /\n @Method()\n async getAssociatedFormElement(): Promise<HTMLFormElement \| null> {\n return this.formInternals.form;\n }\n\n /* @internal /\n @Method()\n hasValidValue(): Promise<boolean> {\n return Promise.resolve(!!this.value);\n }\n\n /\n Get the native textarea element.\n /\n @Method()\n getNativeInputElement(): Promise<HTMLTextAreaElement> {\n return this.textAreaRef.waitForCurrent();\n }\n\n /\n Focuses the input field\n /\n @Method()\n async focusInput(): Promise<void> {\n return (await this.getNativeInputElement()).focus();\n }\n\n /\n Check if the textarea field has been touched.\n * @internal\n * */\n @Method()\n isTouched(): Promise<boolean> {\n return Promise.resolve(this.touched);\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n }}\n >\n <ix-field-wrapper\n required={this.required}\n label={this.label}\n helperText={this.helperText}\n invalidText={this.invalidText}\n infoText={this.infoText}\n warningText={this.warningText}\n validText={this.validText}\n showTextAsTooltip={this.showTextAsTooltip}\n isInvalid={this.isInvalid}\n isValid={this.isValid}\n isInfo={this.isInfo}\n isWarning={this.isWarning}\n controlRef={this.textAreaRef}\n >\n {!!this.maxLength && this.maxLength > 0 && (\n <ix-typography\n class=\"bottom-text\"\n slot=\"bottom-right\"\n textColor=\"soft\"\n >\n {(this.value \|\| '').length}/{this.maxLength}\n </ix-typography>\n )}\n <div class=\"input-wrapper\">\n <TextareaElement\n minLength={this.minLength}\n maxLength={this.maxLength}\n textareaCols={this.textareaCols}\n textareaRows={this.textareaRows}\n textareaHeight={this.textareaHeight}\n textareaWidth={this.textareaWidth}\n resizeBehavior={this.resizeBehavior}\n readonly={this.readonly}\n disabled={this.disabled}\n isInvalid={this.isInvalid}\n required={this.required}\n value={this.value}\n placeholder={this.placeholder}\n textAreaRef={this.textAreaRef}\n valueChange={(value) => this.valueChange.emit(value)}\n updateFormInternalValue={(value) =>\n this.updateFormInternalValue(value)\n }\n onBlur={() => {\n onInputBlur(this, this.textAreaRef.current);\n this.touched = true;\n }}\n ></TextareaElement>\n </div>\n </ix-field-wrapper>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/input/textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["/\n SPDX-FileCopyrightText: 2024 Siemens AG\n \n SPDX-License-Identifier: MIT\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {\n AttachInternals,\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Method,\n Prop,\n State,\n h,\n} from '@stencil/core';\nimport {\n HookValidationLifecycle,\n IxInputFieldComponent,\n ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { TextareaElement } from './input.fc';\nimport { mapValidationResult, onInputBlur } from './input.util';\nimport type { TextareaResizeBehavior } from './textarea.types';\n\n/\n @form-ready\n /\n@Component({\n tag: 'ix-textarea',\n styleUrl: 'textarea.scss',\n shadow: true,\n formAssociated: true,\n})\nexport class Textarea implements IxInputFieldComponent<string> {\n @Element() hostElement!: HTMLIxTextareaElement;\n @AttachInternals() formInternals!: ElementInternals;\n\n /\n The name of the textarea field.\n /\n @Prop({ reflect: true }) name?: string;\n\n /\n The placeholder text for the textarea field.\n /\n @Prop({ reflect: true }) placeholder?: string;\n\n /\n The value of the textarea field.\n /\n @Prop({ reflect: true, mutable: true }) value: string = '';\n\n /\n Determines if the textarea field is required.\n /\n @Prop({ reflect: true }) required: boolean = false;\n\n /\n Determines if the textarea field is disabled.\n /\n @Prop() disabled: boolean = false;\n\n /\n Determines if the textarea field is readonly.\n /\n @Prop() readonly: boolean = false;\n\n /\n The helper text for the textarea field.\n /\n @Prop() helperText?: string;\n\n /\n The info text for the textarea field.\n /\n @Prop() infoText?: string;\n\n /\n Determines if the text should be displayed as a tooltip.\n /\n @Prop() showTextAsTooltip?: boolean;\n\n /\n The valid text for the textarea field.\n /\n @Prop() validText?: string;\n\n /\n The warning text for the textarea field.\n /\n @Prop() warningText?: string;\n\n /\n The label for the textarea field.\n /\n @Prop({ reflect: true }) label?: string;\n\n /\n The error text for the textarea field.\n /\n @Prop() invalidText?: string;\n\n /\n The height of the textarea field (e.g. \"52px\").\n /\n @Prop() textareaHeight?: string;\n\n /\n The width of the textarea field (e.g. \"200px\").\n /\n @Prop() textareaWidth?: string;\n\n /\n The height of the textarea specified by number of rows.\n /\n @Prop() textareaRows?: number;\n\n /\n The width of the textarea specified by number of characters.\n /\n @Prop() textareaCols?: number;\n\n /\n Determines the resize behavior of the textarea field.\n * Resizing can be enabled in one direction, both directions or completely disabled.\n /\n @Prop() resizeBehavior: TextareaResizeBehavior = 'both';\n\n /\n The maximum length of the textarea field.\n /\n @Prop() maxLength?: number;\n\n /\n The minimum length of the textarea field.\n /\n @Prop() minLength?: number;\n\n /\n Event emitted when the value of the textarea field changes.\n /\n @Event() valueChange!: EventEmitter<string>;\n\n /\n Event emitted when the validity state of the textarea field changes.\n /\n @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n /\n Event emitted when the textarea field loses focus.\n /\n @Event() ixBlur!: EventEmitter<void>;\n\n @State() isInvalid = false;\n @State() isValid = false;\n @State() isInfo = false;\n @State() isWarning = false;\n @State() isInvalidByRequired = false;\n\n private readonly textAreaRef = makeRef<HTMLTextAreaElement>();\n private touched = false;\n\n @HookValidationLifecycle()\n updateClassMappings(result: ValidationResults) {\n mapValidationResult(this, result);\n }\n\n componentWillLoad() {\n this.updateFormInternalValue(this.value);\n }\n\n updateFormInternalValue(value: string) {\n this.formInternals.setFormValue(value);\n this.value = value;\n }\n\n /* @internal /\n @Method()\n async getAssociatedFormElement(): Promise<HTMLFormElement \| null> {\n return this.formInternals.form;\n }\n\n /* @internal /\n @Method()\n hasValidValue(): Promise<boolean> {\n return Promise.resolve(!!this.value);\n }\n\n /\n Get the native textarea element.\n /\n @Method()\n getNativeInputElement(): Promise<HTMLTextAreaElement> {\n return this.textAreaRef.waitForCurrent();\n }\n\n /\n Focuses the input field\n /\n @Method()\n async focusInput(): Promise<void> {\n return (await this.getNativeInputElement()).focus();\n }\n\n /\n Check if the textarea field has been touched.\n * @internal\n * */\n @Method()\n isTouched(): Promise<boolean> {\n return Promise.resolve(this.touched);\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n }}\n >\n <ix-field-wrapper\n required={this.required}\n label={this.label}\n helperText={this.helperText}\n invalidText={this.invalidText}\n infoText={this.infoText}\n warningText={this.warningText}\n validText={this.validText}\n showTextAsTooltip={this.showTextAsTooltip}\n isInvalid={this.isInvalid}\n isValid={this.isValid}\n isInfo={this.isInfo}\n isWarning={this.isWarning}\n controlRef={this.textAreaRef}\n >\n {!!this.maxLength && this.maxLength > 0 && (\n <ix-typography\n class=\"bottom-text\"\n slot=\"bottom-right\"\n textColor=\"soft\"\n >\n {(this.value \|\| '').length}/{this.maxLength}\n </ix-typography>\n )}\n <div class=\"input-wrapper\">\n <TextareaElement\n minLength={this.minLength}\n maxLength={this.maxLength}\n textareaCols={this.textareaCols}\n textareaRows={this.textareaRows}\n textareaHeight={this.textareaHeight}\n textareaWidth={this.textareaWidth}\n resizeBehavior={this.resizeBehavior}\n readonly={this.readonly}\n disabled={this.disabled}\n isInvalid={this.isInvalid}\n required={this.required}\n value={this.value}\n placeholder={this.placeholder}\n textAreaRef={this.textAreaRef}\n valueChange={(value) => this.valueChange.emit(value)}\n updateFormInternalValue={(value) =>\n this.updateFormInternalValue(value)\n }\n onBlur={() => {\n onInputBlur(this, this.textAreaRef.current);\n this.touched = true;\n }}\n ></TextareaElement>\n </div>\n </ix-field-wrapper>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/input/textarea.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=textarea.types.js.map

package/dist/collection/components/input/textarea.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"textarea.types.js","sourceRoot":"","sources":["../../../src/components/input/textarea.types.ts"],"names":[],"mappings":"","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 */\nexport type TextareaResizeBehavior =\n | 'both'\n | 'horizontal'\n | 'vertical'\n | 'none';\n"]}

package/dist/collection/components/input-group/input-group.js CHANGED Viewed

@@ -126,7 +126,7 @@ export class InputGroup {
         return width;
     }
     render() {
-        return (h(Host, { key: 'ba35d867fbc675ceacfbf985ae1c4eabce22725c', class: { disabled: this.disabled } }, h("div", { key: '278b075b6160b310ac0c87e70678e57c74a99e1e', class: "group group-start" }, h("slot", { key: 'b13a940241dcbbcd65e970bd4741bba538a4fa54', ref: (el) => (this.startSlotRef = el), name: "input-start" })), h("slot", { key: 'd9d392d7368a36641d4534cef71be623b38e9263' }), h("div", { key: 'a248961f31b840d17553aeccb13d1441787828f7', class: "group group-end" }, h("slot", { key: 'bdee0a589c4bfd5041508c476163290d47dc320e', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
+        return (h(Host, { key: '24b0c17b0f760e00b0c04d976e1ca73e3f7add6a', class: { disabled: this.disabled } }, h("div", { key: 'd18998af36460aa37b025e4c53fbaa4f70c82533', class: "group group-start" }, h("slot", { key: '70d66198ddf8ba6d9e4676ed6055e370b956aecf', ref: (el) => (this.startSlotRef = el), name: "input-start" })), h("slot", { key: 'dfceaca91998ff431ebfc42113971c8b28f25c2a' }), h("div", { key: '910403e5b7e4370fb7f810253e4d304a0fa65f45', class: "group group-end" }, h("slot", { key: '1d1916855ed606041c9865a9f52a65b11ee076bc', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
     }
     static get is() { return "ix-input-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/key-value/key-value.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class KeyValue {
         this.labelPosition = 'top';
     }
     render() {
-        return (h(Host, { key: '2656503512b8f991bd57df171da6968251c03a3e', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (h("ix-icon", { key: 'b942e4299f22001c4e993c0e2b9066f6c223afb2', name: this.icon, size: "24", class: "keyValue__icon" })), h("div", { key: '7a8c8d117e4bc22df31fd8edd3fd002915e919d7', class: "keyValue__content" }, h("div", { key: 'afc5660f034695ebd1c875ec9f672691f3b5b92e', class: "content__label" }, this.label), h("div", { key: '2436cf5a6c145f15a23a99e62afc9c57b6343587', class: {
+        return (h(Host, { key: '627e22cd186d5d4adafe301f273beb7d45328211', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (h("ix-icon", { key: 'aeaf3c43ca177ab355db565ff9f7fa65a6c2da6f', name: this.icon, size: "24", class: "keyValue__icon" })), h("div", { key: 'b8503aecf4002ebdefb64f98457f7cfc712d0f2b', class: "keyValue__content" }, h("div", { key: 'bd3748240d54d858fd470996e418bf09cf1ac0e0', class: "content__label" }, this.label), h("div", { key: '346189cd065f1ba86e65bb7731557112555f8561', class: {
                 content__value: true,
                 'has-customValue': this.value === undefined,
             } }, this.value !== undefined ? (this.value) : (h("slot", { name: "custom-value" }))))));
@@ -84,9 +84,9 @@ export class KeyValue {
                     "resolved": "\"left\" | \"top\"",
                     "references": {
                         "KeyValueLabelPosition": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/key-value/key-value.tsx",
-                            "id": "src/components/key-value/key-value.tsx::KeyValueLabelPosition"
+                            "location": "import",
+                            "path": "./key-value.types",
+                            "id": "src/components/key-value/key-value.types.ts::KeyValueLabelPosition"
                         }
                     }
                 },

package/dist/collection/components/key-value/key-value.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"key-value.js","sourceRoot":"","sources":["../../../src/components/key-value/key-value.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;~~AAIzD~~;;GAEG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAgBE;;WAEG;QACK,kBAAa,GAA0B,KAAK,CAAC;KAmCtD;IA5BC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,sBACL,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAC5C,EAAE;YAED,IAAI,CAAC,IAAI,IAAI,CACZ,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,gBAAgB,GAAW,CACtE;YACD,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,4DAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,KAAK,CAAO;gBAC9C,4DACE,KAAK,EAAE;wBACL,cAAc,EAAE,IAAI;wBACpB,iBAAiB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;qBAC5C,IAEA,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,IAAI,CAAC,KAAK,CACX,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,cAAc,GAAQ,CAClC,CACG,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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\nimport { Component, h, Host, Prop } from '@stencil/core';\~~n\nexport~~ type KeyValueLabelPosition = ~~'top'~~ \| '~~left~~';\n\n/\n @slot custom-value - Optional custom value at key value instead of text value\n /\n@Component({\n tag: 'ix-key-value',\n styleUrl: 'key-value.scss',\n shadow: true,\n})\nexport class KeyValue {\n /\n Optional key value icon\n /\n @Prop() icon?: string;\n\n /\n Key value label\n /\n @Prop() label!: string;\n\n /\n Optional key value label position - 'top' or 'left'\n /\n @Prop() labelPosition: KeyValueLabelPosition = 'top';\n\n /\n Optional key value text value\n */\n @Prop() value?: string;\n\n render() {\n return (\n <Host\n class={`keyValue keyValue--${\n this.labelPosition === 'top' ? 'column' : 'row'\n }`}\n >\n {this.icon && (\n <ix-icon name={this.icon} size=\"24\" class=\"keyValue__icon\"></ix-icon>\n )}\n <div class=\"keyValue__content\">\n <div class=\"content__label\">{this.label}</div>\n <div\n class={{\n content__value: true,\n 'has-customValue': this.value === undefined,\n }}\n >\n {this.value !== undefined ? (\n this.value\n ) : (\n <slot name=\"custom-value\"></slot>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"key-value.js","sourceRoot":"","sources":["../../../src/components/key-value/key-value.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAGzD;;GAEG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAgBE;;WAEG;QACK,kBAAa,GAA0B,KAAK,CAAC;KAmCtD;IA5BC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,sBACL,IAAI,CAAC,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAC5C,EAAE;YAED,IAAI,CAAC,IAAI,IAAI,CACZ,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,gBAAgB,GAAW,CACtE;YACD,4DAAK,KAAK,EAAC,mBAAmB;gBAC5B,4DAAK,KAAK,EAAC,gBAAgB,IAAE,IAAI,CAAC,KAAK,CAAO;gBAC9C,4DACE,KAAK,EAAE;wBACL,cAAc,EAAE,IAAI;wBACpB,iBAAiB,EAAE,IAAI,CAAC,KAAK,KAAK,SAAS;qBAC5C,IAEA,IAAI,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,IAAI,CAAC,KAAK,CACX,CAAC,CAAC,CAAC,CACF,YAAM,IAAI,EAAC,cAAc,GAAQ,CAClC,CACG,CACF,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","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\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport type { KeyValueLabelPosition } from './key-value.types';\n\n/\n @slot custom-value - Optional custom value at key value instead of text value\n /\n@Component({\n tag: 'ix-key-value',\n styleUrl: 'key-value.scss',\n shadow: true,\n})\nexport class KeyValue {\n /\n Optional key value icon\n /\n @Prop() icon?: string;\n\n /\n Key value label\n /\n @Prop() label!: string;\n\n /\n Optional key value label position - 'top' or 'left'\n /\n @Prop() labelPosition: KeyValueLabelPosition = 'top';\n\n /\n Optional key value text value\n */\n @Prop() value?: string;\n\n render() {\n return (\n <Host\n class={`keyValue keyValue--${\n this.labelPosition === 'top' ? 'column' : 'row'\n }`}\n >\n {this.icon && (\n <ix-icon name={this.icon} size=\"24\" class=\"keyValue__icon\"></ix-icon>\n )}\n <div class=\"keyValue__content\">\n <div class=\"content__label\">{this.label}</div>\n <div\n class={{\n content__value: true,\n 'has-customValue': this.value === undefined,\n }}\n >\n {this.value !== undefined ? (\n this.value\n ) : (\n <slot name=\"custom-value\"></slot>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/key-value/key-value.types.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=key-value.types.js.map

package/dist/collection/components/key-value/key-value.types.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"key-value.types.js","sourceRoot":"","sources":["../../../src/components/key-value/key-value.types.ts"],"names":[],"mappings":"","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 */\nexport type KeyValueLabelPosition = 'top' | 'left';\n"]}

package/dist/collection/components/key-value-list/key-value-list.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class KeyValueList {
         this.striped = false;
     }
     render() {
-        return (h(Host, { key: 'a0383621779021bfaa04dfa24c0d64f843caef46', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: 'f42227578514bbc39d2c03fa5938487d3ba04cf0' })));
+        return (h(Host, { key: '27163734dfd54def57dd0186263161898c7b4dfe', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: '0d28e89b4b194cd499653bd76132f205ab55d10b' })));
     }
     static get is() { return "ix-key-value-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/kpi/kpi.js CHANGED Viewed

@@ -37,13 +37,13 @@ export class Kpi {
         return tooltip;
     }
     render() {
-        return (h(Host, { key: 'ce1da739841323d068eb084cd86771c13c415081', title: this.getTooltipText(), tabindex: "1", class: {
+        return (h(Host, { key: '1179001dc0e8bdc5ffce63d27ecd0c5d81289020', title: this.getTooltipText(), tabindex: "1", class: {
                 stacked: this.orientation === 'vertical',
-            } }, h("div", { key: '7d3b4e4aa3fdd88a3574c309acf3e11da9f4498c', class: {
+            } }, h("div", { key: '5b44cac0229b98c7ed92e5462e432957a9346342', class: {
                 'kpi-container': true,
                 alarm: this.state === 'alarm',
                 warning: this.state === 'warning',
-            } }, h("span", { key: '0276e52a4bb5cd8845ea0f2feb89cad0bb84cf54', class: "kpi-label" }, this.getStateIcon(), h("span", { key: '5ec332bbfb025fc705d8dc41527ed5d57ef83720', class: "kpi-label-text" }, this.label)), h("span", { key: 'b8b55580b59c271988fb5ccbac77737c73c46133', class: "kpi-value-container" }, h("span", { key: '7694b2e056abb0af7da5ef4f78501b46bb974df5', class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : ''))));
+            } }, h("span", { key: '88c5197ae8715095ddaf432505281acf00c3d01d', class: "kpi-label" }, this.getStateIcon(), h("span", { key: '5c61046a28907c369d7b51293e89be41fe9c498e', class: "kpi-label-text" }, this.label)), h("span", { key: 'e14031e96120f4c6af5296b573cc9c41cae0641a', class: "kpi-value-container" }, h("span", { key: 'b2d3a7f32e1d7bd8629066596c99460e7ed82425', class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : ''))));
     }
     static get is() { return "ix-kpi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout-auto/layout-auto.js CHANGED Viewed

@@ -77,7 +77,7 @@ export class LayoutForm {
         });
     }
     render() {
-        return (h(Host, { key: '73cb2cc86bf294cfabdbd90a24baa9e583b850f2' }, h("div", { key: '81d24945059b91e1787f120d9f12082033e4963c', class: "container" }, h("slot", { key: 'fb098e946e0c4f6aa22e9e4f83c55ce9501bd751' }))));
+        return (h(Host, { key: 'e47b51c31c41e8c1170c3d3e83300185da2e57f3' }, h("div", { key: '33ef95cae638b9646013a9fe18186567335bcbe3', class: "container" }, h("slot", { key: '26ca2296fc76045f3a0bda81683a4e64c2dc02dd' }))));
     }
     static get is() { return "ix-layout-auto"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/layout-grid/layout-grid.js CHANGED Viewed

@@ -23,12 +23,12 @@ export class LayoutGrid {
         this.columns = 12;
     }
     render() {
-        return (h(Host, { key: '2c999ca61e022612f73a613f08621996bd3195de', class: {
+        return (h(Host, { key: 'e70a02ebb1bf59a854fd2e7a9852eb71307b1ba8', class: {
                 'no-margin': this.noMargin,
             }, style: {
                 '--ix-layout-grid-columns': `${this.columns}`,
                 '--ix-layout-grid-gutter': `${this.gap}px`,
-            } }, h("slot", { key: '25863fb87ae527dc17589e205a5058d87c560baa' })));
+            } }, h("slot", { key: '49d350c160d49df1a546c1b10bb460a1a63bc234' })));
     }
     static get is() { return "ix-layout-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/link-button/link-button.js CHANGED Viewed

@@ -22,13 +22,13 @@ export class LinkButton {
         this.target = '_self';
     }
     render() {
-        return (h(Host, { key: 'f51716bc324bfb821a28eb2c5ccad5f89d1ecfd8' }, h("a", { key: 'd248a4aad60e0456ba4faafdc9fdf2a0e2002783', title: this.url, tabindex: "0", class: {
+        return (h(Host, { key: '2497caf192615ed280d5ae11fdb2ef27060c94f7' }, h("a", { key: 'd16ef2ae663fdf36d176e6f59ec909b2b37bc14a', title: this.url, tabindex: "0", class: {
                 'link-button': true,
                 disabled: this.disabled,
-            }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '0fc26927646b660b8d49376138d81792e748efc5', class: "icon", name: iconChevronRightSmall, size: "16" }), h("div", { key: '122fdd8e04b587ee55aec65cd011d83a08dff1a1', class: {
+            }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '9d426962a4a03ef0c2602c788bbd450521e30aec', class: "icon", name: iconChevronRightSmall, size: "16" }), h("div", { key: '52a4346e4a708c9acd11bad8ecaf9b2597db0a34', class: {
                 link: true,
                 disabled: this.disabled,
-            } }, h("slot", { key: '84f829455f157ac12761bd7f819232cc3940550d' })))));
+            } }, h("slot", { key: 'c608729d1bfba5109396a32c31a2b94c08648072' })))));
     }
     static get is() { return "ix-link-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-navigation/map-navigation.js CHANGED Viewed

@@ -156,11 +156,11 @@ export class MapNavigation {
         this.hasContentHeader = (nodes === null || nodes === void 0 ? void 0 : nodes.length) !== 0;
     }
     render() {
-        return (h(Host, { key: '3e1350b7aad57db841d5e61e38103c2b2f91568c' }, h("slot", { key: '60285bc33e98f72f3efd8c8fd3c296700fafb030', name: "menu" }), h("div", { key: '02614dd023454bd6cb7e9829cfbbf82368b82cc4', class: "map-nav" }, h("div", { key: '0ba3ca4ac4ae62bd7e57a544aab646ec9c4278d0', class: "map-nav-sidebar" }, h("div", { key: '006f5f5c53ed880e18364c2c6e0535aca2cb6de8', class: "map-nav-header" }, h("ix-application-header", { key: '09655e57e6581b46c199a081a20616c3d1ea7d9e', name: this.applicationName, class: "map-nav-header-brand" }, h("slot", { key: '8d2bb1aaec53db6bbdaf9b5d05c5bb5948c83396', slot: "logo", name: "logo" }))), h("div", { key: '8ef15067134dd58d03a2903c51b894c4949fac46', class: "map-nav-sidebar-content" }, h("div", { key: '8059f492e1335736870d461caa79d5afd01b804d', class: "map-nav-sidebar-static-content" }, h("div", { key: '571682ee26c04fd8950b99a0465e27f9ca8b4f49', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (h("ix-icon-button", { icon: iconContextMenu, ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), h("div", { key: '69065846ae6ba9a7b2955599c9d651e0307a9785', class: "map-nav-sidebar-user-content" }, h("slot", { key: 'b90077198384c9477b4f244f3ee175bb06f59932', name: "sidebar-content" })))), h("div", { key: '9e1cee83e6be92ee3763745f26a35a09ec246fde', class: "content" }, h("div", { key: 'adeeae0954b90eb4fe58efd8eed42621d4b16f25', class: {
+        return (h(Host, { key: '1d51d04de4d970cbdd6b177b2df10fb667b8711d' }, h("slot", { key: '74db2a71b043c9e23e07dd7e4b66ce35b95a3dbd', name: "menu" }), h("div", { key: 'e3b726d951df3e37dbbd4a9bd1721154830abddb', class: "map-nav" }, h("div", { key: 'd36aff6a54ff7b39793f1198f13030d44a8a0790', class: "map-nav-sidebar" }, h("div", { key: 'ecf102fc686d03e3494c9a05ba164bc5cf70314b', class: "map-nav-header" }, h("ix-application-header", { key: '9801d53f75be872452710e6914ddd0a7a33d6498', name: this.applicationName, class: "map-nav-header-brand" }, h("slot", { key: 'dae564627ad3f3189fb84ce442544ee80ccc9450', slot: "logo", name: "logo" }))), h("div", { key: 'b9c4b99194540fead25a94c27af67d1735bb6c4c', class: "map-nav-sidebar-content" }, h("div", { key: 'a5d8b7e48f847500a615b8a6d3502f23dcf3f273', class: "map-nav-sidebar-static-content" }, h("div", { key: '6e0355f832d5d6efcce6ef98259103e0500481e8', class: "map-nav-title" }, this.navigationTitle), this.hideContextMenu ? ('') : (h("ix-icon-button", { icon: iconContextMenu, ghost: true, size: "24", variant: "secondary", onClick: (_) => this.contextMenuClick.emit() }))), h("div", { key: '8c4d062557f5d13a0fd4c5f012afbbe2b5f647d0', class: "map-nav-sidebar-user-content" }, h("slot", { key: '9d22e54122a8c5f3d3a868ce94fd5b0620c973b3', name: "sidebar-content" })))), h("div", { key: '10262bb19e22bf9dcf7ea0ccd8f48ff442066914', class: "content" }, h("div", { key: '01173672d892e954f1c895fe69fe12f69510dfaf', class: {
                 'map-nav-header-content': true,
                 'bg-2': true,
                 empty: !this.hasContentHeader,
-            } }, h("slot", { key: '7bceda749e11b66324ebba33b58184d1510aa67e', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), h("main", { key: '2f4a9c9367f10f332d39a1fb674dc6ba9ff3f6ed' }, h("slot", { key: '8af1c35813a970c1980c5ae149f361cd8feb0bf8' }), h("slot", { key: '1233e7bdec3b9c823e39560252163678acaa2951', name: "overlay" }))))));
+            } }, h("slot", { key: 'fcd9985efc9cd140c52d1627fb7d4a0803e1eb00', name: "content-header", onSlotchange: (e) => this.checkHasContentHeader(e) })), h("main", { key: '6aea55531616aa9efa50a179a1f1fd6f70abae51' }, h("slot", { key: '4ea1031eb142f7fdb12b3e6c51514d0184f22061' }), h("slot", { key: '271949b43a6464183da0c78d5dfb496c1cdf3271', name: "overlay" }))))));
     }
     static get is() { return "ix-map-navigation"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js CHANGED Viewed

@@ -39,14 +39,14 @@ export class MapNavigationOverlay {
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '1301c6a5a011ec4d71aff6e84d268a6852d9ad50' }, h("div", { key: 'f36755f9c946d49a263b95cb47a48135a06603a3', class: "overlay-header" }, h("div", { key: 'e936832f40c5284fd3fbb3fc1f823a97faccdc92', class: {
+        return (h(Host, { key: 'be0450f1bf2816ed1e70146073469d9d7662954d' }, h("div", { key: 'c8228b4bc5d27bf67c3fda10f2fc422275a62ecd', class: "overlay-header" }, h("div", { key: '7c12744ae39f398fe2c004391b70bd667fd4985b', class: {
                 'color-indicator': true,
                 'display-none': ((_a = this.iconColor) !== null && _a !== void 0 ? _a : this.color) === undefined,
             }, style: {
                 'background-color': ((_b = this.iconColor) !== null && _b !== void 0 ? _b : this.color)
                     ? `var(--theme-${(_c = this.iconColor) !== null && _c !== void 0 ? _c : this.color})`
                     : '',
-            } }), h("div", { key: '03e450b5cd58ae15bf35a5ef9c8a7001286fb5f2', class: "overlay-header-content" }, h("ix-icon", { key: '0ab48132ac00d50d4536d5b1431feb243593e1cc', size: "32", name: this.icon }), h("span", { key: '2e7927246659b7c0b16318d1a9c7364f362ca68e', class: "overlay-header-title", title: this.name }, this.name)), h("ix-icon-button", { key: 'abd4ee42443bcecfb14842bb0a11d4b651cb0abf', class: "overlay-close", ghost: true, icon: iconClose, size: "24", onClick: () => this.closeOverlay() })), h("slot", { key: 'a07d4902973759d03b648c318462cbc731ed478a' })));
+            } }), h("div", { key: 'e4f696a609d817d17236e329fc1c22058e3728eb', class: "overlay-header-content" }, h("ix-icon", { key: '12a400c7491ac55afc50caa987ca9989ae44469c', size: "32", name: this.icon }), h("span", { key: 'b6dbe4307670e581ddfaa280930daeb691351210', class: "overlay-header-title", title: this.name }, this.name)), h("ix-icon-button", { key: 'b766c16fc147c44d73b9854bf244a32c6d3f9c24', class: "overlay-close", ghost: true, icon: iconClose, size: "24", onClick: () => this.closeOverlay() })), h("slot", { key: 'bfd926cbd26c4b0fc393a6fec4da736425db6f8b' })));
     }
     static get is() { return "ix-map-navigation-overlay"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu/menu-expand-icon.js CHANGED Viewed

@@ -49,7 +49,7 @@ export class MenuExpandIcon {
         return this.getSmallScreenIcon();
     }
     render() {
-        return (h(Host, { key: 'e9fd6b9a5c856f993b2b8310bb4f60c544a6a486', class: {
+        return (h(Host, { key: 'ea63ca6b29ac5da5c70d8aafbee54a4082e0b4f6', class: {
                 expanded: this.expanded,
             }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
     }

package/dist/collection/components/menu/menu.js CHANGED Viewed

@@ -441,44 +441,44 @@ export class Menu {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: 'f33d825f3a05db6bc2bc3220e6c6145b92def178', class: {
+        return (h(Host, { key: '0a82c9c443aee1e35eb9177193446311e324235b', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, h("nav", { key: '70e3ee98bcf1004a3483466585287701eccda07e', class: {
+            }, slot: "menu" }, h("nav", { key: '591c2c777fa786e2ae5c747ddf748a1eb78e3ecb', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, h("div", { key: '0bc7a9f77dac1f986fcf4ed9bca92e2ef724e7e0', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: 'da9ed4391c3848f828654ccdf31baf0549531055', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
-            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (h("ix-icon-button", { key: 'affac70b7988e246bcc1ee1f05117a00c7b06b9a', onClick: () => {
+            } }, h("div", { key: 'a5419a281f80e6fa2fcd6a77ea87b035c52919aa', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: '26f50499ee3b98b0d4f3d20d798505a6274f78b7', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
+            ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (h("ix-icon-button", { key: '69b93153a2ecabb8c0673490a466a30e52a2b5bb', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, ghost: true }))), h("div", { key: 'fb7e2e7a6dfb6345db462c3505b83931abad1c46', id: "menu-tabs", style: {
+            }, icon: iconApps, ghost: true }))), h("div", { key: '648d03ac32f70239abdd06fadeca9906afef9112', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: '0579aefc63155a54eec4676357e9c13d53b532f4', class: "tabs-shadow-container" }, h("div", { key: 'f8e8087f402b2e7fae2570c164abf94407d1993b', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: 'f4472d51bf26d28bf83c7a381be6305fe748f001', class: "tabs-shadow-container" }, h("div", { key: '84585c74c3b5c6ba7d304298a22a19c79e1d3dde', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), h("div", { key: '57760012cd3138ed2642e5763e97b0aba1480e43', class: {
+            } }), h("div", { key: '0e7777f3a7ca89b21a9c3b266e3ce4e7fb9ec129', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: '801ebc6ce0a52b7556af7594604d4fff4a141722', class: "menu-avatar" }, h("slot", { key: 'f469a4ed48f1d3400b9450eba05cbfeb5ecfa2e8', name: "ix-menu-avatar" })), h("slot", { key: 'df73e527ff81ea63c8730354554defd54558776a', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: '1693654345856d262bd850d88740aa4a87c43c74', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: '733c00670337417bd4ffe2e3eec2b8bdbef9f548', class: "menu-avatar" }, h("slot", { key: 'a484b0cc47a9ea9ce2ee617e506dec27633db8b8', name: "ix-menu-avatar" })), h("slot", { key: 'f31b045d1baf0bedbc334c9b6223a38c30a08b35', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: '504778e5f20b8ff70e34f81b4e626ce3359e5b71', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), h("div", { key: '01f18b245c60dbe54fc0d594ec504f92e00b7642', class: "bottom-tab-divider" }), this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), h("div", { key: '5a3c4beceeca8824b6efced4cc7811d91fcc7b46', class: "bottom-tab-divider" }), this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showSettings,
-            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, h("div", { key: 'd004cb5daa680766d5f7b126ca772694e88913f9', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '4819e26208049ec8bd02d68c6ceea55c7561b2f8', name: "bottom" })), h("div", { key: '08ef3fcca395182cc9e86b8ebbc23148ac2bf1ea', id: "popover-area" }), this.about ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, h("div", { key: '7a02278bb6f805c707425c8e23f07c8cb720e8b9', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '00b073b177178b88f3020a00a4131eba0ca80c11', name: "bottom" })), h("div", { key: 'bcc8a61e52c6b4785698f8335446d290645b0b9b', id: "popover-area" }), this.about ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
                 'internal-tab': true,
                 'bottom-tab': true,
                 active: this.showAbout,
-            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null), h("div", { key: '58c5b0f708e2a593aa7416a765a446465e37faf7', class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null, this.enableToggleTheme ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null), h("div", { key: 'cb9ca1d088c2c212c2e09a9d76867c569c613c8d', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, h("div", { key: 'c4ba83dd66595c0fad819a1a490b2e42b0aa38ce', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: '7671f01c78c577993b9abc329a560ac4b07b6ae9', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
+            } }, h("div", { key: 'd115e9646a2835c246341ab1f89c4df691cffc40', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: 'af358812d89ac0ac38dca2abd7030660e00ae876', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
     }
     static get is() { return "ix-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-about/menu-about.js CHANGED Viewed

@@ -28,7 +28,7 @@ export class MenuAbout {
         forceUpdate(this.el);
     }
     render() {
-        return h(MenuTabs, { key: '8218ff2b48573f3cf1c87aa65840770c9c38f9ac', context: this });
+        return h(MenuTabs, { key: 'f39b61fd405141b8e2e7061bd76194ee4beb3a3d', context: this });
     }
     static get is() { return "ix-menu-about"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-about-item/menu-about-item.js CHANGED Viewed

@@ -16,7 +16,7 @@ export class MenuAboutItem {
         });
     }
     render() {
-        return (h(Host, { key: '8ef680041a9466972e2f792909117c11a4ffcd83' }, h("slot", { key: 'b7f62049ac40bd8563568b627c3b50993c30eb4a' })));
+        return (h(Host, { key: '816bcf3b512519e645490845260cd5b79b4b80fe' }, h("slot", { key: 'cf2b54acadddc5c26a9111faff3b865e7f231ed6' })));
     }
     static get is() { return "ix-menu-about-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-about-news/menu-about-news.js CHANGED Viewed

@@ -26,16 +26,16 @@ export class MenuAboutNews {
         this.expanded = false;
     }
     render() {
-        return (h(Host, { key: 'eea654ba539abc50cfa9d979890c37ab716d400f', class: {
+        return (h(Host, { key: 'c64b5cf97a522d325d022d8c926d8c9734646425', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, h("div", { key: 'f13ec2bc1156c10fd85eadcacc4ef68a4d32a80f', class: "banner-container" }, h("ix-icon", { key: '6542fd37698271d1988a4ae8113cb1fc586c491b', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '9e467fb1eb70f5403a886c22eb006fec33d407f9', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '3ba06beff48d62ebd93046de0eafb78fdc069d01', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'd3554c46179ca1cb9ea26b85323241043949c3b2', class: "cui-popover-news-header" }, h("ix-typography", { key: '2ad6592139c4a5878622f4001d4a30ce025d745e', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: '20cc0359486787dbd66ccaa6ba72cebd67319ad7', size: "24", icon: iconClose, ghost: true, onClick: () => {
+            } }, h("div", { key: '9ba716f9fcc223d7b5b2d9bc28c2f8f28a457462', class: "banner-container" }, h("ix-icon", { key: '798f58b181ab9e91f8b1d88567eec52f6442978b', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '46bad2b7a6bf5ceb43c305b9e5089a2bbdb18c22', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '6a4b421a8d3dbabf524dec74b37476f968646fb8', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'f2180d9fcee77160fc4b1ad071e57ed3adf160a3', class: "cui-popover-news-header" }, h("ix-typography", { key: '8831582147f84df598c0b138f6f438259b161cc3', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: '13a882de3bb1422ff65eac1d8b53740b3fb552e5', size: "24", icon: iconClose, ghost: true, onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), h("div", { key: '37ed3b5c8308e305e051d80b4e0c7f32cc6d3fb2', class: "slot-container" }, h("slot", { key: '04fbd96561b71befc53829b2af6f77591e600cd2' })), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
+            } }), h("div", { key: 'e60241c90b56bae060f50035daa12d165d6be785', class: "slot-container" }, h("slot", { key: '8a0e881cfa403d2576e4cfbb149f310316d53fba' })), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
                 this.show = false;
                 this.showMore.emit(e);
-            } }, this.i18nShowMore))) : null, h("div", { key: '5edaac386c73dd3b526aa8007d93e95da1f3362c', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, h("div", { key: 'a4516f11dc0ccc3e492f8fca096d03938a415439', id: "arrow" })));
     }
     static get is() { return "ix-menu-about-news"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/menu-avatar/menu-avatar.js CHANGED Viewed

@@ -34,9 +34,9 @@ export class MenuAvatar {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (h(Host, { key: '1ef1b14509910ea6cae53e908cdd01a31ae1e137', slot: "ix-menu-avatar" }, h("button", { key: '4332fde7abf016c2a32be541d1dc5c5d9164822d', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '9402f5651086c89e4da364857faecbc590a24614', image: this.image, initials: this.initials }), h("div", { key: '153dfe067f5dc36a754c2f3659efc63fc8f5d7e5', class: "avatar-name" }, h("span", { key: 'abbb516251602a868dfb82b5d34d675917a92a9c', class: "text-default-single", title: this.top }, this.top), h("span", { key: '7eae2eca1a0c7f61f6d61d642256193d9ee85d10', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: '30c91a116ce19536a74ce2209238632c5f499a02', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
+        return (h(Host, { key: 'd39f2185d9c75395af0b72507439a8e28a20fdc7', slot: "ix-menu-avatar" }, h("button", { key: 'f171e34fa3361cbeb55d4730de3536918cfccb31', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '6c9496150170f3474bf4dd545c834ecd3dd4e215', image: this.image, initials: this.initials }), h("div", { key: '6493bd94c069d676f41984274dec57b876117ae5', class: "avatar-name" }, h("span", { key: 'f72261b4c8a7752fbbe93df416b0b2f8c314c61b', class: "text-default-single", title: this.top }, this.top), h("span", { key: '909f8c9579d97d92f9be2b86e336f5ed8a2b3c78', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: 'c1a91f5f2703d85fb0fefef0ef97b17112113b55', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && !this.showLogoutButton, offset: {
                 mainAxis: 16,
-            } }, h("slot", { key: 'dd5450f6fbb334fcfebf278b291b0d63042065d8', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (h("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, h("slot", { key: '284a7ea7a3431c1b2b83fc6dd13cbb51d517a45a', onSlotchange: () => this.onSlotChange() }), this.showLogoutButton ? (h("ix-menu-avatar-item", { label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })) : null)));
     }

package/dist/collection/components/menu-avatar-item/menu-avatar-item.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class MenuAvatarItem {
         return this.dropdownItemRef.waitForCurrent();
     }
     render() {
-        return (h("ix-dropdown-item", { key: 'ad3fe91ce8805dce1d694db9405665d99752646c', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
+        return (h("ix-dropdown-item", { key: '9283341aa90956527e281ea9a55991765f993cd4', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
     }
     static get is() { return "ix-menu-avatar-item"; }
     static get encapsulation() { return "shadow"; }