@siemens/ix 1.0.0-beta.5 → 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/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/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/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/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-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.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-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)));
+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.5",
+  "version": "1.0.0",
   "license": "MIT",
   "description": "Siemens iX Web Components",
   "main": "dist/index.cjs.js",

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}