@siemens/ix 5.0.0 → 5.1.0

package/components/ix-link-button.js

@@ -1 +1 @@
-import{p as t,H as e,h as o,d as i,t as n}from"./p-Bxdy-8CE.js";import{j as s}from"./p-CQj_gEvY.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}disabled=!1;url;target="_self";render(){return o(i,{key:"99e0bfd85187215ee07ccdb1b8480148524b76d7"},o("a",{key:"81cc5552afe3b2d8dceae94fef7cdd5324fb77a5",title:this.url,tabindex:"0",class:{"link-button":!0,disabled:this.disabled},href:this.disabled?void 0:this.url,target:this.target},o("ix-icon",{key:"1fcde8efc7c175f30d8d39833ef99bf204e6e436",class:"icon",name:s,size:"16","aria-hidden":"true"}),o("div",{key:"54fc7768b69d4dd4f41d4903b7a305bf580d3ce0",class:{link:!0,disabled:this.disabled}},o("slot",{key:"471e61a08556e26bce42f032620a3c625ae9f702"}))))}static get style(){return":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-link-button",{disabled:[4],url:[1],target:[1]}]),l=d,r=function(){"undefined"!=typeof customElements&&["ix-link-button"].forEach((t=>{"ix-link-button"===t&&(customElements.get(n(t))||customElements.define(n(t),d))}))};export{l as IxLinkButton,r as defineCustomElement}
+import{p as t,H as e,h as o,d as i,t as n}from"./p-CtDOTMOT.js";import{j as s}from"./p-BtSt9tC5.js";const l=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}disabled=!1;url;target="_self";render(){return o(i,{key:"e30339cee917a58eefdcf6da77800ab06bff0675"},o("a",{key:"c1bd527ffc4a577decb3faf6c2348eed4fcc3b93",title:this.url,tabindex:"0",class:{"link-button":!0,disabled:this.disabled},href:this.disabled?void 0:this.url,target:this.target},o("ix-icon",{key:"0f4601f33f9b48b76ab01ed863ca4755308541ec",class:"icon",name:s,size:"16","aria-hidden":"true"}),o("div",{key:"0e07c0bf6469a776cfa598b9ee24494f2afa2fe3",class:{link:!0,disabled:this.disabled}},o("slot",{key:"2f2607089df3ca9bcf5f543e8f85ff987f2751a9"}))))}static get style(){return":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-link-button",{disabled:[4],url:[1],target:[1]}]),a=l,r=function(){"undefined"!=typeof customElements&&["ix-link-button"].forEach((t=>{"ix-link-button"===t&&(customElements.get(n(t))||customElements.define(n(t),l))}))};export{a as IxLinkButton,r as defineCustomElement}

package/components/ix-menu-about-item.js

@@ -1 +1 @@
-import{p as e,M as a,e as t,h as s,d as l,t as b}from"./p-Bxdy-8CE.js";import{B as c}from"./p-DRw2l8Az.js";import{d as n}from"./p-B4Yxzuow.js";const i=e(class extends(a(c)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return s(l,{key:"30ba62aac3a8dff2224f9a207ca9f7fd2223bea8"},s("ix-tab-panel",{key:"524c2909d0a0bec44a1867e8ff1323c0944e49e8",tabKey:this.tabKey},s("slot",{key:"aaa24a90ca22a0379437a2971b4dc1c52ee81110"})))}static get watchers(){return{label:[{watchLabel:0}]}}},[772,"ix-menu-about-item",{tabKey:[1,"tab-key"],label:[513]},void 0,{label:[{watchLabel:0}]}]),o=i,m=function(){"undefined"!=typeof customElements&&["ix-menu-about-item","ix-tab-panel"].forEach((e=>{switch(e){case"ix-menu-about-item":customElements.get(b(e))||customElements.define(b(e),i);break;case"ix-tab-panel":customElements.get(b(e))||n()}}))};export{o as IxMenuAboutItem,m as defineCustomElement}
+import{p as e,M as a,e as t,h as s,d as b,t as l}from"./p-CtDOTMOT.js";import{B as n}from"./p-DRw2l8Az.js";import{d as i}from"./p-BWH03B1n.js";const m=e(class extends(a(n)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return s(b,{key:"f0d90c76679a6df3732abdadfdf89608a2873166"},s("ix-tab-panel",{key:"7c702b375fb91714e5d0e9c8bd514705c5306bf2",tabKey:this.tabKey},s("slot",{key:"281a2e494f1a7fe509a95d7288f56656b12a28e1"})))}static get watchers(){return{label:[{watchLabel:0}]}}},[772,"ix-menu-about-item",{tabKey:[1,"tab-key"],label:[513]},void 0,{label:[{watchLabel:0}]}]),o=m,c=function(){"undefined"!=typeof customElements&&["ix-menu-about-item","ix-tab-panel"].forEach((e=>{switch(e){case"ix-menu-about-item":customElements.get(l(e))||customElements.define(l(e),m);break;case"ix-tab-panel":customElements.get(l(e))||i()}}))};export{o as IxMenuAboutItem,c as defineCustomElement}

package/components/ix-menu-about-news.js

