@siemens/ix 5.1.1 → 5.2.1

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

@@ -0,0 +1 @@
+import{M as t,r as e,c as i,g as s,h as o,H as r}from"./p-EBgS4zhE.js";import{f as a,i as n,s as h,o as d,a as l,b as c,c as m}from"./p-Bxrgt3H_.js";import{a as b}from"./p-CKoABG1h.js";import{a as u}from"./p-3pidUFd-.js";import{q as p,c as g,I as w,d as v,e as f,f as k,a as x}from"./p-6ZxKp7Jn.js";import{D as y,r as E,h as C}from"./p-BWgttsqY.js";import{m as A}from"./p-Djkc69iv.js";import{r as D}from"./p-BEuV0Xpe.js";import{d as I,h as S}from"./p-BbwShqw_.js";import{a1 as T,u as j}from"./p-BeX6RWvV.js";import{a as F}from"./p-DD206pTM.js";import{C as O}from"./p-CUbYLenp.js";import{F as R}from"./p-CLxF-dX8.js";import"./p-BClJdFQP.js";import"./p-CNLoALIl.js";const z=["ix-dropdown-item","ix-select-item","ix-menu-item","ix-menu-category"],P=z.map((t=>`${t}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),L=z.map((t=>`${t}.${w}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),B=(t,e,i=P)=>e&&e.matches(i)?t.findIndex((t=>t===e)):-1;let M=0;const K=class extends(t(...y)){constructor(t){super(),e(this,t),this.showChange=i(this,"showChange",7),this.showChanged=i(this,"showChanged",7),this.experimentalRequestFocus=i(this,"experimentalRequestFocus",7),this.experimentalFocusNextElement=i(this,"experimentalFocusNextElement",7)}get hostElement(){return s(this)}suppressAutomaticPlacement=!1;show=!1;trigger;anchor;closeBehavior="both";placement="bottom-start";positioningStrategy="fixed";header;suppressTriggerVisibilityCheck=!1;disableFocusHandling=!1;disableFocusTrap=!1;enableTopLayer=!1;focusCheckedItem=!1;keyboardActivationKeys=["Home","End","ArrowDown","ArrowUp","Enter"," "];keyboardItemTriggerKeys=["Enter"," "];offset;overwriteDropdownStyle;discoverAllSubmenus=!1;ignoreRelatedSubmenu=!1;suppressOverflowBehavior=!1;focusHost;focusTrapOptions;hostRole;callbackFocusElement;showChange;showChanged;fallbackPlacement;experimentalRequestFocus;experimentalFocusNextElement;autoUpdateCleanup;dialogRef=A();intersectObserverTrigger;triggerElement;anchorElement;forwardQueryElement=null;dropdownElementId="dropdown-"+M++;assignedSubmenu=[];keyboardNavigationCleanup;focusUtilities;connectedCallback(){I.connected(this),null!=this.trigger&&this.registerListener(this.trigger)}cacheSubmenuId(t){t.stopImmediatePropagation(),t.preventDefault();const{detail:e}=t;-1===this.assignedSubmenu.indexOf(e)&&this.assignedSubmenu.push(e)}disconnectedCallback(){I.dismiss(this),I.disconnected(this),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=!0}dismiss(){this.show=!1}getId(){return this.dropdownElementId}willDismiss(){const{defaultPrevented:t}=this.showChange.emit(!1);return!t}willPresent(){const{defaultPrevented:t}=this.showChange.emit(!0);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}disposeClickListener;disposeKeyListener;toggleController(){this.isPresent()?I.dismiss(this):I.present(this),I.dismissOthers(this.getId())}onTriggerClick=t=>this.handleTriggerClick(t);handleTriggerClick(t){t.defaultPrevented||this.toggleController()}onTriggerKeydown=t=>this.handleTriggerKeydown(t);handleTriggerKeydown(t){const e=e=>D((async()=>{let i=!1;this.callbackFocusElement&&(i=await this.callbackFocusElement(t)??!1),i||v(e,void 0,{focusCheckedItem:this.focusCheckedItem})})),i=e=>D((async()=>{let i=!1;this.callbackFocusElement&&(i=await this.callbackFocusElement(t)??!1),i||f(e)}));if(("Escape"===t.key||!0===this.disableFocusTrap&&"Tab"===t.key)&&this.show)I.dismiss(this);else if(!this.show&&(this.keyboardActivationKeys??["Home","End","ArrowUp","ArrowDown"," ","Enter"]).includes(t.key)){if(this.isAnchorSubmenu())this.disableFocusHandling||(this.callbackFocusElement?this.callbackFocusElement(t):"ArrowUp"===t.key||"End"===t.key?i(this.hostElement):e(this.hostElement));else if(t.defaultPrevented||this.toggleController(),this.disableFocusHandling)t.stopImmediatePropagation(),t.preventDefault();else{if(t.altKey)return;"ArrowUp"===t.key||"End"===t.key?i(this.hostElement):e(this.hostElement)}this.experimentalRequestFocus.emit({keyEvent:t}),t.preventDefault()}}addEventListenersFor(){this.triggerElement&&(this.disposeClickListener||(this.disposeClickListener=b(this.triggerElement,"click",this.onTriggerClick)),this.disposeKeyListener||(this.disposeKeyListener=b(this.triggerElement,"keydown",this.onTriggerKeydown)),this.triggerElement?.setAttribute("data-ix-dropdown-trigger",this.dropdownElementId))}async discoverSubmenu(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:!0,composed:!0,cancelable:!0,detail:this.dropdownElementId}))}registerKeyListener(){}async registerListener(t){this.triggerElement=await this.resolveElement(t),this.triggerElement&&(this.addEventListenersFor(),this.discoverSubmenu())}addObserverForTriggerVisibility(){this.intersectObserverTrigger&&this.intersectObserverTrigger.disconnect(),this.suppressTriggerVisibilityCheck||this.triggerElement&&(this.intersectObserverTrigger=new IntersectionObserver((t=>{t.forEach((t=>{if(!t.isIntersecting)return void I.dismiss(this);const e=t.intersectionRect.top>t.boundingClientRect.top,i=t.intersectionRect.bottom<t.boundingClientRect.bottom,s=t.intersectionRect.left>t.boundingClientRect.left,o=t.intersectionRect.right<t.boundingClientRect.right;this.fallbackPlacement=void 0,e&&(this.fallbackPlacement=this.createFallbackPlacement("bottom")),i&&(this.fallbackPlacement=this.createFallbackPlacement("top")),s&&(this.fallbackPlacement=this.createFallbackPlacement("right")),o&&(this.fallbackPlacement=this.createFallbackPlacement("left"))}))}),{threshold:[0,.5,1]}),this.anchorElement&&this.intersectObserverTrigger.observe(this.anchorElement))}createFallbackPlacement(t){return`${t}-${this.placement.endsWith("-end")?"end":"start"}`}async resolveElement(t){const e=await a(t);return this.checkForSubmenuAnchor(e)}async checkForSubmenuAnchor(t){if(t)return S(t)&&((await t.getDropdownItemElement()).isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),"IX-DROPDOWN-ITEM"===t.tagName&&(t.isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),t}async resolveAnchorElement(){this.anchor?this.anchorElement=await this.resolveElement(this.anchor):this.trigger&&(this.anchorElement=await this.resolveElement(this.trigger))}async changedShow(t){if(!t)return this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="false"),this.cleanupOnHide(),void(this.enableTopLayer&&await this.hideDialog());if(await this.resolveAnchorElement(),this.registerKeyListener(),this.disableFocusHandling||this.callbackFocusElement||(this.keyboardNavigationCleanup=((t,e={})=>{const i=e.querySelector??P,s=e.activeQuerySelector??L,o=e.itemTriggerKeys??["ArrowRight","Enter"," "],r=e.getActiveElement??(()=>p(t(),s)[0]),a=e.setItemActive??(t=>(t=>{D((async()=>{let e=t;t.matches("ix-menu-category")&&(e=t.shadowRoot.querySelector(".category-parent")),e&&(g(e),D((()=>e.scrollIntoView({block:"nearest"}))))}))})(t)),n=async n=>{const h=r();let d=[];try{t().querySelectorAll("slot").length>0&&(d=Array.from(t().querySelectorAll("slot")).flatMap((t=>Array.from(t.assignedElements({flatten:!0})).flatMap((t=>t?.matches(i)?[t]:Array.from(t.querySelectorAll(i))))))),d=[...d,...Array.from(t().querySelectorAll(i))]}catch(t){}switch(e.beforeKeydown&&e.beforeKeydown(n),n.key){case"ArrowLeft":t().dispatchEvent(new CustomEvent("ix-close-submenu",{bubbles:!0,cancelable:!0}));break;case"ArrowDown":{if(n.altKey)return;n.preventDefault();const t=((t,e,i=L)=>{const s=B(t,e,i)+1;return t[s>=t.length?0:s]})(d,h,s);void 0!==t&&a(t);break}case"ArrowUp":{if(n.altKey)return;n.preventDefault();const t=((t,e,i=L)=>{const s=B(t,e,i)-1;return t[s<0?t.length-1:s]})(d,h,s);void 0!==t&&a(t);break}case"Home":{n.preventDefault();const t=d[0];void 0!==t&&a(t);break}case"End":{n.preventDefault();const t=d[d.length-1];void 0!==t&&a(t);break}case"ArrowRight":case" ":case"Enter":if(h&&h.hasAttribute("data-ix-dropdown-trigger")){const t=new CustomEvent("ix-open-submenu",{bubbles:!0,cancelable:!0,detail:{activeElement:h}});return void h.dispatchEvent(t)}}o.includes(n.key)&&e.onItemActivation?.(n,h)},h=(e.getEventListenerTarget??(()=>t()))();return h.addEventListener("keydown",n),()=>h.removeEventListener("keydown",n)})((()=>this.forwardQueryElement??this.focusHost??this.hostElement),{getEventListenerTarget:()=>this.triggerElement??this.anchorElement,onItemActivation:(t,e)=>{t.preventDefault(),e?.click()},itemTriggerKeys:this.keyboardItemTriggerKeys})),this.disableFocusTrap||u(this.focusHost??this.hostElement,this.focusTrapOptions).then((t=>{this.focusUtilities=t})),this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="true"),this.enableTopLayer){const t=await this.dialogRef.waitForCurrent();if(!t)return;t.showPopover()}this.addObserverForTriggerVisibility(),this.applyDropdownPosition()}async emitShowChanged(t){D((()=>this.showChanged.emit(t)))}changedTrigger(t,e){t&&t!==e&&(this.disposeClickListener?.(),this.disposeClickListener=void 0,this.disposeKeyListener?.(),this.disposeKeyListener=void 0),this.registerListener(t)}applyFallbackPosition(t){D((()=>{const e=(this.hostElement.parentElement||this.hostElement).getBoundingClientRect(),i=`translate(${Math.round(e.left)}px, ${Math.round(e.top)}px)`;Object.assign(t.style,{top:"0",left:"0",transform:i})}))}async hideDialog(){const t=await this.dialogRef.waitForCurrent();t?.matches(":popover-open")&&t.hidePopover()}cleanupOnHide(){this.intersectObserverTrigger?.disconnect(),this.destroyAutoUpdate(),this.keyboardNavigationCleanup?.(),this.focusUtilities?.destroy(),this.resetForwardQueryElement(),E(),!this.disableFocusTrap&&C()&&D((()=>{this.triggerElement?.focus()}))}destroyAutoUpdate(){this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}isAnchorSubmenu(){return!!S(this.anchorElement)||!!this.anchorElement?.closest("ix-dropdown-item")}async applyDropdownPosition(){const t=this.enableTopLayer?await this.dialogRef.waitForCurrent():this.hostElement;if(!this.show)return;if(!t)return;if(!this.anchorElement)return void this.applyFallbackPosition(t);const e=this.anchorElement,i=this.isAnchorSubmenu();let s=this.positioningStrategy;this.enableTopLayer&&(s="fixed");let o={strategy:s,middleware:[]};this.suppressAutomaticPlacement||o.middleware?.push(c({fallbackStrategy:"initialPlacement"}));let r=this.placement;!1===this.suppressTriggerVisibilityCheck&&this.fallbackPlacement&&(r=this.fallbackPlacement),o.placement=i?"right-start":r,o.middleware=[...o.middleware?.filter(Boolean)||[],n(),h()],this.offset&&o.middleware.push(d(this.offset)),this.destroyAutoUpdate(),this.autoUpdateCleanup=l(e,t,(async()=>{const i=await m(e,t,o);if(this.hostElement.dataset.ixDropdownPlacement=i.placement,Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(i.x)}px,${Math.round(i.y)}px)`}),this.overwriteDropdownStyle){const e=await this.overwriteDropdownStyle({dropdownRef:t,triggerRef:this.triggerElement});Object.assign(t.style,e)}}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}async componentDidLoad(){this.trigger&&this.changedTrigger(this.trigger,void 0)}async componentDidRender(){await this.applyDropdownPosition(),await this.resolveAnchorElement()}isTriggerElement(t){return!!t.hasAttribute("data-ix-dropdown-trigger")}onDropdownClick(t){const e=I.pathIncludesTrigger(t.composedPath());e&&(e!==this.triggerElement&&t.preventDefault(),this.isTriggerElement(e))?"outside"===this.closeBehavior&&t.preventDefault():t.defaultPrevented||"inside"!==this.closeBehavior&&"both"!==this.closeBehavior?I.dismissOthers(this.getId()):I.dismissAll([this.getId()],this.ignoreRelatedSubmenu)}async updatePosition(){this.applyDropdownPosition()}openSubmenu(t){const e=this.getAssignedSubmenuIds();if(0===e.length)return;const i=I.getDropdownById(e[0]);i&&(t.detail.activeElement.classList.add("ix-dropdown-submenu-trigger-active"),I.present(i),this.forwardQueryElement=i.hostElement,D((()=>{v(i.hostElement)})))}closeSubmenu(){const t=I.getParentDropdownId(this.getId());if(t){const e=I.getDropdownById(t),i=p(e?.hostElement,".ix-dropdown-submenu-trigger-active");if(I.dismissChildren(t),e&&i.length>0){const t=i[0];t.classList.remove("ix-dropdown-submenu-trigger-active"),e.hostElement.resetForwardQueryElement(),D((()=>{k(t,e.hostElement)}))}}}async resetForwardQueryElement(){this.forwardQueryElement=null}render(){const t={};return this.triggerElement&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName?(t["aria-labelledby"]=this.triggerElement.id,t["aria-owns"]=this.triggerElement.id,t.role="menu"):this.hostRole&&(t.role=this.hostRole),o(r,{key:"6f04440b82a4d0f62e2f15932a30a68107b988ec",...t,"aria-modal":"true","data-ix-dropdown":this.dropdownElementId,"data-ix-focus-trap":!0,class:{"dropdown-menu":!0,show:this.show,overflow:!this.suppressOverflowBehavior&&!this.enableTopLayer},style:this.enableTopLayer?{}:{margin:"0",minWidth:"0px",position:this.positioningStrategy},onClick:t=>this.onDropdownClick(t)},this.enableTopLayer?o("dialog",{role:"presentation",ref:this.dialogRef,class:{dialog:!0,overflow:!this.suppressOverflowBehavior},popover:"manual",tabindex:-1,onClick:t=>this.onDropdownClick(t)},o("div",{class:"dropdown-container"},this.header&&o("div",{class:"dropdown-header"},this.header),this.show&&o("slot",null))):o("div",{style:{display:"contents"},role:"presentation"},this.header&&o("div",{class:"dropdown-header"},this.header),this.show&&o("slot",null)))}static get watchers(){return{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}}};K.style=":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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 .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none !important}.dialog{margin:0;border:none;outline:none;padding:0.25rem 0px;min-width:0;max-width:100vw;width:-moz-max-content;width:max-content;height:-moz-fit-content;height:fit-content;background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);box-shadow:var(--theme-shadow-4);overflow-x:visible;overflow-y:visible;inset:unset;color-scheme:inherit;color:var(--theme-color-std-text);box-sizing:border-box}.dialog *,.dialog *::after,.dialog *::before{box-sizing:border-box}.dialog .dropdown-container{display:block;position:relative}.dialog .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dialog.overflow{max-height:calc(50vh - 3rem);overflow-y:auto}";const U=class extends(t(...y,O,R)){constructor(t){super(),e(this,t),this.itemClick=i(this,"itemClick",7)}get hostElement(){return s(this)}label;icon;ariaLabelIcon;ariaLabelButton;hover=!1;disabled=!1;checked=!1;itemRole="menuitem";isSubMenu=!1;suppressChecked=!1;hasVisualFocus=!1;itemClick;async emitItemClick(){this.itemClick.emit(this.hostElement)}async getDropdownItemElement(){return this.hostElement}isIconOnly(){return void 0===this.label&&""===this.hostElement.innerText&&void 0!==this.icon}render(){const t=this.getHostElementId();let e={};return this.isSubMenu&&(e={"aria-haspopup":"menu","aria-expanded":"false"}),o(r,{key:"f1c9bb57644764f6787c20fb7fe12e8d2e757d8c",id:t,role:this.itemRole,"aria-disabled":F(this.disabled),"aria-label":this.hostElement.ariaLabel??this.ariaLabelButton,class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu,[x]:!this.disabled,"outline-visible":this.hasVisualFocus},onClick:()=>{this.disabled||this.emitItemClick()},onKeyDown:t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||this.emitItemClick()},...e},o("div",{key:"7b2bba29e4d206d6bcd3698c86a614b7c89040f4",class:{"dropdown-item":!0,"no-checked-field":this.suppressChecked,disabled:this.disabled}},this.suppressChecked?null:o("div",{class:"dropdown-item-checked"},this.checked?o("ix-icon",{"aria-hidden":"true",class:"checkmark",name:T,size:"16"}):null),this.icon?o("ix-icon",{class:"dropdown-item-icon",name:this.icon,"aria-label":this.ariaLabelIcon}):null,o("div",{key:"9e7eaec28999e3d461e1cef864de78430e79687e",class:"dropdown-item-text"},this.label,o("slot",{key:"9995e3e812948823f2d0bcfc81522626d550a0bd"})),o("div",{key:"dd1f0367cf02891353a150b5b93eb7408435a0c9",class:"dropdown-item-end"},o("slot",{key:"86e9ad8d4950f020309abad73c151038bf3344c2",name:"end"}),this.isSubMenu?o("ix-icon",{name:j,class:"submenu-icon"}):null)))}static get watchers(){return{ixFocusVisible:[{$internal_checkAriaSelected:0}]}}};U.style=":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}: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 .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .dropdown-item-end{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}:host(:focus-visible){outline:none}:host(:focus-visible) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.ix-focused){outline:none}:host(.ix-focused) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.outline-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:-0.0625rem}:host([hidden]){display:none !important}";export{K as ix_dropdown,U as ix_dropdown_item}

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

@@ -0,0 +1 @@
+import{r as i,c as t,g as o,h as a,H as e}from"./p-EBgS4zhE.js";import{a as s}from"./p-DhE1t8Qh.js";import{b as n,a as l}from"./p-DD206pTM.js";import{A as r}from"./p-BqeSHO6C.js";import{t as d}from"./p-6ZxKp7Jn.js";import{I as h}from"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";const c=class{constructor(o){i(this,o),this.dialogClose=t(this,"dialogClose",7),this.dialogDismiss=t(this,"dialogDismiss",7)}ariaAttributes={};isMouseDownInsideDialog=!1;get hostElement(){return o(this)}size="360";disableAnimation=!1;hideBackdrop=!1;closeOnBackdropClick=!1;beforeDismiss;centered=!1;isNonBlocking=!1;dialogClose;dialogDismiss;modalVisible=!1;get dialog(){return this.hostElement.shadowRoot.querySelector("dialog")}getDialogElement(){const i=this.dialog;if(!i)throw new Error("Modal dialog element not found");return i}slideInModal(){const i=this.getDialogElement();i.classList.remove("modal-open-settled");const t=this.disableAnimation?0:r.mediumTime,o=()=>i.classList.add("modal-open-settled");s(i,{duration:t,opacity:[0,1],translateY:this.centered?["-90%","-50%"]:[0,40],translateX:["-50%","-50%"],easing:"easeOutSine",complete:o}),0===t&&o()}slideOutModal(i){const t=this.getDialogElement();t.classList.remove("modal-open-settled"),s(t,{duration:this.disableAnimation?0:r.mediumTime,opacity:[1,0],translateY:this.centered?["-50%","-90%"]:[40,0],translateX:["-50%","-50%"],easing:"easeInSine",complete:()=>{i&&i()}})}closeDialog(i,t,o){this.slideOutModal((()=>{this.modalVisible=!1,this.getDialogElement().close(JSON.stringify({type:i,reason:t},null,2)),o.emit(t)}))}isInsideDialog(i){if(!this.dialog)return!1;if(!i.composedPath().includes(this.dialog))return!1;if(i.target!==this.dialog)return!0;const t=this.dialog.getBoundingClientRect(),{clientX:o,clientY:a}=i;return o>=t.left&&o<=t.right&&a>=t.top&&a<=t.bottom}onMouseDown(i){this.isMouseDownInsideDialog=this.isInsideDialog(i)}onMouseUp(i){const t=this.isInsideDialog(i);!this.closeOnBackdropClick||this.isNonBlocking||this.isMouseDownInsideDialog||t||this.dismissModal()}async scheduleInitialAutofocus(){await new Promise((i=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{const t=this.hostElement.querySelector(h);t&&d(t,{focusVisible:!0}),i()}))}))}))}async showModal(){try{const i=await function(i,t,o=3e3){return new Promise(((a,e)=>{const s=Date.now(),n=()=>{const l=t.querySelector(i);l?a(l):Date.now()-s<o?setTimeout(n):e()};n()}))}("dialog",this.hostElement.shadowRoot);this.modalVisible=!0,this.isNonBlocking?i.show():i.showModal(),this.slideInModal(),await this.scheduleInitialAutofocus()}catch{console.error("HTMLDialogElement not existing")}}async dismissModal(i){if(!this.modalVisible)return;let t=!0;void 0!==this.beforeDismiss&&(t=await this.beforeDismiss(i)),t&&this.closeDialog("dismiss",i,this.dialogDismiss)}async closeModal(i){this.modalVisible&&this.closeDialog("close",i,this.dialogClose)}componentWillLoad(){this.ariaAttributes=n(this.hostElement)}render(){return a(e,{key:"2180a5dec01b447918c6a62820ebdebb32bbfb69",class:{visible:this.modalVisible,"no-backdrop":this.hideBackdrop,"align-center":this.centered,"non-blocking":this.isNonBlocking}},a("div",{key:"132b7e41099bf050a6f1fc5a212b836c7be4ac1e",class:"dialog-backdrop"},a("dialog",{key:"07ade6cf27df03233bd1755f2a7fc427e28c6a78","aria-modal":l(!this.isNonBlocking),"aria-describedby":this.ariaAttributes["aria-describedby"],"aria-labelledby":this.ariaAttributes["aria-labelledby"],class:{modal:!0,[`modal-size-${this.size}`]:!0},onClose:()=>this.dismissModal(),onMouseDown:i=>this.onMouseDown(i),onMouseUp:i=>this.onMouseUp(i),onKeyDown:i=>{this.isNonBlocking&&"Escape"===i.key&&(i.preventDefault(),this.dismissModal())},onCancel:i=>{i.preventDefault(),this.dismissModal()}},a("slot",{key:"09b7b0f877ce103d4af3f10e1c774b19c1201322"}))))}};c.style="::backdrop{background:var(--theme-color-lightbox, rgba(0, 0, 0, 0.5490196078))}:focus-visible{outline:none !important}:host{display:none}:host dialog{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}:host .modal{display:flex;flex-direction:column;position:fixed;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all;overflow-wrap:break-word}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .modal-size-full-screen{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc(     var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)   );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}:host dialog.modal-size-full-screen::backdrop{background:var(--theme-modal--background)}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}:host ::slotted(ix-modal-footer){margin-top:auto}:host(.visible){display:block}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop,:host(.non-blocking) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:3rem}";export{c as ix_modal}

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

@@ -0,0 +1 @@
+import{r as e,c,g as o,h as r,F as h,H as d}from"./p-EBgS4zhE.js";import{a as t}from"./p-DD206pTM.js";import{m as b}from"./p-Djkc69iv.js";import{a}from"./p-BClJdFQP.js";import{H as k}from"./p-S-XikzrL.js";import"./p-XBTykBKS.js";const i=class{constructor(o){e(this,o),this.checkedChange=c(this,"checkedChange",7),this.valueChange=c(this,"valueChange",7),this.ixBlur=c(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="on";label;checked=!1;disabled=!1;indeterminate=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;hasDefaultSlotElements=!1;defaultSlotElement;inputRef=b((e=>{e.checked=this.checked}));setCheckedState(e){this.checked=e,this.checkedChange.emit(this.checked)}onCheckedChange(){this.touched=!0,this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}componentWillLoad(){this.updateFormInternalValue()}componentDidLoad(){this.updateDefaultSlotElements()}updateDefaultSlotElements(){this.hasDefaultSlotElements=a(this.defaultSlotElement)}get isLabelLess(){return!this.label&&!this.hasDefaultSlotElements}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}renderCheckmark(){return r("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},this.indeterminate&&r(h,null,r("rect",{width:"18",height:"18",fill:"transparent"}),r("rect",{x:"3",y:"8",width:"12",height:"2",fill:"var(--ix-checkbox-check-color)"})),this.checked&&r("path",{d:"M3.65625 8.15625L8.4375 12.9375L14.625 3.9375",stroke:"var(--ix-checkbox-check-color)","stroke-width":"2"}))}render(){return r(d,{key:"05fdc1eb3f6a434211e126fb459e436c468476f8","aria-checked":t(this.checked),"aria-disabled":t(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate,"label-less":this.isLabelLess},onFocus:()=>this.touched=!0,onBlur:()=>this.ixBlur.emit()},r("label",{key:"5744fe6dba111b58198ba38de30d376444721edb"},r("input",{key:"45bd0ed2504a239e6ffe363d1129b3932eab9080","aria-checked":t(this.checked),required:this.required,disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),r("div",{key:"64a0a64c6852864c9fb740760998fd56fbd44f91",class:"checkbox-button"},r("button",{key:"8d61df6001508ca11db0befd17e2e481f69645bf",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark())),r("ix-typography",{key:"20a3e1dee55ba2d6920450b7cb257588ebbc405d",format:"label",textColor:this.disabled?"weak":"std"},this.label,r("slot",{key:"2741ee937a1351059df0bcc0a5923053e771f01f",onSlotchange:()=>this.updateDefaultSlotElements(),ref:e=>this.defaultSlotElement=e}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}};(function(e,c,o,r){var h,d=arguments.length,t=d<3?c:null===r?r=Object.getOwnPropertyDescriptor(c,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,c,o,r);else for(var b=e.length-1;b>=0;b--)(h=e[b])&&(t=(d<3?h(t):d>3?h(c,o,t):h(c,o))||t);d>3&&t&&Object.defineProperty(c,o,t)})([k()],i.prototype,"updateClassMappings",null),i.style=":host{--ix-checkbox-check-color:var(--theme-color-primary--contrast);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 .checkbox-button{height:1.5rem;width:1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}:host button{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}:host button:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}:host input[type=checkbox]{display:none}:host label{display:flex;justify-content:flex-start;align-items:center;gap:var(--theme-space-0);width:100%;height:100%;cursor:pointer}:host(.label-less) ix-typography{display:none}:host button{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.checked) button,:host(.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.checked:hover) button,:host(.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.checked:active) button,:host(.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host(.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-info) button{--theme-checkbox-unchecked--background:var(     --theme-checkbox-unchecked--background--info   );--theme-checkbox-unchecked--background--hover:var(     --theme-checkbox-unchecked--background--info--hover   );--theme-checkbox-unchecked--background--active:var(     --theme-checkbox-unchecked--background--info--active   );--theme-checkbox-unchecked--border-color:var(     --theme-checkbox-unchecked--border-color--info   );--theme-checkbox-unchecked--border-color--hover:var(     --theme-checkbox-unchecked--border-color--info--hover   );--theme-checkbox-unchecked--border-color--active:var(     --theme-checkbox-unchecked--border-color--info--active   );--theme-checkbox-checked--background:var(     --theme-checkbox-checked--background--info   );--theme-checkbox-checked--background--hover:var(     --theme-checkbox-checked--background--info--hover   );--theme-checkbox-checked--background--active:var(     --theme-checkbox-checked--background--info--active   );--theme-checkbox-checked--border-color:var(     --theme-checkbox-checked--border-color--info   );--theme-checkbox-checked--border-color--hover:var(     --theme-checkbox-checked--border-color--info--hover   );--theme-checkbox-checked--border-color--active:var(     --theme-checkbox-checked--border-color--info--active   );--theme-checkbox-mixed--background:var(     --theme-checkbox-mixed--background--info   );--theme-checkbox-mixed--background--hover:var(     --theme-checkbox-mixed--background--info--hover   );--theme-checkbox-mixed--background--active:var(     --theme-checkbox-mixed--background--info--active   );--theme-checkbox-mixed--border-color:var(     --theme-checkbox-mixed--border-color--info   );--theme-checkbox-mixed--border-color--hover:var(     --theme-checkbox-mixed--border-color--info--hover   );--theme-checkbox-mixed--border-color--active:var(     --theme-checkbox-mixed--border-color--info--active   );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-warning) button{--theme-checkbox-unchecked--background:var(     --theme-checkbox-unchecked--background--warning   );--theme-checkbox-unchecked--background--hover:var(     --theme-checkbox-unchecked--background--warning--hover   );--theme-checkbox-unchecked--background--active:var(     --theme-checkbox-unchecked--background--warning--active   );--theme-checkbox-unchecked--border-color:var(     --theme-checkbox-unchecked--border-color--warning   );--theme-checkbox-unchecked--border-color--hover:var(     --theme-checkbox-unchecked--border-color--warning--hover   );--theme-checkbox-unchecked--border-color--active:var(     --theme-checkbox-unchecked--border-color--warning--active   );--theme-checkbox-checked--background:var(     --theme-checkbox-checked--background--warning   );--theme-checkbox-checked--background--hover:var(     --theme-checkbox-checked--background--warning--hover   );--theme-checkbox-checked--background--active:var(     --theme-checkbox-checked--background--warning--active   );--theme-checkbox-checked--border-color:var(     --theme-checkbox-checked--border-color--warning   );--theme-checkbox-checked--border-color--hover:var(     --theme-checkbox-checked--border-color--warning--hover   );--theme-checkbox-checked--border-color--active:var(     --theme-checkbox-checked--border-color--warning--active   );--theme-checkbox-mixed--background:var(     --theme-checkbox-mixed--background--warning   );--theme-checkbox-mixed--background--hover:var(     --theme-checkbox-mixed--background--warning--hover   );--theme-checkbox-mixed--background--active:var(     --theme-checkbox-mixed--background--warning--active   );--theme-checkbox-mixed--border-color:var(     --theme-checkbox-mixed--border-color--warning   );--theme-checkbox-mixed--border-color--hover:var(     --theme-checkbox-mixed--border-color--warning--hover   );--theme-checkbox-mixed--border-color--active:var(     --theme-checkbox-mixed--border-color--warning--active   );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid--required) button{--theme-checkbox-unchecked--background:var(     --theme-checkbox-unchecked--background--invalid   );--theme-checkbox-unchecked--background--hover:var(     --theme-checkbox-unchecked--background--invalid--hover   );--theme-checkbox-unchecked--background--active:var(     --theme-checkbox-unchecked--background--invalid--active   );--theme-checkbox-unchecked--border-color:var(     --theme-checkbox-unchecked--border-color--invalid   );--theme-checkbox-unchecked--border-color--hover:var(     --theme-checkbox-unchecked--border-color--invalid--hover   );--theme-checkbox-unchecked--border-color--active:var(     --theme-checkbox-unchecked--border-color--invalid--active   );--theme-checkbox-checked--background:var(     --theme-checkbox-checked--background--invalid   );--theme-checkbox-checked--background--hover:var(     --theme-checkbox-checked--background--invalid--hover   );--theme-checkbox-checked--background--active:var(     --theme-checkbox-checked--background--invalid--active   );--theme-checkbox-checked--border-color:var(     --theme-checkbox-checked--border-color--invalid   );--theme-checkbox-checked--border-color--hover:var(     --theme-checkbox-checked--border-color--invalid--hover   );--theme-checkbox-checked--border-color--active:var(     --theme-checkbox-checked--border-color--invalid--active   );--theme-checkbox-mixed--background:var(     --theme-checkbox-mixed--background--invalid   );--theme-checkbox-mixed--background--hover:var(     --theme-checkbox-mixed--background--invalid--hover   );--theme-checkbox-mixed--background--active:var(     --theme-checkbox-mixed--background--invalid--active   );--theme-checkbox-mixed--border-color:var(     --theme-checkbox-mixed--border-color--invalid   );--theme-checkbox-mixed--border-color--hover:var(     --theme-checkbox-mixed--border-color--invalid--hover   );--theme-checkbox-mixed--border-color--active:var(     --theme-checkbox-mixed--border-color--invalid--active   );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid) button{--theme-checkbox-unchecked--background:var(     --theme-checkbox-unchecked--background--invalid   );--theme-checkbox-unchecked--background--hover:var(     --theme-checkbox-unchecked--background--invalid--hover   );--theme-checkbox-unchecked--background--active:var(     --theme-checkbox-unchecked--background--invalid--active   );--theme-checkbox-unchecked--border-color:var(     --theme-checkbox-unchecked--border-color--invalid   );--theme-checkbox-unchecked--border-color--hover:var(     --theme-checkbox-unchecked--border-color--invalid--hover   );--theme-checkbox-unchecked--border-color--active:var(     --theme-checkbox-unchecked--border-color--invalid--active   );--theme-checkbox-checked--background:var(     --theme-checkbox-checked--background--invalid   );--theme-checkbox-checked--background--hover:var(     --theme-checkbox-checked--background--invalid--hover   );--theme-checkbox-checked--background--active:var(     --theme-checkbox-checked--background--invalid--active   );--theme-checkbox-checked--border-color:var(     --theme-checkbox-checked--border-color--invalid   );--theme-checkbox-checked--border-color--hover:var(     --theme-checkbox-checked--border-color--invalid--hover   );--theme-checkbox-checked--border-color--active:var(     --theme-checkbox-checked--border-color--invalid--active   );--theme-checkbox-mixed--background:var(     --theme-checkbox-mixed--background--invalid   );--theme-checkbox-mixed--background--hover:var(     --theme-checkbox-mixed--background--invalid--hover   );--theme-checkbox-mixed--background--active:var(     --theme-checkbox-mixed--background--invalid--active   );--theme-checkbox-mixed--border-color:var(     --theme-checkbox-mixed--border-color--invalid   );--theme-checkbox-mixed--border-color--hover:var(     --theme-checkbox-mixed--border-color--invalid--hover   );--theme-checkbox-mixed--border-color--active:var(     --theme-checkbox-mixed--border-color--invalid--active   );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.disabled){pointer-events:none}:host(.disabled) button,:host(.disabled) label,:host(.disabled) input{pointer-events:none}";export{i as ix_checkbox}

package/dist/siemens-ix/{p-b7570885.entry.js → p-ea3b4ad4.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,g as o,f as s,h as i,H as a}from"./p-EBgS4zhE.js";import{y as n}from"./p-DgUGsIlh.js";const r=class{constructor(o){t(this,o),this.tabChange=e(this,"tabChange",7),this.close=e(this,"close",7)}get hostElement(){return o(this)}suppressLegacyTabs=!1;activeTabKey;label="Settings";ariaLabelCloseButton="Close Settings";show=!1;tabChange;close;itemsObserver;get items(){return Array.from(this.hostElement.querySelectorAll("ix-menu-settings-item"))}componentWillLoad(){this.itemsObserver=new MutationObserver((()=>this.onItemsChange())),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.onItemsChange()}disconnectedCallback(){this.itemsObserver?.disconnect()}onItemsChange(){this.suppressLegacyTabs||void 0===this.activeTabKey&&this.items.length>0&&(this.activeTabKey=this.items[0].tabKey)}handleLabelChange(){this.suppressLegacyTabs||s(this)}render(){return i(a,{key:"64e54666ce3cbe2673deb203de0a1ca5cd79a784",slot:"ix-menu-settings",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"11b48733718704c04e86ba7c5ffcf62122a8a0f7",class:"settings-header"},i("h2",{key:"356d053dcc9d393bb9eb5d369778347f4042d7f6",class:"text-h2"},this.label),i("ix-icon-button",{key:"29755f5ecc2ff8539985662e4a6d3143984b5618",variant:"tertiary",size:"24",icon:n,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseButton,onClick:t=>this.close.emit({name:"ix-menu-settings",nativeEvent:t})})),this.suppressLegacyTabs?i("slot",null):i("ix-tab-set",null,i("ix-tabs",{activeTabKey:this.activeTabKey},this.items.map((({label:t,tabKey:e})=>i("ix-tab-item",{tabKey:e,selected:e===this.activeTabKey,label:t})))),i("slot",null)))}};r.style=".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,: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 .settings-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .settings-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}";export{r as ix_menu_settings}
+import{r as t,c as e,g as o,f as s,h as i,H as a}from"./p-EBgS4zhE.js";import{K as n}from"./p-BeX6RWvV.js";const r=class{constructor(o){t(this,o),this.tabChange=e(this,"tabChange",7),this.close=e(this,"close",7)}get hostElement(){return o(this)}suppressLegacyTabs=!1;activeTabKey;label="Settings";ariaLabelCloseButton="Close Settings";show=!1;tabChange;close;itemsObserver;get items(){return Array.from(this.hostElement.querySelectorAll("ix-menu-settings-item"))}componentWillLoad(){this.itemsObserver=new MutationObserver((()=>this.onItemsChange())),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.onItemsChange()}disconnectedCallback(){this.itemsObserver?.disconnect()}onItemsChange(){this.suppressLegacyTabs||void 0===this.activeTabKey&&this.items.length>0&&(this.activeTabKey=this.items[0].tabKey)}handleLabelChange(){this.suppressLegacyTabs||s(this)}render(){return i(a,{key:"41ccd73336c9313b9a5c4aa47715541e2fb1d9de",slot:"ix-menu-settings",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"c42d560569ed349e61c7be56b4489ac6c0cb3547",class:"settings-header"},i("h2",{key:"795f068e78d63e780e1aea8e989996f4b9806758",class:"text-h2"},this.label),i("ix-icon-button",{key:"0fc5b175f9ca2b9bc5d9ebf022144c9aef29d9c3",variant:"tertiary",size:"24",icon:n,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseButton,onClick:t=>this.close.emit({name:"ix-menu-settings",nativeEvent:t})})),this.suppressLegacyTabs?i("slot",null):i("ix-tab-set",null,i("ix-tabs",{activeTabKey:this.activeTabKey},this.items.map((({label:t,tabKey:e})=>i("ix-tab-item",{tabKey:e,selected:e===this.activeTabKey,label:t})))),i("slot",null)))}};r.style=".text-xs{font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-s{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-caption-single{font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-default-title-single{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-l-title-single{font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-h2{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.text-xl{font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host *,: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 .settings-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .settings-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}";export{r as ix_menu_settings}

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

@@ -0,0 +1 @@
+import{M as t,r as e,g as r,h as s,H as i}from"./p-EBgS4zhE.js";import{W as o}from"./p-BeX6RWvV.js";import{i as a,a as n}from"./p-XBTykBKS.js";import{D as l,h}from"./p-BWgttsqY.js";import{r as d}from"./p-BEuV0Xpe.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const c=class extends(t(...l)){constructor(t){super(),e(this,t)}get hostElement(){return r(this)}type;hideArrow=!1;observeElements;hasLabel=!1;elements;warnInDev(t,e){}componentWillLoad(){this.observeElements=new MutationObserver((()=>{this.validateRangeElements()})),this.observeElements.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.validateRangeElements()}disconnectedCallback(){this.observeElements?.disconnect()}validateRangeElements(){if(!this.type)throw new Error("Input range type is not specified.");const t=this.hostElement?.children;if(!t)return;if(2!==t?.length)throw new Error("Input range must have exactly two child elements.");let e=!1;if("time-range"===this.type?e=Array.from(t).every((t=>"ix-time-input"===t.tagName.toLowerCase())):"date-range"===this.type?e=Array.from(t).every((t=>"ix-date-input"===t.tagName.toLowerCase())):"datetime-range"===this.type&&(e=Array.from(t).every((t=>"ix-datetime-input"===t.tagName.toLowerCase()))),!e)throw new Error(`Input range elements are not valid for the specified type (type=${this.type}). Current elements: ${Array.from(t).map((t=>t.tagName.toLowerCase())).join(", ")}`);this.elements=Array.from(t),this.hasLabel=this.elements.some((t=>!!t.label)),this.hasLabel&&this.elements.forEach((t=>{t.label?t.classList.remove("fallback-label-margin"):t.classList.add("fallback-label-margin")}))}async onValueChange(t){if(!this.elements)return;const[e,r]=this.elements;if(h())return;if(!t.detail||t.target!==e)return;if(!a(e))return void this.warnInDev("First element is not an input field component.",e);if(!a(r))return void this.warnInDev("Second element is not an input field component.",r);const s=await r.getNativeInputElement();s?.focus(),n(r)?d((()=>r.openPicker())):this.warnInDev("Second element is not an input field with picker component.",r)}render(){return s(i,{key:"39e0e73fb8615f11206cf7e9d296d3ec5c671017",class:{"hide-arrow":this.hideArrow},role:"group"},!this.hideArrow&&s("ix-icon",{key:"df1a75792a9d184e1e705fd2a93ffbc8068ce8d6","aria-hidden":"true",class:{"range-delimiter":!0,"has-label":this.hasLabel},name:o}),s("slot",{key:"8019b4ace67118363d86d719e3545419ddbad975"}))}};c.style=":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{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}";export{c as ix_range_field}

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

@@ -0,0 +1 @@
+import{r,g as a,h as o,H as e}from"./p-EBgS4zhE.js";const c=class{constructor(a){r(this,a)}get hostElement(){return a(this)}variant="outline";selected=!1;passive=!1;render(){return o(e,{key:"15a5290b3c7e7741e0ffd7c3447e115361e6207b",class:{selected:this.selected,[`card-${this.variant}`]:!0,passive:this.passive}},o("div",{key:"57d26d3803b3fd0073a757763f9d1fac16c7aca8",class:"card-content"},o("slot",{key:"552d0ac9710be3f27163e21044257a02a40ef7a5"})),o("div",{key:"81c426f0602f0004967ded8e1fc148db6fd252b1",class:"card-footer"},o("slot",{key:"8905cdb307be920a456a74991dbfd2b4c278f5b0",name:"card-accordion"})))}};c.style=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}: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 .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var(     --theme-card-outline--border-color--selected   );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var(     --theme-card-filled--border-color--selected   );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var(     --theme-card-alarm--border-color--selected   );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var(     --theme-card-critical--border-color--selected   );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var(     --theme-card-warning--border-color--selected   );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var(     --theme-card-success--border-color--selected   );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var(     --theme-card-info--border-color--selected   );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var(     --theme-card-neutral--border-color--selected   );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var(     --theme-card-primary--border-color--selected   );--ix-card-background:var(--theme-card-primary--background--selected)}:host(.passive){cursor:default}:host(.passive.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color)}:host(.passive.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color)}:host(.passive.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color)}:host(.passive.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color)}:host(.passive.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color)}:host(.passive.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color)}:host(.passive.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color)}:host(.passive.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color)}:host(.passive.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color)}";const d=class{constructor(a){r(this,a)}render(){return o(e,{key:"4c2a84698ddf61f4184e993456d79b07550dc042"},o("div",{key:"5ec46b0774b98ba160e327b476cfdec7eefcde53",class:"content-wrapper"},o("slot",{key:"301740b685022b62e8d45eb236c926992158fa49"})))}};d.style=":host{display:flex;padding:1rem;height:100%;overflow:hidden}: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 .content-wrapper{box-sizing:border-box;height:100%;width:100%;overflow:hidden;gap:0.5rem;display:flex;flex-direction:column;align-items:flex-start}";export{c as ix_card,d as ix_card_content}

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

@@ -0,0 +1 @@
+import{r as t,h as e,H as s}from"./p-EBgS4zhE.js";const a=class{constructor(e){t(this,e)}itemName;render(){const t={};return t["grid-area"]=this.itemName,e(s,{key:"4b9b2bded16014b694a78359c5591ad26098af76",style:t},e("slot",{key:"1311fdee7e255ae712cea4ca5b94a4c27ab4b3cf"}))}};a.style=":host{display:block;position:relative}:host ::slotted(*){height:100%;width:100%}";export{a as ix_css_grid_item}

package/dist/siemens-ix/{p-ac804eb2.entry.js → p-f4d8f94b.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,g as e,h as s,H as o}from"./p-EBgS4zhE.js";import{d as h}from"./p-BbwShqw_.js";import{r as n,d as r}from"./p-D5rshXh5.js";import"./p-CNLoALIl.js";const c=t=>!Number.isNaN(Number(t));class a{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),a.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=a.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=a.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw new Error("Missing required `generate` function");if(!c(s.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight))throw new Error("\n        Invalid required `itemHeight` value, expected number or array\n      ".trim());this._itemHeights=c(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(a.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=c(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw new Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=`${i}px`)}));const h=Boolean(s.horizontal),n=s[h?"width":"height"];if(n){const t=c(n),i=!t&&"%"===n.slice(-1),e=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:c(n)?n:e}const r=s.scrollContainer,l=s.itemHeight*s.total,d=this._maxElementHeight;l>d&&console.warn(["HyperList: The maximum element height",d+"px has","been exceeded; please reduce your item height."].join(" ")),a.mergeStyle(t,{width:`${s.width}`,height:r?`${l}px`:`${s.height}`,overflow:r?"none":"auto",position:"relative"}),r&&a.mergeStyle(s.scrollContainer,{overflow:"auto"}),a.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:`${l}px`}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&c(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw new Error(`Generator did not return a DOM Node for index: ${t}`);e.classList.add(i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return a.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=Boolean(t.horizontal),e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${s}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,l=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(l/n),this._containerSize=l,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=Boolean(this._config.horizontal),i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue(`padding-${t}`);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const l=class{constructor(e){t(this,e),this.contextChange=i(this,"contextChange",7),this.nodeToggled=i(this,"nodeToggled",7),this.nodeClicked=i(this,"nodeClicked",7),this.nodeRemoved=i(this,"nodeRemoved",7)}get hostElement(){return e(this)}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=Boolean(s.disabled||h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const r=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},r)),null===c&&(c=n(s,h,r));const a=c;return a.setAttribute("data-tree-node-id",s.id),a.style.paddingRight="1rem",this.updatePadding(a,s),this.dirtyItems.delete(s.id),a}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=r){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(r);this.hyperlist=new a(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:i}=t;if(t.preventDefault(),t.stopPropagation(),!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e];if(!s.hasChildren)return;if(s.disabled)return;const o=this.getContext(e);o.isDisabled||(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o))}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e],o=this.getContext(e);if(s.disabled||o.isDisabled)return;const n=t.composedPath(),r=n.indexOf(this.hostElement),c=n.slice(0,r);if(!h.pathIncludesTrigger(c)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;o.isSelected=!0,this.setContext(e,o)}this.toggleOnItemClick&&s.hasChildren&&(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o)),this.nodeClicked.emit(e)}}render(){return s(o,{key:"8ec158ba41c5aa8e4577e9904ba250dc02ec9256",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"a2f2c325f7c54b7f1271d0ced1da60e0a211bb3b"}))}static get watchers(){return{model:[{onModelChange:0}]}}};l.style=":host{display:block}";export{l as ix_tree}
+import{r as t,c as i,g as e,h as s,H as o}from"./p-EBgS4zhE.js";import{d as h}from"./p-BbwShqw_.js";import{r as n,d as r}from"./p-D5rshXh5.js";import"./p-CNLoALIl.js";const c=t=>!Number.isNaN(Number(t));class l{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=l.defaultConfig){return new l(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");l.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),l.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=l.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=l.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw new Error("Missing required `generate` function");if(!c(s.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight))throw new Error("\n        Invalid required `itemHeight` value, expected number or array\n      ".trim());this._itemHeights=c(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(l.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=c(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw new Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=`${i}px`)}));const h=Boolean(s.horizontal),n=s[h?"width":"height"];if(n){const t=c(n),i=!t&&"%"===n.slice(-1),e=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:c(n)?n:e}const r=s.scrollContainer,d=s.itemHeight*s.total,a=this._maxElementHeight;d>a&&console.warn(["HyperList: The maximum element height",a+"px has","been exceeded; please reduce your item height."].join(" ")),l.mergeStyle(t,{width:`${s.width}`,height:r?`${d}px`:`${s.height}`,overflow:r?"none":"auto",position:"relative"}),r&&l.mergeStyle(s.scrollContainer,{overflow:"auto"}),l.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:`${d}px`}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&c(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw new Error(`Generator did not return a DOM Node for index: ${t}`);e.classList.add(i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return l.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=Boolean(t.horizontal),e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;l.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${s}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,d=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(d/n),this._containerSize=d,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=Boolean(this._config.horizontal),i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue(`padding-${t}`);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const d=class{constructor(e){t(this,e),this.contextChange=i(this,"contextChange",7),this.nodeToggled=i(this,"nodeToggled",7),this.nodeClicked=i(this,"nodeClicked",7),this.nodeRemoved=i(this,"nodeRemoved",7)}get hostElement(){return e(this)}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=Boolean(s.disabled||h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const r=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},r)),null===c&&(c=n(s,h,r));const l=c;return l.setAttribute("data-tree-node-id",s.id),l.style.paddingRight="1rem",this.updatePadding(l,s),this.dirtyItems.delete(s.id),l}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=r){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(r);this.hyperlist=new l(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:i}=t;if(t.preventDefault(),t.stopPropagation(),!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e];if(!s.hasChildren)return;if(s.disabled)return;const o=this.getContext(e);o.isDisabled||(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o))}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e],o=this.getContext(e);if(s.disabled||o.isDisabled)return;const n=t.composedPath(),r=n.indexOf(this.hostElement),c=n.slice(0,r);if(!h.pathIncludesTrigger(c)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;o.isSelected=!0,this.setContext(e,o)}this.toggleOnItemClick&&s.hasChildren&&(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o)),this.nodeClicked.emit(e)}}render(){return s(o,{key:"855ec01de8c175c0248069737dcfa240d3848264",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"ffc4b5117f8bda3710030ee85cdbceed417133c0"}))}static get watchers(){return{model:[{onModelChange:0}]}}};d.style=":host{display:block}";export{d as ix_tree}

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

@@ -0,0 +1 @@
+import{r as e,g as r,h as t,H as o}from"./p-EBgS4zhE.js";import{h as a}from"./p-BClJdFQP.js";const s=class{constructor(r){e(this,r)}get hostElement(){return r(this)}isContentHeaderSlotted=!1;get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return t(o,{key:"b0090d73abb383f550111eb0adc7b143d8e605de"},t("div",{key:"ec8cce11ef773bb5b6665063558e33882c2c3d53",class:{"content-header":!0,slotted:this.isContentHeaderSlotted}},t("slot",{key:"04ecaaeebdf17a57efd35cba932bc09928911fdd",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=a(this.contentHeaderSlot)}})),t("div",{key:"2fdeaacd37f4fe25c30b4807c61035297253385b",class:"content"},t("slot",{key:"d9ee1690a88d8f8a587a23cb1520a9b0598f2949"})))}};s.style=":host{display:flex;flex-direction:column;position:relative;padding:0.75rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}: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 .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1.5rem}";export{s as ix_content}

package/{components/p-DkAUNod9.js → dist/siemens-ix/p-f7f6cf46.entry.js}

@@ -1 +1 @@
-import{p as t,M as r,f as e,h as a,F as o,d as i,t as s}from"./p-CtDOTMOT.js";import{B as n}from"./p-DM7ma3Eh.js";import{b as l,a as d}from"./p-C21npbUc.js";import{m as h}from"./p-Djkc69iv.js";import{b,h as c}from"./p-Dw_A3HUC.js";import{P as u,u as p,F as m}from"./p-BBCsPlPH.js";import{D as v}from"./p-CApDAYIa.js";import{C as g}from"./p-Dpk_WgCl.js";import{A as x}from"./p-Byed_Z2G.js";import{d as f}from"./p-7HGOhDMX.js";import{d as y}from"./p-olkZUb1j.js";import{d as w}from"./p-Dwe6tWhq.js";import{d as k}from"./p-Dl_YKIKl.js";import{d as C}from"./p-1KOHyx-1.js";function j(t){const{initials:r}=t;return r?a("div",{class:"avatar-initials"},a("ix-typography",{format:"label-lg"},r)):a("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32","aria-label":t.ariaLabel},a("g",{fill:"none","fill-rule":"evenodd"},a("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),a("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function A(t){return a("div",{class:"avatar"},t.image?a("img",{src:t.image,class:"avatar-image","aria-label":t.ariaLabel}):a(j,{initials:t.initials,ariaLabel:t.ariaLabel}))}function E(t){return a(o,null,a("div",{class:"user-info",onClick:t=>t.preventDefault()},a(A,{image:t.image,initials:t.initials,ariaLabel:t.ariaLabel}),a("div",{class:"user"},a("div",{class:"username"},t.userName),t.extra&&a("ix-typography",{class:"extra","text-color":"soft"},t.extra))))}const D=t(class extends(r(...v,g,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}image;initials;username;extra;tooltipText;ariaLabelTooltip;isClosestApplicationHeader=!1;dropdownShow=!1;hasSlottedElements=!1;slotElement;dropdownElement;observeChildrenChange;tooltipRef=h();a11yAttributes={};get items(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}componentWillLoad(){this.a11yAttributes=l(this.hostElement);const t=b("ix-application-header",this.hostElement);this.isClosestApplicationHeader=null!==t,this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0})}componentDidLoad(){this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}async slottedChanged(){this.hasSlottedElements=c(this.slotElement)}resolveAvatarTrigger(){return new Promise(((t,r)=>{e((()=>{const e=this.hostElement.shadowRoot.querySelector("button");e?t(e):r(new Error("ix-avatar - trigger element not found"))}))}))}resolveTooltipTrigger(){return this.resolveAvatarTrigger().catch((()=>this.hostElement))}onDropdownClick(t){t.target===this.dropdownElement&&t.preventDefault()}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(`[aria-controls="${this.getHostElementId()}-proxy-listbox"]`)}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return u}updateProxyList(){const t=this.items,r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&p(r,t,((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.a11yAttributes["aria-label"],r=this.tooltipText||this.username,e=r===this.username,s=a(o,null,a(A,{image:this.image,initials:this.initials,ariaLabel:t}),!!r&&a("ix-tooltip",{ref:this.tooltipRef,for:this.resolveTooltipTrigger(),"aria-hidden":d(e),"aria-label":this.ariaLabelTooltip},r));return this.isClosestApplicationHeader?a(i,{slot:"ix-application-header-avatar",class:"avatar-button"},a(n,{disabled:!1,iconOval:!1,icon:void 0,iconOnly:!1,loading:!1,selected:!1,type:"button",variant:"tertiary",ariaAttributes:{role:"menu","aria-controls":`${this.getHostElementId()}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-haspopup":"menu"}},s),a("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t),onShowChanged:t=>{this.dropdownShow=t.detail,t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},disableFocusTrap:!0,focusHost:this.hostElement},a(m,{hostId:this.getHostElementId(),otherProps:{}}),this.username&&a(o,null,a(E,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username,ariaLabel:t}),this.hasSlottedElements&&a("ix-divider",{onClick:t=>t.preventDefault()})),a("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t}))):a(i,null,s)}static get style(){return":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;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(.avatar-button) button{padding:0px}:host(.avatar-button) .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(.avatar-button) .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(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-avatar",{image:[1],initials:[1],username:[1],extra:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],isClosestApplicationHeader:[32],dropdownShow:[32],hasSlottedElements:[32]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function L(){"undefined"!=typeof customElements&&["ix-avatar","ix-divider","ix-dropdown","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-avatar":customElements.get(s(t))||customElements.define(s(t),D);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||y();break;case"ix-spinner":customElements.get(s(t))||w();break;case"ix-tooltip":customElements.get(s(t))||k();break;case"ix-typography":customElements.get(s(t))||C()}}))}export{D as A,L as d}
+import{M as t,r,g as a,d as e,h as o,F as i,H as s,c as n}from"./p-EBgS4zhE.js";import{B as l}from"./p-CDKWxg_L.js";import{b as h,a as d}from"./p-DD206pTM.js";import{m as b}from"./p-Djkc69iv.js";import{d as c,h as u}from"./p-BClJdFQP.js";import{P as v,u as m,F as p}from"./p-BKuq0po2.js";import{D as g}from"./p-BWgttsqY.js";import{C as x}from"./p-CUbYLenp.js";import{A as f}from"./p-CM-NUHTW.js";import"./p-6ZxKp7Jn.js";function k(t){const{initials:r}=t;return r?o("div",{class:"avatar-initials"},o("ix-typography",{format:"label-lg"},r)):o("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32","aria-label":t.ariaLabel},o("g",{fill:"none","fill-rule":"evenodd"},o("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n          16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),o("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n        6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n        9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n        6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function w(t){return o("div",{class:"avatar"},t.image?o("img",{src:t.image,class:"avatar-image","aria-label":t.ariaLabel}):o(k,{initials:t.initials,ariaLabel:t.ariaLabel}))}function y(t){return o(i,null,o("div",{class:"user-info",onClick:t=>t.preventDefault()},o(w,{image:t.image,initials:t.initials,ariaLabel:t.ariaLabel}),o("div",{class:"user"},o("div",{class:"username"},t.userName),t.extra&&o("ix-typography",{class:"extra","text-color":"soft"},t.extra))))}const C=class extends(t(...g,x,f)){constructor(t){super(),r(this,t)}get hostElement(){return a(this)}image;initials;username;extra;tooltipText;ariaLabelTooltip;isClosestApplicationHeader=!1;dropdownShow=!1;hasSlottedElements=!1;slotElement;dropdownElement;observeChildrenChange;tooltipRef=b();a11yAttributes={};get items(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}componentWillLoad(){this.a11yAttributes=h(this.hostElement);const t=c("ix-application-header",this.hostElement);this.isClosestApplicationHeader=null!==t,this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0})}componentDidLoad(){this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}async slottedChanged(){this.hasSlottedElements=u(this.slotElement)}resolveAvatarTrigger(){return new Promise(((t,r)=>{e((()=>{const a=this.hostElement.shadowRoot.querySelector("button");a?t(a):r(new Error("ix-avatar - trigger element not found"))}))}))}resolveTooltipTrigger(){return this.resolveAvatarTrigger().catch((()=>this.hostElement))}onDropdownClick(t){t.target===this.dropdownElement&&t.preventDefault()}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(`[aria-controls="${this.getHostElementId()}-proxy-listbox"]`)}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return v}updateProxyList(){const t=this.items,r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&m(r,t,((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.a11yAttributes["aria-label"],r=this.tooltipText||this.username,a=r===this.username,e=o(i,null,o(w,{image:this.image,initials:this.initials,ariaLabel:t}),!!r&&o("ix-tooltip",{ref:this.tooltipRef,for:this.resolveTooltipTrigger(),"aria-hidden":d(a),"aria-label":this.ariaLabelTooltip},r));return this.isClosestApplicationHeader?o(s,{slot:"ix-application-header-avatar",class:"avatar-button"},o(l,{disabled:!1,iconOval:!1,icon:void 0,iconOnly:!1,loading:!1,selected:!1,type:"button",variant:"tertiary",ariaAttributes:{role:"menu","aria-controls":`${this.getHostElementId()}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-haspopup":"menu"}},e),o("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t),onShowChanged:t=>{this.dropdownShow=t.detail,t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},disableFocusTrap:!0,focusHost:this.hostElement},o(p,{hostId:this.getHostElementId(),otherProps:{}}),this.username&&o(i,null,o(y,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username,ariaLabel:t}),this.hasSlottedElements&&o("ix-divider",{onClick:t=>t.preventDefault()})),o("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t}))):o(s,null,e)}};C.style=":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;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(.avatar-button) button{padding:0px}:host(.avatar-button) .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(.avatar-button) .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(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .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(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .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(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}";const j=class{constructor(t){r(this,t),this.itemClick=n(this,"itemClick",7)}get hostElement(){return a(this)}icon;label;itemClick;dropdownItemRef=b();async getDropdownItemElement(){return this.dropdownItemRef.waitForCurrent()}render(){return o("ix-dropdown-item",{key:"4ace9b42e923f07eafa2280318a258f3a8be422d",ref:this.dropdownItemRef,icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}};j.style=":host{display:block;color:var(--theme-color-std-text)}: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}";export{C as ix_avatar,j as ix_menu_avatar_item}

package/dist/siemens-ix/{p-4faa3c03.entry.js → p-fcfecc91.entry.js}

@@ -1 +1 @@
-import{r as t,g as e,h as i,H as s,M as o}from"./p-EBgS4zhE.js";import{b as r}from"./p-C21npbUc.js";import{i as a}from"./p-XBTykBKS.js";import{m as l}from"./p-Djkc69iv.js";import{c as n}from"./p-BClJdFQP.js";import{c as h}from"./p-yZFaEeBW.js";import{r as c,h as d,H as f}from"./p-C518yBiI.js";import{D as p}from"./p-BWgttsqY.js";import{C as m}from"./p-CUbYLenp.js";import"./p-DgUGsIlh.js";import"./p-6ZxKp7Jn.js";const b=class{constructor(e){t(this,e)}get hostElement(){return e(this)}required;htmlFor;controlRef;isInvalid=!1;textOverflow="wrap";explicitIsInvalid=void 0;isInvalidChanged(t){this.explicitIsInvalid=t}htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));htmlForClassObserver;controlRefClassObserver;a11yAttributes={};labelRef=l();connectedCallback(){this.registerHtmlForObserver(),this.registerControlRefObserver()}disconnectedCallback(){this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.controlRefClassObserver&&this.controlRefClassObserver.destroy()}componentWillRender(){this.checkForInternalState(),n(this.hostElement,"ix-range-field")&&(this.textOverflow="no-wrap")}componentWillLoad(){this.a11yAttributes=r(this.hostElement)}registerHtmlForObserver(){"undefined"!=typeof window&&(this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlFor&&this.htmlForObserver.observe(window.document,{childList:!0,subtree:!0}))}async registerControlRefObserver(){if("undefined"!=typeof window&&(this.controlRefClassObserver&&this.controlRefClassObserver.destroy(),this.controlRef&&!this.htmlFor)){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=h(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.htmlForClassObserver=h(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){const e=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid");this.isInvalid=this.explicitIsInvalid??e}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t)return"boolean"==typeof t.required&&(this.required=t.required),this.registerHtmlForClassObserver(t),void this.checkForInvalidState(t)}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;e=a(t)?await t.getNativeInputElement():t,"function"==typeof e.focus&&e.focus()}}this.controlRef&&(await this.controlRef.waitForCurrent()).focus()}render(){return i(s,{key:"0fdcf56a50a448dd0d58e70d4389105d79ace1d3",onClick:()=>this.focusOnClick(),class:{"text-overflow-wrap":"wrap"===this.textOverflow,"text-overflow-no-wrap":"no-wrap"===this.textOverflow}},i("label",{key:"985b6494c3ecc3cbe3071a352dd375a785366ea7",htmlFor:this.htmlFor,...this.a11yAttributes,ref:this.labelRef},i("ix-typography",{key:"1fae47aef80983c02272b73b5d2de4969aa87daf",textColor:this.isInvalid?"alarm":"soft",format:"label"},i("slot",{key:"706a5c9687ac5fea48d9efda67b660ed78b999df"}),this.required&&i("span",{key:"fa1da16ab40a270019534c26b17e8771f478eb4e"},"*"))))}static get watchers(){return{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}}};b.style=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}:host(.text-overflow-no-wrap){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.text-overflow-no-wrap) ix-typography{text-overflow:ellipsis;overflow:hidden}";const g=class extends(o(...p,m)){constructor(e){super(),t(this,e)}get hostElement(){return e(this)}helperText;label;invalidText;validText;infoText;warningText;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;showTextAsTooltip=!1;required=!1;controlRef;slotRef=l();hasExplicitAriaLabel=!1;componentDidLoad(){this.syncAriaLabel(!0)}syncAriaLabel(t=!1){this.controlRef&&!this.hasExplicitAriaLabel&&this.controlRef.waitForCurrent().then((e=>{t&&(e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"))?this.hasExplicitAriaLabel=!0:this.label?e.setAttribute("aria-label",this.label):e.removeAttribute("aria-label")}))}componentWillLoad(){if(!this.hostElement.querySelector(".error-message-container")){const t=document.createElement("span");t.classList.add("error-message-container"),t.id=`${this.getHostElementId()}-errormessage`,t.hidden=!0,this.hostElement.appendChild(t)}if(!this.hostElement.querySelector(".helper-message-container")){const t=document.createElement("span");t.classList.add("helper-message-container"),t.id=`${this.getHostElementId()}-helpermessage`,t.hidden=!0,this.hostElement.appendChild(t)}}componentWillRender(){const t=this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`),e=this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`);this.isInvalid&&this.invalidText&&t&&(t.textContent=this.invalidText),e&&(e.textContent=c({isInvalid:this.isInvalid,invalidText:this.invalidText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,isValid:this.isValid,validText:this.validText,helperText:this.helperText}))}getAriaErrorMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`))}getAriaHelperMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`))}render(){const t={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};let e={};return this.isInvalid&&this.invalidText&&(e={role:"alert","aria-live":"polite"}),i(s,{key:"25255aed5f9b7fb77fdeb61473bf2b75a262ffba",...e},this.label&&i("div",{key:"bb885771ecfcf509a62bbe6f7ba1a7d518f17c78",class:"field-top"},i("ix-field-label",{key:"916a96ca521dd4e9dd7f55e9f3bd19cc947ba123",required:this.required,controlRef:this.controlRef,isInvalid:this.isInvalid,ariaHidden:!0},this.label)),i("div",{key:"ce2d746aea87f49611ef413f49fbb52c59ab468a",class:{"slot-wrapper":!0},ref:this.slotRef},i("slot",{key:"2bb54f35cc1ff930918dc211e2018875ce105d7b"})),i("div",{key:"c427f40269dd19c40c413d0794cbf0096a7f8cd1",class:"field-bottom"},!this.showTextAsTooltip&&i(f,{key:"76100d6cd0e6c22eeca8de06b7aa7ae59ab9ea33",...t}),i("div",{key:"b9d5688b85687792c491d8cecd9411dbb5bddb0e",class:"bottom-right"},i("slot",{key:"95102f11d6b5c82d67be1c7c104eadf56bcb8112",name:"bottom-right"}))),!0===this.showTextAsTooltip&&d(t)&&i("ix-tooltip",{key:"c484b0edcd735b2d9155819ad9eb8d98c45e2633",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},i(f,{key:"7d0ea7c1cd80af012492984d7ad2b5399ee50c4d",...t})))}static get watchers(){return{label:[{syncAriaLabel:0}]}}};g.style=":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:100%;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";export{b as ix_field_label,g as ix_field_wrapper}
+import{r as t,g as e,h as i,H as s,M as r}from"./p-EBgS4zhE.js";import{b as o}from"./p-DD206pTM.js";import{i as a}from"./p-XBTykBKS.js";import{m as l}from"./p-Djkc69iv.js";import{c as n}from"./p-BClJdFQP.js";import{c as h}from"./p-S-XikzrL.js";import{r as c,h as d,H as f}from"./p-rgh7lt60.js";import{D as p}from"./p-BWgttsqY.js";import{C as m}from"./p-CUbYLenp.js";import"./p-BeX6RWvV.js";import"./p-6ZxKp7Jn.js";const b=class{constructor(e){t(this,e)}get hostElement(){return e(this)}required;htmlFor;controlRef;isInvalid=!1;textOverflow="wrap";explicitIsInvalid=void 0;isInvalidChanged(t){this.explicitIsInvalid=t}htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));htmlForClassObserver;controlRefClassObserver;a11yAttributes={};labelRef=l();connectedCallback(){this.registerHtmlForObserver(),this.registerControlRefObserver()}disconnectedCallback(){this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.controlRefClassObserver&&this.controlRefClassObserver.destroy()}componentWillRender(){this.checkForInternalState(),n(this.hostElement,"ix-range-field")&&(this.textOverflow="no-wrap")}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){"undefined"!=typeof window&&(this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlFor&&this.htmlForObserver.observe(window.document,{childList:!0,subtree:!0}))}async registerControlRefObserver(){if("undefined"!=typeof window&&(this.controlRefClassObserver&&this.controlRefClassObserver.destroy(),this.controlRef&&!this.htmlFor)){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=h(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.htmlForClassObserver=h(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){const e=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid");this.isInvalid=this.explicitIsInvalid??e}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t)return"boolean"==typeof t.required&&(this.required=t.required),this.registerHtmlForClassObserver(t),void this.checkForInvalidState(t)}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;e=a(t)?await t.getNativeInputElement():t,"function"==typeof e.focus&&e.focus()}}this.controlRef&&(await this.controlRef.waitForCurrent()).focus()}render(){return i(s,{key:"a228926a776118e196b07787d6a32c2241f60404",onClick:()=>this.focusOnClick(),class:{"text-overflow-wrap":"wrap"===this.textOverflow,"text-overflow-no-wrap":"no-wrap"===this.textOverflow}},i("label",{key:"9e30a5944eed06c87108bb95dc18fd8965a7830e",htmlFor:this.htmlFor,...this.a11yAttributes,ref:this.labelRef},i("ix-typography",{key:"efe6d7b8de49a4ed5ba305d0d3f125fe6b1d3658",textColor:this.isInvalid?"alarm":"soft",format:"label"},i("slot",{key:"189e87c98f4c77a11a9bfb3a2b5d397f2993d241"}),this.required&&i("span",{key:"d0c29240d16c2e98b1d21b0ae21518c886be5643"},"*"))))}static get watchers(){return{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}}};b.style=":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}:host(.text-overflow-no-wrap){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.text-overflow-no-wrap) ix-typography{text-overflow:ellipsis;overflow:hidden}";const g=class extends(r(...p,m)){constructor(e){super(),t(this,e)}get hostElement(){return e(this)}helperText;label;invalidText;validText;infoText;warningText;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;showTextAsTooltip=!1;required=!1;controlRef;slotRef=l();hasExplicitAriaLabel=!1;componentDidLoad(){this.syncAriaLabel(!0)}syncAriaLabel(t=!1){this.controlRef&&!this.hasExplicitAriaLabel&&this.controlRef.waitForCurrent().then((e=>{t&&(e.hasAttribute("aria-label")||e.hasAttribute("aria-labelledby"))?this.hasExplicitAriaLabel=!0:this.label?e.setAttribute("aria-label",this.label):e.removeAttribute("aria-label")}))}componentWillLoad(){if(!this.hostElement.querySelector(".error-message-container")){const t=document.createElement("span");t.classList.add("error-message-container"),t.id=`${this.getHostElementId()}-errormessage`,t.hidden=!0,this.hostElement.appendChild(t)}if(!this.hostElement.querySelector(".helper-message-container")){const t=document.createElement("span");t.classList.add("helper-message-container"),t.id=`${this.getHostElementId()}-helpermessage`,t.hidden=!0,this.hostElement.appendChild(t)}}componentWillRender(){const t=this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`),e=this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`);this.isInvalid&&this.invalidText&&t&&(t.textContent=this.invalidText),e&&(e.textContent=c({isInvalid:this.isInvalid,invalidText:this.invalidText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,isValid:this.isValid,validText:this.validText,helperText:this.helperText}))}getAriaErrorMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-errormessage`))}getAriaHelperMessageElement(){return Promise.resolve(this.hostElement.querySelector(`#${this.getHostElementId()}-helpermessage`))}render(){const t={invalidText:this.invalidText,isInvalid:this.isInvalid,isValid:this.isValid,validText:this.validText,isWarning:this.isWarning,warningText:this.warningText,isInfo:this.isInfo,infoText:this.infoText,helperText:this.helperText};let e={};return this.isInvalid&&this.invalidText&&(e={role:"alert","aria-live":"polite"}),i(s,{key:"fd7a223ad75c9c2073031d63f60783fb56fd7b09",...e},this.label&&i("div",{key:"3c435387e8297bb8b2e97436df054012ab2f801d",class:"field-top"},i("ix-field-label",{key:"a5526dca7376ca80a982d955b38c32b053018428",required:this.required,controlRef:this.controlRef,isInvalid:this.isInvalid,ariaHidden:!0},this.label)),i("div",{key:"c76fcf98ad31b6c89b5e6aae4c2e44a27f7ae7df",class:{"slot-wrapper":!0},ref:this.slotRef},i("slot",{key:"77c50384c3098490c1cb55b130645a244fbe884a"})),i("div",{key:"36ce0a8d7a15a2eeee189caf304983a80fbc2bc2",class:"field-bottom"},!this.showTextAsTooltip&&i(f,{key:"7f0d5cf73307cdd236a11e381695f22c58bdf50c",...t}),i("div",{key:"c1cd0ff7edbd167e03517810fb4b3b5aa423f22e",class:"bottom-right"},i("slot",{key:"3acb46dffa748d54a7cc05e44f993927cac412f5",name:"bottom-right"}))),!0===this.showTextAsTooltip&&d(t)&&i("ix-tooltip",{key:"0bb08975464a35c0a22f8e0f276d11c650ea6eb3",for:this.slotRef.waitForCurrent(),showDelay:500,placement:"bottom"},i(f,{key:"f1658860c1245ebb708d79f0c9c9717b960718d0",...t})))}static get watchers(){return{label:[{syncAriaLabel:0}]}}};g.style=":host{display:flex;position:relative;flex-direction:column}:host .slot-wrapper{display:flex;position:relative;align-items:center;justify-content:flex-start;gap:0.25rem}:host .field-bottom,:host .field-top{display:flex;flex-direction:row;position:relative;justify-content:space-between;gap:1rem;width:100%;min-width:100%}:host .field-bottom .bottom-right{margin-left:auto;margin-right:0px}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}";export{b as ix_field_label,g as ix_field_wrapper}

package/dist/siemens-ix/{p-C518yBiI.js → p-rgh7lt60.js}

@@ -1 +1 @@
-import{h as t}from"./p-EBgS4zhE.js";import{b as i,c as a,d as o,a as s}from"./p-DgUGsIlh.js";import{a as n}from"./p-C21npbUc.js";function e({invalidText:t,isInvalid:i,warningText:a,isWarning:o,infoText:s,isInfo:n,validText:e,isValid:r,helperText:x}){return!!(i&&t?.trim()||o&&a?.trim()||n&&s?.trim()||r&&e?.trim()||x?.trim())}function r(t){return e(t)?t.isInvalid&&t.invalidText&&""!==t.invalidText.trim()?t.invalidText:t.isWarning&&t.warningText&&""!==t.warningText.trim()?t.warningText:t.isInfo&&t.infoText&&""!==t.infoText.trim()?t.infoText:t.isValid&&t.validText&&""!==t.validText.trim()?t.validText:t.helperText||"":""}function x(r){return e(r)?r.isInvalid&&r.invalidText&&""!==r.invalidText.trim()?t("ix-typography",{textColor:"alarm",class:"bottom-text"},t("ix-icon",{"aria-hidden":n(!!r.invalidText),class:"text-icon invalid",name:i,size:"16"}),r.invalidText):r.isWarning&&r.warningText&&""!==r.warningText.trim()?t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{"aria-hidden":n(!!r.warningText),class:"text-icon warning",name:a,size:"16"}),r.warningText):r.isInfo&&r.infoText&&""!==r.infoText.trim()?t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{"aria-hidden":n(!!r.infoText),class:"text-icon info",name:o,size:"16"}),r.infoText):r.isValid&&r.validText&&""!==r.validText.trim()?t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{"aria-hidden":n(!!r.validText),class:"text-icon valid",name:s,size:"16"}),r.validText):r.helperText&&""!==r.helperText.trim()&&t("ix-typography",{class:"bottom-text",textColor:"soft"},r.helperText):null}export{x as H,e as h,r}
+import{h as t}from"./p-EBgS4zhE.js";import{b as i,c as a,d as o,a as s}from"./p-BeX6RWvV.js";import{a as e}from"./p-DD206pTM.js";function n({invalidText:t,isInvalid:i,warningText:a,isWarning:o,infoText:s,isInfo:e,validText:n,isValid:r,helperText:x}){return!!(i&&t?.trim()||o&&a?.trim()||e&&s?.trim()||r&&n?.trim()||x?.trim())}function r(t){return n(t)?t.isInvalid&&t.invalidText&&""!==t.invalidText.trim()?t.invalidText:t.isWarning&&t.warningText&&""!==t.warningText.trim()?t.warningText:t.isInfo&&t.infoText&&""!==t.infoText.trim()?t.infoText:t.isValid&&t.validText&&""!==t.validText.trim()?t.validText:t.helperText||"":""}function x(r){return n(r)?r.isInvalid&&r.invalidText&&""!==r.invalidText.trim()?t("ix-typography",{textColor:"alarm",class:"bottom-text"},t("ix-icon",{"aria-hidden":e(!!r.invalidText),class:"text-icon invalid",name:i,size:"16"}),r.invalidText):r.isWarning&&r.warningText&&""!==r.warningText.trim()?t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{"aria-hidden":e(!!r.warningText),class:"text-icon warning",name:a,size:"16"}),r.warningText):r.isInfo&&r.infoText&&""!==r.infoText.trim()?t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{"aria-hidden":e(!!r.infoText),class:"text-icon info",name:o,size:"16"}),r.infoText):r.isValid&&r.validText&&""!==r.validText.trim()?t("ix-typography",{textColor:"std",class:"bottom-text"},t("ix-icon",{"aria-hidden":e(!!r.validText),class:"text-icon valid",name:s,size:"16"}),r.validText):r.helperText&&""!==r.helperText.trim()&&t("ix-typography",{class:"bottom-text",textColor:"soft"},r.helperText):null}export{x as H,n as h,r}

