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

package/dist/collection/components/datetime-picker/datetime-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime-picker.js","sourceRoot":"","sources":["../../../src/components/datetime-picker/datetime-picker.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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { DateChangeEvent } from '../date-picker/date-picker';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\n\nexport type DateTimeSelectEvent = {\n  from?: string;\n  to?: string;\n  time: string;\n};\n\nexport type DateTimeDateChangeEvent =\n  | string\n  | Omit<DateTimeSelectEvent, 'time'>;\n\n@Component({\n  tag: 'ix-datetime-picker',\n  styleUrl: 'datetime-picker.scss',\n  shadow: true,\n})\nexport class DatetimePicker\n  implements Omit<IxDatePickerComponent, 'corners' | 'format'>\n{\n  /**\n   * If true a date-range can be selected (from/to).\n   */\n  @Prop() range = true;\n\n  /**\n   * Show hour input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showHour = true;\n\n  /**\n   * Show minutes input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showMinutes = true;\n\n  /**\n   * Show seconds input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showSeconds = true;\n\n  /**\n   * The earliest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() minDate?: string;\n\n  /**\n   * The latest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() maxDate?: string;\n\n  /**\n   * Date format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() dateFormat: string = 'yyyy/LL/dd';\n\n  /**\n   * Time format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() timeFormat: string = 'HH:mm:ss';\n\n  /**\n   * The selected starting date. If the picker is not in range mode this is the selected date.\n   * Format has to match the `format` property.\n   */\n  @Prop() from?: string;\n\n  /**\n   * The selected end date. If the the picker is not in range mode this property has no impact.\n   * Format has to match the `format` property.\n   */\n  @Prop() to?: string;\n\n  /**\n   * Select time with format string\n   */\n  @Prop() time?: string;\n\n  /**\n   * Show time reference input\n   * Time reference is default aligned with @see {this.timeFormat}\n   */\n  @Prop() showTimeReference: boolean = false;\n\n  /**\n   * Set time reference\n   */\n  @Prop() timeReference?: 'AM' | 'PM';\n\n  /**\n   * Text of date select button\n   */\n  @Prop({ attribute: 'i18n-done' }) i18nDone: string = 'Done';\n\n  /**\n   * Top label of time picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() i18nTime: string = 'Time';\n\n  /**\n   * The index of which day to start the week on, based on the Locale#weekdays array.\n   * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.\n   */\n  @Prop() weekStartIndex = 0;\n\n  /**\n   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() locale?: string;\n\n  /**\n   * Shows week numbers displayed on the left side of the date picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() showWeekNumbers = false;\n\n  /**\n   * Time change\n   */\n  @Event() timeChange!: EventEmitter<string>;\n\n  /**\n   * Date change\n   */\n  @Event() dateChange!: EventEmitter<DateTimeDateChangeEvent>;\n\n  /**\n   * Datetime selection event is fired after confirm button is pressed\n   */\n  @Event() dateSelect!: EventEmitter<DateTimeSelectEvent>;\n\n  private datePickerElement?: HTMLIxDatePickerElement;\n  private timePickerElement?: HTMLIxTimePickerElement;\n\n  private async onDone() {\n    const date = await this.datePickerElement?.getCurrentDate();\n    const time = await this.timePickerElement?.getCurrentTime();\n\n    this.dateSelect.emit({\n      from: date?.from ?? '',\n      to: date?.to ?? '',\n      time: time ?? '',\n    });\n  }\n\n  private async onDateChange(event: CustomEvent<string | DateChangeEvent>) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { detail: date } = event;\n    this.dateChange.emit(date);\n  }\n\n  private async onTimeChange(event: CustomEvent<string>) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { detail: time } = event;\n    this.timeChange.emit(time);\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-layout-grid class=\"no-padding\">\n          <ix-row>\n            <ix-col>\n              <ix-date-picker\n                ref={(ref) => (this.datePickerElement = ref)}\n                corners=\"left\"\n                range={this.range}\n                onDateChange={(event) => this.onDateChange(event)}\n                from={this.from}\n                to={this.to}\n                format={this.dateFormat}\n                minDate={this.minDate}\n                maxDate={this.maxDate}\n                weekStartIndex={this.weekStartIndex}\n                standaloneAppearance={false}\n                locale={this.locale}\n                showWeekNumbers={this.showWeekNumbers}\n              ></ix-date-picker>\n            </ix-col>\n\n            <ix-col>\n              <ix-time-picker\n                class=\"min-width\"\n                ref={(ref) => (this.timePickerElement = ref)}\n                standaloneAppearance={false}\n                dateTimePickerAppearance={true}\n                onTimeChange={(event) => this.onTimeChange(event)}\n                format={this.timeFormat}\n                textTime={this.i18nTime}\n                time={this.time}\n                showHour={this.showHour}\n                showMinutes={this.showMinutes}\n                showSeconds={this.showSeconds}\n              ></ix-time-picker>\n              <div class=\"btn-select-date-container\">\n                <ix-button\n                  class=\"btn-select-date\"\n                  onClick={() => this.onDone()}\n                >\n                  {this.i18nDone}\n                </ix-button>\n              </div>\n            </ix-col>\n          </ix-row>\n        </ix-layout-grid>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"datetime-picker.js","sourceRoot":"","sources":["../../../src/components/datetime-picker/datetime-picker.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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { DateChangeEvent } from '../date-picker/date-picker.events';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\nimport type {\n  DateTimeDateChangeEvent,\n  DateTimeSelectEvent,\n} from './datetime-picker.types';\n\n@Component({\n  tag: 'ix-datetime-picker',\n  styleUrl: 'datetime-picker.scss',\n  shadow: true,\n})\nexport class DatetimePicker\n  implements Omit<IxDatePickerComponent, 'corners' | 'format'>\n{\n  /**\n   * If true a date-range can be selected (from/to).\n   */\n  @Prop() range = true;\n\n  /**\n   * Show hour input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showHour = true;\n\n  /**\n   * Show minutes input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showMinutes = true;\n\n  /**\n   * Show seconds input\n   *\n   * @deprecated This is now determined by the format that is used. Will be removed in 4.0.0\n   */\n  @Prop() showSeconds = true;\n\n  /**\n   * The earliest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() minDate?: string;\n\n  /**\n   * The latest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() maxDate?: string;\n\n  /**\n   * Date format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() dateFormat: string = 'yyyy/LL/dd';\n\n  /**\n   * Time format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() timeFormat: string = 'HH:mm:ss';\n\n  /**\n   * The selected starting date. If the picker is not in range mode this is the selected date.\n   * Format has to match the `format` property.\n   */\n  @Prop() from?: string;\n\n  /**\n   * The selected end date. If the the picker is not in range mode this property has no impact.\n   * Format has to match the `format` property.\n   */\n  @Prop() to?: string;\n\n  /**\n   * Select time with format string\n   */\n  @Prop() time?: string;\n\n  /**\n   * Show time reference input\n   * Time reference is default aligned with @see {this.timeFormat}\n   */\n  @Prop() showTimeReference: boolean = false;\n\n  /**\n   * Set time reference\n   */\n  @Prop() timeReference?: 'AM' | 'PM';\n\n  /**\n   * Text of date select button\n   */\n  @Prop({ attribute: 'i18n-done' }) i18nDone: string = 'Done';\n\n  /**\n   * Top label of time picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() i18nTime: string = 'Time';\n\n  /**\n   * The index of which day to start the week on, based on the Locale#weekdays array.\n   * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.\n   */\n  @Prop() weekStartIndex = 0;\n\n  /**\n   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() locale?: string;\n\n  /**\n   * Shows week numbers displayed on the left side of the date picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() showWeekNumbers = false;\n\n  /**\n   * Time change\n   */\n  @Event() timeChange!: EventEmitter<string>;\n\n  /**\n   * Date change\n   */\n  @Event() dateChange!: EventEmitter<DateTimeDateChangeEvent>;\n\n  /**\n   * Datetime selection event is fired after confirm button is pressed\n   */\n  @Event() dateSelect!: EventEmitter<DateTimeSelectEvent>;\n\n  private datePickerElement?: HTMLIxDatePickerElement;\n  private timePickerElement?: HTMLIxTimePickerElement;\n\n  private async onDone() {\n    const date = await this.datePickerElement?.getCurrentDate();\n    const time = await this.timePickerElement?.getCurrentTime();\n\n    this.dateSelect.emit({\n      from: date?.from ?? '',\n      to: date?.to ?? '',\n      time: time ?? '',\n    });\n  }\n\n  private async onDateChange(event: CustomEvent<string | DateChangeEvent>) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { detail: date } = event;\n    this.dateChange.emit(date);\n  }\n\n  private async onTimeChange(event: CustomEvent<string>) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    const { detail: time } = event;\n    this.timeChange.emit(time);\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-layout-grid class=\"no-padding\">\n          <ix-row>\n            <ix-col>\n              <ix-date-picker\n                ref={(ref) => (this.datePickerElement = ref)}\n                corners=\"left\"\n                range={this.range}\n                onDateChange={(event) => this.onDateChange(event)}\n                from={this.from}\n                to={this.to}\n                format={this.dateFormat}\n                minDate={this.minDate}\n                maxDate={this.maxDate}\n                weekStartIndex={this.weekStartIndex}\n                standaloneAppearance={false}\n                locale={this.locale}\n                showWeekNumbers={this.showWeekNumbers}\n              ></ix-date-picker>\n            </ix-col>\n\n            <ix-col>\n              <ix-time-picker\n                class=\"min-width\"\n                ref={(ref) => (this.timePickerElement = ref)}\n                standaloneAppearance={false}\n                dateTimePickerAppearance={true}\n                onTimeChange={(event) => this.onTimeChange(event)}\n                format={this.timeFormat}\n                textTime={this.i18nTime}\n                time={this.time}\n                showHour={this.showHour}\n                showMinutes={this.showMinutes}\n                showSeconds={this.showSeconds}\n              ></ix-time-picker>\n              <div class=\"btn-select-date-container\">\n                <ix-button\n                  class=\"btn-select-date\"\n                  onClick={() => this.onDone()}\n                >\n                  {this.i18nDone}\n                </ix-button>\n              </div>\n            </ix-col>\n          </ix-row>\n        </ix-layout-grid>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/datetime-picker/datetime-picker.types.js

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

