@siemens/ix 5.2.0 → 5.2.1

package/components/ix-menu-category.js

@@ -1 +1 @@
-import{p as t,M as a,e,h as i,d as r,t as s}from"./p-eN5fQtqO.js";import{t as o}from"./p-DsVj4Cd-.js";import{a as n}from"./p-DhE1t8Qh.js";import{c as h}from"./p-DuTDx0c-.js";import{c as d}from"./p-CX81WQtk.js";import{r as u}from"./p-BEuV0Xpe.js";import{D as c,h as l}from"./p-CApDAYIa.js";import{I as b}from"./p-BST8QY5w.js";import{g as m}from"./p-Dw_A3HUC.js";import{m as g}from"./p-Djkc69iv.js";import{d as p}from"./p-BbwShqw_.js";import{c as C,d as A}from"./p-BcbFeRB0.js";import{d as f}from"./p-ePylRxs_.js";import{d as x}from"./p-CLDB-pmj.js";import{d as w}from"./p-CUpOF7jN.js";import{d as y}from"./p-CgPr717U.js";import{d as v}from"./p-YFmbQndr.js";let k=0;const I=t(class extends(a(...c,b)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeOtherCategories=e(this,"closeOtherCategories",7)}get hostElement(){return this}label;icon;notifications;tooltipText;closeOtherCategories;menuExpand=!1;showItems=!1;showDropdown=!1;nestedItems=[];async setTabIndex(t){await(this.categoryParentRef.current?.setTabIndex(t))}observer;menuItemsContainer;ixMenu;dropdownRef=g();categoryParentRef=g();categoryId=C("ix-menu-category-",k++);focusFirstItemOnDropdownOpen=!1;isNestedItemActive(){return this.getNestedItems().some((t=>t.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){return 40*this.getNestedItems().length}focusFirstItem(){const t=this.getNestedItems()[0];t&&u((()=>t.focus()))}onExpandCategory(t){t?this.animateFadeIn():this.animateFadeOut()}animateFadeOut(){n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+40,0],onComplete:()=>{setTimeout((()=>{this.showItems=!1,this.showDropdown=!1}),175)}})}animateFadeIn(){this.showItems=!0,this.showDropdown=!1,n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+40]})}showMenuItemDropdown(){if(!this.ixMenu?.expand&&(this.closeOtherCategories.emit(this.categoryId),this.dropdownRef.current)){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.present(t)}}hideMenuItemDropdown(t){if(t?.detail!==this.categoryId&&this.dropdownRef.current){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.dismiss(t)}}handleCategoryVisibility(){this.ixMenu?.expand?this.onExpandCategory(!this.showItems):this.showMenuItemDropdown()}onDropdownShowChange(t){if(t)return;const a=document.activeElement,e=m(a).includes(this.hostElement);l()&&e&&u((()=>u((()=>this.hostElement.focus()))))}onDropdownShowChanged(t){this.showDropdown=t,t?this.focusFirstItemOnDropdownOpen&&(this.focusFirstItemOnDropdownOpen=!1,this.focusFirstItem()):this.focusFirstItemOnDropdownOpen=!1}onDropdownFocusOut(){u((()=>{const t=document.activeElement;if(!t)return;const a=m(t),e=a.includes(this.hostElement),i=!!this.dropdownRef.current&&a.includes(this.dropdownRef.current);e||i||(this.showDropdown=!1)}))}onNestedItemSelect(){this.ixMenu?.expand||(this.showDropdown=!1)}onCategoryClick(t){t.stopPropagation(),this.handleCategoryVisibility()}onKeyDown(t){if("Enter"!==t.key&&" "!==t.key)"ArrowDown"===t.key&&this.showItems&&(t.preventDefault(),this.focusFirstItem());else{t.preventDefault();const a=this.ixMenu?.expand&&this.showItems,e=!this.ixMenu?.expand;if(this.handleCategoryVisibility(),!a){if(e)return void(this.focusFirstItemOnDropdownOpen=!0);this.focusFirstItem()}}}onMenuItemsKeyDown(t){if("Escape"===t.key)return t.preventDefault(),this.categoryParentRef.current?.focus(),void this.handleCategoryVisibility();if("ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Tab"!==t.key)return;const a=this.getNestedItems();if(0===a.length)return;const e=t.composedPath(),i=a.findIndex((t=>e.includes(t)));-1!==i&&(t.preventDefault(),"ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey?a[(i+1)%a.length].focus():a[(i-1+a.length)%a.length].focus())}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}onNestedItemsChanged(t){this.suppressAnchorWrapperTabStops();const a=this.nestedItems.length;if(this.nestedItems=this.getNestedItems(),this.showItems&&this.menuItemsContainer&&a!==this.nestedItems.length&&(this.menuItemsContainer.style.maxHeight=this.getNestedItemsHeight()+40+"px"),this.menuExpand&&!this.showItems&&t)for(const a of t??[])if("class"===a.attributeName&&a.target instanceof HTMLElement&&a.target.classList.contains("active"))return this.showItems=!0,void this.onExpandCategory(!0)}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){super.componentWillLoad();const t=h(this.hostElement);if(!t)throw Error("ix-menu-category can only be used as a child of ix-menu");this.ixMenu=t,this.menuExpand=this.ixMenu.expand,this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=d((t=>this.onNestedItemsChanged(t))),this.observer.observe(this.hostElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0}),u((()=>{this.onNestedItemsChanged(),this.onShowItemsChange()})),this.ixMenu?.addEventListener("expandChange",(({detail:t})=>{this.menuExpand=t,t||this.clearMenuItemStyles(),this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemStyles(){this.menuItemsContainer?.style.removeProperty("max-height"),this.menuItemsContainer?.style.removeProperty("opacity")}onShowItemsChange(){this.getNestedItems().forEach((t=>{t.hidden=!this.showItems&&!this.showDropdown}))}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect()}render(){const t={...this.inheritAriaAttributes};return delete t.role,i(r,{key:"16e92aa31c97226ac110248e58ee4e8cf6e686cb",class:{expanded:this.showItems},onIxMenuCategoryItemSelect:()=>this.onNestedItemSelect(),onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},i("ix-menu-item",{key:"bfce7e95d4e994a53d20016b1108f26248c19de9",...t,"aria-haspopup":"menu","aria-expanded":this.showItems||this.showDropdown?"true":"false",id:this.categoryId,ref:this.categoryParentRef,class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:t=>this.onCategoryClick(t),onKeyDown:t=>this.onKeyDown(t),tooltipText:this.tooltipText,isCategory:!0,menuCategoryLabel:this.label},i("span",{key:"1700d1f6d3c93e66ede8e96ab6f6ed126b255220",class:"category"},i("span",{key:"6f56b33cbf5be34051d2466c9b99d012664ad1c9",class:"category-text"},this.label),i("ix-icon",{key:"b971ca95e49344cc3f60c72430701c6a8c06a21c",name:o,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),i("div",{key:"36f61ae3b2b0e52fa67380216d46b5386c446f30",ref:t=>this.menuItemsContainer=t,class:{"menu-items":!0,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems},role:"menu","aria-labelledby":this.categoryId,onKeyDown:t=>this.onMenuItemsKeyDown(t)},this.showItems?i("slot",null):null),i("ix-dropdown",{key:"a89d90584e563751f4e8c5705be94e2e52cd801a",ref:this.dropdownRef,hostRole:"menu","aria-label":this.label,closeBehavior:"both",show:this.showDropdown,onShowChange:({detail:t})=>this.onDropdownShowChange(t),onShowChanged:({detail:t})=>this.onDropdownShowChanged(t),class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},focusHost:this.hostElement,onClick:t=>{t.target instanceof HTMLElement&&("IX-MENU-ITEM"===t.target.tagName?this.showDropdown=!1:t.preventDefault())},onFocusout:()=>this.onDropdownFocusOut()},i("ix-dropdown-item",{key:"437c4dfccac1e17d515cc1095b9b2d2ded520ae6",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},i("ix-typography",{key:"a72c3c3f9db4d7330f7876518f2e0d26b3718f02",format:"label",bold:!0,textColor:"std"},this.label)),i("ix-divider",{key:"f743e54cbdbd27b56030f2a8f44073fe12ea1564"}),i("slot",{key:"37394a8edb8a0eeffa8b2ed4aaeb5d913249f2d5"})))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;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 .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}"}},[785,"ix-menu-category",{label:[1],icon:[1],notifications:[2],tooltipText:[1,"tooltip-text"],inheritAriaAttributes:[32],menuExpand:[32],showItems:[32],showDropdown:[32],nestedItems:[32],setTabIndex:[64]},[[8,"closeOtherCategories","hideMenuItemDropdown"]],{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}]),D=I,E=function(){"undefined"!=typeof customElements&&["ix-menu-category","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-category":customElements.get(s(t))||customElements.define(s(t),I);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||x();break;case"ix-dropdown-item":customElements.get(s(t))||w();break;case"ix-menu-item":customElements.get(s(t))||A();break;case"ix-tooltip":customElements.get(s(t))||y();break;case"ix-typography":customElements.get(s(t))||v()}}))};export{D as IxMenuCategory,E as defineCustomElement}
+import{p as t,M as e,e as s,h as o,d as i,t as r}from"./p-eN5fQtqO.js";import{t as a}from"./p-DsVj4Cd-.js";import{a as n}from"./p-DhE1t8Qh.js";import{c as h}from"./p-DuTDx0c-.js";import{c}from"./p-CX81WQtk.js";import{r as d}from"./p-BEuV0Xpe.js";import{D as m,h as l}from"./p-CApDAYIa.js";import{I as p}from"./p-BF2IsI5j.js";import{g as u}from"./p-Dw_A3HUC.js";import{m as b}from"./p-Djkc69iv.js";import{d as f}from"./p-BbwShqw_.js";import{c as g,d as w}from"./p-DXmwthlZ.js";import{d as x}from"./p-ePylRxs_.js";import{d as y}from"./p-CGGWaScq.js";import{d as k}from"./p-n2_EOgMr.js";import{d as I}from"./p-D_VBAyPm.js";import{d as v}from"./p-YFmbQndr.js";let C=0;const D=t(class extends(e(...m,p)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeOtherCategories=s(this,"closeOtherCategories",7)}get hostElement(){return this}label;icon;notifications;tooltipText;closeOtherCategories;menuExpand=!1;showItems=!1;showDropdown=!1;nestedItems=[];async setTabIndex(t){await(this.categoryParentRef.current?.setTabIndex(t))}observer;menuItemsContainer;ixMenu;dropdownRef=b();categoryParentRef=b();categoryId=g("ix-menu-category-",C++);focusFirstItemOnDropdownOpen=!1;isNestedItemActive(){return this.getNestedItems().some((t=>t.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){return 40*this.getNestedItems().length}focusFirstItem(){const t=this.getNestedItems()[0];t&&d((()=>t.focus()))}onExpandCategory(t){t?this.animateFadeIn():this.animateFadeOut()}animateFadeOut(){this.menuItemsContainer&&n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+40,0],onComplete:()=>{setTimeout((()=>{this.showItems=!1,this.showDropdown=!1}),175)}})}animateFadeIn(){this.showItems=!0,this.showDropdown=!1,this.menuItemsContainer&&n(this.menuItemsContainer,{duration:150,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+40],onComplete:()=>{this.clearMenuItemsContainerStyles()}})}showMenuItemDropdown(){if(this.ixMenu?.expand)return;this.closeOtherCategories.emit(this.categoryId);const t=this.dropdownRef.current?.dataset.ixDropdown;if(t){const e=f.getDropdownById(t);e&&f.present(e)}}hideMenuItemDropdown(t){if(t?.detail===this.categoryId)return;const e=this.dropdownRef.current?.dataset.ixDropdown;if(e){const t=f.getDropdownById(e);t&&f.dismiss(t)}}handleCategoryVisibility(){this.ixMenu?.expand?this.onExpandCategory(!this.showItems):this.showMenuItemDropdown()}onDropdownShowChange(t){if(t)return;const e=document.activeElement,s=u(e).includes(this.hostElement);l()&&s&&d((()=>d((()=>this.hostElement.focus()))))}onDropdownShowChanged(t){this.showDropdown=t,t?this.focusFirstItemOnDropdownOpen&&(this.focusFirstItemOnDropdownOpen=!1,this.focusFirstItem()):this.focusFirstItemOnDropdownOpen=!1}onDropdownFocusOut(){d((()=>{const t=document.activeElement;if(!t)return;const e=u(t),s=e.includes(this.hostElement),o=!!this.dropdownRef.current&&e.includes(this.dropdownRef.current);s||o||(this.showDropdown=!1)}))}onNestedItemSelect(){this.ixMenu?.expand||(this.showDropdown=!1)}onCategoryClick(t){t.stopPropagation(),this.handleCategoryVisibility()}onKeyDown(t){if("Enter"!==t.key&&" "!==t.key)"ArrowDown"===t.key&&this.showItems&&(t.preventDefault(),this.focusFirstItem());else{t.preventDefault();const e=this.ixMenu?.expand&&this.showItems,s=!this.ixMenu?.expand;if(this.handleCategoryVisibility(),!e){if(s)return void(this.focusFirstItemOnDropdownOpen=!0);this.focusFirstItem()}}}onMenuItemsKeyDown(t){if("Escape"===t.key)return t.preventDefault(),this.categoryParentRef.current?.focus(),void this.handleCategoryVisibility();if("ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Tab"!==t.key)return;const e=this.getNestedItems();if(0===e.length)return;const s=t.composedPath(),o=e.findIndex((t=>s.includes(t)));-1!==o&&(t.preventDefault(),"ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey?e[(o+1)%e.length].focus():e[(o-1+e.length)%e.length].focus())}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}onNestedItemsChanged(t){this.suppressAnchorWrapperTabStops();const e=this.nestedItems.length;if(this.nestedItems=this.getNestedItems(),this.showItems&&this.menuItemsContainer&&e!==this.nestedItems.length&&(this.menuItemsContainer.style.maxHeight=this.getNestedItemsHeight()+40+"px"),this.menuExpand&&!this.showItems&&t)for(const e of t??[])if("class"===e.attributeName&&e.target instanceof HTMLElement&&e.target.classList.contains("active"))return this.showItems=!0,void this.onExpandCategory(!0)}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){super.componentWillLoad();const t=h(this.hostElement);if(!t)throw Error("ix-menu-category can only be used as a child of ix-menu");this.ixMenu=t,this.menuExpand=this.ixMenu.expand,this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=c((t=>this.onNestedItemsChanged(t))),this.observer.observe(this.hostElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0}),d((()=>{this.onNestedItemsChanged(),this.onShowItemsChange()})),this.ixMenu?.addEventListener("expandChange",(({detail:t})=>{this.menuExpand=t,t||this.clearMenuItemsContainerStyles(),this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemsContainerStyles(){this.menuItemsContainer?.style.removeProperty("max-height"),this.menuItemsContainer?.style.removeProperty("opacity")}onShowItemsChange(){this.getNestedItems().forEach((t=>{t.hidden=!this.showItems&&!this.showDropdown}))}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect()}render(){const t={...this.inheritAriaAttributes};return delete t.role,o(i,{key:"0b54b4b98d9630b70224a566eb6b6abd86f69139",class:{expanded:this.showItems},onIxMenuCategoryItemSelect:()=>this.onNestedItemSelect(),onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},o("ix-menu-item",{key:"50e63e3d3002e6551336d04e608f8c3f7d51ff3d",...t,"aria-haspopup":"menu","aria-expanded":this.showItems||this.showDropdown?"true":"false",id:this.categoryId,ref:this.categoryParentRef,class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:t=>this.onCategoryClick(t),onKeyDown:t=>this.onKeyDown(t),tooltipText:this.tooltipText,isCategory:!0,menuCategoryLabel:this.label},o("span",{key:"feeb581bf824de38b25d164e9c8ddabb5afbea51",class:"category"},o("span",{key:"096f4f45fadd93317bc67be9d449c1d610096155",class:"category-text"},this.label),o("ix-icon",{key:"03c15e2624ed0580e513c2d361af37f02afd9c9c",name:a,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),o("div",{key:"4c2a38f8d7f63cb0d400983a70c2ca0cbc7d7da9",ref:t=>this.menuItemsContainer=t,class:{"menu-items":!0,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems},role:"menu","aria-labelledby":this.categoryId,onKeyDown:t=>this.onMenuItemsKeyDown(t)},this.showItems?o("slot",null):null),o("ix-dropdown",{key:"541fc21db5cf52b0854a517525a636a8bd82d436",ref:this.dropdownRef,hostRole:"menu","aria-label":this.label,closeBehavior:"both",show:this.showDropdown,onShowChange:({detail:t})=>this.onDropdownShowChange(t),onShowChanged:({detail:t})=>this.onDropdownShowChanged(t),class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},focusHost:this.hostElement,onClick:t=>{t.target instanceof HTMLElement&&("IX-MENU-ITEM"===t.target.tagName?this.showDropdown=!1:t.preventDefault())},onFocusout:()=>this.onDropdownFocusOut()},o("ix-dropdown-item",{key:"b277224530668e11c773ba48ef6a9c16e65a872d",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},o("ix-typography",{key:"4727fd4f5311c9aacdf5bf6745c625906e0ea6e5",format:"label",bold:!0,textColor:"std"},this.label)),o("ix-divider",{key:"e9aef75055efc7168309041d981596a817e21fc9"}),o("slot",{key:"13c5d736008e47b8359877e3efb7d5db3c4b1018"})))}static get delegatesFocus(){return!0}static get watchers(){return{showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;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 .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}"}},[785,"ix-menu-category",{label:[1],icon:[1],notifications:[2],tooltipText:[1,"tooltip-text"],inheritAriaAttributes:[32],menuExpand:[32],showItems:[32],showDropdown:[32],nestedItems:[32],setTabIndex:[64]},[[8,"closeOtherCategories","hideMenuItemDropdown"]],{showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}]),E=D,j=function(){"undefined"!=typeof customElements&&["ix-menu-category","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-category":customElements.get(r(t))||customElements.define(r(t),D);break;case"ix-divider":customElements.get(r(t))||x();break;case"ix-dropdown":customElements.get(r(t))||y();break;case"ix-dropdown-item":customElements.get(r(t))||k();break;case"ix-menu-item":customElements.get(r(t))||w();break;case"ix-tooltip":customElements.get(r(t))||I();break;case"ix-typography":customElements.get(r(t))||v()}}))};export{E as IxMenuCategory,j as defineCustomElement}

