@siemens/ix 0.0.0-20240522074328 → 0.0.0-pr-1373-20240705054533

package/dist/siemens-ix/p-2c6a35db.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as e,h as t,H as r,g as n}from"./p-26e9d40e.js";const i=':host{display:inline-block;position:relative;height:2rem;max-height:2rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host(.inactive){pointer-events:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:pointer}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0px;margin-right:0px}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.icon{padding-left:0.75rem;padding-right:0.75rem}.container.closable{padding-right:0.25rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary:hover{background-color:var(--theme-chip-primary--background--hover)}.container.primary:active{background-color:var(--theme-chip-primary--background--active)}.container.primary:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.primary.outline:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.container.primary.outline:active{background-color:var(--theme-chip-primary-outline--background--active)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.alarm.active::after,.container.alarm:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.alarm:not(.outline).active::after,.container.alarm:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.alarm.outline:hover::after{display:none}.container.alarm.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.alarm.outline.active::after,.container.alarm.outline:active::after{display:none}.container.alarm.outline.active,.container.alarm.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.alarm:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.critical.active::after,.container.critical:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.critical:not(.outline).active::after,.container.critical:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.critical.outline:hover::after{display:none}.container.critical.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.critical.outline.active::after,.container.critical.outline:active::after{display:none}.container.critical.outline.active,.container.critical.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.critical:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.warning.active::after,.container.warning:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.warning:not(.outline).active::after,.container.warning:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.warning.outline:hover::after{display:none}.container.warning.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.warning.outline.active::after,.container.warning.outline:active::after{display:none}.container.warning.outline.active,.container.warning.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.warning:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.info{color:var(--theme-color-info--contrast)}.container.info:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.info.active::after,.container.info:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.info:not(.outline).active::after,.container.info:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.info.outline:hover::after{display:none}.container.info.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.info.outline.active::after,.container.info.outline:active::after{display:none}.container.info.outline.active,.container.info.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.info:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.neutral.active::after,.container.neutral:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.neutral:not(.outline).active::after,.container.neutral:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.neutral.outline:hover::after{display:none}.container.neutral.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.neutral.outline.active::after,.container.neutral.outline:active::after{display:none}.container.neutral.outline.active,.container.neutral.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.neutral:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}.container.success{color:var(--theme-color-success--contrast)}.container.success:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}.container.success.active::after,.container.success:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}.container.success:not(.outline).active::after,.container.success:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}.container.success.outline:hover::after{display:none}.container.success.outline:hover{background-color:var(--theme-chip-outline--background--hover)}.container.success.outline.active::after,.container.success.outline:active::after{display:none}.container.success.outline.active,.container.success.outline:active{background-color:var(--theme-chip-outline--background--active)}.container.success:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}';const a=i;const c=class{constructor(t){o(this,t);this.closeChip=e(this,"closeChip",7);this.variant="primary";this.active=true;this.closable=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.chipColor=undefined;this.outline=false}getCloseButton(){var o;return t("div",{class:"close-button-container"},t("ix-icon-button",{type:"button",variant:"secondary",icon:"close-small",class:"close-button",oval:true,size:"16",style:this.variant==="custom"?{color:(o=this.chipColor)!==null&&o!==void 0?o:this.color}:{},ghost:true,onClick:o=>{this.closeChip.emit(o);o.stopPropagation()}}))}render(){var o,e;const n=this.active===false;let i={};if(this.variant==="custom"){i={color:(o=this.chipColor)!==null&&o!==void 0?o:this.color,[this.outline?"borderColor":"backgroundColor"]:this.background}}return t(r,{key:"bc9150f9d71eb0d048c778e21ea5afb39a1dc3f9",tabIndex:"-1",title:this.el.textContent,style:this.variant==="custom"?{"--ix-icon-button-color":(e=this.chipColor)!==null&&e!==void 0?e:this.color}:{}},t("div",{key:"82c39bab0cff12de6c830360ad06281993e4dac6",style:Object.assign({},i),class:{container:true,outline:this.outline,inactive:n,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:this.closable,icon:!!this.icon}},t("ix-icon",{key:"359b67a50b9c3b438fc7884b7b6dab7027a284c4",class:{"with-icon":true,hidden:!this.icon},name:this.icon,size:"24"}),t("span",{key:"800965a9f8c4013009ab1345eed7fea6cb6ae1f2",class:"slot-container"},t("slot",{key:"a03c010efbb304e6e70ddb990fb1e91ffa667e0b"})),n===false&&this.closable?this.getCloseButton():null))}get el(){return n(this)}};c.style=a;export{c as ix_chip};
-//# sourceMappingURL=p-2c6a35db.entry.js.map

