@siemens/ix 1.3.0 → 1.4.0-beta.1

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as t,H as a,g as n}from"./p-66074788.js";import{a as o}from"./p-810b5232.js";const s=class{constructor(t){e(this,t),this.navigationToggled=i(this,"navigationToggled",7),this.contextMenuClick=i(this,"contextMenuClick",7),this.applicationName=void 0,this.navigationTitle=void 0,this.hideContextMenu=!0,this.isSidebarOpen=!0}get menu(){return this.hostElement.querySelector("ix-menu")}get menuOverlay(){return this.hostElement.querySelector("ix-menu-overlay")}get mapNavMenu(){return this.hostElement.querySelector(".map-nav-menu")}get sidebar(){return this.hostElement.querySelector(".map-nav-sidebar")}get overlay(){return this.hostElement.querySelector("#overlay")}componentDidRender(){this.appendMenu(),this.closeOverlay()}appendMenu(){this.hostElement.querySelector("#menu-placeholder").appendChild(this.menu),this.menu.addEventListener("mapExpandChange",(e=>{const i=!e.detail;this.toggleSidebar(i),this.menu.toggleMapExpand(i)})),this.menu.enableMapExpand=!0}toggleSidebar(e){this.isSidebarOpen=void 0!==e?e:!this.isSidebarOpen,e?this.openSidebar():this.closeSidebar(),this.navigationToggled.emit(this.isSidebarOpen)}closeSidebar(){o({targets:this.sidebar,duration:s.defaultTime,marginLeft:[0,"-29.75rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.sidebar.classList.add("d-none")}})}openSidebar(){o({targets:this.sidebar,duration:s.defaultTime,marginLeft:["-29.75rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.sidebar.classList.remove("d-none")}})}async openOverlay(e,i,t,a){o({targets:this.overlay,duration:s.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.overlay.classList.remove("d-none")}});const n=document.createElement("ix-map-navigation-overlay");n.setAttribute("color",a),n.setAttribute("name",e),n.setAttribute("icon",t),n.setAttribute("slot","overlay"),n.addEventListener("closeClick",(()=>this.closeOverlay())),n.appendChild(i),this.hostElement.appendChild(n)}async closeOverlay(){o({targets:this.overlay,duration:s.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{var e;this.overlay&&(null===(e=this.overlay.firstChild)||void 0===e||e.remove(),this.overlay.classList.add("d-none"))}})}render(){return t(a,null,t("div",{id:"menu-placeholder"}),t("div",{class:"map-nav"},t("div",{class:"map-nav-sidebar"},t("div",{class:"map-nav-header"},t("ix-application-header",{name:this.applicationName,class:"map-nav-header-brand"},t("slot",{name:"logo"}))),t("div",{class:"map-nav-sidebar-content"},t("div",{class:"map-nav-sidebar-static-content"},t("div",{class:"map-nav-title"},this.navigationTitle),this.hideContextMenu?"":t("ix-icon-button",{icon:"context-menu",ghost:!0,size:"24",variant:"Secondary",onClick:()=>this.contextMenuClick.emit()})),t("div",{class:"map-nav-sidebar-user-content"},t("slot",{name:"sidebar-content"})))),t("div",{class:"content"},t("div",{class:"map-nav-header-content bg-2"},t("slot",{name:"content-header"})),t("main",null,t("slot",null),t("slot",{name:"overlay"})))))}get hostElement(){return n(this)}};s.defaultTime=150,s.slowTime=500,s.style=".sc-ix-map-navigation-h{display:flex;position:relative;width:100%;height:100%}.sc-ix-map-navigation-h .map-nav.sc-ix-map-navigation{display:flex;margin-left:4rem;position:relative;height:100%;flex-grow:1;overflow:hidden}.sc-ix-map-navigation-h .map-nav-sidebar.sc-ix-map-navigation{display:flex;flex-direction:column;align-items:center;width:29.75rem;max-width:29.75rem;min-width:29.75rem;height:100%;left:4rem;background-color:var(--theme-map-navigation--background);-webkit-border-end:0.125rem solid var(--theme-map-navigation-separator--background);border-inline-end:0.125rem solid var(--theme-map-navigation-separator--background);z-index:99}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation{align-items:center;position:relative;overflow:auto;height:100%;width:100%}.sc-ix-map-navigation-h .map-nav-sidebar-content.sc-ix-map-navigation .map-nav-sidebar-static-content.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;justify-content:space-between;margin-top:0.437rem;margin-bottom:0.812rem;margin-left:1rem;margin-right:1rem}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation{display:flex;position:relative;align-items:center;height:3.5rem;min-height:3.5rem;width:100%}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation{background-color:var(--theme-map-navigation-background);display:flex;align-items:center;height:100%;width:100%;padding:0 1rem;--theme-app-header--color:var(--theme-map-navigation-header--color);--theme-app-header-logo--color:var(--theme-map-navigation-logo--color)}.sc-ix-map-navigation-h .map-nav-header.sc-ix-map-navigation .map-nav-header-brand.sc-ix-map-navigation button.sc-ix-map-navigation{margin-left:1rem}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation{display:flex;height:3.5rem;align-items:center;overflow:hidden;padding:0 1rem}.sc-ix-map-navigation-h .map-nav-header-content.sc-ix-map-navigation:empty{height:0}.sc-ix-map-navigation-h .map-nav-title.sc-ix-map-navigation{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);display:flex;align-items:center;flex-grow:1}.sc-ix-map-navigation-h .content.sc-ix-map-navigation{display:block;flex-grow:1;position:relative;height:100%;overflow:hidden;z-index:calc(var(--theme-z-index-sticky) - 1)}";const r=class{constructor(t){e(this,t),this.closeClick=i(this,"closeClick",7),this.name=void 0,this.icon=void 0,this.color=void 0}componentWillLoad(){o({targets:this.hostElement,duration:r.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.hostElement.classList.remove("d-none")}})}closeOverlay(){o({targets:this.hostElement,duration:r.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.closeClick.emit(),this.hostElement.classList.add("d-none")}})}render(){return t(a,null,t("div",{class:"overlay-header"},t("div",{class:{"color-indicator":!0,"d-none":"undefined"===this.color||void 0===this.color},style:{"background-color":this.color?`var(--theme-${this.color})`:""}}),t("div",{class:"overlay-header-content"},t("ix-icon",{size:"32",name:this.icon}),t("span",{class:"overlay-header-title",title:this.name},this.name)),t("ix-icon-button",{class:"overlay-close",ghost:!0,icon:"close",size:"24",onClick:()=>this.closeOverlay()})),t("slot",null))}get hostElement(){return n(this)}};r.slowTime=500,r.style=".text-xs.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-map-navigation-overlay{color:var(--theme-color-primary)}.sc-ix-map-navigation-overlay-h{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}.sc-ix-map-navigation-overlay-h .overlay-header.sc-ix-map-navigation-overlay{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}.sc-ix-map-navigation-overlay-h .overlay-header-content.sc-ix-map-navigation-overlay{display:flex;align-items:center;min-width:0}.sc-ix-map-navigation-overlay-h .overlay-header-content.sc-ix-map-navigation-overlay ix-icon.sc-ix-map-navigation-overlay{-webkit-margin-start:1rem;margin-inline-start:1rem;color:var(--theme-overlay-header--color)}.sc-ix-map-navigation-overlay-h .overlay-header-content.sc-ix-map-navigation-overlay .overlay-header-title.sc-ix-map-navigation-overlay{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-overlay-header--color);-webkit-margin-start:1rem;margin-inline-start:1rem}.sc-ix-map-navigation-overlay-h .color-indicator.sc-ix-map-navigation-overlay{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}.sc-ix-map-navigation-overlay-h .overlay-close.sc-ix-map-navigation-overlay{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:1rem;margin-inline-end:1rem}";export{s as ix_map_navigation,r as ix_map_navigation_overlay}

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