package/components/ix-menu-expand-icon.js

@@ -1 +1 @@
-import{M as s,d as o}from"./p-OxstEnSC.js";const t=s,p=o;export{t as IxMenuExpandIcon,p as defineCustomElement}
+import{M as o,d as s}from"./p-CqWfy46u.js";const p=o,r=s;export{p as IxMenuExpandIcon,r as defineCustomElement}

package/components/ix-menu-item.js

@@ -1 +1 @@
-import{M as o,d as s}from"./p-BcbFeRB0.js";const p=o,r=s;export{p as IxMenuItem,r as defineCustomElement}
+import{M as o,d as s}from"./p-DXmwthlZ.js";const t=o,m=s;export{t as IxMenuItem,m as defineCustomElement}

package/components/ix-menu-settings.js

@@ -1 +1 @@
-import{p as t,H as e,e as o,j as s,h as i,d as a,t as n}from"./p-eN5fQtqO.js";import{G as r}from"./p-DsVj4Cd-.js";import{d as l}from"./p-CRtj-KBq.js";import{d as m}from"./p-CLDB-pmj.js";import{d as h}from"./p-CvAmaEU2.js";import{d as c}from"./p-CUpOF7jN.js";import{d as b}from"./p-DdlGyKd2.js";import{d as f}from"./p-CEE0wwD3.js";import{d as g}from"./p-D7sEY2UQ.js";import{d}from"./p-Bs5X90wM.js";import{d as x}from"./p-C_K74Xlt.js";import{d as u}from"./p-BHoJOFM-.js";import{d as p}from"./p-CgPr717U.js";import{d as y}from"./p-YFmbQndr.js";const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=o(this,"tabChange",7),this.close=o(this,"close",7)}get hostElement(){return 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:r,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)))}static get style(){return".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}"}},[769,"ix-menu-settings",{suppressLegacyTabs:[4,"suppress-legacy-tabs"],activeTabKey:[1025,"active-tab-key"],label:[1],ariaLabelCloseButton:[1,"aria-label-close-button"],show:[4]},[[0,"labelChange","handleLabelChange"]]]),w=k,v=function(){"undefined"!=typeof customElements&&["ix-menu-settings","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-pill","ix-spinner","ix-tab-item","ix-tab-set","ix-tabs","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-settings":customElements.get(n(t))||customElements.define(n(t),k);break;case"ix-button":customElements.get(n(t))||l();break;case"ix-dropdown":customElements.get(n(t))||m();break;case"ix-dropdown-button":customElements.get(n(t))||h();break;case"ix-dropdown-item":customElements.get(n(t))||c();break;case"ix-icon-button":customElements.get(n(t))||b();break;case"ix-pill":customElements.get(n(t))||f();break;case"ix-spinner":customElements.get(n(t))||g();break;case"ix-tab-item":customElements.get(n(t))||d();break;case"ix-tab-set":customElements.get(n(t))||x();break;case"ix-tabs":customElements.get(n(t))||u();break;case"ix-tooltip":customElements.get(n(t))||p();break;case"ix-typography":customElements.get(n(t))||y()}}))};export{w as IxMenuSettings,v as defineCustomElement}
+import{p as t,H as e,e as o,j as s,h as i,d as a,t as n}from"./p-eN5fQtqO.js";import{G as r}from"./p-DsVj4Cd-.js";import{d as l}from"./p-q_MHsaAK.js";import{d as m}from"./p-CGGWaScq.js";import{d as h}from"./p-DzDB4UBp.js";import{d as c}from"./p-n2_EOgMr.js";import{d as b}from"./p-CiP3eKpd.js";import{d as f}from"./p-BKCLcJ_A.js";import{d as g}from"./p-BKVBe7Co.js";import{d}from"./p-B3ZUi0gM.js";import{d as x}from"./p-C_K74Xlt.js";import{d as u}from"./p-DB-zpRCO.js";import{d as p}from"./p-D_VBAyPm.js";import{d as y}from"./p-YFmbQndr.js";const k=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tabChange=o(this,"tabChange",7),this.close=o(this,"close",7)}get hostElement(){return 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:r,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)))}static get style(){return".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}"}},[769,"ix-menu-settings",{suppressLegacyTabs:[4,"suppress-legacy-tabs"],activeTabKey:[1025,"active-tab-key"],label:[1],ariaLabelCloseButton:[1,"aria-label-close-button"],show:[4]},[[0,"labelChange","handleLabelChange"]]]),w=k,v=function(){"undefined"!=typeof customElements&&["ix-menu-settings","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-pill","ix-spinner","ix-tab-item","ix-tab-set","ix-tabs","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-settings":customElements.get(n(t))||customElements.define(n(t),k);break;case"ix-button":customElements.get(n(t))||l();break;case"ix-dropdown":customElements.get(n(t))||m();break;case"ix-dropdown-button":customElements.get(n(t))||h();break;case"ix-dropdown-item":customElements.get(n(t))||c();break;case"ix-icon-button":customElements.get(n(t))||b();break;case"ix-pill":customElements.get(n(t))||f();break;case"ix-spinner":customElements.get(n(t))||g();break;case"ix-tab-item":customElements.get(n(t))||d();break;case"ix-tab-set":customElements.get(n(t))||x();break;case"ix-tabs":customElements.get(n(t))||u();break;case"ix-tooltip":customElements.get(n(t))||p();break;case"ix-typography":customElements.get(n(t))||y()}}))};export{w as IxMenuSettings,v as defineCustomElement}

package/components/ix-menu.js

