@siemens/ix 5.1.0 → 5.1.1

package/dist/siemens-ix/{p-2b9f7512.entry.js → p-57678563.entry.js}

@@ -1 +1 @@
-import{r as t,c as a,g as e,h as n,H as i}from"./p-EBgS4zhE.js";import{f as o,w as r,x as s,d as m}from"./p-DgUGsIlh.js";import{a as c}from"./p-DhE1t8Qh.js";import{A as l}from"./p-DNIQ2C1K.js";import{s as d}from"./p-BL9SR36X.js";import{a as f,A as p}from"./p-DuTDx0c-.js";import{a as h}from"./p-4pTtJwcY.js";import{m as u}from"./p-DT02jDB7.js";import{r as b}from"./p-BEuV0Xpe.js";import{a as g}from"./p-JJddxCCh.js";import{t as y}from"./p-Dx6rQdpk.js";import"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";import"./p-D_Hmobxf.js";const _=class{constructor(e){t(this,e),this.expandChange=a(this,"expandChange",7),this.mapExpandChange=a(this,"mapExpandChange",7),this.openAppSwitch=a(this,"openAppSwitch",7),this.openSettings=a(this,"openSettings",7),this.openAbout=a(this,"openAbout",7)}get hostElement(){return e(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 h.disableBreakpointDetection(),void h.setBreakpoint("lg");h.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(),f(this.hostElement,p,(t=>{this.applicationLayoutContext=t,this.onBreakpointChange(!0!==t.hideHeader?h.breakpoint:"md")}),!0),h.onChange.on((t=>this.onBreakpointChange(t))),this.onBreakpointChange(h.breakpoint,!0),this.updateThemeState(),this.themeNameDisposer=y.themeChanged.on((()=>{this.updateThemeState()}))}componentDidRender(){!this.about&&this.aboutNewsPopover&&(this.aboutNewsPopover.show=!1),this.appendFragments()}connectedCallback(){u.register(this.hostElement)}disconnectedCallback(){this.themeNameDisposer?.dispose(),u.unregister(this.hostElement)}updateThemeState(){this.isDarkMode="dark"===y.getMode()}setPinned(t){this.showPinned=t,u.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 HTMLElement&&"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&&b((()=>{t.focus()}))}animateOverlayFadeIn(){requestAnimationFrame((()=>{c(this.overlayContainer,{duration:l.mediumTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeInSine",onBegin:()=>{this.showPinned||this.toggleMenu(!1)}})}))}animateOverlayFadeOut(t){requestAnimationFrame((()=>{c(this.overlayContainer,{duration:l.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",String(e+1)),t.setAttribute("aria-setsize",String(a))}))}handleMenuFocusIn(t){const a=this.getAllFocusableItems(),e=t.composedPath(),n=a.findIndex((t=>e.includes(t)));-1!==n?(this.lastFocusedMenuItem=a[n],this.updateRovingTabIndex(a,n)):t.target instanceof HTMLElement&&this.resetRovingTabIndex(a)}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 HTMLElement&&"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&&d(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:o,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:r,onClick:async()=>this.toggleSettings(!this.showSettings),label:this.i18nSettings,"aria-haspopup":"dialog","aria-expanded":this.showSettings.toString(),"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:s,label:this.i18nToggleTheme,role:"menuitemcheckbox","aria-checked":this.isDarkMode.toString()}):null,this.about?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},icon:m,onClick:async()=>this.toggleAbout(!this.showAbout),label:this.i18nLegal,"aria-haspopup":"dialog","aria-expanded":this.showAbout.toString(),"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}]}}};_.style=":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}";export{_ as ix_menu}
+import{r as t,c as a,g as e,h as n,H as i}from"./p-EBgS4zhE.js";import{f as o,w as r,x as s,d as m}from"./p-DgUGsIlh.js";import{a as c}from"./p-DhE1t8Qh.js";import{A as l}from"./p-DNIQ2C1K.js";import{s as d}from"./p-BL9SR36X.js";import{a as f,A as p}from"./p-DuTDx0c-.js";import{a as h}from"./p-4pTtJwcY.js";import{m as u}from"./p-DT02jDB7.js";import{r as b}from"./p-BEuV0Xpe.js";import{a as g}from"./p-JJddxCCh.js";import{t as y}from"./p-Dx6rQdpk.js";import"./p-CWlPNXA-.js";import"./p-CWshStHZ.js";import"./p-D_Hmobxf.js";const _=class{constructor(e){t(this,e),this.expandChange=a(this,"expandChange",7),this.mapExpandChange=a(this,"mapExpandChange",7),this.openAppSwitch=a(this,"openAppSwitch",7),this.openSettings=a(this,"openSettings",7),this.openAbout=a(this,"openAbout",7)}get hostElement(){return e(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 h.disableBreakpointDetection(),void h.setBreakpoint("lg");h.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(),f(this.hostElement,p,(t=>{this.applicationLayoutContext=t,this.onBreakpointChange(!0!==t.hideHeader?h.breakpoint:"md")}),!0),h.onChange.on((t=>this.onBreakpointChange(t))),this.onBreakpointChange(h.breakpoint,!0),this.updateThemeState(),this.themeNameDisposer=y.themeChanged.on((()=>{this.updateThemeState()}))}componentDidRender(){!this.about&&this.aboutNewsPopover&&(this.aboutNewsPopover.show=!1),this.appendFragments()}connectedCallback(){u.register(this.hostElement)}disconnectedCallback(){this.themeNameDisposer?.dispose(),u.unregister(this.hostElement)}updateThemeState(){this.isDarkMode="dark"===y.getMode()}setPinned(t){this.showPinned=t,u.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 HTMLElement&&"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&&b((()=>{t.focus()}))}animateOverlayFadeIn(){requestAnimationFrame((()=>{c(this.overlayContainer,{duration:l.mediumTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeInSine",onBegin:()=>{this.showPinned||this.toggleMenu(!1)}})}))}animateOverlayFadeOut(t){requestAnimationFrame((()=>{c(this.overlayContainer,{duration:l.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",String(e+1)),t.setAttribute("aria-setsize",String(a))}))}handleMenuFocusIn(t){const a=this.getAllFocusableItems(),e=t.composedPath(),n=a.findIndex((t=>e.includes(t)));-1!==n?(this.lastFocusedMenuItem=a[n],this.updateRovingTabIndex(a,n)):t.target instanceof HTMLElement&&this.resetRovingTabIndex(a)}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 HTMLElement&&"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&&d(this.applicationLayoutContext.appSwitchConfig)}render(){let t;return this.showSettings?t=this.i18nSettings:this.showAbout&&(t=this.i18nLegal),n(i,{key:"e85a8e0d55269c10e679ef732e4f1e695d4ddd43",class:{expanded:this.expand,[`breakpoint-${this.breakpoint}`]:!0},slot:"menu"},n("nav",{key:"9a24665cb1cc4a1cfbbd47de4f579c11bbcb20b8","aria-label":this.applicationName,class:{menu:!0,expanded:this.expand}},n("div",{key:"5d3cd419caeaaa61fcc76c446321feea5702e767",class:"menu-buttons"},"sm"!==this.breakpoint&&n("ix-menu-expand-icon",{key:"4259dc4201069a8ba1a6d02cf643647a87672e2d",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:"f0934779c9031e59508491376d5bcbb8389a404d",onClick:()=>{this.showAppSwitch()},icon:o,variant:"subtle-tertiary"})),n("div",{key:"36b41ef42aa08f1c01e6c0fb295ef61a1daf61de",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:"3d5d491948f2c912d435a7a46b4e8ff02a41c242",id:"menu-tabs",style:{display:"contents"},onClick:t=>this.onMenuItemsClick(t)},n("div",{key:"6fd98aa6dbad269e362d1796e1b96a6fda974cdd",class:"tabs-shadow-container"},n("div",{key:"652837d937df0b5456569485dff51b0a8f4d4ebb",class:{"tabs--shadow":!0,"tabs--shadow-top":!0,"tabs--shadow--show":this.itemsScrollShadowTop}}),n("div",{key:"a3ea2437b589f65eb446f665bb1490e1cbfe2ad2",class:{tabs:!0,"show-scrollbar":this.expand},onScroll:()=>this.handleOverflowIndicator()},n("div",{key:"b57f2058a19b72373f9421030eeaa4c4e29bb74c",class:"menu-avatar"},n("slot",{key:"e8f517dcf4560f7dbe163d718138499929ea158e",name:"ix-menu-avatar"})),n("slot",{key:"e2c7c6e96064935789a638b61cbac7ed41e2376f",name:"home"}),"sm"===this.breakpoint&&this.isHiddenFromViewport()?null:n("slot",null)),n("div",{key:"b4dbc21fb94e875bf44c540c920808358da30c72",class:{"tabs--shadow":!0,"tabs--shadow-bottom":!0,"tabs--shadow--show":this.itemsScrollShadowBottom}}))),n("div",{key:"2bdaa8799a1fbe9d604f369180184c52618b4d24",onClick:t=>this.onMenuItemsClick(t)},n("slot",{key:"99f1e2452f900444d365e3c3e2ad438cb48ef7e5",name:"bottom",onSlotchange:()=>this.updateBottomSlotState()})),n("div",{key:"0471a885588c5fb70ca704ac066d5dd3e739cb0c",class:"bottom-tab-divider"}),n("div",{key:"d62d0249f5a20c692e293d67bb1b4e038aa88d27",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:r,onClick:async()=>this.toggleSettings(!this.showSettings),label:this.i18nSettings,"aria-haspopup":"dialog","aria-expanded":this.showSettings.toString(),"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:s,label:this.i18nToggleTheme,role:"menuitemcheckbox","aria-checked":this.isDarkMode.toString()}):null,this.about?n("ix-menu-item",{disabled:this.isHiddenFromViewport(),id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},icon:m,onClick:async()=>this.toggleAbout(!this.showAbout),label:this.i18nLegal,"aria-haspopup":"dialog","aria-expanded":this.showAbout.toString(),"aria-controls":"menu-overlay"}):null)),n("div",{key:"076482a3461808756d0c028f5e9f8093ac435941",id:"popover-area"})),n("section",{key:"cc54b807048a80a7284629d763f927d2191c9eec",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:"c50c54c2729eba12801daf7d36bef977ea979ec9",class:"menu-overlay-container"},this.showSettings?n("slot",{name:"ix-menu-settings"}):null),n("div",{key:"8979d180bc1ad06d4fb2f0a2065b4e9d47dabab3",class:"menu-overlay-container"},this.showAbout?n("slot",{name:"ix-menu-about"}):null)))}static get watchers(){return{expand:[{expandChanged:0}],pinned:[{pinnedChange:0}]}}};_.style=":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}";export{_ as ix_menu}

package/dist/siemens-ix/{p-264e971c.entry.js → p-5d7ede96.entry.js}

@@ -1 +1 @@
-import{r as e,h as n,H as r}from"./p-EBgS4zhE.js";const t=class{constructor(n){e(this,n)}render(){return n(r,{key:"85a2acb610b6529f3c65b1eadc369aa39b41d9fa"},n("slot",{key:"329e45898b1c5791e94c08bbc4c5cc8176b9e71b"}))}};t.style=":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";export{t as ix_dropdown_quick_actions}
+import{r as e,h as n,H as r}from"./p-EBgS4zhE.js";const t=class{constructor(n){e(this,n)}render(){return n(r,{key:"ef50b956354184faad378cf100ec726ee8d13601"},n("slot",{key:"cbec7dfddb53099be04c258c1f2cd68394f3e8b7"}))}};t.style=":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";export{t as ix_dropdown_quick_actions}

package/dist/siemens-ix/{p-d80e7d50.entry.js → p-6aa5adb4.entry.js}

@@ -1 +1 @@
-import{r as t,g as e,h as i,H as o}from"./p-EBgS4zhE.js";import{c as s,a,r as n,s as r,o as l,d as c,b as h,h as d}from"./p-Bxrgt3H_.js";import{m}from"./p-Djkc69iv.js";import{b as p}from"./p-BClJdFQP.js";import{b}from"./p-CKoABG1h.js";const f=t=>null!==t?`${t}px`:"";let u=0;const y=class{constructor(e){t(this,e)}for;titleContent;interactive=!1;placement="top";showDelay=0;hideDelay=50;animationFrame=!1;get hostElement(){return e(this)}visible=!1;hideTooltipTimeout;showTooltipTimeout;visibleFor;disposeAutoUpdate;disposeTriggerListener;disposeTooltipListener;disposeDomChangeListener;hasDisconnected=!1;instance=u++;dialogRef=m();get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){if(this.clearTimeouts(),this.showTooltipTimeout||this.visibleFor===t)return;const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t),e.showPopover(),this.applyTooltipPosition(t,e),this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){if(this.clearTimeouts(),this.hideTooltipTimeout||!this.visible)return;this.interactive&&50===t&&(t=150);const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{this.setAnchorElement(),e.hidePopover(),this.disposeAutoUpdate?.(),this.disposeTooltipListener?.()}),t)}setAnchorElement(t){t?(this.visibleFor=t,this.visible=!0):(this.visibleFor=void 0,this.visible=!1)}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:o}=e.arrow;const s={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...s,left:f(i),bottom:f(-6)}:t.startsWith("right")?{...s,left:f(-6),top:f(o)}:t.startsWith("bottom")?{...s,left:f(i),top:f(-6)}:t.startsWith("left")?{...s,right:f(-6),top:f(o)}:void 0}async computeTooltipPosition(t,e){return s(t,e,{strategy:"fixed",placement:this.placement,middleware:[r(),l(12),c({element:this.arrowElement}),h({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),d()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(t)return new Promise((i=>{this.disposeAutoUpdate?.(),this.disposeAutoUpdate=a(t,e,(async()=>{const o=await this.computeTooltipPosition(t,e),s=o.middlewareData.hide?.referenceHidden;s&&(this.hideTooltip(0),i(o)),o.middlewareData.arrow&&this.applyTooltipArrowPosition(o);const{x:a,y:n}=o;Object.assign(e.style,{left:f(a),top:f(n)}),i(o)}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for)return Array.isArray(this.for)?this.resolveElements(this.for):this.resolveElements([this.for])}async resolveElements(t){const e=[];return await Promise.all(t.map((async t=>{if("string"==typeof t){const i=await n(t,this.hostElement);i&&e.push(...i)}else t instanceof HTMLElement?e.push(t):t instanceof Promise&&e.push(await t)}))),e}async registerTriggerListener(){this.disposeTriggerListener?.();const t=await this.queryAnchorElements();if(!t)return;const e=[];t.forEach((t=>{e.push({element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}})})),this.disposeTriggerListener=b(e)}registerTooltipListener(t){this.disposeTooltipListener?.(),this.disposeTooltipListener=b([{element:t,eventType:"mouseenter",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"focus",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{"Escape"===t.key&&this.hideTooltip()}}])}registerDomChangeListener(){this.disposeDomChangeListener?.();const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:!0,attributeFilter:["data-ix-tooltip"],childList:!0,subtree:!0}),this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=void 0}clearShowTimeout(){clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=void 0}clearTimeouts(){this.clearHideTimeout(),this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}connectedCallback(){this.hasDisconnected&&(this.registerTriggerListener(),this.registerDomChangeListener())}disconnectedCallback(){this.hasDisconnected=!0,this.clearTimeouts(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeTooltipListener?.(),this.disposeDomChangeListener?.()}handleTitleIconSlotChange(t){const e=p(t.target);for(const t of e)"ix-icon"===t.tagName.toLowerCase()&&(t.size="16")}render(){return i(o,{key:"8aed42852f615787c48fa06b0682738a1f330440",role:"tooltip",class:{visible:this.visible}},i("dialog",{key:"f9291fb22d6a57c8cb4e6a2ad00b93291e21ba8e",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},i("div",{key:"b3549060bdc5e21ce10c3a131d96172b156e4b15",class:"tooltip-container"},i("div",{key:"9faaaf7ad71f73267270b97d2d4ba06de1c9db15",class:"content-wrapper"},i("div",{key:"2613a69b5ade812a9bf6850c40ea0b6c3b231c29",class:"tooltip-title"},i("slot",{key:"b4e2bd1cbefd7a1e684967e876404e9df78b3c2b",name:"title-icon",onSlotchange:t=>this.handleTitleIconSlotChange(t)}),i("ix-typography",{key:"ad34b68a4b538da01990d41b8ba5f35e6f54f71a",format:"h5"},this.titleContent,i("slot",{key:"670455a0bfda60771c9af9b1b1890826f9a9431f",name:"title-content"}))),i("slot",{key:"82e0591cfb4861702b6a65f8e598d6475e5054f6"}),i("div",{key:"19145d17a5db3aaaf1750f3e6fcb0091d4baad4c",class:"arrow"})))))}};y.style='.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';export{y as ix_tooltip}
+import{r as t,g as e,h as i,H as o}from"./p-EBgS4zhE.js";import{c as s,a,r as n,s as r,o as c,d as l,b as h,h as d}from"./p-Bxrgt3H_.js";import{m}from"./p-Djkc69iv.js";import{b as p}from"./p-BClJdFQP.js";import{b}from"./p-CKoABG1h.js";const f=t=>null!==t?`${t}px`:"";let u=0;const y=class{constructor(e){t(this,e)}for;titleContent;interactive=!1;placement="top";showDelay=0;hideDelay=50;animationFrame=!1;get hostElement(){return e(this)}visible=!1;hideTooltipTimeout;showTooltipTimeout;visibleFor;disposeAutoUpdate;disposeTriggerListener;disposeTooltipListener;disposeDomChangeListener;hasDisconnected=!1;instance=u++;dialogRef=m();get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){if(this.clearTimeouts(),this.showTooltipTimeout||this.visibleFor===t)return;const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t),e.showPopover(),this.applyTooltipPosition(t,e),this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){if(this.clearTimeouts(),this.hideTooltipTimeout||!this.visible)return;this.interactive&&50===t&&(t=150);const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{this.setAnchorElement(),e.hidePopover(),this.disposeAutoUpdate?.(),this.disposeTooltipListener?.()}),t)}setAnchorElement(t){t?(this.visibleFor=t,this.visible=!0):(this.visibleFor=void 0,this.visible=!1)}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:o}=e.arrow;const s={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...s,left:f(i),bottom:f(-6)}:t.startsWith("right")?{...s,left:f(-6),top:f(o)}:t.startsWith("bottom")?{...s,left:f(i),top:f(-6)}:t.startsWith("left")?{...s,right:f(-6),top:f(o)}:void 0}async computeTooltipPosition(t,e){return s(t,e,{strategy:"fixed",placement:this.placement,middleware:[r(),c(12),l({element:this.arrowElement}),h({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),d()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(t)return new Promise((i=>{this.disposeAutoUpdate?.(),this.disposeAutoUpdate=a(t,e,(async()=>{const o=await this.computeTooltipPosition(t,e),s=o.middlewareData.hide?.referenceHidden;s&&(this.hideTooltip(0),i(o)),o.middlewareData.arrow&&this.applyTooltipArrowPosition(o);const{x:a,y:n}=o;Object.assign(e.style,{left:f(a),top:f(n)}),i(o)}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for)return Array.isArray(this.for)?this.resolveElements(this.for):this.resolveElements([this.for])}async resolveElements(t){const e=[];return await Promise.all(t.map((async t=>{if("string"==typeof t){const i=await n(t,this.hostElement);i&&e.push(...i)}else t instanceof HTMLElement?e.push(t):t instanceof Promise&&e.push(await t)}))),e}async registerTriggerListener(){this.disposeTriggerListener?.();const t=await this.queryAnchorElements();if(!t)return;const e=[];t.forEach((t=>{e.push({element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}})})),this.disposeTriggerListener=b(e)}registerTooltipListener(t){this.disposeTooltipListener?.(),this.disposeTooltipListener=b([{element:t,eventType:"mouseenter",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"focus",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{"Escape"===t.key&&this.hideTooltip()}}])}registerDomChangeListener(){this.disposeDomChangeListener?.();const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:!0,attributeFilter:["data-ix-tooltip"],childList:!0,subtree:!0}),this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=void 0}clearShowTimeout(){clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=void 0}clearTimeouts(){this.clearHideTimeout(),this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}connectedCallback(){this.hasDisconnected&&(this.registerTriggerListener(),this.registerDomChangeListener())}disconnectedCallback(){this.hasDisconnected=!0,this.clearTimeouts(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeTooltipListener?.(),this.disposeDomChangeListener?.()}handleTitleIconSlotChange(t){const e=p(t.target);for(const t of e)"ix-icon"===t.tagName.toLowerCase()&&(t.size="16")}render(){return i(o,{key:"0f6b71f1d7096159c1e46db95ef86bdb36a44a89",role:"tooltip",class:{visible:this.visible}},i("dialog",{key:"18b008f2893571c2bc622ce1d38b689249d2ee69",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},i("div",{key:"c9187964c594fbea4db6b1cebbfe98d67d65313a",class:"tooltip-container"},i("div",{key:"0985c556e7d2e9e8724ce4c26e5ead76c05f4cd4",class:"content-wrapper"},i("div",{key:"5e591fc49ce4d3c024ac5d36f5cf72ca7dcb7378",class:"tooltip-title"},i("slot",{key:"0272be6880ecc327d2bc0ee522ee1463eed46a27",name:"title-icon",onSlotchange:t=>this.handleTitleIconSlotChange(t)}),i("ix-typography",{key:"0ab372fdaa7e58f13cfcf7f12386a85dfef017bc",format:"h5"},this.titleContent,i("slot",{key:"2b894def397eb375849718fa7cb823dbf2e23209",name:"title-content"}))),i("slot",{key:"58421e3dc922c33c96f9335a3972c821e29368b2"}),i("div",{key:"c0c7cf5776e4db777af7f635b042178814973dd1",class:"arrow"})))))}};y.style='.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';export{y as ix_tooltip}

package/dist/siemens-ix/{p-b13f34d1.entry.js → p-703c7e7c.entry.js}

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

package/dist/siemens-ix/{p-2f7b1e1e.entry.js → p-71a31d92.entry.js}

@@ -1 +1 @@
-import{r as e,c as t,g as o,h as r,H as i}from"./p-EBgS4zhE.js";import{c as d}from"./p-CX81WQtk.js";import{h as s}from"./p-BClJdFQP.js";import{t as a,h as n}from"./p-DgUGsIlh.js";const h=class{constructor(o){e(this,o),this.selectGroup=t(this,"selectGroup",7),this.selectItem=t(this,"selectItem",7),this.expandedChanged=t(this,"expandedChanged",7)}get hostElement(){return o(this)}suppressHeaderSelection=!1;header;subHeader;expanded=!1;selected=!1;index;expandOnHeaderClick=!1;selectGroup;selectItem;expandedChanged;itemSelected=!1;slotSize=0;footerVisible=!1;showExpandCollapsedIcon=!1;hasDropdown=!1;observer=null;selectedChanged(e){!1===e&&this.changeItemIndex()}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.shadowRoot?.querySelector(".group-content")}onExpandClick(e){const t=this.expanded;this.expanded=!this.expanded;const{defaultPrevented:o}=this.expandedChanged.emit(this.expanded);e.stopPropagation(),o&&(this.expanded=t)}onHeaderClick(e){this.suppressHeaderSelection?this.onExpandClick(e):(this.changeHeaderSelection(!this.selected),this.changeItemIndex())}changeHeaderSelection(e){const t=this.selected,o=e;this.selected=o;const{defaultPrevented:r}=this.selectGroup.emit(o);r&&(this.selected=t)}changeItemIndex(e){const t=this.index,o=e===this.index?void 0:e;if(this.index===o)return;this.index=o;const{defaultPrevented:r}=this.selectItem.emit(o);if(r)return void(this.index=t);const i=this.groupItems;i.forEach(((e,t)=>{e.selected=t===this.index})),this.itemSelected=i.some((e=>e.selected))}onSlotChange(){const e=this.hostElement.shadowRoot?.querySelector('slot[name="footer"]');e&&(this.footerVisible=s(e))}checkDropdownSlot(){this.hasDropdown=!!this.hostElement.querySelector('[slot="dropdown"]')}componentWillRender(){this.groupItems.forEach(((e,t)=>{e.selected=t===this.index,e.index=t})),this.checkDropdownSlot()}componentDidLoad(){this.observer=d((()=>{this.slotSize=this.groupItems.length})),this.groupContent&&(this.observer.observe(this.groupContent,{childList:!0}),this.checkDropdownSlot(),this.slotSize=this.groupItems.length)}disconnectedCallback(){this.observer&&this.observer.disconnect()}onItemClicked(e){if(e.target instanceof HTMLElement){const t=this.groupItems.indexOf(e.target);this.changeItemIndex(t)}}render(){return r(i,{key:"d065bb1d37279005a3502e5261d0c6b0592ea47a"},r("div",{key:"7d149368be2f9d72f9384f5969f269540161444d",class:{"group-header":!0,expand:this.expanded,selected:this.selected},tabindex:"0"},r("div",{key:"eaaf6a687c9553f7985e63e5459b4823f9920262",class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{key:"67b5527fcef1355812d942ee302809597307f476",class:{"group-header-selection-indicator":!0,"group-header-selection-indicator-item-selected":this.itemSelected}}),r("div",{key:"04531e1e6079ca2cd9b9e061af7b7cff39e56ad5",class:"btn-expand-header"},r("ix-icon",{key:"8e269b8a32af709f46dadc5bf7819f5339702eae","data-testid":"expand-collapsed-icon",class:{hidden:!this.showExpandCollapsedIcon},name:this.expanded?a:n,onClick:e=>this.onExpandClick(e)})),r("div",{key:"e40416a2c68b331eed7686259749ad0387a01bc9",class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{key:"2c04121cdafcb93459ccc11016ed1c4182662a6d",name:"header"}))),this.hasDropdown&&r("ix-group-context-menu",{key:"7e27de8765e03aa98e70f1b30c44473a95258a0e"},r("slot",{key:"472f20892591d436232c1db7e396b74b68742027",name:"dropdown"}))),r("div",{key:"c64f18662e441d11be9ac49dde219359dd65f6c0",class:{"group-content":!0}},r("div",{key:"07da1f3ed9334a4b89833b2d9b284b967d3d8c4d",style:{display:this.expanded?"contents":"none"}},r("slot",{key:"3c8291ab052f4a89122de4e8ca35671c814636d1",onSlotchange:()=>{const e=this.hostElement.shadowRoot?.querySelector("slot:not([name])");this.showExpandCollapsedIcon=s(e)}}),r("ix-group-item",{key:"a1ffdc4437fc26db17b9eae31b522422967cb2c1",class:{footer:!0,"footer-visible":this.footerVisible},groupFooter:!0,suppressSelection:!0},r("slot",{key:"25713f3beb605c9021d4b9a2ac51c3f02bec96db",name:"footer",onSlotchange:()=>this.onSlotChange()})))))}static get watchers(){return{selected:[{selectedChanged:0}]}}};h.style=":host{display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{height:calc(4rem - 2px);min-height:calc(4rem - 2px);border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-selection-indicator{width:calc(0.25rem - 1px)}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-content{padding:calc(0.5rem - 1px) calc(0.5rem - 1px) calc(0.5rem - 1px) 0}:host .group-header:not(.disabled):not(:disabled):focus-visible .btn-expand-header{margin-top:calc(0.5rem - 1px);margin-bottom:calc(0.5rem - 1px)}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{display:flex;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{min-width:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-subheader{height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";export{h as ix_group}
+import{r as e,c as t,g as o,h as r,H as d}from"./p-EBgS4zhE.js";import{c as i}from"./p-CX81WQtk.js";import{h as s}from"./p-BClJdFQP.js";import{t as a,h as n}from"./p-DgUGsIlh.js";const h=class{constructor(o){e(this,o),this.selectGroup=t(this,"selectGroup",7),this.selectItem=t(this,"selectItem",7),this.expandedChanged=t(this,"expandedChanged",7)}get hostElement(){return o(this)}suppressHeaderSelection=!1;header;subHeader;expanded=!1;selected=!1;index;expandOnHeaderClick=!1;selectGroup;selectItem;expandedChanged;itemSelected=!1;slotSize=0;footerVisible=!1;showExpandCollapsedIcon=!1;hasDropdown=!1;observer=null;selectedChanged(e){!1===e&&this.changeItemIndex()}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.shadowRoot?.querySelector(".group-content")}onExpandClick(e){const t=this.expanded;this.expanded=!this.expanded;const{defaultPrevented:o}=this.expandedChanged.emit(this.expanded);e.stopPropagation(),o&&(this.expanded=t)}onHeaderClick(e){this.suppressHeaderSelection?this.onExpandClick(e):(this.changeHeaderSelection(!this.selected),this.changeItemIndex())}changeHeaderSelection(e){const t=this.selected,o=e;this.selected=o;const{defaultPrevented:r}=this.selectGroup.emit(o);r&&(this.selected=t)}changeItemIndex(e){const t=this.index,o=e===this.index?void 0:e;if(this.index===o)return;this.index=o;const{defaultPrevented:r}=this.selectItem.emit(o);if(r)return void(this.index=t);const d=this.groupItems;d.forEach(((e,t)=>{e.selected=t===this.index})),this.itemSelected=d.some((e=>e.selected))}onSlotChange(){const e=this.hostElement.shadowRoot?.querySelector('slot[name="footer"]');e&&(this.footerVisible=s(e))}checkDropdownSlot(){this.hasDropdown=!!this.hostElement.querySelector('[slot="dropdown"]')}componentWillRender(){this.groupItems.forEach(((e,t)=>{e.selected=t===this.index,e.index=t})),this.checkDropdownSlot()}componentDidLoad(){this.observer=i((()=>{this.slotSize=this.groupItems.length})),this.groupContent&&(this.observer.observe(this.groupContent,{childList:!0}),this.checkDropdownSlot(),this.slotSize=this.groupItems.length)}disconnectedCallback(){this.observer&&this.observer.disconnect()}onItemClicked(e){if(e.target instanceof HTMLElement){const t=this.groupItems.indexOf(e.target);this.changeItemIndex(t)}}render(){return r(d,{key:"f56b013952f4978b036193d55e216f7e1f271031"},r("div",{key:"9dfee69b32d0b68d140623e7019640e2590ec2d4",class:{"group-header":!0,expand:this.expanded,selected:this.selected},tabindex:"0"},r("div",{key:"e1d2bf627cd0ed4d43a9b33831cd29be78a97c6d",class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{key:"4f7dff297456b0a0ff4ca93db16fe365d7760dfd",class:{"group-header-selection-indicator":!0,"group-header-selection-indicator-item-selected":this.itemSelected}}),r("div",{key:"5b10de668b6a4f7cee2937d4da6225a1237b72cb",class:"btn-expand-header"},r("ix-icon",{key:"da2beae25ed7720d46b7f168ee2cb1acabf3b215","data-testid":"expand-collapsed-icon",class:{hidden:!this.showExpandCollapsedIcon},name:this.expanded?a:n,onClick:e=>this.onExpandClick(e)})),r("div",{key:"c5d422508f12b3e00f5fde6892d0ba8596c04ba1",class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{key:"46bdd2e2b88d5805a3ce26143766b64bc7cec7e4",name:"header"}))),this.hasDropdown&&r("ix-group-context-menu",{key:"50375ddf2cb1a42530ce096e08403c6c6e1ed9f5"},r("slot",{key:"cc78c4a6b9ad383e17bd62090df99c3c0c56e377",name:"dropdown"}))),r("div",{key:"c4eb114ff535fdc9a356d7344feed441019f1c8b",class:{"group-content":!0}},r("div",{key:"80f250870c587563c3447417debf7b8fe8d61c1c",style:{display:this.expanded?"contents":"none"}},r("slot",{key:"a3c6af2dcd96a8bc9bbcade86a8e031b3e3c7fb0",onSlotchange:()=>{const e=this.hostElement.shadowRoot?.querySelector("slot:not([name])");this.showExpandCollapsedIcon=s(e)}}),r("ix-group-item",{key:"a92adbfd1177080cd034cb91b87d11f2cf6ef924",class:{footer:!0,"footer-visible":this.footerVisible},groupFooter:!0,suppressSelection:!0},r("slot",{key:"55f1fb62d4ee9afb2808c3330b607e1e0fed5ec4",name:"footer",onSlotchange:()=>this.onSlotChange()})))))}static get watchers(){return{selected:[{selectedChanged:0}]}}};h.style=":host{display:flex;flex-direction:column;position:relative;width:19.75rem;min-width:12rem;border-color:var(--theme-group-item--border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header{height:4rem;min-height:4rem;max-height:4rem;border-radius:var(--theme-group--border-radius) var(--theme-group--border-radius) 0 0;display:flex;background-color:var(--theme-group-item--background);color:var(--theme-group-header--color);cursor:pointer}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):hover,:host .group-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-group-item--background--hover)}:host .group-header:not(.disabled):not(:disabled):hover.selected,:host .group-header:not(.disabled):not(:disabled).hover.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled){cursor:pointer}:host .group-header:not(.disabled):not(:disabled):active,:host .group-header:not(.disabled):not(:disabled).active{background-color:var(--theme-group-item--background--active)}:host .group-header:not(.disabled):not(:disabled):active.selected,:host .group-header:not(.disabled):not(:disabled).active.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header:not(.disabled):not(:disabled):focus-visible{height:calc(4rem - 2px);min-height:calc(4rem - 2px);border:1px solid var(--theme-color-focus-bdr);border-radius:var(--theme-default-border-radius) var(--theme-default-border-radius) 0px 0px;outline:none}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-selection-indicator{width:calc(0.25rem - 1px)}:host .group-header:not(.disabled):not(:disabled):focus-visible .group-header-content{padding:calc(0.5rem - 1px) calc(0.5rem - 1px) calc(0.5rem - 1px) 0}:host .group-header:not(.disabled):not(:disabled):focus-visible .btn-expand-header{margin-top:calc(0.5rem - 1px);margin-bottom:calc(0.5rem - 1px)}:host .group-header.selected{background-color:var(--theme-group-item--background--selected)}:host .group-header.selected .group-header-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header .group-header-selection-indicator{background-color:var(--theme-color-input--focus)}:host .group-header .group-header-selection-indicator.group-header-selection-indicator-item-selected{background-color:var(--theme-group-item-indicator--background--selected)}:host .group-header-clickable{display:flex;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-selection-indicator{width:0.25rem;border-top-left-radius:var(--theme-group--border-radius)}:host .group-header-content{display:flex;flex-direction:row;justify-content:space-between;min-width:0;flex-grow:1;flex-basis:0;padding:0.5rem;padding-left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-header-props-container{width:100%}:host .group-header-content .group-header-title{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}:host .group-header-content .group-header-title>*{min-width:0;padding-right:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-header-content .group-subheader{height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .expand-icon{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}:host .btn-expand-header{margin:0.5rem;margin-inline-end:0.25rem;min-width:1.5rem}:host .group-content{display:flex;flex-direction:column;gap:1px;margin-top:1px}:host .footer{visibility:collapse;height:auto;min-height:0}:host .footer-visible{visibility:visible}:host .hidden{display:none}";export{h as ix_group}

package/dist/siemens-ix/{p-8c2365cc.entry.js → p-71a5fae5.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,g as a,h as e,H as s}from"./p-EBgS4zhE.js";import{c as r,a as i,b as n,d as c,y as d}from"./p-DgUGsIlh.js";const l=class{constructor(a){t(this,a),this.closeToast=o(this,"closeToast",7)}type="info";toastTitle;autoCloseDelay=5e3;preventAutoClose=!1;icon;iconColor;hideIcon=!1;ariaLabelCloseIconButton="Close toast";closeToast;progress=0;touched=!1;paused=!1;get hostElement(){return a(this)}getIcon(){if(this.icon)return e("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return e("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-std-text"});case"error":return e("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-alarm"});case"success":return e("ix-icon",{"data-testid":"toast-icon",name:i,size:"24",color:"color-success"});case"warning":return e("ix-icon",{"data-testid":"toast-icon",name:r,size:"24",color:"color-warning-text"});default:return""}}close(){this.hostElement&&this.hostElement.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}async pause(){this.paused=!0}async resume(){this.paused=!1}async isPaused(){return this.paused||this.touched}render(){let t={};const o=["toast-progress-bar"];return t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched||this.paused?"paused":"running"},o.push("toast-progress-bar--animated"),e(s,{key:"d1d8b347562ec19da710d70d55ae49b6d1a3de72",role:"alert","aria-live":"polite","aria-atomic":"true",class:"animate__animated animate__fadeIn"},e("div",{key:"bef026521215c457e713eb33d5e0b424a5fb5e1a",class:"toast-body",onPointerLeave:()=>{this.touched=!1},onPointerEnter:()=>{this.touched=!0}},!this.type&&!this.icon||this.hideIcon?null:e("div",{class:"toast-icon"},this.getIcon()),e("div",{key:"f7c486254ea1e82a1dd3f70424cdc02ea5d6cc08",class:"toast-content"},this.toastTitle?e("ix-typography",{class:"toast-title",format:"h5"},this.toastTitle):null,e("div",{key:"80b15dbaa38fc4ec0803af9a9a19e45d979ec2fb",class:"toast-message"},e("slot",{key:"de6bb9039690a987e2b0915ef5430eca6cdda681"})),e("div",{key:"dd88a6baa8fb34e871c2391f9d740dd2c5c64c9b",class:"toast-action"},e("slot",{key:"47f87d3ba3d6e16bc5367529b1e3ad5102e001de",name:"action"}))),e("div",{key:"6d63eb42fac0c5d05c073071169e574d20627878",class:"toast-close"},e("ix-icon-button",{key:"3b81c1dd6dc012e46912f6d7356078d90f48f397",icon:d,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>this.closeToast.emit(),"aria-label":this.ariaLabelCloseIconButton}))),!this.preventAutoClose&&e("div",{key:"9b6712243f444d7d55bdd172b64676b5aba7c2a8",class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{0===this.progress&&this.close()}}))}};l.style=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius, var(--theme-toast--border-radus));box-shadow:var(--theme-toast--box-shadow);--animate-duration:var(--theme-medium-time)}: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 .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem 0.75rem 0.25rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;padding:0.25rem}:host .toast-body .toast-content{overflow:hidden;min-width:0;width:100%;padding:0.25rem}:host .toast-body .toast-content .toast-title{min-width:0;margin:0.25rem 0px;overflow-wrap:break-word;word-break:break-word}:host .toast-body .toast-content .toast-message{min-width:0;overflow-wrap:break-word;word-break:break-word;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .toast-body .toast-content .toast-action{margin-top:0.5rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px;opacity:0.6}:host .toast-close:hover{opacity:1}:host .toast-progress-bar{position:absolute;bottom:0;height:0.125rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";export{l as ix_toast}
+import{r as t,c as o,g as a,h as e,H as s}from"./p-EBgS4zhE.js";import{c as r,a as i,b as n,d as c,y as l}from"./p-DgUGsIlh.js";const d=class{constructor(a){t(this,a),this.closeToast=o(this,"closeToast",7)}type="info";toastTitle;autoCloseDelay=5e3;preventAutoClose=!1;icon;iconColor;hideIcon=!1;ariaLabelCloseIconButton="Close toast";closeToast;progress=0;touched=!1;paused=!1;get hostElement(){return a(this)}getIcon(){if(this.icon)return e("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return e("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-std-text"});case"error":return e("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-alarm"});case"success":return e("ix-icon",{"data-testid":"toast-icon",name:i,size:"24",color:"color-success"});case"warning":return e("ix-icon",{"data-testid":"toast-icon",name:r,size:"24",color:"color-warning-text"});default:return""}}close(){this.hostElement&&this.hostElement.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}async pause(){this.paused=!0}async resume(){this.paused=!1}async isPaused(){return this.paused||this.touched}render(){let t={};const o=["toast-progress-bar"];return t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched||this.paused?"paused":"running"},o.push("toast-progress-bar--animated"),e(s,{key:"f786bd46ed3cf18e869aa03c1af675f69bdcf75d",role:"alert","aria-live":"polite","aria-atomic":"true",class:"animate__animated animate__fadeIn"},e("div",{key:"512ed44cc950fc819045c62478ba0ea42f1b58ae",class:"toast-body",onPointerLeave:()=>{this.touched=!1},onPointerEnter:()=>{this.touched=!0}},!this.type&&!this.icon||this.hideIcon?null:e("div",{class:"toast-icon"},this.getIcon()),e("div",{key:"195dd2bf1980e05fb91b119d06ab50397fbbdc9e",class:"toast-content"},this.toastTitle?e("ix-typography",{class:"toast-title",format:"h5"},this.toastTitle):null,e("div",{key:"c4b1b4f0e2325706656302ce0cdb0de56255d8e6",class:"toast-message"},e("slot",{key:"778be19bb15122ed4cfc2bf9e362036aec8d366e"})),e("div",{key:"e370c4935d412c442f804e65c4528fb6981e6c83",class:"toast-action"},e("slot",{key:"6f6f6a7a2598bb42970d7a0abbea3e882d9d32b7",name:"action"}))),e("div",{key:"5021c6330fbe47a620a5b405e4e191a0d10ff047",class:"toast-close"},e("ix-icon-button",{key:"f8b2e9ca0f4cfadc1686f243ac3487e9ff029b81",icon:l,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>this.closeToast.emit(),"aria-label":this.ariaLabelCloseIconButton}))),!this.preventAutoClose&&e("div",{key:"f85b6f0863ccb35af38895e12a7c53bfcb2d6571",class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{0===this.progress&&this.close()}}))}};d.style=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius, var(--theme-toast--border-radus));box-shadow:var(--theme-toast--box-shadow);--animate-duration:var(--theme-medium-time)}: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 .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem 0.75rem 0.25rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;padding:0.25rem}:host .toast-body .toast-content{overflow:hidden;min-width:0;width:100%;padding:0.25rem}:host .toast-body .toast-content .toast-title{min-width:0;margin:0.25rem 0px;overflow-wrap:break-word;word-break:break-word}:host .toast-body .toast-content .toast-message{min-width:0;overflow-wrap:break-word;word-break:break-word;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .toast-body .toast-content .toast-action{margin-top:0.5rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px;opacity:0.6}:host .toast-close:hover{opacity:1}:host .toast-progress-bar{position:absolute;bottom:0;height:0.125rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";export{d as ix_toast}

package/dist/siemens-ix/{p-8969b2f9.entry.js → p-747d14a2.entry.js}

@@ -1 +1 @@
-import{M as t,r as e,c as a,g as i,h as r,H as s}from"./p-EBgS4zhE.js";import{h as o}from"./p-DgUGsIlh.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 c}from"./p-BEuV0Xpe.js";import{D as l,h as u}from"./p-BWgttsqY.js";import{I as b}from"./p-vphIrWGB.js";import{g as m}from"./p-BClJdFQP.js";import{m as g}from"./p-Djkc69iv.js";import{d as p}from"./p-BbwShqw_.js";import{c as f}from"./p-D3T7Lr4G.js";import"./p-CWshStHZ.js";import"./p-6ZxKp7Jn.js";import"./p-C21npbUc.js";import"./p-CNLoALIl.js";let C=0;const w=class extends(t(...l,b)){constructor(t){super(),e(this,t),this.closeOtherCategories=a(this,"closeOtherCategories",7)}get hostElement(){return i(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=f("ix-menu-category-",C++);focusFirstItemOnDropdownOpen=!1;isNestedItemActive(){return this.getNestedItems().some((t=>t.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){return 40*this.getNestedItems().length}focusFirstItem(){const t=this.getNestedItems()[0];t&&c((()=>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 e=document.activeElement,a=m(e).includes(this.hostElement);u()&&a&&c((()=>c((()=>this.hostElement.focus()))))}onDropdownShowChanged(t){this.showDropdown=t,t?this.focusFirstItemOnDropdownOpen&&(this.focusFirstItemOnDropdownOpen=!1,this.focusFirstItem()):this.focusFirstItemOnDropdownOpen=!1}onDropdownFocusOut(){c((()=>{const t=document.activeElement;if(!t)return;const e=m(t),a=e.includes(this.hostElement),i=!!this.dropdownRef.current&&e.includes(this.dropdownRef.current);a||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 e=this.ixMenu?.expand&&this.showItems,a=!this.ixMenu?.expand;if(this.handleCategoryVisibility(),!e){if(a)return void(this.focusFirstItemOnDropdownOpen=!0);this.focusFirstItem()}}}onMenuItemsKeyDown(t){if("Escape"===t.key)return t.preventDefault(),this.categoryParentRef.current?.focus(),void this.handleCategoryVisibility();if("ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Tab"!==t.key)return;const e=this.getNestedItems();if(0===e.length)return;const a=t.composedPath(),i=e.findIndex((t=>a.includes(t)));-1!==i&&(t.preventDefault(),"ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey?e[(i+1)%e.length].focus():e[(i-1+e.length)%e.length].focus())}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}onNestedItemsChanged(t){this.suppressAnchorWrapperTabStops();const e=this.nestedItems.length;if(this.nestedItems=this.getNestedItems(),this.showItems&&this.menuItemsContainer&&e!==this.nestedItems.length&&(this.menuItemsContainer.style.maxHeight=`${this.getNestedItemsHeight()+40}px`),this.menuExpand&&!this.showItems&&t)for(const e of t??[])if("class"===e.attributeName&&e.target instanceof HTMLElement&&e.target.classList.contains("active"))return this.showItems=!0,void this.onExpandCategory(!0)}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){super.componentWillLoad();const t=h(this.hostElement);if(!t)throw Error("ix-menu-category can only be used as a child of ix-menu");this.ixMenu=t,this.menuExpand=this.ixMenu.expand,this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=d((t=>this.onNestedItemsChanged(t))),this.observer.observe(this.hostElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0}),c((()=>{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,r(s,{key:"593b29c5f5cf2e63cc6c1492f6f90fc7bddb3bd8",class:{expanded:this.showItems},onIxMenuCategoryItemSelect:()=>this.onNestedItemSelect(),onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},r("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},r("span",{key:"2ea2e12dad87e97ebb8ebac718cae45309e42eb2",class:"category"},r("span",{key:"9ffeb1f8b799f59228a43d1d5c8c850a45ce3c25",class:"category-text"},this.label),r("ix-icon",{key:"47cceda4005228068e13a36addcd60c01a1d1efc",name:o,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),r("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?r("slot",null):null),r("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()},r("ix-dropdown-item",{key:"76a24a1e7fdaa4cb8263fd3fc2a0f65e3bdb9674",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},r("ix-typography",{key:"5d11df71fc842c0968c9069340b0f208500e0d25",format:"label",bold:!0,textColor:"std"},this.label)),r("ix-divider",{key:"3bb9b931667a4ed2ee32a230ffe6a7f8bae8e2b7"}),r("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}]}}};w.style=":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}";export{w as ix_menu_category}
+import{M as t,r as e,c as a,g as i,h as r,H as s}from"./p-EBgS4zhE.js";import{h as o}from"./p-DgUGsIlh.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 c}from"./p-BEuV0Xpe.js";import{D as l,h as u}from"./p-BWgttsqY.js";import{I as b}from"./p-vphIrWGB.js";import{g as m}from"./p-BClJdFQP.js";import{m as g}from"./p-Djkc69iv.js";import{d as p}from"./p-BbwShqw_.js";import{c as f}from"./p-D3T7Lr4G.js";import"./p-CWshStHZ.js";import"./p-6ZxKp7Jn.js";import"./p-C21npbUc.js";import"./p-CNLoALIl.js";let C=0;const w=class extends(t(...l,b)){constructor(t){super(),e(this,t),this.closeOtherCategories=a(this,"closeOtherCategories",7)}get hostElement(){return i(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=f("ix-menu-category-",C++);focusFirstItemOnDropdownOpen=!1;isNestedItemActive(){return this.getNestedItems().some((t=>t.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){return 40*this.getNestedItems().length}focusFirstItem(){const t=this.getNestedItems()[0];t&&c((()=>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 e=document.activeElement,a=m(e).includes(this.hostElement);u()&&a&&c((()=>c((()=>this.hostElement.focus()))))}onDropdownShowChanged(t){this.showDropdown=t,t?this.focusFirstItemOnDropdownOpen&&(this.focusFirstItemOnDropdownOpen=!1,this.focusFirstItem()):this.focusFirstItemOnDropdownOpen=!1}onDropdownFocusOut(){c((()=>{const t=document.activeElement;if(!t)return;const e=m(t),a=e.includes(this.hostElement),i=!!this.dropdownRef.current&&e.includes(this.dropdownRef.current);a||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 e=this.ixMenu?.expand&&this.showItems,a=!this.ixMenu?.expand;if(this.handleCategoryVisibility(),!e){if(a)return void(this.focusFirstItemOnDropdownOpen=!0);this.focusFirstItem()}}}onMenuItemsKeyDown(t){if("Escape"===t.key)return t.preventDefault(),this.categoryParentRef.current?.focus(),void this.handleCategoryVisibility();if("ArrowDown"!==t.key&&"ArrowUp"!==t.key&&"Tab"!==t.key)return;const e=this.getNestedItems();if(0===e.length)return;const a=t.composedPath(),i=e.findIndex((t=>a.includes(t)));-1!==i&&(t.preventDefault(),"ArrowDown"===t.key||"Tab"===t.key&&!t.shiftKey?e[(i+1)%e.length].focus():e[(i-1+e.length)%e.length].focus())}suppressAnchorWrapperTabStops(){Array.from(this.hostElement.querySelectorAll(":scope > a")).filter((t=>t.querySelector("ix-menu-item"))).forEach((t=>{"-1"!==t.getAttribute("tabindex")&&t.setAttribute("tabindex","-1")}))}onNestedItemsChanged(t){this.suppressAnchorWrapperTabStops();const e=this.nestedItems.length;if(this.nestedItems=this.getNestedItems(),this.showItems&&this.menuItemsContainer&&e!==this.nestedItems.length&&(this.menuItemsContainer.style.maxHeight=`${this.getNestedItemsHeight()+40}px`),this.menuExpand&&!this.showItems&&t)for(const e of t??[])if("class"===e.attributeName&&e.target instanceof HTMLElement&&e.target.classList.contains("active"))return this.showItems=!0,void this.onExpandCategory(!0)}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){super.componentWillLoad();const t=h(this.hostElement);if(!t)throw Error("ix-menu-category can only be used as a child of ix-menu");this.ixMenu=t,this.menuExpand=this.ixMenu.expand,this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=d((t=>this.onNestedItemsChanged(t))),this.observer.observe(this.hostElement,{attributes:!0,attributeFilter:["class"],childList:!0,subtree:!0}),c((()=>{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,r(s,{key:"b13967728dd925cf23d59525997326e3cae1d883",class:{expanded:this.showItems},onIxMenuCategoryItemSelect:()=>this.onNestedItemSelect(),onPointerEnter:()=>{this.showMenuItemDropdown()},onPointerLeave:t=>{"touch"!==t.pointerType&&this.hideMenuItemDropdown()}},r("ix-menu-item",{key:"83115990b35fd94f74c054fca190e85c8ec62010",...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},r("span",{key:"bbd0030c37c6931a742b9b95aff810b6bf54ba3d",class:"category"},r("span",{key:"2de8dabb7dcad0b3d6d431961dc78f9fee737f9c",class:"category-text"},this.label),r("ix-icon",{key:"dadaef3f921796b4af1bdc2127d5cf85ae8d3d50",name:o,class:{"category-chevron":!0,"category-chevron--open":this.showItems},"aria-hidden":"true"}))),r("div",{key:"4f05e07d484bcafccacb6e52b16ed1d428fafd6e",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?r("slot",null):null),r("ix-dropdown",{key:"9574783d83639a13003ef13a01aea92ae85b61c7",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()},r("ix-dropdown-item",{key:"6844b7dd6cea9c3290060a0fc3b5d726272f99a5",class:"category-dropdown-header",tabindex:-1,"aria-hidden":"true"},r("ix-typography",{key:"f06f3b478802a827589415b5025085c6f2825326",format:"label",bold:!0,textColor:"std"},this.label)),r("ix-divider",{key:"a0f540c48caaf3ea256edfc12c73ec8a95c7e210"}),r("slot",{key:"9dd47bc65bd63d610c936fe5f5c196764704443d"})))}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}]}}};w.style=":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}";export{w as ix_menu_category}

package/dist/siemens-ix/{p-d6c906b7.entry.js → p-7655c4c2.entry.js}

@@ -1 +1 @@
-import{M as t,r,c as o,g as i,h as e,H as s}from"./p-EBgS4zhE.js";import{M as a}from"./p-DgUGsIlh.js";import{P as n,u as b,a as h,F as l}from"./p-BKuq0po2.js";import{D as d}from"./p-BWgttsqY.js";import{A as c}from"./p-CM-NUHTW.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const u=class extends(t(...d,c)){constructor(t){super(),r(this,t),this.buttonClick=o(this,"buttonClick",7)}get hostElement(){return i(this)}variant="primary";closeBehavior="both";label;ariaLabelButton;icon;splitIcon;ariaLabelSplitIconButton;disabled=!1;disableButton=!1;disableDropdownButton=!1;enableTopLayer=!1;buttonClick;showDropdown=!1;internalId="ix-split-button";observeChildrenChange;componentDidLoad(){super.componentDidLoad(),this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}get isDisabledButton(){return this.disabled||this.disableButton}get isDisabledIcon(){return this.disabled||this.disableDropdownButton}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(".right-button")}isAriaActiveDescendantActive(){return this.showDropdown}getAriaActiveDescendantProxyItemId(){return n}updateProxyList(){const t=this.hostElement.querySelectorAll("ix-dropdown-item"),r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&b(r,Array.from(t),((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.variant.toLocaleLowerCase().includes("secondary"),r={variant:this.variant,disabled:this.isDisabledButton,class:{"left-button":!0,"left-button-border":!t}};return e(s,{key:"1b867c8b33fe52356804497afd93bb1bf26afb69"},this.label?e("ix-button",{...r,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton},this.label):e("ix-icon-button",{...r,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton}),e("ix-dropdown-button",{key:"9b2400c1a1b84369af89a9709e36fc743af4a8e5",class:"right-button","aria-label":this.ariaLabelSplitIconButton,icon:this.splitIcon??a,enableTopLayer:this.enableTopLayer,closeBehavior:this.closeBehavior,disabled:this.isDisabledIcon,suppressAriaActiveDescendant:!0,onShowChanged:({detail:t})=>this.showDropdown=t,"aria-controls":`${this.internalId}-${h}`},e(l,{key:"b2e0e0547df9f6f19ed110629189bfc27a8c1876",hostId:this.internalId,otherProps:{}}),e("slot",{key:"b54b7d8c86e66b60f9e71f63965561a84c437707"})))}};u.style=".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left: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 .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}";export{u as ix_split_button}
+import{M as t,r,c as o,g as e,h as i,H as s}from"./p-EBgS4zhE.js";import{M as a}from"./p-DgUGsIlh.js";import{P as n,u as b,a as h,F as l}from"./p-BKuq0po2.js";import{D as d}from"./p-BWgttsqY.js";import{A as c}from"./p-CM-NUHTW.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";const u=class extends(t(...d,c)){constructor(t){super(),r(this,t),this.buttonClick=o(this,"buttonClick",7)}get hostElement(){return e(this)}variant="primary";closeBehavior="both";label;ariaLabelButton;icon;splitIcon;ariaLabelSplitIconButton;disabled=!1;disableButton=!1;disableDropdownButton=!1;enableTopLayer=!1;buttonClick;showDropdown=!1;internalId="ix-split-button";observeChildrenChange;componentDidLoad(){super.componentDidLoad(),this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}get isDisabledButton(){return this.disabled||this.disableButton}get isDisabledIcon(){return this.disabled||this.disableDropdownButton}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(".right-button")}isAriaActiveDescendantActive(){return this.showDropdown}getAriaActiveDescendantProxyItemId(){return n}updateProxyList(){const t=this.hostElement.querySelectorAll("ix-dropdown-item"),r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&b(r,Array.from(t),((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.variant.toLocaleLowerCase().includes("secondary"),r={variant:this.variant,disabled:this.isDisabledButton,class:{"left-button":!0,"left-button-border":!t}};return i(s,{key:"884bfb24e3ee02006ea0479f14db9f6340b3392d"},this.label?i("ix-button",{...r,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton},this.label):i("ix-icon-button",{...r,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton}),i("ix-dropdown-button",{key:"bfc3ce10b22f56593f22a99fa3fd5dc8f1fd1bcd",class:"right-button","aria-label":this.ariaLabelSplitIconButton,icon:this.splitIcon??a,enableTopLayer:this.enableTopLayer,closeBehavior:this.closeBehavior,disabled:this.isDisabledIcon,suppressAriaActiveDescendant:!0,onShowChanged:({detail:t})=>this.showDropdown=t,"aria-controls":`${this.internalId}-${h}`},i(l,{key:"dd46c1d745719edccd4d1243a4136e1d10ce88d7",hostId:this.internalId,otherProps:{}}),i("slot",{key:"b7b4e70109eec84ea87011734a9b8415a71998c2"})))}};u.style=".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left: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 .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}";export{u as ix_split_button}

package/dist/siemens-ix/{p-b8beb613.entry.js → p-7899597f.entry.js}

@@ -1 +1 @@
-import{r as t,g as i,h as e,H as s}from"./p-EBgS4zhE.js";import{H as n}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";const a=class{constructor(i){t(this,i)}get hostElement(){return i(this)}required=!1;label;helperText;infoText;warningText;invalidText;validText;showTextAsTooltip;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;updateValidationState({isInvalid:t,isValid:i,isInfo:e,isWarning:s}){this.isInvalid=t,this.isValid=i,this.isInfo=e,this.isWarning=s}render(){return e(s,{key:"4194f7081c66e42f9376cf0c8004a705bc053f0b"},e("ix-field-wrapper",{key:"55a70e2a6500a6945f819004c9b910d7d7decd2b",label:this.label,helperText:this.helperText,infoText:this.infoText,warningText:this.warningText,invalidText:this.invalidText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,required:this.required},e("slot",{key:"8a54f90dc2db37f9a21f2c52f7b4721dbb7acc67"})))}};(function(t,i,e,s){var n,a=arguments.length,o=a<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,s);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(o=(a<3?n(o):a>3?n(i,e,o):n(i,e))||o);a>3&&o&&Object.defineProperty(i,e,o)})([n({includeChildren:!0})],a.prototype,"updateValidationState",null),a.style=":host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}";export{a as ix_custom_field}
+import{r as t,g as i,h as e,H as s}from"./p-EBgS4zhE.js";import{H as n}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";const a=class{constructor(i){t(this,i)}get hostElement(){return i(this)}required=!1;label;helperText;infoText;warningText;invalidText;validText;showTextAsTooltip;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;updateValidationState({isInvalid:t,isValid:i,isInfo:e,isWarning:s}){this.isInvalid=t,this.isValid=i,this.isInfo=e,this.isWarning=s}render(){return e(s,{key:"4e412bdb503dd54f56dcf6039c98ef6b1d90fc99"},e("ix-field-wrapper",{key:"948a67bba4457bc92b497ec2a9f8354a46d88928",label:this.label,helperText:this.helperText,infoText:this.infoText,warningText:this.warningText,invalidText:this.invalidText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,required:this.required},e("slot",{key:"32074e9825ad42e3ca9d991775e9093db97b5ef7"})))}};(function(t,i,e,s){var n,a=arguments.length,o=a<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,e):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,i,e,s);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(o=(a<3?n(o):a>3?n(i,e,o):n(i,e))||o);a>3&&o&&Object.defineProperty(i,e,o)})([n({includeChildren:!0})],a.prototype,"updateValidationState",null),a.style=":host{display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}";export{a as ix_custom_field}