@@ -0,0 +1 @@
+import{r as t,h as i,H as e,g as s}from"./p-66074788.js";import{b as o,c as r,s as l,o as a,d as h,a as n}from"./p-f7b5b66f.js";const c=class{constructor(i){t(this,i),this.onMouseEnterBind=this.showTooltip.bind(this),this.onMouseLeaveBind=this.hideTooltip.bind(this),this.tooltipCloseTimeInMS=50,this.for=void 0,this.titleContent=void 0,this.interactive=!1,this.visible=!1}get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}destroyAutoUpdate(){this.disposeAutoUpdate&&this.disposeAutoUpdate()}showTooltip(t){clearTimeout(this.hideTooltipTimeout),this.visible=!0,this.computeTooltipPosition(t.target)}hideTooltip(){this.hideTooltipTimeout=setTimeout((()=>{this.visible=!1}),this.tooltipCloseTimeInMS),this.destroyAutoUpdate()}async computeTooltipPosition(t){this.disposeAutoUpdate=o(t,this.hostElement,(async()=>{const i=await r(t,this.hostElement,{strategy:"absolute",placement:"top",middleware:[l(),a(8),h({element:this.arrowElement}),n({alignment:"start",allowedPlacements:["top","bottom","right","left"]})]});if(i.middlewareData.arrow){const{x:t,y:e}=i.middlewareData.arrow;Object.assign(this.arrowElement.style,{left:null!=t?`${t}px`:"",top:null!=e?`${e}px`:""})}const{x:e,y:s}=i;Object.assign(this.hostElement.style,{left:null!==e?`${e}px`:"",top:null!==s?`${s}px`:""})}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}queryAnchorElements(){return Array.from(document.querySelectorAll(this.for))}registerTriggerListener(){this.queryAnchorElements().forEach((t=>{t.addEventListener("mouseenter",this.onMouseEnterBind),t.addEventListener("mouseleave",this.onMouseLeaveBind)}))}registerTooltipListener(){this.hostElement.addEventListener("mouseenter",(()=>{this.interactive&&clearTimeout(this.hideTooltipTimeout)})),this.hostElement.addEventListener("mouseleave",(()=>{this.hideTooltip()}))}componentDidLoad(){this.interactive&&(this.tooltipCloseTimeInMS=150),this.observer=new MutationObserver((()=>{this.registerTriggerListener()})),this.observer.observe(document.body,{attributes:!0,attributeFilter:["data-ix-tooltip"],childList:!0,subtree:!0}),this.registerTriggerListener(),this.registerTooltipListener()}disconnectedCallback(){this.observer.disconnect(),this.destroyAutoUpdate()}render(){return i(e,{class:{visible:this.visible}},i("div",{class:"tooltip-title"},i("slot",{name:"title-icon"}),i("ix-typography",{variant:"default-title"},this.titleContent,i("slot",{name:"title-content"}))),i("div",{class:{"tooltip-content":!0}},i("slot",null)),i("div",{class:"arrow"}))}get hostElement(){return s(this)}};c.style=':host{display:inline-block;position:absolute;left:0px;top:0px;max-width:18.25rem;opacity:0;visibility:collapse;overflow-wrap:break-word;border-radius:0.25rem;background-color:var(--theme-tootlip--background);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4)}:host .tooltip-title{display:flex;align-items:center}:host .tooltip-title ::slotted(ix-icon){margin-right:0.35rem}:host(.visible){opacity:1;visibility:visible}:host .arrow,:host .arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .arrow{visibility:hidden}:host .arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';export{c as ix_tooltip}

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

@@ -0,0 +1 @@
+import{r,h as i,H as o}from"./p-66074788.js";const s=class{constructor(i){r(this,i)}render(){return i(o,null,i("div",{class:"line"}))}};s.style=":host{display:block;position:initial}:host .line{width:auto;border:0.0625rem solid var(--theme-color-x-weak-bdr)}";export{s as ix_divider}

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

@@ -0,0 +1 @@
+import{r as t,c as s,h as o,H as i,g as a}from"./p-66074788.js";import{T as e}from"./p-9ee41861.js";const r=class{constructor(o){t(this,o),this.closeToast=s(this,"closeToast",7),this.type="info",this.toastTitle=void 0,this.autoCloseDelay=5e3,this.autoClose=!0,this.icon=void 0,this.iconColor=void 0,this.progress=0,this.isRunning=!0,this.touched=!1}getIcon(){if(this.icon)return o("ix-icon",{name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return o("ix-icon",{name:"info",size:"24",color:"color-std-text"});case"error":return o("ix-icon",{name:"error",size:"24",color:"color-alarm"});case"success":return o("ix-icon",{name:"success",size:"24",color:"color-success"});case"warning":return o("ix-icon",{name:"warning",size:"24",color:"color-warning"});default:return""}}close(){this.host&&this.host.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t,s={};const a=["toast-progress-bar"];this.touched?a.push("toast-progress-bar--touched"):(s={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.isRunning?"running":"paused"},a.push("toast-progress-bar--animated"));const e=()=>{requestAnimationFrame((()=>{t&&(t.style.transform=`scaleX(${this.progress})`)}))};return o(i,{class:"animate__animated animate__fadeIn"},o("div",{class:"toast-body",onPointerLeave:()=>{this.progress=0,e()},onPointerEnter:()=>{this.isRunning=!1,this.touched=!0,this.progress=1,e()}},this.type||this.icon?o("div",{class:"toast-icon"},this.getIcon()):null,o("div",{class:"toast-content"},this.toastTitle?o("div",{class:"toast-title text-default-title-single"},this.toastTitle):null,o("div",{class:"toast-message text-default"},o("slot",null))),o("div",{class:"toast-close"},o("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>this.closeToast.emit()}))),this.autoClose?o("div",{class:a.join(" "),style:s,ref:s=>t=s,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{0===this.progress&&this.close()}}):null)}get host(){return a(this)}};r.style=".sc-ix-toast-h{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);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}.sc-ix-toast-h .toast-body.sc-ix-toast{display:flex;position:relative;width:100%;flex-grow:1}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-icon.sc-ix-toast{display:flex;align-items:flex-start;margin:1rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%;max-width:10.25rem;margin-top:calc(\n        1rem + var(--theme-toast--border-thickness)\n      );margin-bottom:0.75rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast .toast-message.sc-ix-toast{min-width:0}.sc-ix-toast-h .toast-close.sc-ix-toast{display:flex;position:relative;margin:0.75rem;pointer-events:all}.sc-ix-toast-h .toast-progress-bar.sc-ix-toast{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}.sc-ix-toast-h .toast-progress-bar--animated.sc-ix-toast{animation:trackProgress linear 1 forwards}.sc-ix-toast-h .toast-progress-bar--touched.sc-ix-toast{transition:transform 1s}.sc-ix-toast-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toast-h:not(.disabled):not(:disabled):hover .toast-progress-bar.sc-ix-toast{visibility:hidden;transition:none}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const n=class{constructor(s){t(this,s),this.containerId="toast-container",this.containerClass="toast-container",this.position="bottom-right"}get hostContainer(){return document.getElementById(this.containerId)}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId,t.classList.add(this.containerClass),t.classList.add(`toast-container--${this.position}`),document.body.appendChild(t)}}async showToast(t){const s=document.createElement("ix-toast"),o=new e;function i(t){s.remove(),o.emit(t)}return s.toastTitle=t.title,s.type=t.type,s.autoClose=t.autoClose,s.autoCloseDelay=t.autoCloseDelay,s.icon=t.icon,s.iconColor=t.iconColor,s.addEventListener("closeToast",(t=>{const{detail:s}=t;i(s)})),"string"==typeof t.message?s.innerText=t.message:s.appendChild(t.message),this.hostContainer.appendChild(s),{onClose:o,close:t=>{i(t)}}}render(){return o(i,null)}get host(){return a(this)}};export{r as ix_toast,n as ix_toast_container}

package/dist/siemens-ix/{p-72f851ae.entry.js → p-f3cde62f.entry.js}

@@ -1 +1 @@
-import{r as i,h as s,H as h}from"./p-05c16b94.js";const t=class{constructor(s){i(this,s),this.size=void 0,this.color=void 0,this.name=void 0}render(){return s(h,{style:{color:this.color?`var(--theme-${this.color})`:"inherit"},class:{"size-12":"12"===this.size,"size-16":"16"===this.size,"size-24":"24"===this.size,"size-32":"32"===this.size}},s("i",{class:{glyph:!0,[`glyph-${this.name}`]:!0,"glyph-12":"12"===this.size,"glyph-16":"16"===this.size,"glyph-24":"24"===this.size,"glyph-32":"32"===this.size}},s("slot",null)))}};t.style=".sc-ix-icon-h{display:inline-flex;height:1.5rem;width:1.5rem;color:var(--theme-color-std-text)}.sc-ix-icon-h i.sc-ix-icon{color:inherit;transition:color 150ms}.size-12.sc-ix-icon-h{height:0.75rem;width:0.75rem}.size-16.sc-ix-icon-h{height:1rem;width:1rem}.size-32.sc-ix-icon-h{height:2rem;width:2rem}";export{t as ix_icon}
+import{r as i,h as s,H as h}from"./p-66074788.js";const t=class{constructor(s){i(this,s),this.size=void 0,this.color=void 0,this.name=void 0}render(){return s(h,{style:{color:this.color?`var(--theme-${this.color})`:"inherit"},class:{"size-12":"12"===this.size,"size-16":"16"===this.size,"size-24":"24"===this.size,"size-32":"32"===this.size}},s("i",{class:{glyph:!0,[`glyph-${this.name}`]:!0,"glyph-12":"12"===this.size,"glyph-16":"16"===this.size,"glyph-24":"24"===this.size,"glyph-32":"32"===this.size}},s("slot",null)))}};t.style=".sc-ix-icon-h{display:inline-flex;height:1.5rem;width:1.5rem;color:var(--theme-color-std-text)}.sc-ix-icon-h i.sc-ix-icon{color:inherit;transition:color 150ms}.size-12.sc-ix-icon-h{height:0.75rem;width:0.75rem}.size-16.sc-ix-icon-h{height:1rem;width:1rem}.size-32.sc-ix-icon-h{height:2rem;width:2rem}";export{t as ix_icon}

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

@@ -0,0 +1 @@
+function t(t){return t.split("-")[1]}function n(t){return"y"===t?"height":"width"}function e(t){return t.split("-")[0]}function o(t){return["top","bottom"].includes(e(t))?"x":"y"}function r(r,i,a){let{reference:l,floating:c}=r;const s=l.x+l.width/2-c.width/2,u=l.y+l.height/2-c.height/2,f=o(i),d=n(f),y=l[d]/2-c[d]/2,m="x"===f;let p;switch(e(i)){case"top":p={x:s,y:l.y-c.height};break;case"bottom":p={x:s,y:l.y+l.height};break;case"right":p={x:l.x+l.width,y:u};break;case"left":p={x:l.x-c.width,y:u};break;default:p={x:l.x,y:l.y}}switch(t(i)){case"start":p[f]-=y*(a&&m?-1:1);break;case"end":p[f]+=y*(a&&m?-1:1)}return p}function i(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function a(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}async function l(t,n){var e;void 0===n&&(n={});const{x:o,y:r,platform:l,rects:c,elements:s,strategy:u}=t,{boundary:f="clippingAncestors",rootBoundary:d="viewport",elementContext:y="floating",altBoundary:m=!1,padding:p=0}=n,g=i(p),x=s[m?"floating"===y?"reference":"floating":y],h=a(await l.getClippingRect({element:null==(e=await(null==l.isElement?void 0:l.isElement(x)))||e?x:x.contextElement||await(null==l.getDocumentElement?void 0:l.getDocumentElement(s.floating)),boundary:f,rootBoundary:d,strategy:u})),w="floating"===y?{...c.floating,x:o,y:r}:c.reference,v=await(null==l.getOffsetParent?void 0:l.getOffsetParent(s.floating)),b=await(null==l.isElement?void 0:l.isElement(v))&&await(null==l.getScale?void 0:l.getScale(v))||{x:1,y:1},A=a(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({rect:w,offsetParent:v,strategy:u}):w);return{top:(h.top-A.top+g.top)/b.y,bottom:(A.bottom-h.bottom+g.bottom)/b.y,left:(h.left-A.left+g.left)/b.x,right:(A.right-h.right+g.right)/b.x}}const c=Math.min,s=Math.max;function u(t,n,e){return s(t,c(n,e))}const f=e=>({name:"arrow",options:e,async fn(r){const{element:a,padding:l=0}=e||{},{x:c,y:s,placement:f,rects:d,platform:y}=r;if(null==a)return{};const m=i(l),p={x:c,y:s},g=o(f),x=n(g),h=await y.getDimensions(a),w="y"===g?"top":"left",v="y"===g?"bottom":"right",b=d.reference[x]+d.reference[g]-p[g]-d.floating[x],A=p[g]-d.reference[g],R=await(null==y.getOffsetParent?void 0:y.getOffsetParent(a));let P=R?"y"===g?R.clientHeight||0:R.clientWidth||0:0;0===P&&(P=d.floating[x]);const k=m[w],F=P-h[x]-m[v],B=P/2-h[x]/2+(b/2-A/2),M=u(k,B,F),T=null!=t(f)&&B!=M&&d.reference[x]/2-(B<k?m[w]:m[v])-h[x]/2<0;return{[g]:p[g]-(T?B<k?k-B:F-B:0),data:{[g]:M,centerOffset:B-M}}}}),d=["top","right","bottom","left"].reduce(((t,n)=>t.concat(n,n+"-start",n+"-end")),[]),y={left:"right",right:"left",bottom:"top",top:"bottom"};function m(t){return t.replace(/left|right|bottom|top/g,(t=>y[t]))}const p={start:"end",end:"start"};const g=function(r){return void 0===r&&(r={}),{name:"autoPlacement",options:r,async fn(i){var a,c,s;const{rects:u,middlewareData:f,placement:y,platform:g,elements:x}=i,{alignment:h,allowedPlacements:w=d,autoAlignment:v=!0,...b}=r,A=void 0!==h||w===d?function(n,o,r){return(n?[...r.filter((e=>t(e)===n)),...r.filter((e=>t(e)!==n))]:r.filter((t=>e(t)===t))).filter((e=>!n||t(e)===n||!!o&&function(t){return t.replace(/start|end/g,(t=>p[t]))}(e)!==e))}(h||null,v,w):w,R=await l(i,b),P=(null==(a=f.autoPlacement)?void 0:a.index)||0,k=A[P];if(null==k)return{};const{main:F,cross:B}=function(e,r,i){void 0===i&&(i=!1);const a=t(e),l=o(e),c=n(l);let s="x"===l?a===(i?"end":"start")?"right":"left":"start"===a?"bottom":"top";return r.reference[c]>r.floating[c]&&(s=m(s)),{main:s,cross:m(s)}}(k,u,await(null==g.isRTL?void 0:g.isRTL(x.floating)));if(y!==k)return{reset:{placement:A[0]}};const M=[R[e(k)],R[F],R[B]],T=[...(null==(c=f.autoPlacement)?void 0:c.overflows)||[],{placement:k,overflows:M}],z=A[P+1];if(z)return{data:{index:P+1,overflows:T},reset:{placement:z}};const C=T.slice().sort(((t,n)=>t.overflows[0]-n.overflows[0])),D=(null==(s=C.find((t=>{let{overflows:n}=t;return n.every((t=>t<=0))})))?void 0:s.placement)||C[0].placement;return D!==y?{data:{index:P+1,overflows:T},reset:{placement:D}}:{}}}},x=function(t){return void 0===t&&(t={}),{name:"inline",options:t,async fn(n){const{placement:r,elements:l,rects:u,platform:f,strategy:d}=n,{padding:y=2,x:m,y:p}=t,g=a(f.convertOffsetParentRelativeRectToViewportRelativeRect?await f.convertOffsetParentRelativeRectToViewportRelativeRect({rect:u.reference,offsetParent:await(null==f.getOffsetParent?void 0:f.getOffsetParent(l.floating)),strategy:d}):u.reference),x=await(null==f.getClientRects?void 0:f.getClientRects(l.reference))||[],h=i(y),w=await f.getElementRects({reference:{getBoundingClientRect:function(){if(2===x.length&&x[0].left>x[1].right&&null!=m&&null!=p)return x.find((t=>m>t.left-h.left&&m<t.right+h.right&&p>t.top-h.top&&p<t.bottom+h.bottom))||g;if(x.length>=2){if("x"===o(r)){const t=x[0],n=x[x.length-1],o="top"===e(r),i=t.top,a=n.bottom,l=o?t.left:n.left,c=o?t.right:n.right;return{top:i,bottom:a,left:l,right:c,width:c-l,height:a-i,x:l,y:i}}const t="left"===e(r),n=s(...x.map((t=>t.right))),i=c(...x.map((t=>t.left))),a=x.filter((e=>t?e.left===i:e.right===n)),l=a[0].top,u=a[a.length-1].bottom;return{top:l,bottom:u,left:i,right:n,width:n-i,height:u-l,x:i,y:l}}return g}},floating:l.floating,strategy:d});return u.reference.x!==w.reference.x||u.reference.y!==w.reference.y||u.reference.width!==w.reference.width||u.reference.height!==w.reference.height?{reset:{rects:w}}:{}}}},h=function(n){return void 0===n&&(n=0),{name:"offset",options:n,async fn(r){const{x:i,y:a}=r,l=await async function(n,r){const{placement:i,platform:a,elements:l}=n,c=await(null==a.isRTL?void 0:a.isRTL(l.floating)),s=e(i),u=t(i),f="x"===o(i),d=["left","top"].includes(s)?-1:1,y=c&&f?-1:1,m="function"==typeof r?r(n):r;let{mainAxis:p,crossAxis:g,alignmentAxis:x}="number"==typeof m?{mainAxis:m,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...m};return u&&"number"==typeof x&&(g="end"===u?-1*x:x),f?{x:g*y,y:p*d}:{x:p*d,y:g*y}}(r,n);return{x:i+l.x,y:a+l.y,data:l}}}},w=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(n){const{x:r,y:i,placement:a}=n,{mainAxis:c=!0,crossAxis:s=!1,limiter:f={fn:t=>{let{x:n,y:e}=t;return{x:n,y:e}}},...d}=t,y={x:r,y:i},m=await l(n,d),p=o(e(a)),g="x"===p?"y":"x";let x=y[p],h=y[g];c&&(x=u(x+m["y"===p?"top":"left"],x,x-m["y"===p?"bottom":"right"])),s&&(h=u(h+m["y"===g?"top":"left"],h,h-m["y"===g?"bottom":"right"]));const w=f.fn({...n,[p]:x,[g]:h});return{...w,data:{x:w.x-r,y:w.y-i}}}}};function v(t){var n;return(null==(n=t.ownerDocument)?void 0:n.defaultView)||window}function b(t){return v(t).getComputedStyle(t)}function A(t){return B(t)?(t.nodeName||"").toLowerCase():""}let R;function P(){if(R)return R;const t=navigator.userAgentData;return t&&Array.isArray(t.brands)?(R=t.brands.map((t=>t.brand+"/"+t.version)).join(" "),R):navigator.userAgent}function k(t){return t instanceof v(t).HTMLElement}function F(t){return t instanceof v(t).Element}function B(t){return t instanceof v(t).Node}function M(t){return"undefined"!=typeof ShadowRoot&&(t instanceof v(t).ShadowRoot||t instanceof ShadowRoot)}function T(t){const{overflow:n,overflowX:e,overflowY:o,display:r}=b(t);return/auto|scroll|overlay|hidden|clip/.test(n+o+e)&&!["inline","contents"].includes(r)}function z(t){return["table","td","th"].includes(A(t))}function C(t){const n=/firefox/i.test(P()),e=b(t),o=e.backdropFilter||e.WebkitBackdropFilter;return"none"!==e.transform||"none"!==e.perspective||!!o&&"none"!==o||n&&"filter"===e.willChange||n&&!!e.filter&&"none"!==e.filter||["transform","perspective"].some((t=>e.willChange.includes(t)))||["paint","layout","strict","content"].some((t=>{const n=e.contain;return null!=n&&n.includes(t)}))}function D(){return!/^((?!chrome|android).)*safari/i.test(P())}function L(t){return["html","body","#document"].includes(A(t))}const S=Math.min,O=Math.max,E=Math.round;function N(t){const n=b(t);let e=parseFloat(n.width),o=parseFloat(n.height);const r=t.offsetWidth,i=t.offsetHeight,a=E(e)!==r||E(o)!==i;return a&&(e=r,o=i),{width:e,height:o,fallback:a}}function j(t){return F(t)?t:t.contextElement}const q={x:1,y:1};function V(t){const n=j(t);if(!k(n))return q;const e=n.getBoundingClientRect(),{width:o,height:r,fallback:i}=N(n);let a=(i?E(e.width):e.width)/o,l=(i?E(e.height):e.height)/r;return a&&Number.isFinite(a)||(a=1),l&&Number.isFinite(l)||(l=1),{x:a,y:l}}function X(t,n,e,o){var r,i;void 0===n&&(n=!1),void 0===e&&(e=!1);const a=t.getBoundingClientRect(),l=j(t);let c=q;n&&(o?F(o)&&(c=V(o)):c=V(t));const s=l?v(l):window,u=!D()&&e;let f=(a.left+(u&&(null==(r=s.visualViewport)?void 0:r.offsetLeft)||0))/c.x,d=(a.top+(u&&(null==(i=s.visualViewport)?void 0:i.offsetTop)||0))/c.y,y=a.width/c.x,m=a.height/c.y;if(l){const t=v(l),n=o&&F(o)?v(o):o;let e=t.frameElement;for(;e&&o&&n!==t;){const t=V(e),n=e.getBoundingClientRect(),o=getComputedStyle(e);n.x+=(e.clientLeft+parseFloat(o.paddingLeft))*t.x,n.y+=(e.clientTop+parseFloat(o.paddingTop))*t.y,f*=t.x,d*=t.y,y*=t.x,m*=t.y,f+=n.x,d+=n.y,e=v(e).frameElement}}return{width:y,height:m,top:d,right:f+y,bottom:d+m,left:f,x:f,y:d}}function Y(t){return((B(t)?t.ownerDocument:t.document)||window.document).documentElement}function _(t){return F(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function G(t){return X(Y(t)).left+_(t).scrollLeft}function H(t,n,e){const o=k(n),r=Y(n),i=X(t,!0,"fixed"===e,n);let a={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(o||!o&&"fixed"!==e)if(("body"!==A(n)||T(r))&&(a=_(n)),k(n)){const t=X(n,!0);l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}else r&&(l.x=G(r));return{x:i.left+a.scrollLeft-l.x,y:i.top+a.scrollTop-l.y,width:i.width,height:i.height}}function I(t){if("html"===A(t))return t;const n=t.assignedSlot||t.parentNode||(M(t)?t.host:null)||Y(t);return M(n)?n.host:n}function J(t){return k(t)&&"fixed"!==b(t).position?t.offsetParent:null}function K(t){const n=v(t);let e=J(t);for(;e&&z(e)&&"static"===b(e).position;)e=J(e);return e&&("html"===A(e)||"body"===A(e)&&"static"===b(e).position&&!C(e))?n:e||function(t){let n=I(t);for(;k(n)&&!L(n);){if(C(n))return n;n=I(n)}return null}(t)||n}function Q(t){const n=I(t);return L(n)?t.ownerDocument.body:k(n)&&T(n)?n:Q(n)}function U(t,n){var e;void 0===n&&(n=[]);const o=Q(t),r=o===(null==(e=t.ownerDocument)?void 0:e.body),i=v(o);return r?n.concat(i,i.visualViewport||[],T(o)?o:[]):n.concat(o,U(o))}function W(t,n,e){return"viewport"===n?a(function(t,n){const e=v(t),o=Y(t),r=e.visualViewport;let i=o.clientWidth,a=o.clientHeight,l=0,c=0;if(r){i=r.width,a=r.height;const t=D();(t||!t&&"fixed"===n)&&(l=r.offsetLeft,c=r.offsetTop)}return{width:i,height:a,x:l,y:c}}(t,e)):F(n)?function(t,n){const e=X(t,!0,"fixed"===n),o=e.top+t.clientTop,r=e.left+t.clientLeft,i=k(t)?V(t):{x:1,y:1},a=t.clientWidth*i.x,l=t.clientHeight*i.y,c=r*i.x,s=o*i.y;return{top:s,left:c,right:c+a,bottom:s+l,x:c,y:s,width:a,height:l}}(n,e):a(function(t){var n;const e=Y(t),o=_(t),r=null==(n=t.ownerDocument)?void 0:n.body,i=O(e.scrollWidth,e.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=O(e.scrollHeight,e.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0);let l=-o.scrollLeft+G(t);const c=-o.scrollTop;return"rtl"===b(r||e).direction&&(l+=O(e.clientWidth,r?r.clientWidth:0)-i),{width:i,height:a,x:l,y:c}}(Y(t)))}const Z={getClippingRect:function(t){let{element:n,boundary:e,rootBoundary:o,strategy:r}=t;const i=[..."clippingAncestors"===e?function(t,n){const e=n.get(t);if(e)return e;let o=U(t).filter((t=>F(t)&&"body"!==A(t))),r=null;const i="fixed"===b(t).position;let a=i?I(t):t;for(;F(a)&&!L(a);){const t=b(a),n=C(a);(i?n||r:n||"static"!==t.position||!r||!["absolute","fixed"].includes(r.position))?r=t:o=o.filter((t=>t!==a)),a=I(a)}return n.set(t,o),o}(n,this._c):[].concat(e),o],a=i.reduce(((t,e)=>{const o=W(n,e,r);return t.top=O(o.top,t.top),t.right=S(o.right,t.right),t.bottom=S(o.bottom,t.bottom),t.left=O(o.left,t.left),t}),W(n,i[0],r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:n,offsetParent:e,strategy:o}=t;const r=k(e),i=Y(e);if(e===i)return n;let a={scrollLeft:0,scrollTop:0},l={x:1,y:1};const c={x:0,y:0};if((r||!r&&"fixed"!==o)&&(("body"!==A(e)||T(i))&&(a=_(e)),k(e))){const t=X(e);l=V(e),c.x=t.x+e.clientLeft,c.y=t.y+e.clientTop}return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-a.scrollLeft*l.x+c.x,y:n.y*l.y-a.scrollTop*l.y+c.y}},isElement:F,getDimensions:function(t){return N(t)},getOffsetParent:K,getDocumentElement:Y,getScale:V,async getElementRects(t){let{reference:n,floating:e,strategy:o}=t;const r=this.getOffsetParent||K,i=this.getDimensions;return{reference:H(n,await r(e),o),floating:{x:0,y:0,...await i(e)}}},getClientRects:t=>Array.from(t.getClientRects()),isRTL:t=>"rtl"===b(t).direction};function $(t,n,e,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:a=!0,animationFrame:l=!1}=o,c=r&&!l,s=c||i?[...F(t)?U(t):t.contextElement?U(t.contextElement):[],...U(n)]:[];s.forEach((t=>{c&&t.addEventListener("scroll",e,{passive:!0}),i&&t.addEventListener("resize",e)}));let u,f=null;if(a){let o=!0;f=new ResizeObserver((()=>{o||e(),o=!1})),F(t)&&!l&&f.observe(t),F(t)||!t.contextElement||l||f.observe(t.contextElement),f.observe(n)}let d=l?X(t):null;return l&&function n(){const o=X(t);!d||o.x===d.x&&o.y===d.y&&o.width===d.width&&o.height===d.height||e(),d=o,u=requestAnimationFrame(n)}(),e(),()=>{var t;s.forEach((t=>{c&&t.removeEventListener("scroll",e),i&&t.removeEventListener("resize",e)})),null==(t=f)||t.disconnect(),f=null,l&&cancelAnimationFrame(u)}}const tt=(t,n,e)=>{const o=new Map,i={platform:Z,...e},a={...i.platform,_c:o};return(async(t,n,e)=>{const{placement:o="bottom",strategy:i="absolute",middleware:a=[],platform:l}=e,c=a.filter(Boolean),s=await(null==l.isRTL?void 0:l.isRTL(n));let u=await l.getElementRects({reference:t,floating:n,strategy:i}),{x:f,y:d}=r(u,o,s),y=o,m={},p=0;for(let e=0;e<c.length;e++){const{name:a,fn:g}=c[e],{x,y:h,data:w,reset:v}=await g({x:f,y:d,initialPlacement:o,placement:y,strategy:i,middlewareData:m,rects:u,platform:l,elements:{reference:t,floating:n}});f=null!=x?x:f,d=null!=h?h:d,m={...m,[a]:{...m[a],...w}},v&&p<=50&&(p++,"object"==typeof v&&(v.placement&&(y=v.placement),v.rects&&(u=!0===v.rects?await l.getElementRects({reference:t,floating:n,strategy:i}):v.rects),({x:f,y:d}=r(u,y,s))),e=-1)}return{x:f,y:d,placement:y,strategy:i,middlewareData:m}})(t,n,{...i,platform:a})};export{g as a,$ as b,tt as c,f as d,x as i,h as o,w as s}

package/dist/siemens-ix/{p-150d7a02.entry.js → p-fa262af7.entry.js}

@@ -1 +1 @@
-import{r as t,h as i,H as p,g as o}from"./p-05c16b94.js";const s=class{constructor(i){t(this,i)}componentDidRender(){let t=15,i=15;this.host.querySelectorAll('[slot="input-end"]').forEach((i=>{i.classList.add("input-group-label"),t+=i.getBoundingClientRect().width})),this.host.querySelectorAll('[slot="input-start"]').forEach((t=>{t.classList.add("input-group-label"),i+=t.getBoundingClientRect().width}));const p=this.host.querySelector("input.form-control");p?(p.style.paddingRight=t+"px",p.style.paddingLeft=i+"px"):console.warn('You used the ix-input-group without an input-tag, e.g. <input class="form-control" />')}render(){return i(p,null,i("div",{class:"group group-start"},i("slot",{name:"input-start"})),i("slot",null),i("div",{class:"group group-end"},i("slot",{name:"input-end"})))}get host(){return o(this)}};s.style=".sc-ix-input-group-h{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.sc-ix-input-group-h .group.sc-ix-input-group{display:flex;position:absolute;align-items:center;height:100%}.sc-ix-input-group-h .group-start.sc-ix-input-group{left:0px}.sc-ix-input-group-h .group-end.sc-ix-input-group{right:0px}";export{s as ix_input_group}
+import{r as t,h as i,H as p,g as o}from"./p-66074788.js";const s=class{constructor(i){t(this,i)}componentDidRender(){let t=15,i=15;this.host.querySelectorAll('[slot="input-end"]').forEach((i=>{i.classList.add("input-group-label"),t+=i.getBoundingClientRect().width})),this.host.querySelectorAll('[slot="input-start"]').forEach((t=>{t.classList.add("input-group-label"),i+=t.getBoundingClientRect().width}));const p=this.host.querySelector("input.form-control");p?(p.style.paddingRight=t+"px",p.style.paddingLeft=i+"px"):console.warn('You used the ix-input-group without an input-tag, e.g. <input class="form-control" />')}render(){return i(p,null,i("div",{class:"group group-start"},i("slot",{name:"input-start"})),i("slot",null),i("div",{class:"group group-end"},i("slot",{name:"input-end"})))}get host(){return o(this)}};s.style=".sc-ix-input-group-h{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.sc-ix-input-group-h .group.sc-ix-input-group{display:flex;position:absolute;align-items:center;height:100%}.sc-ix-input-group-h .group-start.sc-ix-input-group{left:0px}.sc-ix-input-group-h .group-end.sc-ix-input-group{right:0px}";export{s as ix_input_group}

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

@@ -0,0 +1 @@
+import{r as t,h as i,H as s,g as e}from"./p-66074788.js";let r=window.innerWidth;const o=class{constructor(i){t(this,i),this.clickAction={timeout:null,isClick:!0},this.small=!1,this.rounded=!1,this.selected=0,this.layout="auto",this.placement="bottom",this.totalItems=0,this.currentScrollAmount=0,this.scrollAmount=100,this.styleNextArrow={},this.stylePreviousArrow={},this.scrollActionAmount=0}onWindowResize(){if(this.totalItems=0,this.totalItems=this.getTabs().length,0===r)return r=window.innerWidth;this.move(r-window.innerWidth),r=window.innerWidth}getTabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}getTab(t){return this.getTabs()[t]}getTabsWrapper(){return this.hostElement.getElementsByClassName("items-content")[0]}showArrows(){try{const t=this.getTabsWrapper();return t.scrollWidth>Math.ceil(t.getBoundingClientRect().width)&&"auto"===this.layout}catch(t){return!1}}showPreviousArrow(){try{return this.showArrows()&&this.scrollActionAmount<0}catch(t){return!1}}showNextArrow(){try{const t=this.getTabsWrapper(),i=t.getBoundingClientRect();return this.showArrows()&&this.scrollActionAmount>-1*(t.scrollWidth-i.width)}catch(t){return!1}}getArrowStyle(t){return{opacity:t?"1":"0",zIndex:t?"1":"-1"}}move(t,i=!1){const s=this.getTabsWrapper(),e=-1*(s.scrollWidth-s.getBoundingClientRect().width),r=[`transform: translateX(${t=(t=this.currentScrollAmount+t)>0?0:t<e?e:t}px);`,i?"transition: all ease-in-out 400ms;":""].join("");s.setAttribute("style",r),i?this.currentScrollAmount=this.scrollActionAmount=t:this.scrollActionAmount=t}moveTabToView(t){if(!this.showArrows())return;const i=this.getTab(t).getBoundingClientRect();this.move(-1*i.x,!0)}setSelected(t){this.selected=t}clickTab(t){this.dragStop()||(this.setSelected(t),this.moveTabToView(t))}dragStart(t,i){if(!this.showArrows())return;if(i.button>0)return;this.clickAction.timeout=null===this.clickAction.timeout?setTimeout((()=>this.clickAction.isClick=!1),300):null;const s=parseFloat(window.getComputedStyle(t).left),e=i.clientX,r=t=>this.dragMove(t,s,e);window.addEventListener("mouseup",(()=>{window.removeEventListener("mousemove",r,!1),this.dragStop()})),window.addEventListener("mousemove",r,!1)}dragMove(t,i,s){this.move(t.clientX+i-s)}dragStop(){return clearTimeout(this.clickAction.timeout),this.clickAction.timeout=null,!this.clickAction.isClick&&(this.currentScrollAmount=this.scrollActionAmount,this.clickAction.isClick=!0,!0)}componentDidRender(){const t=this.getTabs();this.totalItems=t.length,t.forEach(((t,i)=>{this.small&&t.setAttribute("small","true"),this.rounded&&t.setAttribute("rounded","true"),t.setAttribute("layout",this.layout),t.setAttribute("selected",i===this.selected?"true":"false"),t.setAttribute("placement",this.placement)}))}componentWillRender(){requestAnimationFrame((()=>{this.styleNextArrow=this.getArrowStyle(this.showNextArrow()),this.stylePreviousArrow=this.getArrowStyle(this.showPreviousArrow())}))}componentDidLoad(){this.getTabs().forEach(((t,i)=>{null!==t.getAttribute("disabled")||t.addEventListener("click",(()=>this.clickTab(i))),t.addEventListener("mousedown",(i=>this.dragStart(t,i)))}))}render(){return i(s,null,i("div",{class:"overflow-shadow",style:this.stylePreviousArrow}),i("div",{class:"arrow",style:this.stylePreviousArrow,onClick:()=>this.move(this.scrollAmount,!0)},i("span",{class:"glyph glyph-chevron-left-small"})),i("div",{class:"tab-items"},i("div",{class:"items-content"},i("slot",null))),i("div",{class:"overflow-shadow right",style:this.styleNextArrow}),i("div",{class:"arrow right",style:this.styleNextArrow,onClick:()=>this.move(-this.scrollAmount,!0)},i("span",{class:"glyph glyph-chevron-right-small"})))}get hostElement(){return e(this)}};o.style="ix-tabs{width:auto;display:flex;align-items:center;position:relative}ix-tabs .tab-items{overflow:hidden;scroll-behavior:smooth;width:100%}ix-tabs .tab-items .items-content{display:flex;align-items:center}ix-tabs .arrow{position:absolute;display:flex;align-items:center;justify-content:center;width:32px;height:32px;top:0;bottom:0;left:0;margin:auto 0;border-radius:4px;color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);z-index:2}ix-tabs .arrow:hover{color:var(--theme-btn-invisible-primary--color--hover);background-color:var(--theme-btn-invisible-primary--background--hover)}ix-tabs .arrow:active{color:var(--theme-btn-invisible-primary--color--active);background-color:var(--theme-btn-invisible-primary--background--active)}ix-tabs .arrow.right{left:auto;right:0}ix-tabs .overflow-shadow{width:50px;height:40px;position:absolute;left:0;top:0;background:linear-gradient(90deg, var(--theme-color-1) 50%, transparent);z-index:1}ix-tabs .overflow-shadow.right{left:auto;right:0;background:linear-gradient(90deg, transparent, var(--theme-color-1) 50%)}";export{o as ix_tabs}