@siemens/ix 4.0.0 → 4.1.0

package/components/ix-menu-about-news.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D-__gyet.js';
 import { v as iconClose, H as iconShout } from './p-BvsadYCu.js';
-import { d as defineCustomElement$5 } from './p-DWRnKXkl.js';
-import { d as defineCustomElement$4 } from './p-DInJFFDT.js';
-import { d as defineCustomElement$3 } from './p-D8hPr0Kb.js';
-import { d as defineCustomElement$2 } from './p-B-mB5dVY.js';
+import { d as defineCustomElement$5 } from './p-C6_1qmP4.js';
+import { d as defineCustomElement$4 } from './p-BEDohapR.js';
+import { d as defineCustomElement$3 } from './p-1pd_0dhF.js';
+import { d as defineCustomElement$2 } from './p-BBwXlKhE.js';
 
 const menuAboutNewsCss = ":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";
 
@@ -28,16 +28,16 @@ const MenuAboutNews = /*@__PURE__*/ proxyCustomElement(class MenuAboutNews exten
         this.expanded = false;
     }
     render() {
-        return (h(Host, { key: '9e3e3bfabc3e51bdbee57c13ad492f3d3447fbfe', class: {
+        return (h(Host, { key: '61a51cc04b238505c64285babebaaddf1201a9f7', class: {
                 expanded: this.expanded,
                 show: !this.show,
-            } }, h("div", { key: '616682301e4308c9d3d53481a8fb7e266a9a4181', class: "banner-container" }, h("ix-icon", { key: '5b795a4034d29997b1c285c9659acd8e70d5528d', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: 'f0c5c49e71a9aa3c91d792dc33909d9c8bbd1818', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: 'e19557acebc98122003ceb160c3d07196dbdd8a8', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: '75559e792e5610eefae0be4722a9cc6656c9e2d8', class: "cui-popover-news-header" }, h("ix-typography", { key: '2cf5eec66717e025a84d2e979297ad11ad5df324', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: 'f77cb50c4fb25171da08eeda5724557656e7d56c', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
+            } }, h("div", { key: 'c63c6cab269ef75f01d0396333c5c44ee271d354', class: "banner-container" }, h("ix-icon", { key: '2a3b5ced1c9f9fce0f742a34d9862e115807f6fb', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '2433dd408f46a4d0f47e5cf075980b6a2ea2ece7', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '386186a0847a504ca07052e1a49ee0c9f6314377', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'ec280ef23c279507e186fa0ba0743e64e49d38c8', class: "cui-popover-news-header" }, h("ix-typography", { key: '784c5718192c7641e43004439cedcdc0f6285380', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: '0c5a987a93067b0641ad0d7cd99e747aaa884d40', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
                 this.show = false;
                 this.closePopover.emit();
-            } }), h("div", { key: '1298f46cb80728f5c2b55603ae6a912967e4590c', class: "slot-container" }, h("slot", { key: 'fbe4e45ff94bd1f43864c2290e4b44f8ea3e8f72' })), this.aboutItemLabel ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (e) => {
+            } }), h("div", { key: '780df8bab613bad3b80a3528947fdc0bab41187c', class: "slot-container" }, h("slot", { key: '1992c8d99353665ee6b88b4d21c34869284029d6' })), 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: '5259871afe0e537a1378f60f13c3884a08bc4daa', id: "arrow" })));
+            } }, this.i18nShowMore))) : null, h("div", { key: 'b877e4087ebe56fca5c82a7acada5ba7c7ef8abb', id: "arrow" })));
     }
     static get style() { return menuAboutNewsCss; }
 }, [257, "ix-menu-about-news", {

package/components/ix-menu-about.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, e as createEvent, i as forceUpdate, h } from './p-D-__gyet.js';
-import { s as setTab, i as initialize, M as MenuTabs } from './p-C56HnkHy.js';
-import { d as defineCustomElement$5 } from './p-DInJFFDT.js';
-import { d as defineCustomElement$4 } from './p-D8hPr0Kb.js';
-import { d as defineCustomElement$3 } from './p-BAG4Ixzu.js';
-import { d as defineCustomElement$2 } from './p-ChZQLy9v.js';
+import { s as syncTabDisplay, i as initialize, M as MenuTabs } from './p-Cc4uqNv5.js';
+import { d as defineCustomElement$5 } from './p-BEDohapR.js';
+import { d as defineCustomElement$4 } from './p-1pd_0dhF.js';
+import { d as defineCustomElement$3 } from './p-DyGPjxFm.js';
+import { d as defineCustomElement$2 } from './p-10zMtvCF.js';
 
 const menuAboutCss = ".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";
 
@@ -23,8 +23,10 @@ const MenuAbout = /*@__PURE__*/ proxyCustomElement(class MenuAbout extends H {
         /** @internal */
         this.show = false;
     }
-    updateTab(label) {
-        setTab(this, label);
+    updateTab(newLabel, oldLabel) {
+        if (newLabel !== oldLabel) {
+            syncTabDisplay(this, newLabel);
+        }
     }
     componentWillLoad() {
         initialize(this);
@@ -33,7 +35,7 @@ const MenuAbout = /*@__PURE__*/ proxyCustomElement(class MenuAbout extends H {
         forceUpdate(this.el);
     }
     render() {
-        return h(MenuTabs, { key: 'f39b61fd405141b8e2e7061bd76194ee4beb3a3d', context: this });
+        return h(MenuTabs, { key: 'e49c1819db2fcba5b330c776c84e905d6f1aef87', context: this });
     }
     get el() { return this; }
     static get watchers() { return {

package/components/ix-menu-about.js.map

@@ -1 +1 @@
-{"file":"ix-menu-about.js","mappings":";;;;;;;AAAA,MAAM,YAAY,GAAG,ozGAAozG;;MCgC5zG,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAcE;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,2BAA2B;;AAGnC,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AA+BrB;AAfC,IAAA,SAAS,CAAC,KAAa,EAAA;AACrB,QAAA,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC;;IAGrB,iBAAiB,GAAA;QACf,UAAU,CAAC,IAAI,CAAC;;IAGlB,gBAAgB,GAAA;AACd,QAAA,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;IAGtB,MAAM,GAAA;AACJ,QAAA,OAAO,EAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,OAAO,EAAE,IAAI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menu-about/menu-about.scss?tag=ix-menu-about&encapsulation=shadow","src/components/menu-about/menu-about.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'legacy/fonts';\n\n:host {\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: vars.$medium-space vars.$default-space vars.$default-space\n    vars.$x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .about-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: vars.$x-large-space;\n    margin-bottom: vars.$small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  ix-menu-about-item {\n    display: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about',\n  styleUrl: 'menu-about.scss',\n  shadow: true,\n})\nexport class MenuAbout {\n  @Element() el!: HTMLIxMenuAboutElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel?: string;\n\n  /**\n   * Content of the header\n   */\n  @Prop() label = 'About & legal information';\n\n  /** @internal */\n  @Prop() show = false;\n\n  /**\n   * Active tab changed\n   * @since 3.0.0\n   */\n  @Event() tabChange!: EventEmitter<string>;\n\n  /**\n   * About and Legal closed\n   */\n  @Event() close!: EventEmitter<CustomCloseEvent>;\n\n  @State() items!: HTMLIxMenuAboutItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n"],"version":3}
+{"file":"ix-menu-about.js","mappings":";;;;;;;AAAA,MAAM,YAAY,GAAG,ozGAAozG;;MCgC5zG,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAcE;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,2BAA2B;;AAGnC,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAiCrB;IAjBC,SAAS,CAAC,QAAgB,EAAE,QAAgB,EAAA;AAC1C,QAAA,IAAI,QAAQ,KAAK,QAAQ,EAAE;AACzB,YAAA,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC;;;IAIlC,iBAAiB,GAAA;QACf,UAAU,CAAC,IAAI,CAAC;;IAGlB,gBAAgB,GAAA;AACd,QAAA,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;IAGtB,MAAM,GAAA;AACJ,QAAA,OAAO,EAAC,QAAQ,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,OAAO,EAAE,IAAI,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menu-about/menu-about.scss?tag=ix-menu-about&encapsulation=shadow","src/components/menu-about/menu-about.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'legacy/fonts';\n\n:host {\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: vars.$medium-space vars.$default-space vars.$default-space\n    vars.$x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .about-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: vars.$x-large-space;\n    margin-bottom: vars.$small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  ix-menu-about-item {\n    display: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  syncTabDisplay,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about',\n  styleUrl: 'menu-about.scss',\n  shadow: true,\n})\nexport class MenuAbout {\n  @Element() el!: HTMLIxMenuAboutElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel?: string;\n\n  /**\n   * Content of the header\n   */\n  @Prop() label = 'About & legal information';\n\n  /** @internal */\n  @Prop() show = false;\n\n  /**\n   * Active tab changed\n   * @since 3.0.0\n   */\n  @Event() tabChange!: EventEmitter<string>;\n\n  /**\n   * About and Legal closed\n   */\n  @Event() close!: EventEmitter<CustomCloseEvent>;\n\n  @State() items!: HTMLIxMenuAboutItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(newLabel: string, oldLabel: string) {\n    if (newLabel !== oldLabel) {\n      syncTabDisplay(this, newLabel);\n    }\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n"],"version":3}

package/components/ix-menu-avatar-item.js

@@ -1,4 +1,4 @@
-import { M as MenuAvatarItem, d as defineCustomElement$1 } from './p-BHcP7TVn.js';
+import { M as MenuAvatarItem, d as defineCustomElement$1 } from './p-Bk0vKwmt.js';
 
 const IxMenuAvatarItem = MenuAvatarItem;
 const defineCustomElement = defineCustomElement$1;

package/components/ix-menu-avatar.js

@@ -1,14 +1,14 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D-__gyet.js';
 import { g as getSlottedElements } from './p-Bi1VyG64.js';
 import { I as iconLogOut } from './p-BvsadYCu.js';
-import { d as defineCustomElement$9 } from './p-GPVWLtS3.js';
-import { d as defineCustomElement$8 } from './p-BtDCIGt3.js';
-import { d as defineCustomElement$7 } from './p-DkDGUG2W.js';
-import { d as defineCustomElement$6 } from './p-DvD1nW88.js';
-import { d as defineCustomElement$5 } from './p-BHcP7TVn.js';
-import { d as defineCustomElement$4 } from './p-D8hPr0Kb.js';
-import { d as defineCustomElement$3 } from './p-Ow_osSm5.js';
-import { d as defineCustomElement$2 } from './p-B-mB5dVY.js';
+import { d as defineCustomElement$9 } from './p-Bye33cYU.js';
+import { d as defineCustomElement$8 } from './p-Db0RazS2.js';
+import { d as defineCustomElement$7 } from './p-BI7B-PUA.js';
+import { d as defineCustomElement$6 } from './p-BLeWaHpy.js';
+import { d as defineCustomElement$5 } from './p-Bk0vKwmt.js';
+import { d as defineCustomElement$4 } from './p-1pd_0dhF.js';
+import { d as defineCustomElement$3 } from './p-DXFN8JXp.js';
+import { d as defineCustomElement$2 } from './p-BBwXlKhE.js';
 
 const menuAvatarCss = ":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
 
@@ -43,9 +43,9 @@ const MenuAvatar = /*@__PURE__*/ proxyCustomElement(class MenuAvatar extends H {
         this.showContextMenu = elements.length !== 0;
     }
     render() {
-        return (h(Host, { key: '342ba4b67b3532da978048158cf9b9abfbc7e33d', slot: "ix-menu-avatar" }, h("button", { key: '68924d460574cde4c655a1f95e3c6ed5bc415c44', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '2170181905320f58961a70ab8cb5b25d1c439393', image: this.image, initials: this.initials }), h("div", { key: 'c9f0275dec453f57756d3faefe9988c71d3b54b6', class: "avatar-name" }, h("span", { key: '56536ddb8d6b591433ad6bd88d82691de91b81ad', class: "text-default-single", title: this.top }, this.top), h("span", { key: 'a9b5bbed878e3a0282f770b97bb691f360035416', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: '9974a1b413104016d5366f72103f3712e93813a4', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
+        return (h(Host, { key: '6cff313b74cbbd668ed30dd7c04e060867ae0095', slot: "ix-menu-avatar" }, h("button", { key: 'c387330d89a9d5740f0af21ec4e7d0f077510064', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, h("ix-avatar", { key: '82f6207b4005ad8a799d29ce52a629d805d60b36', image: this.image, initials: this.initials }), h("div", { key: 'c1a6a4e03b3dda5b36a3caa6c7595a32407b9c19', class: "avatar-name" }, h("span", { key: 'a8b413ee5ec9a9f60d26ce695df3d9359831867d', class: "text-default-single", title: this.top }, this.top), h("span", { key: 'b333a5337d49199f9545eb30361fe5166d8a8725', class: "text-default-single", title: this.bottom }, this.bottom))), h("ix-dropdown", { key: '31b4149a67636711972e1f682da62a60f833e9f3', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
                 mainAxis: 16,
-            } }, h("slot", { key: 'b642dd168efdf7f4659c3a0e5d032fccb93df9a5', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (h("ix-menu-avatar-item", { key: '4b7e853e0522208bebd10535885731af9dc4d3f6', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
+            } }, h("slot", { key: 'a17ca070258b8b892c647f4cc2429b21562072c1', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (h("ix-menu-avatar-item", { key: 'cbc2544543237b2874744c0678838b701ec89d4a', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
                 this.logoutClick.emit(e);
             } })))));
     }

package/components/ix-menu-category.js

@@ -3,12 +3,12 @@ import { a as animate } from './p-DhE1t8Qh.js';
 import { c as closestIxMenu } from './p-BhgW5qDm.js';
 import { c as createMutationObserver } from './p-CX81WQtk.js';
 import { c as iconChevronDownSmall } from './p-BvsadYCu.js';
-import { d as defineCustomElement$7 } from './p-BtDCIGt3.js';
-import { d as defineCustomElement$6 } from './p-DkDGUG2W.js';
-import { d as defineCustomElement$5 } from './p-DvD1nW88.js';
-import { d as defineCustomElement$4 } from './p-BTR8UA6s.js';
-import { d as defineCustomElement$3 } from './p-Ow_osSm5.js';
-import { d as defineCustomElement$2 } from './p-B-mB5dVY.js';
+import { d as defineCustomElement$7 } from './p-Db0RazS2.js';
+import { d as defineCustomElement$6 } from './p-BI7B-PUA.js';
+import { d as defineCustomElement$5 } from './p-BLeWaHpy.js';
+import { d as defineCustomElement$4 } from './p-DSTHZygb.js';
+import { d as defineCustomElement$3 } from './p-DXFN8JXp.js';
+import { d as defineCustomElement$2 } from './p-BBwXlKhE.js';
 
 /*
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -189,7 +189,7 @@ const MenuCategory = /*@__PURE__*/ proxyCustomElement(class MenuCategory extends
         }
     }
     render() {
-        return (h(Host, { key: '40ae8539715815c94e99313fad8694e4115e5482', class: {
+        return (h(Host, { key: '13ac63c3321e33e4781ab642577464fde79c6bf2', class: {
                 expanded: this.showItems,
             }, onPointerEnter: () => {
                 this.enterLeaveDebounce.onEnter();
@@ -198,14 +198,14 @@ const MenuCategory = /*@__PURE__*/ proxyCustomElement(class MenuCategory extends
                     return;
                 }
                 this.enterLeaveDebounce.onLeave();
-            } }, h("ix-menu-item", { key: '60b77e0aae87b55e7934cbd0fccb18cab83772bb', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, h("div", { key: 'f87df62dd73af5968c4d62b657d0a0538e10ade3', class: "category" }, h("div", { key: '855411c78407fa712fddb8c177801db4c3c9780a', class: "category-text" }, this.label), h("ix-icon", { key: 'e94bbb4ad9f4fc5612daa12e8812d26ff6ecea70', name: iconChevronDownSmall, class: {
+            } }, h("ix-menu-item", { key: '25e8a0a50ea1540e346e830045275e6a0c63327d', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, h("div", { key: '5b0dcefb391bada721218f4d3ba690c1a2de966e', class: "category" }, h("div", { key: 'f65e560cb7a6ab490220b814f9e66bbfd010bc44', class: "category-text" }, this.label), h("ix-icon", { key: '672a4f90f58ad0cdf023d050d4b3f75114a4ee52', name: iconChevronDownSmall, class: {
                 'category-chevron': true,
                 'category-chevron--open': this.showItems,
-            } }))), h("div", { key: '9725f1a5f5f7aa7e1835d054ec8155644c5516e8', ref: (ref) => (this.menuItemsContainer = ref), class: {
+            } }))), h("div", { key: 'd7f0f085f33a09d7c57ca18818a90125b3c2e2bf', ref: (ref) => (this.menuItemsContainer = ref), class: {
                 'menu-items': true,
                 'menu-items--expanded': this.showItems,
                 'menu-items--collapsed': !this.showItems,
-            } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: '69fd00ce9dd45b99069a891318008e25b214a218', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
+            } }, this.showItems ? h("slot", null) : null), h("ix-dropdown", { key: 'e5b6be4ba14c97ef2e85abd01833bed929b1efa4', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
                 this.showDropdown = dropdownShown;
             }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
                 mainAxis: 3,
@@ -218,7 +218,7 @@ const MenuCategory = /*@__PURE__*/ proxyCustomElement(class MenuCategory extends
                         e.preventDefault();
                     }
                 }
-            } }, h("ix-dropdown-item", { key: '101355b915d54d5e7a309c26aa9480191db1fb3e', class: 'category-dropdown-header' }, h("ix-typography", { key: '301de701167a6e09a741d2cdc7ed9c8555242a59', format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: '5cdcca1d2025554f5d11ea8f6d819b4c7a2d7ff2' }), h("slot", { key: 'a69dc8bdb237da234ab39cb251fda9cbd33da35d' }))));
+            } }, h("ix-dropdown-item", { key: '90e095e2d61e5d359c29c742e4e84457ef47426f', class: 'category-dropdown-header' }, h("ix-typography", { key: '67efee1940b51e0457ccec7f0a271684ea6df881', format: "label", bold: true, textColor: "std" }, this.label)), h("ix-divider", { key: '2ec48cbab9dc6a223fcc636e59b497b1db315369' }), h("slot", { key: 'e32fb89cf4045faae851af8d1ed1c4ab394e1709' }))));
     }
     get hostElement() { return this; }
     static get style() { return menuCategoryCss; }

package/components/ix-menu-expand-icon.js

@@ -1,4 +1,4 @@
-import { M as MenuExpandIcon, d as defineCustomElement$1 } from './p-CwFNYtOl.js';
+import { M as MenuExpandIcon, d as defineCustomElement$1 } from './p-PpLLlogo.js';
 
 const IxMenuExpandIcon = MenuExpandIcon;
 const defineCustomElement = defineCustomElement$1;

package/components/ix-menu-item.js

@@ -1,4 +1,4 @@
-import { M as MenuItem, d as defineCustomElement$1 } from './p-BTR8UA6s.js';
+import { M as MenuItem, d as defineCustomElement$1 } from './p-DSTHZygb.js';
 
 const IxMenuItem = MenuItem;
 const defineCustomElement = defineCustomElement$1;

package/components/ix-menu-settings-item.js

@@ -19,7 +19,7 @@ const MenuSettingsItem = /*@__PURE__*/ proxyCustomElement(class MenuSettingsItem
         });
     }
     render() {
-        return (h(Host, { key: '82d134ab9cdb58a29c6fd02a165a9925a9a55912' }, h("slot", { key: 'dfb95edb5325b70072cc422a48c78f8a50a9b589' })));
+        return (h(Host, { key: '69dac244a2c3b427237e8dceec64fad9c16600e9' }, h("slot", { key: 'ccfc87d1f061f0d4195f943dec3782b655626aae' })));
     }
     static get watchers() { return {
         "label": ["watchLabel"]

package/components/ix-menu-settings.js

@@ -1,4 +1,4 @@
-import { a as MenuSettings, d as defineCustomElement$1 } from './p-C56HnkHy.js';
+import { a as MenuSettings, d as defineCustomElement$1 } from './p-Cc4uqNv5.js';
 
 const IxMenuSettings = MenuSettings;
 const defineCustomElement = defineCustomElement$1;

package/components/ix-menu.js

@@ -8,12 +8,12 @@ import { a as convertToRemString } from './p-JJddxCCh.js';
 import { t as themeSwitcher } from './p-CsHYWHE6.js';
 import { C as iconNavigationLeft, D as iconNavigationRight, a as iconApps, E as iconCogwheel, F as iconLightDark, o as iconInfo } from './p-BvsadYCu.js';
 import { A as Animation } from './p-C5MWUgDN.js';
-import { d as defineCustomElement$7 } from './p-DInJFFDT.js';
-import { d as defineCustomElement$6 } from './p-CwFNYtOl.js';
-import { d as defineCustomElement$5 } from './p-BTR8UA6s.js';
-import { d as defineCustomElement$4 } from './p-D8hPr0Kb.js';
-import { d as defineCustomElement$3 } from './p-Ow_osSm5.js';
-import { d as defineCustomElement$2 } from './p-B-mB5dVY.js';
+import { d as defineCustomElement$7 } from './p-BEDohapR.js';
+import { d as defineCustomElement$6 } from './p-PpLLlogo.js';
+import { d as defineCustomElement$5 } from './p-DSTHZygb.js';
+import { d as defineCustomElement$4 } from './p-1pd_0dhF.js';
+import { d as defineCustomElement$3 } from './p-DXFN8JXp.js';
+import { d as defineCustomElement$2 } from './p-BBwXlKhE.js';
 
 /*
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -455,44 +455,44 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends H {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '7c30f31880d51956013f87fe21ea0abf4129f67b', class: {
+        return (h(Host, { key: 'b36f27c9c7b9342fd8f984dd5d00ad73d735b2ff', class: {
                 expanded: this.expand,
                 [`breakpoint-${this.breakpoint}`]: true,
-            }, slot: "menu" }, h("nav", { key: 'ff157fa24a58cd522b33ac035d99086a8dfec7bc', class: {
+            }, slot: "menu" }, h("nav", { key: '4f4b1378ddfe2cb243d0a5305679c98084490e8b', class: {
                 menu: true,
                 expanded: this.expand,
-            } }, h("div", { key: 'a3935afe8ee867e934f1c778583d22d11f5cf957', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: '067059b37dc7e99ac05bdf3f96f4f417403e1915', 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: 'd9c3d29552e6e8adeba3c44c04a563da430ea9b8', onClick: () => {
+            } }, h("div", { key: '70d117cfe299bdb3f3b0ed9639d5ee83bfc33cf1', class: "menu-buttons" }, this.breakpoint !== 'sm' && (h("ix-menu-expand-icon", { key: 'fa76b253e6cf1ae30e3257cc3c186dc23215b516', 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: '927aede1c7824c6c21eed072e7dba6db8d5f8df5', onClick: () => {
                 this.showAppSwitch();
-            }, icon: iconApps, variant: "subtle-tertiary" }))), h("div", { key: 'bf2a827004f7e2d337ba55fc288e7abe418ec6dd', id: "menu-tabs", style: {
+            }, icon: iconApps, variant: "subtle-tertiary" }))), h("div", { key: '795f32dc8f94404a75c9a0d0cfb7c8e8d429d8d2', id: "menu-tabs", style: {
                 display: 'contents',
-            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: 'ee11e15bb3d0e4b6cd3263788aac1eba043dae99', class: "tabs-shadow-container" }, h("div", { key: '0803887ba70d6558cf5e4a890e0eca39b49ff518', class: {
+            }, onClick: (e) => this.onMenuItemsClick(e) }, h("div", { key: '4d609cfd70659c0adfcb1cfca0485edff3b05d08', class: "tabs-shadow-container" }, h("div", { key: 'b8b81a13d75c56f9a460f0db382acef185b1c11c', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-top': true,
                 'tabs--shadow--show': this.itemsScrollShadowTop,
-            } }), h("div", { key: '7e43e530408b8a5408e2a0c00d4e89b695d0d871', class: {
+            } }), h("div", { key: '1095f30e782665f9d66d7f2619eb3a68806ccf54', class: {
                 tabs: true,
                 'show-scrollbar': this.expand,
-            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: 'e9f5421b30d3505a1a80ecdea28d78770a2f25fd', class: "menu-avatar" }, h("slot", { key: 'c0d0ab2965a271540b41165eaf95fcd13072ae07', name: "ix-menu-avatar" })), h("slot", { key: '3b427bbba570fc61bbe44f6138f338025b144725', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: 'c7bb85da2610aef008b75fe560af46aac221ffc5', class: {
+            }, onScroll: () => this.handleOverflowIndicator() }, h("div", { key: '55ec2b8a3b535c8ed7dfc4c80ecdeedf9add4d34', class: "menu-avatar" }, h("slot", { key: 'a893aea63d56c2b4e7fd5997904704639257f65b', name: "ix-menu-avatar" })), h("slot", { key: '85505735fc0f7c9075340389597565bd99e64801', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (h("slot", null)) : null), h("div", { key: '7a0013bb20500931471b1ee1273615d0ae740d11', class: {
                 'tabs--shadow': true,
                 'tabs--shadow-bottom': true,
                 'tabs--shadow--show': this.itemsScrollShadowBottom,
-            } }))), h("div", { key: '80b67bd3408917c424661ff603b6b12a08b5c256', class: "bottom-tab-divider" }), this.settings ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
+            } }))), h("div", { key: '92a48e39684e2bbbb6078dcafc5c8b7103a693de', 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, 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, h("div", { key: '93bc9bfe4c557cbfcc66eaac5cc21118578b050a', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '9910c841207e3a62b3699cc5e54843155557bb65', name: "bottom" })), h("div", { key: 'f3bd210849640e293625b418f928eb12eb6bb8a5', id: "popover-area" }), 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, this.about ? (h("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
+            }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : 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, h("div", { key: '2a5bad2eb493be6ee59fc101fab300bdb154feb0', onClick: (e) => this.onMenuItemsClick(e) }, h("slot", { key: '5a1e19962a88ceeb1f82ac385dba49d0c311e3d7', name: "bottom" })), h("div", { key: '65802881403efad9dbae84ef9bf5d441e3915150', id: "popover-area" }), 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, 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), h("div", { key: '54785101f98f046af558820493555a3d4739ace3', class: {
+            }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), h("div", { key: 'e6dd7e53abbd5e4ce11cc5d2be882dd52e335275', class: {
                 'menu-overlay': true,
                 visible: this.isOverlayVisible(),
                 expanded: this.expand,
             }, onTransitionEnd: () => {
                 this.isTransitionDisabled = true;
                 this.checkTransition();
-            } }, h("div", { key: '740f1a98fe2bafb8da7d5457395dee136a5ce9ec', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: '3e2f774925487e9da132a3d7b3633486bece3976', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
+            } }, h("div", { key: 'd8a49e3983b5d060190f1440b4aacd44243894a8', class: 'menu-overlay-container' }, this.showSettings ? h("slot", { name: "ix-menu-settings" }) : null), h("div", { key: '92ddf6c21d3d08c5d1961200ac598a6135c9ef89', class: 'menu-overlay-container' }, this.showAbout ? h("slot", { name: "ix-menu-about" }) : null))));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/ix-message-bar.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-D-__gyet.js';
 import { a as animate } from './p-DhE1t8Qh.js';
 import { J as iconNotification, o as iconInfo, r as iconSuccess, p as iconWarning, K as iconWarningRhomb, q as iconError, v as iconClose } from './p-BvsadYCu.js';
-import { d as defineCustomElement$3 } from './p-DInJFFDT.js';
-import { d as defineCustomElement$2 } from './p-D8hPr0Kb.js';
+import { d as defineCustomElement$3 } from './p-BEDohapR.js';
+import { d as defineCustomElement$2 } from './p-1pd_0dhF.js';
 
 const messageBarCss = ":host{margin:0.5rem 0.5rem 0rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}";
 
@@ -46,7 +46,7 @@ const MessageBar = /*@__PURE__*/ proxyCustomElement(class MessageBar extends H {
         }
     }
     render() {
-        return (h(Host, { key: '22bbc355ba3fca3209fab0491ae186f59bb64b02' }, h("div", { key: 'a84b47392ddfd8a8b0863ce99aa17985fbf39b4d', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: '6528c7bd5a8b484858c97ca0e072704dcf37ad1c', color: this.color, name: this.icon }), h("div", { key: '07eed52e33baa107ebdebb10ef478d775901faf3', class: "message-content" }, h("slot", { key: 'cd5981304f6998d55edc38fa3fb0c67e139b8278' })), !this.persistent && (h("ix-icon-button", { key: 'ac6a235e1080bbb942c102f7c0e5c04672176557', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
+        return (h(Host, { key: '538fcc08ad07fe808f424e067a361f4a56f4c0ec' }, h("div", { key: '4a75052efe1b22c247dcfcd298aabbd1098ff7b6', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, h("ix-icon", { key: 'd348829692e38a1023e044834aefa45516b4d916', color: this.color, name: this.icon }), h("div", { key: '0ac0a509efe1dd246f7732660e4cf16416c8655d', class: "message-content" }, h("slot", { key: '6143bfa9cf39d32d149c2893b7712358337833c9' })), !this.persistent && (h("ix-icon-button", { key: 'b118c91956af0fd00d02cfefdb7da36d46f2d360', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
                 if (this.divElement) {
                     this.closeAlert(this.divElement);
                 }

package/components/ix-modal-content.js

@@ -1,4 +1,4 @@
-import { M as ModalContent, d as defineCustomElement$1 } from './p-D6KzHh-w.js';
+import { M as ModalContent, d as defineCustomElement$1 } from './p-C4KxNeD2.js';
 
 const IxModalContent = ModalContent;
 const defineCustomElement = defineCustomElement$1;

package/components/ix-modal-footer.js

@@ -11,7 +11,7 @@ const ModalFooter = /*@__PURE__*/ proxyCustomElement(class ModalFooter extends H
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'bab5a43ac92a13caca46d241091c27c773990aba' }, h("slot", { key: 'fefe386636d486a7e1d4b35a23eafe0d04b7270c' })));
+        return (h(Host, { key: '11eb649edd163b25fdeb4b533bf513a861c1d7ec' }, h("slot", { key: '9a2cb92b8df8220ed2307d98ec7a1ce6a6d9196b' })));
     }
     static get style() { return modalFooterCss; }
 }, [257, "ix-modal-footer"]);

package/components/ix-modal-header.js

@@ -1,4 +1,4 @@
-import { M as ModalHeader, d as defineCustomElement$1 } from './p-DkKuaBAh.js';
+import { M as ModalHeader, d as defineCustomElement$1 } from './p-ClQxnZ3d.js';
 
 const IxModalHeader = ModalHeader;
 const defineCustomElement = defineCustomElement$1;

package/components/ix-modal-loading.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, d as Host } from './p-D-__gyet.js';
-import { d as defineCustomElement$2 } from './p-D8hPr0Kb.js';
+import { d as defineCustomElement$2 } from './p-1pd_0dhF.js';
 
 const modalLoadingCss = ":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
 
@@ -12,7 +12,7 @@ const ModalLoading = /*@__PURE__*/ proxyCustomElement(class ModalLoading extends
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'dac65dc36124b038728e843240d126432d85e987' }, h("ix-spinner", { key: '639371732304b733f79cf8498e46442ff6a442df', variant: "primary" }), h("span", { key: 'a9bf046b8c00552a4135cc5046789027abd1803e', class: 'loading-text' }, h("slot", { key: '362185ef3806ddb57c90f6fdf776cb3563baf903' }))));
+        return (h(Host, { key: '404214a461e55c9ee78aad8dc277dab5be8a9b42' }, h("ix-spinner", { key: '96278c04d8c7798b411f6807e5c7a1ea26b03d45', variant: "primary" }), h("span", { key: 'cad3eec78defa832ffc679f86941ffc301bc5b5c', class: 'loading-text' }, h("slot", { key: '96cf92b74f62260ee97b7bdae73557a2ee5517ec' }))));
     }
     static get style() { return modalLoadingCss; }
 }, [257, "ix-modal-loading"]);

package/components/ix-modal.js

@@ -191,17 +191,17 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class Modal extends H {
         this.ariaAttributes = a11yHostAttributes(this.hostElement);
     }
     render() {
-        return (h(Host, { key: '192ded80682348ff755d91a613faaca1a8b0753f', class: {
+        return (h(Host, { key: '0170729f63356223c39bcd6b0bb7124b2036f2c4', class: {
                 visible: this.modalVisible,
                 'no-backdrop': this.hideBackdrop,
                 'align-center': this.centered,
-            } }, h("div", { key: '709679987ecf4e1b1e03374c7c9373332fe01a74', class: "dialog-backdrop" }, h("dialog", { key: '10222a2e51235c3be195eb6b2e7d2ad2e1d887f9', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
+            } }, h("div", { key: '436b9f2efce7279defa936c9ee79fa44d090e388', class: "dialog-backdrop" }, h("dialog", { key: 'e3bc4891433993a5dcbe186011fd91d70277ca3d', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
                 modal: true,
                 [`modal-size-${this.size}`]: true,
             }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onCancel: (e) => {
                 e.preventDefault();
                 this.dismissModal();
-            } }, h("slot", { key: 'a9c321d71d3e08d581bb2e6ad9e3d377663a2c52' })))));
+            } }, h("slot", { key: '5a3e86b9c04f8e1564be6026b0352940978f0666' })))));
     }
     get hostElement() { return this; }
     static get style() { return modalCss; }