@@ -1 +1 @@
-import{p as e,M as o,e as t,h as r,d as a,t as s}from"./p-Bxdy-8CE.js";import{u as i,F as n}from"./p-CQj_gEvY.js";import{D as c}from"./p-Dx8kFukG.js";import{d as l}from"./p-Btv5ReUJ.js";import{d as b}from"./p-NLlCSNeG.js";import{d as m}from"./p-By6x--zJ.js";import{d as h}from"./p-MZOpritx.js";const d=e(class extends(o(...c)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showMore=t(this,"showMore",7),this.closePopover=t(this,"closePopover",7)}get hostElement(){return this}show=!1;label;i18nShowMore="Show more";aboutItemLabel;activeAboutTabKey;showMore;closePopover;expanded=!1;render(){return r(a,{key:"c284e2ac608e4e039c2df0ee62c2c3befc241391",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"e4a567021e29740a32199328c1a18024265101a6",class:"banner-container"},r("ix-icon",{key:"dc9d56156ee0010d675315a3afd03f17f45a9b6f",color:"color-inv-contrast-text",name:n,size:"32"}),r("svg",{key:"95f83ef229d360cc1d65641bcd0f7f377b1f22f7",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"4291b6af8d4b43a13e2e4aa50b9a180ee5903202",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"adb50ab8101ff53415ea4fee45e7bc182c9aad00",class:"cui-popover-news-header"},r("ix-typography",{key:"7b7bdb1153222bbee432ed46c562ac1a6a8d7d3f",format:"label",bold:!0},this.label)),r("ix-icon-button",{key:"6cdc8cf741a65498937db07c1f8d767d11a62f04",size:"24",icon:i,iconColor:"color-soft-text",variant:"tertiary",onClick:()=>{this.show=!1,this.closePopover.emit()}}),r("div",{key:"9c374a87ff85b7660820b9b57abe8e579190071b",class:"slot-container"},r("slot",{key:"bd4a92948a87e0e2fb2a0617bedb065147ae3d57"})),this.activeAboutTabKey?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=!1,this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"5f13c58d47a92e7acd3212ae7d48cc78ab4a5240",id:"arrow"}))}static get style(){return":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}"}},[769,"ix-menu-about-news",{show:[1540],label:[1],i18nShowMore:[1,"i18n-show-more"],aboutItemLabel:[1,"about-item-label"],activeAboutTabKey:[1,"active-about-tab-key"],expanded:[4]}]),p=d,u=function(){"undefined"!=typeof customElements&&["ix-menu-about-news","ix-button","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-menu-about-news":customElements.get(s(e))||customElements.define(s(e),d);break;case"ix-button":customElements.get(s(e))||l();break;case"ix-icon-button":customElements.get(s(e))||b();break;case"ix-spinner":customElements.get(s(e))||m();break;case"ix-typography":customElements.get(s(e))||h()}}))};export{p as IxMenuAboutNews,u as defineCustomElement}
+import{p as e,M as o,e as t,h as r,d as a,t as s}from"./p-CtDOTMOT.js";import{u as i,F as n}from"./p-BtSt9tC5.js";import{D as c}from"./p-CApDAYIa.js";import{d as b}from"./p-Wr4Qf8LA.js";import{d as l}from"./p-3VG6z9c3.js";import{d as m}from"./p-Dwe6tWhq.js";import{d as h}from"./p-DhWkcMmR.js";const d=e(class extends(o(...c)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.showMore=t(this,"showMore",7),this.closePopover=t(this,"closePopover",7)}get hostElement(){return this}show=!1;label;i18nShowMore="Show more";aboutItemLabel;activeAboutTabKey;showMore;closePopover;expanded=!1;render(){return r(a,{key:"4cd6bc26f5d602e17ff8bb73ec3f3b97fedc5737",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"aceccc274a03b2b9bd5d0e88fe2063a1f238e356",class:"banner-container"},r("ix-icon",{key:"e2f6e81b2bb8ad1b44c881e3328f35dfb1856984",color:"color-inv-contrast-text",name:n,size:"32"}),r("svg",{key:"7c55727357b4562e6868dab8497a82953371a732",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"a4269a3e39b7228fb8ecc3bbf3e0e8a7a64cd4d7",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"322dfb66bc94343d9996d516cb58f404c186c115",class:"cui-popover-news-header"},r("ix-typography",{key:"0f1553e39f9ab26f58fd09b9c40f79fc7c4afe38",format:"label",bold:!0},this.label)),r("ix-icon-button",{key:"a4760b08b0b4e5b7480f690a55a3f9390225bfe3",size:"24",icon:i,iconColor:"color-soft-text",variant:"tertiary",onClick:()=>{this.show=!1,this.closePopover.emit()}}),r("div",{key:"810aaae79189785390a10d50f40d58e77ffd325d",class:"slot-container"},r("slot",{key:"6a40f2beb6feb68b53fdc27d4cf96e2182c501ed"})),this.activeAboutTabKey?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=!1,this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"f6785ecddbeab3b8bf184a7133aa49f6cefb485e",id:"arrow"}))}static get style(){return":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}"}},[769,"ix-menu-about-news",{show:[1540],label:[1],i18nShowMore:[1,"i18n-show-more"],aboutItemLabel:[1,"about-item-label"],activeAboutTabKey:[1,"active-about-tab-key"],expanded:[4]}]),p=d,u=function(){"undefined"!=typeof customElements&&["ix-menu-about-news","ix-button","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-menu-about-news":customElements.get(s(e))||customElements.define(s(e),d);break;case"ix-button":customElements.get(s(e))||b();break;case"ix-icon-button":customElements.get(s(e))||l();break;case"ix-spinner":customElements.get(s(e))||m();break;case"ix-typography":customElements.get(s(e))||h()}}))};export{p as IxMenuAboutNews,u as defineCustomElement}

package/components/ix-menu-about.js

@@ -1 +1 @@
-import{p as t,H as e,e as o,i as s,h as i,d as a,t as n}from"./p-Bxdy-8CE.js";import{u as r}from"./p-CQj_gEvY.js";import{d as l}from"./p-Btv5ReUJ.js";import{d as m}from"./p-B1ZcjHve.js";import{d as h}from"./p-CDKHgTB8.js";import{d as c}from"./p-uIG84RqI.js";import{d as b}from"./p-NLlCSNeG.js";import{d as f}from"./p-CcllZcv2.js";import{d as g}from"./p-By6x--zJ.js";import{d}from"./p-CVmLf9WY.js";import{d as x}from"./p-DfnCSsMy.js";import{d as u}from"./p-DUkuP1OH.js";import{d as p}from"./p-XBJqkmoc.js";import{d as y}from"./p-MZOpritx.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="About & legal information";ariaLabelCloseButton="Close About";show=!1;tabChange;close;itemsObserver;get items(){return Array.from(this.hostElement.querySelectorAll("ix-menu-about-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:"cd2ec8d53634b27f234387f307e04d39533ca6ee",slot:"ix-menu-about",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"68f17954c5f51c37e44b24b154cf58f218149468",class:"about-header"},i("h2",{key:"1e56a04ed218d37418cf9190f264586883e7f9bf",class:"text-h2"},this.label),i("ix-icon-button",{key:"54b82a7838d4e1d9413efec58e03aeea3dcf21dd",variant:"tertiary",size:"24",icon:r,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseButton,onClick:t=>this.close.emit({name:"ix-menu-about",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 .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}"}},[769,"ix-menu-about",{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-about","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-about":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 IxMenuAbout,v as defineCustomElement}
+import{p as t,H as e,e as o,i as s,h as i,d as a,t as n}from"./p-CtDOTMOT.js";import{u as r}from"./p-BtSt9tC5.js";import{d as l}from"./p-Wr4Qf8LA.js";import{d as m}from"./p-B-O0ylt_.js";import{d as h}from"./p-BDlGgfYh.js";import{d as c}from"./p-CrDBjFhu.js";import{d as b}from"./p-3VG6z9c3.js";import{d as f}from"./p-C-sZLWci.js";import{d}from"./p-Dwe6tWhq.js";import{d as g}from"./p-C0WZnIxc.js";import{d as x}from"./p-GGleop6j.js";import{d as u}from"./p-CJoOEoc-.js";import{d as p}from"./p-Dfd_ifAu.js";import{d as k}from"./p-DhWkcMmR.js";const y=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="About & legal information";ariaLabelCloseButton="Close About";show=!1;tabChange;close;itemsObserver;get items(){return Array.from(this.hostElement.querySelectorAll("ix-menu-about-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:"56d35aa6c165dfcd963b3a6dce8721bac885aac5",slot:"ix-menu-about",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"08a23deef054843de85fa1d2a6d97f4f8995e298",class:"about-header"},i("h2",{key:"9f97df8a9bfb172ebd3b3d549e965570ca20cfc3",class:"text-h2"},this.label),i("ix-icon-button",{key:"a007fc7f753a7c1f18c2c7a9639b5008810c70c5",variant:"tertiary",size:"24",icon:r,iconColor:"color-soft-text","aria-label":this.ariaLabelCloseButton,onClick:t=>this.close.emit({name:"ix-menu-about",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 .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}"}},[769,"ix-menu-about",{suppressLegacyTabs:[4,"suppress-legacy-tabs"],activeTabKey:[1025,"active-tab-key"],label:[1],ariaLabelCloseButton:[1,"aria-label-close-button"],show:[4]},[[0,"labelChange","handleLabelChange"]]]),w=y,v=function(){"undefined"!=typeof customElements&&["ix-menu-about","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-about":customElements.get(n(t))||customElements.define(n(t),y);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))||d();break;case"ix-tab-item":customElements.get(n(t))||g();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))||k()}}))};export{w as IxMenuAbout,v as defineCustomElement}