@@ -1 +1 @@
-import{p as t,H as a,e,h as n,d as i,t as o}from"./p-eN5fQtqO.js";import{f as r,P as s,Q as m,d as c}from"./p-DsVj4Cd-.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as d}from"./p-DNIQ2C1K.js";import{s as f}from"./p-BL9SR36X.js";import{a as p,A as h}from"./p-DuTDx0c-.js";import{a as u}from"./p-4pTtJwcY.js";import{m as b}from"./p-DT02jDB7.js";import{r as g}from"./p-BEuV0Xpe.js";import{a as y}from"./p-JJddxCCh.js";import{t as k}from"./p-Dx6rQdpk.js";import{d as _}from"./p-DdlGyKd2.js";import{d as x}from"./p-OxstEnSC.js";import{d as v}from"./p-BcbFeRB0.js";import{d as w}from"./p-D7sEY2UQ.js";import{d as I}from"./p-CgPr717U.js";import{d as O}from"./p-YFmbQndr.js";const L=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.openAppSwitch=e(this,"openAppSwitch",7),this.openSettings=e(this,"openSettings",7),this.openAbout=e(this,"openAbout",7)}get hostElement(){return this}showSettings=!1;showAbout=!1;enableToggleTheme=!1;applicationName;applicationDescription="";expand=!1;expandChanged(t,a){t!==a&&this.toggleMenu(t)}startExpanded=!1;pinned=!1;pinnedChange(t){if(this.setPinned(this.pinned),t)return u.disableBreakpointDetection(),void u.setBreakpoint("lg");u.enableBreakpointDetection()}i18nAriaLabelMenu="Application Navigation";i18nNavigationHint="Use Up and Down arrow keys to navigate between menu items";i18nLegal="About & legal information";i18nSettings="Settings";i18nToggleTheme="Toggle theme";i18nExpand="Expand";i18nCollapse="Collapse";expandChange;mapExpandChange;openAppSwitch;openSettings;openAbout;showPinned=!1;mapExpand=!0;breakpoint="lg";itemsScrollShadowTop=!1;itemsScrollShadowBottom=!1;hasBottomSlotItems=!1;applicationLayoutContext;isDarkMode=!1;isTransitionDisabled=!1;lastFocusedMenuItem;themeNameDisposer;isVisible=t=>"none"!==t.style.display&&"none"!==t.parentElement?.parentElement?.style.display;get popoverArea(){return this.hostElement.shadowRoot.querySelector("#popover-area")}get menu(){return this.hostElement.shadowRoot.querySelector(".menu")}get menuItemsContainer(){return this.menu.querySelector(".tabs")}get menuNavigationContainer(){return this.menu.querySelector(".menu-navigation")}get overlayContainer(){return this.hostElement.shadowRoot.querySelector(".menu-overlay")}get menuItems(){return Array.from(this.hostElement.querySelectorAll('ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab):not([slot="bottom"])')).filter((t=>this.isVisible(t)))}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter((t=>this.isVisible(t)))}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.shadowRoot.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return 0===this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown .appended").length}get moreItemsDropdownItems(){return this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.shadowRoot.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.shadowRoot.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutNewsPopover(){return document.querySelector("ix-menu-about-news")??this.hostElement.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.shadowRoot.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return 0===Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-menu-settings-item")).length}get hasUtilityMenuItems(){return!!this.settings||this.enableToggleTheme||!!this.about}get shouldFillMenuNavigation(){return this.hasUtilityMenuItems||this.hasBottomSlotItems}get tabsContainer(){return this.hostElement}componentDidLoad(){requestAnimationFrame((()=>{this.suppressAnchorWrapperTabStops(),this.handleOverflowIndicator();const t=this.getAllFocusableItems();this.resetRovingTabIndex(t)})),this.pinned&&this.pinnedChange(this.pinned)}componentWillLoad(){this.updateBottomSlotState(),p(this.hostElement,h,(t=>{this.applicationLayoutContext=t,this.onBreakpointChange(!0!==t.hideHeader?u.breakpoint:"md")}),!0),u.onChange.on((t=>this.onBreakpointChange(t))),this.onBreakpointChange(u.breakpoint,!0),this.updateThemeState(),this.themeNameDisposer=k.themeChanged.on((()=>{this.updateThemeState()}))}componentDidRender(){!this.about&&this.aboutNewsPopover&&(this.aboutNewsPopover.show=!1),this.appendFragments()}connectedCallback(){b.register(this.hostElement)}disconnectedCallback(){this.themeNameDisposer?.dispose(),b.unregister(this.hostElement)}updateThemeState(){this.isDarkMode="dark"===k.getMode()}setPinned(t){this.showPinned=t,b.setIsPinned(t)}onBreakpointChange(t,a=!1){(this.applicationLayoutContext||"sm"!==t)&&this.applicationLayoutContext&&(this.applicationLayoutContext.hideHeader&&"sm"===t||(this.setPinned("lg"===t),(a||t!==this.breakpoint)&&this.toggleMenu("lg"===t&&this.startExpanded),this.breakpoint=t))}appendFragments(){this.appendAboutNewsPopover()}getAboutPopoverVerticalPosition(){const t=this.aboutTab?.getBoundingClientRect()||{bottom:-window.innerHeight,height:0},a=window.innerHeight-(t.bottom-t.height/2+6+6);return y(a)}appendAboutNewsPopover(){if(this.aboutNewsPopover&&this.about&&(this.aboutNewsPopover.style.bottom=this.getAboutPopoverVerticalPosition(),!this.popoverArea?.contains(this.aboutNewsPopover))){const t=()=>{this.aboutNewsPopover?.activeAboutTabKey&&this.about&&(this.about.activeTabKey=this.aboutNewsPopover.activeAboutTabKey,this.toggleAbout(!0))};this.aboutNewsPopover.addEventListener("showMore",(()=>t())),document.body.appendChild(this.aboutNewsPopover)}}async toggleMapExpand(t){this.mapExpand=void 0!==t?t:!this.mapExpand}async toggleMenu(t){const a=this.expand;this.expand=void 0!==t?t:!this.expand,this.aboutNewsPopover&&(this.aboutNewsPopover.expanded=this.expand);const{defaultPrevented:e}=this.expandChange.emit(this.expand);if(e)return this.expand=a,void(this.aboutNewsPopover&&(this.aboutNewsPopover.expanded=a));this.isTransitionDisabled=!1,this.checkTransition(),"sm"==this.breakpoint&&this.expand&&setTimeout((()=>{this.handleOverflowIndicator()}),100)}checkTransition(){const t=this.overlayContainer;t&&(t.style.transitionProperty=this.isTransitionDisabled?"left":"all")}isOverlayVisible(){return this.showAbout||this.showSettings}async toggleSettings(t){if(!this.settings)return;const{defaultPrevented:a}=this.openSettings.emit();a||(this.isOverlayVisible()||this.animateOverlayFadeIn(),t?(this.resetOverlay(),this.showSettings=t,this.settings.show=this.showSettings):this.onOverlayClose())}async toggleAbout(t){if(!this.about)return;const{defaultPrevented:a}=this.openAbout.emit();a||(this.isOverlayVisible()||this.animateOverlayFadeIn(),t?(this.resetOverlay(),this.showAbout=t,this.about.show=this.showAbout):this.onOverlayClose())}resetOverlay(){this.showSettings=!1,this.showAbout=!1,this.settings&&(this.settings.show=!1),this.about&&(this.about.show=!1)}isMenuItemClicked(t){return t.target instanceof a&&"IX-MENU-ITEM"===t.target.tagName}handleOverflowIndicator(){const{clientHeight:t,scrollTop:a,scrollHeight:e}=this.menuItemsContainer;this.itemsScrollShadowTop=a>0,this.itemsScrollShadowBottom=Math.round(a+t)<e}onOverlayClose(t){const a=this.shouldRestoreMenuFocus(t);this.animateOverlayFadeOut((()=>{this.resetOverlay(),a&&this.focusMenuNavigationContainer()}))}shouldRestoreMenuFocus(t){return!!t}focusMenuNavigationContainer(){const t=this.menuNavigationContainer;t&&g((()=>{t.focus()}))}animateOverlayFadeIn(){requestAnimationFrame((()=>{l(this.overlayContainer,{duration:d.mediumTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeInSine",onBegin:()=>{this.showPinned||this.toggleMenu(!1)}})}))}animateOverlayFadeOut(t){requestAnimationFrame((()=>{l(this.overlayContainer,{duration:d.mediumTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",onComplete:()=>t()})}))}onMenuItemsClick(t){this.isMenuItemClicked(t)&&(this.showPinned||this.toggleMenu(!1),this.onOverlayClose())}updateBottomSlotState(){this.hasBottomSlotItems=Array.from(this.hostElement.children).some((t=>"bottom"===t.getAttribute("slot")))}isHiddenFromViewport(){return"sm"===this.breakpoint&&!1===this.expand}updateRovingTabIndex(t,a){this.updateMenuItemPositionMetadata(t),t.forEach(((t,e)=>{t.setTabIndex?.(e===a?0:-1)}))}resetRovingTabIndex(t=this.getAllFocusableItems()){this.updateMenuItemPositionMetadata(t),t.forEach((t=>{t.setTabIndex?.(-1)}))}updateMenuItemPositionMetadata(t){[...Array.from(this.hostElement.querySelectorAll("ix-menu-item")),...Array.from(this.hostElement.shadowRoot?.querySelectorAll(".menu-utility-controls > ix-menu-item")??[])].forEach((t=>{t.removeAttribute("aria-posinset"),t.removeAttribute("aria-setsize")}));const a=t.length;t.forEach(((t,e)=>{t.setAttribute("aria-posinset",e+1+""),t.setAttribute("aria-setsize",a+"")}))}handleMenuFocusIn(t){const e=this.getAllFocusableItems(),n=t.composedPath(),i=e.findIndex((t=>n.includes(t)));-1!==i?(this.lastFocusedMenuItem=e[i],this.updateRovingTabIndex(e,i)):t.target instanceof a&&this.resetRovingTabIndex(e)}getAllFocusableItems(){const t=t=>!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")&&this.isVisible(t);return[...Array.from(this.hostElement.querySelectorAll(":scope > ix-menu-item, :scope > ix-menu-category, :scope > a > ix-menu-item, :scope > a > ix-menu-category")).filter(t),...Array.from(this.hostElement.shadowRoot?.querySelectorAll(".menu-utility-controls > ix-menu-item")??[]).filter(t)]}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item, ix-menu-category"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}isEventFromExpandedCategoryItems(t){return t.composedPath().some((t=>t instanceof a&&"menu"===t.getAttribute?.("role")))}handleMenuKeyDown(t){if(!["ArrowDown","ArrowUp","Home","End"].includes(t.key))return;if(this.isEventFromExpandedCategoryItems(t))return;const a=this.getAllFocusableItems();if(0===a.length)return;const e=t.composedPath(),n=a.findIndex((t=>e.includes(t))),i=-1===n&&e.includes(this.menuNavigationContainer);if(i||-1!==n){if(t.preventDefault(),i){let e=a.indexOf(this.lastFocusedMenuItem);return"Home"===t.key?e=0:"End"===t.key?e=a.length-1:-1===e&&(e="ArrowDown"===t.key?0:a.length-1),this.updateRovingTabIndex(a,e),this.lastFocusedMenuItem=a[e],void a[e].focus()}switch(t.key){case"ArrowDown":{const t=(n+1)%a.length;this.updateRovingTabIndex(a,t),this.lastFocusedMenuItem=a[t],a[t].focus();break}case"ArrowUp":{const t=(n-1+a.length)%a.length;this.updateRovingTabIndex(a,t),this.lastFocusedMenuItem=a[t],a[t].focus();break}case"Home":this.updateRovingTabIndex(a,0),this.lastFocusedMenuItem=a[0],a[0].focus();break;case"End":this.updateRovingTabIndex(a,a.length-1),this.lastFocusedMenuItem=a.at(-1),a.at(-1)?.focus()}}}async showAppSwitch(){const{defaultPrevented:t}=this.openAppSwitch.emit();t||this.applicationLayoutContext?.appSwitchConfig&&f(this.applicationLayoutContext.appSwitchConfig)}render(){let t;return this.showSettings?t=this.i18nSettings:this.showAbout&&(t=this.i18nLegal),n(i,{key:"5f6815b9abd45243d81f776dd85efd9aab656588",class:{expanded:this.expand,["breakpoint-"+this.breakpoint]:!0},slot:"menu"},n("nav",{key:"7015050bc75040e5b8108a69192a1bdcbff57846","aria-label":this.applicationName,class:{menu:!0,expanded:this.expand}},n("div",{key:"3a114469dd32955a38cdca3a5e2e03cd5b2471db",class:"menu-buttons"},"sm"!==this.breakpoint&&n("ix-menu-expand-icon",{key:"89f1c89efa15f828a257d275850dd26de4ee36b2",breakpoint:this.breakpoint,expanded:this.expand,"i18n-expand":this.i18nExpand,"i18n-collapse":this.i18nCollapse,pinned:this.pinned,class:"menu-expand-icon",onClick:async()=>this.toggleMenu(),"data-testid":"expand-collapse-menu"}),"sm"===this.breakpoint&&this.applicationLayoutContext?.appSwitchConfig&&n("ix-icon-button",{key:"469adcac94c793d8d23296a97037e33027ef6101",onClick:()=>{this.showAppSwitch()},icon:r,variant:"subtle-tertiary"})),n("div",{key:"d7845606dc164ac287c1eb9fbbbc5182df51b3d6",role:"menubar","aria-orientation":"vertical","aria-label":this.i18nAriaLabelMenu,"aria-description":this.i18nNavigationHint,class:{"menu-navigation":!0,"menu-navigation--fill":this.shouldFillMenuNavigation},tabIndex:0,onKeyDown:t=>this.handleMenuKeyDown(t),onFocusin:t=>this.handleMenuFocusIn(t),onFocusout:()=>this.resetRovingTabIndex()},n("div",{key:"a9b2b9fb987fe35e89c79d48084188d352186a5d",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},n("div",{key:"9873540581ae3a56946aa25df1226f49cd8263dd",class:"tabs-shadow-container"},n("div",{key:"455bab2823a08e5986b49cddee42f4ab6693fdf5",class:{"tabs--shadow":!0,"tabs--shadow-top":!0,"tabs--shadow--show":this.itemsScrollShadowTop}}),n("div",{key:"f9bfcef1a3c9da55668a9fcd3d1525eb93027c7a",class:{tabs:!0,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},n("div",{key:"02b8d8fc871e63599af9da6671add34cdb6d44e9",class:"menu-avatar"},n("slot",{key:"d09ba12af87e88c37ef4191a93cf34e020b81697",name:"ix-menu-avatar"})),n("slot",{key:"a5ba3a6342eb7fed67c335ce3e78827c5177cc00",name:"home"}),"sm"===this.breakpoint&&this.isHiddenFromViewport()?null:n("slot",null)),n("div",{key:"e1a3055be90a4db89191c93fccd7639191864c92",class:{"tabs--shadow":!0,"tabs--shadow-bottom":!0,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),n("div",{key:"47ad3e4151532503b1615f09bd72ce817ac9cf78",onClick:t=>this.onMenuItemsClick(t)},n("slot",{key:"06f18d87d99292f05df3456f0b6fb51df2635a4d",name:"bottom",onSlotchange:()=>this.updateBottomSlotState()})),n("div",{key:"538aa364e048d96ecca787ce0e38e8307af99ef5",class:"bottom-tab-divider"}),n("div",{key:"3452cd5dcea04f81b23fe9ee7d761dcd8f34936f",class:"menu-utility-controls"},this.settings?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"settings",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showSettings},icon:s,onClick:async()=>this.toggleSettings(!this.showSettings),label:this.i18nSettings,"aria-haspopup":"dialog","aria-expanded":""+this.showSettings,"aria-controls":"menu-overlay"}):null,this.enableToggleTheme?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"toggleTheme",onClick:()=>k.toggleMode(),class:"internal-tab bottom-tab",icon:m,label:this.i18nToggleTheme,role:"menuitemcheckbox","aria-checked":""+this.isDarkMode}):null,this.about?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},icon:c,onClick:async()=>this.toggleAbout(!this.showAbout),label:this.i18nLegal,"aria-haspopup":"dialog","aria-expanded":""+this.showAbout,"aria-controls":"menu-overlay"}):null)),n("div",{key:"b5b1d58232534c81c79591bf0df1c5e508551394",id:"popover-area"})),n("section",{key:"e8b48131b814163ab7c23637e55b6991b7e2a3cb",id:"menu-overlay",role:"dialog","aria-label":t,class:{"menu-overlay":!0,visible:this.isOverlayVisible(),expanded:this.expand},onTransitionEnd:()=>{this.isTransitionDisabled=!0,this.checkTransition()}},n("div",{key:"10e5137c8069b962c9114033c404f54bb9c60a63",class:"menu-overlay-container"},this.showSettings?n("slot",{name:"ix-menu-settings"}):null),n("div",{key:"975b5fdb40e76a00061e9e9744a53df4ea2055fb",class:"menu-overlay-container"},this.showAbout?n("slot",{name:"ix-menu-about"}):null)))}static get watchers(){return{expand:[{expandChanged:0}],pinned:[{pinnedChange:0}]}}static get style(){return":root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:0.5s;animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * 0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion: reduce), print{.animate__animated{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(700px) scale(0.7);opacity:0.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(-2000px) scale(0.7);opacity:0.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(2000px) scale(0.7);opacity:0.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(-700px) scale(0.7);opacity:0.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(25px, 0, 0) scaleX(1)}75%{transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px, 0, 0) scaleX(1)}75%{transform:translate3d(10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(-5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.animate__bounceOut{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, 2000px, 0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(-2000px, 0, 0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(2000px, 0, 0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -2000px, 0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, -100%, 0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, -100%, 0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, 100%, 0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, 100%, 0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%, 0, 0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%, 0, 0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.animate__slideOutUp{animation-name:slideOutUp}:host{display:flex;flex-direction:row;position:absolute;height:100%;min-height:-moz-min-content;min-height:min-content;z-index:var(--theme-z-index-sticky);width:auto;bottom:0}: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 .tabs{height:100%;position:relative;overflow-y:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .show-scrollbar{scrollbar-width:inherit}:host .show-scrollbar::-webkit-scrollbar{display:inherit}:host .tabs-shadow-container{overflow:hidden;display:block;position:relative;margin-bottom:0.75rem;flex:1 1 auto;min-height:0}:host .menu-navigation{display:flex;flex-direction:column;min-height:0}:host .menu-navigation.menu-navigation--fill{flex:1 1 auto}:host .menu-navigation:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .tabs--shadow{opacity:0;position:absolute;width:100%;height:0.625rem;background:linear-gradient(var(--theme-color-shadow-1), transparent);pointer-events:none;z-index:var(--theme-z-index-sticky);transition:opacity var(--theme-default-time)}:host .tabs--shadow-top{top:0;background:linear-gradient(var(--theme-color-shadow-1), transparent)}:host .tabs--shadow-bottom{bottom:0;background:linear-gradient(transparent, var(--theme-color-shadow-1))}:host .tabs--shadow--show{opacity:1}:host .menu{display:flex;flex-direction:column;position:relative;width:calc(3.25rem + var(--ix-application-menu-safe-area-left, 0rem));height:100%;padding-block-end:calc(1rem + var(--ix-safe-area-inset-bottom, 0rem));overflow:hidden;padding-left:var(--ix-application-menu-safe-area-left, 0rem)}:host .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}:host .menu{background-color:var(--theme-nav--background);transition:width var(--theme-default-time) ease-in-out}:host .menu-overlay{display:none;position:absolute;width:calc(100vw - 3.25rem);height:100%;left:3.25rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:left var(--theme-default-time) ease-in-out}:host .menu-overlay.visible{display:block}:host .menu.expanded{width:16rem}:host .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}:host .menu-overlay-container{display:contents}:host .menu-avatar{max-height:3rem}:host .avatar{margin-bottom:2rem}:host #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}:host #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}:host #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}:host .bottom-tab-divider{margin-top:auto}:host .menu-buttons{margin:0.75rem 0 0 0.625rem}:host .menu-buttons:not(:empty){margin-bottom:0.75rem}:host(.breakpoint-sm) .menu:not(.expanded){width:0}:host(.breakpoint-sm) .menu-overlay{left:0;width:100vw}:host(.breakpoint-lg){position:relative}:host(.breakpoint-lg) .menu.expanded{box-shadow:none}:host ::slotted(a[href]){all:unset}"}},[769,"ix-menu",{showSettings:[1028,"show-settings"],showAbout:[1028,"show-about"],enableToggleTheme:[4,"enable-toggle-theme"],applicationName:[1,"application-name"],applicationDescription:[1,"application-description"],expand:[1540],startExpanded:[4,"start-expanded"],pinned:[4],i18nAriaLabelMenu:[1,"i18n-aria-label-menu"],i18nNavigationHint:[1,"i18n-navigation-hint"],i18nLegal:[1,"i18n-legal"],i18nSettings:[1,"i18n-settings"],i18nToggleTheme:[1,"i18n-toggle-theme"],i18nExpand:[1,"i18n-expand"],i18nCollapse:[1,"i18n-collapse"],showPinned:[32],mapExpand:[32],breakpoint:[32],itemsScrollShadowTop:[32],itemsScrollShadowBottom:[32],hasBottomSlotItems:[32],applicationLayoutContext:[32],isDarkMode:[32],toggleMapExpand:[64],toggleMenu:[64],toggleSettings:[64],toggleAbout:[64]},[[9,"resize","handleOverflowIndicator"],[0,"close","onOverlayClose"]],{expand:[{expandChanged:0}],pinned:[{pinnedChange:0}]}]),D=L,R=function(){"undefined"!=typeof customElements&&["ix-menu","ix-icon-button","ix-menu-expand-icon","ix-menu-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu":customElements.get(o(t))||customElements.define(o(t),L);break;case"ix-icon-button":customElements.get(o(t))||_();break;case"ix-menu-expand-icon":customElements.get(o(t))||x();break;case"ix-menu-item":customElements.get(o(t))||v();break;case"ix-spinner":customElements.get(o(t))||w();break;case"ix-tooltip":customElements.get(o(t))||I();break;case"ix-typography":customElements.get(o(t))||O()}}))};export{D as IxMenu,R as defineCustomElement}
+import{p as t,H as a,e,h as n,d as i,t as o}from"./p-eN5fQtqO.js";import{f as r,P as s,Q as m,d as c}from"./p-DsVj4Cd-.js";import{a as l}from"./p-DhE1t8Qh.js";import{A as d}from"./p-BqeSHO6C.js";import{s as f}from"./p-BL9SR36X.js";import{a as p,A as h}from"./p-DuTDx0c-.js";import{a as u}from"./p-4pTtJwcY.js";import{m as b}from"./p-DT02jDB7.js";import{r as g}from"./p-BEuV0Xpe.js";import{a as y}from"./p-JJddxCCh.js";import{t as k}from"./p-Dx6rQdpk.js";import{d as _}from"./p-CiP3eKpd.js";import{d as x}from"./p-CqWfy46u.js";import{d as v}from"./p-DXmwthlZ.js";import{d as w}from"./p-BKVBe7Co.js";import{d as I}from"./p-D_VBAyPm.js";import{d as O}from"./p-YFmbQndr.js";const L=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.openAppSwitch=e(this,"openAppSwitch",7),this.openSettings=e(this,"openSettings",7),this.openAbout=e(this,"openAbout",7)}get hostElement(){return this}showSettings=!1;showAbout=!1;enableToggleTheme=!1;applicationName;applicationDescription="";expand=!1;expandChanged(t,a){t!==a&&this.toggleMenu(t)}startExpanded=!1;pinned=!1;pinnedChange(t){if(this.setPinned(this.pinned),t)return u.disableBreakpointDetection(),void u.setBreakpoint("lg");u.enableBreakpointDetection()}i18nAriaLabelMenu="Application Navigation";i18nNavigationHint="Use Up and Down arrow keys to navigate between menu items";i18nLegal="About & legal information";i18nSettings="Settings";i18nToggleTheme="Toggle theme";i18nExpand="Expand";i18nCollapse="Collapse";expandChange;mapExpandChange;openAppSwitch;openSettings;openAbout;showPinned=!1;mapExpand=!0;breakpoint="lg";itemsScrollShadowTop=!1;itemsScrollShadowBottom=!1;hasBottomSlotItems=!1;applicationLayoutContext;isDarkMode=!1;isTransitionDisabled=!1;lastFocusedMenuItem;themeNameDisposer;isVisible=t=>"none"!==t.style.display&&"none"!==t.parentElement?.parentElement?.style.display;get popoverArea(){return this.hostElement.shadowRoot.querySelector("#popover-area")}get menu(){return this.hostElement.shadowRoot.querySelector(".menu")}get menuItemsContainer(){const t=this.menu?.querySelector(".tabs");if(!t)throw Error("Menu items container not found");return t}get menuNavigationContainer(){const t=this.menu;if(!t)throw Error("Menu element not found");const a=t.querySelector(".menu-navigation");if(!a)throw Error("Menu navigation container not found");return a}get overlayContainer(){return this.hostElement.shadowRoot.querySelector(".menu-overlay")}get menuItems(){return Array.from(this.hostElement.querySelectorAll('ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab):not([slot="bottom"])')).filter((t=>this.isVisible(t)))}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter((t=>this.isVisible(t)))}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.shadowRoot.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return 0===this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown .appended").length}get moreItemsDropdownItems(){return this.hostElement.shadowRoot.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.shadowRoot.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.shadowRoot.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutNewsPopover(){return document.querySelector("ix-menu-about-news")??this.hostElement.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.shadowRoot.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return 0===Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-menu-settings-item")).length}get hasUtilityMenuItems(){return!!this.settings||this.enableToggleTheme||!!this.about}get shouldFillMenuNavigation(){return this.hasUtilityMenuItems||this.hasBottomSlotItems}get tabsContainer(){return this.hostElement}componentDidLoad(){requestAnimationFrame((()=>{this.suppressAnchorWrapperTabStops(),this.handleOverflowIndicator();const t=this.getAllFocusableItems();this.resetRovingTabIndex(t)})),this.pinned&&this.pinnedChange(this.pinned)}componentWillLoad(){this.updateBottomSlotState(),p(this.hostElement,h,(t=>{this.applicationLayoutContext=t,this.onBreakpointChange(!0!==t.hideHeader?u.breakpoint:"md")}),!0),u.onChange.on((t=>this.onBreakpointChange(t))),this.onBreakpointChange(u.breakpoint,!0),this.updateThemeState(),this.themeNameDisposer=k.themeChanged.on((()=>{this.updateThemeState()}))}componentDidRender(){!this.about&&this.aboutNewsPopover&&(this.aboutNewsPopover.show=!1),this.appendFragments()}connectedCallback(){b.register(this.hostElement)}disconnectedCallback(){this.themeNameDisposer?.dispose(),b.unregister(this.hostElement)}updateThemeState(){this.isDarkMode="dark"===k.getMode()}setPinned(t){this.showPinned=t,b.setIsPinned(t)}onBreakpointChange(t,a=!1){(this.applicationLayoutContext||"sm"!==t)&&this.applicationLayoutContext&&(this.applicationLayoutContext.hideHeader&&"sm"===t||(this.setPinned("lg"===t),(a||t!==this.breakpoint)&&this.toggleMenu("lg"===t&&this.startExpanded),this.breakpoint=t))}appendFragments(){this.appendAboutNewsPopover()}getAboutPopoverVerticalPosition(){const t=this.aboutTab?.getBoundingClientRect()||{bottom:-window.innerHeight,height:0},a=window.innerHeight-(t.bottom-t.height/2+6+6);return y(a)}appendAboutNewsPopover(){if(this.aboutNewsPopover&&this.about&&(this.aboutNewsPopover.style.bottom=this.getAboutPopoverVerticalPosition(),!this.popoverArea?.contains(this.aboutNewsPopover))){const t=()=>{this.aboutNewsPopover?.activeAboutTabKey&&this.about&&(this.about.activeTabKey=this.aboutNewsPopover.activeAboutTabKey,this.toggleAbout(!0))};this.aboutNewsPopover.addEventListener("showMore",(()=>t())),document.body.appendChild(this.aboutNewsPopover)}}async toggleMapExpand(t){this.mapExpand=void 0!==t?t:!this.mapExpand}async toggleMenu(t){const a=this.expand;this.expand=void 0!==t?t:!this.expand,this.aboutNewsPopover&&(this.aboutNewsPopover.expanded=this.expand);const{defaultPrevented:e}=this.expandChange.emit(this.expand);if(e)return this.expand=a,void(this.aboutNewsPopover&&(this.aboutNewsPopover.expanded=a));this.isTransitionDisabled=!1,this.checkTransition(),"sm"==this.breakpoint&&this.expand&&setTimeout((()=>{this.handleOverflowIndicator()}),100)}checkTransition(){const t=this.overlayContainer;t&&(t.style.transitionProperty=this.isTransitionDisabled?"left":"all")}isOverlayVisible(){return this.showAbout||this.showSettings}async toggleSettings(t){if(!this.settings)return;const{defaultPrevented:a}=this.openSettings.emit();a||(this.isOverlayVisible()||this.animateOverlayFadeIn(),t?(this.resetOverlay(),this.showSettings=t,this.settings.show=this.showSettings):this.onOverlayClose())}async toggleAbout(t){if(!this.about)return;const{defaultPrevented:a}=this.openAbout.emit();a||(this.isOverlayVisible()||this.animateOverlayFadeIn(),t?(this.resetOverlay(),this.showAbout=t,this.about.show=this.showAbout):this.onOverlayClose())}resetOverlay(){this.showSettings=!1,this.showAbout=!1,this.settings&&(this.settings.show=!1),this.about&&(this.about.show=!1)}isMenuItemClicked(t){return t.target instanceof a&&"IX-MENU-ITEM"===t.target.tagName}handleOverflowIndicator(){const{clientHeight:t,scrollTop:a,scrollHeight:e}=this.menuItemsContainer;this.itemsScrollShadowTop=a>0,this.itemsScrollShadowBottom=Math.round(a+t)<e}onOverlayClose(t){const a=this.shouldRestoreMenuFocus(t);this.animateOverlayFadeOut((()=>{this.resetOverlay(),a&&this.focusMenuNavigationContainer()}))}shouldRestoreMenuFocus(t){return!!t}focusMenuNavigationContainer(){const t=this.menuNavigationContainer;t&&g((()=>{t.focus()}))}animateOverlayFadeIn(){requestAnimationFrame((()=>{const t=this.overlayContainer;t&&l(t,{duration:d.mediumTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeInSine",onBegin:()=>{this.showPinned||this.toggleMenu(!1)}})}))}animateOverlayFadeOut(t){requestAnimationFrame((()=>{const a=this.overlayContainer;a?l(a,{duration:d.mediumTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",onComplete:()=>t()}):t()}))}onMenuItemsClick(t){this.isMenuItemClicked(t)&&(this.showPinned||this.toggleMenu(!1),this.onOverlayClose())}updateBottomSlotState(){this.hasBottomSlotItems=Array.from(this.hostElement.children).some((t=>"bottom"===t.getAttribute("slot")))}isHiddenFromViewport(){return"sm"===this.breakpoint&&!1===this.expand}updateRovingTabIndex(t,a){this.updateMenuItemPositionMetadata(t),t.forEach(((t,e)=>{t.setTabIndex?.(e===a?0:-1)}))}resetRovingTabIndex(t=this.getAllFocusableItems()){this.updateMenuItemPositionMetadata(t),t.forEach((t=>{t.setTabIndex?.(-1)}))}updateMenuItemPositionMetadata(t){[...Array.from(this.hostElement.querySelectorAll("ix-menu-item")),...Array.from(this.hostElement.shadowRoot?.querySelectorAll(".menu-utility-controls > ix-menu-item")??[])].forEach((t=>{t.removeAttribute("aria-posinset"),t.removeAttribute("aria-setsize")}));const a=t.length;t.forEach(((t,e)=>{t.setAttribute("aria-posinset",e+1+""),t.setAttribute("aria-setsize",a+"")}))}handleMenuFocusIn(t){const e=this.getAllFocusableItems(),n=t.composedPath(),i=e.findIndex((t=>n.includes(t)));-1!==i?(this.lastFocusedMenuItem=e[i],this.updateRovingTabIndex(e,i)):t.target instanceof a&&this.resetRovingTabIndex(e)}getAllFocusableItems(){const t=t=>!t.hasAttribute("disabled")&&!t.hasAttribute("hidden")&&this.isVisible(t);return[...Array.from(this.hostElement.querySelectorAll(":scope > ix-menu-item, :scope > ix-menu-category, :scope > a > ix-menu-item, :scope > a > ix-menu-category")).filter(t),...Array.from(this.hostElement.shadowRoot?.querySelectorAll(".menu-utility-controls > ix-menu-item")??[]).filter(t)]}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item, ix-menu-category"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}isEventFromExpandedCategoryItems(t){return t.composedPath().some((t=>t instanceof a&&"menu"===t.getAttribute?.("role")))}handleMenuKeyDown(t){if(!["ArrowDown","ArrowUp","Home","End"].includes(t.key))return;if(this.isEventFromExpandedCategoryItems(t))return;const a=this.getAllFocusableItems();if(0===a.length)return;const e=t.composedPath(),n=a.findIndex((t=>e.includes(t))),i=-1===n&&e.includes(this.menuNavigationContainer);if(i||-1!==n){if(t.preventDefault(),i){const e=this.lastFocusedMenuItem;let n=e?a.indexOf(e):-1;return"Home"===t.key?n=0:"End"===t.key?n=a.length-1:-1===n&&(n="ArrowDown"===t.key?0:a.length-1),this.updateRovingTabIndex(a,n),this.lastFocusedMenuItem=a[n],void a[n].focus()}switch(t.key){case"ArrowDown":{const t=(n+1)%a.length;this.updateRovingTabIndex(a,t),this.lastFocusedMenuItem=a[t],a[t].focus();break}case"ArrowUp":{const t=(n-1+a.length)%a.length;this.updateRovingTabIndex(a,t),this.lastFocusedMenuItem=a[t],a[t].focus();break}case"Home":this.updateRovingTabIndex(a,0),this.lastFocusedMenuItem=a[0],a[0].focus();break;case"End":this.updateRovingTabIndex(a,a.length-1),this.lastFocusedMenuItem=a.at(-1),a.at(-1)?.focus()}}}async showAppSwitch(){const{defaultPrevented:t}=this.openAppSwitch.emit();t||this.applicationLayoutContext?.appSwitchConfig&&f(this.applicationLayoutContext.appSwitchConfig)}render(){let t;return this.showSettings?t=this.i18nSettings:this.showAbout&&(t=this.i18nLegal),n(i,{key:"449ca7a0f94dfaf9394fdeaaa6e56d974fe9aea8",class:{expanded:this.expand,["breakpoint-"+this.breakpoint]:!0},slot:"menu"},n("nav",{key:"bb57a2c2efc023be57d3d0038c60e62ab8eb6b49","aria-label":this.applicationName,class:{menu:!0,expanded:this.expand}},n("div",{key:"0fcf66d57abbaad7223bdd9e5feb4b77bafd9431",class:"menu-buttons"},"sm"!==this.breakpoint&&n("ix-menu-expand-icon",{key:"89c12c219b3fb73b0de5dc6ae3d0c6d10bb64758",breakpoint:this.breakpoint,expanded:this.expand,"i18n-expand":this.i18nExpand,"i18n-collapse":this.i18nCollapse,pinned:this.pinned,class:"menu-expand-icon",onClick:async()=>this.toggleMenu(),"data-testid":"expand-collapse-menu"}),"sm"===this.breakpoint&&this.applicationLayoutContext?.appSwitchConfig&&n("ix-icon-button",{key:"51f3c2912ebb9b09c0af23079c66be10affd6960",onClick:()=>{this.showAppSwitch()},icon:r,variant:"subtle-tertiary"})),n("div",{key:"57d9f0e01c35828de9d4fad3cfdcca2fe517b7be",role:"menubar","aria-orientation":"vertical","aria-label":this.i18nAriaLabelMenu,"aria-description":this.i18nNavigationHint,class:{"menu-navigation":!0,"menu-navigation--fill":this.shouldFillMenuNavigation},tabIndex:0,onKeyDown:t=>this.handleMenuKeyDown(t),onFocusin:t=>this.handleMenuFocusIn(t),onFocusout:()=>this.resetRovingTabIndex()},n("div",{key:"59e46b324cbd55621602a2181226bc68d90387e0",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},n("div",{key:"0de02c5ad2c3542e2d151749f03b3fb146bf2af8",class:"tabs-shadow-container"},n("div",{key:"5e0d14aa34ed1eeb8e73d584736cadeb61bb8470",class:{"tabs--shadow":!0,"tabs--shadow-top":!0,"tabs--shadow--show":this.itemsScrollShadowTop}}),n("div",{key:"7155a5ce55051a5af41d9d10846dea97c709195f",class:{tabs:!0,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},n("div",{key:"517ce6c97a8849e3b5fe6fa94709961d405d4c31",class:"menu-avatar"},n("slot",{key:"88390e60feda388e9a8111e79b3a6dc580b5c245",name:"ix-menu-avatar"})),n("slot",{key:"d78f3b4d691725a0a40900f7ea1320ac9559337f",name:"home"}),"sm"===this.breakpoint&&this.isHiddenFromViewport()?null:n("slot",null)),n("div",{key:"148bb19403ce4054bfc9203daecf9170345cfb44",class:{"tabs--shadow":!0,"tabs--shadow-bottom":!0,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),n("div",{key:"39d0cf6c66d182b50f2e557a3b6a90da69d4ee79",onClick:t=>this.onMenuItemsClick(t)},n("slot",{key:"cb990a09fb2691d7773acf6da632bce51376a93f",name:"bottom",onSlotchange:()=>this.updateBottomSlotState()})),n("div",{key:"864ddfdd85e2262151aea546e9c9c8e754d70d58",class:"bottom-tab-divider"}),n("div",{key:"73ee7628abee073af7f8479e4aba31dc7319ba6d",class:"menu-utility-controls"},this.settings?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"settings",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showSettings},icon:s,onClick:async()=>this.toggleSettings(!this.showSettings),label:this.i18nSettings,"aria-haspopup":"dialog","aria-expanded":""+this.showSettings,"aria-controls":"menu-overlay"}):null,this.enableToggleTheme?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"toggleTheme",onClick:()=>k.toggleMode(),class:"internal-tab bottom-tab",icon:m,label:this.i18nToggleTheme,role:"menuitemcheckbox","aria-checked":""+this.isDarkMode}):null,this.about?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},icon:c,onClick:async()=>this.toggleAbout(!this.showAbout),label:this.i18nLegal,"aria-haspopup":"dialog","aria-expanded":""+this.showAbout,"aria-controls":"menu-overlay"}):null)),n("div",{key:"cb0da1257fdf75a09a878c5be78065f0936238f1",id:"popover-area"})),n("section",{key:"c0baf0bd660819f8039a0ee8dcf4b7866e80f02c",id:"menu-overlay",role:"dialog","aria-label":t,class:{"menu-overlay":!0,visible:this.isOverlayVisible(),expanded:this.expand},onTransitionEnd:()=>{this.isTransitionDisabled=!0,this.checkTransition()}},n("div",{key:"22297492769c540256fdf4b508ec8fec904886bf",class:"menu-overlay-container"},this.showSettings?n("slot",{name:"ix-menu-settings"}):null),n("div",{key:"271f5f0e12d342e41d439113e69d5820e885522b",class:"menu-overlay-container"},this.showAbout?n("slot",{name:"ix-menu-about"}):null)))}static get watchers(){return{expand:[{expandChanged:0}],pinned:[{pinnedChange:0}]}}static get style(){return":root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat) * 2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat) * 3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay) * 2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay) * 3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay) * 4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay) * 5)}.animate__animated.animate__faster{animation-duration:0.5s;animation-duration:calc(var(--animate-duration) / 2)}.animate__animated.animate__fast{animation-duration:0.8s;animation-duration:calc(var(--animate-duration) * 0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration) * 3)}@media (prefers-reduced-motion: reduce), print{.animate__animated{animation-duration:1ms !important;transition-duration:1ms !important;animation-iteration-count:1 !important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -30px, 0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);transform:translate3d(0, -15px, 0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transform:translateZ(0) scaleY(0.95)}90%{transform:translate3d(0, -4px, 0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05, 1.05, 1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25, 0.75, 1)}40%{transform:scale3d(0.75, 1.25, 1)}50%{transform:scale3d(1.15, 0.85, 1)}65%{transform:scale3d(0.95, 1.05, 1)}75%{transform:scale3d(1.05, 0.95, 1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{transform:translate3d(10px, 0, 0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0, -10px, 0)}20%,40%,60%,80%{transform:translate3d(0, 10px, 0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%, 0, 0) rotate(-5deg)}30%{transform:translate3d(20%, 0, 0) rotate(3deg)}45%{transform:translate3d(-15%, 0, 0) rotate(-3deg)}60%{transform:translate3d(10%, 0, 0) rotate(2deg)}75%{transform:translate3d(-5%, 0, 0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration) * 1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(0.7);opacity:0.7}80%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(0.7);opacity:0.7}80%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(700px) scale(0.7);opacity:0.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(-2000px) scale(0.7);opacity:0.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(0.7);opacity:0.7}to{transform:translateX(2000px) scale(0.7);opacity:0.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(0.7);opacity:0.7}to{transform:translateY(-700px) scale(0.7);opacity:0.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}20%{transform:scale3d(1.1, 1.1, 1.1)}40%{transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;transform:scale3d(1.03, 1.03, 1.03)}80%{transform:scale3d(0.97, 0.97, 0.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0) scaleY(3)}60%{opacity:1;transform:translate3d(0, 25px, 0) scaleY(0.9)}75%{transform:translate3d(0, -10px, 0) scaleY(0.95)}90%{transform:translate3d(0, 5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(25px, 0, 0) scaleX(1)}75%{transform:translate3d(-10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(3000px, 0, 0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px, 0, 0) scaleX(1)}75%{transform:translate3d(10px, 0, 0) scaleX(0.98)}90%{transform:translate3d(-5px, 0, 0) scaleX(0.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, 3000px, 0) scaleY(5)}60%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}75%{transform:translate3d(0, 10px, 0) scaleY(0.95)}90%{transform:translate3d(0, -5px, 0) scaleY(0.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(0.9, 0.9, 0.9)}50%,55%{opacity:1;transform:scale3d(1.1, 1.1, 1.1)}to{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}}.animate__bounceOut{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0, 10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, 2000px, 0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(-2000px, 0, 0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0) scaleX(0.9)}to{opacity:0;transform:translate3d(2000px, 0, 0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0, -10px, 0) scaleY(0.985)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0) scaleY(0.9)}to{opacity:0;transform:translate3d(0, -2000px, 0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0, -2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px, 0, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0, 2000px, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%, -100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%, 100%, 0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0, 100%, 0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%, 0, 0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px, 0, 0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0, -100%, 0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0, -2000px, 0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, -100%, 0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, -100%, 0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%, 100%, 0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%, 100%, 0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible !important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible !important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);animation-name:flipOutX;backface-visibility:visible !important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:0.75s;animation-duration:calc(var(--animate-duration) * 0.75);backface-visibility:visible !important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%, 0, 0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%, 0, 0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0, 700px, 0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration) * 2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(0.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%, 0, 0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%, 0, 0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}60%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(-2000px, 0, 0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)}to{opacity:0;transform:scale(0.1) translate3d(2000px, 0, 0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}to{opacity:0;transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0, -100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%, 0, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0, 100%, 0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, 100%, 0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%, 0, 0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%, 0, 0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0, -100%, 0)}}.animate__slideOutUp{animation-name:slideOutUp}:host{display:flex;flex-direction:row;position:absolute;height:100%;min-height:-moz-min-content;min-height:min-content;z-index:var(--theme-z-index-sticky);width:auto;bottom:0}: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 .tabs{height:100%;position:relative;overflow-y:auto;pointer-events:all;-ms-overflow-style:none;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .show-scrollbar{scrollbar-width:inherit}:host .show-scrollbar::-webkit-scrollbar{display:inherit}:host .tabs-shadow-container{overflow:hidden;display:block;position:relative;margin-bottom:0.75rem;flex:1 1 auto;min-height:0}:host .menu-navigation{display:flex;flex-direction:column;min-height:0}:host .menu-navigation.menu-navigation--fill{flex:1 1 auto}:host .menu-navigation:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .tabs--shadow{opacity:0;position:absolute;width:100%;height:0.625rem;background:linear-gradient(var(--theme-color-shadow-1), transparent);pointer-events:none;z-index:var(--theme-z-index-sticky);transition:opacity var(--theme-default-time)}:host .tabs--shadow-top{top:0;background:linear-gradient(var(--theme-color-shadow-1), transparent)}:host .tabs--shadow-bottom{bottom:0;background:linear-gradient(transparent, var(--theme-color-shadow-1))}:host .tabs--shadow--show{opacity:1}:host .menu{display:flex;flex-direction:column;position:relative;width:calc(3.25rem + var(--ix-application-menu-safe-area-left, 0rem));height:100%;padding-block-end:calc(1rem + var(--ix-safe-area-inset-bottom, 0rem));overflow:hidden;padding-left:var(--ix-application-menu-safe-area-left, 0rem)}:host .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}:host .menu{background-color:var(--theme-nav--background);transition:width var(--theme-default-time) ease-in-out}:host .menu-overlay{display:none;position:absolute;width:calc(100vw - 3.25rem);height:100%;left:3.25rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:left var(--theme-default-time) ease-in-out}:host .menu-overlay.visible{display:block}:host .menu.expanded{width:16rem}:host .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}:host .menu-overlay-container{display:contents}:host .menu-avatar{max-height:3rem}:host .avatar{margin-bottom:2rem}:host #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}:host #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}:host #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}:host .bottom-tab-divider{margin-top:auto}:host .menu-buttons{margin:0.75rem 0 0 0.625rem}:host .menu-buttons:not(:empty){margin-bottom:0.75rem}:host(.breakpoint-sm) .menu:not(.expanded){width:0}:host(.breakpoint-sm) .menu-overlay{left:0;width:100vw}:host(.breakpoint-lg){position:relative}:host(.breakpoint-lg) .menu.expanded{box-shadow:none}:host ::slotted(a[href]){all:unset}"}},[769,"ix-menu",{showSettings:[1028,"show-settings"],showAbout:[1028,"show-about"],enableToggleTheme:[4,"enable-toggle-theme"],applicationName:[1,"application-name"],applicationDescription:[1,"application-description"],expand:[1540],startExpanded:[4,"start-expanded"],pinned:[4],i18nAriaLabelMenu:[1,"i18n-aria-label-menu"],i18nNavigationHint:[1,"i18n-navigation-hint"],i18nLegal:[1,"i18n-legal"],i18nSettings:[1,"i18n-settings"],i18nToggleTheme:[1,"i18n-toggle-theme"],i18nExpand:[1,"i18n-expand"],i18nCollapse:[1,"i18n-collapse"],showPinned:[32],mapExpand:[32],breakpoint:[32],itemsScrollShadowTop:[32],itemsScrollShadowBottom:[32],hasBottomSlotItems:[32],applicationLayoutContext:[32],isDarkMode:[32],toggleMapExpand:[64],toggleMenu:[64],toggleSettings:[64],toggleAbout:[64]},[[9,"resize","handleOverflowIndicator"],[0,"close","onOverlayClose"]],{expand:[{expandChanged:0}],pinned:[{pinnedChange:0}]}]),D=L,X=function(){"undefined"!=typeof customElements&&["ix-menu","ix-icon-button","ix-menu-expand-icon","ix-menu-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu":customElements.get(o(t))||customElements.define(o(t),L);break;case"ix-icon-button":customElements.get(o(t))||_();break;case"ix-menu-expand-icon":customElements.get(o(t))||x();break;case"ix-menu-item":customElements.get(o(t))||v();break;case"ix-spinner":customElements.get(o(t))||w();break;case"ix-tooltip":customElements.get(o(t))||I();break;case"ix-typography":customElements.get(o(t))||O()}}))};export{D as IxMenu,X as defineCustomElement}

