@siemens/ix 5.1.1 → 5.2.1

package/dist/siemens-ix/{p-d1cd3cb9.entry.js → p-38eef16a.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as i,h as s,H as o}from"./p-EBgS4zhE.js";import{y as a,G as h,H as r,I as n,J as d}from"./p-DgUGsIlh.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as p}from"./p-DNIQ2C1K.js";import{m as c}from"./p-D_Hmobxf.js";import{a as b}from"./p-CKoABG1h.js";import{r as m}from"./p-BEuV0Xpe.js";import{a as g}from"./p-3pidUFd-.js";import{a as f}from"./p-C21npbUc.js";import{a as x}from"./p-4pTtJwcY.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";import"./p-CWshStHZ.js";const v=class{constructor(i){t(this,i),this.expandedChanged=e(this,"expandedChanged",7),this.variantChanged=e(this,"variantChanged",7),this.borderlessChanged=e(this,"borderlessChanged",7),this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7),this.slotChanged=e(this,"slotChanged",7)}get hostElement(){return i(this)}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;noPadding=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;disposableKeydown;focusTrap;focusReturnElement;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.(),this.disposableKeydown?.(),this.focusTrap?.destroy()}async onExpandedChange(){if(this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=b(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.(),this.registerEscapeListener(),this.floating)if(this.expanded){const t=document.activeElement;this.focusReturnElement=t instanceof HTMLElement?t:void 0,this.focusTrap=await g(this.hostElement,{trapFocusInShadowDom:"both"})}else this.focusTrap?.destroy(),this.focusTrap=void 0,m((()=>{const t=this.focusReturnElement;this.focusReturnElement=void 0,t&&"function"==typeof t.focus&&t.focus()}))}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=c("sm"),x.onChange.on((()=>{this.isMobile=c("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(t){v.validPositions.includes(t)&&(this.composition=t)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentHeightPx/2)}px`:`${Math.round(this.parentHeightPx/3)}px`;else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentWidthPx/2)}px`:`${Math.round(this.parentWidthPx/3)}px`;return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?h:d,e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n,e=this.isMobile?h:d;break;case"bottom":t=r,e=h;break;case"top":t=h,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}onAnimationComplete(t){this.expanded&&(this.showContent=!0,this.floating&&m((()=>{this.focusFirstSlottedElement()}))),this.animations.delete(t)}removePadding(){l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t}),"floating"!==t&&(this.focusTrap?.destroy(),this.focusTrap=void 0),this.registerEscapeListener()}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}focusFirstSlottedElement(){const t=this.hostElement.querySelector("[autofocus]");if(t)return void t.focus();const e=this.hostElement.shadowRoot?.querySelector(".title-icon");e&&e.focus()}registerEscapeListener(){this.disposableKeydown?.(),this.disposableKeydown=void 0,this.floating&&this.expanded&&(this.disposableKeydown=b(this.hostElement,"keydown",(t=>{"Escape"===t.key&&this.dispatchExpandedChangedEvent()})))}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":v.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane,this.animateHorizontalFadeIn(t)):(this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane,this.animateVerticalFadeIn(t))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=v.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(v.collapsedPane):this.animateVerticalFadeIn(v.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(o,{key:"e543d6f177c9b347c72abb1d821ea08fa642b031",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":f(this.expanded)},s("aside",{key:"44156892e41a24920288669e3c096cea0eb0e244",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"18c22984a1970f326e33467a0a3fd2e2f8fc7e15",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"9b92a577dd81c283415dd194448804a9f128fdc0",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?a:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":e}),s("div",{key:"fb67a0886d65c841bd22a5fa5cfd2a47bf376ff8",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"c9f7393d0f7b0712892355baa70fdc000708a352",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"268953ae5e48eff0ad3b9e7425798380ab6cad04",class:"title-text-overflow"},s("ix-typography",{key:"fcebf6929e62dd90bd040631041d9bb92150f238",format:"h4"},this.heading)),this.expanded&&s("div",{key:"db4bc449c3d174136cc4415c7fc15f82a8f33421",class:"slot-header"},s("slot",{key:"cbbdd70092367dd800b946b6d864cbfc5e9b5ac6",name:"header"})))),s("div",{key:"61388536eb66883d710fe1adf662f3a7d1dd2abf",class:{"side-pane-content":!0,"no-padding":this.noPadding},hidden:!this.showContent},s("slot",{key:"1b1435619e3a22b84908eb2789ab3de0484264f9"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}};v.style=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .side-pane-content.no-padding{padding-inline:0;padding-block-end:0}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";export{v as ix_pane}
+import{r as t,c as e,g as i,h as s,H as o}from"./p-EBgS4zhE.js";import{K as a,R as h,S as r,T as n,U as d}from"./p-BeX6RWvV.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as p}from"./p-BqeSHO6C.js";import{m as c}from"./p-D_Hmobxf.js";import{a as b}from"./p-CKoABG1h.js";import{r as m}from"./p-BEuV0Xpe.js";import{a as g}from"./p-3pidUFd-.js";import{a as f}from"./p-DD206pTM.js";import{a as x}from"./p-4pTtJwcY.js";import"./p-Djkc69iv.js";import"./p-6ZxKp7Jn.js";import"./p-CWshStHZ.js";const v=class{constructor(i){t(this,i),this.expandedChanged=e(this,"expandedChanged",7),this.variantChanged=e(this,"variantChanged",7),this.borderlessChanged=e(this,"borderlessChanged",7),this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7),this.slotChanged=e(this,"slotChanged",7)}get hostElement(){return i(this)}heading;variant="inline";hideOnCollapse=!1;size="240px";borderless=!1;noPadding=!1;expanded=!1;composition="top";icon;closeOnClickOutside=!1;ariaLabelIcon;ariaLabelCollapseCloseButton;ignoreLayoutSettings=!1;isMobile=!1;expandedChanged;variantChanged;borderlessChanged;hideOnCollapseChanged;slotChanged;expandIcon="";showContent=!1;minimizeIcon="";floating=!1;parentWidthPx=0;parentHeightPx=0;static validPositions=["top","left","bottom","right"];static collapsedPane="40px";static collapsedPaneMobile="48px";animations=new Map;animationCounter=0;mutationObserver;resizeObserver;disposableWindowClick;disposableKeydown;focusTrap;focusReturnElement;get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return"bottom"===this.composition||"top"===this.composition}get isLeftRightPane(){return"left"===this.composition||"right"===this.composition}get isMobileTop(){return"top"===this.composition||"left"===this.composition}disconnectedCallback(){this.mutationObserver?.disconnect(),this.resizeObserver?.disconnect(),this.disposableWindowClick?.(),this.disposableKeydown?.(),this.focusTrap?.destroy()}async onExpandedChange(){if(this.closeOnClickOutside&&this.expanded?this.disposableWindowClick=b(window,"click",(t=>{(t.composedPath?.()||[]).includes(this.hostElement)||this.dispatchExpandedChangedEvent()})):this.disposableWindowClick?.(),this.registerEscapeListener(),this.floating)if(this.expanded){const t=document.activeElement;this.focusReturnElement=t instanceof HTMLElement?t:void 0,this.focusTrap=await g(this.hostElement,{trapFocusInShadowDom:"both"})}else this.focusTrap?.destroy(),this.focusTrap=void 0,m((()=>{const t=this.focusReturnElement;this.focusReturnElement=void 0,t&&"function"==typeof t.focus&&t.focus()}))}componentWillLoad(){this.onExpandedChange(),this.floating="floating"===this.variant,this.expanded&&this.onParentSizeChange(),this.isMobile=c("sm"),x.onChange.on((()=>{this.isMobile=c("sm")})),this.currentSlot&&this.setPosition(this.currentSlot),this.setIcons(),this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if("attributes"===t.type&&"slot"===t.attributeName){const e=this.currentSlot,i=t.oldValue;e!==i&&(this.slotChanged.emit({slot:i??"",newSlot:e??""}),e&&this.setPosition(e))}}))})),this.mutationObserver.observe(this.hostElement,{attributes:!0,attributeOldValue:!0});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize,this.parentHeightPx=t[0].borderBoxSize[0].blockSize})),t&&this.resizeObserver.observe(t)}setPosition(t){v.validPositions.includes(t)&&(this.composition=t)}getExpandPaneSize(){let t;if(this.isBottomTopPane)if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentHeightPx/2)}px`:`${Math.round(this.parentHeightPx/3)}px`;else if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2),i=Number(this.size.replace("px",""));t=e&&e<i?`${e}px`:`${i}px`}else t="50%"===this.size?`${Math.round(this.parentWidthPx/2)}px`:`${Math.round(this.parentWidthPx/3)}px`;return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t,this.minimizeIcon=e}getIconNames(){let t="",e="";switch(this.composition){case"left":t=this.isMobile?h:d,e=this.isMobile?r:n;break;case"right":t=this.isMobile?r:n,e=this.isMobile?h:d;break;case"bottom":t=r,e=h;break;case"top":t=h,e=r}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{this.expanded?this.animateVerticalPadding("8px"):(this.showContent=!1,this.animateVerticalPadding("0px"))},complete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey(),i=l(this.hostElement,{duration:p.mediumTime,height:t,easing:"easeInOutSine",delay:0,onBegin:()=>{this.expanded?this.isMobile||this.animateHorizontalPadding("8px"):(this.showContent=!1,this.isMobile||this.animateHorizontalPadding("0px"))},onComplete:()=>{this.onAnimationComplete(e)}});this.animations.set(e,i)}onAnimationComplete(t){this.expanded&&(this.showContent=!0,this.floating&&m((()=>{this.focusFirstSlottedElement()}))),this.animations.delete(t)}removePadding(){l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=p.mediumTime){let i=this.getKey(),s=l(this.hostElement.shadowRoot.querySelector("#title-div"),{duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,onComplete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause())),this.animations.clear(),this.animationCounter=0}onMobileChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.hostElement.style.removeProperty("min-height"),this.onParentSizeChange()}onPositionChange(){this.setIcons(),this.hostElement.style.removeProperty("width"),this.hostElement.style.removeProperty("height"),this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange(),this.hideOnCollapseChanged.emit({slot:this.currentSlot??"",hideOnCollapse:t})}onVariantChange(t){this.floating="floating"===t,this.variantChanged.emit({slot:this.currentSlot??"",variant:t}),"floating"!==t&&(this.focusTrap?.destroy(),this.focusTrap=void 0),this.registerEscapeListener()}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot??"",borderless:t})}focusFirstSlottedElement(){const t=this.hostElement.querySelector("[autofocus]");if(t)return void t.focus();const e=this.hostElement.shadowRoot?.querySelector(".title-icon");e&&e.focus()}registerEscapeListener(){this.disposableKeydown?.(),this.disposableKeydown=void 0,this.floating&&this.expanded&&(this.disposableKeydown=b(this.hostElement,"keydown",(t=>{"Escape"===t.key&&this.dispatchExpandedChangedEvent()})))}dispatchExpandedChangedEvent(){const t=!this.expanded;this.expandedChanged.emit({slot:this.currentSlot??"",expanded:t}).defaultPrevented||(this.expanded=t)}onParentSizeChange(){if(this.clearAnimations(),this.removePadding(),this.expanded){if(this.isMobile)this.hostElement.style.height="100%";else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=t,this.animateHorizontalPadding("8px",0)):(this.hostElement.style.width=t,this.animateVerticalPadding("8px",0))}this.showContent=!0}else this.showContent=!1,this.isMobile?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPaneMobile:this.isBottomTopPane?this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane:this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane}onSizeChange(){if(this.expanded)if(this.isMobile)this.hostElement.style.minHeight=this.hideOnCollapse?"0":v.collapsedPaneMobile,this.animateHorizontalFadeIn("100%");else{const t=this.getExpandPaneSize();this.isBottomTopPane?(this.hostElement.style.height=this.hideOnCollapse?"0":v.collapsedPane,this.animateHorizontalFadeIn(t)):(this.hostElement.style.width=this.hideOnCollapse?"0":v.collapsedPane,this.animateVerticalFadeIn(t))}else this.showContent=!1,this.isMobile?this.hostElement.style.height=v.collapsedPaneMobile:this.isBottomTopPane?this.animateHorizontalFadeIn(v.collapsedPane):this.animateVerticalFadeIn(v.collapsedPane)}render(){const t=!this.expanded&&!this.isMobile&&this.isLeftRightPane;let e;return e=this.ariaLabelCollapseCloseButton?this.ariaLabelCollapseCloseButton:this.expanded?this.isMobile||this.hideOnCollapse?"Close pane":"Collapse pane":"Expand pane",s(o,{key:"2af275a401925a99c9a47cc5aa58a17c3eb5fcfb",class:{"floating-pane":this.floating,"inline-pane":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&"right"!==this.composition&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"not-visible":this.hideOnCollapse&&!this.expanded},"aria-expanded":f(this.expanded)},s("aside",{key:"1f9feb7d0c080e5f5833f0a5b5154202490b9fa4",id:`pane-${this.composition}`,class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},s("div",{key:"2bfafc9e2922128eec41210485fec6534f525828",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},s("ix-icon-button",{key:"8417658fd2c0a70f98bd51c8f0ba2ccc84616167",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?a:this.expandIcon:this.minimizeIcon,iconColor:this.expanded&&(this.isMobile||this.hideOnCollapse)?"color-soft-text":void 0,variant:"subtle-tertiary",onClick:()=>this.dispatchExpandedChangedEvent(),"aria-controls":`pane-${this.composition}`,"aria-label":e}),s("div",{key:"7685fa2b6726c80e861715db078f354ace32b044",class:{"title-text":!0,rotate:t}},this.icon&&s("ix-icon",{key:"35faca81de8fc22114b05cc980a22c475cdd87ad",class:"pane-icon",size:"24",name:this.icon,"aria-label":this.ariaLabelIcon}),s("div",{key:"27e27879098e31c758924cf3a0b0bd61ecaf3ba3",class:"title-text-overflow"},s("ix-typography",{key:"f8c15cc21515bb68e0f3ab17c392c716f77c842d",format:"h4"},this.heading)),this.expanded&&s("div",{key:"5f9468a14dcba14a378332fb0f7cb47df06786ef",class:"slot-header"},s("slot",{key:"563d760c062d11d076040f346343bd980ce53a3b",name:"header"})))),s("div",{key:"4cf43dc7985849d58d7e9314c2c9a3eec2e3262e",class:{"side-pane-content":!0,"no-padding":this.noPadding},hidden:!this.showContent},s("slot",{key:"551be42a3c3c7ddd86a072da7fe98f8b9c0044ec"}))))}static get watchers(){return{expanded:[{onExpandedChange:0},{onSizeChange:0}],isMobile:[{onMobileChange:0}],composition:[{onPositionChange:0}],hideOnCollapse:[{onHideOnCollapseChange:0}],variant:[{onVariantChange:0}],borderless:[{onBorderlessChange:0}],parentHeightPx:[{onParentSizeChange:0}],parentWidthPx:[{onParentSizeChange:0}],size:[{onSizeChange:0}]}}};v.style=":host(.floating-pane){--ix-pane--background:var(--theme-pane-floating--background);--ix-pane--border-color:var(--theme-pane-floating--border-color);--ix-pane--color:var(--theme-pane-floating--color);--ix-pane--box-shadow:var(--theme-pane-floating--box-shadow)}:host(.inline-pane){--ix-pane--background:var(--theme-pane-inline--background);--ix-pane--border-color:var(--theme-pane-inline--border-color);--ix-pane--color:var(--theme-pane-inline--color);--ix-pane--box-shadow:var(--theme-pane-inline--box-shadow)}:host{display:flex;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:var(--ix-pane--box-shadow);background-color:var(--ix-pane--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .pane-icon{color:var(--ix-pane--color)}:host .slot-header-content{display:inline-block;position:relative;max-height:2rem}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title .rotate ix-icon{transform:rotate(90deg)}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2) var(--theme-space-3) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host .side-pane-content.no-padding{padding-inline:0;padding-block-end:0}:host .slot-header{max-height:2rem;max-width:unset}:host .slot-header.rotate{max-height:unset;max-width:2rem}:host(.not-visible){display:none}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--ix-pane--border-color)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";export{v as ix_pane}

package/dist/siemens-ix/p-39079ba7.entry.js

@@ -0,0 +1 @@
+import{r,h as e,H as o}from"./p-EBgS4zhE.js";const t=class{constructor(e){r(this,e)}render(){return e(o,{key:"279e531d8f3dfd1b1cf2ca3ea1d41420e596c492"})}};t.style=":host{display:block;position:relative;width:100%;border-bottom:0.0625rem solid var(--theme-color-x-weak-bdr);margin:0.25rem 0px}";export{t as ix_divider}

package/dist/siemens-ix/p-3a60004f.entry.js

@@ -0,0 +1 @@
+import{r as e,c as t,g as o,h as r,H as i}from"./p-EBgS4zhE.js";import{c as d}from"./p-CX81WQtk.js";import{h as s}from"./p-BClJdFQP.js";import{G as a,t as n}from"./p-BeX6RWvV.js";const h=class{constructor(o){e(this,o),this.selectGroup=t(this,"selectGroup",7),this.selectItem=t(this,"selectItem",7),this.expandedChanged=t(this,"expandedChanged",7)}get hostElement(){return o(this)}suppressHeaderSelection=!1;header;subHeader;expanded=!1;selected=!1;index;expandOnHeaderClick=!1;selectGroup;selectItem;expandedChanged;itemSelected=!1;slotSize=0;footerVisible=!1;showExpandCollapsedIcon=!1;hasDropdown=!1;observer;selectedChanged(e){!1===e&&this.changeItemIndex()}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.shadowRoot?.querySelector(".group-content")}onExpandClick(e){const t=this.expanded;this.expanded=!this.expanded;const{defaultPrevented:o}=this.expandedChanged.emit(this.expanded);e.stopPropagation(),o&&(this.expanded=t)}onHeaderClick(e){this.suppressHeaderSelection?this.onExpandClick(e):(this.changeHeaderSelection(!this.selected),this.changeItemIndex())}changeHeaderSelection(e){const t=this.selected,o=e;this.selected=o;const{defaultPrevented:r}=this.selectGroup.emit(o);r&&(this.selected=t)}changeItemIndex(e){const t=this.index,o=e===this.index?void 0:e;if(this.index===o)return;this.index=o;const{defaultPrevented:r}=this.selectItem.emit(o);if(r)return void(this.index=t);const i=this.groupItems;i.forEach(((e,t)=>{e.selected=t===this.index})),this.itemSelected=i.some((e=>e.selected))}onSlotChange(){const e=this.hostElement.shadowRoot?.querySelector('slot[name="footer"]');e&&(this.footerVisible=s(e))}checkDropdownSlot(){this.hasDropdown=!!this.hostElement.querySelector('[slot="dropdown"]')}componentWillRender(){this.groupItems.forEach(((e,t)=>{e.selected=t===this.index,e.index=t})),this.checkDropdownSlot()}componentDidLoad(){this.observer=d((()=>{this.slotSize=this.groupItems.length})),this.groupContent&&(this.observer.observe(this.groupContent,{childList:!0}),this.checkDropdownSlot(),this.slotSize=this.groupItems.length)}disconnectedCallback(){this.observer&&this.observer.disconnect()}onItemClicked(e){if(e.target instanceof HTMLElement){const t=this.groupItems.indexOf(e.target);this.changeItemIndex(t)}}render(){return r(i,{key:"c13fd65df4bb7ae59e242214a037dbb403264879"},r("div",{key:"2c9daf5ca7335038e771aadafab3d11648739a8e",class:{"group-header":!0,expand:this.expanded,selected:this.selected},tabindex:"0"},r("div",{key:"b5d1a6e9a478478909e2cd27bb8fe07ce5ae455f",class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{key:"0304ea3dc12318458f710aa0c8e6747a5a945d7d",class:{"group-header-selection-indicator":!0,"group-header-selection-indicator-item-selected":this.itemSelected}}),r("div",{key:"f414bf98c9d8f68217714476411286322005c984",class:"btn-expand-header"},r("ix-icon",{key:"2c998a5aa350830b9ed3043aacfa236b1693197c","data-testid":"expand-collapsed-icon",class:{hidden:!this.showExpandCollapsedIcon},name:this.expanded?a:n,onClick:e=>this.onExpandClick(e)})),r("div",{key:"2787b0ed7d584400662f9794b8cfba82adec5837",class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{key:"03e99048ceabea07f229349919c0392df581f9e1",name:"header"}))),this.hasDropdown&&r("ix-group-context-menu",{key:"0ba467c1ad8b9eb4a0406ac897a6cf84635721de"},r("slot",{key:"b4dd2adc6c70c6b521abcceee495f323564cc371",name:"dropdown"}))),r("div",{key:"1d14d7a4a6dc617088282c0af07d6c95483878c8",class:{"group-content":!0}},r("div",{key:"cbf1f34edc7dac18cc5b63ef640ad2b720c267bb",style:{display:this.expanded?"contents":"none"}},r("slot",{key:"98ea6459c1c434e5afcb8c420ef124f331bf0ff3",onSlotchange:()=>{const e=this.hostElement.shadowRoot?.querySelector("slot:not([name])");this.showExpandCollapsedIcon=s(e)}}),r("ix-group-item",{key:"55e1c11df531834d2b48b742b8081e669672d5fd",class:{footer:!0,"footer-visible":this.footerVisible},groupFooter:!0,suppressSelection:!0},r("slot",{key:"1c1176b3a0e054e31db9999cce99bbc7e904ab33",name:"footer",onSlotchange:()=>this.onSlotChange()})))))}static get watchers(){return{selected:[{selectedChanged:0}]}}};h.style=":host{display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{height:calc(4rem - 2px);min-height:calc(4rem - 2px);border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-selection-indicator{width:calc(0.25rem - 1px)}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-content{padding:calc(0.5rem - 1px) calc(0.5rem - 1px) calc(0.5rem - 1px) 0}:host .group-header:not(.disabled):not(:disabled):focus-visible .btn-expand-header{margin-top:calc(0.5rem - 1px);margin-bottom:calc(0.5rem - 1px)}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{display:flex;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{min-width:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-subheader{height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";export{h as ix_group}

package/dist/siemens-ix/p-3ad11c04.entry.js

@@ -0,0 +1 @@
+import{M as t,r as e,c as r,g as a,h as o,H as s}from"./p-EBgS4zhE.js";import{c as h,d as i,z as c,A as n}from"./p-BeX6RWvV.js";import{D as l}from"./p-BWgttsqY.js";import{C as d}from"./p-CUbYLenp.js";import{m as b}from"./p-Djkc69iv.js";import{c as m}from"./p-CX81WQtk.js";import{r as u}from"./p-BEuV0Xpe.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const p=class extends(t(...l,d)){constructor(t){super(),e(this,t),this.valueChange=r(this,"valueChange",7),this.ixBlur=r(this,"ixBlur",7),this.ixChange=r(this,"ixChange",7),this.promptSubmit=r(this,"promptSubmit",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return a(this)}formInternals;state="input";name;placeholder="Enter a command, question or topic...";value="";disabled=!1;readonly=!1;textareaLabel="Chat input";maxLength;characterLimit;i18nCharacterLimitReached="Character limit reached ({current} / {limit} characters)";i18nCharacterLimitWarning="You're nearing the limit ({current} / {limit} characters)";characterLimitWarningThreshold=.9;minRows=1;maxRows=6;insertLineBreakOnEnter=!1;disclaimer="This content is AI-generated. Always verify the information for accuracy.";valueChange;ixBlur;ixChange;promptSubmit;initialValue;hasAttachments=!1;hasAttachmentScrollbar=!1;hasFollowUp=!1;attachmentsRef=b((t=>{this.initAttachmentResizeObserver(t),this.scheduleAttachmentScrollbarUpdate()}));textareaRef=b((t=>{this.updateTextareaHeight(t)}));attachmentResizeObserver;attachmentMutationObserver;isAttachmentScrollbarUpdateQueued=!1;componentWillLoad(){super.componentWillLoad?.(),this.updateFormInternalValue(this.value),this.initialValue=this.value,this.updateHasFollowUp()}componentDidLoad(){super.componentDidLoad?.(),this.updateHasFollowUp(),this.initAttachmentMutationObserver(),this.scheduleAttachmentScrollbarUpdate(),this.updateTextareaHeight()}componentDidRender(){super.componentDidRender?.(),this.scheduleAttachmentScrollbarUpdate(),this.updateTextareaHeight()}disconnectedCallback(){super.disconnectedCallback?.(),this.attachmentResizeObserver?.disconnect(),this.attachmentMutationObserver?.disconnect()}onValueChange(t){this.formInternals.setFormValue(t),this.updateTextareaHeight()}onRowsChange(){this.updateTextareaHeight()}updateFormInternalValue(t){this.formInternals.setFormValue(t),this.value=t}async getAssociatedFormElement(){return this.formInternals.form}async getNativeInputElement(){return this.textareaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}canSubmit(){return!this.disabled&&!this.readonly&&this.value.trim().length>0}emitIxChangeIfNeeded(){this.initialValue!==this.value&&(this.ixChange.emit(this.value),this.initialValue=this.value)}submitPrompt(){this.canSubmit()&&(this.emitIxChangeIfNeeded(),this.promptSubmit.emit(this.value))}updateTextareaHeight(t=this.textareaRef.current){if(!t)return;const e=getComputedStyle(t),r=Number.parseFloat(e.lineHeight)||24,a=Math.max(this.minRows,1),o=Math.max(this.maxRows,a),s=t.offsetHeight-t.clientHeight||Number.parseFloat(e.borderTopWidth)+Number.parseFloat(e.borderBottomWidth),h=r*a+s,i=r*o+s;t.style.height="auto",t.style.minHeight=`${h}px`;const c=Math.min(Math.max(t.scrollHeight+s,h),i);t.style.height=`${c}px`,t.style.overflowY=t.scrollHeight+s>i?"auto":"hidden"}getCharacterLimit(){const t=this.characterLimit??this.maxLength;return"number"==typeof t&&Number.isFinite(t)&&t>0?t:void 0}getNormalizedCharacterLimitWarningThreshold(){return Number.isFinite(this.characterLimitWarningThreshold)?Math.min(Math.max(this.characterLimitWarningThreshold,0),1):.9}isSoftCharacterLimitWarning(){const t=this.getCharacterLimit();if(!t||this.isCharacterLimitReached())return!1;const e=Math.ceil(t*this.getNormalizedCharacterLimitWarningThreshold());return this.value.length>=e}isCharacterLimitReached(){const t=this.getCharacterLimit();return!!t&&this.value.length>=t}getCharacterLimitMessage(){const t=this.getCharacterLimit(),e=this.value.length;if(t)return this.isCharacterLimitReached()?this.formatCharacterLimitMessage(this.i18nCharacterLimitReached,e,t):this.isSoftCharacterLimitWarning()?this.formatCharacterLimitMessage(this.i18nCharacterLimitWarning,e,t):void 0}formatCharacterLimitMessage(t,e,r){return t.split("{current}").join(String(e)).split("{limit}").join(String(r))}getCharacterLimitState(){return this.isCharacterLimitReached()?"hard":this.isSoftCharacterLimitWarning()?"soft":void 0}handleKeyDown(t){"Enter"!==t.key||t.shiftKey||t.altKey||t.ctrlKey||t.metaKey||this.insertLineBreakOnEnter||"processing"===this.state||(t.preventDefault(),this.submitPrompt())}renderCharacterLimit(){const t=this.getCharacterLimitMessage(),e=this.getCharacterLimitState();return t&&e?o("ix-typography",{class:{"character-limit":!0,"character-limit--soft":"soft"===e,"character-limit--hard":"hard"===e},textColor:"std"},o("ix-icon",{"aria-hidden":"true",name:"hard"===e?h:i,size:"16"}),t):null}handleAttachmentsSlotChange(t){this.hasAttachments=t.target.assignedElements({flatten:!0}).length>0,this.scheduleAttachmentScrollbarUpdate()}handleFollowUpSlotChange(t){this.hasFollowUp=this.hasAssignedContent(t.target)}hasAssignedContent(t){return t.assignedNodes({flatten:!0}).some((t=>1===t.nodeType||!!t.textContent?.trim()))}updateHasFollowUp(){this.hasFollowUp=this.hostElement.querySelectorAll('[slot="follow-up"]').length>0}initAttachmentResizeObserver(t){this.attachmentResizeObserver?.disconnect(),this.attachmentResizeObserver=new ResizeObserver((()=>this.scheduleAttachmentScrollbarUpdate())),this.attachmentResizeObserver.observe(t)}initAttachmentMutationObserver(){this.attachmentMutationObserver=m((()=>{this.updateHasFollowUp(),this.scheduleAttachmentScrollbarUpdate()})),this.attachmentMutationObserver.observe(this.hostElement,{attributes:!0,childList:!0,subtree:!0})}scheduleAttachmentScrollbarUpdate(){this.isAttachmentScrollbarUpdateQueued||(this.isAttachmentScrollbarUpdateQueued=!0,u((()=>{this.isAttachmentScrollbarUpdateQueued=!1,this.updateAttachmentScrollbar()})))}updateAttachmentScrollbar(){const t=this.attachmentsRef.current;if(!t)return;const e=getComputedStyle(t),r=["auto","scroll"].includes(e.overflowX)&&t.scrollWidth-t.clientWidth>1,a=["auto","scroll"].includes(e.overflowY)&&t.scrollHeight-t.clientHeight>1,o=this.hasAttachments&&(r||a);this.hasAttachmentScrollbar!==o&&(this.hasAttachmentScrollbar=o)}render(){const t="processing"===this.state,e=t||!this.canSubmit()&&"input"===this.state,r=t?c:n;return o(s,{key:"57119b34ddaf318358f64fe9272ab935d5cce4d6",class:{disabled:this.disabled,readonly:this.readonly,"has-follow-up":this.hasFollowUp}},o("div",{key:"3c599716bfe45293597bcebd909f85538cbd7ace",class:"follow-up-prompts"},o("slot",{key:"5ced96c5e38f66a6cba6e484fb7463866123554c",name:"follow-up",onSlotchange:t=>this.handleFollowUpSlotChange(t)})),o("div",{key:"62632e005d9092fa70f20ffc6db6f46f703a6b62",class:"chat-input"},o("div",{key:"b0b0260bc9299c099173d935d785f907538f0bb3",ref:this.attachmentsRef,class:{attachments:!0,"attachments--scroll":!0,"has-attachment-scrollbar":this.hasAttachmentScrollbar,"has-attachments":this.hasAttachments}},o("slot",{key:"fd918353d878939ec84226f289b001309e351d5b",name:"attachments",onSlotchange:t=>this.handleAttachmentsSlotChange(t)})),o("textarea",{key:"bd5f1e802b0c3345c2c89a94000b4eca14d70aae",id:this.getHostElementId()+"-textarea",ref:this.textareaRef,readOnly:this.readonly,disabled:this.disabled,maxLength:this.getCharacterLimit(),rows:this.minRows,value:this.value,placeholder:this.placeholder,"aria-label":this.textareaLabel,onFocus:()=>{this.initialValue=this.value},onInput:t=>{const e=t.target;this.updateFormInternalValue(e.value),this.valueChange.emit(e.value),this.updateTextareaHeight(e)},onKeyDown:t=>this.handleKeyDown(t),onBlur:()=>{this.ixBlur.emit(),this.emitIxChangeIfNeeded()}}),this.renderCharacterLimit(),o("div",{key:"411a6b251d2da6adf2f9eb54169989473a657969",class:"action-row"},o("div",{key:"02ddf0d61f37b2c4676efd0e3a36cec2474656e7",class:"left-actions"},o("slot",{key:"f11e87a608ffd5bc637b01fd5728af4bbfb8fe51",name:"start"})),o("div",{key:"d3541a9bc599a26619a45bbc33c989f3f735645e",class:"right-actions"},o("slot",{key:"7958f8473300159cbd52635226f0ae08ff0375ec",name:"end"}),o("ix-icon-button",{key:"07927dbf863b949f92239cfb07bb118cdd2b8963","aria-label":t?"Stop processing":"Submit prompt",class:"submit-button",disabled:e,icon:r,size:"24",variant:"tertiary",onClick:()=>this.submitPrompt()})))),this.disclaimer&&o("ix-typography",{key:"da911e4010e69b0fb026301b5df1c2369b68bc5d",class:"disclaimer",format:"body-sm",textColor:"soft"},this.disclaimer))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}],minRows:[{onRowsChange:0}],maxRows:[{onRowsChange:0}]}}};p.style=":host{display:block;width:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .chat-input{display:flex;flex-direction:column;width:100%;min-height:8rem;padding:var(--theme-space-2);box-sizing:border-box;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color)}:host .follow-up-prompts{display:none;flex-wrap:wrap;align-items:flex-start;gap:var(--theme-space-1);width:100%;margin-bottom:var(--theme-space-1)}:host .follow-up-prompts ::slotted(*){flex:0 1 auto}:host .follow-up-prompts ::slotted(ix-button){max-width:25rem;min-width:5rem}:host .follow-up-prompts ::slotted(ix-icon-button){flex:0 0 auto}:host .chat-input:hover{border-color:var(--theme-input--border-color--hover);background-color:var(--theme-input--background--hover)}:host .chat-input:focus-within{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus)}:host .attachments{display:none;box-sizing:border-box;width:100%;max-width:100%;gap:var(--theme-space-2);margin-bottom:var(--theme-space-2)}:host .attachments.has-attachments{display:flex}:host .attachments--wrap{flex-wrap:wrap;max-height:calc(4rem + var(--theme-space-2));overflow:hidden}:host .attachments--scroll{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}:host .attachments--scroll *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .attachments--scroll *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .attachments--scroll *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .attachments--scroll *{}:host .attachments--scroll *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .attachments--scroll *::-webkit-scrollbar-corner{display:none}:host .attachments--scroll::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host .attachments--scroll{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host .attachments--scroll::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host .attachments--scroll{}:host .attachments--scroll::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host .attachments--scroll::-webkit-scrollbar-corner{display:none}:host .attachments.has-attachment-scrollbar{padding-bottom:0.25rem}:host .attachments ::slotted(ix-chat-attachment){flex:0 1 auto}:host .attachments--scroll ::slotted(ix-chat-attachment){flex:0 0 auto}:host textarea{flex:1 1 auto;width:100%;min-height:2rem;padding:0;border:0;outline:0;box-sizing:border-box;resize:none;background:transparent;color:inherit;font:inherit}:host textarea::-moz-placeholder{color:var(--theme-input-hint--color)}:host textarea::placeholder{color:var(--theme-input-hint--color)}:host .character-limit{display:flex;align-items:center;gap:var(--theme-space-1);width:100%;margin-top:var(--theme-space-2)}:host .character-limit ix-icon{flex:0 0 auto}:host .character-limit--soft ix-icon{color:var(--theme-color-info)}:host .character-limit--hard ix-icon{color:var(--theme-color-warning)}:host .action-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:2rem;margin-top:var(--theme-space-1)}:host .left-actions,:host .right-actions{display:flex;align-items:center;gap:var(--theme-space-1)}:host .left-actions{flex:1 1 auto;min-width:0}:host .right-actions{flex:0 0 auto;justify-content:flex-end}:host .disclaimer{display:block;width:100%;margin-top:var(--theme-space-1);text-align:center}:host(.has-follow-up) .follow-up-prompts{display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .chat-input{border-color:var(--theme-input--border-color--disabled);box-shadow:none;color:var(--theme-input--color--disabled);background-color:transparent}:host(.disabled) textarea::-moz-placeholder{color:transparent}:host(.disabled) textarea::placeholder{color:transparent}:host(.readonly) .chat-input{border-color:var(--theme-input--border-color--readonly);box-shadow:none;background-color:transparent}:host(.readonly) .chat-input:hover,:host(.readonly) .chat-input:focus-within{border-color:var(--theme-input--border-color--readonly);outline:none}";export{p as ix_chat_input}

package/dist/siemens-ix/{p-ab202c45.entry.js → p-3c7a8e8b.entry.js}

@@ -1 +1 @@
-import{M as e,r as a,c as t,h as b,H as s}from"./p-EBgS4zhE.js";import{B as l}from"./p-B0y5hnj5.js";const r=class extends(e(l)){constructor(e){super(),a(this,e),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return b(s,{key:"2d70a2809dc4eb56b1e3d6183ca837a38ee01b16"},b("ix-tab-panel",{key:"d0923d4116998d6a7e231b907eacd5f8081eae36",tabKey:this.tabKey},b("slot",{key:"abd6be8e81556b9cb3091dfb55cebfa9ab4d76d0"})))}static get watchers(){return{label:[{watchLabel:0}]}}};export{r as ix_menu_about_item}
+import{M as e,r as a,c as t,h as b,H as s}from"./p-EBgS4zhE.js";import{B as l}from"./p-B0y5hnj5.js";const r=class extends(e(l)){constructor(e){super(),a(this,e),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return b(s,{key:"acde06cac4ff13c7b9529d219b60e5460d01eb2b"},b("ix-tab-panel",{key:"a7458d27e0b5f2cf93154a438f67386d6583fbe6",tabKey:this.tabKey},b("slot",{key:"e47b54b6640d0e2a068deb648a22d5908b9ea380"})))}static get watchers(){return{label:[{watchLabel:0}]}}};export{r as ix_menu_about_item}

package/dist/siemens-ix/p-3c92d126.entry.js

@@ -0,0 +1 @@
+import{r as o,c as e,g as t,h as r,H as n}from"./p-EBgS4zhE.js";import{w as a,x as i}from"./p-BeX6RWvV.js";import{B as d}from"./p-CDKWxg_L.js";import{b as s}from"./p-DD206pTM.js";import{a as l}from"./p-CKoABG1h.js";import{m as b}from"./p-Djkc69iv.js";import{L as c,I as h}from"./p-C9HBQRMb.js";import{r as u}from"./p-BEuV0Xpe.js";const m=class{constructor(t){o(this,t),this.categoryChanged=e(this,"categoryChanged",7),this.inputChanged=e(this,"inputChanged",7),this.filterChanged=e(this,"filterChanged",7),this.filterCleared=e(this,"filterCleared",7)}ID_CUSTOM_FILTER_VALUE="CW_CUSTOM_FILTER_VALUE";formKeyDownListener;preventDefaultListener;inputKeyDownListener;focusInListener;focusOutListener;inputListener;textInput=b();formElement;isScrollStateDirty;a11yAttributes;get hostElement(){return t(this)}showDropdown=!1;hasFocus=!1;categoryLogicalOperator=c.EQUAL;inputValue="";category="";filterTokens=[];disabled=!1;readonly=!1;filterState;placeholder;categories;nonSelectableCategories={};suggestions;icon;hideIcon=!1;staticOperator;uniqueCategories=!1;labelCategories="Categories";i18nPlainText="Filter by text";ariaLabelResetButton;ariaLabelOperatorButton;ariaLabelFilterInput;enableTopLayer=!1;categoryChanged;inputChanged;filterChanged;filterCleared;get dropdown(){return this.hostElement.shadowRoot.querySelector("ix-dropdown")}watchFilterState(o){this.setFilterState(o)}preventDefault(o){o.preventDefault()}onFocusIn(){this.hasFocus=!0}onFocusOut(){this.hasFocus=!1}onInput(){this.inputValue=this.textInput?.current?.value??"";const o=new h(this.inputValue,this.category);this.inputChanged.emit(o),this.dropdown?.show||this.openDropdown()}componentWillLoad(){this.a11yAttributes=s(this.hostElement)}componentDidLoad(){setTimeout((()=>{void 0!==this.filterState&&this.setFilterState(this.filterState)})),void 0!==this.formElement&&(this.formKeyDownListener=l(this.formElement,"keydown",(o=>this.handleFormElementKeyDown(o))),this.preventDefaultListener=l(this.formElement,"submit",this.preventDefault)),null!=this.textInput?.current?(this.inputKeyDownListener=l(this.textInput.current,"keydown",(o=>this.handleInputElementKeyDown(o))),this.focusInListener=l(this.textInput.current,"focusin",(()=>this.onFocusIn())),this.focusOutListener=l(this.textInput.current,"focusout",(()=>this.onFocusOut())),this.inputListener=l(this.textInput.current,"input",(()=>this.onInput()))):console.warn("ix-category-filter - unable to add event listeners to native input element")}setFilterState(o){this.filterTokens=[];for(const e of o.tokens)this.addToken(e,this.ID_CUSTOM_FILTER_VALUE,this.categoryLogicalOperator,!1);for(const e of o.categories)this.addToken(e.value,e.id,e.operator,!1);this.emitFilterEvent()}closeDropdown(){this.disabled||this.readonly||this.dropdown&&(this.dropdown.show=!1)}openDropdown(){this.disabled||this.readonly||this.dropdown&&(this.dropdown.show=!0)}handleFormElementKeyDown(o){switch(o.code){case"Enter":case"NumpadEnter":if(!document.activeElement?.classList.contains("dropdown-item"))return;const e=document.activeElement.getAttribute("data-id");if(null===e)break;this.hasCategorySelection()?""!==this.category?(this.addToken(e,this.category),this.textInput?.current?.focus()):document.activeElement.classList.contains("category-item-id")&&this.selectCategory(e):this.addToken(e),o.preventDefault();break;case"ArrowUp":this.focusPreviousItem(),o.preventDefault();break;case"ArrowDown":this.showDropdown=!0,this.focusNextItem(),o.preventDefault();break;case"Escape":this.closeDropdown()}}focusPreviousItem(){const o=document.activeElement?.previousSibling;o instanceof HTMLElement&&o.focus()}focusNextItem(){const o=document.activeElement?.nextSibling;o instanceof HTMLElement&&o.focus()}focusElement(o){const e=this.hostElement.shadowRoot.querySelector(o);return e instanceof HTMLElement&&(e.focus(),!0)}onArrowDown(o){const e=".category-item-"+(""!==this.category?"value":"id");if(!this.dropdown?.show)return this.openDropdown(),u((()=>this.focusElement(".dropdown-item"))),o.stopPropagation(),void o.preventDefault();(this.focusElement(e)||this.suggestions?.length&&this.focusElement(".category-item"))&&o.stopPropagation()}handleInputElementKeyDown(o){switch(o.code){case"ArrowDown":this.onArrowDown(o);break;case"Backspace":if(""!==this.textInput?.current?.value)return;if(""!==this.category)return void(this.category="");const e=this.filterTokens.length;e>0&&this.removeToken(e-1);break;case"Enter":case"NumpadEnter":this.addToken(this.inputValue,this.category||this.ID_CUSTOM_FILTER_VALUE),o.preventDefault()}}emitFilterEvent(){const o=this.filterTokens.filter((o=>o.id===this.ID_CUSTOM_FILTER_VALUE)).map((o=>o.value)),e=this.filterTokens.filter((o=>o.id!==this.ID_CUSTOM_FILTER_VALUE));this.filterChanged.emit({tokens:o,categories:e})}addToken(o,e=this.ID_CUSTOM_FILTER_VALUE,t=this.categoryLogicalOperator,r=!0){if(null==o)return;const n=o.trim();""!==n&&(this.hasToken(n)||(this.filterTokens=[...this.filterTokens,{id:e,value:n,operator:t}],this.textInput?.current&&(this.textInput.current.value=""),this.inputValue="",this.categoryLogicalOperator=c.EQUAL,""!==this.category&&(this.category=""),this.isScrollStateDirty=!0,r&&this.emitFilterEvent()))}removeToken(o){this.filterTokens=this.filterTokens.filter(((e,t)=>t!==o)),this.emitFilterEvent()}getCategoryIds(){const o=[];for(const e in this.categories)Object.prototype.hasOwnProperty.call(this.categories,e)&&o.push(e);return o}selectCategory(o){this.category=o,this.textInput?.current&&(this.textInput.current.value=""),this.inputValue="",this.textInput?.current?.focus(),this.categoryChanged.emit(o)}resetFilter(o){const{defaultPrevented:e}=this.filterCleared.emit();e||(o.stopPropagation(),this.closeDropdown(),this.filterTokens=[],this.category&&(this.category="",this.categoryChanged.emit(void 0)),this.emitFilterEvent())}filterMultiples(o){return!this.uniqueCategories||!this.filterTokens.find((e=>e.id===o))}hasToken(o){return this.filterTokens.some((e=>{const t=e.value===o;return!!t&&(""!==this.category?this.category===e.id:e.id?e.id===this.ID_CUSTOM_FILTER_VALUE:t)}))}filterDuplicateTokens(o){return!this.hasToken(o)}filterByInput(o){return void 0===this.inputValue||""===this.inputValue||-1!==o.toLowerCase().indexOf(this.inputValue.toLowerCase())}toggleCategoryOperator(){switch(this.categoryLogicalOperator){case c.EQUAL:this.categoryLogicalOperator=c.NOT_EQUAL;break;case c.NOT_EQUAL:this.categoryLogicalOperator=c.EQUAL}}getFilterChipLabel(o){if(o.id===this.ID_CUSTOM_FILTER_VALUE)return o.value;const e=o.operator===c.EQUAL?"=":"!=";return`${this.categories?.[o.id]?.label??this.nonSelectableCategories?.[o.id]??o.id} ${e} ${o.value}`}getFilteredSuggestions(){return this.suggestions?.length?this.suggestions?.filter((o=>this.filterByInput(o))).filter((o=>this.filterDuplicateTokens(o))):[]}hasCategorySelection(){return void 0!==this.categories}renderPlainSuggestions(){return r("div",{class:"dropdown-item-container"},this.getFilteredSuggestions().map((o=>r("button",{class:"dropdown-item","data-id":o,onClick:()=>{this.addToken(o),this.textInput?.current?.focus()},key:o,title:o},o))))}renderOperatorButton(){return this.staticOperator?"":r(d,{type:"button",variant:"subtle-tertiary",iconOnly:!0,iconOval:!1,selected:!1,disabled:this.disabled||void 0!==this.staticOperator,loading:!1,icon:"",onClick:o=>{o.stopPropagation(),this.toggleCategoryOperator()},extraClasses:{"btn-icon-32":!0,"btn-toggle-operator":!0},ariaAttributes:{"aria-label":this.ariaLabelOperatorButton}},this.categoryLogicalOperator===c.NOT_EQUAL?"=":"!=")}getFilterOperatorString(){let o;return o=void 0!==this.staticOperator?this.staticOperator:this.categoryLogicalOperator,(o===c.EQUAL?"=":"!=")+" "}renderCategoryValues(){if(void 0!==this.categories)return r("div",{class:"dropdown-item-container"},this.renderOperatorButton(),r("div",{class:"dropdown-header"},this.categories[this.category]?.label),this.categories[this.category]?.options.filter((o=>this.filterByInput(o))).filter((o=>this.filterDuplicateTokens(o))).map((o=>r("button",{class:"dropdown-item category-item-value","data-id":o,title:o,key:o,onClick:e=>{e.preventDefault(),this.addToken(o,this.category),this.textInput?.current?.focus()}},`${this.getFilterOperatorString()} ${o}`))))}renderDropdownContent(){return this.hasCategorySelection()?""!==this.category?this.renderCategoryValues():this.renderCategorySelection():this.renderPlainSuggestions()}renderCategorySelection(){return r("div",{class:"dropdown-item-container"},this.getCategoryIds()?.filter((o=>this.categories&&this.filterByInput(this.categories[o].label))).filter((o=>this.filterMultiples(o))).map((o=>r("button",{class:"dropdown-item category-item category-item-id","data-id":o,title:this.categories?.[o]?.label,key:o,onClick:e=>{e.preventDefault(),this.selectCategory(o)},tabindex:"0"},this.categories?.[o]?.label))))}getDropdownHeader(){return void 0!==this.categories?""!==this.category?void 0:this.labelCategories:this.i18nPlainText}componentDidRender(){this.isScrollStateDirty&&(this.textInput?.current?.scrollIntoView(),this.isScrollStateDirty=!1)}disconnectedCallback(){this.preventDefaultListener&&this.preventDefaultListener(),this.formKeyDownListener&&this.formKeyDownListener(),this.inputKeyDownListener&&this.inputKeyDownListener?.(),this.focusInListener&&this.focusInListener(),this.focusOutListener&&this.focusOutListener(),this.inputListener&&this.inputListener()}getResetButton(){return r("ix-icon-button",{onClick:o=>this.resetFilter(o),class:{"reset-button":!0,"hide-reset-button":!this.filterTokens.length&&""===this.category},variant:"tertiary",icon:a,iconColor:"color-soft-text",size:"16","aria-label":this.ariaLabelResetButton})}getIconColor(){return this.disabled?"color-componentn-1":this.readonly?"color-std-txt":"color-primary"}render(){return r(n,{key:"213c9455760e956792f5d8852799e1329c2aee2c"},r("form",{key:"fe985e2330a24b77ad5345c6e7667b7be24df66e",ref:o=>this.formElement=o},r("div",{key:"2c453e7d5d7d216942b6f389e97b348030c5a099","read-only":this.readonly,class:{"input-container":!0,disabled:this.disabled,focus:this.hasFocus,readonly:this.readonly,"no-icon":this.hideIcon}},r("ix-icon",{key:"30946f69374b99e3593b9cbe89ff9dd43a6e83af",color:this.getIconColor(),class:{"display-none":this.hideIcon},name:this.icon??i,size:"16"}),r("div",{key:"c6da3b3838ac0f8d5ee2e80235b3f9670d34e9b4",class:"token-container"},r("div",{key:"9748e927c040ccb216dea26abaa48f3aa2535f64",class:"list-unstyled"},this.filterTokens.map(((o,e)=>r("span",{key:o.toString(),class:{animate__animated:!0,animate__fadein:!0}},r("ix-filter-chip",{disabled:this.disabled,readonly:this.readonly,onClick:o=>o.stopPropagation(),onCloseClick:()=>this.removeToken(e)},this.getFilterChipLabel(o))))),void 0===this.categories?"":r("span",{class:{"category-preview":!0,"display-none":""===this.category}},this.categories[this.category]?.label),r("input",{key:"e01a1f24f7cd7c514b641532ce25e754e03837fd",class:{"text-input":!0,"hide-placeholder":this.readonly||this.disabled||""!==this.category},autocomplete:"off",name:"category-filter-input",disabled:this.disabled,readonly:this.readonly,ref:this.textInput,type:"text",placeholder:this.placeholder,...this.a11yAttributes,"aria-label":this.ariaLabelFilterInput}))),!this.readonly&&!this.disabled&&this.getResetButton())),this.disabled||this.readonly?"":r("ix-dropdown",{show:this.showDropdown,closeBehavior:"outside",offset:{mainAxis:2},anchor:this.textInput?.waitForCurrent(),trigger:this.hostElement,header:this.getDropdownHeader(),enableTopLayer:this.enableTopLayer},this.renderDropdownContent()))}static get watchers(){return{filterState:[{watchFilterState:0}]}}};m.style=':host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container:not(.readonly):not(.no-icon)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill,:host .input-container:not(.readonly):not(.no-icon):autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.no-icon):disabled,:host .input-container:not(.readonly):not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly):not(.no-icon):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.no-icon):disabled::placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::placeholder{color:transparent}:host .input-container:not(.readonly).no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container:not(.readonly).no-icon[type=number]{text-align:right}:host .input-container:not(.readonly).no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly).no-icon:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly).no-icon:-webkit-autofill,:host .input-container:not(.readonly).no-icon:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly).no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly).no-icon:disabled,:host .input-container:not(.readonly).no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly).no-icon:disabled::-moz-placeholder,:host .input-container:not(.readonly).no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly).no-icon:disabled::placeholder,:host .input-container:not(.readonly).no-icon.disabled::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container.readonly:not(.no-icon)[type=number]{text-align:right}:host .input-container.readonly:not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:not(.no-icon):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly:not(.no-icon):-webkit-autofill,:host .input-container.readonly:not(.no-icon):autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly:not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly:not(.no-icon):-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only,:host .input-container.readonly:not(.no-icon):read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only::-moz-placeholder,:host .input-container.readonly:not(.no-icon):read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):-moz-read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon).read-only::placeholder,:host .input-container.readonly:not(.no-icon):read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled,:host .input-container.readonly:not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly:not(.no-icon):disabled::-moz-placeholder,:host .input-container.readonly:not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled::placeholder,:host .input-container.readonly:not(.no-icon).disabled::placeholder{color:transparent}:host .input-container.readonly.no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container.readonly.no-icon[type=number]{text-align:right}:host .input-container.readonly.no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly.no-icon:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly.no-icon:-webkit-autofill,:host .input-container.readonly.no-icon:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly.no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly.no-icon:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only,:host .input-container.readonly.no-icon:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only::-moz-placeholder,:host .input-container.readonly.no-icon:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon.read-only::placeholder,:host .input-container.readonly.no-icon:read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled,:host .input-container.readonly.no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly.no-icon:disabled::-moz-placeholder,:host .input-container.readonly.no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled::placeholder,:host .input-container.readonly.no-icon.disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container{display:flex;height:auto;max-height:3.75rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .text-input::-moz-placeholder{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input::placeholder{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}';export{m as ix_category_filter}

package/dist/siemens-ix/p-3ca5d3b9.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,H as t}from"./p-EBgS4zhE.js";const s=class{constructor(a){e(this,a)}render(){return a(t,{key:"80ca2b65f89cf55d1084594e06639391e2320c0a"},a("ix-spinner",{key:"9aca415c30e8450db9c17458f3486e1f4abcbf5f",variant:"primary"}),a("span",{key:"5579c6694b9b3b7eb4e7188cb67ac99d14658ffb",class:"loading-text"},a("slot",{key:"be9b2fdd084a96f88db388bd7a0b7a98d6088ac6"})))}};s.style=":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";export{s as ix_modal_loading}