package/dist/siemens-ix/p-xptA1Kt1.js

@@ -0,0 +1 @@
+import{h as n}from"./p-EBgS4zhE.js";import{a as t}from"./p-DD206pTM.js";import{c as i}from"./p-CX81WQtk.js";import{a as e}from"./p-JJddxCCh.js";import{a}from"./p-DhE1t8Qh.js";import{A as s}from"./p-BqeSHO6C.js";import{s as o}from"./p-S-XikzrL.js";function r(n,t){n.isInvalid=t.isInvalid||t.isInvalidByRequired,n.isValid=t.isValid,n.isInfo=t.isInfo,n.isWarning=t.isWarning}function u(n,t){n.allowedCharactersPattern&&(new RegExp(n.allowedCharactersPattern).test(t.key)||(t.preventDefault(),a(n.inputRef.current,{duration:s.defaultTime,easing:"easeInOutSine",loop:2,translateX:[{value:-5},{value:5},{value:-2.5},{value:2.5},{value:0}]})))}async function l(n,t){const i=t.validity,e=!n.hostElement.classList.contains("ix-invalid--validity-invalid"),a=i.valid;if(e!==a){if(n.validityStateChange.emit(i).defaultPrevented)return;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!a)}if(null==n.value)return;if(await o(n))return;const{valid:s}=i;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!s)}function c(n,t,i){if(!n)return;const a=e(t+8);i.slotEnd?n.style.paddingRight=`calc(${a} + ${i.additionalPaddingRight??"0rem"})`:n.style.paddingLeft=a}function d(n,t,i){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(n){const t=n.getBoundingClientRect();t&&c(i,t.width,{slotEnd:!1})}if(t){const n=t.getBoundingClientRect();n&&c(i,n.width,{slotEnd:!0})}}))}))}function f(n){const i={"aria-invalid":`${t(n.isInvalid)}`,"aria-required":`${t(n.required)}`};return n.isInvalid&&n.invalidText&&(i["aria-errormessage"]=n.invalidText),i}const m=(n,t)=>{const e=function(n,t){const i=new IntersectionObserver((n=>{n.forEach((n=>{n.isIntersecting&&t()}))}));return i.observe(n),i}(n,t),a=i(t);return a.observe(n,{subtree:!0,attributes:!0}),()=>{e.disconnect(),a.disconnect()}};function p(n,t,i){if(t||"Enter"!==n.key||!i)return;n.preventDefault();const e=i.querySelector('button[type="submit"]');e?i.requestSubmit(e):1===i.length&&i.requestSubmit()}function v(n,t){n.initialValue=t}function h(n,t,i){!function(n,t){if(n.ixBlur.emit(),!t)throw new Error("Input element is not available");t.setAttribute("data-ix-touched","true"),l(n,t)}(n,t),n.initialValue!==i&&(void 0===i?n.ixChange.emit():n.ixChange.emit(i),n.initialValue=i)}function g(n,t,i){"Enter"===n.key&&t.initialValue!==i&&(t.ixChange.emit(i),t.initialValue=i)}function y(){return{lastEmittedPatternMismatch:!1,lastEmittedValueMissing:!1}}function x(n){return async function(n,t){if(!t.touched)return;const i=await t.getValidityState(),e=i.patternMismatch,a=i.valueMissing;n.lastEmittedPatternMismatch===e&&n.lastEmittedValueMissing===a||(n.lastEmittedPatternMismatch=e,n.lastEmittedValueMissing=a,t.emit({patternMismatch:e,valueMissing:a,invalidReason:t.invalidReason}))}(n.validityTracker,{touched:n.touched,invalidReason:n.invalidReason,getValidityState:()=>n.getValidityState(),emit:t=>n.validityStateChange.emit(t)})}function b(t){return n("textarea",{id:t.id,readOnly:t.readonly,disabled:t.disabled,maxLength:t.maxLength,minLength:t.minLength,cols:t.textareaCols,rows:t.textareaRows,ref:t.textAreaRef,class:{"is-invalid":t.isInvalid},required:t.required,value:t.value,placeholder:t.placeholder,onFocus:()=>t.onFocus?.(),onInput:n=>{const i=n.target;t.updateFormInternalValue(i.value),t.valueChange(i.value)},onBlur:()=>t.onBlur(),style:{resize:t.resizeBehavior,height:t.textareaHeight,width:t.textareaWidth},...t.ariaAttributes})}function E(t){return n("input",{id:t.id,autoComplete:"off",readOnly:t.readonly,disabled:t.disabled,step:t.step,min:t.min,max:t.max,maxLength:t.maxLength?Number(t.maxLength):void 0,minLength:t.minLength?Number(t.minLength):void 0,ref:t.inputRef,pattern:t.pattern,type:t.type,class:{"is-invalid":t.isInvalid},style:{textAlign:t.textAlignment},required:t.required,value:t.value,placeholder:t.placeholder,onKeyPress:n=>t.onKeyPress(n),onKeyDown:n=>{t.onKeyDown?.(n),t.onEnterKeyChange?.(n),p(n,!!t.suppressSubmitOnEnter,t.form)},onBeforeInput:n=>t.onBeforeInput?.(n),onPaste:n=>t.onPaste?.(n),onFocus:()=>t.onFocus?.(),onInput:n=>{const i=n.target;t.updateFormInternalValue(i.value),t.valueChange(i.value)},onBlur:()=>t.onBlur(),...t.ariaAttributes})}const w=(t,i)=>n("div",{class:"end-container",ref:t.slotEndRef},n("slot",{name:"end",onSlotchange:t.onSlotChange}),i),j=t=>n("div",{class:"start-container",ref:t.slotStartRef},n("slot",{name:"start",onSlotchange:t.onSlotChange}));export{E as I,w as S,b as T,m as a,d as b,y as c,j as d,x as e,v as f,l as g,p as h,f as i,g as j,u as k,r as m,h as o}

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