package/components/ix-message-bar.js

@@ -1 +1 @@
-import{p as e,H as r,e as o,h as s,d as t,t as a}from"./p-eN5fQtqO.js";import{a as c}from"./p-DhE1t8Qh.js";import{U as i,d as n,a as l,c as m,o as h,b,G as d}from"./p-DsVj4Cd-.js";import{d as g}from"./p-DdlGyKd2.js";import{d as u}from"./p-D7sEY2UQ.js";const p=e(class e extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closedChange=o(this,"closedChange",7),this.closeAnimationCompleted=o(this,"closeAnimationCompleted",7)}type="info";persistent=!1;closedChange;closeAnimationCompleted;icon;color;static duration=300;static messageTypeConfigs={alarm:{icon:b,color:"color-alarm"},critical:{icon:h,color:"color-critical"},warning:{icon:m,color:"color-warning-text"},success:{icon:l,color:"color-success"},info:{icon:n,color:"color-info"},neutral:{icon:i,color:"color-neutral"},primary:{icon:i,color:"color-primary"}};divElement;componentWillRender(){const r=e.messageTypeConfigs[this.type];r&&(this.icon=r.icon,this.color=r.color)}closeAlert(r){const{defaultPrevented:o}=this.closedChange.emit();o||c(r,{duration:e.duration,opacity:[1,0],easing:"easeOutSine",onComplete:()=>{r.classList.add("message-bar-hidden"),this.closeAnimationCompleted.emit()}})}render(){return s(t,{key:"312932d1de69b7048eae7e62330e83bdf8865f89"},s("div",{key:"54a175ca6cde144af7e6b9f5bca577091eb55937",class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},s("ix-icon",{key:"13b07a77ebe1cf2aa6c22ddb4171a2a1e1ea7474",color:this.color,name:this.icon}),s("div",{key:"4456d0637f40b5731aa40819cd7c75b258e8662d",class:"message-content"},s("slot",{key:"5b8ee0df1bfc1d87a9cbf75c0972165108287be1"})),!this.persistent&&s("ix-icon-button",{key:"fd5837a3df5df0c5642c5ad6190f83dbfbbe06be",icon:d,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>{this.divElement&&this.closeAlert(this.divElement)},"data-testid":"close-btn"})))}static get style(){return":host{margin:0.5rem 0.5rem 0rem 0.5rem}: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 .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}"}},[769,"ix-message-bar",{type:[1],persistent:[4],icon:[32],color:[32]}]),f=p,k=function(){"undefined"!=typeof customElements&&["ix-message-bar","ix-icon-button","ix-spinner"].forEach((e=>{switch(e){case"ix-message-bar":customElements.get(a(e))||customElements.define(a(e),p);break;case"ix-icon-button":customElements.get(a(e))||g();break;case"ix-spinner":customElements.get(a(e))||u()}}))};export{f as IxMessageBar,k as defineCustomElement}
+import{p as e,H as r,e as o,h as s,d as t,t as a}from"./p-eN5fQtqO.js";import{a as i}from"./p-DhE1t8Qh.js";import{U as c,d as n,a as l,c as m,o as h,b,G as d}from"./p-DsVj4Cd-.js";import{d as g}from"./p-CiP3eKpd.js";import{d as u}from"./p-BKVBe7Co.js";const p=e(class e extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.closedChange=o(this,"closedChange",7),this.closeAnimationCompleted=o(this,"closeAnimationCompleted",7)}type="info";persistent=!1;closedChange;closeAnimationCompleted;icon;color;static duration=300;static messageTypeConfigs={alarm:{icon:b,color:"color-alarm"},critical:{icon:h,color:"color-critical"},warning:{icon:m,color:"color-warning-text"},success:{icon:l,color:"color-success"},info:{icon:n,color:"color-info"},neutral:{icon:c,color:"color-neutral"},primary:{icon:c,color:"color-primary"}};divElement;componentWillRender(){const r=e.messageTypeConfigs[this.type];r&&(this.icon=r.icon,this.color=r.color)}closeAlert(r){const{defaultPrevented:o}=this.closedChange.emit();o||i(r,{duration:e.duration,opacity:[1,0],easing:"easeOutSine",onComplete:()=>{r.classList.add("message-bar-hidden"),this.closeAnimationCompleted.emit()}})}render(){return s(t,{key:"312932d1de69b7048eae7e62330e83bdf8865f89"},s("div",{key:"54a175ca6cde144af7e6b9f5bca577091eb55937",class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},s("ix-icon",{key:"13b07a77ebe1cf2aa6c22ddb4171a2a1e1ea7474",color:this.color,name:this.icon}),s("div",{key:"4456d0637f40b5731aa40819cd7c75b258e8662d",class:"message-content"},s("slot",{key:"5b8ee0df1bfc1d87a9cbf75c0972165108287be1"})),!this.persistent&&s("ix-icon-button",{key:"fd5837a3df5df0c5642c5ad6190f83dbfbbe06be",icon:d,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>{this.divElement&&this.closeAlert(this.divElement)},"data-testid":"close-btn"})))}static get style(){return":host{margin:0.5rem 0.5rem 0rem 0.5rem}: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 .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}"}},[769,"ix-message-bar",{type:[1],persistent:[4],icon:[32],color:[32]}]),f=p,k=function(){"undefined"!=typeof customElements&&["ix-message-bar","ix-icon-button","ix-spinner"].forEach((e=>{switch(e){case"ix-message-bar":customElements.get(a(e))||customElements.define(a(e),p);break;case"ix-icon-button":customElements.get(a(e))||g();break;case"ix-spinner":customElements.get(a(e))||u()}}))};export{f as IxMessageBar,k as defineCustomElement}

