@siemens/ix 1.0.0-beta.4 → 1.0.0

package/dist/cjs/ix-application-header.cjs.entry.js

@@ -10,9 +10,20 @@ const ApplicationHeader = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
   }
+  componentDidLoad() {
+    this.attachSiemensLogoIfLoaded();
+  }
+  async attachSiemensLogoIfLoaded() {
+    await window.customElements.whenDefined('ix-siemens-logo');
+    const logoElement = document.createElement('ix-siemens-logo');
+    if (!this.host.querySelector('[slot="logo"]')) {
+      this.host.shadowRoot.querySelector('.logo').appendChild(logoElement);
+    }
+  }
   render() {
     return (index.h(index.Host, null, index.h("div", { class: "logo" }, index.h("slot", { name: "logo" })), index.h("span", { class: "name" }, this.name), index.h("slot", null)));
   }
+  get host() { return index.getElement(this); }
 };
 ApplicationHeader.style = applicationHeaderCss;
 

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

@@ -72,7 +72,7 @@ const Drawer = class {
     const target = evt.target;
     const closestElement = target.closest('#div-container');
     const btn = target.closest('#drawer-btn');
-    if (closestElement !== this.divElement && target !== btn) {
+    if (evt.target.type !== "button" && closestElement !== this.divElement && target !== btn) {
       this.show = false;
     }
   }

package/dist/cjs/ix-input-group.cjs.entry.js

@@ -27,7 +27,7 @@ const InputGroup = class {
       inputElement.style.paddingLeft = paddingLeft + 'px';
     }
     else {
-      console.warn('You used the ix-input-group without an input-tag, e.g <input class="form-control" />');
+      console.warn('You used the ix-input-group without an input-tag, e.g. <input class="form-control" />');
     }
   }
   render() {

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

@@ -750,7 +750,7 @@ const MenuAvatarItem = class {
 };
 MenuAvatarItem.style = menuAvatarItemCss;
 
-const menuItemCss = "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{outline:none}ix-menu-item:focus{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}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 menuItemCss = "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{outline:none}ix-menu-item:focus{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 MenuItem = class {
   constructor(hostRef) {

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

@@ -6,8 +6,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import { Component, h, Host, Prop } from '@stencil/core';
+import { Component, Element, h, Host, Prop } from '@stencil/core';
 export class ApplicationHeader {
+  componentDidLoad() {
+    this.attachSiemensLogoIfLoaded();
+  }
+  async attachSiemensLogoIfLoaded() {
+    await window.customElements.whenDefined('ix-siemens-logo');
+    const logoElement = document.createElement('ix-siemens-logo');
+    if (!this.host.querySelector('[slot="logo"]')) {
+      this.host.shadowRoot.querySelector('.logo').appendChild(logoElement);
+    }
+  }
   render() {
     return (h(Host, null,
       h("div", { class: "logo" },
@@ -42,4 +52,5 @@ export class ApplicationHeader {
       "reflect": false
     }
   }; }
+  static get elementRef() { return "host"; }
 }

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

@@ -70,7 +70,7 @@ export class Drawer {
     const target = evt.target;
     const closestElement = target.closest('#div-container');
     const btn = target.closest('#drawer-btn');
-    if (closestElement !== this.divElement && target !== btn) {
+    if (evt.target.type !== "button" && closestElement !== this.divElement && target !== btn) {
       this.show = false;
     }
   }

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

@@ -82,7 +82,7 @@ export class Icon {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Use one of our defined icon names e.g `copy`."
+        "text": "Use one of our defined icon names e.g. `copy`."
       },
       "attribute": "name",
       "reflect": true

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

@@ -25,7 +25,7 @@ export class InputGroup {
       inputElement.style.paddingLeft = paddingLeft + 'px';
     }
     else {
-      console.warn('You used the ix-input-group without an input-tag, e.g <input class="form-control" />');
+      console.warn('You used the ix-input-group without an input-tag, e.g. <input class="form-control" />');
     }
   }
   render() {

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

@@ -97,6 +97,9 @@ ix-menu-item .tab-text {
   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);

package/dist/components/application-header.js

@@ -8,9 +8,20 @@ const ApplicationHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
     this.__registerHost();
     this.__attachShadow();
   }
+  componentDidLoad() {
+    this.attachSiemensLogoIfLoaded();
+  }
+  async attachSiemensLogoIfLoaded() {
+    await window.customElements.whenDefined('ix-siemens-logo');
+    const logoElement = document.createElement('ix-siemens-logo');
+    if (!this.host.querySelector('[slot="logo"]')) {
+      this.host.shadowRoot.querySelector('.logo').appendChild(logoElement);
+    }
+  }
   render() {
     return (h(Host, null, h("div", { class: "logo" }, h("slot", { name: "logo" })), h("span", { class: "name" }, this.name), h("slot", null)));
   }
+  get host() { return this; }
   static get style() { return applicationHeaderCss; }
 }, [1, "ix-application-header", {
     "name": [1]

package/dist/components/ix-drawer.js

@@ -71,7 +71,7 @@ const Drawer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const target = evt.target;
     const closestElement = target.closest('#div-container');
     const btn = target.closest('#drawer-btn');
-    if (closestElement !== this.divElement && target !== btn) {
+    if (evt.target.type !== "button" && closestElement !== this.divElement && target !== btn) {
       this.show = false;
     }
   }

package/dist/components/ix-input-group.js

@@ -24,7 +24,7 @@ const InputGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       inputElement.style.paddingLeft = paddingLeft + 'px';
     }
     else {
-      console.warn('You used the ix-input-group without an input-tag, e.g <input class="form-control" />');
+      console.warn('You used the ix-input-group without an input-tag, e.g. <input class="form-control" />');
     }
   }
   render() {

package/dist/components/menu-item.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const menuItemCss = "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{outline:none}ix-menu-item:focus{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}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 menuItemCss = "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{outline:none}ix-menu-item:focus{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 MenuItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/esm/ix-application-header.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-55cfd20d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-55cfd20d.js';
 
 const applicationHeaderCss = ":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden}";
 
@@ -6,9 +6,20 @@ const ApplicationHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
+  componentDidLoad() {
+    this.attachSiemensLogoIfLoaded();
+  }
+  async attachSiemensLogoIfLoaded() {
+    await window.customElements.whenDefined('ix-siemens-logo');
+    const logoElement = document.createElement('ix-siemens-logo');
+    if (!this.host.querySelector('[slot="logo"]')) {
+      this.host.shadowRoot.querySelector('.logo').appendChild(logoElement);
+    }
+  }
   render() {
     return (h(Host, null, h("div", { class: "logo" }, h("slot", { name: "logo" })), h("span", { class: "name" }, this.name), h("slot", null)));
   }
+  get host() { return getElement(this); }
 };
 ApplicationHeader.style = applicationHeaderCss;
 

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

@@ -68,7 +68,7 @@ const Drawer = class {
     const target = evt.target;
     const closestElement = target.closest('#div-container');
     const btn = target.closest('#drawer-btn');
-    if (closestElement !== this.divElement && target !== btn) {
+    if (evt.target.type !== "button" && closestElement !== this.divElement && target !== btn) {
       this.show = false;
     }
   }

package/dist/esm/ix-input-group.entry.js

@@ -23,7 +23,7 @@ const InputGroup = class {
       inputElement.style.paddingLeft = paddingLeft + 'px';
     }
     else {
-      console.warn('You used the ix-input-group without an input-tag, e.g <input class="form-control" />');
+      console.warn('You used the ix-input-group without an input-tag, e.g. <input class="form-control" />');
     }
   }
   render() {

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

@@ -746,7 +746,7 @@ const MenuAvatarItem = class {
 };
 MenuAvatarItem.style = menuAvatarItemCss;
 
-const menuItemCss = "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{outline:none}ix-menu-item:focus{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}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 menuItemCss = "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{outline:none}ix-menu-item:focus{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 MenuItem = class {
   constructor(hostRef) {

package/dist/siemens-ix/p-03ef9fe5.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as e}from"./p-47ea9884.js";import{a as s}from"./p-810b5232.js";const r=class{constructor(e){t(this,e),this.open=i(this,"open",7),this.drawerClose=i(this,"drawerClose",7),this.show=!1,this.closeOnClickOutside=!0,this.fullHeight=!1,this.minWidth=16,this.maxWidth=28,this.width=this.minWidth,this.callback=this.clickedOutside.bind(this)}onShowChanged(t){this.show=void 0!==t?t:!this.show,this.toggleDrawer(this.show)}async toggleDrawer(t){return this.show=void 0!==t?t:!this.show,t?(this.open.emit(),this.slideInRight(this.divElement),setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),300)):(this.drawerClose.emit(),this.slideOutRight(this.divElement),window.removeEventListener("mousedown",this.callback)),Promise.resolve()}onCloseClicked(){this.show=!1}clickedOutside(t){if(!this.closeOnClickOutside)return;const i=t.target,e=i.closest("#div-container"),s=i.closest("#drawer-btn");"button"!==t.target.type&&e!==this.divElement&&i!==s&&(this.show=!1)}slideOutRight(t){s({targets:t,duration:r.duration,translateX:[0,"16rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("d-none")}})}slideInRight(t){s({targets:t,duration:r.duration,translateX:["16rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("d-none")}})}render(){return e("div",{class:{"drawer-container":!0,toggle:this.show,"full-height":this.fullHeight,"d-none":!0},style:{width:"auto"===this.width?this.width:`${this.width}rem`,"min-width":`${this.minWidth}rem`,"max-width":`${this.maxWidth}rem`},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},e("div",{class:"header"},e("div",{class:"header-content"},e("slot",{name:"header"})),e("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),e("div",{class:"content"},e("slot",null)))}static get watchers(){return{show:["onShowChanged"]}}};r.duration=300,r.style=".drawer-container.sc-ix-drawer{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);visibility:hidden;display:flex;position:absolute;flex-flow:column nowrap;justify-content:flex-start;align-items:center;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;transition:all 300ms ease-out}.toggle.sc-ix-drawer{z-index:100;visibility:visible}.drawer-container.full-height.sc-ix-drawer{min-height:100%}.header.sc-ix-drawer{display:flex;position:relative;align-items:center;justify-content:flex-end;height:3.5rem;padding:0.5rem 1rem;width:100%;order:1}.header.sc-ix-drawer .header-content.sc-ix-drawer{flex-grow:1;margin-right:1rem}.content.sc-ix-drawer{position:relative;flex:1;flex-grow:1;order:2;height:100%;width:100%;overflow-y:auto}";export{r as ix_drawer}

package/dist/siemens-ix/{p-4ffec6ae.entry.js → p-1e111d1d.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,H as s,g as n,f as o}from"./p-47ea9884.js";import{a}from"./p-0bf04780.js";class r{constructor(t,e,i){this.hostElement=t,this.popoverElement=e,this.outsideCallback=i}outside(t){var e;(null===(e=this.hostElement)||void 0===e?void 0:e.contains(t.target))||this.outsideCallback(t)}open(t=256){this.popoverElement.style.transform=`\n      translateX(${this.hostElement.offsetLeft+this.hostElement.offsetWidth}px)\n      translateY(-${this.hostElement.offsetHeight}px)\n    `,this.popoverElement.style.maxWidth=a(t),document.body.addEventListener("click",this.outside.bind(this))}destroy(){document.body.removeEventListener("click",this.outside.bind(this))}}const m=class{constructor(i){t(this,i),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.showSettings=!1,this.showAbout=!1,this.enableToggleTheme=!1,this.enableSettings=!0,this.enableMapExpand=!1,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.isMoreTabEmpty=!1,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)}}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")}showTab(t){return t+1<=this.visibleMenuItems}componentDidLoad(){var t,e,i,s;const n=this.hostElement.querySelector("#more-tab");this.popoverListener=new r(n,this.moreItemsDropdown,(()=>{this.showMoreItems=!1})),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(){var t;null===(t=this.popoverListener)||void 0===t||t.destroy()}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)}toggleShowMoreDropdown(){0!==this.moreItemsDropdown.querySelectorAll(".appended").length&&(this.popoverListener.open(),this.showMoreItems=!this.showMoreItems)}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"}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",{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:"more-tab",tabIcon:"more-menu",class:{"internal-tab":!0},style:{display:this.showMoreButton()?"block":"none"},title:"Show more",notifications:this.countMoreNotifications,onClick:()=>this.toggleShowMoreDropdown()},this.i18nMore,i("ix-dropdown",{show:this.showMoreItems},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",{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:()=>(()=>{let t=Array.from(document.body.classList).find((t=>t.includes("theme-")));t||(t="theme-classic-dark");const e=t.endsWith("-dark");let i=t;i=e?t.replace(/-dark$/g,"-light"):t.replace(/-light$/g,"-dark"),document.body.classList.remove(t),document.body.classList.add(i)})(),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%;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 150ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu :not(.active-more-tab)>.internal-tab:last-child{margin-bottom:1rem}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.i18nImprintLabel="Imprint",this.activeTabLabel=this.i18nImprintLabel,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(){var t;this.setTab(this.activeTabLabel||(null===(t=this.aboutItems[0])||void 0===t?void 0:t.label))}componentDidLoad(){var t;this.setTab(this.activeTabLabel||(null===(t=this.aboutItems[0])||void 0===t?void 0:t.label)),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)}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.labels.map((t=>i("ix-tab-item",{onClick:()=>this.setTab(t)},t)))),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)}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.i18nShowMore="Show more",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.i18nLogout="Logout"}toggleMenu(){this.outsideListener.open(),this.displayMenu=!this.displayMenu}componentDidLoad(){this.outsideListener=new r(this.hostElement,this.hostElement.querySelector("ix-dropdown"),(()=>{this.displayMenu=!1}))}disconnectedCallback(){var t;null===(t=this.outsideListener)||void 0===t||t.destroy()}render(){return i(s,null,i("li",{class:"nav-item top-item avatar no-hover",title:this.top},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",{show:this.displayMenu},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-avatar--person)}.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)}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"}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{outline:none}ix-menu-item:focus{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}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.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)}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}
+import{r as t,c as e,h as i,H as s,g as n,f as o}from"./p-47ea9884.js";import{a}from"./p-0bf04780.js";class r{constructor(t,e,i){this.hostElement=t,this.popoverElement=e,this.outsideCallback=i}outside(t){var e;(null===(e=this.hostElement)||void 0===e?void 0:e.contains(t.target))||this.outsideCallback(t)}open(t=256){this.popoverElement.style.transform=`\n      translateX(${this.hostElement.offsetLeft+this.hostElement.offsetWidth}px)\n      translateY(-${this.hostElement.offsetHeight}px)\n    `,this.popoverElement.style.maxWidth=a(t),document.body.addEventListener("click",this.outside.bind(this))}destroy(){document.body.removeEventListener("click",this.outside.bind(this))}}const m=class{constructor(i){t(this,i),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.showSettings=!1,this.showAbout=!1,this.enableToggleTheme=!1,this.enableSettings=!0,this.enableMapExpand=!1,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.isMoreTabEmpty=!1,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)}}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")}showTab(t){return t+1<=this.visibleMenuItems}componentDidLoad(){var t,e,i,s;const n=this.hostElement.querySelector("#more-tab");this.popoverListener=new r(n,this.moreItemsDropdown,(()=>{this.showMoreItems=!1})),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(){var t;null===(t=this.popoverListener)||void 0===t||t.destroy()}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)}toggleShowMoreDropdown(){0!==this.moreItemsDropdown.querySelectorAll(".appended").length&&(this.popoverListener.open(),this.showMoreItems=!this.showMoreItems)}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"}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",{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:"more-tab",tabIcon:"more-menu",class:{"internal-tab":!0},style:{display:this.showMoreButton()?"block":"none"},title:"Show more",notifications:this.countMoreNotifications,onClick:()=>this.toggleShowMoreDropdown()},this.i18nMore,i("ix-dropdown",{show:this.showMoreItems},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",{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:()=>(()=>{let t=Array.from(document.body.classList).find((t=>t.includes("theme-")));t||(t="theme-classic-dark");const e=t.endsWith("-dark");let i=t;i=e?t.replace(/-dark$/g,"-light"):t.replace(/-light$/g,"-dark"),document.body.classList.remove(t),document.body.classList.add(i)})(),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%;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 150ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu :not(.active-more-tab)>.internal-tab:last-child{margin-bottom:1rem}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.i18nImprintLabel="Imprint",this.activeTabLabel=this.i18nImprintLabel,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(){var t;this.setTab(this.activeTabLabel||(null===(t=this.aboutItems[0])||void 0===t?void 0:t.label))}componentDidLoad(){var t;this.setTab(this.activeTabLabel||(null===(t=this.aboutItems[0])||void 0===t?void 0:t.label)),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)}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.labels.map((t=>i("ix-tab-item",{onClick:()=>this.setTab(t)},t)))),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)}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.i18nShowMore="Show more",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.i18nLogout="Logout"}toggleMenu(){this.outsideListener.open(),this.displayMenu=!this.displayMenu}componentDidLoad(){this.outsideListener=new r(this.hostElement,this.hostElement.querySelector("ix-dropdown"),(()=>{this.displayMenu=!1}))}disconnectedCallback(){var t;null===(t=this.outsideListener)||void 0===t||t.destroy()}render(){return i(s,null,i("li",{class:"nav-item top-item avatar no-hover",title:this.top},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",{show:this.displayMenu},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-avatar--person)}.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)}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"}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{outline:none}ix-menu-item:focus{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.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)}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-893b7bf6.entry.js

@@ -0,0 +1 @@
+import{r as e,h as o,H as t,g as a}from"./p-47ea9884.js";const r=class{constructor(o){e(this,o)}componentDidLoad(){this.attachSiemensLogoIfLoaded()}async attachSiemensLogoIfLoaded(){await window.customElements.whenDefined("ix-siemens-logo");const e=document.createElement("ix-siemens-logo");this.host.querySelector('[slot="logo"]')||this.host.shadowRoot.querySelector(".logo").appendChild(e)}render(){return o(t,null,o("div",{class:"logo"},o("slot",{name:"logo"})),o("span",{class:"name"},this.name),o("slot",null))}get host(){return a(this)}};r.style=":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden}";export{r as ix_application_header}

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

@@ -0,0 +1 @@
+import{r as t,h as i,H as p,g as o}from"./p-47ea9884.js";const s=class{constructor(i){t(this,i)}componentDidRender(){let t=15,i=15;this.host.querySelectorAll('[slot="input-end"]').forEach((i=>{i.classList.add("input-group-label"),t+=i.getBoundingClientRect().width})),this.host.querySelectorAll('[slot="input-start"]').forEach((t=>{t.classList.add("input-group-label"),i+=t.getBoundingClientRect().width}));const p=this.host.querySelector("input.form-control");p?(p.style.paddingRight=t+"px",p.style.paddingLeft=i+"px"):console.warn('You used the ix-input-group without an input-tag, e.g. <input class="form-control" />')}render(){return i(p,null,i("div",{class:"group group-start"},i("slot",{name:"input-start"})),i("slot",null),i("div",{class:"group group-end"},i("slot",{name:"input-end"})))}get host(){return o(this)}};s.style=".sc-ix-input-group-h{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.sc-ix-input-group-h .group.sc-ix-input-group{display:flex;position:absolute;align-items:center;height:100%}.sc-ix-input-group-h .group-start.sc-ix-input-group{left:0px}.sc-ix-input-group-h .group-end.sc-ix-input-group{right:0px}";export{s as ix_input_group}

package/dist/siemens-ix/siemens-ix.css

@@ -9,7 +9,7 @@
  */
 /* Include 3rd party libraries */
 /*!
- * Bootstrap  v5.2.1 (https://getbootstrap.com/)
+ * Bootstrap  v5.2.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors
  * Copyright 2011-2022 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
@@ -7101,11 +7101,16 @@ textarea.form-control-lg {
     transition: none;
   }
 }
-:not(.btn-check) + .btn:hover, .btn:first-child:hover {
+.btn:hover {
   color: var(--bs-btn-hover-color);
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
 }
+.btn-check + .btn:hover {
+  color: var(--bs-btn-color);
+  background-color: var(--bs-btn-bg);
+  border-color: var(--bs-btn-border-color);
+}
 .btn:focus-visible {
   color: var(--bs-btn-hover-color);
   background-color: var(--bs-btn-hover-bg);
@@ -8627,7 +8632,7 @@ textarea.form-control-lg {
 }
 
 .accordion {
-  --bs-accordion-color: var(--bs-body-color);
+  --bs-accordion-color: #212529;
   --bs-accordion-bg: #fff;
   --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
   --bs-accordion-border-color: var(--bs-border-color);
@@ -8636,9 +8641,9 @@ textarea.form-control-lg {
   --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
   --bs-accordion-btn-padding-x: 1.25rem;
   --bs-accordion-btn-padding-y: 1rem;
-  --bs-accordion-btn-color: var(--bs-body-color);
+  --bs-accordion-btn-color: #212529;
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
@@ -9495,6 +9500,7 @@ textarea.form-control-lg {
 }
 
 .toast-container {
+  --bs-toast-zindex: 1090;
   position: absolute;
   z-index: var(--bs-toast-zindex);
   width: -moz-max-content;

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

@@ -1 +1 @@
-import{p as e,b as i}from"./p-47ea9884.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-7f5a2e3c",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-fe020fa3",[[2,"ix-datetime-picker",{"range":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"showTimeReference":[4,"show-time-reference"]}]]],["p-b4003026",[[0,"ix-modal-example"]]],["p-fe5db4d1",[[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-7ec8a00e",[[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-ab715295",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-504927a0",[[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-bbcee9fb",[[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-9d9b8ad1",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-8239c3a1",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-7d667916",[[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-f2636faf",[[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-74c2e0e7",[[1,"ix-application-header",{"name":[1]}]]],["p-5f9f25ef",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-ca71538c",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-0e315bd7",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-235606b2",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-61b032bf",[[6,"ix-workflow-step",{"vertical":[4],"disabled":[4],"status":[1],"clickable":[4],"selected":[1028],"position":[1],"iconName":[32],"iconColor":[32]}]]],["p-caf856f2",[[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-2ce29bcd",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-78df1e46",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-e4d1a964",[[6,"ix-input-group"]]],["p-03d95feb",[[6,"ix-tile",{"size":[1]}]]],["p-df43662b",[[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-2cda7278",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32]}]]],["p-240d22b6",[[6,"ix-workflow-steps",{"vertical":[4],"linear":[4],"clickable":[4],"selectedIndex":[2,"selected-index"]}]]],["p-67c2bca6",[[2,"my-component"]]],["p-d31bf6db",[[6,"ix-map-navigation",{"applicationName":[1,"application-name"],"navigationTitle":[1,"navigation-title"],"hideContextMenu":[4,"hide-context-menu"],"isSidebarOpen":[32],"isAboutOpen":[32],"isSettingsOpen":[32],"openOverlay":[64],"closeOverlay":[64]}],[6,"ix-map-navigation-overlay",{"name":[1],"icon":[1],"color":[1]}]]],["p-7a4c744e",[[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],"inputText":[32]},[[0,"itemClick","onItemClicked"],[8,"keydown","onKeyDown"]]],[2,"ix-select-item",{"label":[513],"value":[520],"selected":[4],"hover":[4],"onItemClick":[64]}]]],["p-6726f740",[[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-662d756f",[[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-59c81e2a",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-81e46337",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-40842bea",[[2,"ix-date-picker",{"format":[1],"range":[4],"individual":[4],"corners":[1],"year":[32],"month":[32],"calendar":[32],"today":[32],"years":[32],"tempYear":[32],"tempMonth":[32],"start":[32],"end":[32],"dropdownButtonRef":[32],"yearContainerRef":[32]}],[2,"ix-time-picker",{"corners":[1],"individual":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"showTimeReference":[4,"show-time-reference"],"hourInputRef":[32],"minuteInputRef":[32],"secondInputRef":[32],"referenceInputRef":[32]}]]],["p-3613be96",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-4ffec6ae",[[6,"ix-menu-avatar",{"top":[1],"bottom":[1],"i18nLogout":[1,"i-1-8n-logout"],"displayMenu":[32]},[[1,"click","toggleMenu"]]],[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]}],[6,"ix-menu-about",{"i18nImprintLabel":[513,"i-1-8n-imprint-label"],"activeTabLabel":[1537,"active-tab-label"],"label":[1],"show":[4],"labels":[32]}],[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-be1ec062",[[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-5990f0cb",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-c3738ffc",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-bd15d8ca",[[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-cde8f20e",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[4],"type":[1]}]]],["p-e1f54836",[[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],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-3f809fb3",[[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-47ea9884.js";(()=>{const i=import.meta.url,t={};return""!==i&&(t.resourcesUrl=new URL(".",i).href),e(t)})().then((e=>i(JSON.parse('[["p-7f5a2e3c",[[6,"ix-icon",{"size":[1],"color":[1],"name":[513]}]]],["p-fe020fa3",[[2,"ix-datetime-picker",{"range":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"showTimeReference":[4,"show-time-reference"]}]]],["p-b4003026",[[0,"ix-modal-example"]]],["p-fe5db4d1",[[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-7ec8a00e",[[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-ab715295",[[6,"ix-flip-tile",{"state":[1],"footer":[1],"index":[32],"isFlipAnimationActive":[32]}],[1,"ix-flip-tile-content"]]],["p-504927a0",[[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-03ef9fe5",[[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-9d9b8ad1",[[2,"ix-expanding-search",{"icon":[1],"placeholder":[1],"value":[1025],"isFieldChanged":[32],"expanded":[32],"hasFocus":[32]}]]],["p-8239c3a1",[[6,"ix-message-bar",{"type":[1],"dismissible":[4],"icon":[32],"color":[32]}]]],["p-7d667916",[[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-f2636faf",[[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-893b7bf6",[[1,"ix-application-header",{"name":[1]}]]],["p-5f9f25ef",[[6,"ix-basic-navigation",{"applicationName":[1,"application-name"],"hideHeader":[4,"hide-header"]}]]],["p-ca71538c",[[6,"ix-chip",{"variant":[513],"active":[4],"closable":[4],"icon":[1],"background":[1],"color":[1],"outline":[4]}]]],["p-0e315bd7",[[2,"ix-kpi",{"label":[1],"value":[8],"unit":[1],"state":[1],"orientation":[1]}]]],["p-235606b2",[[6,"ix-pill",{"variant":[513],"outline":[4],"icon":[1],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-61b032bf",[[6,"ix-workflow-step",{"vertical":[4],"disabled":[4],"status":[1],"clickable":[4],"selected":[1028],"position":[1],"iconName":[32],"iconColor":[32]}]]],["p-caf856f2",[[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-2ce29bcd",[[6,"ix-blind",{"collapsed":[1540],"label":[1]}]]],["p-78df1e46",[[6,"ix-counter-pill",{"variant":[513],"outline":[4],"background":[1],"color":[1],"alignLeft":[4,"align-left"]}]]],["p-d2fc562a",[[6,"ix-input-group"]]],["p-03d95feb",[[6,"ix-tile",{"size":[1]}]]],["p-df43662b",[[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-2cda7278",[[6,"ix-validation-tooltip",{"message":[1],"placement":[1],"isInputValid":[32]}]]],["p-240d22b6",[[6,"ix-workflow-steps",{"vertical":[4],"linear":[4],"clickable":[4],"selectedIndex":[2,"selected-index"]}]]],["p-67c2bca6",[[2,"my-component"]]],["p-d31bf6db",[[6,"ix-map-navigation",{"applicationName":[1,"application-name"],"navigationTitle":[1,"navigation-title"],"hideContextMenu":[4,"hide-context-menu"],"isSidebarOpen":[32],"isAboutOpen":[32],"isSettingsOpen":[32],"openOverlay":[64],"closeOverlay":[64]}],[6,"ix-map-navigation-overlay",{"name":[1],"icon":[1],"color":[1]}]]],["p-7a4c744e",[[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],"inputText":[32]},[[0,"itemClick","onItemClicked"],[8,"keydown","onKeyDown"]]],[2,"ix-select-item",{"label":[513],"value":[520],"selected":[4],"hover":[4],"onItemClick":[64]}]]],["p-6726f740",[[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-662d756f",[[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-59c81e2a",[[6,"ix-tree",{"root":[1],"model":[16],"renderItem":[16],"context":[1040]}],[6,"ix-tree-item",{"text":[1],"hasChildren":[4,"has-children"],"context":[16]}]]],["p-81e46337",[[2,"ix-spinner",{"variant":[1],"size":[1]}]]],["p-40842bea",[[2,"ix-date-picker",{"format":[1],"range":[4],"individual":[4],"corners":[1],"year":[32],"month":[32],"calendar":[32],"today":[32],"years":[32],"tempYear":[32],"tempMonth":[32],"start":[32],"end":[32],"dropdownButtonRef":[32],"yearContainerRef":[32]}],[2,"ix-time-picker",{"corners":[1],"individual":[4],"showHour":[4,"show-hour"],"showMinutes":[4,"show-minutes"],"showSeconds":[4,"show-seconds"],"showTimeReference":[4,"show-time-reference"],"hourInputRef":[32],"minuteInputRef":[32],"secondInputRef":[32],"referenceInputRef":[32]}]]],["p-3613be96",[[6,"ix-filter-chip",{"disabled":[4]}]]],["p-1e111d1d",[[6,"ix-menu-avatar",{"top":[1],"bottom":[1],"i18nLogout":[1,"i-1-8n-logout"],"displayMenu":[32]},[[1,"click","toggleMenu"]]],[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]}],[6,"ix-menu-about",{"i18nImprintLabel":[513,"i-1-8n-imprint-label"],"activeTabLabel":[1537,"active-tab-label"],"label":[1],"show":[4],"labels":[32]}],[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-be1ec062",[[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-5990f0cb",[[6,"ix-date-time-card",{"individual":[4],"corners":[1]}]]],["p-c3738ffc",[[4,"ix-tab-item",{"selected":[4],"disabled":[4],"small":[4],"icon":[4],"rounded":[4],"counter":[2],"layout":[1],"placement":[1]}]]],["p-bd15d8ca",[[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-cde8f20e",[[6,"ix-button",{"variant":[1],"outline":[4],"invisible":[4],"ghost":[4],"selected":[4],"disabled":[4],"type":[1]}]]],["p-e1f54836",[[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],"updatePosition":[64]},[[8,"click","clickOutside"]]]]],["p-3f809fb3",[[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/application-header/application-header.d.ts

@@ -1,7 +1,10 @@
 export declare class ApplicationHeader {
+  host: HTMLIxApplicationHeaderElement;
   /**
    * Application name
    */
   name: string;
+  componentDidLoad(): void;
+  private attachSiemensLogoIfLoaded;
   render(): any;
 }

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

@@ -8,7 +8,7 @@ export declare class Icon {
    */
   color: string;
   /**
-   * Use one of our defined icon names e.g `copy`.
+   * Use one of our defined icon names e.g. `copy`.
    */
   name: string;
   render(): any;

package/dist/types/components.d.ts

@@ -547,7 +547,7 @@ export namespace Components {
          */
         "color": string;
         /**
-          * Use one of our defined icon names e.g `copy`.
+          * Use one of our defined icon names e.g. `copy`.
          */
         "name": string;
         /**
@@ -2432,7 +2432,7 @@ declare namespace LocalJSX {
          */
         "color"?: string;
         /**
-          * Use one of our defined icon names e.g `copy`.
+          * Use one of our defined icon names e.g. `copy`.
          */
         "name"?: string;
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siemens/ix",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "main": "dist/index.cjs.js",
@@ -15,9 +15,11 @@
     "dist/",
     "loader/",
     "src/**/*.md",
-    "scss/"
+    "scss/",
+    "scripts/post-install/post-install.mjs"
   ],
   "scripts": {
+    "postinstall": "node ./scripts/post-install/post-install.mjs",
     "build": "stencil build --docs --prod",
     "build:dev": "stencil build --docs",
     "lint": "eslint src/**/*{.ts,.tsx}",
@@ -31,7 +33,7 @@
     "playwright.docker": "docker run --rm --network host -v $(pwd):/work/ -w /work/packages/core -it mcr.microsoft.com/playwright:v1.24.0-focal /bin/bash",
     "host-root": "http-server ./ -a 127.0.0.1 -p 8080",
     "generate": "stencil generate",
-    "generate:theme": "ts-node -P ./scripts/tsconfig.json ./scripts/generate-theme"
+    "generate:theme": "ts-node -P ./scripts/generate-theme/tsconfig.json ./scripts/generate-theme/generate-theme"
   },
   "dependencies": {
     "@stencil/core": "~2.15.0",

package/scripts/post-install/post-install.mjs

@@ -0,0 +1,111 @@
+/*
+ * SPDX-FileCopyrightText: 2022 Siemens AG
+ *
+ * SPDX-License-Identifier: MIT
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { exec } from 'child_process';
+import crypto from 'crypto';
+import { URL } from 'url';
+import { existsSync, readFileSync } from 'fs';
+import path from 'path';
+
+const Reset = '\x1b[0m';
+const FgGreen = '\x1b[32m';
+
+const hashBuilder = crypto.createHash('sha256');
+
+function isTrue(value) {
+  return !!value && value !== '0' && value !== 'false';
+}
+
+function isCI() {
+  return isTrue(process.env.CI);
+}
+
+async function getNpmRegistry() {
+  return new Promise((r) => {
+    exec(
+      'npm config get registry',
+      {
+        cwd: process.env.INIT_CWD,
+      },
+      (_, stdout) => {
+        const url = new URL(stdout);
+        r(url.hostname);
+      }
+    );
+  });
+}
+
+/**
+ * @param {string} hash
+ * @returns
+ */
+export async function isInternalArtifactory(hash) {
+  const url = await getNpmRegistry();
+  const hashValue = hashBuilder.update(url);
+  const hashUrl = hashValue.digest('hex');
+
+  return hashUrl === hash;
+}
+
+/**
+ *
+ * @param {any[]} dependencies
+ * @return {boolean}
+ */
+function includesBrandTheme(dependencies) {
+  if (dependencies) {
+    return Object.keys(dependencies).includes('@siemens/ix-brand-theme');
+  }
+
+  return false;
+}
+
+/**
+ * @param {string} hash
+ * @returns
+ */
+export async function printIsInternalArtifactoryConfigured(hash) {
+  const isInternal = await isInternalArtifactory(hash);
+
+  if (!isCI() && isInternal) {
+    const pkgPath = path.join(process.env.INIT_CWD, 'package.json');
+    let isBrandThemeIsInstalled = false;
+
+    if (existsSync(pkgPath)) {
+      const pkg = JSON.parse(readFileSync(pkgPath).toString());
+      isBrandThemeIsInstalled = includesBrandTheme(pkg.dependencies);
+    }
+
+    if (!isBrandThemeIsInstalled) {
+      const brand = `
+
+      ███████ ██ ███████ ███    ███ ███████ ███    ██ ███████     ██ ██   ██
+      ██      ██ ██      ████  ████ ██      ████   ██ ██          ██  ██ ██
+      ███████ ██ █████   ██ ████ ██ █████   ██ ██  ██ ███████     ██   ███
+           ██ ██ ██      ██  ██  ██ ██      ██  ██ ██      ██     ██  ██ ██
+      ███████ ██ ███████ ██      ██ ███████ ██   ████ ███████     ██ ██   ██
+
+
+    `;
+
+      console.log(brand);
+      console.log(`${FgGreen}Thank you for installing @siemens/ix!`);
+      console.log('');
+      console.log(
+        'If you want to install the Siemens corporate design, please follow this link https://code.siemens.com/siemens-ix/ix-brand-theme#getting-started'
+      );
+      console.log(Reset);
+    }
+  }
+}
+
+const hash =
+  process.env.IHASH ??
+  'e5033d1e9ea4a672f9f336f972abb0b9597d38e593b15ed8584341b52264aa99';
+
+printIsInternalArtifactoryConfigured(hash);

package/src/components/icon/readme.md

@@ -11,11 +11,11 @@ SPDX-License-Identifier: MIT
 
 ## Properties
 
-| Property | Attribute | Description                                   | Type                           | Default     |
-| -------- | --------- | --------------------------------------------- | ------------------------------ | ----------- |
-| `color`  | `color`   | Color of the icon                             | `string`                       | `undefined` |
-| `name`   | `name`    | Use one of our defined icon names e.g `copy`. | `string`                       | `undefined` |
-| `size`   | `size`    | Size of the icon                              | `"12" \| "16" \| "24" \| "32"` | `undefined` |
+| Property | Attribute | Description                                    | Type                           | Default     |
+| -------- | --------- | ---------------------------------------------- | ------------------------------ | ----------- |
+| `color`  | `color`   | Color of the icon                              | `string`                       | `undefined` |
+| `name`   | `name`    | Use one of our defined icon names e.g. `copy`. | `string`                       | `undefined` |
+| `size`   | `size`    | Size of the icon                               | `"12" \| "16" \| "24" \| "32"` | `undefined` |
 
 
 ----------------------------------------------

package/dist/siemens-ix/p-74c2e0e7.entry.js

@@ -1 +0,0 @@
-import{r as e,h as r,H as o}from"./p-47ea9884.js";const a=class{constructor(r){e(this,r)}render(){return r(o,null,r("div",{class:"logo"},r("slot",{name:"logo"})),r("span",{class:"name"},this.name),r("slot",null))}};a.style=":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden}";export{a as ix_application_header}

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

@@ -1 +0,0 @@
-import{r as t,c as i,h as e}from"./p-47ea9884.js";import{a as s}from"./p-810b5232.js";const r=class{constructor(e){t(this,e),this.open=i(this,"open",7),this.drawerClose=i(this,"drawerClose",7),this.show=!1,this.closeOnClickOutside=!0,this.fullHeight=!1,this.minWidth=16,this.maxWidth=28,this.width=this.minWidth,this.callback=this.clickedOutside.bind(this)}onShowChanged(t){this.show=void 0!==t?t:!this.show,this.toggleDrawer(this.show)}async toggleDrawer(t){return this.show=void 0!==t?t:!this.show,t?(this.open.emit(),this.slideInRight(this.divElement),setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),300)):(this.drawerClose.emit(),this.slideOutRight(this.divElement),window.removeEventListener("mousedown",this.callback)),Promise.resolve()}onCloseClicked(){this.show=!1}clickedOutside(t){if(!this.closeOnClickOutside)return;const i=t.target,e=i.closest("#div-container"),s=i.closest("#drawer-btn");e!==this.divElement&&i!==s&&(this.show=!1)}slideOutRight(t){s({targets:t,duration:r.duration,translateX:[0,"16rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("d-none")}})}slideInRight(t){s({targets:t,duration:r.duration,translateX:["16rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("d-none")}})}render(){return e("div",{class:{"drawer-container":!0,toggle:this.show,"full-height":this.fullHeight,"d-none":!0},style:{width:"auto"===this.width?this.width:`${this.width}rem`,"min-width":`${this.minWidth}rem`,"max-width":`${this.maxWidth}rem`},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},e("div",{class:"header"},e("div",{class:"header-content"},e("slot",{name:"header"})),e("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),e("div",{class:"content"},e("slot",null)))}static get watchers(){return{show:["onShowChanged"]}}};r.duration=300,r.style=".drawer-container.sc-ix-drawer{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);visibility:hidden;display:flex;position:absolute;flex-flow:column nowrap;justify-content:flex-start;align-items:center;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;transition:all 300ms ease-out}.toggle.sc-ix-drawer{z-index:100;visibility:visible}.drawer-container.full-height.sc-ix-drawer{min-height:100%}.header.sc-ix-drawer{display:flex;position:relative;align-items:center;justify-content:flex-end;height:3.5rem;padding:0.5rem 1rem;width:100%;order:1}.header.sc-ix-drawer .header-content.sc-ix-drawer{flex-grow:1;margin-right:1rem}.content.sc-ix-drawer{position:relative;flex:1;flex-grow:1;order:2;height:100%;width:100%;overflow-y:auto}";export{r as ix_drawer}

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

@@ -1 +0,0 @@
-import{r as t,h as i,H as p,g as o}from"./p-47ea9884.js";const s=class{constructor(i){t(this,i)}componentDidRender(){let t=15,i=15;this.host.querySelectorAll('[slot="input-end"]').forEach((i=>{i.classList.add("input-group-label"),t+=i.getBoundingClientRect().width})),this.host.querySelectorAll('[slot="input-start"]').forEach((t=>{t.classList.add("input-group-label"),i+=t.getBoundingClientRect().width}));const p=this.host.querySelector("input.form-control");p?(p.style.paddingRight=t+"px",p.style.paddingLeft=i+"px"):console.warn('You used the ix-input-group without an input-tag, e.g <input class="form-control" />')}render(){return i(p,null,i("div",{class:"group group-start"},i("slot",{name:"input-start"})),i("slot",null),i("div",{class:"group group-end"},i("slot",{name:"input-end"})))}get host(){return o(this)}};s.style=".sc-ix-input-group-h{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.sc-ix-input-group-h .group.sc-ix-input-group{display:flex;position:absolute;align-items:center;height:100%}.sc-ix-input-group-h .group-start.sc-ix-input-group{left:0px}.sc-ix-input-group-h .group-end.sc-ix-input-group{right:0px}";export{s as ix_input_group}