@siemens/ix 1.3.0-beta.0 → 1.3.0

package/dist/cjs/index.cjs.js

@@ -9,7 +9,7 @@ const rwd_util = require('./rwd.util-2326824e.js');
 const modalUtils = require('./modal-utils-9ee0acda.js');
 const defaultTreeItem = require('./default-tree-item-4597cd84.js');
 const uploadFileState = require('./upload-file-state-923b2c65.js');
-const themeSwitcher = require('./theme-switcher-6b45e082.js');
+const themeSwitcher = require('./theme-switcher-f91c8d8d.js');
 require('./index-17eb8998.js');
 require('./typed-event-5030cc6a.js');
 require('./anime.es-8822f296.js');

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-17eb8998.js');
 const rwd_util = require('./rwd.util-2326824e.js');
-const themeSwitcher = require('./theme-switcher-6b45e082.js');
+const themeSwitcher = require('./theme-switcher-f91c8d8d.js');
 require('./typed-event-5030cc6a.js');
 
-const menuCss = "ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}";
+const menuCss = "ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}a[href]:has(>ix-menu-item){text-decoration:none}";
 
 const Menu = class {
   constructor(hostRef) {

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

@@ -617,8 +617,7 @@ const Tree = class {
     return itemList;
   }
   componentDidLoad() {
-    const config = this.getVirtualizerOptions();
-    this.hyperlist = new Hyperlist(this.host, config);
+    this.initList();
     this.observer = new MutationObserver((records) => {
       let removed = [];
       records.forEach((record) => {
@@ -637,20 +636,40 @@ const Tree = class {
     });
   }
   componentWillRender() {
-    this.refreshList();
+    if (this.isListInitialized()) {
+      this.refreshList();
+    }
+    else {
+      this.initList();
+    }
   }
   disconnectedCallback() {
     this.hyperlist.destroy();
     this.observer.disconnect();
   }
   modelChange() {
-    this.refreshList();
+    if (!this.isListInitialized()) {
+      this.initList();
+    }
+  }
+  isListInitialized() {
+    var _a;
+    const itemPositions = (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a._itemPositions;
+    return (itemPositions !== undefined &&
+      itemPositions.length &&
+      !(itemPositions === null || itemPositions === void 0 ? void 0 : itemPositions.some((item) => item === undefined || Number.isNaN(item))));
   }
   refreshList() {
     if (this.hyperlist) {
       this.hyperlist.refresh(this.host, this.getVirtualizerOptions());
     }
   }
+  initList() {
+    var _a;
+    (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a.destroy();
+    const config = this.getVirtualizerOptions();
+    this.hyperlist = new Hyperlist(this.host, config);
+  }
   render() {
     return (index.h(index.Host, null, index.h("slot", null)));
   }

package/dist/cjs/my-component.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-17eb8998.js');
 
-const myComponentCss = ".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}.sc-my-component-h main.sc-my-component{width:100%;padding:2rem}.sc-my-component-h ix-chip.sc-my-component{-webkit-margin-after:1rem;margin-block-end:1rem}";
+const myComponentCss = ".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}";
 
 const MyComponent = class {
   constructor(hostRef) {

package/dist/cjs/{theme-switcher-6b45e082.js → theme-switcher-f91c8d8d.js}

@@ -73,7 +73,7 @@ class ThemeSwitcher {
     if (typeof window === 'undefined') {
       return;
     }
-    if (!('MutationOberver' in window)) {
+    if (!('MutationObserver' in window)) {
       console.warn('ThemeSwitcher not supported by your browser. Missing MutationObserver API');
       return;
     }

package/dist/collection/components/menu/menu.css

@@ -124,4 +124,8 @@ ix-menu #cui-imprint .cui-imprint-link-container {
 }
 ix-menu .bottom-tab-divider {
   margin-top: auto;
+}
+
+a[href]:has(> ix-menu-item) {
+  text-decoration: none;
 }

package/dist/collection/components/my-component/my-component.css

@@ -23,12 +23,4 @@
   flex-direction: column;
   width: 100vw;
   height: 100vh;
-}
-:host main {
-  width: 100%;
-  padding: 2rem;
-}
-:host ix-chip {
-  -webkit-margin-after: 1rem;
-          margin-block-end: 1rem;
 }

package/dist/collection/components/tree/tree.js

@@ -113,8 +113,7 @@ export class Tree {
     return itemList;
   }
   componentDidLoad() {
-    const config = this.getVirtualizerOptions();
-    this.hyperlist = new Hyperlist(this.host, config);
+    this.initList();
     this.observer = new MutationObserver((records) => {
       let removed = [];
       records.forEach((record) => {
@@ -133,20 +132,40 @@ export class Tree {
     });
   }
   componentWillRender() {
-    this.refreshList();
+    if (this.isListInitialized()) {
+      this.refreshList();
+    }
+    else {
+      this.initList();
+    }
   }
   disconnectedCallback() {
     this.hyperlist.destroy();
     this.observer.disconnect();
   }
   modelChange() {
-    this.refreshList();
+    if (!this.isListInitialized()) {
+      this.initList();
+    }
+  }
+  isListInitialized() {
+    var _a;
+    const itemPositions = (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a._itemPositions;
+    return (itemPositions !== undefined &&
+      itemPositions.length &&
+      !(itemPositions === null || itemPositions === void 0 ? void 0 : itemPositions.some((item) => item === undefined || Number.isNaN(item))));
   }
   refreshList() {
     if (this.hyperlist) {
       this.hyperlist.refresh(this.host, this.getVirtualizerOptions());
     }
   }
+  initList() {
+    var _a;
+    (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a.destroy();
+    const config = this.getVirtualizerOptions();
+    this.hyperlist = new Hyperlist(this.host, config);
+  }
   render() {
     return (h(Host, null, h("slot", null)));
   }

package/dist/collection/components/utils/theme-switcher.js

@@ -70,7 +70,7 @@ export class ThemeSwitcher {
     if (typeof window === 'undefined') {
       return;
     }
-    if (!('MutationOberver' in window)) {
+    if (!('MutationObserver' in window)) {
       console.warn('ThemeSwitcher not supported by your browser. Missing MutationObserver API');
       return;
     }

package/dist/components/ix-menu.js

@@ -75,7 +75,7 @@ class ThemeSwitcher {
     if (typeof window === 'undefined') {
       return;
     }
-    if (!('MutationOberver' in window)) {
+    if (!('MutationObserver' in window)) {
       console.warn('ThemeSwitcher not supported by your browser. Missing MutationObserver API');
       return;
     }
@@ -90,7 +90,7 @@ class ThemeSwitcher {
 }
 const themeSwitcher = new ThemeSwitcher();
 
-const menuCss = "ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}";
+const menuCss = "ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}a[href]:has(>ix-menu-item){text-decoration:none}";
 
 const Menu = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/ix-tree.js

@@ -634,8 +634,7 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return itemList;
   }
   componentDidLoad() {
-    const config = this.getVirtualizerOptions();
-    this.hyperlist = new Hyperlist(this.host, config);
+    this.initList();
     this.observer = new MutationObserver((records) => {
       let removed = [];
       records.forEach((record) => {
@@ -654,20 +653,40 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
   }
   componentWillRender() {
-    this.refreshList();
+    if (this.isListInitialized()) {
+      this.refreshList();
+    }
+    else {
+      this.initList();
+    }
   }
   disconnectedCallback() {
     this.hyperlist.destroy();
     this.observer.disconnect();
   }
   modelChange() {
-    this.refreshList();
+    if (!this.isListInitialized()) {
+      this.initList();
+    }
+  }
+  isListInitialized() {
+    var _a;
+    const itemPositions = (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a._itemPositions;
+    return (itemPositions !== undefined &&
+      itemPositions.length &&
+      !(itemPositions === null || itemPositions === void 0 ? void 0 : itemPositions.some((item) => item === undefined || Number.isNaN(item))));
   }
   refreshList() {
     if (this.hyperlist) {
       this.hyperlist.refresh(this.host, this.getVirtualizerOptions());
     }
   }
+  initList() {
+    var _a;
+    (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a.destroy();
+    const config = this.getVirtualizerOptions();
+    this.hyperlist = new Hyperlist(this.host, config);
+  }
   render() {
     return (h(Host, null, h("slot", null)));
   }

package/dist/components/my-component.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const myComponentCss = ".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}.sc-my-component-h main.sc-my-component{width:100%;padding:2rem}.sc-my-component-h ix-chip.sc-my-component{-webkit-margin-after:1rem;margin-block-end:1rem}";
+const myComponentCss = ".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}";
 
 const MyComponent$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/esm/index.js

@@ -5,7 +5,7 @@ export { c as convertToAbbreviationString, a as convertToRemString } from './rwd
 export { c as closeModal, d as dismissModal, m as modal } from './modal-utils-df50b35a.js';
 export { r as renderDefaultItem } from './default-tree-item-638c435a.js';
 export { U as UploadFileState } from './upload-file-state-631bb8a2.js';
-export { T as ThemeSwitcher, t as themeSwitcher } from './theme-switcher-dce1aaec.js';
+export { T as ThemeSwitcher, t as themeSwitcher } from './theme-switcher-9ecc9b69.js';
 import './index-6f4f3582.js';
 import './typed-event-ab58c27e.js';
 import './anime.es-185e9087.js';

package/dist/esm/ix-menu_9.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, f as forceUpdate } from './index-6f4f3582.js';
 import { a as convertToRemString } from './rwd.util-4a61a4b8.js';
-import { t as themeSwitcher } from './theme-switcher-dce1aaec.js';
+import { t as themeSwitcher } from './theme-switcher-9ecc9b69.js';
 import './typed-event-ab58c27e.js';
 
-const menuCss = "ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}";
+const menuCss = "ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}a[href]:has(>ix-menu-item){text-decoration:none}";
 
 const Menu = class {
   constructor(hostRef) {

package/dist/esm/ix-tree_2.entry.js

@@ -613,8 +613,7 @@ const Tree = class {
     return itemList;
   }
   componentDidLoad() {
-    const config = this.getVirtualizerOptions();
-    this.hyperlist = new Hyperlist(this.host, config);
+    this.initList();
     this.observer = new MutationObserver((records) => {
       let removed = [];
       records.forEach((record) => {
@@ -633,20 +632,40 @@ const Tree = class {
     });
   }
   componentWillRender() {
-    this.refreshList();
+    if (this.isListInitialized()) {
+      this.refreshList();
+    }
+    else {
+      this.initList();
+    }
   }
   disconnectedCallback() {
     this.hyperlist.destroy();
     this.observer.disconnect();
   }
   modelChange() {
-    this.refreshList();
+    if (!this.isListInitialized()) {
+      this.initList();
+    }
+  }
+  isListInitialized() {
+    var _a;
+    const itemPositions = (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a._itemPositions;
+    return (itemPositions !== undefined &&
+      itemPositions.length &&
+      !(itemPositions === null || itemPositions === void 0 ? void 0 : itemPositions.some((item) => item === undefined || Number.isNaN(item))));
   }
   refreshList() {
     if (this.hyperlist) {
       this.hyperlist.refresh(this.host, this.getVirtualizerOptions());
     }
   }
+  initList() {
+    var _a;
+    (_a = this.hyperlist) === null || _a === void 0 ? void 0 : _a.destroy();
+    const config = this.getVirtualizerOptions();
+    this.hyperlist = new Hyperlist(this.host, config);
+  }
   render() {
     return (h(Host, null, h("slot", null)));
   }

package/dist/esm/my-component.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-6f4f3582.js';
 
-const myComponentCss = ".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}.sc-my-component-h main.sc-my-component{width:100%;padding:2rem}.sc-my-component-h ix-chip.sc-my-component{-webkit-margin-after:1rem;margin-block-end:1rem}";
+const myComponentCss = ".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}";
 
 const MyComponent = class {
   constructor(hostRef) {

package/dist/esm/{theme-switcher-dce1aaec.js → theme-switcher-9ecc9b69.js}

@@ -71,7 +71,7 @@ class ThemeSwitcher {
     if (typeof window === 'undefined') {
       return;
     }
-    if (!('MutationOberver' in window)) {
+    if (!('MutationObserver' in window)) {
       console.warn('ThemeSwitcher not supported by your browser. Missing MutationObserver API');
       return;
     }

package/dist/siemens-ix/index.esm.js

@@ -1 +1 @@
-export{I as InputState,L as LogicalFilterOperator}from"./p-0a12b3df.js";export{F as FlipTileState}from"./p-1d30454e.js";export{a as Modal,M as ModalContainer}from"./p-dec6114f.js";export{c as convertToAbbreviationString,a as convertToRemString}from"./p-c8cc3bb3.js";export{c as closeModal,d as dismissModal,m as modal}from"./p-96e46f99.js";export{r as renderDefaultItem}from"./p-1c82637e.js";export{U as UploadFileState}from"./p-da2cae32.js";export{T as ThemeSwitcher,t as themeSwitcher}from"./p-35990ac7.js";import"./p-05c16b94.js";import"./p-4944ad0b.js";import"./p-810b5232.js";import"./p-bdd294d2.js";class e{}async function o(t){const e=function(){const t=Array.from(document.querySelectorAll("ix-toast-container")),[e]=t;if(t.length>1)return console.warn("Multiple toast container are found. Only there first is used."),e;if(!e){const t=document.createElement("ix-toast-container");return document.body.appendChild(t),t}return e}();return await e.showToast(t)}o.info=t=>o(Object.assign(Object.assign({},t),{type:"info"})),o.error=t=>o(Object.assign(Object.assign({},t),{type:"error"})),o.success=t=>o(Object.assign(Object.assign({},t),{type:"success"})),o.warning=t=>o(Object.assign(Object.assign({},t),{type:"warning"}));export{e as FilterState,o as toast}
+export{I as InputState,L as LogicalFilterOperator}from"./p-0a12b3df.js";export{F as FlipTileState}from"./p-1d30454e.js";export{a as Modal,M as ModalContainer}from"./p-dec6114f.js";export{c as convertToAbbreviationString,a as convertToRemString}from"./p-c8cc3bb3.js";export{c as closeModal,d as dismissModal,m as modal}from"./p-96e46f99.js";export{r as renderDefaultItem}from"./p-1c82637e.js";export{U as UploadFileState}from"./p-da2cae32.js";export{T as ThemeSwitcher,t as themeSwitcher}from"./p-f6e713f3.js";import"./p-05c16b94.js";import"./p-4944ad0b.js";import"./p-810b5232.js";import"./p-bdd294d2.js";class e{}async function o(t){const e=function(){const t=Array.from(document.querySelectorAll("ix-toast-container")),[e]=t;if(t.length>1)return console.warn("Multiple toast container are found. Only there first is used."),e;if(!e){const t=document.createElement("ix-toast-container");return document.body.appendChild(t),t}return e}();return await e.showToast(t)}o.info=t=>o(Object.assign(Object.assign({},t),{type:"info"})),o.error=t=>o(Object.assign(Object.assign({},t),{type:"error"})),o.success=t=>o(Object.assign(Object.assign({},t),{type:"success"})),o.warning=t=>o(Object.assign(Object.assign({},t),{type:"warning"}));export{e as FilterState,o as toast}

package/dist/siemens-ix/{p-5661957c.entry.js → p-218de283.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as r,g as n}from"./p-05c16b94.js";import{c as o,g as s,a as h}from"./p-37417714.js";import{r as c}from"./p-1c82637e.js";const a=s(o((function(t){t.exports=function t(e,i,r){function n(s,c){if(!i[s]){if(!e[s]){var a="function"==typeof h&&h;if(!c&&a)return a(s,!0);if(o)return o(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var u=i[s]={exports:{}};e[s][0].call(u.exports,(function(t){return n(e[s][1][t]||t)}),u,u.exports,t,e,i,r)}return i[s].exports}for(var o="function"==typeof h&&h,s=0;s<r.length;s++)n(r[s]);return n}({1:[function(t,e,i){Object.defineProperty(i,"__esModule",{value:!0});var r=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,i,r){return i&&t(e.prototype,i),r&&t(e,r),e}}();function n(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var o={width:"100%",height:"100%"},s=function(t){return Number(t)==Number(t)},h="classList"in document.documentElement?function(t,e){t.classList.add(e)}:function(t,e){var i=t.getAttribute("class")||"";t.setAttribute("class",i+" "+e)},c=function(){function t(e,i){var r=this;(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")})(this,t),this._config={},this._lastRepaint=null,this._maxElementHeight=t.getMaxBrowserHeight(),this.refresh(e,i);var n=this._config;!function t(){var e=r._getScrollPosition(),i=r._lastRepaint;if(r._renderAnimationFrame=window.requestAnimationFrame(t),e!==i){var o=i?e-i:0;if(!i||o<0||o>r._averageHeight){var s=r._renderChunk();r._lastRepaint=e,!1!==s&&"function"==typeof n.afterRender&&n.afterRender()}}}()}return r(t,null,[{key:"create",value:function(e,i){return new t(e,i)}},{key:"mergeStyle",value:function(t,e){for(var i in e)t.style[i]!==e[i]&&(t.style[i]=e[i])}},{key:"getMaxBrowserHeight",value:function(){var e=document.createElement("div"),i=document.createElement("div");t.mergeStyle(e,{position:"absolute",height:"1px",opacity:0}),t.mergeStyle(i,{height:"1e7px"}),e.appendChild(i),document.body.appendChild(e);var r=i.offsetHeight;return document.body.removeChild(e),r}}]),r(t,[{key:"destroy",value:function(){window.cancelAnimationFrame(this._renderAnimationFrame)}},{key:"refresh",value:function(e,i){var r;if(Object.assign(this._config,o,i),!e||1!==e.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=e;var h=this._config,c=this._scroller||h.scroller||document.createElement(h.scrollerTagName||"tr");if("boolean"!=typeof h.useFragment&&(this._config.useFragment=!0),!h.generate)throw new Error("Missing required `generate` function");if(!s(h.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(h.itemHeight)&&!s(h.itemHeight))throw new Error("\n        Invalid required `itemHeight` value, expected number or array\n      ".trim());this._itemHeights=s(h.itemHeight)?Array(h.total).fill(h.itemHeight):h.itemHeight,Object.keys(o).filter((function(t){return t in h})).forEach((function(t){var e=h[t],i=s(e);if(e&&"string"!=typeof e&&"number"!=typeof e)throw new Error("Invalid optional `"+t+"`, expected string or number");i&&(h[t]=e+"px")}));var a=Boolean(h.horizontal),l=h[a?"width":"height"];if(l){var u=s(l),d=!u&&"%"===l.slice(-1),v=u?l:parseInt(l.replace(/px|%/,""),10),f=window[a?"innerWidth":"innerHeight"];this._containerSize=d?f*v/100:s(l)?l:v}var m=h.scrollContainer,g=h.itemHeight*h.total,p=this._maxElementHeight;g>p&&console.warn(["HyperList: The maximum element height",p+"px has","been exceeded; please reduce your item height."].join(" ")),t.mergeStyle(e,{width:""+h.width,height:m?g+"px":""+h.height,overflow:m?"none":"auto",position:"relative"}),m&&t.mergeStyle(h.scrollContainer,{overflow:"auto"});var x=(n(r={opacity:"0",position:"absolute"},a?"height":"width","1px"),n(r,a?"width":"height",g+"px"),r);t.mergeStyle(c,x),this._scroller||e.appendChild(c);var b=this._computeScrollPadding();this._scrollPaddingBottom=b.bottom,this._scrollPaddingTop=b.top,this._scroller=c,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(h.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof h.afterRender&&h.afterRender()}},{key:"_getRow",value:function(e){var i=this._config,r=i.generate(e),o=r.height;if(void 0!==o&&s(o)?(r=r.element,o!==this._itemHeights[e]&&(this._itemHeights[e]=o,this._computePositions(e),this._scrollHeight=this._computeScrollHeight(e))):o=this._itemHeights[e],!r||1!==r.nodeType)throw new Error("Generator did not return a DOM Node for index: "+e);return h(r,i.rowClassName||"vrow"),t.mergeStyle(r,n({position:"absolute"},i.horizontal?"left":"top",this._itemPositions[e]+this._scrollPaddingTop+"px")),r}},{key:"_getScrollPosition",value:function(){var t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}},{key:"_renderChunk",value:function(t){var e=this._config,i=this._element,r=this._getScrollPosition(),n=e.total,o=e.reverse?this._getReverseFrom(r):this._getFrom(r)-1;if((o<0||o-this._screenItemsLen<0)&&(o=0),!t&&this._lastFrom===o)return!1;this._lastFrom=o;var s=o+this._cachedItemsLen;(s>n||s+this._cachedItemsLen>n)&&(s=n);var h=e.useFragment?document.createDocumentFragment():[];h[e.useFragment?"appendChild":"push"](this._scroller);for(var c=o;c<s;c++){var a=this._getRow(c);h[e.useFragment?"appendChild":"push"](a)}if(e.applyPatch)return e.applyPatch(i,h);i.innerHTML="",i.appendChild(h)}},{key:"_computePositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=this._config,i=e.total,r=e.reverse;t<1&&!r&&(t=1);for(var n=t;n<i;n++)r?0===n?this._itemPositions[0]=this._scrollHeight-this._itemHeights[0]:this._itemPositions[n]=this._itemPositions[n-1]-this._itemHeights[n]:this._itemPositions[n]=this._itemHeights[n-1]+this._itemPositions[n-1]}},{key:"_computeScrollHeight",value:function(){var e,i=this,r=this._config,o=Boolean(r.horizontal),s=r.total,h=this._itemHeights.reduce((function(t,e){return t+e}),0)+this._scrollPaddingBottom+this._scrollPaddingTop;t.mergeStyle(this._scroller,(n(e={opacity:0,position:"absolute",top:"0px"},o?"height":"width","1px"),n(e,o?"width":"height",h+"px"),e));var c=this._itemHeights.slice(0).sort((function(t,e){return t-e})),a=Math.floor(s/2),l=s%2==0?(c[a]+c[a-1])/2:c[a],u=o?"clientWidth":"clientHeight",d=r.scrollContainer?r.scrollContainer:this._element,v=d[u]?d[u]:this._containerSize;return this._screenItemsLen=Math.ceil(v/l),this._containerSize=v,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=l,r.reverse&&window.requestAnimationFrame((function(){o?i._element.scrollLeft=h:i._element.scrollTop=h})),h}},{key:"_computeScrollPadding",value:function(){var t=this._config,e=Boolean(t.horizontal),i=t.reverse,r=window.getComputedStyle(this._element),n=function(t){var e=r.getPropertyValue("padding-"+t);return parseInt(e,10)||0};return e&&i?{bottom:n("left"),top:n("right")}:e?{bottom:n("right"),top:n("left")}:i?{bottom:n("top"),top:n("bottom")}:{bottom:n("bottom"),top:n("top")}}},{key:"_getFrom",value:function(t){for(var e=0;this._itemPositions[e]<t;)e++;return e}},{key:"_getReverseFrom",value:function(t){for(var e=this._config.total-1;e>0&&this._itemPositions[e]<t+this._containerSize;)e--;return e}}]),t}();i.default=c,e.exports=i.default},{}]},{},[1])(1)}))),l=class{constructor(i){t(this,i),this.contextChange=e(this,"contextChange",7),this.nodeRemoved=e(this,"nodeRemoved",7),this.toggleListener=new Map,this.itemClickListener=new Map,this.updates=new Map,this.root=void 0,this.model=void 0,this.renderItem=void 0,this.context={}}getVirtualizerOptions(){const t=this.buildTreeList(this.model[this.root]);return{itemHeight:32,total:t.length,generate:e=>{const i=t[e],r=this.host.querySelector(`[data-tree-node-id="${i.id}"]`),n=this.getContext(i.id);if(r)return r.hasChildren=i.hasChildren,r.context=Object.assign({},n),this.updates.has(i.id)&&this.updates.get(i.id)(i,Object.assign({},this.context)),r;const o=t=>{this.updates.set(i.id,t)};let s=null;this.renderItem&&(s=this.renderItem(e,i,t,Object.assign({},this.context),o)),null===s&&(s=c(i,n,o));const h=s;if(h.setAttribute("data-tree-node-id",i.id),h.style.paddingLeft=i.level+"rem",h.style.paddingRight="1rem",!this.itemClickListener.has(h)){const t=t=>{t.preventDefault(),t.stopPropagation(),Object.values(this.context).forEach((t=>t.isSelected=!1));const e=this.getContext(i.id);e.isSelected=!0,this.setContext(i.id,e)};h.addEventListener("itemClick",t),this.itemClickListener.set(h,t)}if(i.hasChildren&&!this.toggleListener.has(h)){const r=r=>{r.preventDefault(),r.stopPropagation();const n=this.getContext(t[e].id);n.isExpanded=!n.isExpanded,this.setContext(i.id,n)};h.addEventListener("toggle",r),this.toggleListener.set(h,r)}return h}}}setContext(t,e){this.context=Object.assign(Object.assign({},this.context),{[t]:e}),this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1}),this.context[t]):{isExpanded:!1,isSelected:!1}}buildTreeList(t,e=0){const i=[];if(null==t?void 0:t.hasChildren){const r=e+1;t.children.forEach((t=>{const n=this.model[t],o=this.getContext(t);i.push(Object.assign(Object.assign({},n),{level:e})),n.hasChildren&&o.isExpanded&&i.push(...this.buildTreeList(n,r))}))}return i}componentDidLoad(){const t=this.getVirtualizerOptions();this.hyperlist=new a(this.host,t),this.observer=new MutationObserver((t=>{let e=[];t.forEach((t=>{e=[...e,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const i=e.indexOf(t);i>=0&&e.splice(i,1)}))})),this.nodeRemoved.emit(e)})),this.observer.observe(this.host,{childList:!0})}componentWillRender(){this.refreshList()}disconnectedCallback(){this.hyperlist.destroy(),this.observer.disconnect()}modelChange(){this.refreshList()}refreshList(){this.hyperlist&&this.hyperlist.refresh(this.host,this.getVirtualizerOptions())}render(){return i(r,null,i("slot",null))}get host(){return n(this)}static get watchers(){return{model:["modelChange"]}}};l.style=".sc-ix-tree-h{display:block}";const u=class{constructor(i){t(this,i),this.toggle=e(this,"toggle",7),this.itemClick=e(this,"itemClick",7),this.text=void 0,this.hasChildren=void 0,this.context=void 0}render(){var t,e,n;return i(r,{class:{selected:null===(t=this.context)||void 0===t?void 0:t.isSelected}},i("div",{class:"icon-toggle-container",onClick:t=>{t.preventDefault(),this.toggle.emit()}},this.hasChildren?i("ix-icon",{name:"chevron-right",size:"16",class:{"icon-toggle-down":null===(e=this.context)||void 0===e?void 0:e.isExpanded},color:"color-"+((null===(n=this.context)||void 0===n?void 0:n.isExpanded)?"primary":"std-text")}):null),i("div",{class:"tree-node-container",onClick:t=>{t.preventDefault(),this.itemClick.emit()}},this.text,i("slot",null)))}};u.style=".sc-ix-tree-item-h{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).hover,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):hover{background-color:var(--theme-tree-item--background--hover)}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).active,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):active{background-color:var(--theme-tree-item--background--active)}.selected.sc-ix-tree-item-h{background-color:var(--theme-tree-item--background--selected)}.selected.hover.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:hover{background-color:var(--theme-tree-item--background--selected-hover)}.selected.active.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:active{background-color:var(--theme-tree-item--background--selected-active)}.sc-ix-tree-item-h .tree-node-container.sc-ix-tree-item{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.sc-ix-tree-item{transition:transform 150ms ease-in-out}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.icon-toggle-down.sc-ix-tree-item{transform:rotate(90deg)}";export{l as ix_tree,u as ix_tree_item}
+import{r as t,c as e,h as i,H as r,g as n}from"./p-05c16b94.js";import{c as o,g as s,a as h}from"./p-37417714.js";import{r as c}from"./p-1c82637e.js";const a=s(o((function(t){t.exports=function t(e,i,r){function n(s,c){if(!i[s]){if(!e[s]){var a="function"==typeof h&&h;if(!c&&a)return a(s,!0);if(o)return o(s,!0);var l=new Error("Cannot find module '"+s+"'");throw l.code="MODULE_NOT_FOUND",l}var u=i[s]={exports:{}};e[s][0].call(u.exports,(function(t){return n(e[s][1][t]||t)}),u,u.exports,t,e,i,r)}return i[s].exports}for(var o="function"==typeof h&&h,s=0;s<r.length;s++)n(r[s]);return n}({1:[function(t,e,i){Object.defineProperty(i,"__esModule",{value:!0});var r=function(){function t(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(e,i,r){return i&&t(e.prototype,i),r&&t(e,r),e}}();function n(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}var o={width:"100%",height:"100%"},s=function(t){return Number(t)==Number(t)},h="classList"in document.documentElement?function(t,e){t.classList.add(e)}:function(t,e){var i=t.getAttribute("class")||"";t.setAttribute("class",i+" "+e)},c=function(){function t(e,i){var r=this;(function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")})(this,t),this._config={},this._lastRepaint=null,this._maxElementHeight=t.getMaxBrowserHeight(),this.refresh(e,i);var n=this._config;!function t(){var e=r._getScrollPosition(),i=r._lastRepaint;if(r._renderAnimationFrame=window.requestAnimationFrame(t),e!==i){var o=i?e-i:0;if(!i||o<0||o>r._averageHeight){var s=r._renderChunk();r._lastRepaint=e,!1!==s&&"function"==typeof n.afterRender&&n.afterRender()}}}()}return r(t,null,[{key:"create",value:function(e,i){return new t(e,i)}},{key:"mergeStyle",value:function(t,e){for(var i in e)t.style[i]!==e[i]&&(t.style[i]=e[i])}},{key:"getMaxBrowserHeight",value:function(){var e=document.createElement("div"),i=document.createElement("div");t.mergeStyle(e,{position:"absolute",height:"1px",opacity:0}),t.mergeStyle(i,{height:"1e7px"}),e.appendChild(i),document.body.appendChild(e);var r=i.offsetHeight;return document.body.removeChild(e),r}}]),r(t,[{key:"destroy",value:function(){window.cancelAnimationFrame(this._renderAnimationFrame)}},{key:"refresh",value:function(e,i){var r;if(Object.assign(this._config,o,i),!e||1!==e.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=e;var h=this._config,c=this._scroller||h.scroller||document.createElement(h.scrollerTagName||"tr");if("boolean"!=typeof h.useFragment&&(this._config.useFragment=!0),!h.generate)throw new Error("Missing required `generate` function");if(!s(h.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(h.itemHeight)&&!s(h.itemHeight))throw new Error("\n        Invalid required `itemHeight` value, expected number or array\n      ".trim());this._itemHeights=s(h.itemHeight)?Array(h.total).fill(h.itemHeight):h.itemHeight,Object.keys(o).filter((function(t){return t in h})).forEach((function(t){var e=h[t],i=s(e);if(e&&"string"!=typeof e&&"number"!=typeof e)throw new Error("Invalid optional `"+t+"`, expected string or number");i&&(h[t]=e+"px")}));var a=Boolean(h.horizontal),l=h[a?"width":"height"];if(l){var u=s(l),d=!u&&"%"===l.slice(-1),v=u?l:parseInt(l.replace(/px|%/,""),10),f=window[a?"innerWidth":"innerHeight"];this._containerSize=d?f*v/100:s(l)?l:v}var m=h.scrollContainer,g=h.itemHeight*h.total,p=this._maxElementHeight;g>p&&console.warn(["HyperList: The maximum element height",p+"px has","been exceeded; please reduce your item height."].join(" ")),t.mergeStyle(e,{width:""+h.width,height:m?g+"px":""+h.height,overflow:m?"none":"auto",position:"relative"}),m&&t.mergeStyle(h.scrollContainer,{overflow:"auto"});var b=(n(r={opacity:"0",position:"absolute"},a?"height":"width","1px"),n(r,a?"width":"height",g+"px"),r);t.mergeStyle(c,b),this._scroller||e.appendChild(c);var x=this._computeScrollPadding();this._scrollPaddingBottom=x.bottom,this._scrollPaddingTop=x.top,this._scroller=c,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(h.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof h.afterRender&&h.afterRender()}},{key:"_getRow",value:function(e){var i=this._config,r=i.generate(e),o=r.height;if(void 0!==o&&s(o)?(r=r.element,o!==this._itemHeights[e]&&(this._itemHeights[e]=o,this._computePositions(e),this._scrollHeight=this._computeScrollHeight(e))):o=this._itemHeights[e],!r||1!==r.nodeType)throw new Error("Generator did not return a DOM Node for index: "+e);return h(r,i.rowClassName||"vrow"),t.mergeStyle(r,n({position:"absolute"},i.horizontal?"left":"top",this._itemPositions[e]+this._scrollPaddingTop+"px")),r}},{key:"_getScrollPosition",value:function(){var t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}},{key:"_renderChunk",value:function(t){var e=this._config,i=this._element,r=this._getScrollPosition(),n=e.total,o=e.reverse?this._getReverseFrom(r):this._getFrom(r)-1;if((o<0||o-this._screenItemsLen<0)&&(o=0),!t&&this._lastFrom===o)return!1;this._lastFrom=o;var s=o+this._cachedItemsLen;(s>n||s+this._cachedItemsLen>n)&&(s=n);var h=e.useFragment?document.createDocumentFragment():[];h[e.useFragment?"appendChild":"push"](this._scroller);for(var c=o;c<s;c++){var a=this._getRow(c);h[e.useFragment?"appendChild":"push"](a)}if(e.applyPatch)return e.applyPatch(i,h);i.innerHTML="",i.appendChild(h)}},{key:"_computePositions",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=this._config,i=e.total,r=e.reverse;t<1&&!r&&(t=1);for(var n=t;n<i;n++)r?0===n?this._itemPositions[0]=this._scrollHeight-this._itemHeights[0]:this._itemPositions[n]=this._itemPositions[n-1]-this._itemHeights[n]:this._itemPositions[n]=this._itemHeights[n-1]+this._itemPositions[n-1]}},{key:"_computeScrollHeight",value:function(){var e,i=this,r=this._config,o=Boolean(r.horizontal),s=r.total,h=this._itemHeights.reduce((function(t,e){return t+e}),0)+this._scrollPaddingBottom+this._scrollPaddingTop;t.mergeStyle(this._scroller,(n(e={opacity:0,position:"absolute",top:"0px"},o?"height":"width","1px"),n(e,o?"width":"height",h+"px"),e));var c=this._itemHeights.slice(0).sort((function(t,e){return t-e})),a=Math.floor(s/2),l=s%2==0?(c[a]+c[a-1])/2:c[a],u=o?"clientWidth":"clientHeight",d=r.scrollContainer?r.scrollContainer:this._element,v=d[u]?d[u]:this._containerSize;return this._screenItemsLen=Math.ceil(v/l),this._containerSize=v,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=l,r.reverse&&window.requestAnimationFrame((function(){o?i._element.scrollLeft=h:i._element.scrollTop=h})),h}},{key:"_computeScrollPadding",value:function(){var t=this._config,e=Boolean(t.horizontal),i=t.reverse,r=window.getComputedStyle(this._element),n=function(t){var e=r.getPropertyValue("padding-"+t);return parseInt(e,10)||0};return e&&i?{bottom:n("left"),top:n("right")}:e?{bottom:n("right"),top:n("left")}:i?{bottom:n("top"),top:n("bottom")}:{bottom:n("bottom"),top:n("top")}}},{key:"_getFrom",value:function(t){for(var e=0;this._itemPositions[e]<t;)e++;return e}},{key:"_getReverseFrom",value:function(t){for(var e=this._config.total-1;e>0&&this._itemPositions[e]<t+this._containerSize;)e--;return e}}]),t}();i.default=c,e.exports=i.default},{}]},{},[1])(1)}))),l=class{constructor(i){t(this,i),this.contextChange=e(this,"contextChange",7),this.nodeRemoved=e(this,"nodeRemoved",7),this.toggleListener=new Map,this.itemClickListener=new Map,this.updates=new Map,this.root=void 0,this.model=void 0,this.renderItem=void 0,this.context={}}getVirtualizerOptions(){const t=this.buildTreeList(this.model[this.root]);return{itemHeight:32,total:t.length,generate:e=>{const i=t[e],r=this.host.querySelector(`[data-tree-node-id="${i.id}"]`),n=this.getContext(i.id);if(r)return r.hasChildren=i.hasChildren,r.context=Object.assign({},n),this.updates.has(i.id)&&this.updates.get(i.id)(i,Object.assign({},this.context)),r;const o=t=>{this.updates.set(i.id,t)};let s=null;this.renderItem&&(s=this.renderItem(e,i,t,Object.assign({},this.context),o)),null===s&&(s=c(i,n,o));const h=s;if(h.setAttribute("data-tree-node-id",i.id),h.style.paddingLeft=i.level+"rem",h.style.paddingRight="1rem",!this.itemClickListener.has(h)){const t=t=>{t.preventDefault(),t.stopPropagation(),Object.values(this.context).forEach((t=>t.isSelected=!1));const e=this.getContext(i.id);e.isSelected=!0,this.setContext(i.id,e)};h.addEventListener("itemClick",t),this.itemClickListener.set(h,t)}if(i.hasChildren&&!this.toggleListener.has(h)){const r=r=>{r.preventDefault(),r.stopPropagation();const n=this.getContext(t[e].id);n.isExpanded=!n.isExpanded,this.setContext(i.id,n)};h.addEventListener("toggle",r),this.toggleListener.set(h,r)}return h}}}setContext(t,e){this.context=Object.assign(Object.assign({},this.context),{[t]:e}),this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1}),this.context[t]):{isExpanded:!1,isSelected:!1}}buildTreeList(t,e=0){const i=[];if(null==t?void 0:t.hasChildren){const r=e+1;t.children.forEach((t=>{const n=this.model[t],o=this.getContext(t);i.push(Object.assign(Object.assign({},n),{level:e})),n.hasChildren&&o.isExpanded&&i.push(...this.buildTreeList(n,r))}))}return i}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let e=[];t.forEach((t=>{e=[...e,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const i=e.indexOf(t);i>=0&&e.splice(i,1)}))})),this.nodeRemoved.emit(e)})),this.observer.observe(this.host,{childList:!0})}componentWillRender(){this.isListInitialized()?this.refreshList():this.initList()}disconnectedCallback(){this.hyperlist.destroy(),this.observer.disconnect()}modelChange(){this.isListInitialized()||this.initList()}isListInitialized(){var t;const e=null===(t=this.hyperlist)||void 0===t?void 0:t._itemPositions;return void 0!==e&&e.length&&!(null==e?void 0:e.some((t=>void 0===t||Number.isNaN(t))))}refreshList(){this.hyperlist&&this.hyperlist.refresh(this.host,this.getVirtualizerOptions())}initList(){var t;null===(t=this.hyperlist)||void 0===t||t.destroy();const e=this.getVirtualizerOptions();this.hyperlist=new a(this.host,e)}render(){return i(r,null,i("slot",null))}get host(){return n(this)}static get watchers(){return{model:["modelChange"]}}};l.style=".sc-ix-tree-h{display:block}";const u=class{constructor(i){t(this,i),this.toggle=e(this,"toggle",7),this.itemClick=e(this,"itemClick",7),this.text=void 0,this.hasChildren=void 0,this.context=void 0}render(){var t,e,n;return i(r,{class:{selected:null===(t=this.context)||void 0===t?void 0:t.isSelected}},i("div",{class:"icon-toggle-container",onClick:t=>{t.preventDefault(),this.toggle.emit()}},this.hasChildren?i("ix-icon",{name:"chevron-right",size:"16",class:{"icon-toggle-down":null===(e=this.context)||void 0===e?void 0:e.isExpanded},color:"color-"+((null===(n=this.context)||void 0===n?void 0:n.isExpanded)?"primary":"std-text")}):null),i("div",{class:"tree-node-container",onClick:t=>{t.preventDefault(),this.itemClick.emit()}},this.text,i("slot",null)))}};u.style=".sc-ix-tree-item-h{display:flex;align-items:center;height:32px;width:100%;cursor:pointer}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).hover,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):hover{background-color:var(--theme-tree-item--background--hover)}.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected).active,.sc-ix-tree-item-h:not(.disabled):not(:disabled):not(.selected):active{background-color:var(--theme-tree-item--background--active)}.selected.sc-ix-tree-item-h{background-color:var(--theme-tree-item--background--selected)}.selected.hover.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:hover{background-color:var(--theme-tree-item--background--selected-hover)}.selected.active.sc-ix-tree-item-h,.selected.sc-ix-tree-item-h:active{background-color:var(--theme-tree-item--background--selected-active)}.sc-ix-tree-item-h .tree-node-container.sc-ix-tree-item{display:flex;align-items:center;height:2rem;flex-grow:1;align-items:center}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.sc-ix-tree-item{transition:transform 150ms ease-in-out}.sc-ix-tree-item-h .icon-toggle-container.sc-ix-tree-item ix-icon.icon-toggle-down.sc-ix-tree-item{transform:rotate(90deg)}";export{l as ix_tree,u as ix_tree_item}

package/dist/siemens-ix/p-67eb9d59.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t,H as n}from"./p-05c16b94.js";const r=class{constructor(t){o(this,t)}render(){return t(n,null)}};r.style=".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}";export{r as my_component}

package/dist/siemens-ix/p-a6f4cfc6.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as i,H as s,g as n,f as o}from"./p-05c16b94.js";import{a}from"./p-c8cc3bb3.js";import{t as r}from"./p-f6e713f3.js";import"./p-4944ad0b.js";const m=class{constructor(i){t(this,i),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.domObserver=new MutationObserver(this.onDomChange.bind(this)),this.isVisible=t=>{var e,i;return"none"!==t.style.display&&"none"!==(null===(i=null===(e=t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.style.display)},this.showSettings=!1,this.showAbout=!1,this.enableToggleTheme=!1,this.enableSettings=!0,this.enableMapExpand=!1,this.applicationName=void 0,this.applicationDescription="",this.maxVisibleMenuItems=9,this.i18nLegal="About & legal information",this.i18nSettings="Settings",this.i18nToggleTheme="Toggle theme",this.i18nExpand=" Expand",this.i18nCollapse="Collapse",this.i18nMore="More…",this.expand=!1,this.showMoreItems=!1,this.visibleMenuItems=0,this.countMoreNotifications=0,this.mapExpand=!0,this.activeTab=void 0,this.isMoreTabEmpty=!1}onWindowResize(){this.visibleMenuItems=this.getMaxTabCount()}handleNodeMutation(t){t instanceof HTMLElement&&(t.matches(".tab")&&this.onWindowResize(),t.matches("ix-menu-about")&&this.menu.contains(t)&&this.appendAbout(),t.matches("ix-menu-settings")&&this.menu.contains(t)&&this.appendSettings())}onDomChange(t){t.forEach((t=>{t.addedNodes.forEach(this.handleNodeMutation.bind(this)),t.removedNodes.forEach(this.handleNodeMutation.bind(this))}))}get popoverArea(){return this.hostElement.querySelector("#popover-area")}get overlayContainer(){return this.hostElement.querySelector(".menu-overlay")}get invisibleContainer(){return this.hostElement.querySelector(".menu-overlay-invisible")}get menu(){return this.hostElement.querySelector(".menu")}get menuItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab)")).filter(this.isVisible)}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter(this.isVisible)}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return 0===this.hostElement.querySelectorAll(".internal-tab ix-dropdown .appended").length}get moreItemsDropdownItems(){return this.hostElement.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutPopover(){return document.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return 0===Array.from(this.hostElement.querySelectorAll("ix-menu-settings-item")).length}get avatarItem(){return this.hostElement.querySelector("ix-menu-avatar")}get tabsContainer(){return this.hostElement.querySelector("#menu-tabs")}showTab(t){return t+1<=this.visibleMenuItems}componentDidLoad(){var t,e,i,s;null===(t=this.settings)||void 0===t||t.addEventListener("close",(()=>{this.showSettings=!1,this.settings.show=this.showSettings})),null===(e=this.settings)||void 0===e||e.addEventListener("animationend",(()=>{this.showSettings||(this.settings.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),null===(i=this.about)||void 0===i||i.addEventListener("close",(()=>{this.showAbout=!1,this.about.show=this.showAbout})),null===(s=this.about)||void 0===s||s.addEventListener("animationend",(()=>{this.showAbout||(this.about.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),this.overlayContainer.classList.add("d-none"),this.onWindowResize(),this.domObserver.observe(this.hostElement,{attributes:!1,childList:!0,subtree:!0})}disconnectedCallback(){}componentWillRender(){this.appendTabs()}componentDidRender(){this.visibleMenuItems=this.getMaxTabCount(),this.appendFragments()}appendFragments(){this.appendAvatar(),this.appendAbout(),this.appendSettings(),this.appendAboutNewsPopover(),this.isMoreTabEmpty=this.isMoreItemsDropdownEmpty,this.countMoreNotifications=this.getMoreNotificationsCount()}resetActiveTab(){this.activeTab=null}isMenuItemActive(t){return t.active||t.classList.contains("active")}appendTabs(){this.activeTab=null,this.homeTab&&(this.hostElement.querySelector(".tabs-top").appendChild(this.homeTab),this.homeTab.addEventListener("click",this.resetOverlay)),this.menuItems.forEach(((t,e)=>{var i;this.showTab(e)?t.classList.remove("d-none"):(t.classList.add("d-none"),this.isMenuItemActive(t)&&(this.activeTab=t)),null===(i=this.homeTab)||void 0===i||i.classList.remove("d-none"),t.addEventListener("click",this.resetOverlay)}))}appendAvatar(){var t;const e=this.avatarItem;e&&(e.style.marginBottom="1rem",null===(t=this.hostElement.querySelector("#avatar-tab-placeholder"))||void 0===t||t.appendChild(e))}getAboutPopoverVerticalPosition(){const t=this.aboutTab.getBoundingClientRect(),e=window.innerHeight-(t.bottom-t.height/2+6+6);return a(e)}appendAboutNewsPopover(){var t;this.aboutPopover&&(this.aboutPopover.style.bottom=this.getAboutPopoverVerticalPosition(),!(null===(t=this.popoverArea)||void 0===t?void 0:t.contains(this.aboutPopover)))&&(this.aboutPopover.addEventListener("showMore",(()=>{var t;(null===(t=this.aboutPopover)||void 0===t?void 0:t.aboutItemLabel)&&(this.about.activeTabLabel=this.aboutPopover.aboutItemLabel,this.toggleAbout(!0))}).bind(this)),document.body.appendChild(this.aboutPopover))}appendSettings(){this.settings&&this.overlayContainer.appendChild(this.settings)}appendAbout(){this.about&&this.overlayContainer.appendChild(this.about)}getMoreNotificationsCount(){var t;const e=null===(t=this.moreItemsDropdown)||void 0===t?void 0:t.querySelectorAll(".appended");let i=0;return null==e||e.forEach((t=>{t.notifications&&(i+=t.notifications)})),i}getAvailableHeight(){let t=this.hostElement.clientHeight;return t-=60,this.avatarItem&&(t-=56),this.homeTab&&(t-=72),this.showAbout&&(t-=36),this.showSettings&&(t-=36),this.menuBottomItems.length&&(t-=36*this.menuBottomItems.length),this.enableMapExpand&&(t-=36),t-=72,t-=16,t}getMaxTabCount(){const t=this.getAvailableHeight(),e=Math.floor(t/48),i=this.menuItems.length;return 1===i?1:i<this.maxVisibleMenuItems?e>i?i:Math.min(e-2,i):i===this.maxVisibleMenuItems?e<this.maxVisibleMenuItems?e-2:e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:Math.min(e,this.maxVisibleMenuItems):e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:e>=this.maxVisibleMenuItems?this.maxVisibleMenuItems-1:Math.min(e-2,this.maxVisibleMenuItems)}async toggleMapExpand(t){this.skipAllOverlayAnimations(),this.mapExpand=void 0!==t?t:!this.mapExpand}skipAllOverlayAnimations(){this.about&&this.skipOverlayAnimationFor(this.about),this.settings&&this.skipOverlayAnimationFor(this.settings)}skipOverlayAnimationFor(t){const e="animate__animated";null==t||t.classList.remove(e),setTimeout((()=>{null==t||t.classList.add(e)}),300)}async toggleMenu(t){this.skipAllOverlayAnimations(),this.expand=void 0!==t?t:!this.expand,this.aboutPopover&&(this.aboutPopover.expanded=this.expand),this.expandChange.emit(this.expand)}async toggleSettings(t){var e;this.showAbout?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.about),null===(e=this.about)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showSettings=t,this.settings.show=this.showSettings,this.settings.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}async toggleAbout(t){var e;this.showSettings?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.settings),null===(e=this.settings)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showAbout=t,this.about.show=this.showAbout,this.about.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}resetOverlay(){this.showSettings=!1,this.showAbout=!1,this.settings&&(this.settings.show=this.showSettings),this.about&&(this.about.show=this.showAbout)}showMoreButton(){const t=this.menuItems.length;return 1!==t&&(t<this.maxVisibleMenuItems?this.visibleMenuItems<t:t>this.maxVisibleMenuItems?this.visibleMenuItems<this.maxVisibleMenuItems:this.visibleMenuItems<=this.maxVisibleMenuItems-2)}getCollapseText(){return this.mapExpand?this.i18nCollapse:this.i18nExpand}getCollapseIcon(){return this.mapExpand?"double-chevron-left":"double-chevron-right"}isMenuItemClicked(t){return t.composedPath().filter((t=>"ix-menu-more-tab"!==t.id)).filter((t=>"IX-MENU-ITEM"===t.tagName)).some((t=>this.tabsContainer.contains(t)))}render(){return i(s,{class:{expanded:this.expand}},i("div",{class:{menu:!0,expanded:this.expand},onClick:()=>{this.resetActiveTab()}},i("div",{onClick:async()=>this.toggleMenu(),class:{"burger-menu-button":!0,expanded:this.expand}},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:"32",height:"32"},i("rect",{class:"line line-1",x:"5",y:"9.5",width:"22",height:"2"}),i("rect",{class:"line line-2",x:"5",y:"15.5",width:"22",height:"2"}),i("rect",{class:"line line-3",x:"5",y:"21.5",width:"22",height:"2"}))),i("div",{id:"avatar-tab-placeholder"}),i("div",{id:"menu-tabs",style:{display:"contents"},onClick:t=>{this.isMenuItemClicked(t)&&this.resetOverlay()}},i("div",{class:"tabs-top"}),i("slot",null),i("div",{class:"active-more-tab"},this.activeTab?i("ix-menu-item",{class:"internal-tab",active:!0,tabIcon:this.activeTab.tabIcon},this.activeTab.innerText):null),i("ix-menu-item",{id:"ix-menu-more-tab",tabIcon:"more-menu",class:{"internal-tab":!0},style:{display:this.showMoreButton()?"block":"none"},title:"Show more",notifications:this.countMoreNotifications},this.i18nMore,i("ix-dropdown",{trigger:"ix-menu-more-tab",positioningStrategy:"fixed",placement:"right-start"},this.menuItems.filter(((t,e)=>!this.showTab(e)&&!this.isMenuItemActive(t)&&this.isVisible(t))).map((t=>i("ix-menu-item",{tabIcon:t.tabIcon,active:t.active,class:"internal-tab appended",onClick:()=>t.dispatchEvent(new CustomEvent("click"))},t.innerText)))))),i("div",{class:"bottom-tab-divider"}),this.enableSettings&&!this.isSettingsEmpty?i("ix-menu-item",{id:"settings",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showSettings},tabIcon:"cogwheel",onClick:async()=>this.toggleSettings(!this.showSettings)},this.i18nSettings):null,i("slot",{name:"bottom"}),i("div",{id:"popover-area"}),this.about?i("ix-menu-item",{id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},tabIcon:"info",onClick:async()=>this.toggleAbout(!this.showAbout)},this.i18nLegal):null,this.enableToggleTheme?i("ix-menu-item",{id:"toggleTheme",onClick:()=>r.toggleMode(),class:"internal-tab bottom-tab",tabIcon:"bulb"},this.i18nToggleTheme):null,this.enableMapExpand?i("ix-menu-item",{id:"menu-collapse",onClick:()=>this.mapExpandChange.emit(this.mapExpand),class:"internal-tab bottom-tab",tabIcon:`${this.getCollapseIcon()}`},this.getCollapseText()):null),i("div",{class:{"menu-overlay":!0,expanded:this.expand,"d-block":this.showAbout||this.showSettings},style:{opacity:this.showAbout||this.showSettings?"1":"0"}}),i("div",{class:"menu-overlay-invisible"}))}get hostElement(){return n(this)}};m.style="ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}a[href]:has(>ix-menu-item){text-decoration:none}";const h=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="About & legal information",this.show=!1,this.labels=[]}get aboutItems(){return Array.from(this.el.querySelectorAll("ix-menu-about-item"))}setTab(t){this.activeTabLabel=t,this.aboutItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.aboutItems.length&&this.setTab(this.activeTabLabel||this.aboutItems[0].label)}componentDidLoad(){o(this.el)}componentWillRender(){this.updateLabels()}updateLabels(){this.labels=this.aboutItems.map((t=>t.label))}watchActiveTabLabel(t){setTimeout((()=>this.setTab(t)))}getSelectedTabIndex(t){const e=this.aboutItems.find((e=>e.label===t));return this.aboutItems.indexOf(e)}getTabItems(){return this.aboutItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"about-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",{selected:this.getSelectedTabIndex(this.activeTabLabel),class:"about-tabs"},this.getTabItems()),i("div",{class:"about-items"},i("slot",null)))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};h.style=".text-xs.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-menu-about{color:var(--theme-color-primary)}.sc-ix-menu-about-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-about-h .about-header.sc-ix-menu-about{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-about-h .about-header.sc-ix-menu-about h2.sc-ix-menu-about{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-about-h .about-tabs.sc-ix-menu-about{margin-bottom:1.5rem}.sc-ix-menu-about-h ix-menu-about-item.sc-ix-menu-about{display:none}";const l=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};l.style=".sc-ix-menu-about-item-h{display:block}";const c=class{constructor(i){t(this,i),this.showMore=e(this,"showMore",7),this.closePopover=e(this,"closePopover",7),this.show=!1,this.label=void 0,this.i18nShowMore="Show more",this.aboutItemLabel=void 0,this.offsetBottom=0,this.expanded=!1}render(){return i(s,{class:{expanded:this.expanded,show:!this.show}},i("div",{class:"banner-container"},i("ix-icon",{color:"color-inv-contrast-text",name:"shout",size:"32"}),i("svg",{viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},i("polygon",{points:"0 0 48 0 48 56 24 48 0 56"}))),i("div",{class:"cui-popover-news-header"},i("span",{class:"text-l-title"},this.label)),i("ix-icon-button",{size:"24",icon:"close-small",ghost:!0,onClick:()=>{this.show=!1,this.closePopover.emit()}}),i("slot",null),this.aboutItemLabel?i("div",{class:"cui-popover-news-footer"},i("button",{class:"btn btn-primary",onClick:t=>{this.show=!1,this.showMore.emit(t)}},this.i18nShowMore)):null,i("svg",{id:"arrow",xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12"},i("path",{d:"M8 0 L0 6 L8 12"})))}};c.style=".sc-ix-menu-about-news-h{display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-1);border:var(--theme-weak-bdr-1);border-radius:0.25rem;padding:1rem;left:4rem;z-index:10000;transition:left var(--animate-duration);margin-left:0.5rem !important;box-shadow:var(--theme-box-shadow-level-2)}.expanded.sc-ix-menu-about-news-h{left:calc(4rem + 12rem)}.show.sc-ix-menu-about-news-h{display:none}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news{position:absolute;top:0.0625rem;left:1rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news{position:absolute;height:3.625rem;width:3rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news polygon.sc-ix-menu-about-news{fill:var(--theme-color-primary)}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news ix-icon.sc-ix-menu-about-news{margin:0.5rem;position:absolute;z-index:1}.sc-ix-menu-about-news-h .cui-popover-news-header.sc-ix-menu-about-news{margin-bottom:2rem;margin-left:4rem;margin-top:-0.25rem}.sc-ix-menu-about-news-h .popover-body.sc-ix-menu-about-news{color:var(--theme-color-std-text)}.sc-ix-menu-about-news-h .cui-popover-news-footer.sc-ix-menu-about-news{display:flex;justify-content:flex-end;margin-top:1rem}.sc-ix-menu-about-news-h #arrow.sc-ix-menu-about-news{bottom:14px;position:relative;left:-10px}.sc-ix-menu-about-news-h ix-icon-button.sc-ix-menu-about-news{top:0.5rem;right:0.5rem;position:absolute}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news{position:absolute;left:-0.5rem;bottom:0.4rem}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news path.sc-ix-menu-about-news{fill:var(--theme-color-1);stroke:var(--theme-color-weak-bdr-1)}";const u=class{constructor(i){t(this,i),this.logoutClick=e(this,"logoutClick",7),this.avatarElementId="ix-menu-avatar-id",this.top=void 0,this.bottom=void 0,this.i18nLogout="Logout"}render(){return i(s,null,i("li",{class:"nav-item top-item avatar no-hover",title:this.top,id:this.avatarElementId},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},i("g",{fill:"none","fill-rule":"evenodd"},i("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n                    16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),i("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n                  6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n                  9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n                  6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"}))),i("div",{class:"avatar-name"},i("span",{class:"text-default-single",title:this.top},this.top),i("span",{class:"text-default-single",title:this.bottom},this.bottom))),i("ix-dropdown",{trigger:this.avatarElementId,placement:"right-start",offset:{mainAxis:12}},i("slot",null),i("ix-menu-avatar-item",{label:this.i18nLogout,icon:"log-out",onClick:t=>{this.logoutClick.emit(t)}})))}get hostElement(){return n(this)}};u.style=".sc-ix-menu-avatar-h{display:block;position:relative;margin-bottom:0.5rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar{display:flex;align-items:center;height:2.5rem;max-height:2.5rem;padding-left:0.25rem;margin-left:0.75rem;margin-right:0.75rem;transition:0.15s;border-radius:1.25rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar>svg.sc-ix-menu-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-background.sc-ix-menu-avatar{fill:var(--theme-avatar--background)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-person.sc-ix-menu-avatar{fill:var(--theme-color-4)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar .text-default-single.sc-ix-menu-avatar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}";const d=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.icon=void 0,this.label=void 0}render(){return i("ix-dropdown-item",{icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return n(this)}};d.style=".sc-ix-menu-avatar-item-h{display:block}";const b=class{constructor(e){t(this,e),this.home=!1,this.bottom=!1,this.tabIcon="document",this.notifications=void 0,this.active=void 0,this.disabled=void 0,this.title=void 0}get tabLabel(){return this.hostElement.querySelector(".tab-text")}componentDidRender(){const t=this.tabLabel.innerHTML.replace("&amp;","&");this.title!==t&&(this.title=t)}render(){return i(s,{class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active}},i("li",{class:"tab",title:this.title},i("i",{class:`glyph glyph-${this.tabIcon}`},i("div",{class:"notification"},this.notifications?i("div",{class:"pill"},this.notifications):null)),i("span",{class:"tab-text text-default"},i("slot",null))))}get hostElement(){return n(this)}};b.style='ix-menu-item{position:relative;display:block}ix-menu-item .tab{display:flex;position:relative;align-items:center;height:3rem;z-index:500;padding-left:1.25rem}ix-menu-item .tab:not(.selected){cursor:pointer}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).hover,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).active,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu-item i.glyph{color:var(--theme-nav-item-primary-icon--color);position:relative}ix-menu-item .tab:focus-visible{outline:none}ix-menu-item:focus-visible{outline:none}ix-menu-item .tab:not(:last-child){margin-bottom:0.5rem}ix-menu-item .notification{display:inline-flex;position:absolute;top:-0.5rem;right:-50%}ix-menu-item .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:1rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);border-radius:6.25rem;font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}ix-menu-item .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-nav-item-primary--color);margin:0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}ix-menu-item.active .tab,ix-menu-item.selected .tab{background-color:var(--theme-nav-item-primary--background--selected)}ix-menu-item.active .tab::before,ix-menu-item.selected .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:3rem;width:0.25rem;left:0;position:absolute}ix-menu-item.active .tab>.glyph,ix-menu-item.selected .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}ix-menu-item.disabled{color:var(--theme-color-weak-text);pointer-events:none;cursor:default}ix-menu-item.disabled .tab>.glyph{color:var(--theme-color-weak-text)}ix-menu-item.disabled .tab-text{color:var(--theme-color-weak-text)}ix-menu-item.home-tab,ix-menu-item[slot=home]{margin-bottom:1.5rem}ix-menu-item.bottom-tab,ix-menu-item[slot=bottom]{height:2.25rem}ix-menu-item.bottom-tab .tab,ix-menu-item[slot=bottom] .tab{height:2.25rem}ix-menu-item.bottom-tab .tab::before,ix-menu-item[slot=bottom] .tab::before{height:2.25rem}ix-menu-item.bottom-tab.active .tab,ix-menu-item.bottom-tab.selected .tab,ix-menu-item[slot=bottom].active .tab,ix-menu-item[slot=bottom].selected .tab{background-color:var(--theme-color-1)}';const g=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="Settings",this.show=!1}get settingsItems(){return Array.from(this.el.querySelectorAll("ix-menu-settings-item"))}setTab(t){this.activeTabLabel=t,this.settingsItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.settingsItems.length&&this.setTab(this.activeTabLabel||this.settingsItems[0].label)}componentDidLoad(){o(this.el)}watchActiveTabLabel(t){this.setTab(t)}getTabItems(){return this.settingsItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"settings-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",null,this.getTabItems()),i("slot",null))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};g.style=".text-xs.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-menu-settings{color:var(--theme-color-primary)}.sc-ix-menu-settings-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings h2.sc-ix-menu-settings{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-settings-h .settings-tabs.sc-ix-menu-settings{margin-bottom:1.5rem}";const x=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};x.style=".sc-ix-menu-settings-item-h{display:block}";export{m as ix_menu,h as ix_menu_about,l as ix_menu_about_item,c as ix_menu_about_news,u as ix_menu_avatar,d as ix_menu_avatar_item,b as ix_menu_item,g as ix_menu_settings,x as ix_menu_settings_item}

package/dist/siemens-ix/{p-35990ac7.js → p-f6e713f3.js}

@@ -1 +1 @@
-import{T as t}from"./p-4944ad0b.js";class e{constructor(){this.prefixTheme="theme-",this.suffixLight="-light",this.suffixDark="-dark",this.defaultTheme="theme-classic-dark",this._themeChanged=new t,this.registerMutationObserver()}get themeChanged(){return this._themeChanged}hasVariantSuffix(t){return t.endsWith(this.suffixDark)||t.endsWith(this.suffixLight)}isThemeClass(t){return t.startsWith(this.prefixTheme)&&this.hasVariantSuffix(t)}setTheme(t){if(!this.isThemeClass(t))throw Error(`Provided theme name ${t} does not match our naming conventions. (theme-<name>-(dark,light))`);const e=[];document.body.classList.forEach((t=>{this.isThemeClass(t)&&e.push(t)})),document.body.classList.remove(...e),document.body.classList.add(t)}toggleMode(){const t=[];document.body.classList.forEach((e=>{this.isThemeClass(e)&&t.push(e)})),0!==t.length?t.forEach((t=>{document.body.classList.replace(t,this.getOppositeMode(t))})):document.body.classList.add(this.getOppositeMode(this.defaultTheme))}getOppositeMode(t){return t.endsWith(this.suffixDark)?t.replace(/-dark$/g,this.suffixLight):t.endsWith(this.suffixLight)?t.replace(/-light$/g,this.suffixDark):void 0}handleMutations(t){return t.forEach((t=>{const{target:e}=t;e.classList.forEach((e=>{var s;this.isThemeClass(e)&&!(null===(s=t.oldValue)||void 0===s?void 0:s.includes(e))&&this._themeChanged.emit(e)}))}))}registerMutationObserver(){"undefined"!=typeof window&&("MutationOberver"in window?(this.mutationObserver=new MutationObserver((t=>{this.handleMutations(t)})),this.mutationObserver.observe(document.body,{attributeFilter:["class"],attributeOldValue:!0})):console.warn("ThemeSwitcher not supported by your browser. Missing MutationObserver API"))}}const s=new e;export{e as T,s as t}
+import{T as t}from"./p-4944ad0b.js";class e{constructor(){this.prefixTheme="theme-",this.suffixLight="-light",this.suffixDark="-dark",this.defaultTheme="theme-classic-dark",this._themeChanged=new t,this.registerMutationObserver()}get themeChanged(){return this._themeChanged}hasVariantSuffix(t){return t.endsWith(this.suffixDark)||t.endsWith(this.suffixLight)}isThemeClass(t){return t.startsWith(this.prefixTheme)&&this.hasVariantSuffix(t)}setTheme(t){if(!this.isThemeClass(t))throw Error(`Provided theme name ${t} does not match our naming conventions. (theme-<name>-(dark,light))`);const e=[];document.body.classList.forEach((t=>{this.isThemeClass(t)&&e.push(t)})),document.body.classList.remove(...e),document.body.classList.add(t)}toggleMode(){const t=[];document.body.classList.forEach((e=>{this.isThemeClass(e)&&t.push(e)})),0!==t.length?t.forEach((t=>{document.body.classList.replace(t,this.getOppositeMode(t))})):document.body.classList.add(this.getOppositeMode(this.defaultTheme))}getOppositeMode(t){return t.endsWith(this.suffixDark)?t.replace(/-dark$/g,this.suffixLight):t.endsWith(this.suffixLight)?t.replace(/-light$/g,this.suffixDark):void 0}handleMutations(t){return t.forEach((t=>{const{target:e}=t;e.classList.forEach((e=>{var s;this.isThemeClass(e)&&!(null===(s=t.oldValue)||void 0===s?void 0:s.includes(e))&&this._themeChanged.emit(e)}))}))}registerMutationObserver(){"undefined"!=typeof window&&("MutationObserver"in window?(this.mutationObserver=new MutationObserver((t=>{this.handleMutations(t)})),this.mutationObserver.observe(document.body,{attributeFilter:["class"],attributeOldValue:!0})):console.warn("ThemeSwitcher not supported by your browser. Missing MutationObserver API"))}}const s=new e;export{e as T,s as t}

package/dist/siemens-ix/siemens-ix.esm.js

@@ -1 +1 @@
-import{p as e,b as i}from"./p-05c16b94.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-72f851ae",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-9b5290d4",[[2,"ix-datetime-picker",{"range":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"from":[1],"to":[1],"time":[1],"showTimeReference":[8,"show-time-reference"],"eventDelimiter":[1,"event-delimiter"],"timeReference":[1,"time-reference"],"textSelectDate":[1,"text-select-date"]}]]],["p-eed28e55",[[0,"ix-modal-example"]]],["p-d20119c1",[[6,"ix-split-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"label":[1],"icon":[1],"splitIcon":[1,"split-icon"],"disabled":[4],"placement":[1],"toggle":[32]}],[2,"ix-split-button-item",{"icon":[1],"label":[1]}]]],["p-ab7949ff",[[6,"ix-dropdown-button",{"variant":[1],"outline":[4],"ghost":[4],"active":[4],"disabled":[4],"label":[1],"icon":[1],"dropdownAnchor":[32]}]]],["p-cc0f6f6b",[[6,"ix-breadcrumb",{"visibleItemCount":[2,"visible-item-count"],"nextItems":[16],"ghost":[4],"previousButtonRef":[32],"nextButtonRef":[32],"items":[32]}],[6,"ix-breadcrumb-item",{"label":[1],"icon":[1]}]]],["p-0e357d27",[[2,"ix-category-filter",{"initialState":[16],"filterState":[16],"placeholder":[1],"categories":[16],"nonSelectableCategories":[16],"suggestions":[16],"icon":[1],"hideIcon":[4,"hide-icon"],"repeatCategories":[4,"repeat-categories"],"tmpDisableScrollIntoView":[4,"tmp-disable-scroll-into-view"],"labelCategories":[1,"label-categories"],"i18nPlainText":[1,"i-1-8n-plain-text"],"hasFocus":[32],"showCategorySelection":[32],"categoryLogicalOperator":[32],"inputValue":[32],"category":[32],"filterTokens":[32],"offsetDropdownX":[32],"offsetDropdownY":[32],"maxHeightDropdown":[32],"maxWidthDropdown":[32]},[[9,"resize","setDropdownOffset"]]]]],["p-8a7141a6",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-e7621b0a",[[6,"ix-drawer",{"show":[1028],"closeOnClickOutside":[4,"close-on-click-outside"],"fullHeight":[4,"full-height"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"],"width":[8],"toggleDrawer":[64]}]]],["p-7f842cdc",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-592f1ed3",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-f7be9635",[[2,"ix-upload",{"accept":[1],"multiple":[4],"multiline":[4],"disabled":[4],"state":[1],"selectFileText":[1,"select-file-text"],"loadingText":[1,"loading-text"],"uploadFailedText":[1,"upload-failed-text"],"uploadSuccessText":[1,"upload-success-text"],"i18nUploadFile":[1,"i-1-8n-upload-file"],"i18nUploadDisabled":[1,"i-1-8n-upload-disabled"],"isFileOver":[32],"setFilesToUpload":[64]}]]],["p-a88618e3",[[6,"ix-animated-tabs",{"disableAnimations":[4,"disable-animations"],"selectedIndex":[2,"selected-index"],"tabPlacement":[1,"tab-placement"],"tabs":[32],"activeIndex":[32]},[[1,"mouseup","onMouseDown"]]],[6,"ix-animated-tab",{"icon":[1],"count":[514]}]]],["p-4b170382",[[6,"ix-workflow-step",{"vertical":[4],"disabled":[4],"status":[1],"clickable":[4],"selected":[1028],"position":[1],"iconName":[32],"iconColor":[32]}],[6,"ix-workflow-steps",{"vertical":[4],"linear":[4],"clickable":[4],"selectedIndex":[2,"selected-index"]}]]],["p-ea333007",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-c993560f",[[1,"ix-application-header",{"name":[1]}]]],["p-2e24ae23",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-43616759",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-18d02e6f",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-d0bb8225",[[6,"ix-event-list",{"itemHeight":[8,"item-height"],"compact":[4],"animated":[4],"chevron":[4]}],[4,"ix-event-list-item",{"color":[1],"selected":[4],"disabled":[4],"chevron":[4],"opacity":[2]},[[1,"click","handleItemClick"]]]]],["p-e2925222",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-6fe3bb9c",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-150d7a02",[[6,"ix-input-group"]]],["p-33283dbf",[[6,"ix-tile",{"size":[1]}]]],["p-8b4e4718",[[2,"ix-toggle",{"checked":[1540],"disabled":[4],"indeterminate":[4],"color":[1],"textOn":[1,"text-on"],"textOff":[1,"text-off"],"textIndeterminate":[1,"text-indeterminate"],"hideText":[4,"hide-text"]},[[8,"keydown","onKeyDown"]]]]],["p-5631ae88",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32],"tooltipPosition":[32],"arrowPosition":[32]}]]],["p-be641020",[[2,"my-component"]]],["p-4fcb5f2b",[[6,"ix-select",{"selectedIndices":[1025,"selected-indices"],"allowClear":[4,"allow-clear"],"mode":[1],"editable":[4],"disabled":[4],"readonly":[4],"i18nPlaceholder":[1,"i-1-8n-placeholder"],"i18nPlaceholderEditable":[1,"i-1-8n-placeholder-editable"],"i18nSelectListHeader":[1,"i-1-8n-select-list-header"],"dropdownShow":[32],"value":[32],"dropdownWrapperRef":[32],"dropdownAnchor":[32],"isDropdownEmpty":[32],"hasFocus":[32],"navigationItem":[32],"inputFilterText":[32],"inputValue":[32]},[[0,"itemClick","onItemClicked"],[0,"ix-select-item:labelChange","onLabelChange"],[8,"keydown","onKeyDown"]]],[2,"ix-select-item",{"label":[513],"value":[520],"selected":[4],"hover":[4],"onItemClick":[64]}]]],["p-a5fa7ae5",[[6,"ix-group",{"suppressHeaderSelection":[4,"suppress-header-selection"],"header":[1],"subHeader":[1,"sub-header"],"collapsed":[1540],"selected":[1540],"index":[1538],"expandOnHeaderClick":[4,"expand-on-header-click"],"dropdownTriggerRef":[32]},[[8,"keydown","onKeyDown"]]],[6,"ix-group-dropdown-item",{"label":[1],"icon":[1]}],[6,"ix-group-item",{"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"suppressSelection":[4,"suppress-selection"],"selected":[4],"focusable":[4],"index":[2]},[[1,"click","clickListen"]]]]],["p-2bc72119",[[6,"ix-map-navigation",{"applicationName":[1,"application-name"],"navigationTitle":[1,"navigation-title"],"hideContextMenu":[4,"hide-context-menu"],"isSidebarOpen":[32],"openOverlay":[64],"closeOverlay":[64]}],[6,"ix-map-navigation-overlay",{"name":[1],"icon":[1],"color":[1]}]]],["p-b242bd39",[[2,"ix-toast-container",{"containerId":[1,"container-id"],"containerClass":[1,"container-class"],"position":[1],"showToast":[64]}],[6,"ix-toast",{"type":[1],"toastTitle":[1,"toast-title"],"autoCloseDelay":[2,"auto-close-delay"],"autoClose":[4,"auto-close"],"icon":[1],"iconColor":[1,"icon-color"],"progress":[32],"isRunning":[32],"touched":[32]}]]],["p-5661957c",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-23d79e3d",[[6,"ix-group-context-menu",{"showContextMenu":[32]}]]],["p-3663f989",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-f35ce089",[[6,"ix-menu-about",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4],"labels":[32]}],[6,"ix-menu-avatar",{"top":[1],"bottom":[1],"i18nLogout":[1,"i-1-8n-logout"]}],[6,"ix-menu-settings",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4]}],[4,"ix-menu",{"showSettings":[1028,"show-settings"],"showAbout":[1028,"show-about"],"enableToggleTheme":[4,"enable-toggle-theme"],"enableSettings":[4,"enable-settings"],"enableMapExpand":[4,"enable-map-expand"],"applicationName":[1,"application-name"],"applicationDescription":[1,"application-description"],"maxVisibleMenuItems":[2,"max-visible-menu-items"],"i18nLegal":[1,"i-1-8n-legal"],"i18nSettings":[1,"i-1-8n-settings"],"i18nToggleTheme":[1,"i-1-8n-toggle-theme"],"i18nExpand":[1,"i-1-8n-expand"],"i18nCollapse":[1,"i-1-8n-collapse"],"i18nMore":[1,"i-1-8n-more"],"expand":[1540],"showMoreItems":[32],"visibleMenuItems":[32],"countMoreNotifications":[32],"mapExpand":[32],"activeTab":[32],"isMoreTabEmpty":[32],"toggleMapExpand":[64],"toggleMenu":[64],"toggleSettings":[64],"toggleAbout":[64]},[[9,"resize","onWindowResize"]]],[6,"ix-menu-about-news",{"show":[1540],"label":[1],"i18nShowMore":[1,"i-1-8n-show-more"],"aboutItemLabel":[1,"about-item-label"],"offsetBottom":[2,"offset-bottom"],"expanded":[4]}],[6,"ix-menu-about-item",{"label":[513]}],[6,"ix-menu-settings-item",{"label":[1]}],[2,"ix-menu-avatar-item",{"icon":[1],"label":[1]}],[4,"ix-menu-item",{"home":[4],"bottom":[4],"tabIcon":[1,"tab-icon"],"notifications":[2],"active":[4],"disabled":[4],"title":[32]}]]],["p-eb150313",[[2,"ix-date-picker",{"format":[1],"range":[4],"individual":[4],"corners":[1],"from":[1],"to":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"eventDelimiter":[1,"event-delimiter"],"textSelectDate":[1,"text-select-date"],"yearValue":[32],"today":[32],"monthValue":[32],"calendar":[32],"years":[32],"tempYear":[32],"tempMonth":[32],"start":[32],"end":[32],"dropdownButtonRef":[32],"yearContainerRef":[32],"getCurrentDate":[64]}],[2,"ix-time-picker",{"format":[1],"corners":[1],"individual":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"time":[1],"showTimeReference":[1032,"show-time-reference"],"timeReference":[1,"time-reference"],"textSelectTime":[1,"text-select-time"],"hourInputRef":[32],"minuteInputRef":[32],"secondInputRef":[32],"referenceInputRef":[32],"getCurrentTime":[64]}]]],["p-418e2d14",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-65e61684",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-fecf0ade",[[4,"ix-tabs",{"small":[4],"rounded":[4],"selected":[1026],"layout":[1],"placement":[1],"totalItems":[32],"currentScrollAmount":[32],"scrollAmount":[32],"scrollActionAmount":[32]},[[9,"resize","onWindowResize"]]]]],["p-5bbe9943",[[2,"ix-modal-container",{"showModal":[64]}],[6,"ix-modal",{"animation":[4],"ariaDescribedBy":[1,"aria-described-by"],"ariaLabelledBy":[1,"aria-labelled-by"],"backdrop":[8],"backdropClass":[1,"backdrop-class"],"beforeDismiss":[16],"centered":[4],"content":[1],"keyboard":[4],"icon":[1],"iconColor":[1,"icon-color"],"modalDialogClass":[1,"modal-dialog-class"],"scrollable":[4],"size":[1],"headerTitle":[1,"header-title"],"windowClass":[1,"window-class"],"dismiss":[64],"close":[64]}]]],["p-c3e90c06",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-03d38416",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[516],"type":[1]}]]],["p-2bd88760",[[6,"ix-dropdown-item",{"label":[1],"icon":[1],"hover":[4],"disabled":[4],"checked":[4],"emitItemClick":[64]}],[1,"ix-dropdown",{"show":[1540],"trigger":[1],"anchor":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"positioningStrategy":[1,"positioning-strategy"],"adjustDropdownWidthToReferenceWith":[4,"adjust-dropdown-width-to-reference-with"],"adjustDropdownWidthToReferenceWidth":[4,"adjust-dropdown-width-to-reference-width"],"header":[1],"offset":[16],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-b3d00feb",[[6,"ix-icon-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"oval":[4],"icon":[1],"size":[1],"color":[1],"selected":[4],"disabled":[4],"type":[1]}]]]]'),e)));
+import{p as e,b as i}from"./p-05c16b94.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-72f851ae",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-9b5290d4",[[2,"ix-datetime-picker",{"range":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"from":[1],"to":[1],"time":[1],"showTimeReference":[8,"show-time-reference"],"eventDelimiter":[1,"event-delimiter"],"timeReference":[1,"time-reference"],"textSelectDate":[1,"text-select-date"]}]]],["p-eed28e55",[[0,"ix-modal-example"]]],["p-d20119c1",[[6,"ix-split-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"label":[1],"icon":[1],"splitIcon":[1,"split-icon"],"disabled":[4],"placement":[1],"toggle":[32]}],[2,"ix-split-button-item",{"icon":[1],"label":[1]}]]],["p-ab7949ff",[[6,"ix-dropdown-button",{"variant":[1],"outline":[4],"ghost":[4],"active":[4],"disabled":[4],"label":[1],"icon":[1],"dropdownAnchor":[32]}]]],["p-cc0f6f6b",[[6,"ix-breadcrumb",{"visibleItemCount":[2,"visible-item-count"],"nextItems":[16],"ghost":[4],"previousButtonRef":[32],"nextButtonRef":[32],"items":[32]}],[6,"ix-breadcrumb-item",{"label":[1],"icon":[1]}]]],["p-0e357d27",[[2,"ix-category-filter",{"initialState":[16],"filterState":[16],"placeholder":[1],"categories":[16],"nonSelectableCategories":[16],"suggestions":[16],"icon":[1],"hideIcon":[4,"hide-icon"],"repeatCategories":[4,"repeat-categories"],"tmpDisableScrollIntoView":[4,"tmp-disable-scroll-into-view"],"labelCategories":[1,"label-categories"],"i18nPlainText":[1,"i-1-8n-plain-text"],"hasFocus":[32],"showCategorySelection":[32],"categoryLogicalOperator":[32],"inputValue":[32],"category":[32],"filterTokens":[32],"offsetDropdownX":[32],"offsetDropdownY":[32],"maxHeightDropdown":[32],"maxWidthDropdown":[32]},[[9,"resize","setDropdownOffset"]]]]],["p-8a7141a6",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-e7621b0a",[[6,"ix-drawer",{"show":[1028],"closeOnClickOutside":[4,"close-on-click-outside"],"fullHeight":[4,"full-height"],"minWidth":[2,"min-width"],"maxWidth":[2,"max-width"],"width":[8],"toggleDrawer":[64]}]]],["p-7f842cdc",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-592f1ed3",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-f7be9635",[[2,"ix-upload",{"accept":[1],"multiple":[4],"multiline":[4],"disabled":[4],"state":[1],"selectFileText":[1,"select-file-text"],"loadingText":[1,"loading-text"],"uploadFailedText":[1,"upload-failed-text"],"uploadSuccessText":[1,"upload-success-text"],"i18nUploadFile":[1,"i-1-8n-upload-file"],"i18nUploadDisabled":[1,"i-1-8n-upload-disabled"],"isFileOver":[32],"setFilesToUpload":[64]}]]],["p-a88618e3",[[6,"ix-animated-tabs",{"disableAnimations":[4,"disable-animations"],"selectedIndex":[2,"selected-index"],"tabPlacement":[1,"tab-placement"],"tabs":[32],"activeIndex":[32]},[[1,"mouseup","onMouseDown"]]],[6,"ix-animated-tab",{"icon":[1],"count":[514]}]]],["p-4b170382",[[6,"ix-workflow-step",{"vertical":[4],"disabled":[4],"status":[1],"clickable":[4],"selected":[1028],"position":[1],"iconName":[32],"iconColor":[32]}],[6,"ix-workflow-steps",{"vertical":[4],"linear":[4],"clickable":[4],"selectedIndex":[2,"selected-index"]}]]],["p-ea333007",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-c993560f",[[1,"ix-application-header",{"name":[1]}]]],["p-2e24ae23",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-43616759",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-18d02e6f",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-d0bb8225",[[6,"ix-event-list",{"itemHeight":[8,"item-height"],"compact":[4],"animated":[4],"chevron":[4]}],[4,"ix-event-list-item",{"color":[1],"selected":[4],"disabled":[4],"chevron":[4],"opacity":[2]},[[1,"click","handleItemClick"]]]]],["p-e2925222",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-6fe3bb9c",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-150d7a02",[[6,"ix-input-group"]]],["p-33283dbf",[[6,"ix-tile",{"size":[1]}]]],["p-8b4e4718",[[2,"ix-toggle",{"checked":[1540],"disabled":[4],"indeterminate":[4],"color":[1],"textOn":[1,"text-on"],"textOff":[1,"text-off"],"textIndeterminate":[1,"text-indeterminate"],"hideText":[4,"hide-text"]},[[8,"keydown","onKeyDown"]]]]],["p-5631ae88",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32],"tooltipPosition":[32],"arrowPosition":[32]}]]],["p-67eb9d59",[[2,"my-component"]]],["p-4fcb5f2b",[[6,"ix-select",{"selectedIndices":[1025,"selected-indices"],"allowClear":[4,"allow-clear"],"mode":[1],"editable":[4],"disabled":[4],"readonly":[4],"i18nPlaceholder":[1,"i-1-8n-placeholder"],"i18nPlaceholderEditable":[1,"i-1-8n-placeholder-editable"],"i18nSelectListHeader":[1,"i-1-8n-select-list-header"],"dropdownShow":[32],"value":[32],"dropdownWrapperRef":[32],"dropdownAnchor":[32],"isDropdownEmpty":[32],"hasFocus":[32],"navigationItem":[32],"inputFilterText":[32],"inputValue":[32]},[[0,"itemClick","onItemClicked"],[0,"ix-select-item:labelChange","onLabelChange"],[8,"keydown","onKeyDown"]]],[2,"ix-select-item",{"label":[513],"value":[520],"selected":[4],"hover":[4],"onItemClick":[64]}]]],["p-a5fa7ae5",[[6,"ix-group",{"suppressHeaderSelection":[4,"suppress-header-selection"],"header":[1],"subHeader":[1,"sub-header"],"collapsed":[1540],"selected":[1540],"index":[1538],"expandOnHeaderClick":[4,"expand-on-header-click"],"dropdownTriggerRef":[32]},[[8,"keydown","onKeyDown"]]],[6,"ix-group-dropdown-item",{"label":[1],"icon":[1]}],[6,"ix-group-item",{"icon":[1],"text":[1],"secondaryText":[1,"secondary-text"],"suppressSelection":[4,"suppress-selection"],"selected":[4],"focusable":[4],"index":[2]},[[1,"click","clickListen"]]]]],["p-2bc72119",[[6,"ix-map-navigation",{"applicationName":[1,"application-name"],"navigationTitle":[1,"navigation-title"],"hideContextMenu":[4,"hide-context-menu"],"isSidebarOpen":[32],"openOverlay":[64],"closeOverlay":[64]}],[6,"ix-map-navigation-overlay",{"name":[1],"icon":[1],"color":[1]}]]],["p-b242bd39",[[2,"ix-toast-container",{"containerId":[1,"container-id"],"containerClass":[1,"container-class"],"position":[1],"showToast":[64]}],[6,"ix-toast",{"type":[1],"toastTitle":[1,"toast-title"],"autoCloseDelay":[2,"auto-close-delay"],"autoClose":[4,"auto-close"],"icon":[1],"iconColor":[1,"icon-color"],"progress":[32],"isRunning":[32],"touched":[32]}]]],["p-218de283",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-23d79e3d",[[6,"ix-group-context-menu",{"showContextMenu":[32]}]]],["p-3663f989",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-a6f4cfc6",[[6,"ix-menu-about",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4],"labels":[32]}],[6,"ix-menu-avatar",{"top":[1],"bottom":[1],"i18nLogout":[1,"i-1-8n-logout"]}],[6,"ix-menu-settings",{"activeTabLabel":[1025,"active-tab-label"],"label":[1],"show":[4]}],[4,"ix-menu",{"showSettings":[1028,"show-settings"],"showAbout":[1028,"show-about"],"enableToggleTheme":[4,"enable-toggle-theme"],"enableSettings":[4,"enable-settings"],"enableMapExpand":[4,"enable-map-expand"],"applicationName":[1,"application-name"],"applicationDescription":[1,"application-description"],"maxVisibleMenuItems":[2,"max-visible-menu-items"],"i18nLegal":[1,"i-1-8n-legal"],"i18nSettings":[1,"i-1-8n-settings"],"i18nToggleTheme":[1,"i-1-8n-toggle-theme"],"i18nExpand":[1,"i-1-8n-expand"],"i18nCollapse":[1,"i-1-8n-collapse"],"i18nMore":[1,"i-1-8n-more"],"expand":[1540],"showMoreItems":[32],"visibleMenuItems":[32],"countMoreNotifications":[32],"mapExpand":[32],"activeTab":[32],"isMoreTabEmpty":[32],"toggleMapExpand":[64],"toggleMenu":[64],"toggleSettings":[64],"toggleAbout":[64]},[[9,"resize","onWindowResize"]]],[6,"ix-menu-about-news",{"show":[1540],"label":[1],"i18nShowMore":[1,"i-1-8n-show-more"],"aboutItemLabel":[1,"about-item-label"],"offsetBottom":[2,"offset-bottom"],"expanded":[4]}],[6,"ix-menu-about-item",{"label":[513]}],[6,"ix-menu-settings-item",{"label":[1]}],[2,"ix-menu-avatar-item",{"icon":[1],"label":[1]}],[4,"ix-menu-item",{"home":[4],"bottom":[4],"tabIcon":[1,"tab-icon"],"notifications":[2],"active":[4],"disabled":[4],"title":[32]}]]],["p-eb150313",[[2,"ix-date-picker",{"format":[1],"range":[4],"individual":[4],"corners":[1],"from":[1],"to":[1],"minDate":[1,"min-date"],"maxDate":[1,"max-date"],"eventDelimiter":[1,"event-delimiter"],"textSelectDate":[1,"text-select-date"],"yearValue":[32],"today":[32],"monthValue":[32],"calendar":[32],"years":[32],"tempYear":[32],"tempMonth":[32],"start":[32],"end":[32],"dropdownButtonRef":[32],"yearContainerRef":[32],"getCurrentDate":[64]}],[2,"ix-time-picker",{"format":[1],"corners":[1],"individual":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"time":[1],"showTimeReference":[1032,"show-time-reference"],"timeReference":[1,"time-reference"],"textSelectTime":[1,"text-select-time"],"hourInputRef":[32],"minuteInputRef":[32],"secondInputRef":[32],"referenceInputRef":[32],"getCurrentTime":[64]}]]],["p-418e2d14",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-65e61684",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-fecf0ade",[[4,"ix-tabs",{"small":[4],"rounded":[4],"selected":[1026],"layout":[1],"placement":[1],"totalItems":[32],"currentScrollAmount":[32],"scrollAmount":[32],"scrollActionAmount":[32]},[[9,"resize","onWindowResize"]]]]],["p-5bbe9943",[[2,"ix-modal-container",{"showModal":[64]}],[6,"ix-modal",{"animation":[4],"ariaDescribedBy":[1,"aria-described-by"],"ariaLabelledBy":[1,"aria-labelled-by"],"backdrop":[8],"backdropClass":[1,"backdrop-class"],"beforeDismiss":[16],"centered":[4],"content":[1],"keyboard":[4],"icon":[1],"iconColor":[1,"icon-color"],"modalDialogClass":[1,"modal-dialog-class"],"scrollable":[4],"size":[1],"headerTitle":[1,"header-title"],"windowClass":[1,"window-class"],"dismiss":[64],"close":[64]}]]],["p-c3e90c06",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-03d38416",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[516],"type":[1]}]]],["p-2bd88760",[[6,"ix-dropdown-item",{"label":[1],"icon":[1],"hover":[4],"disabled":[4],"checked":[4],"emitItemClick":[64]}],[1,"ix-dropdown",{"show":[1540],"trigger":[1],"anchor":[1],"closeBehavior":[8,"close-behavior"],"placement":[1],"positioningStrategy":[1,"positioning-strategy"],"adjustDropdownWidthToReferenceWith":[4,"adjust-dropdown-width-to-reference-with"],"adjustDropdownWidthToReferenceWidth":[4,"adjust-dropdown-width-to-reference-width"],"header":[1],"offset":[16],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-b3d00feb",[[6,"ix-icon-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"oval":[4],"icon":[1],"size":[1],"color":[1],"selected":[4],"disabled":[4],"type":[1]}]]]]'),e)));

package/dist/types/components/tree/tree.d.ts

@@ -39,6 +39,8 @@ export declare class Tree {
   componentWillRender(): void;
   disconnectedCallback(): void;
   modelChange(): void;
+  private isListInitialized;
   private refreshList;
+  private initList;
   render(): any;
 }

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/siemens/ix",
     "directory": "packages/core"
   },
-  "version": "1.3.0-beta.0",
+  "version": "1.3.0",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "main": "dist/index.cjs.js",

package/dist/siemens-ix/p-be641020.entry.js

@@ -1 +0,0 @@
-import{r as n,h as m,H as o}from"./p-05c16b94.js";const c=class{constructor(m){n(this,m)}render(){return m(o,null)}};c.style=".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}.sc-my-component-h main.sc-my-component{width:100%;padding:2rem}.sc-my-component-h ix-chip.sc-my-component{-webkit-margin-after:1rem;margin-block-end:1rem}";export{c as my_component}

package/dist/siemens-ix/p-f35ce089.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as n,f as o}from"./p-05c16b94.js";import{a}from"./p-c8cc3bb3.js";import{t as r}from"./p-35990ac7.js";import"./p-4944ad0b.js";const m=class{constructor(i){t(this,i),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.domObserver=new MutationObserver(this.onDomChange.bind(this)),this.isVisible=t=>{var e,i;return"none"!==t.style.display&&"none"!==(null===(i=null===(e=t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.style.display)},this.showSettings=!1,this.showAbout=!1,this.enableToggleTheme=!1,this.enableSettings=!0,this.enableMapExpand=!1,this.applicationName=void 0,this.applicationDescription="",this.maxVisibleMenuItems=9,this.i18nLegal="About & legal information",this.i18nSettings="Settings",this.i18nToggleTheme="Toggle theme",this.i18nExpand=" Expand",this.i18nCollapse="Collapse",this.i18nMore="More…",this.expand=!1,this.showMoreItems=!1,this.visibleMenuItems=0,this.countMoreNotifications=0,this.mapExpand=!0,this.activeTab=void 0,this.isMoreTabEmpty=!1}onWindowResize(){this.visibleMenuItems=this.getMaxTabCount()}handleNodeMutation(t){t instanceof HTMLElement&&(t.matches(".tab")&&this.onWindowResize(),t.matches("ix-menu-about")&&this.menu.contains(t)&&this.appendAbout(),t.matches("ix-menu-settings")&&this.menu.contains(t)&&this.appendSettings())}onDomChange(t){t.forEach((t=>{t.addedNodes.forEach(this.handleNodeMutation.bind(this)),t.removedNodes.forEach(this.handleNodeMutation.bind(this))}))}get popoverArea(){return this.hostElement.querySelector("#popover-area")}get overlayContainer(){return this.hostElement.querySelector(".menu-overlay")}get invisibleContainer(){return this.hostElement.querySelector(".menu-overlay-invisible")}get menu(){return this.hostElement.querySelector(".menu")}get menuItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab)")).filter(this.isVisible)}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter(this.isVisible)}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return 0===this.hostElement.querySelectorAll(".internal-tab ix-dropdown .appended").length}get moreItemsDropdownItems(){return this.hostElement.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutPopover(){return document.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return 0===Array.from(this.hostElement.querySelectorAll("ix-menu-settings-item")).length}get avatarItem(){return this.hostElement.querySelector("ix-menu-avatar")}get tabsContainer(){return this.hostElement.querySelector("#menu-tabs")}showTab(t){return t+1<=this.visibleMenuItems}componentDidLoad(){var t,e,i,s;null===(t=this.settings)||void 0===t||t.addEventListener("close",(()=>{this.showSettings=!1,this.settings.show=this.showSettings})),null===(e=this.settings)||void 0===e||e.addEventListener("animationend",(()=>{this.showSettings||(this.settings.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),null===(i=this.about)||void 0===i||i.addEventListener("close",(()=>{this.showAbout=!1,this.about.show=this.showAbout})),null===(s=this.about)||void 0===s||s.addEventListener("animationend",(()=>{this.showAbout||(this.about.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),this.overlayContainer.classList.add("d-none"),this.onWindowResize(),this.domObserver.observe(this.hostElement,{attributes:!1,childList:!0,subtree:!0})}disconnectedCallback(){}componentWillRender(){this.appendTabs()}componentDidRender(){this.visibleMenuItems=this.getMaxTabCount(),this.appendFragments()}appendFragments(){this.appendAvatar(),this.appendAbout(),this.appendSettings(),this.appendAboutNewsPopover(),this.isMoreTabEmpty=this.isMoreItemsDropdownEmpty,this.countMoreNotifications=this.getMoreNotificationsCount()}resetActiveTab(){this.activeTab=null}isMenuItemActive(t){return t.active||t.classList.contains("active")}appendTabs(){this.activeTab=null,this.homeTab&&(this.hostElement.querySelector(".tabs-top").appendChild(this.homeTab),this.homeTab.addEventListener("click",this.resetOverlay)),this.menuItems.forEach(((t,e)=>{var i;this.showTab(e)?t.classList.remove("d-none"):(t.classList.add("d-none"),this.isMenuItemActive(t)&&(this.activeTab=t)),null===(i=this.homeTab)||void 0===i||i.classList.remove("d-none"),t.addEventListener("click",this.resetOverlay)}))}appendAvatar(){var t;const e=this.avatarItem;e&&(e.style.marginBottom="1rem",null===(t=this.hostElement.querySelector("#avatar-tab-placeholder"))||void 0===t||t.appendChild(e))}getAboutPopoverVerticalPosition(){const t=this.aboutTab.getBoundingClientRect(),e=window.innerHeight-(t.bottom-t.height/2+6+6);return a(e)}appendAboutNewsPopover(){var t;this.aboutPopover&&(this.aboutPopover.style.bottom=this.getAboutPopoverVerticalPosition(),!(null===(t=this.popoverArea)||void 0===t?void 0:t.contains(this.aboutPopover)))&&(this.aboutPopover.addEventListener("showMore",(()=>{var t;(null===(t=this.aboutPopover)||void 0===t?void 0:t.aboutItemLabel)&&(this.about.activeTabLabel=this.aboutPopover.aboutItemLabel,this.toggleAbout(!0))}).bind(this)),document.body.appendChild(this.aboutPopover))}appendSettings(){this.settings&&this.overlayContainer.appendChild(this.settings)}appendAbout(){this.about&&this.overlayContainer.appendChild(this.about)}getMoreNotificationsCount(){var t;const e=null===(t=this.moreItemsDropdown)||void 0===t?void 0:t.querySelectorAll(".appended");let i=0;return null==e||e.forEach((t=>{t.notifications&&(i+=t.notifications)})),i}getAvailableHeight(){let t=this.hostElement.clientHeight;return t-=60,this.avatarItem&&(t-=56),this.homeTab&&(t-=72),this.showAbout&&(t-=36),this.showSettings&&(t-=36),this.menuBottomItems.length&&(t-=36*this.menuBottomItems.length),this.enableMapExpand&&(t-=36),t-=72,t-=16,t}getMaxTabCount(){const t=this.getAvailableHeight(),e=Math.floor(t/48),i=this.menuItems.length;return 1===i?1:i<this.maxVisibleMenuItems?e>i?i:Math.min(e-2,i):i===this.maxVisibleMenuItems?e<this.maxVisibleMenuItems?e-2:e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:Math.min(e,this.maxVisibleMenuItems):e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:e>=this.maxVisibleMenuItems?this.maxVisibleMenuItems-1:Math.min(e-2,this.maxVisibleMenuItems)}async toggleMapExpand(t){this.skipAllOverlayAnimations(),this.mapExpand=void 0!==t?t:!this.mapExpand}skipAllOverlayAnimations(){this.about&&this.skipOverlayAnimationFor(this.about),this.settings&&this.skipOverlayAnimationFor(this.settings)}skipOverlayAnimationFor(t){const e="animate__animated";null==t||t.classList.remove(e),setTimeout((()=>{null==t||t.classList.add(e)}),300)}async toggleMenu(t){this.skipAllOverlayAnimations(),this.expand=void 0!==t?t:!this.expand,this.aboutPopover&&(this.aboutPopover.expanded=this.expand),this.expandChange.emit(this.expand)}async toggleSettings(t){var e;this.showAbout?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.about),null===(e=this.about)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showSettings=t,this.settings.show=this.showSettings,this.settings.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}async toggleAbout(t){var e;this.showSettings?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.settings),null===(e=this.settings)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showAbout=t,this.about.show=this.showAbout,this.about.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}resetOverlay(){this.showSettings=!1,this.showAbout=!1,this.settings&&(this.settings.show=this.showSettings),this.about&&(this.about.show=this.showAbout)}showMoreButton(){const t=this.menuItems.length;return 1!==t&&(t<this.maxVisibleMenuItems?this.visibleMenuItems<t:t>this.maxVisibleMenuItems?this.visibleMenuItems<this.maxVisibleMenuItems:this.visibleMenuItems<=this.maxVisibleMenuItems-2)}getCollapseText(){return this.mapExpand?this.i18nCollapse:this.i18nExpand}getCollapseIcon(){return this.mapExpand?"double-chevron-left":"double-chevron-right"}isMenuItemClicked(t){return t.composedPath().filter((t=>"ix-menu-more-tab"!==t.id)).filter((t=>"IX-MENU-ITEM"===t.tagName)).some((t=>this.tabsContainer.contains(t)))}render(){return i(s,{class:{expanded:this.expand}},i("div",{class:{menu:!0,expanded:this.expand},onClick:()=>{this.resetActiveTab()}},i("div",{onClick:async()=>this.toggleMenu(),class:{"burger-menu-button":!0,expanded:this.expand}},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:"32",height:"32"},i("rect",{class:"line line-1",x:"5",y:"9.5",width:"22",height:"2"}),i("rect",{class:"line line-2",x:"5",y:"15.5",width:"22",height:"2"}),i("rect",{class:"line line-3",x:"5",y:"21.5",width:"22",height:"2"}))),i("div",{id:"avatar-tab-placeholder"}),i("div",{id:"menu-tabs",style:{display:"contents"},onClick:t=>{this.isMenuItemClicked(t)&&this.resetOverlay()}},i("div",{class:"tabs-top"}),i("slot",null),i("div",{class:"active-more-tab"},this.activeTab?i("ix-menu-item",{class:"internal-tab",active:!0,tabIcon:this.activeTab.tabIcon},this.activeTab.innerText):null),i("ix-menu-item",{id:"ix-menu-more-tab",tabIcon:"more-menu",class:{"internal-tab":!0},style:{display:this.showMoreButton()?"block":"none"},title:"Show more",notifications:this.countMoreNotifications},this.i18nMore,i("ix-dropdown",{trigger:"ix-menu-more-tab",positioningStrategy:"fixed",placement:"right-start"},this.menuItems.filter(((t,e)=>!this.showTab(e)&&!this.isMenuItemActive(t)&&this.isVisible(t))).map((t=>i("ix-menu-item",{tabIcon:t.tabIcon,active:t.active,class:"internal-tab appended",onClick:()=>t.dispatchEvent(new CustomEvent("click"))},t.innerText)))))),i("div",{class:"bottom-tab-divider"}),this.enableSettings&&!this.isSettingsEmpty?i("ix-menu-item",{id:"settings",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showSettings},tabIcon:"cogwheel",onClick:async()=>this.toggleSettings(!this.showSettings)},this.i18nSettings):null,i("slot",{name:"bottom"}),i("div",{id:"popover-area"}),this.about?i("ix-menu-item",{id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},tabIcon:"info",onClick:async()=>this.toggleAbout(!this.showAbout)},this.i18nLegal):null,this.enableToggleTheme?i("ix-menu-item",{id:"toggleTheme",onClick:()=>r.toggleMode(),class:"internal-tab bottom-tab",tabIcon:"bulb"},this.i18nToggleTheme):null,this.enableMapExpand?i("ix-menu-item",{id:"menu-collapse",onClick:()=>this.mapExpandChange.emit(this.mapExpand),class:"internal-tab bottom-tab",tabIcon:`${this.getCollapseIcon()}`},this.getCollapseText()):null),i("div",{class:{"menu-overlay":!0,expanded:this.expand,"d-block":this.showAbout||this.showSettings},style:{opacity:this.showAbout||this.showSettings?"1":"0"}}),i("div",{class:"menu-overlay-invisible"}))}get hostElement(){return n(this)}};m.style="ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}";const h=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="About & legal information",this.show=!1,this.labels=[]}get aboutItems(){return Array.from(this.el.querySelectorAll("ix-menu-about-item"))}setTab(t){this.activeTabLabel=t,this.aboutItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.aboutItems.length&&this.setTab(this.activeTabLabel||this.aboutItems[0].label)}componentDidLoad(){o(this.el)}componentWillRender(){this.updateLabels()}updateLabels(){this.labels=this.aboutItems.map((t=>t.label))}watchActiveTabLabel(t){setTimeout((()=>this.setTab(t)))}getSelectedTabIndex(t){const e=this.aboutItems.find((e=>e.label===t));return this.aboutItems.indexOf(e)}getTabItems(){return this.aboutItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"about-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",{selected:this.getSelectedTabIndex(this.activeTabLabel),class:"about-tabs"},this.getTabItems()),i("div",{class:"about-items"},i("slot",null)))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};h.style=".text-xs.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-menu-about{color:var(--theme-color-primary)}.sc-ix-menu-about-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-about-h .about-header.sc-ix-menu-about{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-about-h .about-header.sc-ix-menu-about h2.sc-ix-menu-about{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-about-h .about-tabs.sc-ix-menu-about{margin-bottom:1.5rem}.sc-ix-menu-about-h ix-menu-about-item.sc-ix-menu-about{display:none}";const l=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};l.style=".sc-ix-menu-about-item-h{display:block}";const c=class{constructor(i){t(this,i),this.showMore=e(this,"showMore",7),this.closePopover=e(this,"closePopover",7),this.show=!1,this.label=void 0,this.i18nShowMore="Show more",this.aboutItemLabel=void 0,this.offsetBottom=0,this.expanded=!1}render(){return i(s,{class:{expanded:this.expanded,show:!this.show}},i("div",{class:"banner-container"},i("ix-icon",{color:"color-inv-contrast-text",name:"shout",size:"32"}),i("svg",{viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},i("polygon",{points:"0 0 48 0 48 56 24 48 0 56"}))),i("div",{class:"cui-popover-news-header"},i("span",{class:"text-l-title"},this.label)),i("ix-icon-button",{size:"24",icon:"close-small",ghost:!0,onClick:()=>{this.show=!1,this.closePopover.emit()}}),i("slot",null),this.aboutItemLabel?i("div",{class:"cui-popover-news-footer"},i("button",{class:"btn btn-primary",onClick:t=>{this.show=!1,this.showMore.emit(t)}},this.i18nShowMore)):null,i("svg",{id:"arrow",xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12"},i("path",{d:"M8 0 L0 6 L8 12"})))}};c.style=".sc-ix-menu-about-news-h{display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-1);border:var(--theme-weak-bdr-1);border-radius:0.25rem;padding:1rem;left:4rem;z-index:10000;transition:left var(--animate-duration);margin-left:0.5rem !important;box-shadow:var(--theme-box-shadow-level-2)}.expanded.sc-ix-menu-about-news-h{left:calc(4rem + 12rem)}.show.sc-ix-menu-about-news-h{display:none}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news{position:absolute;top:0.0625rem;left:1rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news{position:absolute;height:3.625rem;width:3rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news polygon.sc-ix-menu-about-news{fill:var(--theme-color-primary)}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news ix-icon.sc-ix-menu-about-news{margin:0.5rem;position:absolute;z-index:1}.sc-ix-menu-about-news-h .cui-popover-news-header.sc-ix-menu-about-news{margin-bottom:2rem;margin-left:4rem;margin-top:-0.25rem}.sc-ix-menu-about-news-h .popover-body.sc-ix-menu-about-news{color:var(--theme-color-std-text)}.sc-ix-menu-about-news-h .cui-popover-news-footer.sc-ix-menu-about-news{display:flex;justify-content:flex-end;margin-top:1rem}.sc-ix-menu-about-news-h #arrow.sc-ix-menu-about-news{bottom:14px;position:relative;left:-10px}.sc-ix-menu-about-news-h ix-icon-button.sc-ix-menu-about-news{top:0.5rem;right:0.5rem;position:absolute}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news{position:absolute;left:-0.5rem;bottom:0.4rem}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news path.sc-ix-menu-about-news{fill:var(--theme-color-1);stroke:var(--theme-color-weak-bdr-1)}";const u=class{constructor(i){t(this,i),this.logoutClick=e(this,"logoutClick",7),this.avatarElementId="ix-menu-avatar-id",this.top=void 0,this.bottom=void 0,this.i18nLogout="Logout"}render(){return i(s,null,i("li",{class:"nav-item top-item avatar no-hover",title:this.top,id:this.avatarElementId},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},i("g",{fill:"none","fill-rule":"evenodd"},i("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n                    16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),i("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n                  6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n                  9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n                  6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"}))),i("div",{class:"avatar-name"},i("span",{class:"text-default-single",title:this.top},this.top),i("span",{class:"text-default-single",title:this.bottom},this.bottom))),i("ix-dropdown",{trigger:this.avatarElementId,placement:"right-start",offset:{mainAxis:12}},i("slot",null),i("ix-menu-avatar-item",{label:this.i18nLogout,icon:"log-out",onClick:t=>{this.logoutClick.emit(t)}})))}get hostElement(){return n(this)}};u.style=".sc-ix-menu-avatar-h{display:block;position:relative;margin-bottom:0.5rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar{display:flex;align-items:center;height:2.5rem;max-height:2.5rem;padding-left:0.25rem;margin-left:0.75rem;margin-right:0.75rem;transition:0.15s;border-radius:1.25rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar>svg.sc-ix-menu-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-background.sc-ix-menu-avatar{fill:var(--theme-avatar--background)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-person.sc-ix-menu-avatar{fill:var(--theme-color-4)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar .text-default-single.sc-ix-menu-avatar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}";const d=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.icon=void 0,this.label=void 0}render(){return i("ix-dropdown-item",{icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return n(this)}};d.style=".sc-ix-menu-avatar-item-h{display:block}";const b=class{constructor(e){t(this,e),this.home=!1,this.bottom=!1,this.tabIcon="document",this.notifications=void 0,this.active=void 0,this.disabled=void 0,this.title=void 0}get tabLabel(){return this.hostElement.querySelector(".tab-text")}componentDidRender(){const t=this.tabLabel.innerHTML.replace("&amp;","&");this.title!==t&&(this.title=t)}render(){return i(s,{class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active}},i("li",{class:"tab",title:this.title},i("i",{class:`glyph glyph-${this.tabIcon}`},i("div",{class:"notification"},this.notifications?i("div",{class:"pill"},this.notifications):null)),i("span",{class:"tab-text text-default"},i("slot",null))))}get hostElement(){return n(this)}};b.style='ix-menu-item{position:relative;display:block}ix-menu-item .tab{display:flex;position:relative;align-items:center;height:3rem;z-index:500;padding-left:1.25rem}ix-menu-item .tab:not(.selected){cursor:pointer}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).hover,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).active,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu-item i.glyph{color:var(--theme-nav-item-primary-icon--color);position:relative}ix-menu-item .tab:focus-visible{outline:none}ix-menu-item:focus-visible{outline:none}ix-menu-item .tab:not(:last-child){margin-bottom:0.5rem}ix-menu-item .notification{display:inline-flex;position:absolute;top:-0.5rem;right:-50%}ix-menu-item .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:1rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);border-radius:6.25rem;font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}ix-menu-item .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-nav-item-primary--color);margin:0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}ix-menu-item.active .tab,ix-menu-item.selected .tab{background-color:var(--theme-nav-item-primary--background--selected)}ix-menu-item.active .tab::before,ix-menu-item.selected .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:3rem;width:0.25rem;left:0;position:absolute}ix-menu-item.active .tab>.glyph,ix-menu-item.selected .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}ix-menu-item.disabled{color:var(--theme-color-weak-text);pointer-events:none;cursor:default}ix-menu-item.disabled .tab>.glyph{color:var(--theme-color-weak-text)}ix-menu-item.disabled .tab-text{color:var(--theme-color-weak-text)}ix-menu-item.home-tab,ix-menu-item[slot=home]{margin-bottom:1.5rem}ix-menu-item.bottom-tab,ix-menu-item[slot=bottom]{height:2.25rem}ix-menu-item.bottom-tab .tab,ix-menu-item[slot=bottom] .tab{height:2.25rem}ix-menu-item.bottom-tab .tab::before,ix-menu-item[slot=bottom] .tab::before{height:2.25rem}ix-menu-item.bottom-tab.active .tab,ix-menu-item.bottom-tab.selected .tab,ix-menu-item[slot=bottom].active .tab,ix-menu-item[slot=bottom].selected .tab{background-color:var(--theme-color-1)}';const g=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="Settings",this.show=!1}get settingsItems(){return Array.from(this.el.querySelectorAll("ix-menu-settings-item"))}setTab(t){this.activeTabLabel=t,this.settingsItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.settingsItems.length&&this.setTab(this.activeTabLabel||this.settingsItems[0].label)}componentDidLoad(){o(this.el)}watchActiveTabLabel(t){this.setTab(t)}getTabItems(){return this.settingsItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"settings-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",null,this.getTabItems()),i("slot",null))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};g.style=".text-xs.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-menu-settings{color:var(--theme-color-primary)}.sc-ix-menu-settings-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings h2.sc-ix-menu-settings{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-settings-h .settings-tabs.sc-ix-menu-settings{margin-bottom:1.5rem}";const x=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};x.style=".sc-ix-menu-settings-item-h{display:block}";export{m as ix_menu,h as ix_menu_about,l as ix_menu_about_item,c as ix_menu_about_news,u as ix_menu_avatar,d as ix_menu_avatar_item,b as ix_menu_item,g as ix_menu_settings,x as ix_menu_settings_item}