@@ -3947,7 +3947,7 @@ body {
   -moz-osx-font-smooting: grayscale;
 }
 
-body:not(.disable-scrollbar) ::-webkit-scrollbar-button {
+body:not(.disable-scrollbar) *::-webkit-scrollbar-button {
   display: none;
 }
 @-moz-document url-prefix() {
@@ -3956,37 +3956,37 @@ body:not(.disable-scrollbar) ::-webkit-scrollbar-button {
     scrollbar-width: thin;
   }
 }
-body:not(.disable-scrollbar) {
+body:not(.disable-scrollbar) * {
   /* width */
 }
-body:not(.disable-scrollbar) ::-webkit-scrollbar {
+body:not(.disable-scrollbar) *::-webkit-scrollbar {
   width: 0.5rem;
   height: 0.5rem;
 }
-body:not(.disable-scrollbar) {
+body:not(.disable-scrollbar) * {
   /* Track */
 }
-body:not(.disable-scrollbar) ::-webkit-scrollbar-track {
+body:not(.disable-scrollbar) *::-webkit-scrollbar-track {
   border-radius: 5px;
   background: var(--theme-scrollbar-track--background);
 }
-body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover {
+body:not(.disable-scrollbar) *::-webkit-scrollbar-track:hover {
   background: var(--theme-scrollbar-track--background--hover);
 }
-body:not(.disable-scrollbar) {
+body:not(.disable-scrollbar) * {
   /* Handle */
 }
-body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb {
+body:not(.disable-scrollbar) *::-webkit-scrollbar-thumb {
   border-radius: 5px;
   background: var(--theme-scrollbar-thumb--background);
 }
-body:not(.disable-scrollbar) {
+body:not(.disable-scrollbar) * {
   /* Handle on hover */
 }
-body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover {
+body:not(.disable-scrollbar) *::-webkit-scrollbar-thumb:hover {
   background: var(--theme-scrollbar-thumb--background--hover);
 }
-body:not(.disable-scrollbar) ::-webkit-scrollbar-corner {
+body:not(.disable-scrollbar) *::-webkit-scrollbar-corner {
   display: none;
 }