package/components/ix-menu-avatar-item.js

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

package/components/ix-menu-avatar.js

@@ -1 +1 @@
-import{p as t,H as a,e,h as o,d as r,t as i}from"./p-Bxdy-8CE.js";import{G as s}from"./p-CQj_gEvY.js";import{a as n}from"./p-B5k8YVR0.js";import{m as l}from"./p-Djkc69iv.js";import{b as d}from"./p-D4RWuUBi.js";import{d as c}from"./p-CYgb41KQ.js";import{d as b}from"./p-B8RlWbEh.js";import{d as m}from"./p-B1ZcjHve.js";import{d as h}from"./p-uIG84RqI.js";import{d as p}from"./p-DdMuwGlF.js";import{d as u}from"./p-By6x--zJ.js";import{d as v}from"./p-XBJqkmoc.js";import{d as g}from"./p-MZOpritx.js";const f=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.logoutClick=e(this,"logoutClick",7)}get hostElement(){return this}top;bottom;image;initials;tooltipText;ariaLabelTooltip;i18nLogout="Logout";hideLogoutButton=!1;enableTopLayer=!1;showContextMenu=!1;logoutClick;avatarElementId="ix-menu-avatar-id";tooltipRef=l();onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t)return;const a=d(t);this.showContextMenu=0!==a.length}render(){const t=this.tooltipText??this.top,a=t===this.top;return o(r,{key:"5c6f05897a9a1c5a24b8ac5ba87686b6f83ca090",slot:"ix-menu-avatar"},o("button",{key:"4425caeee1c3ae0c74d45c3253190cc6272416a3",class:"nav-item top-item avatar no-hover",id:this.avatarElementId,tabIndex:0},o("ix-avatar",{key:"c0141851636696906476abd3777f7e5bd64322b7",image:this.image,initials:this.initials}),o("div",{key:"3f79c860b22a4dbcc8e72e768a6709c27a6a78ea",class:"avatar-name"},o("span",{key:"e901a92cee9be95d6602da989872c8870291418a",class:"text-default-single"},this.top),o("span",{key:"7da5bba687c52d0fab08c8c4cdc992bdb3dbd7be",class:"text-default-single"},this.bottom))),!!t&&o("ix-tooltip",{key:"1dd0063f1e2ee34df0076dd7a19b885d19837d80",ref:this.tooltipRef,for:"#"+this.avatarElementId,placement:"right","aria-hidden":n(a),"aria-label":this.ariaLabelTooltip},t),o("ix-dropdown",{key:"6709e38d692c0f725ffbdd2531fa8d9b5d89bf3c",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&this.hideLogoutButton,offset:{mainAxis:16},onShowChanged:t=>{t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},enableTopLayer:this.enableTopLayer},o("slot",{key:"40ebda089d3578ddd04b3a304b14406051760df8",onSlotchange:()=>this.onSlotChange()}),!this.hideLogoutButton&&o("ix-menu-avatar-item",{key:"7a0a8e9d709adb8e7cf851fa56e1943cdcd21966",label:this.i18nLogout,icon:s,onClick:t=>{this.logoutClick.emit(t)}})))}static get style(){return":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-menu-avatar",{top:[1],bottom:[1],image:[1],initials:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],i18nLogout:[1,"i18n-logout"],hideLogoutButton:[4,"hide-logout-button"],enableTopLayer:[4,"enable-top-layer"],showContextMenu:[32]}]),x=f,k=function(){"undefined"!=typeof customElements&&["ix-menu-avatar","ix-avatar","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-avatar-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-avatar":customElements.get(i(t))||customElements.define(i(t),f);break;case"ix-avatar":customElements.get(i(t))||c();break;case"ix-divider":customElements.get(i(t))||b();break;case"ix-dropdown":customElements.get(i(t))||m();break;case"ix-dropdown-item":customElements.get(i(t))||h();break;case"ix-menu-avatar-item":customElements.get(i(t))||p();break;case"ix-spinner":customElements.get(i(t))||u();break;case"ix-tooltip":customElements.get(i(t))||v();break;case"ix-typography":customElements.get(i(t))||g()}}))};export{x as IxMenuAvatar,k as defineCustomElement}
+import{p as t,H as e,e as a,h as o,d as r,t as i}from"./p-CtDOTMOT.js";import{G as s}from"./p-BtSt9tC5.js";import{a as n}from"./p-C21npbUc.js";import{m as l}from"./p-Djkc69iv.js";import{d}from"./p-Dw_A3HUC.js";import{d as c}from"./p-BbW5EIKF.js";import{d as b}from"./p-7HGOhDMX.js";import{d as h}from"./p-B-O0ylt_.js";import{d as m}from"./p-CrDBjFhu.js";import{d as p}from"./p-DHydRnvu.js";import{d as u}from"./p-Dwe6tWhq.js";import{d as v}from"./p-Dfd_ifAu.js";import{d as f}from"./p-DhWkcMmR.js";const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.logoutClick=a(this,"logoutClick",7)}get hostElement(){return this}top;bottom;image;initials;tooltipText;ariaLabelTooltip;i18nLogout="Logout";hideLogoutButton=!1;enableTopLayer=!1;showContextMenu=!1;logoutClick;avatarElementId="ix-menu-avatar-id";tooltipRef=l();onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t)return;const e=d(t);this.showContextMenu=0!==e.length}render(){const t=this.tooltipText??this.top,e=t===this.top;return o(r,{key:"63251d35fc15b945de3bae097702c3e0e7377568",slot:"ix-menu-avatar"},o("button",{key:"f50dd772c58b7b20e966d0a992f6e2537ebbe5bc",class:"nav-item top-item avatar no-hover",id:this.avatarElementId,tabIndex:0},o("ix-avatar",{key:"1b3ea2ab31cc248e021306b9399b5b2bbad1122f",image:this.image,initials:this.initials}),o("div",{key:"1e8aee8c464ebc41e99d00b6933f6682d1c98019",class:"avatar-name"},o("span",{key:"3bc559472005be3d21b406fd9ea85fcb9737dcb6",class:"text-default-single"},this.top),o("span",{key:"023fb55cd5229df9aadec9daf86834e16944a66f",class:"text-default-single"},this.bottom))),!!t&&o("ix-tooltip",{key:"8e13fc36570e1152049b636ecabb042e7288c3e8",ref:this.tooltipRef,for:"#"+this.avatarElementId,placement:"right","aria-hidden":n(e),"aria-label":this.ariaLabelTooltip},t),o("ix-dropdown",{key:"6a7e04c67894981100c3b81eb6ac9c5d9a16194a",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&this.hideLogoutButton,offset:{mainAxis:16},onShowChanged:t=>{t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},enableTopLayer:this.enableTopLayer},o("slot",{key:"d7444d53d15826d0999476c55bc428a89a6b73fa",onSlotchange:()=>this.onSlotChange()}),!this.hideLogoutButton&&o("ix-menu-avatar-item",{key:"f6c1fc16b2b39ef2277ae01485f1b7014e72e568",label:this.i18nLogout,icon:s,onClick:t=>{this.logoutClick.emit(t)}})))}static get style(){return":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}"}},[769,"ix-menu-avatar",{top:[1],bottom:[1],image:[1],initials:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],i18nLogout:[1,"i18n-logout"],hideLogoutButton:[4,"hide-logout-button"],enableTopLayer:[4,"enable-top-layer"],showContextMenu:[32]}]),k=g,x=function(){"undefined"!=typeof customElements&&["ix-menu-avatar","ix-avatar","ix-divider","ix-dropdown","ix-dropdown-item","ix-menu-avatar-item","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-avatar":customElements.get(i(t))||customElements.define(i(t),g);break;case"ix-avatar":customElements.get(i(t))||c();break;case"ix-divider":customElements.get(i(t))||b();break;case"ix-dropdown":customElements.get(i(t))||h();break;case"ix-dropdown-item":customElements.get(i(t))||m();break;case"ix-menu-avatar-item":customElements.get(i(t))||p();break;case"ix-spinner":customElements.get(i(t))||u();break;case"ix-tooltip":customElements.get(i(t))||v();break;case"ix-typography":customElements.get(i(t))||f()}}))};export{k as IxMenuAvatar,x as defineCustomElement}