package/dist/collection/components/datetime-picker/datetime-picker.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-picker.types.js","sourceRoot":"","sources":["../../../src/components/datetime-picker/datetime-picker.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 DateTimeSelectEvent = {\n  from?: string;\n  to?: string;\n  time: string;\n};\n\nexport type DateTimeDateChangeEvent =\n  | string\n  | Omit<DateTimeSelectEvent, 'time'>;\n"]}

package/dist/collection/components/divider/divider.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class Divider {
     render() {
-        return h(Host, { key: 'e44c2e4a195fc71c9817466271e830b60460ec3e' });
+        return h(Host, { key: '0c6086308949d16f0ed1c1b88ccdfdbeac537294' });
     }
     static get is() { return "ix-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/drawer/drawer.js

@@ -130,7 +130,7 @@ export class Drawer {
         this.toggleDrawer(this.show);
     }
     render() {
-        return (h(Host, { key: '895a282dbb5684c7d60ab8501c66e087bc200cf1', class: {
+        return (h(Host, { key: '583a9857ead852d4af6dda28dd2f3cd43f7ccdf6', class: {
                 'drawer-container': true,
                 'display-none': true,
             }, style: {
@@ -138,15 +138,15 @@ export class Drawer {
                 'max-width': `${this.maxWidth}rem`,
                 height: this.fullHeight ? '100%' : 'auto',
                 overflow: 'hidden',
-            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, h("div", { key: '73ecbcbb164a46e9b3eff2159ccfcfb0fac2ca7a', style: {
+            }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, h("div", { key: '314284968617cdd37f7240b00d11c6e5834bcc89', style: {
                 width: this.width === 'auto'
                     ? 'auto'
                     : `${this.getConstrainedWidth(this.width)}rem`,
-            } }, h("div", { key: '60bd5a33ed6e6ac015f42d50e6028a4e223b7c56', class: "header" }, h("div", { key: 'beaf36329993f62a306413684af6d46529749b22', class: "header-content" }, h("slot", { key: '29efc75ed67cc579454907847ae351fdfe0ef131', name: "header" })), h("ix-icon-button", { key: 'e4cd803ca55322eff8b4dfc00546c390aad9a85e', class: "close-button", style: {
+            } }, h("div", { key: '878f802e70941772d44d3b3774fe33eb682061e1', class: "header" }, h("div", { key: '29de426ed6849d8464b177c5171c20574d51711d', class: "header-content" }, h("slot", { key: '1fda9e78f5194f71bc8b38b94169502730665d4e', name: "header" })), h("ix-icon-button", { key: '101b53763d05760536497b56b456f07a4f8d1453', class: "close-button", style: {
                 display: this.showContent ? 'block' : 'none',
-            }, icon: iconClose, size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), h("div", { key: '412a24fc2b0f0fd29470ee5950f2aa22853f06f9', class: "content", style: {
+            }, icon: iconClose, size: "24", ghost: true, onClick: () => this.onCloseClicked(), "data-testid": "close-button" })), h("div", { key: 'e9e12c0473fefff7b2d4f2603e63f3ff75d3bd79', class: "content", style: {
                 display: this.showContent ? 'block' : 'none',
-            } }, h("slot", { key: 'a50132fafae8a548c3f2cd8d29715fb95c20ffe7' })))));
+            } }, h("slot", { key: '963505ea2543c97d0a1b83942a0676f47ad967cf' })))));
     }
     static get is() { return "ix-drawer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown/dropdown.js

@@ -346,7 +346,7 @@ export class Dropdown {
         this.applyDropdownPosition();
     }
     render() {
-        return (h(Host, { key: '8db8de1649fadcb2d36ef9f55b6d1149bb0e7d4c', "data-ix-dropdown": this.localUId, class: {
+        return (h(Host, { key: '2c13027bd2c1d4aaf232c5435166dfd557acebe2', "data-ix-dropdown": this.localUId, class: {
                 'dropdown-menu': true,
                 show: this.show,
                 overflow: !this.suppressOverflowBehavior,
@@ -354,7 +354,7 @@ export class Dropdown {
                 margin: '0',
                 minWidth: '0px',
                 position: this.positioningStrategy,
-            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, h("div", { key: '159002cc6a3af7572e78dabd6b9d6c5183aa9135', style: { display: 'contents' } }, this.header && h("div", { key: '3a2c87cf5de4e58e3c31b354e8ea60cfd1d0df46', class: "dropdown-header" }, this.header), this.show && h("slot", { key: '4d3bc1ff5ba251ee576959ce706d80ce9f4d1048' }))));
+            }, role: "list", onClick: (event) => this.onDropdownClick(event) }, h("div", { key: 'a367b5ee709b359ee02df11a17ca67b2f2f474e2', style: { display: 'contents' } }, this.header && h("div", { key: 'ca3be5fb3a3a96eaeb5b64d5f77251d322816804', class: "dropdown-header" }, this.header), this.show && h("slot", { key: 'e04e1b59ede94b260e8cf29ec946befd69218b2d' }))));
     }
     static get is() { return "ix-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-button/dropdown-button.js

@@ -45,9 +45,9 @@ export class DropdownButton {
             } }));
     }
     render() {
-        return (h(Host, { key: '7fc099de5b3400a82f24c611ef88ccfcaddc1659', class: {
+        return (h(Host, { key: '2d7496faf5f6950fe6e6c2c50a06b626e15c3324', class: {
                 disabled: this.disabled,
-            }, ref: this.dropdownAnchor }, h("div", { key: '550a288af069c414424961e0be92d7474f6ca7c5', class: "dropdown-button" }, this.label ? (h("ix-button", { variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled, alignment: "start" }, h("div", { class: 'content' }, this.icon ? (h("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, h("div", { class: 'button-label' }, this.label), h("ix-icon", { name: iconChevronDownSmall, size: "24" })))) : (h("div", null, h("ix-icon-button", { icon: this.icon, variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled }), this.getTriangle()))), h("ix-dropdown", { key: '8e3ea75539be51abc11f0be86f6ec77778c654a8', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior }, h("slot", { key: '27569fbe497b21095f72edcfea1c351610b78b03' }))));
+            }, ref: this.dropdownAnchor }, h("div", { key: 'de1b0d7d8db9d2461e0983143808bd5f6ccb193c', class: "dropdown-button" }, this.label ? (h("ix-button", { variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled, alignment: "start" }, h("div", { class: 'content' }, this.icon ? (h("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, h("div", { class: 'button-label' }, this.label), h("ix-icon", { name: iconChevronDownSmall, size: "24" })))) : (h("div", null, h("ix-icon-button", { icon: this.icon, variant: this.variant, outline: this.outline, ghost: this.ghost, disabled: this.disabled }), this.getTriangle()))), h("ix-dropdown", { key: '66cb34c98ed57210eb92c9234576523981d82028', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior }, h("slot", { key: '1667a871498f0ddeb89fecd4e6bb269e5e4c8e3f' }))));
     }
     static get is() { return "ix-dropdown-button"; }
     static get encapsulation() { return "shadow"; }
@@ -72,9 +72,9 @@ export class DropdownButton {
                     "resolved": "\"danger\" | \"primary\" | \"secondary\"",
                     "references": {
                         "DropdownButtonVariant": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/dropdown-button/dropdown-button.tsx",
-                            "id": "src/components/dropdown-button/dropdown-button.tsx::DropdownButtonVariant"
+                            "location": "import",
+                            "path": "./dropdown-button.types",
+                            "id": "src/components/dropdown-button/dropdown-button.types.ts::DropdownButtonVariant"
                         }
                     }
                 },

package/dist/collection/components/dropdown-button/dropdown-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-button.js","sourceRoot":"","sources":["../../../src/components/dropdown-button/dropdown-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,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAS5C,MAAM,OAAO,cAAc;IAL3B;QAQE;;WAEG;QACK,YAAO,GAA0B,SAAS,CAAC;QAEnD;;WAEG;QACK,YAAO,GAAG,KAAK,CAAC;QAExB;;WAEG;QACK,UAAK,GAAG,KAAK,CAAC;QAEtB;;WAEG;QACK,aAAQ,GAAG,KAAK,CAAC;QAYzB;;WAEG;QACK,kBAAa,GAA4C,MAAM,CAAC;QAOvD,mBAAc,GAAG,OAAO,EAAe,CAAC;KAwE1D;IAtES,WAAW;QACjB,OAAO,CACL,WACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;gBACnC,SAAS,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,GACI,CACR,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,GAAG,EAAE,IAAI,CAAC,cAAc;YAExB,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,iBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,OAAO;gBAEjB,WAAK,KAAK,EAAE,SAAS;oBAClB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,eAAe,GACb,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR,WAAK,KAAK,EAAE,cAAc,IAAG,IAAI,CAAC,KAAK,CAAO;oBAC9C,eAAS,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAC,IAAI,GAAW,CACrD,CACI,CACb,CAAC,CAAC,CAAC,CACF;gBACE,sBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACP;gBACjB,IAAI,CAAC,WAAW,EAAE,CACf,CACP,CACG;YAEN,oEACE,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAC7C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBAEjC,8DAAa,CACD,CACT,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, Element, h, Host, Prop } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\nimport { AlignedPlacement } from '../dropdown/placement';\nimport { iconChevronDownSmall } from '@siemens/ix-icons/icons';\nimport { makeRef } from '../utils/make-ref';\n\nexport type DropdownButtonVariant = ButtonVariant;\n\n@Component({\n  tag: 'ix-dropdown-button',\n  styleUrl: 'dropdown-button.scss',\n  shadow: true,\n})\nexport class DropdownButton {\n  @Element() hostElement!: HTMLIxDropdownButtonElement;\n\n  /**\n   * Button variant\n   */\n  @Prop() variant: DropdownButtonVariant = 'primary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Disable button\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   */\n  @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement?: AlignedPlacement;\n\n  private readonly dropdownAnchor = makeRef<HTMLElement>();\n\n  private getTriangle() {\n    return (\n      <div\n        class={{\n          triangle: true,\n          hide: this.label !== '',\n          primary: this.variant === 'primary',\n          secondary: this.variant === 'secondary',\n          ghost: this.ghost,\n          outline: this.outline,\n          disabled: this.disabled,\n        }}\n      ></div>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n        }}\n        ref={this.dropdownAnchor}\n      >\n        <div class=\"dropdown-button\">\n          {this.label ? (\n            <ix-button\n              variant={this.variant}\n              outline={this.outline}\n              ghost={this.ghost}\n              disabled={this.disabled}\n              alignment=\"start\"\n            >\n              <div class={'content'}>\n                {this.icon ? (\n                  <ix-icon\n                    name={this.icon}\n                    size=\"24\"\n                    class={'dropdown-icon'}\n                  ></ix-icon>\n                ) : null}\n                <div class={'button-label'}>{this.label}</div>\n                <ix-icon name={iconChevronDownSmall} size=\"24\"></ix-icon>\n              </div>\n            </ix-button>\n          ) : (\n            <div>\n              <ix-icon-button\n                icon={this.icon}\n                variant={this.variant}\n                outline={this.outline}\n                ghost={this.ghost}\n                disabled={this.disabled}\n              ></ix-icon-button>\n              {this.getTriangle()}\n            </div>\n          )}\n        </div>\n\n        <ix-dropdown\n          class=\"dropdown\"\n          trigger={this.dropdownAnchor.waitForCurrent()}\n          placement={this.placement}\n          closeBehavior={this.closeBehavior}\n        >\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"dropdown-button.js","sourceRoot":"","sources":["../../../src/components/dropdown-button/dropdown-button.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAElE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAQ5C,MAAM,OAAO,cAAc;IAL3B;QAQE;;WAEG;QACK,YAAO,GAA0B,SAAS,CAAC;QAEnD;;WAEG;QACK,YAAO,GAAG,KAAK,CAAC;QAExB;;WAEG;QACK,UAAK,GAAG,KAAK,CAAC;QAEtB;;WAEG;QACK,aAAQ,GAAG,KAAK,CAAC;QAYzB;;WAEG;QACK,kBAAa,GAA4C,MAAM,CAAC;QAOvD,mBAAc,GAAG,OAAO,EAAe,CAAC;KAwE1D;IAtES,WAAW;QACjB,OAAO,CACL,WACE,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,IAAI,CAAC,KAAK,KAAK,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;gBACnC,SAAS,EAAE,IAAI,CAAC,OAAO,KAAK,WAAW;gBACvC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,GACI,CACR,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,GAAG,EAAE,IAAI,CAAC,cAAc;YAExB,4DAAK,KAAK,EAAC,iBAAiB,IACzB,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,iBACE,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,SAAS,EAAC,OAAO;gBAEjB,WAAK,KAAK,EAAE,SAAS;oBAClB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACX,eACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,eAAe,GACb,CACZ,CAAC,CAAC,CAAC,IAAI;oBACR,WAAK,KAAK,EAAE,cAAc,IAAG,IAAI,CAAC,KAAK,CAAO;oBAC9C,eAAS,IAAI,EAAE,oBAAoB,EAAE,IAAI,EAAC,IAAI,GAAW,CACrD,CACI,CACb,CAAC,CAAC,CAAC,CACF;gBACE,sBACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,GACP;gBACjB,IAAI,CAAC,WAAW,EAAE,CACf,CACP,CACG;YAEN,oEACE,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,cAAc,EAAE,EAC7C,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,aAAa,EAAE,IAAI,CAAC,aAAa;gBAEjC,8DAAa,CACD,CACT,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, Element, h, Host, Prop } from '@stencil/core';\nimport { AlignedPlacement } from '../dropdown/placement';\nimport { iconChevronDownSmall } from '@siemens/ix-icons/icons';\nimport { makeRef } from '../utils/make-ref';\nimport type { DropdownButtonVariant } from './dropdown-button.types';\n\n@Component({\n  tag: 'ix-dropdown-button',\n  styleUrl: 'dropdown-button.scss',\n  shadow: true,\n})\nexport class DropdownButton {\n  @Element() hostElement!: HTMLIxDropdownButtonElement;\n\n  /**\n   * Button variant\n   */\n  @Prop() variant: DropdownButtonVariant = 'primary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Disable button\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   */\n  @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement?: AlignedPlacement;\n\n  private readonly dropdownAnchor = makeRef<HTMLElement>();\n\n  private getTriangle() {\n    return (\n      <div\n        class={{\n          triangle: true,\n          hide: this.label !== '',\n          primary: this.variant === 'primary',\n          secondary: this.variant === 'secondary',\n          ghost: this.ghost,\n          outline: this.outline,\n          disabled: this.disabled,\n        }}\n      ></div>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n        }}\n        ref={this.dropdownAnchor}\n      >\n        <div class=\"dropdown-button\">\n          {this.label ? (\n            <ix-button\n              variant={this.variant}\n              outline={this.outline}\n              ghost={this.ghost}\n              disabled={this.disabled}\n              alignment=\"start\"\n            >\n              <div class={'content'}>\n                {this.icon ? (\n                  <ix-icon\n                    name={this.icon}\n                    size=\"24\"\n                    class={'dropdown-icon'}\n                  ></ix-icon>\n                ) : null}\n                <div class={'button-label'}>{this.label}</div>\n                <ix-icon name={iconChevronDownSmall} size=\"24\"></ix-icon>\n              </div>\n            </ix-button>\n          ) : (\n            <div>\n              <ix-icon-button\n                icon={this.icon}\n                variant={this.variant}\n                outline={this.outline}\n                ghost={this.ghost}\n                disabled={this.disabled}\n              ></ix-icon-button>\n              {this.getTriangle()}\n            </div>\n          )}\n        </div>\n\n        <ix-dropdown\n          class=\"dropdown\"\n          trigger={this.dropdownAnchor.waitForCurrent()}\n          placement={this.placement}\n          closeBehavior={this.closeBehavior}\n        >\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/dropdown-button/dropdown-button.types.js

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

package/dist/collection/components/dropdown-button/dropdown-button.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-button.types.js","sourceRoot":"","sources":["../../../src/components/dropdown-button/dropdown-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 type { ButtonVariant } from '../button/button';\n\nexport type DropdownButtonVariant = ButtonVariant;\n"]}

package/dist/collection/components/dropdown-header/dropdown-header.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class DropdownHeader {
     render() {
-        return (h(Host, { key: '2249e12bb9fddb15434f2fad2dc14b519587cc1b' }, h("ix-typography", { key: '4e2a89eeaf696df5f1e66075fc29bd28cb558ac6', class: 'category-text', format: 'h5' }, this.label)));
+        return (h(Host, { key: 'cd107d89cbb21bf785b8b3eac11a46254128eee2' }, h("ix-typography", { key: 'f19132492b63e43cb3fed1fa32f0532e6b02ae7f', class: 'category-text', format: 'h5' }, this.label)));
     }
     static get is() { return "ix-dropdown-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-item/dropdown-item.js

@@ -41,15 +41,15 @@ export class DropdownItem {
             this.icon !== undefined);
     }
     render() {
-        return (h(Host, { key: '2ed41df95fb098b6153cc3b132656459fc9a105b', class: {
+        return (h(Host, { key: '95905e08054762d328dd53c72ed418da09e4df87', class: {
                 hover: this.hover,
                 'icon-only': this.isIconOnly(),
                 disabled: this.disabled,
                 submenu: this.isSubMenu,
-            }, role: "listitem" }, h("button", { key: 'b519b6a6ab8a9e996424ffa1cfad1c72e829b789', type: "button", tabIndex: 0, class: {
+            }, role: "listitem" }, h("button", { key: '26a2572a6ac9924b84a3b6b25b5c9cd93f80c503', type: "button", tabIndex: 0, class: {
                 'dropdown-item': true,
                 'no-checked-field': this.suppressChecked,
-            }, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (h("div", { class: "dropdown-item-checked" }, this.checked ? (h("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (h("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, h("div", { key: 'e95829b5c21710cddd0fb825dd2cc1f0c71dda10', class: "dropdown-item-text" }, this.label, h("slot", { key: 'a2be1436aedc11a2246b9cf8c9b09f9e6d03fc61' })), this.isSubMenu ? (h("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
+            }, onClick: () => this.emitItemClick() }, !this.suppressChecked ? (h("div", { class: "dropdown-item-checked" }, this.checked ? (h("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (h("ix-icon", { class: "dropdown-item-icon", name: this.icon })) : null, h("div", { key: '6e31ff133320a795040ef9b4aaf6cb33ce0f27a1', class: "dropdown-item-text" }, this.label, h("slot", { key: '7dc0f39923346b6eeb4887dcd0491be79926ab2d' })), this.isSubMenu ? (h("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
     }
     static get is() { return "ix-dropdown-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js

@@ -9,7 +9,7 @@
 import { h, Host } from "@stencil/core";
 export class DropdownQuickActions {
     render() {
-        return (h(Host, { key: 'e6248545942e9142cbc511f83fe549aee81b1fe1' }, h("slot", { key: 'e7034c4d45b5464b690836b9e2721c7f7e5c9de1' })));
+        return (h(Host, { key: 'a110e69d9c4dfe30e866666109ad70ba44a289ad' }, h("slot", { key: 'c59028d1fbd1bb06fdf67806fa3ec0b5771f7d05' })));
     }
     static get is() { return "ix-dropdown-quick-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/empty-state/empty-state.js

@@ -15,7 +15,7 @@ export class EmptyState {
         this.layout = 'large';
     }
     render() {
-        return (h(Host, { key: 'ab49747848ed233944bae8d4873cd65b903a324b', class: `emptyState emptyState--${this.layout}` }, this.icon && (h("div", { key: '965845fb7c9e1c781b9e62f034d173a6b22f5e31', class: "emptyState__icon" }, h("ix-icon", { key: 'eb2ce2319f52147ef0e31d25ff27198d0ad4b2e3', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text" }))), h("div", { key: 'c3d7e79d3f18f02d694ea316917efc3668983b82', class: "emptyState__content" }, h("div", { key: 'd2bc3d7133482f49b75b36443dcf9e633b972107', class: "content__label" }, h("ix-typography", { key: '7aa48ee6bdaffafac9973abf99b0d27df5449a3f', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (h("div", { key: 'b44a49ebdf8ff0b3414c2eb29a7d4880652d7d49', class: "label__subHeader" }, this.subHeader))), this.action && (h("div", { key: '7b505280ff779a8ece9b747ac878a9044acf2043', class: "content__action" }, h("ix-button", { key: '90307dc621879277dddba1d6165992467173b596', onClick: () => this.actionClick.emit() }, this.action))))));
+        return (h(Host, { key: 'd434c7fbfd8d3c287c49fa0f2c8db22316347a1d', class: `emptyState emptyState--${this.layout}` }, this.icon && (h("div", { key: '302252fc8678ebcaf3c4bc4a7c3395e341f8a7fb', class: "emptyState__icon" }, h("ix-icon", { key: '95a56f0258f249d9fedaf4c5cc32fe8d88c122f4', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text" }))), h("div", { key: '9a6726a7adbc8c647aa02d8c5205072a3b8a08b7', class: "emptyState__content" }, h("div", { key: 'a47e763cc591996408988226c04af78e08357825', class: "content__label" }, h("ix-typography", { key: '418514c4b661f4efb13fb6fa66a459c851077f13', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (h("div", { key: 'a96c66dba511294c02a01a7b2e0b9557af988833', class: "label__subHeader" }, this.subHeader))), this.action && (h("div", { key: '6c51df2aea608a3f5017eda7a1c9a2d634003d16', class: "content__action" }, h("ix-button", { key: '34753a75886db6a921ee1e5af3804da0bfdd1c1b', onClick: () => this.actionClick.emit() }, this.action))))));
     }
     static get is() { return "ix-empty-state"; }
     static get encapsulation() { return "shadow"; }
@@ -40,9 +40,9 @@ export class EmptyState {
                     "resolved": "\"compact\" | \"compactBreak\" | \"large\"",
                     "references": {
                         "EmptyStateLayout": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/empty-state/empty-state.tsx",
-                            "id": "src/components/empty-state/empty-state.tsx::EmptyStateLayout"
+                            "location": "import",
+                            "path": "./empty-state.types",
+                            "id": "src/components/empty-state/empty-state.types.ts::EmptyStateLayout"
                         }
                     }
                 },

package/dist/collection/components/empty-state/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAS9E,MAAM,OAAO,UAAU;IALvB;QAME;;WAEG;QACK,WAAM,GAAqB,OAAO,CAAC;KA+D5C;IApCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,0BAA0B,IAAI,CAAC,MAAM,EAAE;YACjD,IAAI,CAAC,IAAI,IAAI,CACZ,4DAAK,KAAK,EAAC,kBAAkB;gBAE3B,gEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,EAAC,iBAAiB,GACvB,CACE,CACP;YAED,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,sEAAe,MAAM,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAC3D,IAAI,CAAC,MAAM,CACE;oBAEf,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,SAAS,CAAO,CACrD,CACG;gBAEL,IAAI,CAAC,MAAM,IAAI,CACd,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEAAW,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAC9C,IAAI,CAAC,MAAM,CACF,CACR,CACP,CACG,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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type EmptyStateLayout = 'large' | 'compact' | 'compactBreak';\n\n@Component({\n  tag: 'ix-empty-state',\n  styleUrl: 'empty-state.scss',\n  shadow: true,\n})\nexport class EmptyState {\n  /**\n   * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'\n   */\n  @Prop() layout: EmptyStateLayout = 'large';\n\n  /**\n   * Optional empty state icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Empty state header\n   */\n  @Prop() header!: string;\n\n  /**\n   * Optional empty state sub header\n   */\n  @Prop() subHeader?: string;\n\n  /**\n   * Optional empty state action\n   */\n  @Prop() action?: string;\n\n  /**\n   * Empty state action click event\n   */\n  @Event() actionClick!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host class={`emptyState emptyState--${this.layout}`}>\n        {this.icon && (\n          <div class=\"emptyState__icon\">\n            {/* TODO: replace size for large layout with '56' if available */}\n            <ix-icon\n              name={this.icon}\n              size={this.layout === 'large' ? '32' : '32'}\n              color=\"color-soft-text\"\n            />\n          </div>\n        )}\n\n        <div class=\"emptyState__content\">\n          <div class=\"content__label\">\n            <ix-typography format={this.layout === 'large' ? 'h3' : 'body'}>\n              {this.header}\n            </ix-typography>\n\n            {this.subHeader && (\n              <div class=\"label__subHeader\">{this.subHeader}</div>\n            )}\n          </div>\n\n          {this.action && (\n            <div class=\"content__action\">\n              <ix-button onClick={() => this.actionClick.emit()}>\n                {this.action}\n              </ix-button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAQ9E,MAAM,OAAO,UAAU;IALvB;QAME;;WAEG;QACK,WAAM,GAAqB,OAAO,CAAC;KA+D5C;IApCC,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDAAC,KAAK,EAAE,0BAA0B,IAAI,CAAC,MAAM,EAAE;YACjD,IAAI,CAAC,IAAI,IAAI,CACZ,4DAAK,KAAK,EAAC,kBAAkB;gBAE3B,gEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAC3C,KAAK,EAAC,iBAAiB,GACvB,CACE,CACP;YAED,4DAAK,KAAK,EAAC,qBAAqB;gBAC9B,4DAAK,KAAK,EAAC,gBAAgB;oBACzB,sEAAe,MAAM,EAAE,IAAI,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,IAC3D,IAAI,CAAC,MAAM,CACE;oBAEf,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,kBAAkB,IAAE,IAAI,CAAC,SAAS,CAAO,CACrD,CACG;gBAEL,IAAI,CAAC,MAAM,IAAI,CACd,4DAAK,KAAK,EAAC,iBAAiB;oBAC1B,kEAAW,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,IAC9C,IAAI,CAAC,MAAM,CACF,CACR,CACP,CACG,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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport type { EmptyStateLayout } from './empty-state.types';\n\n@Component({\n  tag: 'ix-empty-state',\n  styleUrl: 'empty-state.scss',\n  shadow: true,\n})\nexport class EmptyState {\n  /**\n   * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'\n   */\n  @Prop() layout: EmptyStateLayout = 'large';\n\n  /**\n   * Optional empty state icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Empty state header\n   */\n  @Prop() header!: string;\n\n  /**\n   * Optional empty state sub header\n   */\n  @Prop() subHeader?: string;\n\n  /**\n   * Optional empty state action\n   */\n  @Prop() action?: string;\n\n  /**\n   * Empty state action click event\n   */\n  @Event() actionClick!: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host class={`emptyState emptyState--${this.layout}`}>\n        {this.icon && (\n          <div class=\"emptyState__icon\">\n            {/* TODO: replace size for large layout with '56' if available */}\n            <ix-icon\n              name={this.icon}\n              size={this.layout === 'large' ? '32' : '32'}\n              color=\"color-soft-text\"\n            />\n          </div>\n        )}\n\n        <div class=\"emptyState__content\">\n          <div class=\"content__label\">\n            <ix-typography format={this.layout === 'large' ? 'h3' : 'body'}>\n              {this.header}\n            </ix-typography>\n\n            {this.subHeader && (\n              <div class=\"label__subHeader\">{this.subHeader}</div>\n            )}\n          </div>\n\n          {this.action && (\n            <div class=\"content__action\">\n              <ix-button onClick={() => this.actionClick.emit()}>\n                {this.action}\n              </ix-button>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/empty-state/empty-state.types.js

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

package/dist/collection/components/empty-state/empty-state.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.types.js","sourceRoot":"","sources":["../../../src/components/empty-state/empty-state.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 EmptyStateLayout = 'large' | 'compact' | 'compactBreak';\n"]}

package/dist/collection/components/event-list/event-list.js

@@ -131,11 +131,11 @@ export class EventList {
         });
     }
     render() {
-        return (h(Host, { key: '896ff7a1282eb05f766a230b405351c5e3576879', class: {
+        return (h(Host, { key: 'd65b84a521b9ee53cbd4f4fa353c4161257c175b', class: {
                 'item-size-s': this.itemHeight === 'S',
                 'item-size-l': this.itemHeight === 'L',
                 compact: this.compact,
-            } }, h("div", { key: 'e4439d89338755e8734f766f2a6d042574485929', role: "list" }, h("slot", { key: 'cb7de0e586b12c5a6f78880259b3abf600fb8022' }))));
+            } }, h("div", { key: '53d66cb0234e75c3152c53a445e7fb61b5e39440', role: "list" }, h("slot", { key: '16ce6ba7fb44794b23a52d45818b5927c5475d15' }))));
     }
     static get is() { return "ix-event-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/event-list-item/event-list-item.js

@@ -32,16 +32,16 @@ export class EventListItem {
         let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith('--theme'))
             ? `var(${this.itemColor})`
             : `var(--theme-${this.itemColor})`;
-        return (h(Host, { key: 'ce3058d44751768593430569a40157a3b3b79d33', class: {
+        return (h(Host, { key: '45315c323b72663ab459c1ac82be84a289719b6d', class: {
                 disabled: this.disabled,
-            } }, h("div", { key: '1a1e79954b3aa18e2688ef6af4347cfb0756c8d5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
+            } }, h("div", { key: '5d380bf2e02591a9be10a4e2b8b3585c83d035b5', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
                 'event-list-item': true,
                 selected: this.selected,
                 disabled: this.disabled,
-            } }, h("div", { key: '899e984605107cead8392aa95fc0d4a41b1d2d13', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
+            } }, h("div", { key: '802085e76fa0a9c9d486f6f5777058da1d7ba9fd', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
                 'background-color': this.itemColor ? color : 'inherit',
                 opacity: `${this.disabled ? 0.4 : 1}`,
-            } }), h("div", { key: '1615c9e7b5a908c5fea1d26f17bb9512f9ce1fbd', class: "event-list-item-container" }, h("div", { key: 'dee8a1cdfdd06c6a89e0bf8715a40b4011f131b4', class: "event-content" }, h("slot", { key: '9aa682c85b72cc720945f74e0c40ce537fc86f9a' })), this.chevron && (h("ix-icon", { key: 'ec19f460773d9c0baa13765aece244516007db75', name: iconChevronRight, size: "16", class: "chevron-icon" }))))));
+            } }), h("div", { key: 'e90e4d2f639ec22b161e2c57d361f959e20f60a9', class: "event-list-item-container" }, h("div", { key: '34a3a544f2f05078b9a75fbe80d1165a4bd10bde', class: "event-content" }, h("slot", { key: '4ef3f92e68fa17c1369ccdd6b60d27cdafd84596' })), this.chevron && (h("ix-icon", { key: '8663521673022b881b4818367a0c97c3d5260e19', name: iconChevronRight, size: "16", class: "chevron-icon" }))))));
     }
     static get is() { return "ix-event-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/expanding-search/expanding-search.js

@@ -74,20 +74,20 @@ export class ExpandingSearch {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'c0f4b6c395c9f44c92e31c2cad9c3e29e95ec39c', class: {
+        return (h(Host, { key: '6fd8984383d4b8459981f951c40913d4c194df54', class: {
                 expanded: this.expanded,
                 'right-position': this.expanded,
                 fullWidth: this.fullWidth,
-            } }, h("ix-icon-button", { key: '82d984a5087b2908c1541de8217c0781d76e3c08', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'primary' : this.variant, ghost: this.ghost || this.expanded, outline: this.outline && !this.expanded, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
+            } }, h("ix-icon-button", { key: '5f63c65cfe62582bb214007ca2f6fd61ef3796b1', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'primary' : this.variant, ghost: this.ghost || this.expanded, outline: this.outline && !this.expanded, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
                 'btn-search': true,
                 'btn-search--expanded': this.expanded,
-            } }), h("div", { key: '84e1b448fa7d1cbe2592c71da524f39a55c608bb', class: {
+            } }), h("div", { key: 'd4e2020d174e1a71842586eac3cdfe5fe17a0ece', class: {
                 expanded: this.expanded,
                 fullWidth: this.fullWidth,
                 collapsed: !this.expanded,
                 'disable-pointer': !this.expanded,
                 'input-container': true,
-            }, "data-testid": "input-wrapper" }, h("input", { key: 'a8c6b0ec0844cdde85c56d9e7c76cb4de30d6539', class: {
+            }, "data-testid": "input-wrapper" }, h("input", { key: 'f375ac635389108c7711d1075b1d7c730db1e554', class: {
                 'ix-form-control': true,
                 input: this.expanded,
                 'disable-pointer': !this.expanded,

package/dist/collection/components/field-label/field-label.js

@@ -113,7 +113,7 @@ export class FormFieldLabel {
         }
     }
     render() {
-        return (h(Host, { key: 'a06d0f490304f2e773fe3f8eda2ce62d77283741', onClick: () => this.focusOnClick() }, h("label", Object.assign({ key: '0ec7253998eb8b2a6c82a7685138324ba74253ff', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), h("ix-typography", { key: '2170913df8a43d78a8c848820dcb0213de3f368d', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, h("slot", { key: 'ea3e34c12dd032371e7b263230d1d6b4edc1ac38' }), this.required && h("span", { key: '863a8b631669759a0b6bc3e75fc3a3fa36d71916' }, "*")))));
+        return (h(Host, { key: '1523186f6399825257dbffcd1aed2522997044bc', onClick: () => this.focusOnClick() }, h("label", Object.assign({ key: '1e956399435c73d1a8d15129e86fed12b38b36b0', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), h("ix-typography", { key: 'a690608275495d048a0503b68d07a8d8e2b75a3c', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, h("slot", { key: 'a54690a36d07d2bb28ed787cb557aa0fa51292b8' }), this.required && h("span", { key: '1f09d454bb53346f909e90eb2d6170340bd7e598' }, "*")))));
     }
     static get is() { return "ix-field-label"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/field-wrapper/field-wrapper.js

@@ -50,9 +50,9 @@ export class FieldWrapper {
             infoText: this.infoText,
             helperText: this.helperText,
         };
-        return (h(Host, { key: '2a116d969844028d59d8840332cf61e5a54bb943' }, this.label && (h("div", { key: 'a30a6efebad5742041e717ad719536cecd52871a', class: "field-top" }, h("ix-field-label", { key: '65bf89fec9798cf7c484964ca728781261d6a22a', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), h("div", { key: '2027d884c1ffa7727868a4962d5310adeb25a34d', class: {
+        return (h(Host, { key: 'cbe79e9b73dd83e1ba5f608f603adfea7aff881b' }, this.label && (h("div", { key: '680ac23aa7d5e2bc7694d6b737754b9795bf23d4', class: "field-top" }, h("ix-field-label", { key: '6cc8df941e93c99f4b8f5494f13274cad4b9a9e1', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), h("div", { key: '7890365fe31ef8f141cf6f5f0027fdc4c5aaf043', class: {
                 'slot-wrapper': true,
-            }, ref: this.slotRef }, h("slot", { key: 'a2001e8b21a9c68524ce9dad3c6d152ee40eabf0' })), h("div", { key: '12da8e068ae3d8bc9a59d3121c5882d3f86d547a', class: 'field-bottom' }, !this.showTextAsTooltip && h(HelperText, Object.assign({ key: '1aac859e833a368fbbdabbbd45303a938dd716d4' }, textOptions)), h("div", { key: '26c4a8f605d8d290c4dcfa5c5ef0e4ed2ec50519', class: "bottom-right" }, h("slot", { key: '1506bf93df5575e968af91f17d68bbce0ffa11f8', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (h("ix-tooltip", { key: '73bfd0bdb2a559245e4ccc42733844690b3abb72', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, h(HelperText, Object.assign({ key: 'f57a170ade2a076ad3a7c6da784728a814b6b39c' }, textOptions))))));
+            }, ref: this.slotRef }, h("slot", { key: '79216d5a495b84f75521d6226831078e83c54ece' })), h("div", { key: '26ac12f688455b4fc261e3a23e38b3acc2a13444', class: 'field-bottom' }, !this.showTextAsTooltip && h(HelperText, Object.assign({ key: '4411ef2c68d89c5651d609d848e154d4d92577f7' }, textOptions)), h("div", { key: 'a6a4d29b3b7f01c76c3abb38f77a2f437b38fa85', class: "bottom-right" }, h("slot", { key: 'a6f7949b0f7d371508759ebddc5a0c75ae8e7d6e', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (h("ix-tooltip", { key: '1df8e451198beb33bce572b213886b0584f9d6d6', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, h(HelperText, Object.assign({ key: '836951150dc94c6ffc82639bf2219c07e2a994bd' }, textOptions))))));
     }
     static get is() { return "ix-field-wrapper"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/filter-chip/filter-chip.js

@@ -25,7 +25,7 @@ export class FilterChip {
         this.closeClick.emit();
     }
     render() {
-        return (h(Host, { key: '7ccc04431b181efbb16c7d5ed14d5eea5f17ca78', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, h("div", { key: 'c2ab9ec7e031ffa63dfebf4cee062b5d7825b974', class: "slot-container" }, h("slot", { key: 'c7d520baa440baedef140a7041927074e72c9481' })), !this.disabled && !this.readonly ? (h("ix-icon-button", { ghost: true, oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, variant: "primary", disabled: this.disabled, onClick: (e) => this.onCloseClick(e) })) : null));
+        return (h(Host, { key: 'e97d49f5fdd629ffa9484a8f0240fdc4de1fe9b5', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, h("div", { key: '2f80fc12601503db8a150f6d8598cca1008cd504', class: "slot-container" }, h("slot", { key: 'd56ad722b92e31bf8bd99371b9461ca4d2149cbd' })), !this.disabled && !this.readonly ? (h("ix-icon-button", { ghost: true, oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, variant: "primary", disabled: this.disabled, onClick: (e) => this.onCloseClick(e) })) : null));
     }
     static get is() { return "ix-filter-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/flip-tile/flip-tile.js

@@ -84,26 +84,26 @@ export class FlipTile {
         }, 2 * this.ANIMATION_DURATION);
     }
     render() {
-        return (h(Host, { key: '9de44f5ed8b847f15974ef8e5e95100a7038ff0b', style: {
+        return (h(Host, { key: 'e2bc1e35021289570df4bcd24e060c9db7ec91d0', style: {
                 height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
                 width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
                 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
-            } }, h("div", { key: '679c44f9f59e0f36834d676ca7179084bf6f6cab', class: {
+            } }, h("div", { key: '7934aceea617d8539e74926f01f2990238881c8b', class: {
                 'flip-tile-container': true,
                 info: this.state === FlipTileState.Info,
                 warning: this.state === FlipTileState.Warning,
                 alarm: this.state === FlipTileState.Alarm,
                 primary: this.state === FlipTileState.Primary,
                 'flip-animation-active': this.isFlipAnimationActive,
-            } }, h("div", { key: '3eaf87b5a1fdb489239627139f645efac5de1d4e', class: "flip-tile-header" }, h("div", { key: 'eb1cd15e5bcca2e9024b58d26835f54f3158ada4', class: "header-slot-container text-l-title" }, h("slot", { key: '5827e3dcbcf0a1ed12fae898eb1975c3e3c0a049', name: "header" })), h("ix-icon-button", { key: '97e8b93309c4906434056c01d9c61e454ea22a53', icon: iconEye, variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), h("div", { key: '309a60f0db4de428e801da541280a3634b20fb24', class: "content-container" }, h("slot", { key: '9c3f49f6a7f80f6d2f7713e8c8527695fe6de20a' })), h("div", { key: '9fd6026e9b25726ecacaae68dfc69963e46501b3', class: {
+            } }, h("div", { key: 'd955e322f2490f0ccc357fb61a2e853b6302d464', class: "flip-tile-header" }, h("div", { key: '384857f3ce65e01f4968b3b96d9aed2857f01389', class: "header-slot-container text-l-title" }, h("slot", { key: '1c9c67750e97d96665d8415985b683f8e36dd933', name: "header" })), h("ix-icon-button", { key: '77578c634cf356fae05d995f288170b6dfdc9b42', icon: iconEye, variant: "primary", ghost: true, onClick: () => this.toggleIndex() })), h("div", { key: 'c8ed2826055104079f53bf8f057d173331efbb49', class: "content-container" }, h("slot", { key: 'c6ca00e367fa3ce894cbe9828b4aa0aa73273274' })), h("div", { key: 'ee0008ae82ad0fd34110d2fbc44218583ee22140', class: {
                 footer: true,
                 'contrast-light': this.state === FlipTileState.Warning,
                 'contrast-dark': this.state === FlipTileState.Info ||
                     this.state === FlipTileState.Alarm,
-            } }, h("slot", { key: 'bac32d9530726de6d493bc0846ad1ade280b7308', name: "footer" })))));
+            } }, h("slot", { key: '4969c0b8285190abc31ad5009866c47d3e0d1676', name: "footer" })))));
     }
     static get is() { return "ix-flip-tile"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/flip-tile-content/flip-tile-content.js

@@ -17,7 +17,7 @@ export class FlipTileContent {
         this.contentVisible = false;
     }
     render() {
-        return h(Host, { key: '1204bd93b593c2fa8fba7a95d049808aeef625d6' }, this.contentVisible ? h("slot", null) : null);
+        return h(Host, { key: 'e92abcbb8b1cfdeb739ee4933f6ed66a6c2a7dc5' }, this.contentVisible ? h("slot", null) : null);
     }
     static get is() { return "ix-flip-tile-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/group/group-context-menu.js

@@ -38,7 +38,7 @@ export class GroupContextMenu {
         this.configureDropdown(dropdownElement, triggerElement);
     }
     render() {
-        return (h(Host, { key: '401f632dcd772d22c484ede58e6aeb2c059fe372' }, h("ix-icon-button", { key: 'bb0d5154b3fda8a934f0a7a2e3d130bb510129e5', class: { hide: !this.showContextMenu }, size: "24", ghost: true, icon: iconContextMenu }), h("slot", { key: '9447ae2825c2f47444150425d9b1dc398f4fd5fe', onSlotchange: () => this.onSlotChange() })));
+        return (h(Host, { key: '78dbddb5af2b2de9f2fe91e7aa1d69b1993ad29b' }, h("ix-icon-button", { key: 'c5b68ac445c5390ff0d42cce43ee6b96b875930b', class: { hide: !this.showContextMenu }, size: "24", ghost: true, icon: iconContextMenu }), h("slot", { key: 'fadd0b375491eea9ebc4f1008901d05c16c90e07', onSlotchange: () => this.onSlotChange() })));
     }
     static get is() { return "ix-group-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/group/group.js

@@ -131,27 +131,27 @@ export class Group {
         }
     }
     render() {
-        return (h(Host, { key: '2f270bc182ce854e2e49eda40be90a800cbb61c0' }, h("div", { key: '41004207b4f7ab107e1ee010d08183150a65a756', class: {
+        return (h(Host, { key: 'c12e1a819786a4277228216151e4e359edecf2a1' }, h("div", { key: '542b9ffe9a1ac23ae90454b608b50b91ac06d06a', class: {
                 'group-header': true,
                 expand: !this.collapsed,
                 selected: this.selected,
-            }, tabindex: "0" }, h("div", { key: 'cd96be48f37bb43b39011f09d1885132e1d27425', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, h("div", { key: '9935de32138b750f3547f154e6cc8f204dd11b13', class: {
+            }, tabindex: "0" }, h("div", { key: 'da9bd0a4ca1143a957babf654df92d8de9841f7c', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, h("div", { key: '9b25d1fd572830e6a6a1eac1baca511cb0572023', class: {
                 'group-header-selection-indicator': true,
                 'group-header-selection-indicator-item-selected': this.itemSelected,
-            } }), h("div", { key: 'ab4d87361a52f02c5877c6f845111f8b2b1b20a9', class: "btn-expand-header" }, h("ix-icon", { key: 'cfd77caf8a3b43f1557480c12372dcd13ffcc993', "data-testid": "expand-collapsed-icon", class: {
+            } }), h("div", { key: '9c582a981ac1c16c96f30df2804480cce37647ab', class: "btn-expand-header" }, h("ix-icon", { key: 'c2346a13a12c615609f0819e7ca92106b646e16a', "data-testid": "expand-collapsed-icon", class: {
                 hidden: !this.showExpandCollapsedIcon,
-            }, name: this.collapsed ? iconChevronRightSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), h("div", { key: '995c2d4289fb97b2366f2007cfc0aa524500aeaf', class: "group-header-content" }, this.header ? (h("div", { class: "group-header-props-container" }, h("div", { class: "group-header-title" }, h("span", { title: this.header }, this.header)), h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, h("slot", { key: '67978547dd51688b7af6e286da1f13951c2ade3f', name: "header" }))), h("ix-group-context-menu", { key: 'ee14b7c33dfbd3b9d58ebc39a44d01888e305568' }, h("slot", { key: '055f50ffe8d1b8baad69db653b06e8288cc8bb93', name: "dropdown" }))), h("div", { key: 'ce9b89c11ac7add9d9b3be3f86ec1e6d4effc854', class: {
+            }, name: this.collapsed ? iconChevronRightSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), h("div", { key: '19e552ac07324b187c020af499ba37bac5576d8e', class: "group-header-content" }, this.header ? (h("div", { class: "group-header-props-container" }, h("div", { class: "group-header-title" }, h("span", { title: this.header }, this.header)), h("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, h("slot", { key: '88e5a3387867463075197cd1336e5c76dc1e7951', name: "header" }))), h("ix-group-context-menu", { key: '4eb3c5f983ef6f05578db3de015b58a96120da4c' }, h("slot", { key: 'e83f89970313fd70ab6f59bb40edc91af5bb1419', name: "dropdown" }))), h("div", { key: '9f587f7b424b9ee0e3d4f8674e1eb0a0fefdf5aa', class: {
                 'group-content': true,
-            } }, h("div", { key: 'dce5ed7109490a40d173f94116062a031f4a13c8', style: {
+            } }, h("div", { key: '8beacefeb0d1f448db79228dcb6e54713bf5de5a', style: {
                 display: this.collapsed ? 'none' : 'contents',
-            } }, h("slot", { key: '5176b79b64f86a2c7bc827b253b604e7fb52ea99', onSlotchange: () => {
+            } }, h("slot", { key: '46abc49fd5ac4a5761797129e9b11ab21588bfb8', onSlotchange: () => {
                 var _a;
                 const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
                 this.showExpandCollapsedIcon = hasSlottedElements(slot);
-            } }), h("ix-group-item", { key: 'e7ee362982df386a70c5ea95ace68d1d76b52874', suppressSelection: true, focusable: false, class: {
+            } }), h("ix-group-item", { key: '8569488efc7b85e6d469f18c334500e694a3e24f', suppressSelection: true, focusable: false, class: {
                 footer: true,
                 'footer-visible': this.footerVisible,
-            } }, h("slot", { key: '4fbe48e35502d6ccb600295f86ed5e479af621bf', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
+            } }, h("slot", { key: '028d3ca36b47e12b5e80a3e01daed1dd62eb6687', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
     }
     static get is() { return "ix-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/group-item/group-item.js

@@ -27,9 +27,9 @@ export class GroupItem {
         this.selectedChanged.emit(this.hostElement);
     }
     render() {
-        return (h(Host, { key: 'd9e12ba81e0a26b8d50e704b74d7345482e541d9', class: {
+        return (h(Host, { key: '695df339a7cafccf2df02c6aa8d6a74838f7292c', class: {
                 selected: this.selected && !this.suppressSelection,
-            } }, h("button", { key: 'cfd760d6b9b9dc78072418290e6175ba3f075e60', tabindex: this.focusable ? 0 : -1 }, h("div", { key: '6ce0ec6fed10ab1e5a27fe597e6a9c04525f4d44', class: "group-entry-selection-indicator" }), this.icon ? h("ix-icon", { size: "16", name: this.icon }) : null, this.text ? (h("span", { class: "group-entry-text" }, h("span", { title: this.text }, this.text))) : null, this.secondaryText ? (h("span", { class: "group-entry-text-secondary" }, h("span", { title: this.secondaryText }, this.secondaryText))) : null, h("slot", { key: '143cb4d31b47777494694875c4bb6ff1c20226d7' }))));
+            } }, h("button", { key: '534c89729601c56921821050db80b71e24c497e3', tabindex: this.focusable ? 0 : -1 }, h("div", { key: '1d1794c68ff7f5a7445847c21e00835d6abc002e', class: "group-entry-selection-indicator" }), this.icon ? h("ix-icon", { size: "16", name: this.icon }) : null, this.text ? (h("span", { class: "group-entry-text" }, h("span", { title: this.text }, this.text))) : null, this.secondaryText ? (h("span", { class: "group-entry-text-secondary" }, h("span", { title: this.secondaryText }, this.secondaryText))) : null, h("slot", { key: 'fd29d6b458ec6aa7ff234e8184c7656d32d5cc65' }))));
     }
     static get is() { return "ix-group-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/helper-text/helper-text.js

@@ -43,7 +43,7 @@ export class HelperText {
         this.validationResults = checkFieldClasses(forElement);
     }
     render() {
-        return (h(Host, { key: '8a5b267f4858e19336d74e0fd9af09df791b219b' }, h(HelperTextUtil, Object.assign({ key: '607fb27a54ac0f206163370f038757a432e359fb', helperText: this.helperText,
+        return (h(Host, { key: '5a8e47a72ee409b1edb57d76d7affa48f61cd760' }, h(HelperTextUtil, Object.assign({ key: '9a446b15f14ec08b2cdf7c680a858acd136d874b', helperText: this.helperText,
             invalidText: this.invalidText,
             validText: this.validText,
             infoText: this.infoText,

package/dist/collection/components/icon-button/icon-button.js

@@ -89,7 +89,7 @@ export class IconButton {
             type: this.type,
             extraClasses: this.getIconSizeClass(),
         };
-        return (h(Host, { key: 'b94b58d62a45bd3b2d659571cc5389a1e91d83f8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: 'a4f006c282c17255e6a6fd6e674a4c6f145a4121' }, baseButtonProps))));
+        return (h(Host, { key: '725eb8171f56984a49f96e85bd40f8edc7e374de', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: 'bca08954dca89a38f67c396b4a32f5243d2f01b7' }, baseButtonProps))));
     }
     static get is() { return "ix-icon-button"; }
     static get encapsulation() { return "shadow"; }
@@ -133,9 +133,9 @@ export class IconButton {
                     "resolved": "\"danger\" | \"primary\" | \"secondary\"",
                     "references": {
                         "IconButtonVariant": {
-                            "location": "local",
-                            "path": "/home/runner/work/ix/ix/packages/core/src/components/icon-button/icon-button.tsx",
-                            "id": "src/components/icon-button/icon-button.tsx::IconButtonVariant"
+                            "location": "import",
+                            "path": "./icon-button.types",
+                            "id": "src/components/icon-button/icon-button.types.ts::IconButtonVariant"
                         }
                     }
                 },