package/components/ix-modal-header.js

@@ -1 +1 @@
-import{M as o,d as s}from"./p-hf_zqlB1.js";const p=o,r=s;export{p as IxModalHeader,r as defineCustomElement}
+import{M as o,d as s}from"./p-BE708_H3.js";const p=o,r=s;export{p as IxModalHeader,r as defineCustomElement}

package/components/ix-modal-loading.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,d as a,t as i}from"./p-eN5fQtqO.js";import{d as o}from"./p-D7sEY2UQ.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(a,{key:"80ca2b65f89cf55d1084594e06639391e2320c0a"},s("ix-spinner",{key:"9aca415c30e8450db9c17458f3486e1f4abcbf5f",variant:"primary"}),s("span",{key:"5579c6694b9b3b7eb4e7188cb67ac99d14658ffb",class:"loading-text"},s("slot",{key:"be9b2fdd084a96f88db388bd7a0b7a98d6088ac6"})))}static get style(){return":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"}},[257,"ix-modal-loading"]),c=n,r=function(){"undefined"!=typeof customElements&&["ix-modal-loading","ix-spinner"].forEach((e=>{switch(e){case"ix-modal-loading":customElements.get(i(e))||customElements.define(i(e),n);break;case"ix-spinner":customElements.get(i(e))||o()}}))};export{c as IxModalLoading,r as defineCustomElement}
+import{p as e,H as t,h as s,d as a,t as i}from"./p-eN5fQtqO.js";import{d as o}from"./p-BKVBe7Co.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(a,{key:"80ca2b65f89cf55d1084594e06639391e2320c0a"},s("ix-spinner",{key:"9aca415c30e8450db9c17458f3486e1f4abcbf5f",variant:"primary"}),s("span",{key:"5579c6694b9b3b7eb4e7188cb67ac99d14658ffb",class:"loading-text"},s("slot",{key:"be9b2fdd084a96f88db388bd7a0b7a98d6088ac6"})))}static get style(){return":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}"}},[257,"ix-modal-loading"]),c=n,r=function(){"undefined"!=typeof customElements&&["ix-modal-loading","ix-spinner"].forEach((e=>{switch(e){case"ix-modal-loading":customElements.get(i(e))||customElements.define(i(e),n);break;case"ix-spinner":customElements.get(i(e))||o()}}))};export{c as IxModalLoading,r as defineCustomElement}