package/components/ix-menu-category.js

@@ -1 +1 @@
-import{p as t,M as e,e as s,h as o,d as i,t as r}from"./p-Bxdy-8CE.js";import{h as a}from"./p-CQj_gEvY.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-Dx8kFukG.js";import{g as p}from"./p-D4RWuUBi.js";import{m as u}from"./p-Djkc69iv.js";import{d as f}from"./p-D6Wm2E-0.js";import{d as b}from"./p-B8RlWbEh.js";import{d as g}from"./p-B1ZcjHve.js";import{d as x}from"./p-uIG84RqI.js";import{d as w}from"./p-BooU9e46.js";import{d as y}from"./p-XBJqkmoc.js";import{d as k}from"./p-MZOpritx.js";const v=t(class extends(e(...m)){constructor(t){super(),!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=[];observer;menuItemsContainer;ixMenu;dropdownRef=u();categoryParentRef=u();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}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.dropdownRef.current)){const t=f.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&f.present(t)}}hideMenuItemDropdown(){if(this.dropdownRef.current){const t=f.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&f.dismiss(t)}}handleCategoryVisibility(){this.ixMenu?.expand?this.onExpandCategory(!this.showItems):this.showMenuItemDropdown()}onCategoryClick(t){t.stopPropagation(),this.handleCategoryVisibility()}onKeyDown(t){if("Enter"===t.key||" "===t.key){t.preventDefault();const e=this.ixMenu?.expand&&this.showItems;if(this.handleCategoryVisibility(),!e){const t=this.getNestedItems()[0];t&&d((()=>d((()=>t.focus()))))}}}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())}onNestedItemsChanged(t){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(){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.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(){this.observer&&this.observer.disconnect()}render(){return o(i,{key:"e775a045a05963df9bf1cad8af41cde3ba0024fc",class:{expanded:this.showItems},onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},o("ix-menu-item",{key:"55481bde3309e80823c3e1efcbd079b4c149607f","aria-haspopup":"true","aria-expanded":this.showItems||this.showDropdown?"true":"false",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},o("span",{key:"5d12c486d64aa42633db1250016d8471c9f4d63a",class:"category"},o("span",{key:"3a7b5b3cb0bb27a140ea0d3522aa4b0735aff00b",class:"category-text"},this.label),o("ix-icon",{key:"2fffdfadde0f86b453746cd785a69bcf72523f92",name:a,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),o("div",{key:"005a89c89004c7cf7a7f6621fbcdcf19f1d98fb6",ref:t=>this.menuItemsContainer=t,class:{"menu-items":!0,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems},role:"menu",onKeyDown:t=>this.onMenuItemsKeyDown(t)},this.showItems?o("slot",null):null),o("ix-dropdown",{key:"b8fbeea12f40ad51d832be57644672f69a2c61fb",ref:this.dropdownRef,hostRole:"menu","aria-label":this.label,closeBehavior:"both",show:this.showDropdown,onShowChange:({detail:t})=>{if(t)return;const e=document.activeElement,s=p(e).includes(this.hostElement);l()&&s&&d((()=>d((()=>this.hostElement.focus()))))},onShowChanged:({detail:t})=>{this.showDropdown=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:t=>{const e=t.relatedTarget;e&&e!==this.hostElement&&!this.hostElement.contains(e)&&(this.showDropdown=!1)}},o("ix-dropdown-item",{key:"cec1683aa36e2c5db9abe748e6fcb2f901b61028",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},o("ix-typography",{key:"ea96b374abdc5e8dd79ac993782749bc217bfd0a",format:"label",bold:!0,textColor:"std"},this.label)),o("ix-divider",{key:"aa0cae17e78ddcaa6db6822c3f3e27ca35977e07"}),o("slot",{key:"8fe5b81ea58e6f9ec316c06f002a5ff84552d3ff"})))}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"],menuExpand:[32],showItems:[32],showDropdown:[32],nestedItems:[32]},[[8,"closeOtherCategories","hideMenuItemDropdown"]],{showDropdown:[{onShowItemsChange:0}],showItems:[{onShowItemsChange:0}]}]),I=v,C=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),v);break;case"ix-divider":customElements.get(r(t))||b();break;case"ix-dropdown":customElements.get(r(t))||g();break;case"ix-dropdown-item":customElements.get(r(t))||x();break;case"ix-menu-item":customElements.get(r(t))||w();break;case"ix-tooltip":customElements.get(r(t))||y();break;case"ix-typography":customElements.get(r(t))||k()}}))};export{I as IxMenuCategory,C as defineCustomElement}
+import{p as t,M as a,e,h as i,d as r,t as s}from"./p-CtDOTMOT.js";import{h as o}from"./p-BtSt9tC5.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 b}from"./p-CApDAYIa.js";import{I as l}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-CT5pAQCz.js";import{d as f}from"./p-7HGOhDMX.js";import{d as x}from"./p-B-O0ylt_.js";import{d as w}from"./p-CrDBjFhu.js";import{d as y}from"./p-Dfd_ifAu.js";import{d as v}from"./p-DhWkcMmR.js";let k=0;const I=t(class extends(a(...c,l)){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.dropdownRef.current)){const t=p.getDropdownById(this.dropdownRef.current.dataset.ixDropdown);t&&p.present(t)}}hideMenuItemDropdown(){if(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);b()&&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:"593b29c5f5cf2e63cc6c1492f6f90fc7bddb3bd8",class:{expanded:this.showItems},onIxMenuCategoryItemSelect:()=>this.onNestedItemSelect(),onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},i("ix-menu-item",{key:"35bfb38e90317bf2459bce59860ba0f74e8174f1",...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:"2ea2e12dad87e97ebb8ebac718cae45309e42eb2",class:"category"},i("span",{key:"9ffeb1f8b799f59228a43d1d5c8c850a45ce3c25",class:"category-text"},this.label),i("ix-icon",{key:"47cceda4005228068e13a36addcd60c01a1d1efc",name:o,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),i("div",{key:"5dff5d2e58da8af82e56d927cdec4c2d8d52ee67",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:"17963ff7cb90f56843d13b8d10a34d2efe56427d",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:"76a24a1e7fdaa4cb8263fd3fc2a0f65e3bdb9674",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},i("ix-typography",{key:"5d11df71fc842c0968c9069340b0f208500e0d25",format:"label",bold:!0,textColor:"std"},this.label)),i("ix-divider",{key:"3bb9b931667a4ed2ee32a230ffe6a7f8bae8e2b7"}),i("slot",{key:"c37ca19af5209ec8129527e0c41c62f2b3f5d809"})))}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}

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

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

package/components/ix-menu-item.js

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

package/components/ix-menu-settings-item.js

@@ -1 +1 @@
-import{p as e,M as t,e as a,h as s,d as n,t as i}from"./p-Bxdy-8CE.js";import{B as l}from"./p-DRw2l8Az.js";import{d as b}from"./p-B4Yxzuow.js";const m=e(class extends(t(l)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.labelChange=a(this,"labelChange",7)}label;labelChange;watchLabel(e,t){this.labelChange.emit({name:"ix-menu-settings-item",oldLabel:t,newLabel:e})}render(){return s(n,{key:"8e3648fc2d1a95f5ae6bae557df77544183980c4"},s("ix-tab-panel",{key:"731b83b26520bc07a61c27699ae19095f71098f5",tabKey:this.tabKey},s("slot",{key:"a9452a0ea918f74ad222d2b5d1da6a74a387e283"})))}static get watchers(){return{label:[{watchLabel:0}]}}},[772,"ix-menu-settings-item",{tabKey:[1,"tab-key"],label:[513]},void 0,{label:[{watchLabel:0}]}]),c=m,o=function(){"undefined"!=typeof customElements&&["ix-menu-settings-item","ix-tab-panel"].forEach((e=>{switch(e){case"ix-menu-settings-item":customElements.get(i(e))||customElements.define(i(e),m);break;case"ix-tab-panel":customElements.get(i(e))||b()}}))};export{c as IxMenuSettingsItem,o as defineCustomElement}
+import{p as e,M as t,e as a,h as s,d as n,t as c}from"./p-CtDOTMOT.js";import{B as i}from"./p-DRw2l8Az.js";import{d as l}from"./p-BWH03B1n.js";const b=e(class extends(t(i)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.labelChange=a(this,"labelChange",7)}label;labelChange;watchLabel(e,t){this.labelChange.emit({name:"ix-menu-settings-item",oldLabel:t,newLabel:e})}render(){return s(n,{key:"48c4f2a2e07a0dc0006d6cac683869439b06faa0"},s("ix-tab-panel",{key:"04e2fb1c063f897c6c3982645fc977eb1ce7ea82",tabKey:this.tabKey},s("slot",{key:"34874508577ce1773af32ee09c73b2b9219a2d1e"})))}static get watchers(){return{label:[{watchLabel:0}]}}},[772,"ix-menu-settings-item",{tabKey:[1,"tab-key"],label:[513]},void 0,{label:[{watchLabel:0}]}]),m=b,o=function(){"undefined"!=typeof customElements&&["ix-menu-settings-item","ix-tab-panel"].forEach((e=>{switch(e){case"ix-menu-settings-item":customElements.get(c(e))||customElements.define(c(e),b);break;case"ix-tab-panel":customElements.get(c(e))||l()}}))};export{m as IxMenuSettingsItem,o as defineCustomElement}

package/components/ix-menu-settings.js

@@ -1 +1 @@
-import{p as t,H as e,e as o,i as s,h as i,d as a,t as n}from"./p-Bxdy-8CE.js";import{u as r}from"./p-CQj_gEvY.js";import{d as l}from"./p-Btv5ReUJ.js";import{d as m}from"./p-B1ZcjHve.js";import{d as h}from"./p-CDKHgTB8.js";import{d as c}from"./p-uIG84RqI.js";import{d as f}from"./p-NLlCSNeG.js";import{d as b}from"./p-CcllZcv2.js";import{d as g}from"./p-By6x--zJ.js";import{d}from"./p-CVmLf9WY.js";import{d as x}from"./p-DfnCSsMy.js";import{d as u}from"./p-DUkuP1OH.js";import{d as p}from"./p-XBJqkmoc.js";import{d as y}from"./p-MZOpritx.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:"848591f6959a970ef5f9aaf19f5536c5339d7110",slot:"ix-menu-settings",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"c956793c63354f9da18c454b2c8eff7a87ee7e6b",class:"settings-header"},i("h2",{key:"9997f069ad979c9e355557e1ae821f6fe9bc2f57",class:"text-h2"},this.label),i("ix-icon-button",{key:"289a2f65031d5787d4a4ea80a955f2e371e6b0ae",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))||f();break;case"ix-pill":customElements.get(n(t))||b();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,i as s,h as i,d as a,t as n}from"./p-CtDOTMOT.js";import{u as r}from"./p-BtSt9tC5.js";import{d as l}from"./p-Wr4Qf8LA.js";import{d as m}from"./p-B-O0ylt_.js";import{d as h}from"./p-BDlGgfYh.js";import{d as c}from"./p-CrDBjFhu.js";import{d as f}from"./p-3VG6z9c3.js";import{d as b}from"./p-C-sZLWci.js";import{d as g}from"./p-Dwe6tWhq.js";import{d}from"./p-C0WZnIxc.js";import{d as x}from"./p-GGleop6j.js";import{d as u}from"./p-CJoOEoc-.js";import{d as p}from"./p-Dfd_ifAu.js";import{d as k}from"./p-DhWkcMmR.js";const y=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:"05f98cf864c61b155446992713cd31408c3182fa",slot:"ix-menu-settings",class:{show:this.show,"legacy-tabs":!this.suppressLegacyTabs}},i("div",{key:"a119043ecdf9710d73186650b91ee67677000e5b",class:"settings-header"},i("h2",{key:"289bef2c46bf0856677dd810b589048db3a4161c",class:"text-h2"},this.label),i("ix-icon-button",{key:"9c38c31c8f46b777de1dba7a48e27e03870c11bb",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=y,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),y);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))||f();break;case"ix-pill":customElements.get(n(t))||b();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))||k()}}))};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-Bxdy-8CE.js";import{f as r,C as s,D as m,d as c}from"./p-CQj_gEvY.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-CgOv_MV_.js";import{a as g}from"./p-JJddxCCh.js";import{t as y}from"./p-Dx6rQdpk.js";import{d as _}from"./p-NLlCSNeG.js";import{d as k}from"./p-B_czElDE.js";import{d as x}from"./p-BooU9e46.js";import{d as w}from"./p-By6x--zJ.js";import{d as v}from"./p-XBJqkmoc.js";import{d as I}from"./p-MZOpritx.js";const O=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()}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;applicationLayoutContext;isDarkMode=!1;isTransitionDisabled=!1;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 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 tabsContainer(){return this.hostElement}componentDidLoad(){requestAnimationFrame((()=>{this.handleOverflowIndicator()})),this.pinned&&this.pinnedChange(this.pinned)}componentWillLoad(){p(this.hostElement,h,(t=>{this.applicationLayoutContext=t,this.onBreakpointChange(!0!==t.hideHeader?u.breakpoint:"md")}),!0),b.register(this.hostElement),u.onChange.on((t=>this.onBreakpointChange(t))),this.onBreakpointChange(u.breakpoint,!0),this.updateThemeState(),this.themeNameDisposer=y.themeChanged.on((()=>{this.updateThemeState()}))}componentDidRender(){!this.about&&this.aboutNewsPopover&&(this.aboutNewsPopover.show=!1),this.appendFragments()}disconnectedCallback(){this.themeNameDisposer?.dispose()}updateThemeState(){this.isDarkMode="dark"===y.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 g(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(){this.animateOverlayFadeOut((()=>{this.resetOverlay()}))}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())}isHiddenFromViewport(){return"sm"===this.breakpoint&&!1===this.expand}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:"1aebc8f8c0ac09e4a0a01f30ba769f1974958cf9",class:{expanded:this.expand,["breakpoint-"+this.breakpoint]:!0},slot:"menu"},n("nav",{key:"b23730df88ec2d76724c4c7920fa6993a24fe91b","aria-label":this.applicationName,class:{menu:!0,expanded:this.expand}},n("div",{key:"dc91ac2d007de0e97ed1ba9d3a6d103b5b05868f",class:"menu-buttons"},"sm"!==this.breakpoint&&n("ix-menu-expand-icon",{key:"19aff43787702fd8cdca2a3d51981538f0d36b38",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:"7adcf4e6a6436022dcfc61c7512a94229fbcc4bb",onClick:()=>{this.showAppSwitch()},icon:r,variant:"subtle-tertiary"})),n("div",{key:"387bac9de2fec8e79fabf6d1130c4d6b22dd9258",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},n("div",{key:"bec523ac0b17d45d73c007cd7ca82193c8e25668",class:"tabs-shadow-container"},n("div",{key:"c69d499b1aac3d5ff2ce3cbacaea89f96873f94b",class:{"tabs--shadow":!0,"tabs--shadow-top":!0,"tabs--shadow--show":this.itemsScrollShadowTop}}),n("div",{key:"1bf7e6500511ee7404101d110161f105e5f43fe9",class:{tabs:!0,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},n("div",{key:"99f9994c254898d82ad98665881531105b298138",class:"menu-avatar"},n("slot",{key:"180c3410631d5a78132b89b7e11db4f13d238867",name:"ix-menu-avatar"})),n("slot",{key:"38a1e0ea97e9889dc160be815c46ee4558d4078f",name:"home"}),"sm"===this.breakpoint&&this.isHiddenFromViewport()?null:n("slot",null)),n("div",{key:"338d93258911beb1bf3f98a8df7bde1d24b45b60",class:{"tabs--shadow":!0,"tabs--shadow-bottom":!0,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),n("div",{key:"815181e90fd29218e43d04b1ea4dfc5f9c68cec6",class:"bottom-tab-divider"}),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-expanded":""+this.showSettings,"aria-controls":"menu-overlay"}):null,this.enableToggleTheme?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"toggleTheme",onClick:()=>y.toggleMode(),class:"internal-tab bottom-tab",icon:m,label:this.i18nToggleTheme,role:"switch","aria-checked":""+this.isDarkMode}):null,n("div",{key:"5f90277b54ee68fa14b41d210eb52bcb04b72dbb",onClick:t=>this.onMenuItemsClick(t)},n("slot",{key:"f11a76b89e66b2b5d7068011ee3b076b6464a87a",name:"bottom"})),n("div",{key:"737628853dc8a66a8b3b79bfe835efb37f24bb92",id:"popover-area"}),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-expanded":""+this.showAbout,"aria-controls":"menu-overlay"}):null),n("section",{key:"756fd1ff3ec02a40f6fd9cfabee6e3b2c9815e7c",id:"menu-overlay","aria-label":t,class:{"menu-overlay":!0,visible:this.isOverlayVisible(),expanded:this.expand},onTransitionEnd:()=>{this.isTransitionDisabled=!0,this.checkTransition()}},n("div",{key:"472fa2edfcbad244714c8e77ae30a1a3be0e82c8",class:"menu-overlay-container"},this.showSettings?n("slot",{name:"ix-menu-settings"}):null),n("div",{key:"220927c09a1e9f9d280cf096870b89e30a9131c3",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 .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}: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.5rem 0 0 0.625rem}:host .menu-buttons>:last-child{margin-bottom:1rem}: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],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],applicationLayoutContext:[32],isDarkMode:[32],toggleMapExpand:[64],toggleMenu:[64],toggleSettings:[64],toggleAbout:[64]},[[9,"resize","handleOverflowIndicator"],[0,"close","onOverlayClose"]],{expand:[{expandChanged:0}],pinned:[{pinnedChange:0}]}]),L=O,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),O);break;case"ix-icon-button":customElements.get(o(t))||_();break;case"ix-menu-expand-icon":customElements.get(o(t))||k();break;case"ix-menu-item":customElements.get(o(t))||x();break;case"ix-spinner":customElements.get(o(t))||w();break;case"ix-tooltip":customElements.get(o(t))||v();break;case"ix-typography":customElements.get(o(t))||I()}}))};export{L as IxMenu,X as defineCustomElement}
+import{p as t,H as a,e,h as n,d as i,t as o}from"./p-CtDOTMOT.js";import{f as r,C as s,D as m,d as c}from"./p-BtSt9tC5.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-3VG6z9c3.js";import{d as x}from"./p-DziPiOL3.js";import{d as v}from"./p-CT5pAQCz.js";import{d as w}from"./p-Dwe6tWhq.js";import{d as I}from"./p-Dfd_ifAu.js";import{d as O}from"./p-DhWkcMmR.js";const D=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:"47a4fe953c394a65c515c69eb164fae9921241d0",class:{expanded:this.expand,["breakpoint-"+this.breakpoint]:!0},slot:"menu"},n("nav",{key:"befa847fe411183d14f2618eae42f11892bd53e3","aria-label":this.applicationName,class:{menu:!0,expanded:this.expand}},n("div",{key:"d648ef9cf9525f858b25dbf8b396ab6faceadd4e",class:"menu-buttons"},"sm"!==this.breakpoint&&n("ix-menu-expand-icon",{key:"b9092de8f71df6ec8b78cc356f5fcc83902b75cd",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:"4ce5e027869a3fe66290e9447c1da57ea827cdde",onClick:()=>{this.showAppSwitch()},icon:r,variant:"subtle-tertiary"})),n("div",{key:"088f955c6ab52008a6cd1aa6e75ef5d97211cb5b",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:"b1ec4b72b2a1d791429a97617184065e1d47b260",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},n("div",{key:"80712fd2a17029394ca4355cc0ca22a61ff7b4ef",class:"tabs-shadow-container"},n("div",{key:"3fc0eca7419f73746525f4881dea0cbc27398d87",class:{"tabs--shadow":!0,"tabs--shadow-top":!0,"tabs--shadow--show":this.itemsScrollShadowTop}}),n("div",{key:"f6d8d4716a1b3e15ac7c48a80fd7878ec7003d63",class:{tabs:!0,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},n("div",{key:"53ebf16042ac81b94cfceedf4efff1d4eaf74d08",class:"menu-avatar"},n("slot",{key:"1cbebf98bb6bb2ba9545a153d45390fe6e7effb0",name:"ix-menu-avatar"})),n("slot",{key:"28941eced5a431a5610859c187db19d0f0a17437",name:"home"}),"sm"===this.breakpoint&&this.isHiddenFromViewport()?null:n("slot",null)),n("div",{key:"e67916be1c943d25ae37b7b97c08b0cc1dd72bdf",class:{"tabs--shadow":!0,"tabs--shadow-bottom":!0,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),n("div",{key:"0d5aed4213390ac89cb1906e52528fe0451a250f",onClick:t=>this.onMenuItemsClick(t)},n("slot",{key:"95514a4b070d7e8c9f73869acf59c78169a524ac",name:"bottom",onSlotchange:()=>this.updateBottomSlotState()})),n("div",{key:"24b2a88b7eb24c2a33cf94313a2f6736249d0cd5",class:"bottom-tab-divider"}),n("div",{key:"6900b0226aeed36a3b643b790a4db230a0635eb6",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:"4d1cfd95a64cd7b51eadb71131284ed7404af601",id:"popover-area"})),n("section",{key:"730576b8b7214a6aee310c05f67109fe6911b0c5",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:"f2c7e8b61608398eead0080b0b7e9f40702e3eab",class:"menu-overlay-container"},this.showSettings?n("slot",{name:"ix-menu-settings"}):null),n("div",{key:"e77e005e8a36e3b243b310254f230d90539fec94",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}]}]),L=D,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),D);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{L as IxMenu,R 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-Bxdy-8CE.js";import{a as c}from"./p-DhE1t8Qh.js";import{H as i,d as n,a as l,c as b,I as m,b as h,u as d}from"./p-CQj_gEvY.js";import{d as g}from"./p-NLlCSNeG.js";import{d as u}from"./p-By6x--zJ.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:h,color:"color-alarm"},critical:{icon:m,color:"color-critical"},warning:{icon:b,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:"22bbc355ba3fca3209fab0491ae186f59bb64b02"},s("div",{key:"a84b47392ddfd8a8b0863ce99aa17985fbf39b4d",class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},s("ix-icon",{key:"6528c7bd5a8b484858c97ca0e072704dcf37ad1c",color:this.color,name:this.icon}),s("div",{key:"07eed52e33baa107ebdebb10ef478d775901faf3",class:"message-content"},s("slot",{key:"cd5981304f6998d55edc38fa3fb0c67e139b8278"})),!this.persistent&&s("ix-icon-button",{key:"ac6a235e1080bbb942c102f7c0e5c04672176557",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]}]),k=p,f=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{k as IxMessageBar,f as defineCustomElement}
+import{p as e,H as r,e as o,h as s,d as t,t as a}from"./p-CtDOTMOT.js";import{a as c}from"./p-DhE1t8Qh.js";import{H as i,d as n,a as l,c as m,I as h,b,u as d}from"./p-BtSt9tC5.js";import{d as g}from"./p-3VG6z9c3.js";import{d as u}from"./p-Dwe6tWhq.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:"958c28d0bae524a1041a8118d9313972139f1f4a"},s("div",{key:"8e619088864f0475559795ac309e1fbfc8bc1bb3",class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},s("ix-icon",{key:"e21c8715adb8ec071aebb393896b20ae41f0cab5",color:this.color,name:this.icon}),s("div",{key:"060da1ce54e588666ec3c8be27b322bef8cbc85d",class:"message-content"},s("slot",{key:"0d7485fcf2b06989e6a385050622236ad71d96e3"})),!this.persistent&&s("ix-icon-button",{key:"dab714f06d4f20c379c661f638bffe809778d1d8",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]}]),k=p,f=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{k as IxMessageBar,f as defineCustomElement}