package/dist/siemens-ix/p-2f4e6ac1.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as s,g as h}from"./p-26e9d40e.js";import{a as o}from"./p-71206084.js";import{A as a}from"./p-46a6cd9d.js";import{a as r}from"./p-702f9349.js";import{m as n}from"./p-68a274e7.js";import"./p-c4749812.js";const l=":host{background-color:var(--theme-color-2);display:flex;position:relative;overflow:hidden;box-sizing:border-box}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host aside{width:100%;height:100%}:host .title-text{display:flex;align-items:center;gap:var(--theme-space-1);overflow:hidden}:host .title-text .title-text-overflow{width:100%;height:100%;display:contents}:host .title-text .title-text-overflow *{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .header-gap{gap:var(--theme-space-1)}:host .top-bottom-pane{display:flex;flex-direction:column;flex-grow:1}:host .top-bottom-pane .title{display:flex;flex-direction:row;align-items:center;margin:var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2)}:host .top-bottom-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .top-bottom-pane .title-expanded{display:flex;flex-direction:row}:host .top-bottom-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane{display:flex;flex-grow:1}:host .left-right-pane .title{display:flex;flex-direction:column;align-items:center;margin:var(--theme-space-2) var(--theme-space--1) var(--theme-space-2) var(--theme-space--1)}:host .left-right-pane .title .title-text{flex-direction:row-reverse;justify-content:start;flex-direction:row}:host .left-right-pane .title .rotate{writing-mode:vertical-lr;text-orientation:mixed;transform:rotate(180deg);flex-direction:row-reverse}:host .left-right-pane .title-finished{padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane .title-expanded{display:flex;flex-direction:row}:host .left-right-pane .title-hide-on-collapse{display:flex;flex-direction:row-reverse;justify-content:space-between;padding:0 !important;margin:var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2)}:host .left-right-pane.expanded{flex-direction:column}:host .mobile-pane{display:flex;flex-direction:column;flex-grow:1}:host .mobile-pane .title-mobile{display:flex;flex-direction:row-reverse;justify-content:space-between;margin:var(--theme-space-1) var(--theme-space-2)}:host .side-pane-content{padding:var(--theme-space-1) var(--theme-space-2);overflow:auto;height:100%;width:100%}:host(.not-visible){display:none}:host(.inline-color){background-color:var(--theme-color-1)}:host(.box-shadow){box-shadow:0 0 1rem black}:host(.nav-left-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr)}:host(.left-pane-border){border-right:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.right-pane-border){border-left:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-pane-border){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.bottom-pane-border){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-overlay){width:100%;position:absolute;z-index:100 !important}:host(.mobile-overlay) .side-pane-content{height:calc(100% - 2.5rem)}:host(.mobile-border-top){border-bottom:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.mobile-border-bottom){border-top:var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr)}:host(.top-expanded){top:0}:host(.bottom-expanded){bottom:0}:host(.left-right-pane){height:100%}:host(.top-bottom-pane){width:100%}";const d=l;const p=class{constructor(i){t(this,i);this.expandedChanged=e(this,"expandedChanged",7);this.variantChanged=e(this,"variantChanged",7);this.borderlessChanged=e(this,"borderlessChanged",7);this.hideOnCollapseChanged=e(this,"hideOnCollapseChanged",7);this.slotChanged=e(this,"slotChanged",7);this.validPositions=["top","left","bottom","right"];this.collapsedPane="40px";this.collapsedPaneMobile="48px";this.animations=new Map;this.animationCounter=0;this.heading=undefined;this.variant="inline";this.hideOnCollapse=false;this.size="240px";this.borderless=false;this.expanded=false;this.composition="top";this.icon=undefined;this.ignoreLayoutSettings=false;this.isMobile=false;this.expandIcon="";this.showContent=false;this.minimizeIcon="";this.floating=false;this.parentWidthPx=0;this.parentHeightPx=0}get currentSlot(){return this.hostElement.getAttribute("slot")}get isBottomTopPane(){return this.composition==="bottom"||this.composition==="top"}get isLeftRightPane(){return this.composition==="left"||this.composition==="right"}get isMobileTop(){return this.composition==="top"||this.composition==="left"}componentWillLoad(){this.setIcons();this.floating=this.variant==="floating";if(this.expanded){this.onParentSizeChange()}this.isMobile=n("sm");r.onChange.on((()=>{this.isMobile=n("sm")}));this.setPosition(this.currentSlot);this.mutationObserver=new MutationObserver((t=>{t.forEach((t=>{if(t.type==="attributes"&&t.attributeName==="slot"){const e=this.currentSlot;const i=t.oldValue;if(e!==i){this.slotChanged.emit({slot:i,newSlot:e});this.setPosition(e)}}}))}));this.mutationObserver.observe(this.hostElement,{attributes:true,attributeOldValue:true});const t=this.hostElement.parentElement;this.resizeObserver=new ResizeObserver((t=>{this.parentWidthPx=t[0].borderBoxSize[0].inlineSize;this.parentHeightPx=t[0].borderBoxSize[0].blockSize}));if(t)this.resizeObserver.observe(t)}disconnectedCallback(){var t,e;(t=this.mutationObserver)===null||t===void 0?void 0:t.disconnect();(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}setPosition(t){if(this.validPositions.includes(t)){this.composition=t}}getExpandPaneSize(){let t;if(this.isBottomTopPane){if(this.size.includes("px")){const e=Math.round(this.parentHeightPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentHeightPx/2)}px`}else{t=`${Math.round(this.parentHeightPx/3)}px`}}}else{if(this.size.includes("px")){const e=Math.round(this.parentWidthPx/2);const i=Number(this.size.replace("px",""));if(e&&e<i){t=`${e}px`}else{t=`${i}px`}}else{if(this.size==="50%"){t=`${Math.round(this.parentWidthPx/2)}px`}else{t=`${Math.round(this.parentWidthPx/3)}px`}}}return t}setIcons(){const{expandIcon:t,minimizeIcon:e}=this.getIconNames();this.expandIcon=t;this.minimizeIcon=e}getIconNames(){let t="";let e="";switch(this.composition){case"left":t=this.isMobile?"double-chevron-up":"double-chevron-left";e=this.isMobile?"double-chevron-down":"double-chevron-right";break;case"right":t=this.isMobile?"double-chevron-down":"double-chevron-right";e=this.isMobile?"double-chevron-up":"double-chevron-left";break;case"bottom":t="double-chevron-down";e="double-chevron-up";break;case"top":t="double-chevron-up";e="double-chevron-down";break}return{expandIcon:t,minimizeIcon:e}}getKey(){return(this.animationCounter++).toString()}animateVerticalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,width:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;this.animateVerticalPadding("0px")}else{this.animateVerticalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}animateHorizontalFadeIn(t){let e=this.getKey();let i=o({targets:this.hostElement,duration:a.mediumTime,height:t,easing:"easeInOutSine",delay:0,begin:()=>{if(!this.expanded){this.showContent=false;if(!this.isMobile)this.animateHorizontalPadding("0px")}else{if(!this.isMobile)this.animateHorizontalPadding("8px")}},complete:()=>{if(this.expanded){this.showContent=true}this.animations.delete(e)}});this.animations.set(e,i)}removePadding(){o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:0,paddingTop:0,paddingBottom:0,paddingLeft:0,paddingRight:0,delay:0})}animateHorizontalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingTop:t,paddingBottom:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}animateVerticalPadding(t,e=a.mediumTime){let i=this.getKey();let s=o({targets:this.hostElement.shadowRoot.querySelector("#title-div"),duration:e,paddingLeft:t,paddingRight:t,easing:"easeInOutSine",delay:0,complete:()=>{this.animations.delete(i)}});this.animations.set(i,s)}clearAnimations(){this.animations.forEach((t=>t.pause()));this.animations.clear();this.animationCounter=0}onMobileChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.hostElement.style.removeProperty("min-height");this.onParentSizeChange()}onPositionChange(){this.setIcons();this.hostElement.style.removeProperty("width");this.hostElement.style.removeProperty("height");this.onParentSizeChange()}onHideOnCollapseChange(t){this.onParentSizeChange();this.hideOnCollapseChanged.emit({slot:this.currentSlot,hideOnCollapse:t})}onVariantChange(t){this.floating=t==="floating";this.variantChanged.emit({slot:this.currentSlot,variant:t})}onBorderlessChange(t){this.borderlessChanged.emit({slot:this.currentSlot,borderless:t})}onExpandedChange(){this.onSizeChange();this.expandedChanged.emit({slot:this.currentSlot,expanded:this.expanded})}onParentSizeChange(){this.clearAnimations();this.removePadding();if(this.expanded){if(this.isMobile){this.hostElement.style.height="100%"}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=t;this.animateHorizontalPadding("8px",0)}else{this.hostElement.style.width=t;this.animateVerticalPadding("8px",0)}}this.showContent=true}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.hideOnCollapse?"0":this.collapsedPaneMobile}else{if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":this.collapsedPane}else{this.hostElement.style.width=this.hideOnCollapse?"0":this.collapsedPane}}}}onSizeChange(){if(this.expanded){if(this.isMobile){this.hostElement.style.minHeight=this.hideOnCollapse?"0":this.collapsedPaneMobile;this.animateHorizontalFadeIn("100%")}else{const t=this.getExpandPaneSize();if(this.isBottomTopPane){this.hostElement.style.height=this.hideOnCollapse?"0":this.collapsedPane;this.animateHorizontalFadeIn(t)}else{this.hostElement.style.width=this.hideOnCollapse?"0":this.collapsedPane;this.animateVerticalFadeIn(t)}}}else{this.showContent=false;if(this.isMobile){this.hostElement.style.height=this.collapsedPaneMobile}else{if(this.isBottomTopPane){this.animateHorizontalFadeIn(this.collapsedPane)}else{this.animateVerticalFadeIn(this.collapsedPane)}}}}render(){return i(s,{key:"64708a95cd9ab661211a6ea1ed696eafe2904627",class:{"inline-color":!this.floating,"mobile-overlay":this.expanded&&this.isMobile,"top-expanded":this.expanded&&this.isMobileTop&&this.isMobile,"bottom-expanded":this.expanded&&!this.isMobileTop&&this.isMobile,"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,[`${this.composition}-pane-border`]:!this.borderless&&!this.isMobile&&!this.floating,"nav-left-border":!this.borderless&&!this.isMobile&&this.composition!=="right"&&this.floating,"mobile-border-top":!this.borderless&&this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"mobile-border-bottom":!this.borderless&&!this.isMobileTop&&this.isMobile&&!this.expanded&&!this.floating,"box-shadow":this.floating,"aria-expanded":this.expanded,"not-visible":this.hideOnCollapse&&!this.expanded}},i("aside",{key:"6985605b745db5acedace6039bf709c586474d3a",class:{"top-bottom-pane":this.isBottomTopPane&&!this.isMobile,"left-right-pane":this.isLeftRightPane&&!this.isMobile,"mobile-pane":this.isMobile,expanded:this.expanded}},i("div",{key:"6c4fe6cf539de045dc22abb27693fdc94dc25fbf",id:"title-div",class:{title:!this.isMobile&&!this.hideOnCollapse&&!this.showContent,"title-finished":!this.isMobile&&!this.hideOnCollapse&&this.showContent,"title-expanded":!this.isMobile&&!this.hideOnCollapse&&this.expanded,"title-hide-on-collapse":!this.isMobile&&this.hideOnCollapse,"title-mobile":this.isMobile,"header-gap":!this.isMobile&&!this.hideOnCollapse}},i("ix-icon-button",{key:"e9e308ae81e48e90e2636f050112c757b58bc16d",class:"title-icon",size:"24",icon:this.expanded?this.isMobile||this.hideOnCollapse?"close":this.expandIcon:this.minimizeIcon,ghost:true,onClick:()=>{this.expanded=!this.expanded},"aria-controls":this.composition+"ToggleButton"}),i("span",{key:"7c4c9a086e6e9c1434ded33ac11b6ed9033c4def",class:{"title-text":true,rotate:!this.expanded&&!this.isMobile&&this.isLeftRightPane}},this.icon?i("ix-icon",{size:"24",name:this.icon}):null,i("div",{key:"fb0aea90f3af3e436712dcd540247925b8ad96b0",class:"title-text-overflow"},i("ix-typography",{key:"f1c18efa4e71b8387d83c357cf88f9ab89aea10a",format:"h4"},this.heading)))),i("div",{key:"dec09cef0a083a2ac6b3cefc2bf1f771e1351b3b",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"367170c015420dd84e75cad3f4cfa31fcad58d57"}))))}get hostElement(){return h(this)}static get watchers(){return{isMobile:["onMobileChange"],composition:["onPositionChange"],hideOnCollapse:["onHideOnCollapseChange"],variant:["onVariantChange"],borderless:["onBorderlessChange"],expanded:["onExpandedChange"],parentHeightPx:["onParentSizeChange"],parentWidthPx:["onParentSizeChange"],size:["onSizeChange"]}}};p.style=d;export{p as ix_pane};
-//# sourceMappingURL=p-2f4e6ac1.entry.js.map

package/dist/siemens-ix/p-2f4e6ac1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paneCss","IxPaneStyle0","Pane","this","validPositions","collapsedPane","collapsedPaneMobile","animations","Map","animationCounter","currentSlot","hostElement","getAttribute","isBottomTopPane","composition","isLeftRightPane","isMobileTop","componentWillLoad","setIcons","floating","variant","expanded","onParentSizeChange","isMobile","matchBreakpoint","applicationLayoutService","onChange","on","setPosition","mutationObserver","MutationObserver","mutations","forEach","mutation","type","attributeName","newSlot","oldSlot","oldValue","slotChanged","emit","slot","observe","attributes","attributeOldValue","parentElement","resizeObserver","ResizeObserver","entries","parentWidthPx","borderBoxSize","inlineSize","parentHeightPx","blockSize","disconnectedCallback","_a","disconnect","_b","value","includes","getExpandPaneSize","expandPaneSize","size","referenceValue","Math","round","currentValue","Number","replace","expandIcon","minimizeIcon","getIconNames","getKey","toString","animateVerticalFadeIn","key","animation","anime","targets","duration","Animation","mediumTime","width","easing","delay","begin","showContent","animateVerticalPadding","complete","delete","set","animateHorizontalFadeIn","height","animateHorizontalPadding","removePadding","shadowRoot","querySelector","paddingTop","paddingBottom","paddingLeft","paddingRight","clearAnimations","pause","clear","onMobileChange","style","removeProperty","onPositionChange","onHideOnCollapseChange","hideOnCollapseChanged","hideOnCollapse","onVariantChange","variantChanged","onBorderlessChange","borderlessChanged","borderless","onExpandedChange","onSizeChange","expandedChanged","minHeight","render","h","Host","class","id","title","icon","ghost","onClick","rotate","name","format","heading","hidden"],"sources":["src/components/pane/pane.scss?tag=ix-pane&encapsulation=shadow","src/components/pane/pane.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n@mixin set-border($composition) {\n  @if $composition {\n    border-#{$composition}: var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr);\n  }\n}\n\n:host {\n  @include ix-component;\n  background-color: var(--theme-color-2);\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  aside {\n    width: 100%;\n    height: 100%;\n  }\n\n  .title-text {\n    display: flex;\n    align-items: center;\n    gap: var(--theme-space-1);\n    overflow: hidden;\n\n    .title-text-overflow {\n      width: 100%;\n      height: 100%;\n      display: contents;\n\n      * {\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n      }\n    }\n  }\n\n  .header-gap {\n    gap: var(--theme-space-1);\n  }\n\n  .top-bottom-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin: var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2);\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane {\n    display: flex;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      margin: var(--theme-space-2) var(--theme-space--1)  var(--theme-space-2) var(--theme-space--1);\n\n      .title-text {\n        flex-direction: row-reverse;\n        justify-content: start;\n        flex-direction: row;\n      }\n\n      .rotate {\n        writing-mode: vertical-lr;\n        text-orientation: mixed;\n        transform: rotate(180deg);\n        flex-direction: row-reverse;\n      }\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane.expanded {\n    flex-direction: column;\n  }\n\n  .mobile-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title-mobile {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      margin: var(--theme-space-1) var(--theme-space-2);\n    }\n  }\n\n  .side-pane-content {\n    padding: var(--theme-space-1) var(--theme-space-2);\n    overflow: auto;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n:host(.not-visible) {\n  display: none;\n}\n\n:host(.inline-color) {\n  background-color: var(--theme-color-1);\n}\n\n:host(.box-shadow) {\n  box-shadow: 0 0 1rem black;\n}\n\n:host(.nav-left-border) {\n  border-left: var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr);\n}\n\n:host(.left-pane-border) {\n  @include set-border(right);\n}\n\n:host(.right-pane-border) {\n  @include set-border(left);\n}\n\n:host(.top-pane-border) {\n  @include set-border(bottom);\n}\n\n:host(.bottom-pane-border) {\n  @include set-border(top);\n}\n\n:host(.mobile-overlay) {\n  width: 100%;\n  position: absolute;\n  z-index: 100 !important;\n\n  .side-pane-content {\n    height: calc(100% - 2.5rem);\n  }\n}\n\n:host(.mobile-border-top) {\n  @include set-border(bottom);\n}\n\n:host(.mobile-border-bottom) {\n  @include set-border(top);\n}\n\n:host(.top-expanded) {\n  top: 0;\n}\n\n:host(.bottom-expanded) {\n  bottom: 0;\n}\n\n:host(.left-right-pane) {\n  height: 100%;\n}\n\n:host(.top-bottom-pane) {\n  width: 100%;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\n\nexport type Composition = 'top' | 'left' | 'bottom' | 'right';\nexport type ExpandedChangedEvent = {\n  slot: string;\n  expanded: boolean;\n};\nexport type SlotChangedEvent = {\n  slot: string;\n  newSlot: string;\n};\nexport type HideOnCollapseChangedEvent = {\n  slot: string;\n  hideOnCollapse: boolean;\n};\nexport type VariantChangedEvent = {\n  slot: string;\n  variant: 'floating' | 'inline';\n};\nexport type BorderlessChangedEvent = {\n  slot: string;\n  borderless: boolean;\n};\n\n/**\n * @since 2.1.0\n */\n@Component({\n  tag: 'ix-pane',\n  styleUrl: 'pane.scss',\n  shadow: true,\n})\nexport class Pane {\n  @Element() hostElement: HTMLIxPaneElement;\n\n  /**\n   * Title of the side panel\n   */\n  @Prop() heading: string;\n\n  /**\n   * Variant of the side pane.\n   * Defaults to the variant attribute of the pane layout. If used standalone it defaults to inline.\n   */\n  @Prop() variant: 'floating' | 'inline' = 'inline';\n\n  /**\n   * Define if the pane should have a collapsed state\n   */\n  @Prop() hideOnCollapse: boolean = false;\n\n  /**\n   * The maximum size of the sidebar, when it is expanded\n   */\n  @Prop() size:\n    | '240px'\n    | '320px'\n    | '360px'\n    | '480px'\n    | '600px'\n    | '33%'\n    | '50%' = '240px';\n\n  /**\n   * Toggle the border of the pane.\n   * Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.\n   */\n  @Prop() borderless: boolean = false;\n\n  /**\n   * State of the pane\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * Defines the position of the pane inside it's container.\n   * Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to.\n   */\n  @Prop({ mutable: true }) composition: Composition = 'top';\n\n  /**\n   * Name of the icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * @internal\n   * Prevents overwriting of the variant and borderless property when used inside layout\n   */\n  @Prop() ignoreLayoutSettings: boolean = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) isMobile: boolean = false;\n\n  /**\n   * This event is triggered when the pane either expands or contracts\n   */\n  @Event() expandedChanged: EventEmitter<ExpandedChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() variantChanged: EventEmitter<VariantChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() borderlessChanged: EventEmitter<BorderlessChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() hideOnCollapseChanged: EventEmitter<HideOnCollapseChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() slotChanged: EventEmitter<SlotChangedEvent>;\n\n  @State() private expandIcon = '';\n  @State() private showContent = false;\n  @State() private minimizeIcon = '';\n  @State() private floating = false;\n  @State() private parentWidthPx = 0;\n  @State() private parentHeightPx = 0;\n\n  private validPositions = ['top', 'left', 'bottom', 'right'];\n  private collapsedPane = '40px';\n  private collapsedPaneMobile = '48px';\n  private animations: Map<string, anime.AnimeInstance> = new Map();\n  private animationCounter = 0;\n\n  private mutationObserver: MutationObserver;\n  private resizeObserver: ResizeObserver;\n\n  get currentSlot() {\n    return this.hostElement.getAttribute('slot');\n  }\n\n  get isBottomTopPane() {\n    return this.composition === 'bottom' || this.composition === 'top';\n  }\n\n  get isLeftRightPane() {\n    return this.composition === 'left' || this.composition === 'right';\n  }\n\n  get isMobileTop() {\n    return this.composition === 'top' || this.composition === 'left';\n  }\n\n  componentWillLoad() {\n    this.setIcons();\n\n    this.floating = this.variant === 'floating';\n\n    if (this.expanded) {\n      this.onParentSizeChange();\n    }\n\n    this.isMobile = matchBreakpoint('sm');\n    applicationLayoutService.onChange.on(() => {\n      this.isMobile = matchBreakpoint('sm');\n    });\n\n    this.setPosition(this.currentSlot);\n\n    this.mutationObserver = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'slot'\n        ) {\n          const newSlot = this.currentSlot;\n          const oldSlot = mutation.oldValue;\n\n          if (newSlot !== oldSlot) {\n            this.slotChanged.emit({\n              slot: oldSlot,\n              newSlot: newSlot,\n            });\n            this.setPosition(newSlot);\n          }\n        }\n      });\n    });\n    this.mutationObserver.observe(this.hostElement, {\n      attributes: true,\n      attributeOldValue: true,\n    });\n\n    const parentElement = this.hostElement.parentElement;\n    this.resizeObserver = new ResizeObserver((entries) => {\n      this.parentWidthPx = entries[0].borderBoxSize[0].inlineSize;\n      this.parentHeightPx = entries[0].borderBoxSize[0].blockSize;\n    });\n    if (parentElement) this.resizeObserver.observe(parentElement);\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n\n  private setPosition(value: string) {\n    if (this.validPositions.includes(value)) {\n      this.composition = value as Composition;\n    }\n  }\n\n  private getExpandPaneSize() {\n    let expandPaneSize: string;\n\n    if (this.isBottomTopPane) {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentHeightPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 3)}px`;\n        }\n      }\n    } else {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentWidthPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 3)}px`;\n        }\n      }\n    }\n\n    return expandPaneSize;\n  }\n\n  private setIcons() {\n    const { expandIcon, minimizeIcon } = this.getIconNames();\n    this.expandIcon = expandIcon;\n    this.minimizeIcon = minimizeIcon;\n  }\n\n  private getIconNames(): { expandIcon: string; minimizeIcon: string } {\n    let expandIcon = '';\n    let minimizeIcon = '';\n\n    switch (this.composition) {\n      case 'left':\n        expandIcon = this.isMobile\n          ? 'double-chevron-up'\n          : 'double-chevron-left';\n        minimizeIcon = this.isMobile\n          ? 'double-chevron-down'\n          : 'double-chevron-right';\n        break;\n      case 'right':\n        expandIcon = this.isMobile\n          ? 'double-chevron-down'\n          : 'double-chevron-right';\n        minimizeIcon = this.isMobile\n          ? 'double-chevron-up'\n          : 'double-chevron-left';\n        break;\n      case 'bottom':\n        expandIcon = 'double-chevron-down';\n        minimizeIcon = 'double-chevron-up';\n        break;\n      case 'top':\n        expandIcon = 'double-chevron-up';\n        minimizeIcon = 'double-chevron-down';\n        break;\n    }\n\n    return { expandIcon, minimizeIcon };\n  }\n\n  private getKey() {\n    return (this.animationCounter++).toString();\n  }\n\n  private animateVerticalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      width: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          this.animateVerticalPadding('0px');\n        } else {\n          this.animateVerticalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateHorizontalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      height: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          if (!this.isMobile) this.animateHorizontalPadding('0px');\n        } else {\n          if (!this.isMobile) this.animateHorizontalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private removePadding() {\n    anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n      paddingLeft: 0,\n      paddingRight: 0,\n      delay: 0,\n    });\n  }\n\n  private animateHorizontalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: duration,\n      paddingTop: size,\n      paddingBottom: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateVerticalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot.querySelector('#title-div'),\n      duration: duration,\n      paddingLeft: size,\n      paddingRight: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private clearAnimations() {\n    this.animations.forEach((animation) => animation.pause());\n    this.animations.clear();\n    this.animationCounter = 0;\n  }\n\n  @Watch('isMobile')\n  onMobileChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.hostElement.style.removeProperty('min-height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('composition')\n  onPositionChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('hideOnCollapse')\n  onHideOnCollapseChange(value: boolean) {\n    this.onParentSizeChange();\n\n    this.hideOnCollapseChanged.emit({\n      slot: this.currentSlot,\n      hideOnCollapse: value,\n    });\n  }\n\n  @Watch('variant')\n  onVariantChange(value: 'inline' | 'floating') {\n    this.floating = value === 'floating';\n\n    this.variantChanged.emit({\n      slot: this.currentSlot,\n      variant: value,\n    });\n  }\n\n  @Watch('borderless')\n  onBorderlessChange(value: boolean) {\n    this.borderlessChanged.emit({\n      slot: this.currentSlot,\n      borderless: value,\n    });\n  }\n\n  @Watch('expanded')\n  onExpandedChange() {\n    this.onSizeChange();\n\n    this.expandedChanged.emit({\n      slot: this.currentSlot,\n      expanded: this.expanded,\n    });\n  }\n\n  @Watch('parentHeightPx')\n  @Watch('parentWidthPx')\n  onParentSizeChange() {\n    this.clearAnimations();\n    this.removePadding();\n\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.height = '100%';\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = expandPaneSize;\n          this.animateHorizontalPadding('8px', 0);\n        } else {\n          this.hostElement.style.width = expandPaneSize;\n          this.animateVerticalPadding('8px', 0);\n        }\n      }\n\n      this.showContent = true;\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = this.hideOnCollapse\n          ? '0'\n          : this.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n        }\n      }\n    }\n  }\n\n  @Watch('size')\n  onSizeChange() {\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.minHeight = this.hideOnCollapse\n          ? '0'\n          : this.collapsedPaneMobile;\n        this.animateHorizontalFadeIn('100%');\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n          this.animateHorizontalFadeIn(expandPaneSize);\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : this.collapsedPane;\n          this.animateVerticalFadeIn(expandPaneSize);\n        }\n      }\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = this.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.animateHorizontalFadeIn(this.collapsedPane);\n        } else {\n          this.animateVerticalFadeIn(this.collapsedPane);\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'inline-color': !this.floating,\n          'mobile-overlay': this.expanded && this.isMobile,\n          'top-expanded': this.expanded && this.isMobileTop && this.isMobile,\n          'bottom-expanded':\n            this.expanded && !this.isMobileTop && this.isMobile,\n          'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n          'left-right-pane': this.isLeftRightPane && !this.isMobile,\n          [`${this.composition}-pane-border`]:\n            !this.borderless && !this.isMobile && !this.floating,\n          'nav-left-border':\n            !this.borderless &&\n            !this.isMobile &&\n            this.composition !== 'right' &&\n            this.floating,\n          'mobile-border-top':\n            !this.borderless &&\n            this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'mobile-border-bottom':\n            !this.borderless &&\n            !this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'box-shadow': this.floating,\n          'aria-expanded': this.expanded,\n          'not-visible': this.hideOnCollapse && !this.expanded,\n        }}\n      >\n        <aside\n          class={{\n            'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n            'left-right-pane': this.isLeftRightPane && !this.isMobile,\n            'mobile-pane': this.isMobile,\n            expanded: this.expanded,\n          }}\n        >\n          <div\n            id=\"title-div\"\n            class={{\n              title:\n                !this.isMobile && !this.hideOnCollapse && !this.showContent,\n              'title-finished':\n                !this.isMobile && !this.hideOnCollapse && this.showContent,\n              'title-expanded':\n                !this.isMobile && !this.hideOnCollapse && this.expanded,\n              'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,\n              'title-mobile': this.isMobile,\n              'header-gap': !this.isMobile && !this.hideOnCollapse,\n            }}\n          >\n            <ix-icon-button\n              class=\"title-icon\"\n              size=\"24\"\n              icon={\n                this.expanded\n                  ? this.isMobile || this.hideOnCollapse\n                    ? 'close'\n                    : this.expandIcon\n                  : this.minimizeIcon\n              }\n              ghost\n              onClick={() => {\n                this.expanded = !this.expanded;\n              }}\n              aria-controls={this.composition + 'ToggleButton'}\n            />\n            <span\n              class={{\n                'title-text': true,\n                rotate:\n                  !this.expanded && !this.isMobile && this.isLeftRightPane,\n              }}\n            >\n              {this.icon ? (\n                <ix-icon size=\"24\" name={this.icon}></ix-icon>\n              ) : null}\n              <div class=\"title-text-overflow\">\n                <ix-typography format=\"h4\">{this.heading}</ix-typography>\n              </div>\n            </span>\n          </div>\n          <div class=\"side-pane-content\" hidden={!this.showContent}>\n            <slot></slot>\n          </div>\n        </aside>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{r,h as t,H as e}from"./p-26e9d40e.js";const o=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";const i=o;const a=class{constructor(t){r(this,t);this.variant="insight";this.icon=undefined;this.heading=undefined;this.subheading=undefined;this.selected=false}getSubheadingColor(){switch(this.variant){case"insight":case"notification":return"soft";default:return undefined}}render(){return t(e,{key:"f83abb076a856034694fa17014a31c511508ac84"},t("ix-card",{key:"e21ebb1bc1e27db30872b8c144001ea338c89ce2",selected:this.selected,variant:this.variant,class:"pointer"},t("ix-card-content",{key:"6074ffb241993674c9b636d2b43c8cf0b76d3437"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,t("div",{key:"ee7c10340f5dd87d397f013de5879caddb37ca5d"},this.heading?t("ix-typography",{format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5",color:this.getSubheadingColor()},this.subheading):null,t("slot",{key:"5ba86a041964d413a2f7ff7d323905ba9880543e"})))))}};a.style=i;export{a as ix_action_card};
-//# sourceMappingURL=p-33538474.entry.js.map

package/dist/siemens-ix/p-3b8e4fe5.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as o,H as s}from"./p-26e9d40e.js";import{a as t}from"./p-71206084.js";const a=":host{margin:0.5rem 0.5rem 0rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .message-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal}:host ix-icon{margin-top:0.25rem}";const i=a;const n=class{constructor(o){e(this,o);this.closedChange=r(this,"closedChange",7);this.type="info";this.dismissible=true;this.icon=undefined;this.color=undefined}componentWillRender(){if(this.type==="danger"){this.icon="error";this.color="color-alarm"}if(this.type==="info"){this.icon="info";this.color="color-info"}if(this.type==="warning"){this.icon="warning";this.color="color-warning"}}closeAlert(e){t({targets:e,duration:n.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}});this.closedChange.emit()}render(){return o(s,{key:"1e6b060fd39fb008c5ce8e56553b7ee235d5db2d"},o("div",{key:"a0f00d550a6c2e2f61918bbccd2c342100e73dcd",class:{"message-container":true,[this.type]:true},role:"alert",ref:e=>this.divElement=e},o("ix-icon",{key:"5bbfa1b8fcd0025b4d2fa0b488c604458fc4e131",color:this.color,name:this.icon}),o("div",{key:"78e83b8a02ea46b6b3ba65690d5939f00a63ca78",class:"message-content"},o("slot",{key:"b5813c317b7ea1b0c0e6919488016a43140dd68f"})),this.dismissible?o("ix-icon-button",{icon:"close",size:"24",ghost:true,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};n.duration=300;n.style=i;export{n as ix_message_bar};
-//# sourceMappingURL=p-3b8e4fe5.entry.js.map

package/dist/siemens-ix/p-3b8ff673.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as o,H as a,g as n}from"./p-26e9d40e.js";const r=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled).hover,:host .expand-action:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .expand-action:not(.disabled):not(:disabled).active,:host .expand-action:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-action:not(.show),:host .expand-action:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(90deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}';const i=r;let s=0;const d=(t="expand-content")=>[t,s++].join("-");const c=class{constructor(o){t(this,o);this.accordionExpand=e(this,"accordionExpand",7);this.collapse=false;this.expandContent=false}onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(t){t.preventDefault();t.stopPropagation();this.expandContent=!this.expandContent;this.accordionExpand.emit({expand:this.expandContent,nativeEvent:t});if(this.expandContent){this.scrollExpandedContentIntoView()}}scrollExpandedContentIntoView(){setTimeout((()=>{const t=this.expandedContent.getBoundingClientRect();if(t.bottom>window.innerHeight){this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(false)}}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return o(a,{key:"bc39054c9b50f4a1de3ebb720553d667f30e7420",slot:"card-accordion"},o("button",{key:"39a8f4b977ca5d4f797a12f4d06a09e7a2909e80",tabIndex:0,class:{"expand-action":true,show:this.expandContent},onClick:t=>this.onExpandActionClick(t),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":d()},o("ix-icon",{key:"2d75d5fc08d4d79e1d70fef36440dba4ee5b62c9",name:"chevron-right-small",class:{"expand-icon":true,show:this.expandContent}})),o("div",{key:"d2b662f006a69d90e2353922e377a1e83830de70",class:{"expand-content":true,show:this.expandContent}},o("div",{key:"7cedf82588afb804a626b1ba1c1cb9147c76306a",class:"expand-content-inner"},o("div",{key:"04b85a19f6354fd725b634748e7ff7a5c58dd7cb",class:"expand-content-body"},o("slot",{key:"732c33dbaa591432e14f74eb305b7e7c526d4e49"})),o("div",{key:"83291f55a13f8a8bebddb4d24c81cfc1a090f1f4",class:"expand-content-footer"}))))}get hostElement(){return n(this)}static get watchers(){return{collapse:["onInitialExpandChange"]}}};c.style=i;const l=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.5rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0px}";const h=l;const b=class{constructor(e){t(this,e)}render(){return o(a,{key:"2afb4eebb84d9641a195b61843761cfe09bb6ed7"},o("slot",{key:"3563c0158125fa766d9d018f1a574a7e6f6d3e98"}),o("div",{key:"bfa505245aab1c8fec8af0cb680654483b7fea0c",class:"title-actions"},o("slot",{key:"8a0af96ce78108228dbf07c65dfa96a7c9af4d0c",name:"title-actions"})))}};b.style=h;export{c as ix_card_accordion,b as ix_card_title};
-//# sourceMappingURL=p-3b8ff673.entry.js.map

package/dist/siemens-ix/p-4290098e.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as e,h as t,H as r}from"./p-26e9d40e.js";import{D as n}from"./p-f5e574da.js";const a="label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}input{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover,input:hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus,input:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled{box-shadow:none;background-color:transparent;outline:none;border:none;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder{color:transparent}input:disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{height:3.25rem;padding:0.375rem 1.25rem 0.375rem 0.5rem}textarea{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover,textarea:hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus,textarea:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled{box-shadow:none;background-color:transparent;outline:none;border:none;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder{color:transparent}textarea~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}:host{display:block;position:relative;width:22rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .form-control,:host .form-control-plaintext{-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);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}:host .form-control::-moz-placeholder,:host .form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}:host .form-control::placeholder,:host .form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .form-control:focus-visible{color:var(--theme-input--color)}:host .form-control[type=number]{text-align:right}:host .form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .form-control.readonly,:host .form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}:host .form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .form-control:read-only,:host .form-control[readonly],:host .form-control[readOnly],:host .form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .form-control:read-only::-moz-placeholder,:host .form-control[readonly]::-moz-placeholder,:host .form-control[readOnly]::-moz-placeholder,:host .form-control.readonly::-moz-placeholder{color:transparent}:host .form-control:-moz-read-only::placeholder{color:transparent}:host .form-control:read-only::placeholder,:host .form-control[readonly]::placeholder,:host .form-control[readOnly]::placeholder,:host .form-control.readonly::placeholder{color:transparent}:host .form-control:disabled,:host .form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}:host .form-control:disabled::-moz-placeholder,:host .form-control.disabled::-moz-placeholder{color:transparent}:host .form-control:disabled::placeholder,:host .form-control.disabled::placeholder{color:transparent}:host .form-control-plaintext{outline:0}:host .form-group{position:relative}:host .input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}:host .input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}:host .input-wrapper>input{padding-inline-start:2.2rem}:host select.form-control{padding:0 0.312rem}:host textarea.form-control{padding:0.375rem 0.5rem}:host input.disabled,:host input:disabled{color:var(--theme-input--color--disabled)}:host input:-moz-read-only{cursor:default}:host input:read-only,:host input.readonly{cursor:default}@media (max-width: 576px){:host .clock{padding:1.5rem 0}:host .header{height:1.5rem !important}}@media (min-width: 576px){:host .clock{padding:4.25rem 0}:host .header{height:2.5rem !important}}:host .header{display:flex;align-items:center;justify-content:center;height:2.5rem}:host .flex{display:flex}:host .clock{display:flex;justify-content:center;align-items:center}:host input,:host .time-reference{width:2.625rem;height:1.5rem;text-align:center;margin-top:0.25rem;margin-bottom:0.25rem;}:host input::-webkit-outer-spin-button,:host input::-webkit-inner-spin-button,:host .time-reference::-webkit-outer-spin-button,:host .time-reference::-webkit-inner-spin-button{-webkit-appearance:none;margin:0 0.3125rem}:host input[type=number],:host .time-reference[type=number]{-moz-appearance:textfield}:host .form-control[type=number]{text-align:center}:host .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around}:host .column-seperator{display:flex;align-items:center;margin:0 0.25rem}:host .button{display:flex;justify-content:flex-end}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}:host .hidden{display:none}:host .time-reference{margin-top:0.5rem;margin-bottom:0.5rem}";const i=a;const l=class{constructor(t){o(this,t);this.timeSelect=e(this,"timeSelect",7);this.done=e(this,"done",7);this.timeChange=e(this,"timeChange",7);this.format="TT";this.corners="rounded";this.standaloneAppearance=true;this.individual=true;this.showHour=true;this.showMinutes=true;this.showSeconds=true;this.time=n.now().toFormat(this.format);this.showTimeReference=undefined;this.timeReference=undefined;this.textSelectTime="Done";this.textTime="Time";this._time=undefined;this._timeRef=undefined;this._formattedTime=undefined}watchTimePropHandler(o){this._time=n.fromFormat(o,this.format);if(!this._time.isValid){throw new Error("Format is not supported or not correct")}}componentWillLoad(){this._time=n.fromFormat(this.time,this.format);if(!this._time.isValid){console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);return}this._timeRef=this.format.includes("a")?n.fromFormat(this.time,this.format).toFormat("a"):undefined;this.formatTime()}formatTime(){const[o,e,t]=this._time.toFormat(this.format).split(" ")[0].split(":");this._formattedTime={hour:o,minute:e,second:t}}onInternalTimeChange(){this.timeChange.emit(this._time.toFormat(this.format));if(this._timeRef)this._timeRef=this._time.toFormat("a")}timeUpdate(o,e){let t=n.now().endOf("day").get(o);if(this._timeRef==="PM"&&o==="hour")e+=12;if(this._timeRef==="AM"&&o==="hour")t=12;if(e>t){e=t}else if(e<0){e=0}this._time=this._time.set({[o]:e});return e}changeTimeReference(){this._timeRef=this._timeRef==="AM"?"PM":"AM";if(!this._time.toFormat("a").includes(this._timeRef)){this._time=this._time.plus({hour:12})}}async getCurrentTime(){return this._time.toFormat(this.format)}render(){let o=[{unit:"hour",placeholder:"HH",hidden:!this.showHour},{unit:"minute",placeholder:"MM",hidden:!this.showMinutes},{unit:"second",placeholder:"SS",hidden:!this.showSeconds}];o=o.filter((o=>!o.hidden));return t(r,{key:"c09337ff6d0366929f77fe9bbdd89eb43bcc71ea"},t("ix-date-time-card",{key:"80c29872490f5968979a802b92113377ec9df678",standaloneAppearance:this.standaloneAppearance,corners:this.corners},t("div",{key:"35981c4cde62451368ee30fc4bcc19f894939cda",class:"header",slot:"header"},t("ix-typography",{key:"cd88a3f06e8907419acc45cd71d9954b7365096c",variant:"default-title"},this.textTime||"Time")),t("div",{key:"fd5d74523fd649fedac87ac0887fb643fd9795ce",class:"clock"},o.map(((e,r)=>t("div",{class:"flex"},t("div",{class:{columns:true,hidden:e.hidden}},t("ix-icon-button",{size:"16",onClick:()=>this._time=this._time.plus({[e.unit]:1}),ghost:true,icon:"chevron-up",variant:"primary",class:"arrows"}),t("input",{class:"form-control",name:e.unit,type:"number",placeholder:e.placeholder,value:this._formattedTime?this._formattedTime[e.unit]:null,onKeyDown:o=>{if(o.key!=="ArrowUp"&&o.key!=="ArrowDown")return;const t=o.key==="ArrowUp"?1:-1;this._time=this._time.plus({[e.unit]:t});o.preventDefault()},onChange:o=>{let t=o.target;t.value=this.timeUpdate(e.unit,+t.value).toString()}}),t("ix-icon-button",{size:"16",onClick:()=>this._time=this._time.minus({[e.unit]:1}),ghost:true,icon:"chevron-down",variant:"primary",class:"arrows"})),r!==o.length-1&&t("div",{class:{"column-seperator":true,hidden:e.hidden}},":")))),t("div",{key:"819d9ce8cdfc94e7c4a1d2f7190587f052a9d246",class:{columns:true,"default-space":true,hidden:this._timeRef===undefined}},t("ix-icon-button",{key:"6ec3654d6a81bb2420695dd3292677395bd6adc2",size:"16",onClick:()=>this.changeTimeReference(),ghost:true,icon:"chevron-up",variant:"primary",class:"arrows"}),t("div",{key:"09b1dd7076112d4dc5168a968ed0ebebaa67e69f",class:"time-reference"},this._timeRef),t("ix-icon-button",{key:"ff24cdad6df286cc2da51958c2b51fe43f1e4fea",size:"16",onClick:()=>this.changeTimeReference(),ghost:true,icon:"chevron-down",variant:"primary",class:"arrows"}))),t("div",{key:"82602709c4107324d9498426cb30959fe81bacc4",class:{button:true,hidden:!this.standaloneAppearance}},t("ix-button",{key:"64da9baed02906baad694bbe066bc355197d293e",onClick:()=>{this.timeSelect.emit(this._time.toFormat(this.format));this.done.emit(this._time.toFormat(this.format))}},this.textSelectTime))))}static get watchers(){return{time:["watchTimePropHandler"],_time:["formatTime","onInternalTimeChange"]}}};l.style=i;export{l as ix_time_picker};
-//# sourceMappingURL=p-4290098e.entry.js.map

package/dist/siemens-ix/p-43a58a77.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as o,H as t,g as r}from"./p-26e9d40e.js";const a="label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}input{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover,input:hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus,input:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled{box-shadow:none;background-color:transparent;outline:none;border:none;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder{color:transparent}input:disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{height:3.25rem;padding:0.375rem 1.25rem 0.375rem 0.5rem}textarea{font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;min-height:2rem;width:100%;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow)}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover,textarea:hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus,textarea:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled{box-shadow:none;background-color:transparent;outline:none;border:none;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder{color:transparent}textarea~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}:host{display:contents}";const n=a;const i=class{constructor(o){e(this,o);this.label=undefined}get inputElement(){return this.hostElement.querySelector("input")}componentWillLoad(){}render(){return o(t,{key:"e1313ac6762c322974a1a69f030c18e91c63d958"},this.label?o("label",{htmlFor:this.inputElement.id},this.label):null,o("slot",{key:"fbbe9a9eefffdce4b888d3dfb3ec80b1e6c8111d"}))}get hostElement(){return r(this)}};i.style=n;export{i as ix_form_field};
-//# sourceMappingURL=p-43a58a77.entry.js.map

package/dist/siemens-ix/p-4d57ca67.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as r,g as s}from"./p-26e9d40e.js";import{c as o}from"./p-e898862b.js";const l=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .CardList_Title{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:0.5rem}:host .CardList__Title__Button{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}:host .CardList__Title__Button__Collapsed{transform:rotate(-90deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px}:host .CardList__Content{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}:host .CardList__Content__Collapsed{min-height:0px;max-height:0px;overflow:hidden;opacity:0}:host .CardList__Style__Flexbox__Scroll{flex-wrap:wrap}:host .CardList__Style__Infinite__Scroll{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar{display:none}:host .CardList__Overflow{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}:host .Show__All__Card{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}:host .CardList__Style__Infinite__Scroll .Show__All__Card{margin-top:2.375rem}:host .CardList__Style__Flexbox__Scroll .Show__All__Card{margin-bottom:2.375rem}:host .Show__All__Card:hover{background-color:var(--theme-color-ghost--hover)}:host .Show__All__Card:active{background-color:var(--theme-color-ghost--active)}:host .Show__All__Card__Content{display:flex;justify-content:center;align-items:center}:host .Show__All__Card__Icon{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}:host .Show__All__Card__Text{margin-bottom:0px;margin-top:auto}";const a=l;function n(t){if(t.label===""){return null}return i("div",{class:"CardList_Title"},i("ix-icon-button",{ghost:true,icon:"chevron-down",onClick:t.onClick,color:"color-primary",class:{CardList__Title__Button:true,CardList__Title__Button__Collapsed:t.isCollapsed}}),i("ix-typography",{variant:"large-single"},t.label),!t.hideShowAll&&i("ix-button",{class:"CardList__Title__Show__All",ghost:true,onClick:t.onShowAllClick},i("span",null,t.showAllLabel),i("span",null,!isNaN(t.showAllCounter)?` (${t.showAllCounter})`:null)))}const h=class{constructor(i){t(this,i);this.collapseChanged=e(this,"collapseChanged",7);this.showAllClick=e(this,"showAllClick",7);this.showMoreCardClick=e(this,"showMoreCardClick",7);this.label=undefined;this.collapse=false;this.listStyle="stack";this.maxVisibleCards=12;this.showAllCount=undefined;this.suppressOverflowHandling=false;this.hideShowAll=false;this.i18nShowAll="Show all";this.i18nMoreCards="There are more cards available";this.hasOverflowingElements=false;this.numberOfOverflowingElements=0;this.numberOfAllChildElements=0;this.leftScrollDistance=0;this.rightScrollDistance=0}onCardListVisibilityToggle(){this.collapse=!this.collapse;this.collapseChanged.emit(this.collapse)}onShowAllClick(t){this.showAllClick.emit({nativeEvent:t})}getListChildren(){const t=this.hostElement.shadowRoot.querySelector(".CardList__Content > slot");return t.assignedElements({flatten:true})}changeVisibilityOfSlotChildren(){const t=this.getListChildren();t.forEach(((t,e)=>{if(t instanceof HTMLElement){if(e>this.maxVisibleCards-1){t.classList.add("d-none");return}t.classList.remove("d-none")}}));this.hasOverflowingElements=t.length>this.maxVisibleCards;this.numberOfOverflowingElements=t.length-this.maxVisibleCards;this.numberOfAllChildElements=t.length;this.detectOverflow()}registerOverflowHandler(){this.observer=o((()=>{this.changeVisibilityOfSlotChildren()}));this.observer.observe(this.hostElement.shadowRoot.querySelector(".CardList__Content"),{childList:true,subtree:true});requestAnimationFrame((()=>{this.changeVisibilityOfSlotChildren()}))}shouldHandleOverflow(){if(this.suppressOverflowHandling){return false}if(this.listStyle==="stack"||this.listStyle==="scroll"){return true}}get listElement(){return this.hostElement.shadowRoot.querySelector(".CardList__Content")}onCardListScroll(){this.detectOverflow()}isShowMoreCardVisible(){return this.suppressOverflowHandling===false&&this.hasOverflowingElements}getOpacityFromScrollDistance(t){if(!this.listElement){return 0}if(t===0){return 0}if(t>100){return 1}return t/100}computeMaskLayer(){const t=80;const e=`linear-gradient(\n      90deg,\n      transparent 0px,\n      black ${t*(this.getOpacityFromScrollDistance(this.leftScrollDistance)>0?1:0)}px,\n      black calc(100% - ${t*(this.getOpacityFromScrollDistance(this.rightScrollDistance)>0?1:0)}px),\n      transparent 100%\n    )`;return{"--ix-card-list-overflow":e}}detectOverflow(){const{clientWidth:t,scrollWidth:e,scrollLeft:i}=this.listElement;this.leftScrollDistance=i;this.rightScrollDistance=e-i-t}componentDidLoad(){if(this.shouldHandleOverflow()){this.registerOverflowHandler()}}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){return i(r,{key:"c52ee605d2f81a82788543defb031d99a7629eca"},i(n,{key:"976f9943a705914b148bec2cfbf90d44a63905c3",isCollapsed:this.collapse,label:this.label,showAllLabel:this.i18nShowAll,showAllCounter:this.showAllCount===undefined?this.numberOfAllChildElements:this.showAllCount,onClick:()=>this.onCardListVisibilityToggle(),onShowAllClick:t=>this.onShowAllClick(t),hideShowAll:this.hideShowAll}),i("div",{key:"cbf01e7d4cc781ccf3458fcb4e0a3c70e4cea062",class:{CardList__Overflow:true},style:this.computeMaskLayer()},i("div",{key:"025b916a7b4b979303122302cf33a593ecfca968",class:{CardList__Content:true,CardList__Content__Collapsed:this.collapse,CardList__Style__Flexbox__Scroll:this.listStyle==="stack",CardList__Style__Infinite__Scroll:this.listStyle==="scroll"},onScroll:()=>this.onCardListScroll()},i("slot",{key:"bf626a7477a10cc184eeec082ed4f357be37d4b0",onSlotchange:()=>this.changeVisibilityOfSlotChildren()}),this.isShowMoreCardVisible()?i("ix-card",{class:{Show__All__Card:true},onClick:t=>this.showMoreCardClick.emit({nativeEvent:t})},i("ix-card-content",{class:"Show__All__Card__Content"},i("ix-icon",{name:"more-menu",size:"32",class:"Show__All__Card__Icon"}),i("span",{class:"Show__All__Card__Text"},this.i18nMoreCards," (",this.numberOfOverflowingElements,")"))):null)))}get hostElement(){return s(this)}};h.style=a;export{h as ix_card_list};
-//# sourceMappingURL=p-4d57ca67.entry.js.map

package/dist/siemens-ix/p-4fd11865.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as s}from"./p-26e9d40e.js";const o=":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}";const d=o;const a=class{constructor(t){e(this,t);this.striped=undefined}render(){return t(s,{key:"754310ec87f8ab82d3cddc18beea932d72136d73",class:{keyValueList:true,"keyValueList--striped":this.striped}},t("slot",{key:"2dc0039fc53a720330b1e9b175ff668b72dd80f6"}))}};a.style=d;export{a as ix_key_value_list};
-//# sourceMappingURL=p-4fd11865.entry.js.map

package/dist/siemens-ix/p-52bb526e.entry.js

@@ -1,2 +0,0 @@
-export{a as ix_menu_settings}from"./p-e07d2623.js";import"./p-26e9d40e.js";
-//# sourceMappingURL=p-52bb526e.entry.js.map

package/dist/siemens-ix/p-56bbdae4.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as t}from"./p-26e9d40e.js";const s=":host{display:flex;justify-content:flex-start;align-items:center;gap:0.5rem;overflow:hidden}:host .loading-text{display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";const o=s;const i=class{constructor(a){e(this,a)}render(){return a(t,{key:"f6d440918bef7125ac06449ab6d0cd4088f5fefb"},a("ix-spinner",{key:"3efc2e66c193f2af94f4f5d6dc3e91daa2049008",variant:"primary"}),a("span",{key:"4d81c46bedae034801a35637ca78bd8f2b618124",class:"loading-text"},a("slot",{key:"90bf6e1aeac791f70c203fb6bf32dcb7cb313719"})))}};i.style=o;export{i as ix_modal_loading};
-//# sourceMappingURL=p-56bbdae4.entry.js.map

package/dist/siemens-ix/p-5d582c48.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as r,H as o}from"./p-26e9d40e.js";const t=":host{display:block;position:relative;width:100%;border-bottom:0.0625rem solid var(--theme-color-x-weak-bdr);margin:0.25rem 0px}";const s=t;const i=class{constructor(r){e(this,r)}render(){return r(o,{key:"c4ded9a12469394b7f35bebee62799640ccb905f"})}};i.style=s;export{i as ix_divider};
-//# sourceMappingURL=p-5d582c48.entry.js.map

package/dist/siemens-ix/p-5f08da2c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,H as i,g as s}from"./p-26e9d40e.js";import{a as n}from"./p-71206084.js";const a=".text-xs{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{-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{color:var(--theme-color-primary)}:host{position:absolute;width:100%;height:100%;z-index:2;top:0;left:0;background-color:var(--theme-overlay--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .overlay-header{display:flex;position:relative;justify-content:flex-start;align-items:center;height:3.5rem;background-color:var(--theme-overlay-header--background)}:host .overlay-header-content{display:flex;align-items:center;min-width:0}:host .overlay-header-content ix-icon{margin-inline-start:1rem;color:var(--theme-overlay-header--color)}:host .overlay-header-content .overlay-header-title{-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);margin-inline-start:1rem}:host .color-indicator{display:inline-block;position:relative;width:0.5rem;height:100%;background-color:var(--theme-color-neutral)}:host .overlay-close{margin-inline-start:auto;margin-inline-end:1rem}:host .d-none{display:none}:host(.d-none){display:none}";const r=a;const l=class{constructor(o){e(this,o);this.closeClick=t(this,"closeClick",7);this.name=undefined;this.icon=undefined;this.color=undefined;this.iconColor=undefined}componentWillLoad(){n({targets:this.hostElement,duration:l.slowTime,backdropFilter:[0,"blur(1rem)"],translateX:["-4rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{this.hostElement.classList.remove("d-none")}})}closeOverlay(){n({targets:this.hostElement,duration:l.slowTime,backdropFilter:["blur(1rem)",0],translateX:[0,"-4rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{this.closeClick.emit();this.hostElement.classList.add("d-none")}})}render(){var e,t,s;return o(i,{key:"c992b5ea02d714ebf9ca9b567c5047d74dc588c7"},o("div",{key:"6b2312354d083296f7c2daca376d82bd33f50b29",class:"overlay-header"},o("div",{key:"be432f47e376532f48a5408f4f080c2a30af9f9c",class:{"color-indicator":true,"d-none":((e=this.iconColor)!==null&&e!==void 0?e:this.color)===undefined},style:{"background-color":((t=this.iconColor)!==null&&t!==void 0?t:this.color)?`var(--theme-${(s=this.iconColor)!==null&&s!==void 0?s:this.color})`:""}}),o("div",{key:"41fe4514c4076704cdad94ccef438401ff7f4e41",class:"overlay-header-content"},o("ix-icon",{key:"815d0df9d50aa9dd91ccd094a7801c215c0f3f7e",size:"32",name:this.icon}),o("span",{key:"670420d4703b65b39c9b0dc4d9031fadb73934da",class:"overlay-header-title",title:this.name},this.name)),o("ix-icon-button",{key:"3ef17d0836b665787e22f6e9da0e14ccecc15d52",class:"overlay-close",ghost:true,icon:"close",size:"24",onClick:()=>this.closeOverlay()})),o("slot",{key:"4328f4ab00517bc4de787fc45117c14afc309efb"}))}get hostElement(){return s(this)}};l.slowTime=500;l.style=r;export{l as ix_map_navigation_overlay};
-//# sourceMappingURL=p-5f08da2c.entry.js.map

package/dist/siemens-ix/p-601cfc6a.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as r,H as t,g as e}from"./p-26e9d40e.js";const n=":host{display:inline-block;position:relative;height:1.25rem;max-height:1.25rem;margin-left:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}.container{display:inline-flex;width:inherit;box-sizing:border-box;position:relative;align-items:center;border-radius:100px;padding:0.5rem;height:2rem;max-height:2rem;cursor:default}.container .with-icon{margin-right:0.25rem}.container .hidden{display:none;width:0px;margin-right:0px}.container .close-button-container{display:inline-flex;margin-left:auto;padding-left:0.5rem}.container .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container.icon{padding-left:0.75rem;padding-right:0.75rem}.container.closable{padding-right:0.25rem}.container.primary{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.container.primary .close-button{color:var(--theme-chip-primary--color);--ix-icon-button-color:var(--theme-chip-primary--color);pointer-events:auto}.container.primary.outline{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}.container.primary.outline .close-button{color:var(--theme-chip-primary-outline--color);--ix-icon-button-color:var(--theme-chip-primary-outline--color)}.container.outline{border-width:1px;border-style:solid}.container.alarm{color:var(--theme-color-alarm--contrast)}.container.alarm:not(.outline){background-color:var(--theme-color-alarm)}.container.alarm:not(.outline) .close-button{color:var(--theme-color-alarm--contrast);--ix-icon-button-color:var(--theme-color-alarm--contrast)}.container.alarm.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-alarm)}.container.critical{color:var(--theme-color-critical--contrast)}.container.critical:not(.outline){background-color:var(--theme-color-critical)}.container.critical:not(.outline) .close-button{color:var(--theme-color-critical--contrast);--ix-icon-button-color:var(--theme-color-critical--contrast)}.container.critical.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-critical)}.container.warning{color:var(--theme-color-warning--contrast)}.container.warning:not(.outline){background-color:var(--theme-color-warning)}.container.warning:not(.outline) .close-button{color:var(--theme-color-warning--contrast);--ix-icon-button-color:var(--theme-color-warning--contrast)}.container.warning.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-warning)}.container.info{color:var(--theme-color-info--contrast)}.container.info:not(.outline){background-color:var(--theme-color-info)}.container.info:not(.outline) .close-button{color:var(--theme-color-info--contrast);--ix-icon-button-color:var(--theme-color-info--contrast)}.container.info.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-info)}.container.neutral{color:var(--theme-color-neutral--contrast)}.container.neutral:not(.outline){background-color:var(--theme-color-neutral)}.container.neutral:not(.outline) .close-button{color:var(--theme-color-neutral--contrast);--ix-icon-button-color:var(--theme-color-neutral--contrast)}.container.neutral.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-neutral)}.container.success{color:var(--theme-color-success--contrast)}.container.success:not(.outline){background-color:var(--theme-color-success)}.container.success:not(.outline) .close-button{color:var(--theme-color-success--contrast);--ix-icon-button-color:var(--theme-color-success--contrast)}.container.success.outline{color:var(--theme-chip-outline--color);border-color:var(--theme-color-success)}:host .container{height:100%;justify-content:center;padding-right:0.5rem}:host(.align-left) .container{justify-content:flex-start}";const c=n;const i=class{constructor(r){o(this,r);this.variant="primary";this.outline=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.pillColor=undefined;this.alignLeft=false}render(){var o,e;let n={};if(this.variant==="custom"){n={color:(o=this.pillColor)!==null&&o!==void 0?o:this.color,[this.outline?"borderColor":"backgroundColor"]:this.background}}return r(t,{key:"d7aa88991ef6b8cf39358e65a3c3745d9b6cf112",style:this.variant==="custom"?{"--ix-icon-button-color":(e=this.pillColor)!==null&&e!==void 0?e:this.color}:{},title:this.el.textContent,class:{"align-left":this.alignLeft}},r("div",{key:"490ecb6d8560e39541d50b5d538608adef939dcf",style:Object.assign({},n),class:{container:true,outline:this.outline,inactive:false,alarm:this.variant==="alarm",critical:this.variant==="critical",info:this.variant==="info",neutral:this.variant==="neutral",primary:this.variant==="primary",success:this.variant==="success",warning:this.variant==="warning",custom:this.variant==="custom",closable:false,icon:!!this.icon}},r("ix-icon",{key:"d615b73a2bdd35fa67409e0783324abd2fc02f21",class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"16"}),r("span",{key:"8c4f149571ae115af0cc264634f03633988d7871",class:"slot-container"},r("slot",{key:"582ff33fd2b1cd6de42d4febbcd7f2ad31be0e02"}))))}get el(){return e(this)}};i.style=c;export{i as ix_pill};
-//# sourceMappingURL=p-601cfc6a.entry.js.map

package/dist/siemens-ix/p-601cfc6a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pillCss","IxPillStyle0","Pill","render","customStyle","this","variant","color","_a","pillColor","outline","background","h","Host","key","style","_b","title","el","textContent","class","alignLeft","Object","assign","container","inactive","alarm","critical","info","neutral","primary","success","warning","custom","closable","icon","hidden","undefined","name","size"],"sources":["src/components/pill/pill.scss?tag=ix-pill&encapsulation=shadow","src/components/pill/pill.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n  height: 1.25rem;\n  max-height: 1.25rem;\n  margin-left: 0.25rem;\n}\n\n@include chip-container(false);\n\n:host {\n  .container {\n    height: 100%;\n    justify-content: center;\n    padding-right: 0.5rem;\n  }\n}\n\n:host(.align-left) {\n  .container {\n    justify-content: flex-start;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  shadow: true,\n})\nexport class Pill {\n  @Element() el: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon: string | undefined;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   *\n   * @deprecated since 2.1.0 use `pill-color`\n   */\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  @Prop() color: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() pillColor: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  render() {\n    let customStyle = {};\n\n    if (this.variant === 'custom') {\n      customStyle = {\n        color: this.pillColor ?? this.color,\n        [this.outline ? 'borderColor' : 'backgroundColor']: this.background,\n      };\n    }\n    return (\n      <Host\n        style={\n          this.variant === 'custom'\n            ? {\n                '--ix-icon-button-color': this.pillColor ?? this.color,\n              }\n            : {}\n        }\n        title={this.el.textContent}\n        class={{\n          'align-left': this.alignLeft,\n        }}\n      >\n        <div\n          style={{ ...customStyle }}\n          class={{\n            container: true,\n            outline: this.outline,\n            inactive: false,\n            alarm: this.variant === 'alarm',\n            critical: this.variant === 'critical',\n            info: this.variant === 'info',\n            neutral: this.variant === 'neutral',\n            primary: this.variant === 'primary',\n            success: this.variant === 'success',\n            warning: this.variant === 'warning',\n            custom: this.variant === 'custom',\n            closable: false,\n            icon: !!this.icon,\n          }}\n        >\n          <ix-icon\n            class={{\n              'with-icon': true,\n              hidden: this.icon === undefined || this.icon === '',\n            }}\n            name={this.icon}\n            size={'16'}\n          />\n          <span class=\"slot-container\">\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,qwIAChB,MAAAC,EAAeD,E,MCeFE,EAAI,M,sCAcA,U,aAKG,M,2GA4BE,K,CAEpB,MAAAC,G,QACE,IAAIC,EAAc,GAElB,GAAIC,KAAKC,UAAY,SAAU,CAC7BF,EAAc,CACZG,OAAOC,EAAAH,KAAKI,aAAS,MAAAD,SAAA,EAAAA,EAAIH,KAAKE,MAC9B,CAACF,KAAKK,QAAU,cAAgB,mBAAoBL,KAAKM,W,CAG7D,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MACEV,KAAKC,UAAY,SACb,CACE,0BAA0BU,EAAAX,KAAKI,aAAS,MAAAO,SAAA,EAAAA,EAAIX,KAAKE,OAEnD,GAENU,MAAOZ,KAAKa,GAAGC,YACfC,MAAO,CACL,aAAcf,KAAKgB,YAGrBT,EAAA,OAAAE,IAAA,2CACEC,MAAKO,OAAAC,OAAA,GAAOnB,GACZgB,MAAO,CACLI,UAAW,KACXd,QAASL,KAAKK,QACde,SAAU,MACVC,MAAOrB,KAAKC,UAAY,QACxBqB,SAAUtB,KAAKC,UAAY,WAC3BsB,KAAMvB,KAAKC,UAAY,OACvBuB,QAASxB,KAAKC,UAAY,UAC1BwB,QAASzB,KAAKC,UAAY,UAC1ByB,QAAS1B,KAAKC,UAAY,UAC1B0B,QAAS3B,KAAKC,UAAY,UAC1B2B,OAAQ5B,KAAKC,UAAY,SACzB4B,SAAU,MACVC,OAAQ9B,KAAK8B,OAGfvB,EAAA,WAAAE,IAAA,2CACEM,MAAO,CACL,YAAa,KACbgB,OAAQ/B,KAAK8B,OAASE,WAAahC,KAAK8B,OAAS,IAEnDG,KAAMjC,KAAK8B,KACXI,KAAM,OAER3B,EAAA,QAAAE,IAAA,2CAAMM,MAAM,kBACVR,EAAA,QAAAE,IAAA,+C"}

package/dist/siemens-ix/p-678d821f.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as a,H as s}from"./p-26e9d40e.js";const n=":host{display:block}";const c=n;const i=class{constructor(a){e(this,a);this.labelChange=t(this,"labelChange",7);this.label=undefined}watchLabel(e,t){this.labelChange.emit({name:"ix-menu-settings-item",oldLabel:t,newLabel:e})}render(){return a(s,{key:"ece4d8e415ca694383a7a2e3bd55733e43521143"},a("slot",{key:"3da9723abce35580aa1d6382ff936887a538fe9e"}))}static get watchers(){return{label:["watchLabel"]}}};i.style=c;export{i as ix_menu_settings_item};
-//# sourceMappingURL=p-678d821f.entry.js.map

package/dist/siemens-ix/p-6ea6396e.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as o,F as r,H as i,g as s}from"./p-26e9d40e.js";import{a as h}from"./p-4f8ac3bf.js";const a=':host{display:inline-flex;position:relative;height:2rem;justify-content:flex-start;align-items:center;margin-right:0.25rem;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .switch{position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem;margin-right:0.25rem}:host .switch input{opacity:0;width:0;height:0}:host .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:4px;bottom:3px;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%}:host input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:host input:focus-visible+.switch>.slider{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host input:checked+.switch>.slider{background-color:var(--theme-switch-on--background)}:host input:checked+.switch>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.35rem)}:host input+.switch:hover>.slider{background-color:var(--theme-switch-off--background--hover)}:host input+.switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover)}:host input+.switch:active>.slider{background-color:var(--theme-switch-off--background--active)}:host input+.switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active)}:host input:checked+.switch:hover>.slider{background-color:var(--theme-switch-on--background--hover)}:host input:checked+.switch:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover)}:host input:checked+.switch:active>.slider{background-color:var(--theme-switch-on--background--active)}:host input:checked+.switch:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active)}:host input:indeterminate+.switch>.slider::before{transform:translateX(0.7rem)}:host .toggle-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.disabled){pointer-events:none}:host(.disabled) input+.switch{opacity:0.5}:host(.disabled) input+.switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) input+.switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) input:checked+.switch>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) input:checked+.switch>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .toggle-text{color:var(--theme-color-weak-text)}';const c=a;const d=class{constructor(o){e(this,o);this.checkedChange=t(this,"checkedChange",7);this.checked=false;this.disabled=false;this.indeterminate=false;this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false}onCheckedChange(e){if(this.indeterminate){this.indeterminate=false}this.checked=e;this.checkedChange.emit(this.checked)}render(){return o(i,{key:"ffc42b6828208dcf6483abfda90ae88dd43ee408",class:{disabled:this.disabled},onClick:()=>this.onCheckedChange(!this.checked)},o("input",{key:"35954eafdb6301bb6e7063a8978f2bfcc7076de0",disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,role:"switch",tabindex:0,type:"checkbox","aria-checked":h(this.checked),onChange:e=>this.onCheckedChange(e.target.checked)}),o("label",{key:"0aed058713bc742c3408accee2e3551313a1ad31",class:"switch",tabIndex:-1},o("span",{key:"62fbfca9e3adb625006e981f4ae655d2989d9aef",class:"slider"})),!this.hideText?o(r,null,!this.indeterminate?o("span",{class:"toggle-text","aria-hidden":h(true)},this.checked?this.textOn:this.textOff):o("span",{class:"toggle-text","aria-hidden":h(true)},this.textIndeterminate)):null)}get hostElement(){return s(this)}};d.style=c;export{d as ix_toggle};
-//# sourceMappingURL=p-6ea6396e.entry.js.map

package/dist/siemens-ix/p-6eb4eefc.entry.js

@@ -1,2 +0,0 @@
-import{r as t,f as e,h as s,H as i,g as o}from"./p-26e9d40e.js";import{a as n}from"./p-702f9349.js";import{m as l}from"./p-68a274e7.js";import"./p-c4749812.js";const a=":host{display:flex;position:absolute;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";const h=a;const r=class{constructor(e){t(this,e);this.panes=[];this.layout="full-vertical";this.variant="inline";this.borderless=false;this.isMobile=false;this.paneElements=0}get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length;this.observer=new MutationObserver((t=>{var e,s;if(((e=t[0].addedNodes.item(0))===null||e===void 0?void 0:e.nodeName)==="IX-PANE"){this.paneElements+=1}else if(((s=t[0].removedNodes.item(0))===null||s===void 0?void 0:s.nodeName)==="IX-PANE"){this.paneElements-=1}}));this.observer.observe(this.hostElement,{childList:true});this.isMobile=l("sm");n.onChange.on((()=>{this.isMobile=l("sm")}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}setPaneVariant(t){if(!t.ignoreLayoutSettings){t.variant=this.variant}}setPaneBorder(t){if(!t.ignoreLayoutSettings){if(this.borderless){t.borderless=true}else{const e=!!this.panes.find((t=>t.slot==="left"&&!t.hideOnCollapse));if(t.variant==="floating"&&this.layout==="full-vertical"&&e&&(t.composition==="top"||t.composition==="bottom")){t.borderless=true}else{t.borderless=false}}}}setPaneZIndex(t){const e=t.slot==="top";const s=t.slot==="bottom";const i=t.slot==="left";const o=t.slot==="right";let n=1;if(this.isMobile){if(s||e){n=3}}else{if(this.layout==="full-vertical"){if(i||o){n=3}}else{if(s||e){n=3}}}t.style.zIndex=n.toString()}setPanes(t){this.panes=[];t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:t.variant==="floating"})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{if(t.expanded&&t.variant==="floating"){t.expanded=false}}))}configurePanes(){let t=0;let s=0;let i=0;let o=0;this.currentPanes.forEach((e=>{const n=e.slot==="top";const l=e.slot==="bottom";const a=e.slot==="left";const h=e.slot==="right";if(a){if(i){e.slot=undefined;return}i++}else if(h){if(o){e.slot=undefined;return}o++}else if(n){if(t){e.slot=undefined;return}t++}else if(l){if(s){e.slot=undefined;return}s++}else{e.slot=undefined;return}this.setPaneVariant(e);this.setPaneBorder(e);this.setPaneZIndex(e)}));this.setPanes(this.currentPanes);e(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:s,hideOnCollapse:i}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.hideOnCollapse=i}}));e(this.hostElement)}onVariantChanged(t){const{slot:s,variant:i}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.floating=i==="floating"}}));e(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t);this.setPaneBorder(t)}));this.setPanes(this.currentPanes);e(this.hostElement)}onBorderChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t)}))}onLayoutChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t);this.setPaneZIndex(t)}))}onMobileChange(){this.currentPanes.forEach((t=>{this.setPaneZIndex(t)}))}hasPadding(t){const e=this.panes.find((e=>e.slot===t));return e?!e.hideOnCollapse&&e.floating:false}hasPaddingMobile(t){const e=this.panes.find((e=>e.slot===t));return e&&!e.hideOnCollapse}slotExists(t){const e=this.panes.find((e=>e.slot===t));return!!e}isFloating(t){const e=this.panes.find((e=>e.slot===t));return e?e.floating:false}render(){return s(i,{key:"4167dc285dcf1adaf15f0eb3b9f6692e27918b43"},!this.isMobile?this.layout=="full-vertical"?s("div",{class:"side-panes-wrapper"},s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"}))),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"})))):s("div",{class:"side-panes-wrapper"},s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"}))),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"})))):s("div",{class:"col"},s("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},s("slot",{name:"top"})),s("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"})),s("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},s("slot",{name:"right"})),s("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},s("slot",{name:"bottom"}))))}get hostElement(){return o(this)}static get watchers(){return{paneElements:["onPaneElementsChange"],variant:["onVariableChange"],borderless:["onBorderChange"],layout:["onLayoutChange"],isMobile:["onMobileChange"]}}};r.style=h;export{r as ix_pane_layout};
-//# sourceMappingURL=p-6eb4eefc.entry.js.map

package/dist/siemens-ix/p-702f9349.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["debounce","func","delay","timeoutId","debounced","args","clearTimeout","setTimeout","ApplicationLayoutService","constructor","_ApplicationLayoutService_supportedBreakpoints","set","this","_ApplicationLayoutService_breakpointChangeListener","TypedEvent","_ApplicationLayoutService_breakpoint","_ApplicationLayoutService_isDetectionEnabled","debouncedOnResize","onResize","bind","window","addEventListener","breakpoint","__classPrivateFieldGet","onChange","isDetectionEnabled","matchBreakpoints","breakpoints","forEach","match","matchBreakpoint","push","every","_","breakPointIndex","includes","length","emit","__classPrivateFieldSet","reverse","disableBreakpointDetection","enableBreakpointDetection","setBreakpoint","setBreakpoints","applicationLayoutService"],"sources":["src/components/utils/debounce.ts","src/components/utils/application-layout/service.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\ntype AnyFunction = (...args: any[]) => any;\n\nexport function debounce<T extends AnyFunction>(\n  func: T,\n  delay: number\n): (...args: Parameters<T>) => void {\n  let timeoutId: ReturnType<typeof setTimeout>;\n\n  return function debounced(...args: Parameters<T>): void {\n    clearTimeout(timeoutId);\n\n    timeoutId = setTimeout(() => {\n      func(...args);\n    }, delay);\n  };\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Breakpoint, matchBreakpoint } from '../breakpoints';\nimport { debounce } from '../debounce';\nimport { TypedEvent } from '../typed-event';\n\nclass ApplicationLayoutService {\n  // Keep order of breakpoints\n  #supportedBreakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n  #breakpointChangeListener = new TypedEvent<Breakpoint>();\n  #breakpoint: Breakpoint = 'lg';\n\n  #isDetectionEnabled = true;\n  debouncedOnResize = debounce(this.onResize.bind(this), 50);\n\n  constructor() {\n    if (typeof window !== 'undefined') {\n      window.addEventListener('resize', this.debouncedOnResize.bind(this));\n      this.debouncedOnResize();\n    }\n  }\n\n  get breakpoint() {\n    return this.#breakpoint;\n  }\n\n  get onChange() {\n    return this.#breakpointChangeListener;\n  }\n\n  get isDetectionEnabled() {\n    return this.#isDetectionEnabled;\n  }\n\n  private onResize() {\n    if (!this.#isDetectionEnabled) {\n      return;\n    }\n    if (!this.#supportedBreakpoints) {\n      return;\n    }\n    const matchBreakpoints: [Breakpoint, boolean][] = [];\n\n    const breakpoints = this.#supportedBreakpoints;\n\n    breakpoints.forEach((breakpoint) => {\n      const match = matchBreakpoint(breakpoint);\n      matchBreakpoints.push([breakpoint, match]);\n    });\n\n    if (matchBreakpoints.every(([_, match]) => match === false)) {\n      let breakPointIndex = 0;\n      if (!this.#supportedBreakpoints.includes('lg')) {\n        breakPointIndex = matchBreakpoints.length - 1;\n      }\n\n      const [breakpoint, _] = matchBreakpoints[breakPointIndex];\n      this.#breakpointChangeListener.emit(breakpoint);\n      this.#breakpoint = breakpoint;\n      return;\n    }\n\n    for (const [breakpoint, match] of matchBreakpoints.reverse()) {\n      if (match) {\n        this.#breakpointChangeListener.emit(breakpoint);\n        this.#breakpoint = breakpoint;\n        break;\n      }\n    }\n  }\n\n  public disableBreakpointDetection() {\n    this.#isDetectionEnabled = false;\n  }\n\n  public enableBreakpointDetection() {\n    this.#isDetectionEnabled = true;\n  }\n\n  public setBreakpoint(breakpoint: Breakpoint) {\n    this.#breakpoint = breakpoint;\n    this.#breakpointChangeListener.emit(breakpoint);\n  }\n\n  public setBreakpoints(breakpoints: Breakpoint[]) {\n    this.#supportedBreakpoints = breakpoints;\n    this.onResize();\n  }\n}\n\nexport const applicationLayoutService = new ApplicationLayoutService();\n"],"mappings":"iFAUgBA,EACdC,EACAC,GAEA,IAAIC,EAEJ,OAAO,SAASC,KAAaC,GAC3BC,aAAaH,GAEbA,EAAYI,YAAW,KACrBN,KAAQI,EAAK,GACZH,E,CAEP,C,swBCXA,MAAMM,EASJ,WAAAC,GAPAC,EAAAC,IAAAC,KAAsC,CAAC,KAAM,KAAM,OACnDC,EAAAF,IAAAC,KAA4B,IAAIE,GAChCC,EAAAJ,IAAAC,KAA0B,MAE1BI,EAAAL,IAAAC,KAAsB,MACtBA,KAAAK,kBAAoBjB,EAASY,KAAKM,SAASC,KAAKP,MAAO,IAGrD,UAAWQ,SAAW,YAAa,CACjCA,OAAOC,iBAAiB,SAAUT,KAAKK,kBAAkBE,KAAKP,OAC9DA,KAAKK,mB,EAIT,cAAIK,GACF,OAAOC,EAAAX,KAAIG,EAAA,I,CAGb,YAAIS,GACF,OAAOD,EAAAX,KAAIC,EAAA,I,CAGb,sBAAIY,GACF,OAAOF,EAAAX,KAAII,EAAA,I,CAGL,QAAAE,GACN,IAAKK,EAAAX,KAAII,EAAA,KAAsB,CAC7B,M,CAEF,IAAKO,EAAAX,KAAIF,EAAA,KAAwB,CAC/B,M,CAEF,MAAMgB,EAA4C,GAElD,MAAMC,EAAcJ,EAAAX,KAAIF,EAAA,KAExBiB,EAAYC,SAASN,IACnB,MAAMO,EAAQC,EAAgBR,GAC9BI,EAAiBK,KAAK,CAACT,EAAYO,GAAO,IAG5C,GAAIH,EAAiBM,OAAM,EAAEC,EAAGJ,KAAWA,IAAU,QAAQ,CAC3D,IAAIK,EAAkB,EACtB,IAAKX,EAAAX,KAAIF,EAAA,KAAuByB,SAAS,MAAO,CAC9CD,EAAkBR,EAAiBU,OAAS,C,CAG9C,MAAOd,EAAYW,GAAKP,EAAiBQ,GACzCX,EAAAX,KAAIC,EAAA,KAA2BwB,KAAKf,GACpCgB,EAAA1B,KAAIG,EAAeO,EAAU,KAC7B,M,CAGF,IAAK,MAAOA,EAAYO,KAAUH,EAAiBa,UAAW,CAC5D,GAAIV,EAAO,CACTN,EAAAX,KAAIC,EAAA,KAA2BwB,KAAKf,GACpCgB,EAAA1B,KAAIG,EAAeO,EAAU,KAC7B,K,GAKC,0BAAAkB,GACLF,EAAA1B,KAAII,EAAuB,MAAK,I,CAG3B,yBAAAyB,GACLH,EAAA1B,KAAII,EAAuB,KAAI,I,CAG1B,aAAA0B,CAAcpB,GACnBgB,EAAA1B,KAAIG,EAAeO,EAAU,KAC7BC,EAAAX,KAAIC,EAAA,KAA2BwB,KAAKf,E,CAG/B,cAAAqB,CAAehB,GACpBW,EAAA1B,KAAIF,EAAyBiB,EAAW,KACxCf,KAAKM,U,gEAII0B,EAA2B,IAAIpC,S"}

package/dist/siemens-ix/p-75548c73.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,H as r}from"./p-26e9d40e.js";const o=":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .label__subHeader{color:var(--theme-color-soft-text)}:host(.emptyState.emptyState--large){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--large) .emptyState__icon{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center}:host(.emptyState.emptyState--large) .emptyState__icon ix-icon{transform:scale(1.75)}:host(.emptyState.emptyState--large) .emptyState__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}:host(.emptyState.emptyState--large) .emptyState__content .content__label{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0.5rem}:host(.emptyState.emptyState--large) .label__subHeader,:host(.emptyState.emptyState--large) ix-typography{text-align:center}:host(.emptyState.emptyState--compact){display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compact) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compact) .emptyState__content{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}:host(.emptyState.emptyState--compactBreak){display:flex;flex-direction:row;align-items:flex-start;gap:1rem}:host(.emptyState.emptyState--compactBreak) .emptyState__icon{display:flex;flex-direction:row;align-items:center;height:2.5rem}:host(.emptyState.emptyState--compactBreak) .emptyState__content{display:flex;flex-direction:column;align-items:flex-start;gap:0.5rem}";const i=o;const s=class{constructor(a){t(this,a);this.actionClick=e(this,"actionClick",7);this.layout="large";this.icon=undefined;this.header=undefined;this.subHeader=undefined;this.action=undefined}render(){return a(r,{key:"d4948b49bb9fab021917a1e59191f8d12d26d336",class:`emptyState emptyState--${this.layout}`},this.icon&&a("div",{class:"emptyState__icon"},a("ix-icon",{name:this.icon,size:this.layout==="large"?"32":"32",color:"color-soft-text"})),a("div",{key:"f7e619a388d459d74efe6927ee2efd044346b1da",class:"emptyState__content"},a("div",{key:"676824c13fcdff2a071b9dacf98e2536a373ae5c",class:"content__label"},a("ix-typography",{key:"53a08238276da07a1bf4c10ad8cd76952124af7c",variant:this.layout==="large"?"display-large":"default"},this.header),this.subHeader&&a("div",{class:"label__subHeader"},this.subHeader)),this.action&&a("div",{class:"content__action"},a("ix-button",{onClick:()=>this.actionClick.emit()},this.action))))}};s.style=i;export{s as ix_empty_state};
-//# sourceMappingURL=p-75548c73.entry.js.map

package/dist/siemens-ix/p-784fe260.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as o,h as e,H as s,g as a}from"./p-26e9d40e.js";const i=":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);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}: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}:host .toast-body .toast-icon{display:flex;align-items:flex-start;margin-right:1rem}:host .toast-body .toast-content{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%}:host .toast-body .toast-content .toast-title{-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);margin:0.25rem 0px}:host .toast-body .toast-content .toast-message{min-width:0;-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)}:host .toast-body .toast-icon+.toast-content{max-width:10.25rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px}:host .toast-progress-bar{position:absolute;bottom:0;height:0.25rem;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)}}";const r=i;const n=class{constructor(e){t(this,e);this.closeToast=o(this,"closeToast",7);this.type="info";this.toastTitle=undefined;this.autoCloseDelay=5e3;this.autoClose=true;this.icon=undefined;this.iconColor=undefined;this.progress=0;this.touched=false}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:"info",size:"24",color:"color-std-text"});case"error":return e("ix-icon",{"data-testid":"toast-icon",name:"error",size:"24",color:"color-alarm"});case"success":return e("ix-icon",{"data-testid":"toast-icon",name:"success",size:"24",color:"color-success"});case"warning":return e("ix-icon",{"data-testid":"toast-icon",name:"warning",size:"24",color:"color-warning"});default:return""}}close(){if(this.hostElement){this.hostElement.classList.add("animate__fadeOut")}setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t={};const o=["toast-progress-bar"];t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched?"paused":"running"};o.push("toast-progress-bar--animated");return e(s,{key:"8af2933e92ceaae263f3cc38ad519c6fc8865b3e",class:"animate__animated animate__fadeIn"},e("div",{key:"7a09d06a2d6643be19660ad2dc8b226208a7b478",class:"toast-body",onPointerLeave:()=>{this.touched=false},onPointerEnter:()=>{this.touched=true}},this.type||this.icon?e("div",{class:"toast-icon"},this.getIcon()):null,e("div",{key:"b19932c2f9e60287f53302f8d273df2f0a087375",class:"toast-content"},this.toastTitle?e("div",{class:"toast-title"},this.toastTitle):null,e("div",{key:"b10ee8ffae9b69060c74b405c41a5533ceff5806",class:"toast-message"},e("slot",{key:"8e7931e442b82ef3760f4b13c08f2fb29cb3dbe5"}))),e("div",{key:"bd7de69a43138138f60e9938a07e0f3d58262cf7",class:"toast-close"},e("ix-icon-button",{key:"93137526cf1606c0f72b55f722495c4bb659c1c3",icon:"close",size:"24",ghost:true,onClick:()=>this.closeToast.emit()}))),this.autoClose?e("div",{class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{if(this.progress===0){this.close()}}}):null)}get hostElement(){return a(this)}};n.style=r;export{n as ix_toast};
-//# sourceMappingURL=p-784fe260.entry.js.map

package/dist/siemens-ix/p-8362e966.js

@@ -1,2 +0,0 @@
-import{h as n}from"./p-26e9d40e.js";const e=n=>n.toUpperCase()==="Danger".toUpperCase();const t=n=>n.toUpperCase()==="Primary".toUpperCase();const i=n=>n.toUpperCase()==="Secondary".toUpperCase();const l=(n,l,r,s=false,a=false,o,c)=>({btn:true,"btn-danger":e(n)&&!l&&!r,"btn-outline-danger":e(n)&&l&&!r,"btn-invisible-danger":e(n)&&!l&&r,"btn-primary":t(n)&&!l&&!r,"btn-outline-primary":t(n)&&l&&!r,"btn-invisible-primary":t(n)&&!l&&r,"btn-secondary":i(n)&&!l&&!r,"btn-outline-secondary":i(n)&&l&&!r,"btn-invisible-secondary":i(n)&&!l&&r,"btn-icon":s,"btn-oval":a,selected:o,disabled:c});const r=n=>{if(!n.icon){return"small"}switch(n.iconSize){case"12":return"xx-small";case"16":return"x-small";default:return"small"}};function s(e,t){var i,s,a;const o=(i=e.extraClasses)!==null&&i!==void 0?i:{};const c=(s=e.ariaAttributes)!==null&&s!==void 0?s:{};if(!c["aria-disabled"]&&e.disabled){c["aria-disabled"]="true"}return n("button",Object.assign({},c,{onClick:n=>e.onClick?e.onClick(n):undefined,tabindex:e.disabled?-1:(a=e.tabIndex)!==null&&a!==void 0?a:0,type:e.type,class:Object.assign(Object.assign({},l(e.variant,e.outline,e.ghost,e.iconOnly,e.iconOval,e.selected,e.disabled||e.loading)),o)}),e.loading?n("ix-spinner",{size:r(e),hideTrack:true}):null,e.icon&&!e.loading?n("ix-icon",{class:"icon",name:e.icon,size:e.iconSize,color:e.iconColor}):null,n("div",{class:{content:true,[`content-${e.alignment}`]:!!e.alignment}},t),e.afterContent?e.afterContent:null)}export{s as B,l as g};
-//# sourceMappingURL=p-8362e966.js.map

package/dist/siemens-ix/p-84b3b311.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as r}from"./p-26e9d40e.js";import{T as s}from"./p-c4749812.js";const e=":host{}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{right:1rem;bottom:2rem}";const a=e;const n=class{constructor(o){t(this,o);this.PREFIX_POSITION_CLASS="toast-container--";this.containerId="toast-container";this.containerClass="toast-container";this.position="bottom-right"}get hostContainer(){return new Promise((t=>{const o=setInterval((()=>{const r=document.getElementById(this.containerId);if(r){clearInterval(o);t(r)}}))}))}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId;t.classList.add(this.containerClass);t.classList.add(`${this.PREFIX_POSITION_CLASS}${this.position}`);document.body.appendChild(t)}}onPositionChange(t,o){const r=document.getElementById(this.containerId);r.classList.remove(`${this.PREFIX_POSITION_CLASS}${o}`);r.classList.add(`${this.PREFIX_POSITION_CLASS}${t}`)}async showToast(t){var o,r;const e=document.createElement("ix-toast");const a=new s;function n(t){e.remove();a.emit(t)}e.toastTitle=t.title;e.type=t.type;e.autoClose=(o=t.autoClose)!==null&&o!==void 0?o:true;e.autoCloseDelay=(r=t.autoCloseDelay)!==null&&r!==void 0?r:5e3;e.icon=t.icon;e.iconColor=t.iconColor;e.addEventListener("closeToast",(t=>{const{detail:o}=t;n(o)}));if(typeof t.message==="string"){e.innerText=t.message}else{e.appendChild(t.message)}(await this.hostContainer).appendChild(e);return{onClose:a,close:t=>{n(t)}}}render(){return o(r,{key:"22ee0d6985d0b35a3d623dfc318c22cb0a2720ae",class:{"toast-container--bottom-right":this.position==="bottom-right","toast-container--top-right":this.position==="top-right"}},o("slot",{key:"9cfd7c6607fde4dd11f6b4c026f017b31acba8d9"}))}static get watchers(){return{position:["onPositionChange"]}}};n.style=a;export{n as ix_toast_container};
-//# sourceMappingURL=p-84b3b311.entry.js.map

package/dist/siemens-ix/p-890d74cd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i,H as c}from"./p-26e9d40e.js";const t=":host{display:block;position:relative}:host .icon{transform:scale(1.25)}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";const d=t;const a=class{constructor(i){e(this,i);this.icon=undefined;this.notification=undefined;this.heading=undefined;this.subheading=undefined;this.variant="insight";this.collapse=true}render(){var e;const t=this.variant==="insight"||this.variant==="notification"?"std":undefined;return i(c,{key:"e24565973d07f9e229c36913ca3ac89a50fa203a"},i("ix-card",{key:"44282cb66fe975ec987c732564b1a1b2f157fb5b",variant:this.variant},i("ix-card-content",{key:"a81102518c997300dd706eaaf9be2c409dc2cb57"},i("ix-card-title",{key:"cfe94c332de47b3457f713e601d5528da88eb9d6"},this.icon?i("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,i("span",{key:"70ae6659d04f30ba68a58f8cdf0fde3f33c3de01",class:"notification"},(e=this.notification)!==null&&e!==void 0?e:0),i("slot",{key:"b16c8760f377f9f5118cf2d6b09f0ed831c4d7bd",name:"title-action"})),i("ix-typography",{key:"861cc81ab636b168fbd6f931095d5128a2a4732b",color:t,format:"h4"},this.heading),i("ix-typography",{key:"310464f9afd7994ccc5c51a8154387e59205b2bb",color:t},this.subheading)),i("ix-card-accordion",{key:"e070cee2f6ded1b56b92d3fc1ed5028cfe2d0d5d",collapse:this.collapse},i("slot",{key:"d8b198392bd09b45d2f0c6f6579e333c5f4d96e0"}))))}};a.style=d;export{a as ix_push_card};
-//# sourceMappingURL=p-890d74cd.entry.js.map

package/dist/siemens-ix/p-8d156396.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as r,H as a,g as o}from"./p-26e9d40e.js";import{b as i}from"./p-4f8ac3bf.js";import{O as s}from"./p-ced10144.js";const n=':host{display:flex;flex-direction:column;min-height:2rem;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-color-8);--trace-color:var(--theme-color-dynamic);--tick-color:var(--theme-color-8);--tick-color--active:var(--theme-color-dynamic);--track-color:var(--theme-color-component-4);}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc(7px + 100% * var(--trace-end) - 16px * var(--trace-end) - (7px + 100% * var(--trace-start) - 16px * var(--trace-start)));left:calc(7px + 100% * var(--trace-start) - 16px * var(--trace-start));height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%)}:host input[type=range].trace::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(7px + 100% * var(--trace-reference) - 16px * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:100px;background-color:var(--theme-color-dynamic);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:hover::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:active::-moz-range-thumb{transform:scale(1.2);background-color:var(--theme-color-dynamic)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host .ticks{display:flex;position:relative;top:50%;transform:translateY(-50%)}:host .ticks .tick{display:block;position:absolute;width:8px;height:8px;background-color:var(--tick-color);border-radius:100px;top:50%;transform:translateY(-50%);left:calc(var(--tick-value) * 100% - 4px)}:host .ticks .tick.tick-active{background-color:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:calc(100% - 1rem);margin-left:0.5rem;top:50%;transform:translateY(-50%);left:0px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;left:0px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host .label-start{margin-left:0.5rem}:host .label-end{margin-right:0.5rem}:host .label-error{margin-left:0.5rem}:host(.error){--trace-color:var(--theme-color-alarm-40);--tick-color--active:var(--theme-color-alarm)}:host(.error) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-alarm)}:host(.error) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-alarm)}:host(.disabled){pointer-events:none;--track-color:var(--theme-color-component-3);--trace-color:var(--theme-color-3);--tick-color:var(--theme-color-7);--tick-color--active:var(--theme-color-7)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-7)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-7)}';const c=n;var l=undefined&&undefined.__decorate||function(t,e,r,a){var o=arguments.length,i=o<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,r):a,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,r,a);else for(var n=t.length-1;n>=0;n--)if(s=t[n])i=(o<3?s(i):o>3?s(e,r,i):s(e,r))||i;return o>3&&i&&Object.defineProperty(e,r,i),i};function h(t,e,r){if(e<t){return t}else if(e>r){return r}else{return e}}const d=class{constructor(r){t(this,r);this.valueChange=e(this,"valueChange",7);this.step=undefined;this.min=0;this.max=100;this.value=0;this.marker=undefined;this.trace=false;this.traceReference=0;this.disabled=false;this.error=undefined;this.rangeInput=0;this.rangeMin=0;this.rangeMax=100;this.rangeTraceReference=0;this.showTooltip=false}get tooltip(){return this.hostElement.shadowRoot.querySelector("ix-tooltip")}get pseudoThumb(){return this.hostElement.shadowRoot.querySelector(".thumb")}get slider(){return this.hostElement.shadowRoot.getElementById("slider")}onShowTooltipChange(){if(this.showTooltip){this.tooltip.showTooltip(this.pseudoThumb);return}this.tooltip.hideTooltip()}componentWillLoad(){this.a11yAttributes=i(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]);this.updateRangeVariables()}updateRangeVariables(){this.rangeInput=h(this.min,this.value,this.max);this.rangeTraceReference=h(this.min,this.traceReference,this.max);this.rangeMin=Math.min(this.min,this.max);this.rangeMax=Math.max(this.min,this.max)}onInput(t){t.stopPropagation();const e=parseInt(this.slider.value);if(!isNaN(e)){this.rangeInput=e;this.emitInputEvent()}}emitInputEvent(){this.valueChange.emit(this.rangeInput)}isMarkerActive(t){const e=Math.min(this.traceReference,this.rangeInput);const r=Math.max(this.traceReference,this.rangeInput);const a=t;return a>=e&&a<=r}onPointerUp(){this.showTooltip=false}render(){const t=this.rangeMax-this.rangeMin;let e=(this.rangeTraceReference-this.rangeMin)/t;let o=(this.rangeInput-this.rangeMin)/t;const i=o-e;let s=e;let n=o;if(i<=0){s=o;n=e}return r(a,{key:"fc1ccd48aeefe6a53f7299db447b5c5e6fb6b13d",class:{disabled:this.disabled,error:!!this.error},onPointerDown:()=>setTimeout((()=>this.showTooltip=true))},r("div",{key:"4e3d3b0d5e1b2a2882ce0073336e4cd13ac1a4b8",class:"slider"},r("div",{key:"f8457c6d8efad8d172abe49f9037cb71f9ba226f",class:"track"},r("div",{key:"cf141d91936a74657f8788f5f7c688e37ebf7a16",class:"thumb",style:{left:`calc(${o} * 100% - 8px)`}}),r("div",{key:"b54ae34bda82b7f0277ae361c5139845830dc85d",class:"ticks"},this.marker?this.marker.map((e=>{if(e>this.max||e<this.min){return}let a=(e-this.rangeMin)/t;return r("div",{class:{tick:true,"tick-active":this.isMarkerActive(e)&&this.trace},style:{"--tick-value":`${a}`}})})):null)),r("input",Object.assign({key:"219884ecfc35a76f0722782af2607c64b19a57aa",id:"slider",type:"range",list:this.marker?"markers":undefined,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:t=>this.onInput(t),style:{"--value":`${o}`,"--trace-reference":`${e}`,"--trace-start":`${s}`,"--trace-end":`${n}`},class:{trace:this.trace&&e!==o},onFocus:()=>{this.showTooltip=true},onBlur:()=>{this.showTooltip=false},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max},this.a11yAttributes)),r("ix-tooltip",{key:"387dc09d28b3c45f08470ba651c659e8c528a44d",class:{"hide-tooltip":!this.showTooltip},animationFrame:true},this.rangeInput)),r("div",{key:"f8fdb048411a622870b4b0698c7124f7e175dedf",class:"label"},r("div",{key:"2bbb6c7418953b907b1ef604a8d775c1e69d6626",class:"label-start"},r("slot",{key:"ce4a5aedbfafe7b5b71d47421bae0ab385548920",name:"label-start"})),r("div",{key:"98b40f2b68164592307f7f9817c913dffcb08139",class:"label-end"},r("slot",{key:"bcd3497745bf949da88cd373ecf8cd3f74488ffe",name:"label-end"}))),this.error?r("ix-typography",{class:"label-error",color:"alarm"},this.error):null)}get hostElement(){return o(this)}static get watchers(){return{showTooltip:["onShowTooltipChange"],value:["updateRangeVariables"],max:["updateRangeVariables"],min:["updateRangeVariables"],traceReference:["updateRangeVariables"]}}};l([s("pointerup",(t=>t.showTooltip))],d.prototype,"onPointerUp",null);d.style=c;export{d as ix_slider};
-//# sourceMappingURL=p-8d156396.entry.js.map

package/dist/siemens-ix/p-902d1046.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as r,g as e}from"./p-26e9d40e.js";const i=":host{display:inline-block;position:relative;height:2rem;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .hide{display:none}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}:host .triangle.primary.ghost{color:var(--theme-btn-invisible-primary--color)}:host .triangle.primary.outline{color:var(--theme-btn-outline-primary--color)}:host .triangle.primary.ghost.disabled{color:var(--theme-btn-invisible-primary--color--disabled)}:host .triangle.primary.outline.disabled{color:var(--theme-btn-outline-primary--color--disabled)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.ghost{color:var(--theme-btn-invisible-secondary--color)}:host .triangle.secondary.outline{color:var(--theme-btn-outline-secondary--color)}:host .triangle.secondary.ghost.disabled{color:var(--theme-btn-invisible-secondary--color--disabled)}:host .triangle.secondary.outline.disabled{color:var(--theme-btn-outline-secondary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .content{display:flex;align-items:center}:host(.disabled){pointer-events:none}";const s=i;const a=class{constructor(o){t(this,o);this.variant="primary";this.outline=false;this.ghost=false;this.disabled=false;this.label=undefined;this.icon=undefined;this.closeBehavior="both";this.placement=undefined;this.dropdownAnchor=undefined}getTriangle(){return o("div",{class:{triangle:true,hide:this.label!=="",primary:this.variant==="primary",secondary:this.variant==="secondary",ghost:this.ghost,outline:this.outline,disabled:this.disabled}})}render(){return o(r,{key:"a5b2f4263b3f7431414302dc9a2e387f902c0558",class:{disabled:this.disabled},ref:t=>{this.dropdownAnchor=t}},o("div",{key:"ee2c7e56e653437c11ddb0100be4fbbd87a768e3",class:"dropdown-button"},this.label?o("ix-button",{variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled,alignment:"start"},o("div",{class:"content"},this.icon?o("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,o("div",{class:"button-label"},this.label),o("ix-icon",{name:"chevron-down-small",size:"24"}))):o("div",null,o("ix-icon-button",{icon:this.icon,variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled}),this.getTriangle())),o("ix-dropdown",{key:"49de3d2d4cc2c4cea66247daa99c6d6c81f34962",class:"dropdown",trigger:this.dropdownAnchor,placement:this.placement,closeBehavior:this.closeBehavior},o("slot",{key:"6d5420cff93937a002dd17cbe31cf68d39002a3e"})))}get hostElement(){return e(this)}};a.style=s;export{a as ix_dropdown_button};
-//# sourceMappingURL=p-902d1046.entry.js.map

package/dist/siemens-ix/p-90c55341.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,H as r,g as s}from"./p-26e9d40e.js";const i=":host{display:inline-flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .slot-container :host-context(.disabled){background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}:host ix-icon-button{height:1.5rem;margin-left:0.25rem}:host ix-icon-button:not(.disabled):not(:disabled):focus-visible{outline:none}:host(.disabled){border:var(--theme-focus--border-thickness) solid var(--theme-color-component-4);color:var(--theme-color-weak-text);padding-right:0.5rem;cursor:default}:host(.readonly){padding-right:0.5rem}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)){background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}:host(:focus-visible:not(.disabled):not(:disabled)){outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}";const l=i;const a=class{constructor(t){e(this,t);this.closeClick=o(this,"closeClick",7);this.disabled=false;this.readonly=false}onCloseClick(e){e.preventDefault();e.stopPropagation();this.closeClick.emit()}render(){return t(r,{key:"ab9555b6ab060074b79e61b6262821ce545e9e62",class:{disabled:this.disabled,readonly:this.readonly},title:this.el.textContent},t("div",{key:"889e241f3ea192f23452f499934c4d0e7aee2cde",class:"slot-container"},t("slot",{key:"d48aea2e83bf484d77d13240dec464bac3a483fa"})),!this.disabled&&!this.readonly?t("ix-icon-button",{ghost:true,oval:true,icon:"close-small",size:"16",tabindex:this.disabled?-1:0,variant:"primary",disabled:this.disabled,onClick:e=>this.onCloseClick(e)}):null)}get el(){return s(this)}};a.style=l;class c extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:true,detail:e})}}const n=":host{display:block;position:relative}:host>ix-dropdown-item{width:100%}:host ix-dropdown-item{color:var(--theme-color-std-text)}:host .select-item-checked{background-color:var(--theme-select-list-item--background--selected);--ix-dropdown-item-checked-color:var(--theme-color-std-text)}:host(.d-none){display:none}";const d=n;const h=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.label=undefined;this.value=undefined;this.selected=false;this.hover=false}async getDropdownItemElement(){return this.dropdownItem}async onItemClick(e){e===null||e===void 0?void 0:e.preventDefault();e===null||e===void 0?void 0:e.stopPropagation();this.itemClick.emit(this.value)}get dropdownItem(){return this.hostElement.querySelector("ix-dropdown-item")}componentDidRender(){if(this.value===undefined||this.value===null){throw Error("ix-select-item must have a `value` property")}}labelChange(e,o){this.hostElement.dispatchEvent(new c({newValue:e,oldValue:o}))}render(){return t(r,{key:"89b4b9f70f1157e728d82d981566d3528c96c2da"},t("ix-dropdown-item",{key:"3d480e6d1d0a0969f50bf6925101819c8cae9a67",class:{"select-item-checked":this.selected},checked:this.selected,label:this.label?this.label:this.value,onItemClick:e=>this.onItemClick(e)}))}get hostElement(){return s(this)}static get watchers(){return{label:["labelChange"]}}};h.style=d;export{a as ix_filter_chip,h as ix_select_item};
-//# sourceMappingURL=p-90c55341.entry.js.map

package/dist/siemens-ix/p-96d2d21f.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as s,g as i}from"./p-26e9d40e.js";import{c as r}from"./p-e898862b.js";import{a as o}from"./p-360b158e.js";import{a}from"./p-71206084.js";const h=":host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ul{list-style:none;padding:0;margin-top:0;margin-bottom:0}:host(.item-size-l){--event-list-item-height:6.5rem;--event-list-item-content-white-space:normal}:host(.compact){--event-list-item-border-radius:0;--event-list-item-margin-bottom:0}";const n=h;const c=class{constructor(e){t(this,e);this.mutationObserver=r(this.onMutation.bind(this));this.itemHeight="S";this.compact=false;this.animated=true;this.chevron=undefined}watchChevron(t){this.handleChevron(t)}componentDidLoad(){if(this.animated){this.triggerFadeIn()}if(!Number.isNaN(Number(this.itemHeight))){const t=o(this.itemHeight);this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{this.setCustomHeight(e,t)}))}this.handleChevron(this.chevron);this.mutationObserver.observe(this.hostElement,{childList:true,subtree:true})}onMutation(t){this.triggerFadeOut().then((()=>{if(typeof this.itemHeight==="number"){const e=o(this.itemHeight);t.filter((t=>t.type==="childList")).forEach((t=>t.addedNodes.forEach((t=>{const s=t;this.setCustomHeight(s,e)}))))}this.handleChevron(this.chevron);this.triggerFadeIn()}))}setCustomHeight(t,e){t.style.setProperty("--event-list-item-height",e)}triggerFadeOut(){return new Promise((t=>{if(!this.animated){t()}const e=[{opacity:1,easing:"easeInSine"},{opacity:0}];const s=this.hostElement.shadowRoot.querySelector("ul");a({targets:s,opacity:e,duration:c.fadeOutDuration,complete:()=>{t()}})}))}triggerFadeIn(){if(!this.animated){return}const t=this.hostElement.querySelectorAll("ix-event-list-item");t.forEach(((t,e)=>{const s=e*80;const i=s/(s+c.fadeInDuration);a({targets:t,offset:i,duration:c.fadeInDuration+s,opacity:[0,1],easing:"easeInOutSine",delay:s,autoplay:true})}))}handleChevron(t){const e=this.hostElement.querySelectorAll("ix-event-list-item");e.forEach((e=>{if(t){e.setAttribute("chevron","true")}else if(t!==undefined){e.removeAttribute("chevron")}}))}render(){return e(s,{key:"d24b72d6682a8bbd5c115814d9e6894f97f5517b",class:{"item-size-s":this.itemHeight==="S","item-size-l":this.itemHeight==="L",compact:this.compact}},e("ul",{key:"1a1e8b938a2182c6578b7a60fab2cd2f63d54180"},e("slot",{key:"c9a9f3c9e06c039c9afa1e954d1bf77c1cda5122"})))}get hostElement(){return i(this)}static get watchers(){return{chevron:["watchChevron"]}}};c.fadeOutDuration=50;c.fadeInDuration=150;c.style=n;export{c as ix_event_list};
-//# sourceMappingURL=p-96d2d21f.entry.js.map