package/dist/siemens-ix/p-3fe85552.entry.js

@@ -0,0 +1 @@
+import{r as e,c as r,g as o,h as d,H as a}from"./p-EBgS4zhE.js";import{a as c}from"./p-DD206pTM.js";import{c as i}from"./p-S-XikzrL.js";import"./p-XBTykBKS.js";const t=class{constructor(o){e(this,o),this.checkedChange=r(this,"checkedChange",7),this.valueChange=r(this,"valueChange",7),this.ixBlur=r(this,"ixBlur",7),o.$hostElement$["s-ei"]?this.formInternals=o.$hostElement$["s-ei"]:(this.formInternals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return o(this)}formInternals;name;value;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=i(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"18a9d8d27e3da2d36681f0681caeee84ed943efd","aria-checked":c(this.checked),"aria-disabled":c(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"22db33f534a61abca396ce3c05f30b490327e417"},d("div",{key:"0ad8548b87a63cded792ad6dee63e4ba018a0aa0",class:"radio-button"},d("div",{key:"9b8fbaa25b7f4307f4a820a99a80dd3a01272604","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"a8e10d030150643478be8e859e47b7654ecdcdba",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"a0c8ddcf036d2ade8ed14813dff4d3ce8fc664ff",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"35fd78b7b432ced026ac0824f64633f64b8b4441"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}};t.style=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(     --theme-radiobtn-unchecked--background--info   );--theme-radiobtn-unchecked--background--hover:var(     --theme-radiobtn-unchecked--background--info--hover   );--theme-radiobtn-unchecked--background--active:var(     --theme-radiobtn-unchecked--background--info--active   );--theme-radiobtn-unchecked--border-color:var(     --theme-radiobtn-unchecked--border-color--info   );--theme-radiobtn-unchecked--border-color--hover:var(     --theme-radiobtn-unchecked--border-color--info--hover   );--theme-radiobtn-unchecked--border-color--active:var(     --theme-radiobtn-unchecked--border-color--info--active   );--theme-radiobtn-checked--background:var(     --theme-radiobtn-checked--background--info   );--theme-radiobtn-checked--background--hover:var(     --theme-radiobtn-checked--background--info--hover   );--theme-radiobtn-checked--background--active:var(     --theme-radiobtn-checked--background--info--active   );--theme-radiobtn-checked--border-color:var(     --theme-radiobtn-checked--border-color--info   );--theme-radiobtn-checked--border-color--hover:var(     --theme-radiobtn-checked--border-color--info--hover   );--theme-radiobtn-checked--border-color--active:var(     --theme-radiobtn-checked--border-color--info--active   );--theme-radiobtn-mixed--background:var(     --theme-radiobtn-mixed--background--info   );--theme-radiobtn-mixed--background--hover:var(     --theme-radiobtn-mixed--background--info--hover   );--theme-radiobtn-mixed--background--active:var(     --theme-radiobtn-mixed--background--info--active   );--theme-radiobtn-mixed--border-color:var(     --theme-radiobtn-mixed--border-color--info   );--theme-radiobtn-mixed--border-color--hover:var(     --theme-radiobtn-mixed--border-color--info--hover   );--theme-radiobtn-mixed--border-color--active:var(     --theme-radiobtn-mixed--border-color--info--active   )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(     --theme-radiobtn-unchecked--background--warning   );--theme-radiobtn-unchecked--background--hover:var(     --theme-radiobtn-unchecked--background--warning--hover   );--theme-radiobtn-unchecked--background--active:var(     --theme-radiobtn-unchecked--background--warning--active   );--theme-radiobtn-unchecked--border-color:var(     --theme-radiobtn-unchecked--border-color--warning   );--theme-radiobtn-unchecked--border-color--hover:var(     --theme-radiobtn-unchecked--border-color--warning--hover   );--theme-radiobtn-unchecked--border-color--active:var(     --theme-radiobtn-unchecked--border-color--warning--active   );--theme-radiobtn-checked--background:var(     --theme-radiobtn-checked--background--warning   );--theme-radiobtn-checked--background--hover:var(     --theme-radiobtn-checked--background--warning--hover   );--theme-radiobtn-checked--background--active:var(     --theme-radiobtn-checked--background--warning--active   );--theme-radiobtn-checked--border-color:var(     --theme-radiobtn-checked--border-color--warning   );--theme-radiobtn-checked--border-color--hover:var(     --theme-radiobtn-checked--border-color--warning--hover   );--theme-radiobtn-checked--border-color--active:var(     --theme-radiobtn-checked--border-color--warning--active   );--theme-radiobtn-mixed--background:var(     --theme-radiobtn-mixed--background--warning   );--theme-radiobtn-mixed--background--hover:var(     --theme-radiobtn-mixed--background--warning--hover   );--theme-radiobtn-mixed--background--active:var(     --theme-radiobtn-mixed--background--warning--active   );--theme-radiobtn-mixed--border-color:var(     --theme-radiobtn-mixed--border-color--warning   );--theme-radiobtn-mixed--border-color--hover:var(     --theme-radiobtn-mixed--border-color--warning--hover   );--theme-radiobtn-mixed--border-color--active:var(     --theme-radiobtn-mixed--border-color--warning--active   )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(     --theme-radiobtn-unchecked--background--invalid   );--theme-radiobtn-unchecked--background--hover:var(     --theme-radiobtn-unchecked--background--invalid--hover   );--theme-radiobtn-unchecked--background--active:var(     --theme-radiobtn-unchecked--background--invalid--active   );--theme-radiobtn-unchecked--border-color:var(     --theme-radiobtn-unchecked--border-color--invalid   );--theme-radiobtn-unchecked--border-color--hover:var(     --theme-radiobtn-unchecked--border-color--invalid--hover   );--theme-radiobtn-unchecked--border-color--active:var(     --theme-radiobtn-unchecked--border-color--invalid--active   );--theme-radiobtn-checked--background:var(     --theme-radiobtn-checked--background--invalid   );--theme-radiobtn-checked--background--hover:var(     --theme-radiobtn-checked--background--invalid--hover   );--theme-radiobtn-checked--background--active:var(     --theme-radiobtn-checked--background--invalid--active   );--theme-radiobtn-checked--border-color:var(     --theme-radiobtn-checked--border-color--invalid   );--theme-radiobtn-checked--border-color--hover:var(     --theme-radiobtn-checked--border-color--invalid--hover   );--theme-radiobtn-checked--border-color--active:var(     --theme-radiobtn-checked--border-color--invalid--active   );--theme-radiobtn-mixed--background:var(     --theme-radiobtn-mixed--background--invalid   );--theme-radiobtn-mixed--background--hover:var(     --theme-radiobtn-mixed--background--invalid--hover   );--theme-radiobtn-mixed--background--active:var(     --theme-radiobtn-mixed--background--invalid--active   );--theme-radiobtn-mixed--border-color:var(     --theme-radiobtn-mixed--border-color--invalid   );--theme-radiobtn-mixed--border-color--hover:var(     --theme-radiobtn-mixed--border-color--invalid--hover   );--theme-radiobtn-mixed--border-color--active:var(     --theme-radiobtn-mixed--border-color--invalid--active   )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var(     --theme-radiobtn-unchecked--background--invalid   );--theme-radiobtn-unchecked--background--hover:var(     --theme-radiobtn-unchecked--background--invalid--hover   );--theme-radiobtn-unchecked--background--active:var(     --theme-radiobtn-unchecked--background--invalid--active   );--theme-radiobtn-unchecked--border-color:var(     --theme-radiobtn-unchecked--border-color--invalid   );--theme-radiobtn-unchecked--border-color--hover:var(     --theme-radiobtn-unchecked--border-color--invalid--hover   );--theme-radiobtn-unchecked--border-color--active:var(     --theme-radiobtn-unchecked--border-color--invalid--active   );--theme-radiobtn-checked--background:var(     --theme-radiobtn-checked--background--invalid   );--theme-radiobtn-checked--background--hover:var(     --theme-radiobtn-checked--background--invalid--hover   );--theme-radiobtn-checked--background--active:var(     --theme-radiobtn-checked--background--invalid--active   );--theme-radiobtn-checked--border-color:var(     --theme-radiobtn-checked--border-color--invalid   );--theme-radiobtn-checked--border-color--hover:var(     --theme-radiobtn-checked--border-color--invalid--hover   );--theme-radiobtn-checked--border-color--active:var(     --theme-radiobtn-checked--border-color--invalid--active   );--theme-radiobtn-mixed--background:var(     --theme-radiobtn-mixed--background--invalid   );--theme-radiobtn-mixed--background--hover:var(     --theme-radiobtn-mixed--background--invalid--hover   );--theme-radiobtn-mixed--background--active:var(     --theme-radiobtn-mixed--background--invalid--active   );--theme-radiobtn-mixed--border-color:var(     --theme-radiobtn-mixed--border-color--invalid   );--theme-radiobtn-mixed--border-color--hover:var(     --theme-radiobtn-mixed--border-color--invalid--hover   );--theme-radiobtn-mixed--border-color--active:var(     --theme-radiobtn-mixed--border-color--invalid--active   )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";export{t as ix_radio}

package/dist/siemens-ix/{p-eac237a1.entry.js → p-40239cf6.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,g as o,d as i,h as a,H as s}from"./p-EBgS4zhE.js";import{e as n,f as r}from"./p-DgUGsIlh.js";import{a as h}from"./p-C21npbUc.js";import{s as d}from"./p-BL9SR36X.js";import{a as c,A as l}from"./p-DuTDx0c-.js";import{g as p}from"./p-D_Hmobxf.js";import{m}from"./p-DT02jDB7.js";import{h as b}from"./p-BClJdFQP.js";import{a as f}from"./p-4pTtJwcY.js";import"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";const g=class{constructor(o){e(this,o),this.menuToggle=t(this,"menuToggle",7),this.openAppSwitch=t(this,"openAppSwitch",7)}get hostElement(){return o(this)}name;nameSuffix;companyLogo;companyLogoAlt;appIcon;appIconAlt;appIconOutline=!1;hideBottomBorder=!1;showMenu=!1;ariaLabelAppSwitchIconButton;ariaLabelMoreMenuIconButton;enableTopLayer=!1;menuToggle;openAppSwitch;breakpoint="lg";menuExpanded=!1;suppressResponsive=!1;hasSlottedLogo=!1;hasOverflowContextMenu=!1;hasSecondarySlotElements=!1;hasDefaultSlotElements=!1;hasOverflowSlotElements=!1;applicationLayoutContext;menuDisposable;modeDisposable;callbackUpdateAppSwitchModal;get contentBackground(){return this.hostElement.shadowRoot.querySelector(".dropdown-content")}componentWillLoad(){this.breakpoint=p(),c(this.hostElement,l,(e=>{this.breakpoint=f.breakpoint,this.applicationLayoutContext=e,this.tryUpdateAppSwitch()}),!0),this.menuDisposable=m.expandChange.on((e=>{this.menuExpanded=e})),this.modeDisposable=f.onChange.on((e=>{this.suppressResponsive||(this.breakpoint=e)})),this.updateHasSlotAssignedElementsStates()}componentDidLoad(){this.attachSiemensLogoIfLoaded()}disconnectedCallback(){this.menuDisposable?.dispose(),this.modeDisposable?.dispose()}watchApplicationLayoutContext(){this.applicationLayoutContext&&(this.showMenu=!1)}watchSuppressResponsive(){this.breakpoint="md"}watchBreakpoint(){this.updateHasSlotAssignedElementsStates()}checkLogoSlot(){const e=this.hostElement.shadowRoot.querySelector('slot[name="logo"]');if(void 0!==window.customElements.get("ix-siemens-logo"))return b(e);let t=e?.assignedElements({flatten:!0});return t=t?.filter((e=>"IX-SIEMENS-LOGO"!==e.tagName)),0!==t?.length}attachSiemensLogoIfLoaded(){if(!this.companyLogo&&!this.checkLogoSlot()){const e=document.createElement("ix-siemens-logo");e.slot="logo",this.hostElement.appendChild(e)}}async onMenuClick(){this.applicationLayoutContext?m.toggle():this.menuExpanded=!this.menuExpanded,this.menuToggle.emit(this.menuExpanded)}resolveContextMenuButton(){return new Promise((e=>i((()=>e(this.hostElement.shadowRoot.querySelector("[data-context-menu]"))))))}tryUpdateAppSwitch(){this.callbackUpdateAppSwitchModal&&this.applicationLayoutContext?.appSwitchConfig&&this.callbackUpdateAppSwitchModal(this.applicationLayoutContext?.appSwitchConfig)}async showAppSwitch(){const{defaultPrevented:e}=this.openAppSwitch.emit();e||this.applicationLayoutContext?.appSwitchConfig&&(this.callbackUpdateAppSwitchModal=await d(this.applicationLayoutContext?.appSwitchConfig))}updateHasSlotAssignedElementsStates(){const e=this.hostElement.shadowRoot.querySelector(".content slot:not([name])"),t=this.hostElement.shadowRoot.querySelector('.content slot[name="secondary"]'),o=this.hostElement.shadowRoot.querySelector('.content slot[name="overflow"]');this.hasDefaultSlotElements=b(e),this.hasSecondarySlotElements=b(t),this.hasOverflowSlotElements=b(o),this.hasOverflowContextMenu=this.hasOverflowSlotElements||"sm"===this.breakpoint&&(this.hasDefaultSlotElements||this.hasSecondarySlotElements)}onContentBgClick(e){e.target===this.contentBackground&&e.preventDefault()}render(){const e="sm"===this.breakpoint&&!1===this.suppressResponsive&&!!this.applicationLayoutContext,t=this.applicationLayoutContext?.appSwitchConfig&&"sm"!==this.breakpoint&&!1===this.suppressResponsive,o="sm"!==this.breakpoint&&!!this.companyLogo;return a(s,{key:"e748601f8379536c62fe20edf48634ec7373fdbe",class:{[`breakpoint-${this.breakpoint}`]:!0,"hide-bottom-border":this.hideBottomBorder},slot:"application-header",role:"banner"},a("div",{key:"0153872edf217449e8b7ac4eaad0b7304e44f171",class:"left-side"},this.appIcon&&"sm"!==this.breakpoint&&a("div",{key:"4934436922dca879c5ecbd8fd19379000fcea7be",class:{"app-icon":!0,"app-icon-outline":this.appIconOutline}},a("img",{key:"c253d49a3a37507daace6db886c33e899c3de9be",src:this.appIcon,alt:this.appIconAlt})),(this.showMenu||e)&&a("ix-menu-expand-icon",{key:"e4bcdb607e5f50873f0f90bc6a1bad167d8b6cbf",onClick:()=>this.onMenuClick(),expanded:this.menuExpanded}),t&&a("ix-icon-button",{key:"6de3d4401ecd71c97b0008bb8bf4142ee68aa3ac",onClick:()=>this.showAppSwitch(),icon:r,variant:"subtle-tertiary",class:{"app-switch":!0,"without-app-icon":!this.appIcon},"aria-label":this.ariaLabelAppSwitchIconButton}),o&&a("div",{key:"549e18052627c090a6ac795276cbb5ca3d44d3a4",class:"logo"},a("img",{key:"89a662b47ae47e1e2a59065bf67f9abae02aa337",src:this.companyLogo,alt:this.companyLogoAlt})),a("div",{key:"a1f5332a2abc48f3e33fff59d3b1d512b1babab7",class:{logo:!0,"hide-logo":!this.hasSlottedLogo}},a("slot",{key:"d7961a13bcd1939607fc164f38b8a037838c3546",name:"logo",onSlotchange:()=>this.hasSlottedLogo=this.checkLogoSlot()})),a("div",{key:"d8824ebba9f3e8c938581d8bc4e822383a014cd4",class:"name"},a("ix-typography",{key:"e9add4d68d6fb7748d3f660cafea9651512c06b0",format:"body-lg",class:"application-name"},this.name),this.nameSuffix&&"sm"!==this.breakpoint&&a("ix-typography",{key:"a4ff0de3510e4466b03818f4cf486e2cf6cf81fa",format:"body-xs",class:"application-name-suffix"},this.nameSuffix))),a("div",{key:"bace1c6516c55779fb03b24fa17f951d5fbd3380",class:{"right-side":!0,sm:"sm"===this.breakpoint}},"sm"!==this.breakpoint&&a("div",{key:"a16cd7e3894c90e3914f1914b4f01b755f86e8f2",class:"secondary"},a("slot",{key:"46dab9c71d01179bab155b26d74318f5aeac914d",name:"secondary"})),a("div",{key:"5bb2ff0dc16081eb95ad3d2261215b9c91c44591",class:"content"},"sm"!==this.breakpoint&&a("slot",{key:"652934ebe4966258b5574275f130c8ff3c108320"}),a("ix-icon-button",{key:"e43e93204884512375a5e3aa58f8942d5ffadabd",class:{"context-menu":!0,"context-menu-visible":this.hasOverflowContextMenu},"data-context-menu":!0,"data-testid":"show-more",icon:n,variant:"subtle-tertiary","aria-label":this.ariaLabelMoreMenuIconButton,"aria-hidden":h(!this.hasOverflowContextMenu)}),a("ix-dropdown",{key:"40504c3b1da650adfac72d3b599dc76826f87db3","data-overflow-dropdown":!0,class:"dropdown",discoverAllSubmenus:!0,trigger:this.resolveContextMenuButton(),"aria-hidden":h(!this.hasOverflowContextMenu),enableTopLayer:this.enableTopLayer},a("div",{key:"32354b88745e7d3abc82092508d7e239dc7cdd08",class:"dropdown-content",onClick:e=>this.onContentBgClick(e)},"sm"===this.breakpoint&&a("div",{key:"fbb40a8a3fc271d790e777e14bd0d761a2ffa9c2",class:{"slot-content":!0,"slot-content-active":this.hasSecondarySlotElements}},a("slot",{key:"8810899a0a8af80c84cbd9ea850571f851133dd1",name:"secondary",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),"sm"===this.breakpoint&&a("div",{key:"29ab95c0abfae49bfcef966e8d886989c5913667",class:{"slot-content":!0,"slot-content-active":this.hasDefaultSlotElements}},a("slot",{key:"1ba46d784afe0ec5cdc13dee3a428b78c8d8ad45",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),a("div",{key:"426357c44559b9f8e262d327f3f9e9293c3dfdee",class:{"slot-content":!0,"slot-content-active":this.hasOverflowSlotElements}},a("slot",{key:"caa7b3ba3108478d3b50c2a67d33f844f66b9891",name:"overflow",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})))),a("slot",{key:"3816f891d0c7980680d61acd9828e90e01b84e33",name:"ix-application-header-avatar"}))))}static get watchers(){return{applicationLayoutContext:[{watchApplicationLayoutContext:0}],suppressResponsive:[{watchSuppressResponsive:0}],breakpoint:[{watchBreakpoint:0}]}}};g.style=":host{display:flex;flex-wrap:nowrap;align-items:end;justify-content:space-between;position:relative;width:100%;min-height:3rem;padding-top:var(--ix-safe-area-inset-top, 0rem);padding-right:calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .left-side,:host .right-side{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;align-items:center;min-width:0;min-height:3rem;height:100%}:host .left-side{flex:0 1 auto}:host .left-side .app-icon{display:block;position:relative;width:2rem;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}:host .left-side .app-icon.app-icon-outline{outline:1px solid var(--theme-app-header-app-icon--outline-color);border-radius:0.125rem}:host .left-side .app-icon img{position:relative;display:block;width:100%;height:100%;border-radius:0.125rem}:host .left-side .app-switch{margin:0 0.625rem}:host .left-side .app-switch.without-app-icon{margin-left:0px}:host .left-side .name{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-left:0.75rem;margin-right:0.75rem;color:var(--theme-app-header--color);min-width:0;gap:0.75rem;overflow:hidden}:host .left-side .application-name,:host .left-side .application-name-suffix{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap}:host .left-side .application-name{flex:0 1 auto;min-width:0;flex-shrink:0;max-width:100%}:host .left-side .application-name-suffix{flex:1 1 auto;margin-top:0.4rem;min-width:0;flex-shrink:1;color:var(--theme-app-header-name-suffix--color)}:host .left-side .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-right:1rem;margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content}:host .left-side .logo.hide-logo{display:none}:host .right-side{flex:1 1 auto;overflow:hidden;justify-content:space-between}:host .right-side .content,:host .right-side .secondary{display:flex;position:relative;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;height:100%}:host .right-side .content{min-width:-moz-max-content;min-width:max-content}:host .right-side .secondary{overflow:hidden}:host .right-side .dropdown{overflow:visible}:host .right-side .dropdown-content>.slot-content-active{padding:0.5rem 1.5rem 0.5rem 1.5rem;border-top:none}:host .right-side .dropdown-content .slot-content-active~.slot-content-active{border-top:1px solid var(--theme-color-x-weak-bdr)}:host .right-side .context-menu{display:none}:host .right-side .context-menu.context-menu-visible{display:block;margin-left:0.5rem}:host .right-side ::slotted(ix-avatar){margin-left:0.5rem}:host .right-side .primary-navigation{align-self:end}:host .right-side.sm{justify-content:end}@media only screen and (max-width: 48em){:host .logo{margin-left:0.5rem;display:none !important}:host .content,:host .secondary,:host .app-icon{display:none}}:host(.hide-bottom-border){border-bottom:none}";export{g as ix_application_header}
+import{r as e,c as t,g as o,d as i,h as a,H as s}from"./p-EBgS4zhE.js";import{e as n,f as r}from"./p-BeX6RWvV.js";import{a as h}from"./p-DD206pTM.js";import{s as d}from"./p-BL9SR36X.js";import{a as c,A as l}from"./p-DuTDx0c-.js";import{g as p}from"./p-D_Hmobxf.js";import{m}from"./p-DT02jDB7.js";import{h as f}from"./p-BClJdFQP.js";import{a as b}from"./p-4pTtJwcY.js";import"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";const g=class{constructor(o){e(this,o),this.menuToggle=t(this,"menuToggle",7),this.openAppSwitch=t(this,"openAppSwitch",7)}get hostElement(){return o(this)}name;nameSuffix;companyLogo;companyLogoAlt;appIcon;appIconAlt;appIconOutline=!1;hideBottomBorder=!1;showMenu=!1;ariaLabelAppSwitchIconButton;ariaLabelMoreMenuIconButton;enableTopLayer=!1;menuToggle;openAppSwitch;breakpoint="lg";menuExpanded=!1;suppressResponsive=!1;hasSlottedLogo=!1;hasOverflowContextMenu=!1;hasSecondarySlotElements=!1;hasDefaultSlotElements=!1;hasOverflowSlotElements=!1;applicationLayoutContext;menuDisposable;modeDisposable;callbackUpdateAppSwitchModal;get contentBackground(){return this.hostElement.shadowRoot.querySelector(".dropdown-content")}componentWillLoad(){this.breakpoint=p(),c(this.hostElement,l,(e=>{this.breakpoint=b.breakpoint,this.applicationLayoutContext=e,this.tryUpdateAppSwitch()}),!0),this.menuDisposable=m.expandChange.on((e=>{this.menuExpanded=e})),this.modeDisposable=b.onChange.on((e=>{this.suppressResponsive||(this.breakpoint=e)})),this.updateHasSlotAssignedElementsStates()}componentDidLoad(){this.attachSiemensLogoIfLoaded()}disconnectedCallback(){this.menuDisposable?.dispose(),this.modeDisposable?.dispose()}watchApplicationLayoutContext(){this.applicationLayoutContext&&(this.showMenu=!1)}watchSuppressResponsive(){this.breakpoint="md"}watchBreakpoint(){this.updateHasSlotAssignedElementsStates()}checkLogoSlot(){const e=this.hostElement.shadowRoot.querySelector('slot[name="logo"]');if(void 0!==window.customElements.get("ix-siemens-logo"))return f(e);let t=e?.assignedElements({flatten:!0});return t=t?.filter((e=>"IX-SIEMENS-LOGO"!==e.tagName)),0!==t?.length}attachSiemensLogoIfLoaded(){if(!this.companyLogo&&!this.checkLogoSlot()){const e=document.createElement("ix-siemens-logo");e.slot="logo",this.hostElement.appendChild(e)}}async onMenuClick(){this.applicationLayoutContext?m.toggle():this.menuExpanded=!this.menuExpanded,this.menuToggle.emit(this.menuExpanded)}resolveContextMenuButton(){return new Promise((e=>i((()=>e(this.hostElement.shadowRoot.querySelector("[data-context-menu]"))))))}tryUpdateAppSwitch(){this.callbackUpdateAppSwitchModal&&this.applicationLayoutContext?.appSwitchConfig&&this.callbackUpdateAppSwitchModal(this.applicationLayoutContext?.appSwitchConfig)}async showAppSwitch(){const{defaultPrevented:e}=this.openAppSwitch.emit();e||this.applicationLayoutContext?.appSwitchConfig&&(this.callbackUpdateAppSwitchModal=await d(this.applicationLayoutContext?.appSwitchConfig))}updateHasSlotAssignedElementsStates(){const e=this.hostElement.shadowRoot.querySelector(".content slot:not([name])"),t=this.hostElement.shadowRoot.querySelector('.content slot[name="secondary"]'),o=this.hostElement.shadowRoot.querySelector('.content slot[name="overflow"]');this.hasDefaultSlotElements=f(e),this.hasSecondarySlotElements=f(t),this.hasOverflowSlotElements=f(o),this.hasOverflowContextMenu=this.hasOverflowSlotElements||"sm"===this.breakpoint&&(this.hasDefaultSlotElements||this.hasSecondarySlotElements)}onContentBgClick(e){e.target===this.contentBackground&&e.preventDefault()}render(){const e="sm"===this.breakpoint&&!1===this.suppressResponsive&&!!this.applicationLayoutContext,t=this.applicationLayoutContext?.appSwitchConfig&&"sm"!==this.breakpoint&&!1===this.suppressResponsive,o="sm"!==this.breakpoint&&!!this.companyLogo;return a(s,{key:"e748601f8379536c62fe20edf48634ec7373fdbe",class:{[`breakpoint-${this.breakpoint}`]:!0,"hide-bottom-border":this.hideBottomBorder},slot:"application-header",role:"banner"},a("div",{key:"0153872edf217449e8b7ac4eaad0b7304e44f171",class:"left-side"},this.appIcon&&"sm"!==this.breakpoint&&a("div",{key:"4934436922dca879c5ecbd8fd19379000fcea7be",class:{"app-icon":!0,"app-icon-outline":this.appIconOutline}},a("img",{key:"c253d49a3a37507daace6db886c33e899c3de9be",src:this.appIcon,alt:this.appIconAlt})),(this.showMenu||e)&&a("ix-menu-expand-icon",{key:"e4bcdb607e5f50873f0f90bc6a1bad167d8b6cbf",onClick:()=>this.onMenuClick(),expanded:this.menuExpanded}),t&&a("ix-icon-button",{key:"6de3d4401ecd71c97b0008bb8bf4142ee68aa3ac",onClick:()=>this.showAppSwitch(),icon:r,variant:"subtle-tertiary",class:{"app-switch":!0,"without-app-icon":!this.appIcon},"aria-label":this.ariaLabelAppSwitchIconButton}),o&&a("div",{key:"549e18052627c090a6ac795276cbb5ca3d44d3a4",class:"logo"},a("img",{key:"89a662b47ae47e1e2a59065bf67f9abae02aa337",src:this.companyLogo,alt:this.companyLogoAlt})),a("div",{key:"a1f5332a2abc48f3e33fff59d3b1d512b1babab7",class:{logo:!0,"hide-logo":!this.hasSlottedLogo}},a("slot",{key:"d7961a13bcd1939607fc164f38b8a037838c3546",name:"logo",onSlotchange:()=>this.hasSlottedLogo=this.checkLogoSlot()})),a("div",{key:"d8824ebba9f3e8c938581d8bc4e822383a014cd4",class:"name"},a("ix-typography",{key:"e9add4d68d6fb7748d3f660cafea9651512c06b0",format:"body-lg",class:"application-name"},this.name),this.nameSuffix&&"sm"!==this.breakpoint&&a("ix-typography",{key:"a4ff0de3510e4466b03818f4cf486e2cf6cf81fa",format:"body-xs",class:"application-name-suffix"},this.nameSuffix))),a("div",{key:"bace1c6516c55779fb03b24fa17f951d5fbd3380",class:{"right-side":!0,sm:"sm"===this.breakpoint}},"sm"!==this.breakpoint&&a("div",{key:"a16cd7e3894c90e3914f1914b4f01b755f86e8f2",class:"secondary"},a("slot",{key:"46dab9c71d01179bab155b26d74318f5aeac914d",name:"secondary"})),a("div",{key:"5bb2ff0dc16081eb95ad3d2261215b9c91c44591",class:"content"},"sm"!==this.breakpoint&&a("slot",{key:"652934ebe4966258b5574275f130c8ff3c108320"}),a("ix-icon-button",{key:"e43e93204884512375a5e3aa58f8942d5ffadabd",class:{"context-menu":!0,"context-menu-visible":this.hasOverflowContextMenu},"data-context-menu":!0,"data-testid":"show-more",icon:n,variant:"subtle-tertiary","aria-label":this.ariaLabelMoreMenuIconButton,"aria-hidden":h(!this.hasOverflowContextMenu)}),a("ix-dropdown",{key:"40504c3b1da650adfac72d3b599dc76826f87db3","data-overflow-dropdown":!0,class:"dropdown",discoverAllSubmenus:!0,trigger:this.resolveContextMenuButton(),"aria-hidden":h(!this.hasOverflowContextMenu),enableTopLayer:this.enableTopLayer},a("div",{key:"32354b88745e7d3abc82092508d7e239dc7cdd08",class:"dropdown-content",onClick:e=>this.onContentBgClick(e)},"sm"===this.breakpoint&&a("div",{key:"fbb40a8a3fc271d790e777e14bd0d761a2ffa9c2",class:{"slot-content":!0,"slot-content-active":this.hasSecondarySlotElements}},a("slot",{key:"8810899a0a8af80c84cbd9ea850571f851133dd1",name:"secondary",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),"sm"===this.breakpoint&&a("div",{key:"29ab95c0abfae49bfcef966e8d886989c5913667",class:{"slot-content":!0,"slot-content-active":this.hasDefaultSlotElements}},a("slot",{key:"1ba46d784afe0ec5cdc13dee3a428b78c8d8ad45",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})),a("div",{key:"426357c44559b9f8e262d327f3f9e9293c3dfdee",class:{"slot-content":!0,"slot-content-active":this.hasOverflowSlotElements}},a("slot",{key:"caa7b3ba3108478d3b50c2a67d33f844f66b9891",name:"overflow",onSlotchange:()=>this.updateHasSlotAssignedElementsStates()})))),a("slot",{key:"3816f891d0c7980680d61acd9828e90e01b84e33",name:"ix-application-header-avatar"}))))}static get watchers(){return{applicationLayoutContext:[{watchApplicationLayoutContext:0}],suppressResponsive:[{watchSuppressResponsive:0}],breakpoint:[{watchBreakpoint:0}]}}};g.style=":host{display:flex;flex-wrap:nowrap;align-items:end;justify-content:space-between;position:relative;width:100%;min-height:3rem;padding-top:var(--ix-safe-area-inset-top, 0rem);padding-right:calc(0.625rem + var(--ix-safe-area-inset-right, 0rem));padding-left:calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color);z-index:var(--theme-z-index-fixed)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .left-side,:host .right-side{display:flex;flex-direction:row;flex-wrap:nowrap;position:relative;align-items:center;min-width:0;min-height:3rem;height:100%}:host .left-side{flex:0 1 auto}:host .left-side .app-icon{display:block;position:relative;width:2rem;min-width:2rem;max-width:2rem;height:2rem;min-height:2rem;max-height:2rem}:host .left-side .app-icon.app-icon-outline{outline:1px solid var(--theme-app-header-app-icon--outline-color);border-radius:0.125rem}:host .left-side .app-icon img{position:relative;display:block;width:100%;height:100%;border-radius:0.125rem}:host .left-side .app-switch{margin:0 0.625rem}:host .left-side .app-switch.without-app-icon{margin-left:0px}:host .left-side .name{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-left:0.75rem;margin-right:0.75rem;color:var(--theme-app-header--color);min-width:0;gap:0.75rem;overflow:hidden}:host .left-side .application-name,:host .left-side .application-name-suffix{overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;text-wrap:nowrap}:host .left-side .application-name{flex:0 1 auto;min-width:0;flex-shrink:0;max-width:100%}:host .left-side .application-name-suffix{flex:1 1 auto;margin-top:0.4rem;min-width:0;flex-shrink:1;color:var(--theme-app-header-name-suffix--color)}:host .left-side .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color);margin-right:1rem;margin-left:1rem;min-width:-moz-fit-content;min-width:fit-content}:host .left-side .logo.hide-logo{display:none}:host .right-side{flex:1 1 auto;overflow:hidden;justify-content:space-between}:host .right-side .content,:host .right-side .secondary{display:flex;position:relative;align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;height:100%}:host .right-side .content{min-width:-moz-max-content;min-width:max-content}:host .right-side .secondary{overflow:hidden}:host .right-side .dropdown{overflow:visible}:host .right-side .dropdown-content>.slot-content-active{padding:0.5rem 1.5rem 0.5rem 1.5rem;border-top:none}:host .right-side .dropdown-content .slot-content-active~.slot-content-active{border-top:1px solid var(--theme-color-x-weak-bdr)}:host .right-side .context-menu{display:none}:host .right-side .context-menu.context-menu-visible{display:block;margin-left:0.5rem}:host .right-side ::slotted(ix-avatar){margin-left:0.5rem}:host .right-side .primary-navigation{align-self:end}:host .right-side.sm{justify-content:end}@media only screen and (max-width: 48em){:host .logo{margin-left:0.5rem;display:none !important}:host .content,:host .secondary,:host .app-icon{display:none}}:host(.hide-bottom-border){border-bottom:none}";export{g as ix_application_header}

package/dist/siemens-ix/{p-8f72a218.entry.js → p-403b7d10.entry.js}

@@ -1 +1 @@
-import{r as e,c as o,g as t,h as r,H as n}from"./p-EBgS4zhE.js";import{s as a,u as i}from"./p-DgUGsIlh.js";import{m as d}from"./p-Djkc69iv.js";import{m as l,a as s,b as h,g as c,d as b,I as p,i as u,j as m,f as v,k as y,o as f,S as x}from"./p-wfVRhTWc.js";import{H as g}from"./p-yZFaEeBW.js";import"./p-C21npbUc.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-XBTykBKS.js";let k=0;const w=class{constructor(t){e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return t(this)}formInternals;type="text";name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;maxLength;minLength;allowedCharactersPattern;suppressSubmitOnEnter=!1;textAlignment="start";valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputType="text";initialValue;inputRef=d();slotEndRef=d();slotStartRef=d();passwordToggleRef=()=>this.updatePaddings();inputId="input-"+k++;touched=!1;disposableChangesAndVisibilityObservers;updateClassMappings(e){l(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value),this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.inputRef.current&&this.touched&&c(this,this.inputRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=u(this);return r(n,{key:"39e2e23db5a53ee6b5af6be560210e134fc05972",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"11b06932337c40f4aed4ca7e472486bcc9fb443e",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"a4acff054f170436d054b1126ed983c441a4a862",class:"input-wrapper"},r(b,{key:"f5cedd24a63534c6ae89791eb13b1d130dad5123",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(p,{key:"d1b802c2c12e6bf2ef97c57c06de1e1c1ea0a81b",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onFocus:()=>v(this,this.value),onEnterKeyChange:e=>m(e,this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{f(this,this.inputRef.current,this.value),this.touched=!0},ariaAttributes:e,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(x,{key:"1546044564575e540f091b3a0b610627a06a1da2",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},"password"===this.type&&!this.disabled&&r("ix-icon-button",{key:"1f31b154f0c715c38a6e5303e458c768839b85d6",ref:this.passwordToggleRef,color:"color-weak-text",class:"password-eye",variant:"tertiary",size:"16",icon:"password"===this.inputType?a:i,onClick:()=>{this.inputType="password"!==this.inputType?"password":"text"}}))),!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"e0759b32acfe0e8e50882861ce69c9951ce8fd82",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength)))}static get formAssociated(){return!0}static get watchers(){return{type:[{updateInputType:0}]}}};(function(e,o,t,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)})([g()],w.prototype,"updateClassMappings",null),w.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}';export{w as ix_input}
+import{r as e,c as o,g as t,h as r,H as n}from"./p-EBgS4zhE.js";import{F as a,H as i}from"./p-BeX6RWvV.js";import{m as d}from"./p-Djkc69iv.js";import{m as l,a as s,b as h,g as b,d as c,I as p,i as u,j as m,f as v,k as y,o as f,S as x}from"./p-xptA1Kt1.js";import{H as g}from"./p-S-XikzrL.js";import"./p-DD206pTM.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-BqeSHO6C.js";import"./p-XBTykBKS.js";let k=0;const w=class{constructor(t){e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return t(this)}formInternals;type="text";name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;maxLength;minLength;allowedCharactersPattern;suppressSubmitOnEnter=!1;textAlignment="start";valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputType="text";initialValue;inputRef=d();slotEndRef=d();slotStartRef=d();passwordToggleRef=()=>this.updatePaddings();inputId="input-"+k++;touched=!1;disposableChangesAndVisibilityObservers;updateClassMappings(e){l(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value),this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.inputRef.current&&this.touched&&b(this,this.inputRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=u(this);return r(n,{key:"66836b5459585c8a90488d16e71d545363b10863",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"f6ecaef9149b5abad35af671fa2cfd907ef32faf",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"cd37519c24d9d9bd209a161f2dd88df0942176d4",class:"input-wrapper"},r(c,{key:"e83805660ed82fdf555d8550df9c3341be618e18",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(p,{key:"5f6dba675ee9fb00bc6b7d1a10e1ce637ee766b2",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onFocus:()=>v(this,this.value),onEnterKeyChange:e=>m(e,this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{f(this,this.inputRef.current,this.value),this.touched=!0},ariaAttributes:e,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(x,{key:"93497c9dcef9942a90b288251870cca7fa3889eb",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},"password"===this.type&&!this.disabled&&r("ix-icon-button",{key:"f0e8f7dfe18368db4327ac30e8041ad2594b5ca8",ref:this.passwordToggleRef,color:"color-weak-text",class:"password-eye",variant:"tertiary",size:"16",icon:"password"===this.inputType?a:i,onClick:()=>{this.inputType="password"!==this.inputType?"password":"text"}}))),!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"e732a774c5842487a0171b2b45454511ecfcfb8e",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength)))}static get formAssociated(){return!0}static get watchers(){return{type:[{updateInputType:0}]}}};(function(e,o,t,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)})([g()],w.prototype,"updateClassMappings",null),w.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}';export{w as ix_input}