package/components/ix-modal-content.js

@@ -1 +1 @@
-import{M as o,d as s}from"./p-B1q6Xh9M.js";const p=o,r=s;export{p as IxModalContent,r as defineCustomElement}
+import{M as o,d as s}from"./p-CDf5TQum.js";const m=o,p=s;export{m as IxModalContent,p as defineCustomElement}

package/components/ix-modal-footer.js

@@ -1 +1 @@
-import{p as r,H as o,h as t,d as e,t as a}from"./p-Bxdy-8CE.js";const s=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"bab5a43ac92a13caca46d241091c27c773990aba"},t("slot",{key:"fefe386636d486a7e1d4b35a23eafe0d04b7270c"}))}static get style(){return":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}: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}"}},[257,"ix-modal-footer"]),c=s,b=function(){"undefined"!=typeof customElements&&["ix-modal-footer"].forEach((r=>{"ix-modal-footer"===r&&(customElements.get(a(r))||customElements.define(a(r),s))}))};export{c as IxModalFooter,b as defineCustomElement}
+import{p as r,H as t,h as o,d as e,t as s}from"./p-CtDOTMOT.js";const a=r(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return o(e,{key:"6d10985e1922b6bffbc82d758fc2c5d64e0af761"},o("slot",{key:"438d07e19d688048e331c64ca62f08c67b7ce0ae"}))}static get style(){return":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}: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}"}},[257,"ix-modal-footer"]),c=a,l=function(){"undefined"!=typeof customElements&&["ix-modal-footer"].forEach((r=>{"ix-modal-footer"===r&&(customElements.get(s(r))||customElements.define(s(r),a))}))};export{c as IxModalFooter,l as defineCustomElement}