package/components/ix-modal.js

@@ -1 +1 @@
-import{p as i,H as o,e as t,h as a,d as s,t as e}from"./p-eN5fQtqO.js";import{a as n}from"./p-DhE1t8Qh.js";import{b as d,a as l}from"./p-C21npbUc.js";import{A as r}from"./p-DNIQ2C1K.js";import{t as c}from"./p-C5UTTqsv.js";import{I as h}from"./p-CWlPNXA-.js";const m=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dialogClose=t(this,"dialogClose",7),this.dialogDismiss=t(this,"dialogDismiss",7)}ariaAttributes={};isMouseDownInsideDialog=!1;get hostElement(){return 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")}slideInModal(){const i=this.dialog;i.classList.remove("modal-open-settled");const o=this.disableAnimation?0:r.mediumTime,t=()=>i.classList.add("modal-open-settled");n(i,{duration:o,opacity:[0,1],translateY:this.centered?["-90%","-50%"]:[0,40],translateX:["-50%","-50%"],easing:"easeOutSine",complete:t}),0===o&&t()}slideOutModal(i){const o=this.dialog;o.classList.remove("modal-open-settled"),n(o,{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,o,t){this.slideOutModal((()=>{this.modalVisible=!1,this.dialog.close(JSON.stringify({type:i,reason:o},null,2)),t.emit(o)}))}isInsideDialog(i){if(!this.dialog)return!1;if(!i.composedPath().includes(this.dialog))return!1;if(i.target!==this.dialog)return!0;const o=this.dialog.getBoundingClientRect(),{clientX:t,clientY:a}=i;return t>=o.left&&t<=o.right&&a>=o.top&&a<=o.bottom}onMouseDown(i){this.isMouseDownInsideDialog=this.isInsideDialog(i)}onMouseUp(i){const o=this.isInsideDialog(i);!this.closeOnBackdropClick||this.isNonBlocking||this.isMouseDownInsideDialog||o||this.dismissModal()}async scheduleInitialAutofocus(){await new Promise((i=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{const o=this.hostElement.querySelector(h);o&&c(o,{focusVisible:!0}),i()}))}))}))}async showModal(){try{const i=await function(i,o,t=3e3){return new Promise(((a,s)=>{const e=Date.now(),n=()=>{const d=o.querySelector(i);d?a(d):Date.now()-e<t?setTimeout(n):s()};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 o=!0;void 0!==this.beforeDismiss&&(o=await this.beforeDismiss(i)),o&&this.closeDialog("dismiss",i,this.dialogDismiss)}async closeModal(i){this.modalVisible&&this.closeDialog("close",i,this.dialogClose)}componentWillLoad(){this.ariaAttributes=d(this.hostElement)}render(){return a(s,{key:"1b9c4c03e9fad75ac84ab6854f51c4ff9cbf752a",class:{visible:this.modalVisible,"no-backdrop":this.hideBackdrop,"align-center":this.centered,"non-blocking":this.isNonBlocking}},a("div",{key:"d5f089500fae809e0080a262d5a4d54101fee727",class:"dialog-backdrop"},a("dialog",{key:"1a124dda3c4961c8cdc0c81a5698f5f932145f22","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:"d24dd84c8f50b1542b4c992af079b0cdfbc50e15"}))))}static get style(){return"::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}"}},[769,"ix-modal",{size:[1],disableAnimation:[4,"disable-animation"],hideBackdrop:[4,"hide-backdrop"],closeOnBackdropClick:[4,"close-on-backdrop-click"],beforeDismiss:[16],centered:[4],isNonBlocking:[516,"is-non-blocking"],modalVisible:[32],showModal:[64],dismissModal:[64],closeModal:[64]}]),p=m,g=function i(){"undefined"!=typeof customElements&&["ix-modal","ix-modal"].forEach((o=>{switch(o){case"ix-modal":customElements.get(e(o))||customElements.define(e(o),m);break;case"ix-modal":customElements.get(e(o))||i()}}))};export{p as IxModal,g as defineCustomElement}
+import{p as i,H as o,e as t,h as e,d as a,t as s}from"./p-eN5fQtqO.js";import{a as n}from"./p-DhE1t8Qh.js";import{b as l,a as d}from"./p-DD206pTM.js";import{A as r}from"./p-BqeSHO6C.js";import{t as c}from"./p-C5UTTqsv.js";import{I as h}from"./p-CWlPNXA-.js";const m=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.dialogClose=t(this,"dialogClose",7),this.dialogDismiss=t(this,"dialogDismiss",7)}ariaAttributes={};isMouseDownInsideDialog=!1;get hostElement(){return 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 Error("Modal dialog element not found");return i}slideInModal(){const i=this.getDialogElement();i.classList.remove("modal-open-settled");const o=this.disableAnimation?0:r.mediumTime,t=()=>i.classList.add("modal-open-settled");n(i,{duration:o,opacity:[0,1],translateY:this.centered?["-90%","-50%"]:[0,40],translateX:["-50%","-50%"],easing:"easeOutSine",complete:t}),0===o&&t()}slideOutModal(i){const o=this.getDialogElement();o.classList.remove("modal-open-settled"),n(o,{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,o,t){this.slideOutModal((()=>{this.modalVisible=!1,this.getDialogElement().close(JSON.stringify({type:i,reason:o},null,2)),t.emit(o)}))}isInsideDialog(i){if(!this.dialog)return!1;if(!i.composedPath().includes(this.dialog))return!1;if(i.target!==this.dialog)return!0;const o=this.dialog.getBoundingClientRect(),{clientX:t,clientY:e}=i;return t>=o.left&&t<=o.right&&e>=o.top&&e<=o.bottom}onMouseDown(i){this.isMouseDownInsideDialog=this.isInsideDialog(i)}onMouseUp(i){const o=this.isInsideDialog(i);!this.closeOnBackdropClick||this.isNonBlocking||this.isMouseDownInsideDialog||o||this.dismissModal()}async scheduleInitialAutofocus(){await new Promise((i=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{const o=this.hostElement.querySelector(h);o&&c(o,{focusVisible:!0}),i()}))}))}))}async showModal(){try{const i=await function(i,o,t=3e3){return new Promise(((e,a)=>{const s=Date.now(),n=()=>{const l=o.querySelector(i);l?e(l):Date.now()-s<t?setTimeout(n):a()};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 o=!0;void 0!==this.beforeDismiss&&(o=await this.beforeDismiss(i)),o&&this.closeDialog("dismiss",i,this.dialogDismiss)}async closeModal(i){this.modalVisible&&this.closeDialog("close",i,this.dialogClose)}componentWillLoad(){this.ariaAttributes=l(this.hostElement)}render(){return e(a,{key:"2180a5dec01b447918c6a62820ebdebb32bbfb69",class:{visible:this.modalVisible,"no-backdrop":this.hideBackdrop,"align-center":this.centered,"non-blocking":this.isNonBlocking}},e("div",{key:"132b7e41099bf050a6f1fc5a212b836c7be4ac1e",class:"dialog-backdrop"},e("dialog",{key:"07ade6cf27df03233bd1755f2a7fc427e28c6a78","aria-modal":d(!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()}},e("slot",{key:"09b7b0f877ce103d4af3f10e1c774b19c1201322"}))))}static get style(){return"::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}"}},[769,"ix-modal",{size:[1],disableAnimation:[4,"disable-animation"],hideBackdrop:[4,"hide-backdrop"],closeOnBackdropClick:[4,"close-on-backdrop-click"],beforeDismiss:[16],centered:[4],isNonBlocking:[516,"is-non-blocking"],modalVisible:[32],showModal:[64],dismissModal:[64],closeModal:[64]}]),p=m,g=function i(){"undefined"!=typeof customElements&&["ix-modal","ix-modal"].forEach((o=>{switch(o){case"ix-modal":customElements.get(s(o))||customElements.define(s(o),m);break;case"ix-modal":customElements.get(s(o))||i()}}))};export{p as IxModal,g as defineCustomElement}

package/components/ix-number-input.js

@@ -1 +1 @@
-import{p as e,H as t,e as o,h as r,d as n,t as a}from"./p-eN5fQtqO.js";import{V as i,W as l}from"./p-DsVj4Cd-.js";import{m as d}from"./p-Djkc69iv.js";import{m as s,a as h,b as c,g as b,o as p,d as u,I as m,j as v,f,k as y,S as x}from"./p-BDnx22Gp.js";import{d as g}from"./p-BGOtCwtj.js";import{d as k}from"./p-eGuQ8D3W.js";import{d as w}from"./p-DdlGyKd2.js";import{d as z}from"./p-D7sEY2UQ.js";import{d as C}from"./p-CgPr717U.js";import{d as E}from"./p-YFmbQndr.js";import{H as T}from"./p-BTBxxgtF.js";let S=0;const I=/[^\dEe+\-.,]/,V=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value=0;required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;min;max;allowedCharactersPattern;showStepperButtons;step=1;suppressSubmitOnEnter=!1;textAlignment="end";allowEmptyValueChange=!1;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputRef=d();slotEndRef=d();slotStartRef=d();numberInputId="number-input-"+S++;touched=!1;initialValue;disposableChangesAndVisibilityObservers;onValueChange(e){this.updateFormInternalValue(e)}updateClassMappings(e){s(this,e)}componentWillLoad(){this.updateFormInternalValue(this.value)}connectedCallback(){this.disposableChangesAndVisibilityObservers=h(this.hostElement,this.updatePaddings.bind(this))}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updatePaddings(){c(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}convertNumberStringToFloat(e){if(!e||""===e.trim())return;const t=Number.parseFloat(e);return Number.isNaN(t)?void 0:t}isScientificNotation(e){const t=Number.parseFloat(e);return!Number.isNaN(t)&&Number.isFinite(t)&&/[eE]/.test(e)}formatValue(e){return null==e?"":""+e}handleValueChangeEvent(e){this.valueChange.emit(this.allowEmptyValueChange?e:e??0)}updateFormInternalValue(e){this.formInternals.setFormValue(null!=e?""+e:""),this.value=e,this.inputRef.current&&this.touched&&b(this,this.inputRef.current)}handleInputChange=e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())&&this.formInternals.setFormValue(e),this.handleValueChangeEvent(t)};handleBlur=()=>{if(!this.inputRef.current)return;const e=this.convertNumberStringToFloat(this.inputRef.current.value);this.updateFormInternalValue(e),void 0!==e&&this.inputRef.current&&(this.inputRef.current.value=this.formatValue(e)),this.updateFormInternalValue(e),p(this,this.inputRef.current,e),this.touched=!0};handleKeyDown=e=>{if(!this.disabled&&!this.readonly)switch(e.key){case"ArrowUp":e.preventDefault(),this.handleStepOperation("up");break;case"ArrowDown":e.preventDefault(),this.handleStepOperation("down")}};handleBeforeInput=e=>{if(!this.disabled&&!this.readonly){if("insertText"===e.inputType){const t=e.data;t&&I.test(t)&&e.preventDefault()}if("insertFromPaste"===e.inputType){const t=e.dataTransfer||e.clipboardData,o=t?.getData?.("text")??"";I.test(o)&&e.preventDefault()}}};handlePaste=e=>{const t=e.clipboardData?.getData("text")??"";I.test(t)&&e.preventDefault()};getDecimalPlaces(e){const t=/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/.exec(""+e);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}handleStepOperation(e){if(!this.inputRef.current)return;const t=this.convertNumberStringToFloat(this.inputRef.current.value)??0,o="string"==typeof this.step?Number.parseFloat(this.step):this.step??1;let r;r="up"===e?t+o:t-o;const n=Math.max(this.getDecimalPlaces(t),this.getDecimalPlaces(o));if(r=Number(r.toFixed(n)),void 0!==this.min){const e="string"==typeof this.min?Number.parseFloat(this.min):this.min;r=Math.max(r,e)}if(void 0!==this.max){const e="string"==typeof this.max?Number.parseFloat(this.max):this.max;r=Math.min(r,e)}this.inputRef.current.value=""+r,this.updateFormInternalValue(r),b(this,this.inputRef.current),this.handleValueChangeEvent(r)}async getAssociatedFormElement(){return this.formInternals.form}async hasValidValue(){const e=await this.getNativeInputElement();return""===e.value?!this.required:void 0!==this.convertNumberStringToFloat(e.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.showStepperButtons&&!1===(this.disabled||this.readonly);return r(n,{key:"0c2af6d414c208f7ef1d32e09fe74ee2c5d4950a",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"9319df314ff21bb6c812143ba94237531a538b43",id:this.numberInputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"0c34666c47d8c40fd7e5f2028025d64ce67f436f",class:{"input-wrapper":!0,"show-stepper-buttons":!!this.showStepperButtons}},r(u,{key:"9408c97e2d796ae15548715ad754b88bf5d1e9b0",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(m,{key:"30a21cb357e62ca8d5a6858674fdbf303b3ffa3b",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,step:this.step,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.formatValue(this.value),placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onKeyDown:e=>this.handleKeyDown(e),onBeforeInput:e=>this.handleBeforeInput(e),onPaste:e=>this.handlePaste(e),onFocus:()=>f(this,this.value),onEnterKeyChange:e=>v(e,this,this.value),valueChange:this.handleInputChange,updateFormInternalValue:e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())?(this.formInternals.setFormValue(e),this.value=t):this.updateFormInternalValue(t)},onBlur:this.handleBlur,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(x,{key:"260756858357f96bf468348af5907e5fac7bd471",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("div",{key:"90264008de7532c8f6220abcea4fd6b69bd1d605",class:{"number-stepper-container":!0,"container-hidden":!e}},r("ix-icon-button",{key:"35ad3af7d1c6925dd014f721165ff68e5f768bb5",variant:"subtle-tertiary",icon:i,size:"16",class:"number-stepper-button step-minus","aria-label":"decrement number",onClick:()=>this.handleStepOperation("down")}),r("ix-icon-button",{key:"627f6b42c4dab1517bfca5059daebb0d5d8d363d",variant:"subtle-tertiary",icon:l,size:"16",class:"number-stepper-button step-plus","aria-label":"increment number",onClick:()=>this.handleStepOperation("up")}))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap}:host .number-stepper-container.container-hidden{display:none}'}},[577,"ix-number-input",{name:[513],placeholder:[513],value:[1538],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],pattern:[1],min:[8],max:[8],allowedCharactersPattern:[1,"allowed-characters-pattern"],showStepperButtons:[4,"show-stepper-buttons"],step:[8],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],allowEmptyValueChange:[516,"allow-empty-value-change"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{onValueChange:0}]}]);!function(e,t,o,r){var n,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i);a>3&&i&&Object.defineProperty(t,o,i)}([T()],V.prototype,"updateClassMappings",null);const j=V,A=function(){"undefined"!=typeof customElements&&["ix-number-input","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-number-input":customElements.get(a(e))||customElements.define(a(e),V);break;case"ix-field-label":customElements.get(a(e))||g();break;case"ix-field-wrapper":customElements.get(a(e))||k();break;case"ix-icon-button":customElements.get(a(e))||w();break;case"ix-spinner":customElements.get(a(e))||z();break;case"ix-tooltip":customElements.get(a(e))||C();break;case"ix-typography":customElements.get(a(e))||E()}}))};export{j as IxNumberInput,A as defineCustomElement}
+import{p as e,H as t,e as o,h as r,d as n,t as a}from"./p-eN5fQtqO.js";import{V as i,W as l}from"./p-DsVj4Cd-.js";import{m as d}from"./p-Djkc69iv.js";import{m as s,a as h,b as c,g as b,o as p,d as u,I as m,j as v,f,k as y,S as x}from"./p-DcOoa9vE.js";import{d as g}from"./p-CAd-WgR8.js";import{d as k}from"./p-viP8I2_s.js";import{d as w}from"./p-CiP3eKpd.js";import{d as z}from"./p-BKVBe7Co.js";import{d as C}from"./p-D_VBAyPm.js";import{d as E}from"./p-YFmbQndr.js";import{H as T}from"./p-BTBxxgtF.js";let I=0;const S=/[^\dEe+\-.,]/,V=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value=0;required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;min;max;allowedCharactersPattern;showStepperButtons;step=1;suppressSubmitOnEnter=!1;textAlignment="end";allowEmptyValueChange=!1;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputRef=d();slotEndRef=d();slotStartRef=d();numberInputId="number-input-"+I++;touched=!1;initialValue;disposableChangesAndVisibilityObservers;onValueChange(e){this.updateOptionalFormInternalValue(e)}updateClassMappings(e){s(this,e)}componentWillLoad(){this.updateOptionalFormInternalValue(this.value)}connectedCallback(){this.disposableChangesAndVisibilityObservers=h(this.hostElement,this.updatePaddings.bind(this))}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updatePaddings(){c(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}convertNumberStringToFloat(e){if(!e||""===e.trim())return;const t=Number.parseFloat(e);return Number.isNaN(t)?void 0:t}isScientificNotation(e){const t=Number.parseFloat(e);return!Number.isNaN(t)&&Number.isFinite(t)&&/[eE]/.test(e)}formatValue(e){return null==e?"":""+e}handleValueChangeEvent(e){this.valueChange.emit(this.allowEmptyValueChange?e:e??0)}updateFormInternalValue(e){this.updateOptionalFormInternalValue(e)}updateOptionalFormInternalValue(e){this.formInternals.setFormValue(null!=e?""+e:""),this.value=e,this.inputRef.current&&this.touched&&b(this,this.inputRef.current)}handleInputChange=e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())&&this.formInternals.setFormValue(e),this.handleValueChangeEvent(t)};handleBlur=()=>{if(!this.inputRef.current)return;const e=this.convertNumberStringToFloat(this.inputRef.current.value);this.updateOptionalFormInternalValue(e),void 0!==e&&this.inputRef.current&&(this.inputRef.current.value=this.formatValue(e)),this.updateOptionalFormInternalValue(e),p(this,this.inputRef.current,e),this.touched=!0};handleKeyDown=e=>{if(!this.disabled&&!this.readonly)switch(e.key){case"ArrowUp":e.preventDefault(),this.handleStepOperation("up");break;case"ArrowDown":e.preventDefault(),this.handleStepOperation("down")}};handleBeforeInput=e=>{if(!this.disabled&&!this.readonly){if("insertText"===e.inputType){const t=e.data;t&&S.test(t)&&e.preventDefault()}if("insertFromPaste"===e.inputType){const t=e.dataTransfer||e.clipboardData,o=t?.getData?.("text")??"";S.test(o)&&e.preventDefault()}}};handlePaste=e=>{const t=e.clipboardData?.getData("text")??"";S.test(t)&&e.preventDefault()};getDecimalPlaces(e){const t=/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/.exec(""+e);return t?Math.max(0,(t[1]?t[1].length:0)-(t[2]?+t[2]:0)):0}handleStepOperation(e){if(!this.inputRef.current)return;const t=this.convertNumberStringToFloat(this.inputRef.current.value)??0,o="string"==typeof this.step?Number.parseFloat(this.step):this.step??1;let r;r="up"===e?t+o:t-o;const n=Math.max(this.getDecimalPlaces(t),this.getDecimalPlaces(o));if(r=Number(r.toFixed(n)),void 0!==this.min){const e="string"==typeof this.min?Number.parseFloat(this.min):this.min;r=Math.max(r,e)}if(void 0!==this.max){const e="string"==typeof this.max?Number.parseFloat(this.max):this.max;r=Math.min(r,e)}this.inputRef.current.value=""+r,this.updateFormInternalValue(r),b(this,this.inputRef.current),this.handleValueChangeEvent(r)}async getAssociatedFormElement(){return this.formInternals.form}async hasValidValue(){const e=await this.getNativeInputElement();return""===e.value?!this.required:void 0!==this.convertNumberStringToFloat(e.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.showStepperButtons&&!1===(this.disabled||this.readonly);return r(n,{key:"d7300e47cdcb3c0923b9a72874ed62e4bb1461d3",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"2f970edda1da48d2075ab520e17668e3a0bce8ab",id:this.numberInputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},r("div",{key:"20b3fe528654eba138465af45233bfc2e842b7de",class:{"input-wrapper":!0,"show-stepper-buttons":!!this.showStepperButtons}},r(u,{key:"37d19aa438f13b76faf7dc79d3a64ac1a4c856e8",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(m,{key:"89493aabca135cb7a6ee332d017c3d973fe44ef7",id:this.numberInputId,readonly:this.readonly,disabled:this.disabled,step:this.step,min:this.min,max:this.max,pattern:this.pattern,type:"number",isInvalid:this.isInvalid,required:this.required,value:this.formatValue(this.value),placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onKeyDown:e=>this.handleKeyDown(e),onBeforeInput:e=>this.handleBeforeInput(e),onPaste:e=>this.handlePaste(e),onFocus:()=>f(this,this.value),onEnterKeyChange:e=>v(e,this,this.value),valueChange:this.handleInputChange,updateFormInternalValue:e=>{const t=this.convertNumberStringToFloat(e);this.isScientificNotation(e.trim())?(this.formInternals.setFormValue(e),this.value=t):this.updateOptionalFormInternalValue(t)},onBlur:this.handleBlur,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(x,{key:"f23f2c74423302aab3a4257858e5dac5b27fd5d1",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("div",{key:"98452a75169f12a0d156d07601fd8305e4cc1129",class:{"number-stepper-container":!0,"container-hidden":!e}},r("ix-icon-button",{key:"1245a51baa0f92b48b75caae24bc04f7ca159fa3",variant:"subtle-tertiary",icon:i,size:"16",class:"number-stepper-button step-minus","aria-label":"decrement number",onClick:()=>this.handleStepOperation("down")}),r("ix-icon-button",{key:"491dec7ae6b0f7a709f6e0a8c7ffcf4c3a5fd3de",variant:"subtle-tertiary",icon:l,size:"16",class:"number-stepper-button step-plus","aria-label":"increment number",onClick:()=>this.handleStepOperation("up")}))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap}:host .number-stepper-container.container-hidden{display:none}'}},[577,"ix-number-input",{name:[513],placeholder:[513],value:[1538],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],pattern:[1],min:[8],max:[8],allowedCharactersPattern:[1,"allowed-characters-pattern"],showStepperButtons:[4,"show-stepper-buttons"],step:[8],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],textAlignment:[1,"text-alignment"],allowEmptyValueChange:[516,"allow-empty-value-change"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{onValueChange:0}]}]);!function(e,t,o,r){var n,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i);a>3&&i&&Object.defineProperty(t,o,i)}([T()],V.prototype,"updateClassMappings",null);const j=V,A=function(){"undefined"!=typeof customElements&&["ix-number-input","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-number-input":customElements.get(a(e))||customElements.define(a(e),V);break;case"ix-field-label":customElements.get(a(e))||g();break;case"ix-field-wrapper":customElements.get(a(e))||k();break;case"ix-icon-button":customElements.get(a(e))||w();break;case"ix-spinner":customElements.get(a(e))||z();break;case"ix-tooltip":customElements.get(a(e))||C();break;case"ix-typography":customElements.get(a(e))||E()}}))};export{j as IxNumberInput,A as defineCustomElement}