package/components/ix-modal-header.js

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

package/components/ix-modal-loading.js

@@ -1 +1 @@
-import{p as e,H as t,h as s,d as i,t as a}from"./p-Bxdy-8CE.js";import{d as o}from"./p-By6x--zJ.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(i,{key:"dac65dc36124b038728e843240d126432d85e987"},s("ix-spinner",{key:"639371732304b733f79cf8498e46442ff6a442df",variant:"primary"}),s("span",{key:"a9bf046b8c00552a4135cc5046789027abd1803e",class:"loading-text"},s("slot",{key:"362185ef3806ddb57c90f6fdf776cb3563baf903"})))}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"]),d=n,r=function(){"undefined"!=typeof customElements&&["ix-modal-loading","ix-spinner"].forEach((e=>{switch(e){case"ix-modal-loading":customElements.get(a(e))||customElements.define(a(e),n);break;case"ix-spinner":customElements.get(a(e))||o()}}))};export{d as IxModalLoading,r as defineCustomElement}
+import{p as e,H as t,h as s,d as a,t as i}from"./p-CtDOTMOT.js";import{d as o}from"./p-Dwe6tWhq.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return s(a,{key:"dc1f6ceb8a80533b033c8a942ad226a827797f5e"},s("ix-spinner",{key:"cba70b4acd7faac7076ccab3505ba3bf77b43294",variant:"primary"}),s("span",{key:"7e391743781992496039e4d71e2344c79bc134df",class:"loading-text"},s("slot",{key:"5c08f0076249ca3d16b80e2d107cf2fb975e7e5b"})))}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 e,t as s}from"./p-Bxdy-8CE.js";import{a as n}from"./p-DhE1t8Qh.js";import{b as d,a as l}from"./p-B5k8YVR0.js";import{A as r}from"./p-DNIQ2C1K.js";import{t as c}from"./p-C_95k0nq.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,e)=>{const s=Date.now(),n=()=>{const d=o.querySelector(i);d?a(d):Date.now()-s<t?setTimeout(n):e()};n()}))}("dialog",this.hostElement.shadowRoot);this.modalVisible=!0,this.isNonBlocking?i.show():i.showModal(),this.slideInModal(),await this.scheduleInitialAutofocus()}catch{console.error("HTMLDialogElement not existing")}}async dismissModal(i){if(!this.modalVisible)return;let 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(e,{key:"0a2ab5326fb5cbadf863bd8e3a38cce5be19c0df",class:{visible:this.modalVisible,"no-backdrop":this.hideBackdrop,"align-center":this.centered,"non-blocking":this.isNonBlocking}},a("div",{key:"2e433b7bdb5aac5e38e96e725742868ca94f11be",class:"dialog-backdrop"},a("dialog",{key:"39497dada9d70730da3b25f8693945c0daf3592f","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:"c8523949dec6428eb1c840240f5ac49e240c80c4"}))))}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}
+import{p as i,H as o,e as t,h as s,d as a,t as e}from"./p-CtDOTMOT.js";import{a as d}from"./p-DhE1t8Qh.js";import{b as n,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");d(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"),d(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:s}=i;return t>=o.left&&t<=o.right&&s>=o.top&&s<=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(((s,a)=>{const e=Date.now(),d=()=>{const n=o.querySelector(i);n?s(n):Date.now()-e<t?setTimeout(d):a()};d()}))}("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=n(this.hostElement)}render(){return s(a,{key:"b40ae3d2505764659681551aaab811b4c8bfcc6f",class:{visible:this.modalVisible,"no-backdrop":this.hideBackdrop,"align-center":this.centered,"non-blocking":this.isNonBlocking}},s("div",{key:"5985f073d9b74b75838b3e592fe5254dfec3ea11",class:"dialog-backdrop"},s("dialog",{key:"372dd029f7d41622559568d99fe28608e1806cab","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()}},s("slot",{key:"405cfdcead12f17c5bc3534d9d160fddd69106a7"}))))}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}