npm - @siemens/ix - Versions diffs - 2.5.0 → 2.6.0 - Mend

@siemens/ix 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1456) hide show

package/dist/siemens-ix/p-c1fe9f3d.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,h as o,H as a,g as c}from"./p-f87cd962.js";const e=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;width:20rem;border:1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-default-border-radius)}:host ,:host ::after,:host ::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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 .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-default-border-radius);border-top-right-radius:var(--theme-default-border-radius)}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-insight),:host(.card-outline){--ix-card-background:transparent;--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-notification),:host(.card-filled){--ix-card-background:var(--theme-color-component-1)}:host(.card-alarm){--ix-card-background:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}:host(.card-critical){--ix-card-background:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}:host(.card-warning){--ix-card-background:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}:host(.card-success){--ix-card-background:var(--theme-color-success);color:var(--theme-color-success--contrast)}:host(.card-info){--ix-card-background:var(--theme-color-info);color:var(--theme-color-info--contrast)}:host(.card-neutral){--ix-card-background:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}:host(.card-primary){--ix-card-background:var(--theme-color-primary);color:var(--theme-color-neutral--contrast)}:host(:not(.card-insight)){--ix-card-border-color:transparent}:host(.card-insight:hover){--ix-card-background:var(--theme-color-ghost--hover)}:host(.card-notification:hover){--ix-card-background:var(--theme-color-component-1--hover)}:host(.card-alarm:hover){--ix-card-background:var(--theme-color-alarm--hover)}:host(.card-critical:hover){--ix-card-background:var(--theme-color-critical--hover)}:host(.card-warning:hover){--ix-card-background:var(--theme-color-warning--hover)}:host(.card-success:hover){--ix-card-background:var(--theme-color-success--hover)}:host(.card-info:hover){--ix-card-background:var(--theme-color-info--hover)}:host(.card-neutral:hover){--ix-card-background:var(--theme-color-neutral--hover)}:host(.card-primary:hover){--ix-card-background:var(--theme-color-primary--hover)}:host(.card-insight:active){--ix-card-background:var(--theme-color-ghost--active)}:host(.card-notification:active){--ix-card-background:var(--theme-color-component-1--active)}:host(.card-alarm:active){--ix-card-background:var(--theme-color-alarm--active)}:host(.card-critical:active){--ix-card-background:var(--theme-color-critical--active)}:host(.card-warning:active){--ix-card-background:var(--theme-color-warning--active)}:host(.card-success:active){--ix-card-background:var(--theme-color-success--active)}:host(.card-info:active){--ix-card-background:var(--theme-color-info--active)}:host(.card-neutral:active){--ix-card-background:var(--theme-color-neutral--active)}:host(.card-primary:active){--ix-card-background:var(--theme-color-primary--active)}:host(.selected){--ix-card-border-color:var(--theme-color-dynamic)}:host(.selected.card-insight){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-notification){--ix-card-background:var(--theme-color-ghost--selected)}:host(.selected.card-alarm){--ix-card-background:var(--theme-color-alarm--active)}:host(.selected.card-critical){--ix-card-background:var(--theme-color-critical--active)}:host(.selected.card-warning){--ix-card-background:var(--theme-color-warning--active)}:host(.selected.card-success){--ix-card-background:var(--theme-color-success--active)}:host(.selected.card-info){--ix-card-background:var(--theme-color-info--active)}:host(.selected.card-neutral){--ix-card-background:var(--theme-color-neutral--active)}:host(.selected.card-primary){--ix-card-background:var(--theme-color-primary--active)}";const t=e;const d=class{constructor(o){r(this,o);this.variant="insight";this.selected=undefined}render(){return o(a,{key:"4d096be9c3db2847204633f22624296d892e2fb9",class:{selected:this.selected,[`card-${this.variant}`]:true}},o("div",{key:"e80707eb333158ac4f90fa0feaaede7309fa3567",class:"card-content"},o("slot",{key:"50b6d4885936ff438c4fcab7c7b1b9d5e54137f3"})),o("div",{key:"c964e703c4c7783fd30a889838583d8e0426994b",class:"card-footer"},o("slot",{key:"df4b7c7e9f8fbdea42c2e9b657dc6e4488ea4562",name:"card-accordion"})))}get hostElement(){return c(this)}};d.style=t;const i=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1rem;height:100%}:host ,:host ::after,:host ::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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}";const s=i;const l=class{constructor(o){r(this,o)}render(){return o(a,{key:"816fee4fedc0535d0a8991bf6a58a97fecd27069"},o("slot",{key:"136f2bfa5fd08ff95aa0d3f7a2bed5297aaf57e5"}))}};l.style=s;export{d as ix_card,l as ix_card_content};
2	- //# sourceMappingURL=p-c1fe9f3d.entry.js.map

package/dist/siemens-ix/p-c1fe9f3d.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["cardCss","IxCardStyle0","Card","render","h","Host","key","class","selected","this","variant","name","cardContentCss","IxCardContentStyle0","CardContent"],"sources":["src/components/card/card.scss?tag=ix-card&encapsulation=shadow","src/components/card/card.tsx","src/components/card-content/card-content.scss?tag=ix-card-content&encapsulation=shadow","src/components/card-content/card-content.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: column;\n align-items: flex-start;\n align-self: flex-start;\n overflow: hidden;\n\n width: 20rem;\n\n border: 1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));\n border-radius: var(--theme-default-border-radius);\n\n .card-content {\n display: block;\n position: relative;\n flex-shrink: 0;\n flex-grow: 1;\n width: 100%;\n height: calc(100% - 2rem);\n background-color: var(--ix-card-background, transparent);\n border-top-left-radius: var(--theme-default-border-radius);\n border-top-right-radius: var(--theme-default-border-radius);\n }\n\n .card-footer {\n display: flex;\n position: relative;\n width: 100%;\n }\n}\n\n:host(.card-insight), :host(.card-outline) {\n --ix-card-background: transparent;\n --ix-card-border-color: var(--theme-color-soft-bdr);\n}\n\n:host(.card-notification), :host(.card-filled) {\n --ix-card-background: var(--theme-color-component-1);\n}\n\n:host(.card-alarm) {\n --ix-card-background: var(--theme-color-alarm);\n color: var(--theme-color-alarm--contrast);\n}\n\n:host(.card-critical) {\n --ix-card-background: var(--theme-color-critical);\n color: var(--theme-color-critical--contrast);\n}\n\n:host(.card-warning) {\n --ix-card-background: var(--theme-color-warning);\n color: var(--theme-color-warning--contrast);\n}\n\n:host(.card-success) {\n --ix-card-background: var(--theme-color-success);\n color: var(--theme-color-success--contrast);\n}\n\n:host(.card-info) {\n --ix-card-background: var(--theme-color-info);\n color: var(--theme-color-info--contrast);\n}\n\n:host(.card-neutral) {\n --ix-card-background: var(--theme-color-neutral);\n color: var(--theme-color-neutral--contrast);\n}\n\n:host(.card-primary) {\n --ix-card-background: var(--theme-color-primary);\n color: var(--theme-color-neutral--contrast);\n}\n\n:host(:not(.card-insight)) {\n --ix-card-border-color: transparent;\n}\n\n// ### Hover ###\n\n:host(.card-insight:hover) {\n --ix-card-background: var(--theme-color-ghost--hover);\n}\n\n:host(.card-notification:hover) {\n --ix-card-background: var(--theme-color-component-1--hover);\n}\n\n:host(.card-alarm:hover) {\n --ix-card-background: var(--theme-color-alarm--hover);\n}\n\n:host(.card-critical:hover) {\n --ix-card-background: var(--theme-color-critical--hover);\n}\n\n:host(.card-warning:hover) {\n --ix-card-background: var(--theme-color-warning--hover);\n}\n\n:host(.card-success:hover) {\n --ix-card-background: var(--theme-color-success--hover);\n}\n\n:host(.card-info:hover) {\n --ix-card-background: var(--theme-color-info--hover);\n}\n\n:host(.card-neutral:hover) {\n --ix-card-background: var(--theme-color-neutral--hover);\n}\n\n:host(.card-primary:hover) {\n --ix-card-background: var(--theme-color-primary--hover);\n}\n\n// ### Active ###\n\n:host(.card-insight:active) {\n --ix-card-background: var(--theme-color-ghost--active);\n}\n\n:host(.card-notification:active) {\n --ix-card-background: var(--theme-color-component-1--active);\n}\n\n:host(.card-alarm:active) {\n --ix-card-background: var(--theme-color-alarm--active);\n}\n\n:host(.card-critical:active) {\n --ix-card-background: var(--theme-color-critical--active);\n}\n\n:host(.card-warning:active) {\n --ix-card-background: var(--theme-color-warning--active);\n}\n\n:host(.card-success:active) {\n --ix-card-background: var(--theme-color-success--active);\n}\n\n:host(.card-info:active) {\n --ix-card-background: var(--theme-color-info--active);\n}\n\n:host(.card-neutral:active) {\n --ix-card-background: var(--theme-color-neutral--active);\n}\n\n:host(.card-primary:active) {\n --ix-card-background: var(--theme-color-primary--active);\n}\n\n// ### Selected ###\n\n:host(.selected) {\n --ix-card-border-color: var(--theme-color-dynamic);\n}\n\n:host(.selected.card-insight) {\n --ix-card-background: var(--theme-color-ghost--selected);\n}\n\n:host(.selected.card-notification) {\n --ix-card-background: var(--theme-color-ghost--selected);\n}\n\n:host(.selected.card-alarm) {\n --ix-card-background: var(--theme-color-alarm--active);\n}\n\n:host(.selected.card-critical) {\n --ix-card-background: var(--theme-color-critical--active);\n}\n\n:host(.selected.card-warning) {\n --ix-card-background: var(--theme-color-warning--active);\n}\n\n:host(.selected.card-success) {\n --ix-card-background: var(--theme-color-success--active);\n}\n\n:host(.selected.card-info) {\n --ix-card-background: var(--theme-color-info--active);\n}\n\n:host(.selected.card-neutral) {\n --ix-card-background: var(--theme-color-neutral--active);\n}\n\n:host(.selected.card-primary) {\n --ix-card-background: var(--theme-color-primary--active);\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n//TODO(IX-1601): Remove insight, notification in 3.0\nexport type CardVariant =\n | 'insight'\n | 'notification'\n | 'alarm'\n | 'critical'\n | 'warning'\n | 'info'\n | 'neutral'\n | 'success'\n | 'primary'\n | 'outline'\n | 'filled';\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card',\n styleUrl: 'card.scss',\n shadow: true,\n})\nexport class Card {\n @Element() hostElement: HTMLIxCardElement;\n\n /**\n * Card variant\n * @deprecated variant insight and notification will be removed in 3.0. Use 'outline' or 'filled' instead.\n */\n @Prop() variant: CardVariant = 'insight';\n\n /**\n * @since 2.1.0\n */\n @Prop() selected: boolean;\n\n render() {\n return (\n <Host\n class={{\n selected: this.selected,\n [`card-${this.variant}`]: true,\n }}\n >\n <div class=\"card-content\">\n <slot></slot>\n </div>\n <div class=\"card-footer\">\n <slot name=\"card-accordion\"></slot>\n </div>\n </Host>\n );\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@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n position: relative;\n flex-direction: column;\n align-items: flex-start;\n gap: 0.5rem;\n padding: 1rem;\n height: 100%;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-content',\n styleUrl: 'card-content.scss',\n shadow: true,\n})\nexport class CardContent {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"oDAAA,MAAMA,EAAU,kpJAChB,MAAAC,EAAeD,E,MCuBFE,EAAI,M,sCAOgB,U,wBAO/B,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,SAAUC,KAAKD,SACf,CAAC,QAAQC,KAAKC,WAAY,OAG5BN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,gBACTH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMK,KAAK,oB,8CClDrB,MAAMC,EAAiB,i3BACvB,MAAAC,EAAeD,E,MCSFE,EAAW,M,yBACtB,MAAAX,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C"}

package/dist/siemens-ix/p-c33cee36.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as i,H as s,g as h}from"./p-f87cd962.js";import{a as o}from"./p-71206084.js";import{A as a}from"./p-46a6cd9d.js";import{a as r}from"./p-fbe017b7.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}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}: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 .rotate ix-icon{transform:rotate(90deg)}: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:"10c2543fa3814a44f4a696b768070da6a0b2ce83",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:"4bea08d18307f21ca3d71874117152c10acd9ce9",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:"b86bd206f53643fb15f411528dd9e41e1d060ef8",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:"4f58db9432c7685521d7a60257fff08118bc3c76",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:"bd88452cdede62871391416c736ff80ae29f14a0",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:"6e49c2b280c258209dd43aa03658ab4bbcb9b883",class:"title-text-overflow"},i("ix-typography",{key:"65fa43f3fec84b63d24d14b38434eea186aa0910",format:"h4"},this.heading)))),i("div",{key:"11a5da6825a09b85f4957854179264c43ccd8a6f",class:"side-pane-content",hidden:!this.showContent},i("slot",{key:"3c986fb71f77e5481ffd6449445b4247429ff07e"}))))}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};
2	- //# sourceMappingURL=p-c33cee36.entry.js.map

package/dist/siemens-ix/p-c33cee36.entry.js.map DELETED Viewed

@@ -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: 2024 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 ix-icon {\n transform: rotate(90deg);\n }\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: 2024 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-cc65617d.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["sliderCss","IxSliderStyle0","between","min","value","max","Slider","tooltip","_a","this","hostElement","shadowRoot","querySelector","pseudoThumb","slider","getElementById","onShowTooltipChange","showTooltip","_b","hideTooltip","componentWillLoad","a11yAttributes","a11yHostAttributes","updateRangeVariables","rangeInput","rangeTraceReference","traceReference","rangeMin","Math","rangeMax","onInput","event","stopPropagation","parseInt","isNaN","emitInputEvent","valueChange","emit","isMarkerActive","markerValue","start","end","onPointerUp","render","range","traceReferenceInPercentage","valueInPercentage","distance","traceStart","traceEnd","h","Host","key","class","disabled","error","onPointerDown","setTimeout","style","left","marker","map","tick","trace","Object","assign","id","type","list","undefined","step","tabindex","onFocus","onBlur","role","animationFrame","name","color","__decorate","OnListener","self"],"sources":["src/components/slider/slider.scss?tag=ix-slider&encapsulation=shadow","src/components/slider/slider.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@mixin track {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']::-webkit-slider-runnable-track {\n @content;\n }\n\n // Firefox\n input[type='range']::-moz-range-track {\n @content;\n }\n}\n\n@mixin clear-browser-thumb {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range' i]::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n margin-top: -6px;\n }\n\n // Firefox\n input[type='range' i]::-moz-range-thumb {\n border: none;\n border-radius: 0;\n }\n}\n\n@mixin thumb {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']::-moz-range-thumb {\n @content;\n }\n}\n\n@mixin thumb-hover {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']:hover::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']:hover::-moz-range-thumb {\n @content;\n }\n}\n\n@mixin thumb-active {\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']:active::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']:active::-moz-range-thumb {\n @content;\n }\n}\n\n@mixin thumb-focus {\n input[type='range']:focus {\n outline: none;\n }\n\n // Chrome, Safari, Opera, and Edge Chromium\n input[type='range']:focus-visible::-webkit-slider-thumb {\n @content;\n }\n\n // Firefox\n input[type='range']:focus-visible::-moz-range-thumb {\n @content;\n }\n}\n\n:host {\n @include ix-component;\n display: flex;\n flex-direction: column;\n min-height: 2rem;\n --thumb-size: 1rem;\n --value: 0;\n --trace-start: 0;\n --trace-end: 0;\n --trace-reference: 0;\n --trace-reference-color: var(--theme-color-8);\n --trace-color: var(--theme-color-dynamic);\n --tick-color: var(--theme-color-8);\n --tick-color--active: var(--theme-color-dynamic);\n --track-color: var(--theme-color-component-4);\n\n input[type='range'] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: 0;\n appearance: none;\n background: transparent;\n cursor: pointer;\n width: 100%;\n height: 1rem;\n margin: 0;\n }\n\n // Trace line\n input[type='range'].trace::before {\n content: '';\n position: absolute;\n display: block;\n z-index: -1;\n\n width: calc(\n calc(7px + calc(100% * var(--trace-end)) - calc(16px * var(--trace-end))) -\n calc(\n 7px + calc(100% * var(--trace-start)) -\n calc(16px * var(--trace-start))\n )\n );\n\n left: calc(\n 7px + calc(100% * var(--trace-start)) - calc(16px * var(--trace-start))\n );\n\n height: 4px;\n background-color: var(--trace-color);\n top: 50%;\n transform: translateY(-50%);\n }\n\n // Trace reference\n input[type='range'].trace:not(.hide-trace-reference)::after {\n content: '';\n position: absolute;\n display: block;\n width: 2px;\n height: 16px;\n background-color: var(--trace-reference-color);\n top: 50%;\n transform: translateY(-50%);\n left: calc(\n 7px + calc(100% * var(--trace-reference)) -\n calc(16px * var(--trace-reference))\n );\n }\n\n @include track() {\n background: transparent;\n height: 0.25rem;\n }\n\n @include clear-browser-thumb();\n\n @include thumb() {\n border-radius: 100px;\n background-color: var(--theme-color-dynamic);\n height: var(--thumb-size);\n width: var(--thumb-size);\n transition: all var(--theme-default-time) ease-in-out;\n z-index: 10;\n }\n\n @include thumb-hover() {\n transform: scale(1.2);\n background-color: var(--theme-color-dynamic);\n }\n\n @include thumb-active() {\n transform: scale(1.2);\n\n background-color: var(--theme-color-dynamic);\n }\n\n @include thumb-focus() {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: 0.125rem;\n }\n\n /* style datalist */\n .ticks {\n display: flex;\n position: relative;\n top: 50%;\n transform: translateY(-50%);\n }\n .ticks .tick {\n display: block;\n position: absolute;\n width: 8px;\n height: 8px;\n background-color: var(--tick-color);\n border-radius: 100px;\n top: 50%;\n transform: translateY(-50%);\n left: calc(var(--tick-value) * 100% - 4px);\n }\n\n .ticks .tick.tick-active {\n background-color: var(--tick-color--active);\n }\n\n .slider {\n position: relative;\n display: block;\n width: 100%;\n height: 1.5rem;\n }\n\n .track {\n position: absolute;\n background-color: var(--track-color);\n height: 4px;\n width: calc(100% - 1rem);\n margin-left: 0.5rem;\n top: 50%;\n transform: translateY(-50%);\n left: 0px;\n }\n\n .thumb {\n display: block;\n position: absolute;\n background-color: transparent;\n height: 1rem;\n width: 1rem;\n border-radius: 100px;\n left: 0px;\n top: 50%;\n transform: translateY(-50%);\n }\n\n .hide-tooltip {\n display: none;\n }\n\n .label {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.5rem;\n\n min-height: 0px;\n }\n\n .label-start {\n margin-left: 0.5rem;\n }\n\n .label-end {\n margin-right: 0.5rem;\n }\n\n .label-error {\n margin-left: 0.5rem;\n }\n}\n\n:host(.error) {\n --trace-color: var(--theme-color-alarm-40);\n --tick-color--active: var(--theme-color-alarm);\n\n @include thumb() {\n background-color: var(--theme-color-alarm);\n }\n}\n\n:host(.disabled) {\n pointer-events: none;\n\n --track-color: var(--theme-color-component-3);\n --trace-color: var(--theme-color-3);\n --tick-color: var(--theme-color-7);\n --tick-color--active: var(--theme-color-7);\n\n @include thumb() {\n background-color: var(--theme-color-7);\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 {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\nimport { OnListener } from '../utils/listener';\n\nexport type SliderMarker = Array<number>;\n\nfunction between(min: number, value: number, max: number) {\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n } else {\n return value;\n }\n}\n\n/**\n * @since 2.0.0\n *\n * @slot label-start - Element will be displayed at the start of the slider\n * @slot label-end - Element will be displayed at the end of the slider\n */\n@Component({\n tag: 'ix-slider',\n styleUrl: 'slider.scss',\n shadow: true,\n})\nexport class Slider {\n @Element() hostElement!: HTMLIxSliderElement;\n\n /**\n * Legal number intervals\n *\n * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step\n */\n @Prop() step: number = 1;\n\n /**\n * Minimum slider value\n */\n @Prop() min = 0;\n\n /**\n * Maximum slider value\n */\n @Prop() max = 100;\n\n /**\n * Current value of the slider\n */\n @Prop() value = 0;\n\n /**\n * Define tick marker on the slider. Marker has to be within slider min/max\n */\n @Prop() marker?: SliderMarker;\n\n /**\n * Show a trace line\n */\n @Prop() trace = false;\n\n /**\n * Define the start point of the trace line\n */\n @Prop() traceReference = 0;\n\n /**\n * Show control as disabled\n */\n @Prop() disabled = false;\n\n /**\n * Show error state and message\n */\n @Prop() error?: boolean | string;\n\n /**\n *\n */\n @Event() valueChange!: EventEmitter<number>;\n\n @State() rangeInput = 0;\n @State() rangeMin = 0;\n @State() rangeMax = 100;\n @State() rangeTraceReference = 0;\n @State() showTooltip = false;\n\n private a11yAttributes?: A11yAttributes;\n\n get tooltip() {\n return this.hostElement.shadowRoot?.querySelector('ix-tooltip');\n }\n\n get pseudoThumb() {\n return this.hostElement.shadowRoot?.querySelector('.thumb') as HTMLElement;\n }\n\n get slider() {\n return this.hostElement.shadowRoot?.getElementById(\n 'slider'\n ) as HTMLInputElement;\n }\n\n @Watch('showTooltip')\n onShowTooltipChange() {\n if (this.showTooltip) {\n this.tooltip?.showTooltip(this.pseudoThumb);\n return;\n }\n\n this.tooltip?.hideTooltip();\n }\n\n componentWillLoad() {\n this.a11yAttributes = a11yHostAttributes(this.hostElement, [\n 'role',\n 'aria-valuemin',\n 'aria-valuemax',\n 'aria-valuenow',\n ]);\n this.updateRangeVariables();\n }\n\n @Watch('value')\n @Watch('max')\n @Watch('min')\n @Watch('traceReference')\n private updateRangeVariables() {\n this.rangeInput = between(this.min, this.value, this.max);\n this.rangeTraceReference = between(this.min, this.traceReference, this.max);\n this.rangeMin = Math.min(this.min, this.max);\n this.rangeMax = Math.max(this.min, this.max);\n }\n\n private onInput(event: InputEvent) {\n event.stopPropagation();\n const value = parseInt(this.slider.value);\n\n if (!isNaN(value)) {\n this.rangeInput = value;\n this.emitInputEvent();\n }\n }\n\n private emitInputEvent() {\n this.valueChange.emit(this.rangeInput);\n }\n\n private isMarkerActive(markerValue: number) {\n const start = Math.min(this.traceReference, this.rangeInput);\n const end = Math.max(this.traceReference, this.rangeInput);\n const value = markerValue;\n\n return value >= start && value <= end;\n }\n\n // Listen globally on window because sometimes the event listener\n // of the DOM element input itself is not called if the release\n // click is not inside the element anymore\n @OnListener<Slider>('pointerup', (self) => self.showTooltip)\n onPointerUp() {\n this.showTooltip = false;\n }\n\n render() {\n const range = this.rangeMax - this.rangeMin;\n\n let traceReferenceInPercentage =\n (this.rangeTraceReference - this.rangeMin) / range;\n\n let valueInPercentage = (this.rangeInput - this.rangeMin) / range;\n\n const distance = valueInPercentage - traceReferenceInPercentage;\n\n let traceStart = traceReferenceInPercentage;\n let traceEnd = valueInPercentage;\n\n if (distance <= 0) {\n traceStart = valueInPercentage;\n traceEnd = traceReferenceInPercentage;\n }\n\n return (\n <Host\n class={{\n disabled: this.disabled,\n error: !!this.error,\n }}\n onPointerDown={() => setTimeout(() => (this.showTooltip = true))}\n >\n <div class=\"slider\">\n <div class=\"track\">\n <div\n class=\"thumb\"\n style={{\n left: `calc(${valueInPercentage} * 100% - 8px)`,\n }}\n ></div>\n <div class=\"ticks\">\n {this.marker\n ? this.marker.map((markerValue) => {\n if (markerValue > this.max || markerValue < this.min) {\n return;\n }\n\n let left = (markerValue - this.rangeMin) / range;\n\n return (\n <div\n class={{\n tick: true,\n 'tick-active':\n this.isMarkerActive(markerValue) && this.trace,\n }}\n style={{\n '--tick-value': `${left}`,\n }}\n ></div>\n );\n })\n : null}\n </div>\n </div>\n\n <input\n id=\"slider\"\n type=\"range\"\n list={this.marker ? 'markers' : undefined}\n step={this.step}\n min={this.min}\n max={this.max}\n value={this.rangeInput}\n tabindex={this.disabled ? -1 : 0}\n onInput={(event) => this.onInput(event)}\n style={{\n '--value': `${valueInPercentage}`,\n '--trace-reference': `${traceReferenceInPercentage}`,\n '--trace-start': `${traceStart}`,\n '--trace-end': `${traceEnd}`,\n }}\n class={{\n trace:\n this.trace && traceReferenceInPercentage !== valueInPercentage,\n 'hide-trace-reference':\n this.trace &&\n (this.traceReference <= this.min ||\n this.traceReference >= this.max),\n }}\n onFocus={() => {\n this.showTooltip = true;\n }}\n onBlur={() => {\n this.showTooltip = false;\n }}\n role=\"slider\"\n aria-valuenow={this.rangeInput}\n aria-valuemin={this.min}\n aria-valuemax={this.max}\n {...this.a11yAttributes}\n />\n\n <ix-tooltip\n class={{\n 'hide-tooltip': !this.showTooltip,\n }}\n animationFrame={true}\n >\n {this.rangeInput}\n </ix-tooltip>\n </div>\n <div class=\"label\">\n <div class=\"label-start\">\n <slot name=\"label-start\"></slot>\n </div>\n <div class=\"label-end\">\n <slot name=\"label-end\"></slot>\n </div>\n </div>\n {this.error ? (\n <ix-typography class={'label-error'} color=\"alarm\">\n {this.error}\n </ix-typography>\n ) : null}\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-d14024d3.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as a,H as s}from"./p-f87cd962.js";const i=":host{display:flex;flex-direction:row;align-items:flex-start;padding:0px}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0%}:host .subtitle{margin-top:0.5rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";const c=i;const o=class{constructor(a){t(this,a);this.backButtonClick=e(this,"backButtonClick",7);this.variant="primary";this.headerTitle=undefined;this.headerSubtitle=undefined;this.hasBackButton=false}render(){return a(s,{key:"eae27014039b16c023892b60cc904609e55b89ad"},this.hasBackButton?a("ix-icon-button",{class:"backButton",variant:"primary",icon:"arrow-left",ghost:true,onClick:()=>this.backButtonClick.emit()}):null,a("div",{key:"397be2503715bb15d260bcfada2260a8eb72e33b",class:"titleGroup"},a("ix-typography",{key:"5d08e001eb5178aaf4b089a4faa15bc759a43b6b",variant:this.variant==="secondary"?"large-single":"h2"},this.headerTitle),this.headerSubtitle!==undefined?a("ix-typography",{variant:"caption",color:"soft",class:"subtitle"},this.headerSubtitle):null),a("div",{key:"6c6cc165c96307a6ee2c2bec59a80d6cd62a02cf",class:"buttons"},a("slot",{key:"0ac3730bb5ec852b127554e8dbdd73970204e275"})))}};o.style=c;export{o as ix_content_header};
2	- //# sourceMappingURL=p-d14024d3.entry.js.map

package/dist/siemens-ix/p-d14024d3.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["contentHeaderCss","IxContentHeaderStyle0","ContentHeader","undefined","render","h","Host","key","this","hasBackButton","class","variant","icon","ghost","onClick","backButtonClick","emit","headerTitle","headerSubtitle","color"],"sources":["src/components/content-header/content-header.scss?tag=ix-content-header&encapsulation=shadow","src/components/content-header/content-header.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:host {\n display: flex;\n flex-direction: row;\n align-items: flex-start;\n padding: 0px;\n\n .titleGroup {\n display: flex;\n flex-direction: column;\n flex: 1 1 0%;\n }\n\n .subtitle {\n margin-top: 0.5rem;\n }\n\n .backButton {\n margin-right: 0.5rem;\n }\n\n .buttons {\n flex: 0 0 auto;\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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type ContentHeaderVariant = 'primary' | 'secondary';\n\n@Component({\n tag: 'ix-content-header',\n styleUrl: 'content-header.scss',\n shadow: true,\n})\nexport class ContentHeader {\n /**\n * Variant of content header\n */\n @Prop() variant: ContentHeaderVariant = 'primary';\n\n /**\n * Title of Header\n */\n @Prop() headerTitle: string;\n\n /**\n * Subtitle of Header\n */\n @Prop() headerSubtitle: string | undefined = undefined;\n\n /**\n * Display a back button\n */\n @Prop() hasBackButton: boolean = false;\n\n /**\n * Triggered when back button is clicked\n */\n @Event() backButtonClick: EventEmitter<void>;\n\n render() {\n return (\n <Host>\n {this.hasBackButton ? (\n <ix-icon-button\n class={'backButton'}\n variant=\"primary\"\n icon={'arrow-left'}\n ghost={true}\n onClick={() => this.backButtonClick.emit()}\n ></ix-icon-button>\n ) : null}\n\n <div class=\"titleGroup\">\n <ix-typography\n variant={this.variant === 'secondary' ? 'large-single' : 'h2'}\n >\n {this.headerTitle}\n </ix-typography>\n {this.headerSubtitle !== undefined ? (\n <ix-typography variant={'caption'} color={'soft'} class=\"subtitle\">\n {this.headerSubtitle}\n </ix-typography>\n ) : null}\n </div>\n <div class=\"buttons\">\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,kPACzB,MAAAC,EAAeD,E,MCiBFE,EAAa,M,uFAIgB,U,+CAUKC,U,mBAKZ,K,CAOjC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFC,KAAKC,cACJJ,EAAA,kBACEK,MAAO,aACPC,QAAQ,UACRC,KAAM,aACNC,MAAO,KACPC,QAAS,IAAMN,KAAKO,gBAAgBC,SAEpC,KAEJX,EAAA,OAAAE,IAAA,2CAAKG,MAAM,cACTL,EAAA,iBAAAE,IAAA,2CACEI,QAASH,KAAKG,UAAY,YAAc,eAAiB,MAExDH,KAAKS,aAEPT,KAAKU,iBAAmBf,UACvBE,EAAA,iBAAeM,QAAS,UAAWQ,MAAO,OAAQT,MAAM,YACrDF,KAAKU,gBAEN,MAENb,EAAA,OAAAE,IAAA,2CAAKG,MAAM,WACTL,EAAA,QAAAE,IAAA,8C"}

package/dist/siemens-ix/p-d1f49940.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as o,H as r,g as e}from"./p-f87cd962.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}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}: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:"8669f7d302b6009aa9ab9cadb3c86e4bbcc6330f",class:{disabled:this.disabled},ref:t=>{this.dropdownAnchor=t}},o("div",{key:"5561196cfa6584097b0395ca1d4bf61db522b5a8",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:"4b738dfff8c84360e1d561560c3b29ba21684de6",class:"dropdown",trigger:this.dropdownAnchor,placement:this.placement,closeBehavior:this.closeBehavior},o("slot",{key:"ad15df81aad664b12a3183b45e443b110d2b4393"})))}get hostElement(){return e(this)}};a.style=s;export{a as ix_dropdown_button};
2	- //# sourceMappingURL=p-d1f49940.entry.js.map

package/dist/siemens-ix/p-d1f49940.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["dropdownButtonCss","IxDropdownButtonStyle0","DropdownButton","getTriangle","h","class","triangle","hide","this","label","primary","variant","secondary","ghost","outline","disabled","render","Host","key","ref","dropdownAnchor","alignment","icon","name","size","trigger","placement","closeBehavior"],"sources":["src/components/dropdown-button/dropdown-button.scss?tag=ix-dropdown-button&encapsulation=shadow","src/components/dropdown-button/dropdown-button.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 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: inline-block;\n position: relative;\n height: $x-large-space;\n width: auto;\n\n .hide {\n display: none;\n }\n\n .dropdown-button {\n display: block;\n position: relative;\n width: 100%;\n height: 100%;\n }\n\n .dropdown-button > ix-button {\n width: 100%;\n height: 100%;\n }\n\n .dropdown-button .button-label {\n margin-right: auto;\n min-width: 0px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n\n .dropdown-button .dropdown-icon {\n margin-right: 0.25rem;\n }\n\n .triangle {\n position: absolute;\n margin-inline-start: 1.5625rem;\n margin-block-start: -0.4375rem;\n border-right: 0 solid transparent;\n border-left: 4px solid transparent;\n border-top: 0 solid transparent;\n border-bottom: 4px solid;\n color: var(--theme-btn-primary--color);\n }\n\n .triangle.primary {\n &.ghost {\n color: var(--theme-btn-invisible-primary--color);\n }\n\n &.outline {\n color: var(--theme-btn-outline-primary--color);\n }\n\n &.ghost.disabled {\n color: var(--theme-btn-invisible-primary--color--disabled);\n }\n\n &.outline.disabled {\n color: var(--theme-btn-outline-primary--color--disabled);\n }\n\n &.disabled {\n color: var(--theme-btn-primary--color--disabled);\n }\n }\n\n .triangle.secondary {\n &.ghost {\n color: var(--theme-btn-invisible-secondary--color);\n }\n\n &.outline {\n color: var(--theme-btn-outline-secondary--color);\n }\n\n &.ghost.disabled {\n color: var(--theme-btn-invisible-secondary--color--disabled);\n }\n\n &.outline.disabled {\n color: var(--theme-btn-outline-secondary--color--disabled);\n }\n\n &.disabled {\n color: var(--theme-btn-secondary--color--disabled);\n }\n }\n\n .content {\n display: flex;\n align-items: center;\n }\n}\n\n:host(.disabled) {\n pointer-events: none;\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, State } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\nimport { AlignedPlacement } from '../dropdown/placement';\n\nexport type DropdownButtonVariant = ButtonVariant;\n\n/**\n * @since 1.3.0\n */\n@Component({\n tag: 'ix-dropdown-button',\n styleUrl: 'dropdown-button.scss',\n shadow: true,\n})\nexport class DropdownButton {\n @Element() hostElement!: HTMLIxDropdownButtonElement;\n\n /**\n * Button variant\n */\n @Prop() variant: DropdownButtonVariant = 'primary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Disable button\n */\n @Prop() disabled = false;\n\n /**\n * Set label\n */\n @Prop() label: string;\n\n /**\n * Button icon\n */\n @Prop() icon: string;\n\n /**\n * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n * @since 2.1.0\n */\n @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n /**\n * Placement of the dropdown\n *\n * @since 2.0.0\n */\n @Prop() placement: AlignedPlacement;\n\n @State() dropdownAnchor!: HTMLElement;\n\n private getTriangle() {\n return (\n <div\n class={{\n triangle: true,\n hide: this.label !== '',\n primary: this.variant === 'primary',\n secondary: this.variant === 'secondary',\n ghost: this.ghost,\n outline: this.outline,\n disabled: this.disabled,\n }}\n ></div>\n );\n }\n\n render() {\n return (\n <Host\n class={{\n disabled: this.disabled,\n }}\n ref={(ref) => {\n this.dropdownAnchor = ref;\n }}\n >\n <div class=\"dropdown-button\">\n {this.label ? (\n <ix-button\n variant={this.variant}\n outline={this.outline}\n ghost={this.ghost}\n disabled={this.disabled}\n alignment=\"start\"\n >\n <div class={'content'}>\n {this.icon ? (\n <ix-icon\n name={this.icon}\n size=\"24\"\n class={'dropdown-icon'}\n ></ix-icon>\n ) : null}\n <div class={'button-label'}>{this.label}</div>\n <ix-icon name={'chevron-down-small'} size=\"24\"></ix-icon>\n </div>\n </ix-button>\n ) : (\n <div>\n <ix-icon-button\n icon={this.icon}\n variant={this.variant}\n outline={this.outline}\n ghost={this.ghost}\n disabled={this.disabled}\n ></ix-icon-button>\n {this.getTriangle()}\n </div>\n )}\n </div>\n\n <ix-dropdown\n class=\"dropdown\"\n trigger={this.dropdownAnchor}\n placement={this.placement}\n closeBehavior={this.closeBehavior}\n >\n <slot></slot>\n </ix-dropdown>\n </Host>\n );\n }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,41EAC1B,MAAAC,EAAeD,E,MCsBFE,EAAc,M,sCAMgB,U,aAKvB,M,WAKF,M,cAKG,M,4DAgB8C,O,uDAWzD,WAAAC,GACN,OACEC,EAAA,OACEC,MAAO,CACLC,SAAU,KACVC,KAAMC,KAAKC,QAAU,GACrBC,QAASF,KAAKG,UAAY,UAC1BC,UAAWJ,KAAKG,UAAY,YAC5BE,MAAOL,KAAKK,MACZC,QAASN,KAAKM,QACdC,SAAUP,KAAKO,W,CAMvB,MAAAC,GACE,OACEZ,EAACa,EAAI,CAAAC,IAAA,2CACHb,MAAO,CACLU,SAAUP,KAAKO,UAEjBI,IAAMA,IACJX,KAAKY,eAAiBD,CAAG,GAG3Bf,EAAA,OAAAc,IAAA,2CAAKb,MAAM,mBACRG,KAAKC,MACJL,EAAA,aACEO,QAASH,KAAKG,QACdG,QAASN,KAAKM,QACdD,MAAOL,KAAKK,MACZE,SAAUP,KAAKO,SACfM,UAAU,SAEVjB,EAAA,OAAKC,MAAO,WACTG,KAAKc,KACJlB,EAAA,WACEmB,KAAMf,KAAKc,KACXE,KAAK,KACLnB,MAAO,kBAEP,KACJD,EAAA,OAAKC,MAAO,gBAAiBG,KAAKC,OAClCL,EAAA,WAASmB,KAAM,qBAAsBC,KAAK,SAI9CpB,EAAA,WACEA,EAAA,kBACEkB,KAAMd,KAAKc,KACXX,QAASH,KAAKG,QACdG,QAASN,KAAKM,QACdD,MAAOL,KAAKK,MACZE,SAAUP,KAAKO,WAEhBP,KAAKL,gBAKZC,EAAA,eAAAc,IAAA,2CACEb,MAAM,WACNoB,QAASjB,KAAKY,eACdM,UAAWlB,KAAKkB,UAChBC,cAAenB,KAAKmB,eAEpBvB,EAAA,QAAAc,IAAA,8C"}

package/dist/siemens-ix/p-d6fc0727.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as e,H as i,g as s}from"./p-f87cd962.js";import{c as o,s as n,o as r,b as a,f as c,h as l,a as h}from"./p-ba6e955a.js";import{O as d}from"./p-e948bcb0.js";class u{constructor(){this.overlays=new Set}connected(t){this.overlays.add(t)}disconnected(t){this.overlays.delete(t)}present(t){if(t.willPresent&&!t.willPresent()){return}this.dismissOthers(t);t.present()}dismiss(t){if(t.willDismiss&&!t.willDismiss()){return}t.dismiss()}dismissOthers(t){this.overlays.forEach((e=>{if(e!==t){this.dismiss(e)}}))}}class f extends u{}const b=new f;const m=':host{display:inline-block;position:fixed;left:0;top:0;z-index:var(--theme-z-index-tooltip);max-width:18.25rem;width:-moz-max-content;width:max-content;opacity:0;visibility:collapse !important;overflow-wrap:break-word;border-radius:0.25rem}:host .tooltip-title{display:flex;align-items:center}:host .tooltip-title ::slotted(ix-icon){margin-right:0.35rem}:host .tooltip-container{display:block;position:relative;width:auto;height:100%;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4);border-radius:inherit}:host(.visible){opacity:1;visibility:visible !important}:host(.visible) .arrow,:host(.visible) .arrow::before{position:absolute;width:12px;height:12px;background:inherit}:host(.visible) .arrow{visibility:hidden}:host(.visible) .arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';const p=m;var y=undefined&&undefined.__decorate\|\|function(t,e,i,s){var o=arguments.length,n=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)if(r=t[a])n=(o<3?r(n):o>3?r(e,i,n):r(e,i))\|\|n;return o>3&&n&&Object.defineProperty(e,i,n),n};const v=t=>t!=null?`${t}px`:"";const w=class{constructor(e){t(this,e);this.for=undefined;this.titleContent=undefined;this.interactive=false;this.placement="top";this.showDelay=0;this.hideDelay=50;this.animationFrame=false;this.visible=false}get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}destroyAutoUpdate(){if(this.disposeAutoUpdate!==undefined){this.disposeAutoUpdate()}}async showTooltip(t){clearTimeout(this.hideTooltipTimeout);await this.applyTooltipPosition(t);this.showTooltipTimeout=setTimeout((()=>{b.present(this);this.applyTooltipPosition(t)}),this.showDelay)}async hideTooltip(){clearTimeout(this.showTooltipTimeout);let t=50;if(this.interactive&&this.hideDelay===t){t=150}this.hideTooltipTimeout=setTimeout((()=>{b.dismiss(this)}),t);this.destroyAutoUpdate()}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:s}=e.arrow;const o={top:"unset",right:"unset",bottom:"unset",left:"unset"};if(t.startsWith("top")){return Object.assign(Object.assign({},o),{left:v(i),top:v(s)})}if(t.startsWith("right")){return Object.assign(Object.assign({},o),{left:v(-6),top:v(s)})}if(t.startsWith("bottom")){return Object.assign(Object.assign({},o),{left:v(i),top:v(-6)})}if(t.startsWith("left")){return Object.assign(Object.assign({},o),{right:v(-6),top:v(s)})}}async computeTooltipPosition(t){return o(t,this.hostElement,{strategy:"fixed",placement:this.placement,middleware:[n(),r(12),a({element:this.arrowElement}),c({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),l()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t){if(!t){return}return new Promise((e=>{this.destroyAutoUpdate();this.disposeAutoUpdate=h(t,this.hostElement,(async()=>{setTimeout((async()=>{var i;const s=await this.computeTooltipPosition(t);const o=(i=s.middlewareData.hide)===null\|\|i===void 0?void 0:i.referenceHidden;if(o){setTimeout((()=>this.hideTooltip()));e(s)}if(s.middlewareData.arrow){this.applyTooltipArrowPosition(s)}const{x:n,y:r}=s;Object.assign(this.hostElement.style,{left:n!==null?`${n}px`:"",top:r!==null?`${r}px`:""});e(s)}))}),{ancestorResize:true,ancestorScroll:true,elementResize:true,animationFrame:this.animationFrame})}))}clearHideTimeout(){if(this.interactive){clearTimeout(this.hideTooltipTimeout)}}async queryAnchorElements(){if(typeof this.for==="string"){return Promise.resolve(Array.from(document.querySelectorAll(this.for)))}if(this.for instanceof HTMLElement){return Promise.resolve([this.for])}if(this.for instanceof Promise){const t=await this.for;return[t]}}async registerTriggerListener(){const t=await this.queryAnchorElements();if(this.disposeListener){this.disposeListener()}if(!t){return}t.forEach((t=>{const e=()=>{this.showTooltip(t)};const i=()=>{this.hideTooltip()};const s=()=>{if(this.showTooltipTimeout!==undefined){clearTimeout(this.showTooltipTimeout)}e()};const o=()=>{this.hideTooltip()};t.addEventListener("mouseenter",e);t.addEventListener("mouseleave",i);t.addEventListener("focusin",s);t.addEventListener("focusout",o);this.disposeListener=()=>{t.removeEventListener("mouseenter",e);t.removeEventListener("mouseleave",i);t.removeEventListener("focusin",s);t.removeEventListener("focusout",o)}}))}registerTooltipListener(){const{hostElement:t}=this;t.addEventListener("mouseenter",(()=>this.clearHideTimeout()));t.addEventListener("focusin",(()=>this.clearHideTimeout()));t.addEventListener("mouseleave",(()=>this.hideTooltip()));t.addEventListener("focusout",(()=>this.hideTooltip()))}async onKeydown(t){if(t.code==="Escape"){this.hideTooltip()}}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.observer=new MutationObserver((()=>{this.registerTriggerListener()}));this.observer.observe(document.body,{attributes:true,attributeFilter:["data-ix-tooltip"],childList:true,subtree:true});this.registerTooltipListener()}connectedCallback(){b.connected(this)}disconnectedCallback(){var t;(t=this.observer)===null\|\|t===void 0?void 0:t.disconnect();this.destroyAutoUpdate();b.disconnected(this)}isPresent(){return this.visible}present(){this.visible=true}dismiss(){this.visible=false}render(){return e(i,{key:"5e39b9dbc226e6a61c11a737a6aebb318827edc3",class:{visible:this.visible},role:"tooltip"},e("div",{key:"4b9be3a9990c9b81425f2dbef9539054d01aa872",class:"tooltip-container"},e("div",{key:"c80f161df92379d45627338c1a11458948756ca5",class:"tooltip-title"},e("slot",{key:"9b63297978bd65ecd277eda2205b0639a41c2949",name:"title-icon"}),e("ix-typography",{key:"ff0813c9f2532be81c5248230e057067cd196ae8",variant:"default-title"},this.titleContent,e("slot",{key:"f25947dac855dfcea0f41d39bbae53a593cfa8b0",name:"title-content"}))),e("div",{key:"7b8dd9351fbea202b9bb36bbd187683a4f2d8753",class:"tooltip-content"},e("slot",{key:"2b930dcd326294583931e945c1e9de83b17d3953"})),e("div",{key:"d831b2851ec71fee69250d583387ddcac45cdf8e",class:"arrow"})))}get hostElement(){return s(this)}};y([d("keydown",(t=>t.visible))],w.prototype,"onKeydown",null);w.style=p;export{w as ix_tooltip};
2	- //# sourceMappingURL=p-d6fc0727.entry.js.map

package/dist/siemens-ix/p-d6fc0727.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["OverlayController","constructor","this","overlays","Set","connected","instance","add","disconnected","delete","present","willPresent","dismissOthers","dismiss","willDismiss","forEach","overlay","TooltipController","tooltipController","tooltipCss","IxTooltipStyle0","numberToPixel","value","Tooltip","arrowElement","hostElement","shadowRoot","querySelector","destroyAutoUpdate","disposeAutoUpdate","undefined","showTooltip","anchorElement","clearTimeout","hideTooltipTimeout","applyTooltipPosition","showTooltipTimeout","setTimeout","showDelay","hideTooltip","hideDelay","interactive","computeArrowPosition","placement","middlewareData","x","y","arrow","resetPosition","top","right","bottom","left","startsWith","Object","assign","computeTooltipPosition","target","computePosition","strategy","middleware","shift","offset","element","flip","fallbackStrategy","fallbackAxisSideDirection","padding","hide","applyTooltipArrowPosition","computeResponse","arrowPosition","style","Promise","resolve","autoUpdate","async","isHidden","_a","referenceHidden","ancestorResize","ancestorScroll","elementResize","animationFrame","clearHideTimeout","queryAnchorElements","for","Array","from","document","querySelectorAll","HTMLElement","registerTriggerListener","triggerElementList","disposeListener","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","addEventListener","removeEventListener","registerTooltipListener","onKeydown","event","code","componentWillLoad","componentDidLoad","observer","MutationObserver","observe","body","attributes","attributeFilter","childList","subtree","connectedCallback","disconnectedCallback","disconnect","isPresent","visible","render","h","Host","key","class","role","name","variant","titleContent","__decorate","OnListener","self"],"sources":["src/components/utils/overlay.ts","src/components/tooltip/tooltip-controller.ts","src/components/tooltip/tooltip.scss?tag=ix-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 { IxComponent } from '../utils/internal';\n\nexport interface IxOverlayComponent extends IxComponent {\n isPresent(): boolean;\n\n willPresent?(): boolean;\n willDismiss?(): boolean;\n\n present(): void;\n dismiss(): void;\n}\n\nexport class OverlayController {\n overlays: Set<IxOverlayComponent> = new Set();\n\n connected(instance: IxOverlayComponent): void {\n this.overlays.add(instance);\n }\n\n disconnected(instance: IxOverlayComponent): void {\n this.overlays.delete(instance);\n }\n\n present(instance: IxOverlayComponent): void {\n if (instance.willPresent && !instance.willPresent()) {\n return;\n }\n this.dismissOthers(instance);\n instance.present();\n }\n\n dismiss(instance: IxOverlayComponent): void {\n if (instance.willDismiss && !instance.willDismiss()) {\n return;\n }\n instance.dismiss();\n }\n\n private dismissOthers(instance: IxOverlayComponent): void {\n this.overlays.forEach((overlay) => {\n if (overlay !== instance) {\n this.dismiss(overlay);\n }\n });\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 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 { OverlayController } from '../utils/overlay';\n\nclass TooltipController extends OverlayController {}\n\nexport const tooltipController = new TooltipController();\n",":host {\n display: inline-block;\n position: fixed;\n left: 0;\n top: 0;\n z-index: var(--theme-z-index-tooltip);\n\n max-width: 18.25rem;\n width: max-content;\n\n opacity: 0;\n visibility: collapse !important;\n overflow-wrap: break-word;\n\n border-radius: 0.25rem;\n\n .tooltip-title {\n display: flex;\n align-items: center;\n\n ::slotted(ix-icon) {\n margin-right: 0.35rem;\n }\n }\n\n .tooltip-container {\n display: block;\n position: relative;\n width: auto;\n height: 100%;\n background: var(--theme-tootlip--background);\n color: var(--theme-color-std-text);\n padding: 0.375rem 0.75rem 0.375rem 0.875rem;\n\n box-shadow: var(--theme-shadow-4);\n border-radius: inherit;\n }\n}\n\n:host(.visible) {\n opacity: 1;\n visibility: visible !important;\n}\n\n:host(.visible) {\n .arrow,\n .arrow::before {\n position: absolute;\n width: 12px;\n height: 12px;\n background: inherit;\n }\n\n .arrow {\n visibility: hidden;\n }\n\n .arrow::before {\n visibility: visible;\n content: '';\n transform: rotate(45deg);\n background-color: var(--theme-tootlip--background);\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 {\n arrow,\n autoUpdate,\n computePosition,\n ComputePositionReturn,\n flip,\n hide,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { OnListener } from '../utils/listener';\nimport { tooltipController } from './tooltip-controller';\nimport { IxOverlayComponent } from '../utils/overlay';\n\ntype ArrowPosition = {\n top?: string;\n left?: string;\n right?: string;\n};\n\nconst numberToPixel = (value: number) => (value != null ? `${value}px` : '');\n\n/**\n * @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n *\n * @since 1.4.0\n */\n@Component({\n tag: 'ix-tooltip',\n styleUrl: 'tooltip.scss',\n shadow: true,\n})\nexport class Tooltip implements IxOverlayComponent {\n /**\n * CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n */\n @Prop() for?: string | HTMLElement | Promise<HTMLElement>;\n\n /**\n * Title of the tooltip\n */\n @Prop() titleContent?: string;\n\n /**\n * Define if the user can access the tooltip via mouse.\n */\n @Prop() interactive = false;\n\n /**\n * Initial placement of the tooltip.\n * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.\n * @since 1.5.0\n */\n @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n /** @internal */\n @Prop() showDelay = 0;\n\n /** @internal */\n @Prop() hideDelay = 50;\n\n /** @internal */\n @Prop() animationFrame = false;\n\n @State() visible = false;\n\n @Element() hostElement!: HTMLIxTooltipElement;\n\n private observer?: MutationObserver;\n private hideTooltipTimeout?: NodeJS.Timeout;\n private showTooltipTimeout?: NodeJS.Timeout;\n private disposeAutoUpdate?: () => void;\n private disposeListener?: () => void;\n\n private get arrowElement(): HTMLElement {\n return this.hostElement.shadowRoot.querySelector('.arrow');\n }\n\n private destroyAutoUpdate() {\n if (this.disposeAutoUpdate !== undefined) {\n this.disposeAutoUpdate();\n }\n }\n\n /** @internal */\n @Method()\n async showTooltip(anchorElement: Element) {\n clearTimeout(this.hideTooltipTimeout);\n await this.applyTooltipPosition(anchorElement);\n\n this.showTooltipTimeout = setTimeout(() => {\n tooltipController.present(this);\n // Need to compute and apply tooltip position after initial render,\n // because arrow has no valid bounding rect before that\n this.applyTooltipPosition(anchorElement);\n }, this.showDelay);\n }\n\n /** @internal */\n @Method()\n async hideTooltip() {\n clearTimeout(this.showTooltipTimeout);\n let hideDelay = 50;\n\n if (this.interactive && this.hideDelay === hideDelay) {\n hideDelay = 150;\n }\n\n this.hideTooltipTimeout = setTimeout(() => {\n tooltipController.dismiss(this);\n }, hideDelay);\n this.destroyAutoUpdate();\n }\n\n private computeArrowPosition({\n placement,\n middlewareData,\n }: ComputePositionReturn): ArrowPosition {\n let { x, y } = middlewareData.arrow;\n const resetPosition = {\n top: 'unset',\n right: 'unset',\n bottom: 'unset',\n left: 'unset',\n };\n\n if (placement.startsWith('top')) {\n return {\n ...resetPosition,\n left: numberToPixel(x),\n top: numberToPixel(y),\n };\n }\n\n if (placement.startsWith('right')) {\n return {\n ...resetPosition,\n left: numberToPixel(-6),\n top: numberToPixel(y),\n };\n }\n\n if (placement.startsWith('bottom')) {\n return {\n ...resetPosition,\n left: numberToPixel(x),\n top: numberToPixel(-6),\n };\n }\n\n if (placement.startsWith('left')) {\n return {\n ...resetPosition,\n right: numberToPixel(-6),\n top: numberToPixel(y),\n };\n }\n }\n\n private async computeTooltipPosition(target: Element) {\n return computePosition(target, this.hostElement, {\n strategy: 'fixed',\n placement: this.placement,\n middleware: [\n shift(),\n offset(12),\n arrow({\n element: this.arrowElement,\n }),\n flip({\n fallbackStrategy: 'initialPlacement',\n fallbackAxisSideDirection: 'end',\n padding: 10,\n }),\n hide(),\n ],\n });\n }\n\n private applyTooltipArrowPosition(computeResponse: ComputePositionReturn) {\n const arrowPosition = this.computeArrowPosition(computeResponse);\n Object.assign(this.arrowElement.style, arrowPosition);\n }\n\n private async applyTooltipPosition(target: Element) {\n if (!target) {\n return;\n }\n\n return new Promise<ComputePositionReturn>((resolve) => {\n this.destroyAutoUpdate();\n this.disposeAutoUpdate = autoUpdate(\n target,\n this.hostElement,\n async () => {\n setTimeout(async () => {\n const computeResponse = await this.computeTooltipPosition(target);\n\n const isHidden =\n computeResponse.middlewareData.hide?.referenceHidden;\n\n if (isHidden) {\n setTimeout(() => this.hideTooltip());\n resolve(computeResponse);\n }\n\n if (computeResponse.middlewareData.arrow) {\n this.applyTooltipArrowPosition(computeResponse);\n }\n\n const { x, y } = computeResponse;\n Object.assign(this.hostElement.style, {\n left: x !== null ? `${x}px` : '',\n top: y !== null ? `${y}px` : '',\n });\n\n resolve(computeResponse);\n });\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n animationFrame: this.animationFrame,\n }\n );\n });\n }\n\n private clearHideTimeout() {\n if (this.interactive) {\n clearTimeout(this.hideTooltipTimeout);\n }\n }\n\n private async queryAnchorElements(): Promise<Array<HTMLElement> | undefined> {\n if (typeof this.for === 'string') {\n return Promise.resolve(Array.from(document.querySelectorAll(this.for)));\n }\n\n if (this.for instanceof HTMLElement) {\n return Promise.resolve([this.for]);\n }\n\n if (this.for instanceof Promise) {\n const element = await this.for;\n return [element];\n }\n }\n\n private async registerTriggerListener() {\n const triggerElementList = await this.queryAnchorElements();\n\n if (this.disposeListener) {\n this.disposeListener();\n }\n\n if (!triggerElementList) {\n return;\n }\n\n triggerElementList.forEach((element) => {\n const onMouseEnter = () => {\n this.showTooltip(element);\n };\n\n const onMouseLeave = () => {\n this.hideTooltip();\n };\n\n const onFocusIn = () => {\n if (this.showTooltipTimeout !== undefined) {\n clearTimeout(this.showTooltipTimeout);\n }\n\n onMouseEnter();\n };\n\n const onFocusOut = () => {\n this.hideTooltip();\n };\n\n element.addEventListener('mouseenter', onMouseEnter);\n element.addEventListener('mouseleave', onMouseLeave);\n element.addEventListener('focusin', onFocusIn);\n element.addEventListener('focusout', onFocusOut);\n\n this.disposeListener = () => {\n element.removeEventListener('mouseenter', onMouseEnter);\n element.removeEventListener('mouseleave', onMouseLeave);\n element.removeEventListener('focusin', onFocusIn);\n element.removeEventListener('focusout', onFocusOut);\n };\n });\n }\n\n private registerTooltipListener() {\n const { hostElement } = this;\n hostElement.addEventListener('mouseenter', () => this.clearHideTimeout());\n hostElement.addEventListener('focusin', () => this.clearHideTimeout());\n\n hostElement.addEventListener('mouseleave', () => this.hideTooltip());\n hostElement.addEventListener('focusout', () => this.hideTooltip());\n }\n\n @OnListener<Tooltip>('keydown', (self) => self.visible)\n async onKeydown(event: KeyboardEvent) {\n if (event.code === 'Escape') {\n this.hideTooltip();\n }\n }\n\n componentWillLoad() {\n this.registerTriggerListener();\n }\n\n componentDidLoad() {\n this.observer = new MutationObserver(() => {\n this.registerTriggerListener();\n });\n\n this.observer.observe(document.body, {\n attributes: true,\n attributeFilter: ['data-ix-tooltip'],\n childList: true,\n subtree: true,\n });\n\n this.registerTooltipListener();\n }\n\n connectedCallback() {\n tooltipController.connected(this);\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n this.destroyAutoUpdate();\n tooltipController.disconnected(this);\n }\n\n isPresent(): boolean {\n return this.visible;\n }\n\n present(): void {\n this.visible = true;\n }\n\n dismiss(): void {\n this.visible = false;\n }\n\n render() {\n return (\n <Host\n class={{\n visible: this.visible,\n }}\n role=\"tooltip\"\n >\n <div class=\"tooltip-container\">\n <div class={'tooltip-title'}>\n <slot name=\"title-icon\"></slot>\n <ix-typography variant=\"default-title\">\n {this.titleContent}\n <slot name=\"title-content\"></slot>\n </ix-typography>\n </div>\n <div class={'tooltip-content'}>\n <slot></slot>\n </div>\n <div class=\"arrow\"></div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-df370362.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r,h as o,H as t}from"./p-f87cd962.js";const a=":host{display:flex;padding:0.5rem;padding-bottom:0rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}:host ,:host ::after,:host ::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host {scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-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}";const e=a;const b=class{constructor(o){r(this,o)}render(){return o(t,{key:"a10050cb7bc1f0aa41aab499d1ddb38420917a03"},o("slot",{key:"bfb4af727df2038ba329a2a280f4b5e6f5de7956"}))}};b.style=e;export{b as ix_modal_footer};
2	- //# sourceMappingURL=p-df370362.entry.js.map

package/dist/siemens-ix/p-df370362.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["modalFooterCss","IxModalFooterStyle0","ModalFooter","render","h","Host","key"],"sources":["src/components/modal-footer/modal-footer.scss?tag=ix-modal-footer&encapsulation=shadow","src/components/modal-footer/modal-footer.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:host {\n @include ix-component;\n display: flex;\n padding: 0.5rem;\n padding-bottom: 0rem;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n align-self: stretch;\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, h, Host } from '@stencil/core';\n\n/**\n * @since 2.0.0\n */\n@Component({\n tag: 'ix-modal-footer',\n styleUrl: 'modal-footer.scss',\n shadow: true,\n})\nexport class ModalFooter {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"6CAAA,MAAMA,EAAiB,23BACvB,MAAAC,EAAeD,E,MCkBFE,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C"}

package/dist/siemens-ix/p-e948bcb0.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{g as t}from"./p-f87cd962.js";const n={target:"window",defaultEnabled:true};function e(t,e={}){const i=Object.assign(Object.assign({},n),e);let o;const s=t=>{o(t)};const c={on:t=>{o=t},isEnabled:i.defaultEnabled,enable:n=>{c.isEnabled=n;if(n){addEventListener(t,s)}else{removeEventListener(t,s)}},destroy:()=>{c.enable(false)}};c.enable(i.defaultEnabled);return c}function i(n,i){return(o,s)=>{const{componentWillLoad:c,componentWillRender:r,disconnectedCallback:_}=o;if(i){o.componentWillRender=function(){var n;const e=t(this);(n=e[`__ix__${s}`])===null\|\|n===void 0?void 0:n.enable(i(this));return r&&r.call(this)}}o.componentWillLoad=function(){const i=e(n);const o=t(this);const r=this[s];o[`__ix__${s}`]=i;i.on(r.bind(this));return c&&c.call(this)};o.disconnectedCallback=function(){var n;const e=t(this);if(e&&e[`__ix__${s}`]){(n=e[`__ix__${s}`])===null\|\|n===void 0?void 0:n.destroy();e[`__ix__${s}`]=null}return _&&_.call(this)}}}export{i as O};
2	- //# sourceMappingURL=p-e948bcb0.js.map

package/dist/siemens-ix/p-e948bcb0.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["defaultOptions","target","defaultEnabled","createListener","event","options","opts","Object","assign","callback","onEvent","resultObject","on","onEventCallback","isEnabled","enable","state","addEventListener","removeEventListener","destroy","OnListener","fnExp","proto","methodName","componentWillLoad","componentWillRender","disconnectedCallback","host","getElement","this","_a","call","listener","method","bind"],"sources":["src/components/utils/listener.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 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 { getElement } from '@stencil/core';\n\nexport type ListenerOptions = {\n target?: 'window';\n defaultEnabled?: boolean;\n};\n\nconst defaultOptions: ListenerOptions = {\n target: 'window',\n defaultEnabled: true,\n};\n\nexport function createListener(event: string, options: ListenerOptions = {}) {\n const opts = {\n ...defaultOptions,\n ...options,\n };\n\n let callback: any;\n const onEvent = (event: Event) => {\n callback(event);\n };\n\n const resultObject = {\n on: (onEventCallback: any) => {\n callback = onEventCallback;\n },\n\n isEnabled: opts.defaultEnabled,\n\n enable: (state: boolean) => {\n resultObject.isEnabled = state;\n\n if (state) {\n addEventListener(event, onEvent);\n } else {\n removeEventListener(event, onEvent);\n }\n },\n\n destroy: () => {\n resultObject.enable(false);\n },\n };\n\n resultObject.enable(opts.defaultEnabled);\n return resultObject;\n}\n\nexport function OnListener<T>(event: string, fnExp?: (self: T) => boolean) {\n return (proto: any, methodName: string) => {\n const { componentWillLoad, componentWillRender, disconnectedCallback } =\n proto;\n\n if (fnExp) {\n proto.componentWillRender = function () {\n const host = getElement(this);\n host[`__ix__${methodName}`]?.enable(fnExp(this));\n return componentWillRender && componentWillRender.call(this);\n };\n }\n\n proto.componentWillLoad = function () {\n const listener = createListener(event);\n const host = getElement(this);\n const method = this[methodName];\n\n host[`__ix__${methodName}`] = listener;\n\n listener.on(method.bind(this));\n return componentWillLoad && componentWillLoad.call(this);\n };\n\n proto.disconnectedCallback = function () {\n const host = getElement(this);\n\n if (host && host[`__ix__${methodName}`]) {\n host[`__ix__${methodName}`]?.destroy();\n host[`__ix__${methodName}`] = null;\n }\n\n return disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n"],"mappings":"oCAgBA,MAAMA,EAAkC,CACtCC,OAAQ,SACRC,eAAgB,M,SAGFC,EAAeC,EAAeC,EAA2B,IACvE,MAAMC,EAAIC,OAAAC,OAAAD,OAAAC,OAAA,GACLR,GACAK,GAGL,IAAII,EACJ,MAAMC,EAAWN,IACfK,EAASL,EAAM,EAGjB,MAAMO,EAAe,CACnBC,GAAKC,IACHJ,EAAWI,CAAe,EAG5BC,UAAWR,EAAKJ,eAEhBa,OAASC,IACPL,EAAaG,UAAYE,EAEzB,GAAIA,EAAO,CACTC,iBAAiBb,EAAOM,E,KACnB,CACLQ,oBAAoBd,EAAOM,E,GAI/BS,QAAS,KACPR,EAAaI,OAAO,MAAM,GAI9BJ,EAAaI,OAAOT,EAAKJ,gBACzB,OAAOS,CACT,C,SAEgBS,EAAchB,EAAeiB,GAC3C,MAAO,CAACC,EAAYC,KAClB,MAAMC,kBAAEA,EAAiBC,oBAAEA,EAAmBC,qBAAEA,GAC9CJ,EAEF,GAAID,EAAO,CACTC,EAAMG,oBAAsB,W,MAC1B,MAAME,EAAOC,EAAWC,OACxBC,EAAAH,EAAK,SAASJ,QAAa,MAAAO,SAAA,SAAAA,EAAEf,OAAOM,EAAMQ,OAC1C,OAAOJ,GAAuBA,EAAoBM,KAAKF,K,EAI3DP,EAAME,kBAAoB,WACxB,MAAMQ,EAAW7B,EAAeC,GAChC,MAAMuB,EAAOC,EAAWC,MACxB,MAAMI,EAASJ,KAAKN,GAEpBI,EAAK,SAASJ,KAAgBS,EAE9BA,EAASpB,GAAGqB,EAAOC,KAAKL,OACxB,OAAOL,GAAqBA,EAAkBO,KAAKF,K,EAGrDP,EAAMI,qBAAuB,W,MAC3B,MAAMC,EAAOC,EAAWC,MAExB,GAAIF,GAAQA,EAAK,SAASJ,KAAe,EACvCO,EAAAH,EAAK,SAASJ,QAAa,MAAAO,SAAA,SAAAA,EAAEX,UAC7BQ,EAAK,SAASJ,KAAgB,I,CAGhC,OAAOG,GAAwBA,EAAqBK,KAAKF,K,CAC1D,CAEL,Q"}

package/dist/siemens-ix/p-ed7e76a3.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["cardAccordionCss","IxCardAccordionStyle0","accordionControlId","getAriaControlsId","prefix","join","CardAccordion","onInitialExpandChange","this","expandContent","collapse","expandedContent","hostElement","shadowRoot","querySelector","onExpandActionClick","event","preventDefault","stopPropagation","accordionExpand","emit","expand","nativeEvent","scrollExpandedContentIntoView","setTimeout","rect","getBoundingClientRect","bottom","window","innerHeight","scrollIntoView","componentWillLoad","render","h","Host","key","slot","tabIndex","class","show","onClick","role","type","name","cardTitleCss","IxCardTitleStyle0","CardHeader"],"sources":["src/components/card-accordion/card-accordion.scss?tag=ix-card-accordion&encapsulation=shadow","src/components/card-accordion/card-accordion.tsx","src/components/card-title/card-title.scss?tag=ix-card-title&encapsulation=shadow","src/components/card-title/card-title.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/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n transition: var(--theme-default-time) ease-in-out;\n\n .expand-action {\n all: unset;\n display: flex;\n position: relative;\n\n appearance: button;\n\n height: 2.5rem;\n width: 100%;\n\n background-color: var(--theme-color-component-1);\n align-items: center;\n justify-content: flex-start;\n\n &:hover {\n background: var(--theme-color-component-1--hover);\n }\n\n &:active {\n background: var(--theme-color-component-1--active);\n }\n\n @include focus-visible {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-btn--focus--outline-offset);\n }\n }\n\n .expand-action::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--ix-card-background);\n z-index: -1;\n }\n\n .expand-action:not(.show),\n .expand-action:not(.show)::before {\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n\n .expand-icon {\n margin-left: 0.5rem;\n transition: var(--theme-default-time) transform ease-in-out;\n }\n\n .expand-icon.show {\n transform: rotate(90deg);\n }\n\n .expand-content {\n display: grid;\n position: relative;\n grid-template-rows: 0fr;\n transition: var(--theme-default-time) ease-in-out;\n width: 100%;\n max-height: 14.75rem;\n opacity: 0;\n background-color: var(--theme-color-component-1);\n }\n\n .expand-content.show {\n grid-template-rows: 14.75rem;\n opacity: 1;\n }\n\n .expand-content-inner {\n position: relative;\n height: 100%;\n overflow: hidden;\n }\n\n .expand-content.show .expand-content-body {\n display: none;\n overflow: hidden;\n color: var(--theme-color-std-text);\n }\n\n .expand-content.show .expand-content-body {\n display: block;\n overflow: auto;\n height: calc(100% - 1rem);\n }\n\n .expand-content-footer {\n display: block;\n position: relative;\n width: 100%;\n height: 1rem;\n\n margin-top: auto;\n margin-bottom: 0px;\n\n background-color: var(--theme-color-component-1);\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\n\nlet accordionControlId = 0;\nconst getAriaControlsId = (prefix: string = 'expand-content') => {\n return [prefix, accordionControlId++].join('-');\n};\n\nexport type CardAccordionExpandChangeEvent = {\n expand: boolean;\n nativeEvent: Event;\n};\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-accordion',\n styleUrl: 'card-accordion.scss',\n shadow: true,\n})\nexport class CardAccordion {\n /**\n * Collapse the card\n * @since 2.1.0\n */\n @Prop() collapse = false;\n\n @Element() hostElement: HTMLIxCardAccordionElement;\n\n /**\n * @internal\n */\n @Event() accordionExpand: EventEmitter<CardAccordionExpandChangeEvent>;\n\n @State() expandContent = false;\n\n @Watch('collapse')\n onInitialExpandChange() {\n this.expandContent = !this.collapse;\n }\n\n get expandedContent() {\n return this.hostElement.shadowRoot.querySelector('.expand-content');\n }\n\n onExpandActionClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.expandContent = !this.expandContent;\n this.accordionExpand.emit({\n expand: this.expandContent,\n nativeEvent: event,\n });\n\n if (this.expandContent) {\n this.scrollExpandedContentIntoView();\n }\n }\n\n private scrollExpandedContentIntoView() {\n setTimeout(() => {\n const rect = this.expandedContent.getBoundingClientRect();\n if (rect.bottom > window.innerHeight) {\n this.hostElement.shadowRoot\n .querySelector('.expand-content')\n .scrollIntoView(false);\n }\n }, 150);\n }\n\n componentWillLoad() {\n this.onInitialExpandChange();\n }\n\n render() {\n return (\n <Host slot=\"card-accordion\">\n <button\n tabIndex={0}\n class={{ 'expand-action': true, show: this.expandContent }}\n onClick={(event) => this.onExpandActionClick(event)}\n role=\"button\"\n type=\"button\"\n aria-expanded={this.expandContent}\n aria-controls={getAriaControlsId()}\n >\n <ix-icon\n name={'chevron-right-small'}\n class={{\n 'expand-icon': true,\n show: this.expandContent,\n }}\n ></ix-icon>\n </button>\n <div\n class={{\n 'expand-content': true,\n show: this.expandContent,\n }}\n >\n <div class=\"expand-content-inner\">\n <div class=\"expand-content-body\">\n <slot></slot>\n </div>\n <div class=\"expand-content-footer\"></div>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import 'common-variables';\n\n:host {\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n margin-top: 0.25rem;\n margin-bottom: $small-space;\n gap: $default-space;\n\n width: 100%;\n\n .title-actions {\n display: flex;\n position: relative;\n flex-direction: row;\n gap: 0.25rem;\n margin-left: auto;\n margin-right: 0px;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot title-actions - Place additional actions inside title\n *\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-title',\n styleUrl: 'card-title.scss',\n shadow: true,\n})\nexport class CardHeader {\n render() {\n return (\n <Host>\n <slot></slot>\n <div class=\"title-actions\">\n <slot name=\"title-actions\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAmB,4tFACzB,MAAAC,EAAeD,ECWf,IAAIE,EAAqB,EACzB,MAAMC,EAAoB,CAACC,EAAiB,mBACnC,CAACA,EAAQF,KAAsBG,KAAK,K,MAgBhCC,EAAa,M,wFAKL,M,mBASM,K,CAGzB,qBAAAC,GACEC,KAAKC,eAAiBD,KAAKE,Q,CAG7B,mBAAIC,GACF,OAAOH,KAAKI,YAAYC,WAAWC,cAAc,kB,CAGnD,mBAAAC,CAAoBC,GAClBA,EAAMC,iBACND,EAAME,kBACNV,KAAKC,eAAiBD,KAAKC,cAC3BD,KAAKW,gBAAgBC,KAAK,CACxBC,OAAQb,KAAKC,cACba,YAAaN,IAGf,GAAIR,KAAKC,cAAe,CACtBD,KAAKe,+B,EAID,6BAAAA,GACNC,YAAW,KACT,MAAMC,EAAOjB,KAAKG,gBAAgBe,wBAClC,GAAID,EAAKE,OAASC,OAAOC,YAAa,CACpCrB,KAAKI,YAAYC,WACdC,cAAc,mBACdgB,eAAe,M,IAEnB,I,CAGL,iBAAAC,GACEvB,KAAKD,uB,CAGP,MAAAyB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,kBACTH,EAAA,UAAAE,IAAA,2CACEE,SAAU,EACVC,MAAO,CAAE,gBAAiB,KAAMC,KAAM/B,KAAKC,eAC3C+B,QAAUxB,GAAUR,KAAKO,oBAAoBC,GAC7CyB,KAAK,SACLC,KAAK,SAAQ,gBACElC,KAAKC,cAAa,gBAClBN,KAEf8B,EAAA,WAAAE,IAAA,2CACEQ,KAAM,sBACNL,MAAO,CACL,cAAe,KACfC,KAAM/B,KAAKC,kBAIjBwB,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACL,iBAAkB,KAClBC,KAAM/B,KAAKC,gBAGbwB,EAAA,OAAAE,IAAA,2CAAKG,MAAM,wBACTL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,uBACTL,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKG,MAAM,4B,+GClHvB,MAAMM,EAAe,+PACrB,MAAAC,EAAeD,E,MCWFE,EAAU,M,yBACrB,MAAAd,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6CACAF,EAAA,OAAAE,IAAA,2CAAKG,MAAM,iBACTL,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,mB"}

package/dist/siemens-ix/p-f87cd962.js DELETED Viewed

@@ -1,3 +0,0 @@
-const e="siemens-ix";var t=Object.defineProperty;var n=(e,n)=>{for(var r in n)t(e,r,{get:n[r],enumerable:true})};var r={};var l="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=e=>e!=null;var f=e=>{e=typeof e;return e==="object"||e==="function"};function o(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var a={};n(a,{err:()=>u,map:()=>v,ok:()=>c,unwrap:()=>d,unwrapErr:()=>$});var c=e=>({isOk:true,isErr:false,value:e});var u=e=>({isOk:false,isErr:true,value:e});function v(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>c(e)))}else{return c(n)}}if(e.isErr){const t=e.value;return u(t)}throw"should never get here"}var d=e=>{if(e.isOk){return e.value}else{throw e.value}};var $=e=>{if(e.isErr){return e.value}else{throw e.value}};var h=(e,t="")=>{{return()=>{}}};var p=(e,t)=>{{return()=>{}}};var y="r";var m="o";var b="s";var w="t";var g="s-id";var j="sty-id";var O="c-id";var k="{visibility:hidden}.hydrated{visibility:inherit}";var S="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x="http://www.w3.org/1999/xlink";var C=(e,t,...n)=>{let r=null;let l=null;let s=false;let i=false;const o=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(s=typeof e!=="function"&&!f(r)){r=String(r)}if(s&&i){o[o.length-1].t+=r}else{o.push(s?E(null,r):r)}i=s}}};a(n);if(t){if(t.key){l=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,N)}const c=E(e,null);c.l=t;if(o.length>0){c.i=o}{c.o=l}return c};var E=(e,t)=>{const n={u:0,v:e,t,$:null,i:null};{n.l=null}{n.o=null}return n};var M={};var P=e=>e&&e.v===M;var N={forEach:(e,t)=>e.map(I).forEach(t),map:(e,t)=>e.map(I).map(t).map(R)};var I=e=>({vattrs:e.l,vchildren:e.i,vkey:e.o,vname:e.h,vtag:e.v,vtext:e.t});var R=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return C(e.vtag,t,...e.vchildren||[])}const t=E(e.vtag,e.vtext);t.l=e.vattrs;t.i=e.vchildren;t.o=e.vkey;t.h=e.vname;return t};var A=(e,t,n,r)=>{const l=h("hydrateClient",t);const s=e.shadowRoot;const i=[];const f=[];const o=s?[]:null;const a=r.p=E(t,null);if(!rt.m){U(nt.body,rt.m=new Map)}e[g]=n;e.removeAttribute(g);L(a,i,f,o,e,e,n);i.map((e=>{const n=e.j+"."+e.O;const r=rt.m.get(n);const l=e.$;if(r&&lt&&r["s-en"]===""){r.parentNode.insertBefore(l,r.nextSibling)}if(!s){l["s-hn"]=t;if(r){l["s-ol"]=r;l["s-ol"]["s-nr"]=l}}rt.m.delete(n)}));if(s){o.map((e=>{if(e){s.appendChild(e)}}))}l()};var L=(e,t,n,r,l,s,i)=>{let f;let o;let a;let c;if(s.nodeType===1){f=s.getAttribute(O);if(f){o=f.split(".");if(o[0]===i||o[0]==="0"){a={u:0,j:o[0],O:o[1],k:o[2],S:o[3],v:s.tagName.toLowerCase(),$:s,l:null,i:null,o:null,h:null,t:null};t.push(a);s.removeAttribute(O);if(!e.i){e.i=[]}e.i[a.S]=a;e=a;if(r&&a.k==="0"){r[a.S]=a.$}}}for(c=s.childNodes.length-1;c>=0;c--){L(e,t,n,r,l,s.childNodes[c],i)}if(s.shadowRoot){for(c=s.shadowRoot.childNodes.length-1;c>=0;c--){L(e,t,n,r,l,s.shadowRoot.childNodes[c],i)}}}else if(s.nodeType===8){o=s.nodeValue.split(".");if(o[1]===i||o[1]==="0"){f=o[0];a={u:0,j:o[1],O:o[2],k:o[3],S:o[4],$:s,l:null,i:null,o:null,h:null,v:null,t:null};if(f===w){a.$=s.nextSibling;if(a.$&&a.$.nodeType===3){a.t=a.$.textContent;t.push(a);s.remove();if(!e.i){e.i=[]}e.i[a.S]=a;if(r&&a.k==="0"){r[a.S]=a.$}}}else if(a.j===i){if(f===b){a.v="slot";if(o[5]){s["s-sn"]=a.h=o[5]}else{s["s-sn"]=""}s["s-sr"]=true;if(r){a.$=nt.createElement(a.v);if(a.h){a.$.setAttribute("name",a.h)}s.parentNode.insertBefore(a.$,s);s.remove();if(a.k==="0"){r[a.S]=a.$}}n.push(a);if(!e.i){e.i=[]}e.i[a.S]=a}else if(f===y){if(r){s.remove()}}}}}else if(e&&e.v==="style"){const t=E(null,s.textContent);t.$=s;t.S="0";e.i=[t]}};var U=(e,t)=>{if(e.nodeType===1){let n=0;for(;n<e.childNodes.length;n++){U(e.childNodes[n],t)}if(e.shadowRoot){for(n=0;n<e.shadowRoot.childNodes.length;n++){U(e.shadowRoot.childNodes[n],t)}}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===m){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var W=(e,t)=>{if(e!=null&&!f(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var F=e=>Ge(e).$hostElement$;var T=(e,t,n)=>{const r=F(e);return{emit:e=>_(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var _=(e,t,n)=>{const r=rt.ce(t,n);e.dispatchEvent(r);return r};var D=new WeakMap;var H=(e,t,n)=>{let r=et.get(e);if(ft&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}et.set(e,r)};var q=(e,t,n)=>{var r;const l=z(t);const s=et.get(l);e=e.nodeType===11?e:nt;if(s){if(typeof s==="string"){e=e.head||e;let n=D.get(e);let i;if(!n){D.set(e,n=new Set)}if(!n.has(l)){if(e.host&&(i=e.querySelector(`[${j}="${l}"]`))){i.innerHTML=s}else{i=nt.createElement("style");i.innerHTML=s;const t=(r=rt.C)!=null?r:o(nt);if(t!=null){i.setAttribute("nonce",t)}e.insertBefore(i,e.querySelector("link"))}if(t.u&4){i.innerHTML+=S}if(n){n.add(l)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return l};var V=e=>{const t=e.M;const n=e.$hostElement$;const r=t.u;const l=h("attachStyles",t.P);const s=q(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=s;n.classList.add(s+"-h");if(r&2){n.classList.add(s+"-s")}}l()};var z=(e,t)=>"sc-"+e.P;var B=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var G=(e,t,n,r,l,s)=>{if(n!==r){let i=Qe(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const l=K(n);const s=K(r);t.remove(...l.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!l.includes(e))))}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(Qe(tt,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const l=t.endsWith(Q);t=t.replace(X,"");if(n){rt.rel(e,t,n,l)}if(r){rt.ael(e,t,r,l)}}}else{const a=f(r);if((i||a&&r!==null)&&!l){try{if(!e.tagName.includes("-")){const l=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=l){e[t]=l}}else{e[t]=r}}catch(e){}}let c=false;{if(o!==(o=o.replace(/^xlink\:?/,""))){t=o;c=true}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){if(c){e.removeAttributeNS(x,t)}else{e.removeAttribute(t)}}}else if((!i||s&4||l)&&!a){r=r===true?"":r;if(c){e.setAttributeNS(x,t,r)}else{e.setAttribute(t,r)}}}}};var J=/\s/;var K=e=>!e?[]:e.split(J);var Q="Capture";var X=new RegExp(Q+"$");var Y=(e,t,n)=>{const l=t.$.nodeType===11&&t.$.host?t.$.host:t.$;const s=e&&e.l||r;const i=t.l||r;{for(const e of Z(Object.keys(s))){if(!(e in i)){G(l,e,s[e],void 0,n,t.u)}}}for(const e of Z(Object.keys(i))){G(l,e,s[e],i[e],n,t.u)}};function Z(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var ee;var te;var ne=false;var re=false;var le=(e,t,n,r)=>{const f=t.i[n];let o=0;let a;let c;if(f.t!==null){a=f.$=nt.createTextNode(f.t)}else{if(!re){re=f.v==="svg"}a=f.$=nt.createElementNS(re?l:s,f.v);if(re&&f.v==="foreignObject"){re=false}{Y(null,f,re)}if(i(ee)&&a["s-si"]!==ee){a.classList.add(a["s-si"]=ee)}if(f.i){for(o=0;o<f.i.length;++o){c=le(e,f,o);if(c){a.appendChild(c)}}}{if(f.v==="svg"){re=false}else if(a.tagName==="foreignObject"){re=true}}}a["s-hn"]=te;return a};var se=(e,t,n,r,l,s)=>{let i=e;let f;if(i.shadowRoot&&i.tagName===te){i=i.shadowRoot}for(;l<=s;++l){if(r[l]){f=le(null,n,l);if(f){r[l].$=f;i.insertBefore(f,t)}}}};var ie=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.$;ue(t);if(e){e.remove()}}}};var fe=(e,t,n,r,l=false)=>{let s=0;let i=0;let f=0;let o=0;let a=t.length-1;let c=t[0];let u=t[a];let v=r.length-1;let d=r[0];let $=r[v];let h;let p;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=r[++i]}else if($==null){$=r[--v]}else if(oe(c,d,l)){ae(c,d,l);c=t[++s];d=r[++i]}else if(oe(u,$,l)){ae(u,$,l);u=t[--a];$=r[--v]}else if(oe(c,$,l)){ae(c,$,l);e.insertBefore(c.$,u.$.nextSibling);c=t[++s];$=r[--v]}else if(oe(u,d,l)){ae(u,d,l);e.insertBefore(u.$,c.$);u=t[--a];d=r[++i]}else{f=-1;{for(o=s;o<=a;++o){if(t[o]&&t[o].o!==null&&t[o].o===d.o){f=o;break}}}if(f>=0){p=t[f];if(p.v!==d.v){h=le(t&&t[i],n,f)}else{ae(p,d,l);t[f]=void 0;h=p.$}d=r[++i]}else{h=le(t&&t[i],n,i);d=r[++i]}if(h){{c.$.parentNode.insertBefore(h,c.$)}}}}if(s>a){se(e,r[v+1]==null?null:r[v+1].$,n,r,i,v)}else if(i>v){ie(t,s,a)}};var oe=(e,t,n=false)=>{if(e.v===t.v){if(!n){return e.o===t.o}return true}return false};var ae=(e,t,n=false)=>{const r=t.$=e.$;const l=e.i;const s=t.i;const i=t.v;const f=t.t;if(f===null){{re=i==="svg"?true:i==="foreignObject"?false:re}{if(i==="slot"&&!ne);else{Y(e,t,re)}}if(l!==null&&s!==null){fe(r,l,t,s,n)}else if(s!==null){if(e.t!==null){r.textContent=""}se(r,null,t,s,0,s.length-1)}else if(l!==null){ie(l,0,l.length-1)}if(re&&i==="svg"){re=false}}else if(e.t!==f){r.data=f}};var ce=e=>{const t=e.childNodes;for(const e of t){if(e.nodeType===1){if(e["s-sr"]){const n=e["s-sn"];e.hidden=false;for(const r of t){if(r!==e){if(r["s-hn"]!==e["s-hn"]||n!==""){if(r.nodeType===1&&(n===r.getAttribute("slot")||n===r["s-sn"])||r.nodeType===3&&n===r["s-sn"]){e.hidden=true;break}}else{if(r.nodeType===1||r.nodeType===3&&r.textContent.trim()!==""){e.hidden=true;break}}}}}ce(e)}}};var ue=e=>{{e.l&&e.l.ref&&e.l.ref(null);e.i&&e.i.map(ue)}};var ve=(e,t,n=false)=>{const r=e.$hostElement$;const l=e.M;const s=e.p||E(null,null);const i=P(t)?t:C(null,null,t);te=r.tagName;if(l.N){i.l=i.l||{};l.N.map((([e,t])=>i.l[t]=r[e]))}if(n&&i.l){for(const e of Object.keys(i.l)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.l[e]=r[e]}}}i.v=null;i.u|=4;e.p=i;i.$=s.$=r.shadowRoot||r;{ee=r["s-sc"]}ne=(l.u&1)!==0;ae(s,i,n)};var de=(e,t)=>{if(t&&!e.I&&t["s-p"]){t["s-p"].push(new Promise((t=>e.I=t)))}};var $e=(e,t)=>{{e.u|=16}if(e.u&4){e.u|=512;return}de(e,e.R);const n=()=>he(e,t);return pt(n)};var he=(e,t)=>{const n=h("scheduleUpdate",e.M.P);const r=e.A;let l;if(t){{e.u|=256;if(e.L){e.L.map((([e,t])=>Oe(r,e,t)));e.L=void 0}}{l=Oe(r,"componentWillLoad")}}{l=pe(l,(()=>Oe(r,"componentWillRender")))}n();return pe(l,(()=>me(e,r,t)))};var pe=(e,t)=>ye(e)?e.then(t):t();var ye=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var me=async(e,t,n)=>{var r;const l=e.$hostElement$;const s=h("update",e.M.P);const i=l["s-rc"];if(n){V(e)}const f=h("render",e.M.P);{be(e,t,l,n)}if(i){i.map((e=>e()));l["s-rc"]=void 0}f();s();{const t=(r=l["s-p"])!=null?r:[];const n=()=>we(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.u|=4;t.length=0}}};var be=(e,t,n,r)=>{try{t=t.render();{e.u&=~16}{e.u|=2}{{{ve(e,t,r)}}}}catch(t){Xe(t,e.$hostElement$)}return null};var we=e=>{const t=e.M.P;const n=e.$hostElement$;const r=h("postUpdate",t);const l=e.A;const s=e.R;{Oe(l,"componentDidRender")}if(!(e.u&64)){e.u|=64;{ke(n)}{Oe(l,"componentDidLoad")}r();{e.U(n);if(!s){je()}}}else{r()}{e.W(n)}{if(e.I){e.I();e.I=void 0}if(e.u&512){$t((()=>$e(e,false)))}e.u&=~(4|512)}};var ge=e=>{{const t=Ge(e);const n=t.$hostElement$.isConnected;if(n&&(t.u&(2|16))===2){$e(t,false)}return n}};var je=t=>{{ke(nt.documentElement)}$t((()=>_(tt,"appload",{detail:{namespace:e}})))};var Oe=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){Xe(e)}}return void 0};var ke=e=>e.classList.add("hydrated");var Se=(e,t)=>Ge(e).F.get(t);var xe=(e,t,n,r)=>{const l=Ge(e);const s=l.$hostElement$;const i=l.F.get(t);const f=l.u;const o=l.A;n=W(n,r.T[t][0]);const a=Number.isNaN(i)&&Number.isNaN(n);const c=n!==i&&!a;if((!(f&8)||i===void 0)&&c){l.F.set(t,n);if(o){if(r._&&f&128){const e=r._[t];if(e){e.map((e=>{try{o[e](n,i,t)}catch(e){Xe(e,s)}}))}}if((f&(2|16))===2){$e(l,false)}}}};var Ce=(e,t,n)=>{var r;const l=e.prototype;if(t.T){if(e.watchers){t._=e.watchers}const s=Object.entries(t.T);s.map((([e,[r]])=>{if(r&31||n&2&&r&32){Object.defineProperty(l,e,{get(){return Se(this,e)},set(n){xe(this,e,n,t)},configurable:true,enumerable:true})}else if(n&1&&r&64){Object.defineProperty(l,e,{value(...t){var n;const r=Ge(this);return(n=r==null?void 0:r.D)==null?void 0:n.then((()=>{var n;return(n=r.A)==null?void 0:n[e](...t)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(e,r,s){rt.jmp((()=>{var i;const f=n.get(e);if(this.hasOwnProperty(f)){s=this[f];delete this[f]}else if(l.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==s){return}else if(f==null){const n=Ge(this);const l=n==null?void 0:n.u;if(l&&!(l&8)&&l&128&&s!==r){const l=n.A;const f=(i=t._)==null?void 0:i[e];f==null?void 0:f.forEach((t=>{if(l[t]!=null){l[t].call(l,s,r,e)}}))}return}this[f]=s===null&&typeof this[f]==="boolean"?false:s}))};e.observedAttributes=Array.from(new Set([...Object.keys((r=t._)!=null?r:{}),...s.filter((([e,t])=>t[0]&15)).map((([e,r])=>{var l;const s=r[1]||e;n.set(s,e);if(r[0]&512){(l=t.N)==null?void 0:l.push([e,s])}return s}))]))}}return e};var Ee=async(e,t,n,r)=>{let l;if((t.u&32)===0){t.u|=32;const r=n.H;if(r){l=Ze(n);if(l.then){const e=p();l=await l;e()}if(!l.isProxied){{n._=l.watchers}Ce(l,n,2);l.isProxied=true}const e=h("createInstance",n.P);{t.u|=8}try{new l(t)}catch(e){Xe(e)}{t.u&=~8}{t.u|=128}e();Me(t.A)}else{l=e.constructor;customElements.whenDefined(n.P).then((()=>t.u|=128))}if(l.style){let e=l.style;const t=z(n);if(!et.has(t)){const r=h("registerStyles",n.P);H(t,e,!!(n.u&1));r()}}}const s=t.R;const i=()=>$e(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var Me=e=>{{Oe(e,"connectedCallback")}};var Pe=e=>{if((rt.u&1)===0){const t=Ge(e);const n=t.M;const r=h("connectedCallback",n.P);if(!(t.u&1)){t.u|=1;let r;{r=e.getAttribute(g);if(r){if(n.u&1){const t=q(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}A(e,n.P,r,t)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){de(t,t.R=n);break}}}if(n.T){Object.entries(n.T).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Ee(e,t,n)}}else{De(e,t,n.q);if(t==null?void 0:t.A){Me(t.A)}else if(t==null?void 0:t.V){t.V.then((()=>Me(t.A)))}}r()}};var Ne=e=>{{Oe(e,"disconnectedCallback")}};var Ie=async e=>{if((rt.u&1)===0){const t=Ge(e);{if(t.B){t.B.map((e=>e()));t.B=void 0}}if(t==null?void 0:t.A){Ne(t.A)}else if(t==null?void 0:t.V){t.V.then((()=>Ne(t.A)))}}};var Re=e=>{e.__appendChild=e.appendChild;e.appendChild=function(e){const t=e["s-sn"]=Ue(e);const n=We(this.childNodes,t,this.tagName);if(n){const r=Fe(n,t);const l=r[r.length-1];const s=l.parentNode.insertBefore(e,l.nextSibling);ce(this);return s}return this.__appendChild(e)}};var Ae=e=>{const t=Object.getOwnPropertyDescriptor(Node.prototype,"textContent");Object.defineProperty(e,"__textContent",t);{Object.defineProperty(e,"textContent",{get(){var e;const t=We(this.childNodes,"",this.tagName);if(((e=t==null?void 0:t.nextSibling)==null?void 0:e.nodeType)===3){return t.nextSibling.textContent}else if(t){return t.textContent}else{return this.__textContent}},set(e){var t;const n=We(this.childNodes,"",this.tagName);if(((t=n==null?void 0:n.nextSibling)==null?void 0:t.nodeType)===3){n.nextSibling.textContent=e}else if(n){n.textContent=e}else{this.__textContent=e;const t=this["s-cr"];if(t){this.insertBefore(t,this.firstChild)}}}})}};var Le=(e,t)=>{class n extends Array{item(e){return this[e]}}if(t.u&8){const t=e.__lookupGetter__("childNodes");Object.defineProperty(e,"children",{get(){return this.childNodes.map((e=>e.nodeType===1))}});Object.defineProperty(e,"childElementCount",{get(){return e.children.length}});Object.defineProperty(e,"childNodes",{get(){const e=t.call(this);if((rt.u&1)===0&&Ge(this).u&2){const t=new n;for(let n=0;n<e.length;n++){const r=e[n]["s-nr"];if(r){t.push(r)}}return t}return n.from(e)}})}};var Ue=e=>e["s-sn"]||e.nodeType===1&&e.getAttribute("slot")||"";var We=(e,t,n)=>{let r=0;let l;for(;r<e.length;r++){l=e[r];if(l["s-sr"]&&l["s-sn"]===t&&l["s-hn"]===n){return l}l=We(l.childNodes,t,n);if(l){return l}}return null};var Fe=(e,t)=>{const n=[e];while((e=e.nextSibling)&&e["s-sn"]===t){n.push(e)}return n};var Te=(e,t={})=>{var n;const r=h();const l=[];const s=t.exclude||[];const i=tt.customElements;const f=nt.head;const a=f.querySelector("meta[charset]");const c=nt.createElement("style");const u=[];const v=nt.querySelectorAll(`[${j}]`);let d;let $=true;let p=0;Object.assign(rt,t);rt.G=new URL(t.resourcesUrl||"./",nt.baseURI).href;{rt.u|=2}{for(;p<v.length;p++){H(v[p].getAttribute(j),B(v[p].innerHTML),true)}}let y=false;e.map((e=>{e[1].map((t=>{var n;const r={u:t[0],P:t[1],T:t[2],q:t[3]};if(r.u&4){y=true}{r.T=t[2]}{r.q=t[3]}{r.N=[]}{r._=(n=t[4])!=null?n:{}}const f=r.P;const o=class extends HTMLElement{constructor(e){super(e);e=this;Ke(e,r);if(r.u&1){{{e.attachShadow({mode:"open"})}}}}connectedCallback(){if(d){clearTimeout(d);d=null}if($){u.push(this)}else{rt.jmp((()=>Pe(this)))}}disconnectedCallback(){rt.jmp((()=>Ie(this)))}componentOnReady(){return Ge(this).V}};{{Le(o.prototype,r)}{Re(o.prototype)}if(r.u&2){Ae(o.prototype)}}r.H=e[0];if(!s.includes(f)&&!i.get(f)){l.push(f);i.define(f,Ce(o,r,1))}}))}));if(l.length>0){if(y){c.textContent+=S}{c.textContent+=l+k}if(c.innerHTML.length){c.setAttribute("data-styles","");const e=(n=rt.C)!=null?n:o(nt);if(e!=null){c.setAttribute("nonce",e)}f.insertBefore(c,a?a.nextSibling:f.firstChild)}}$=false;if(u.length){u.map((e=>e.connectedCallback()))}else{{rt.jmp((()=>d=setTimeout(je,30)))}}r()};var _e=(e,t)=>t;var De=(e,t,n,r)=>{if(n){n.map((([n,r,l])=>{const s=qe(e,n);const i=He(t,l);const f=Ve(n);rt.ael(s,r,i,f);(t.B=t.B||[]).push((()=>rt.rel(s,r,i,f)))}))}};var He=(e,t)=>n=>{try{{if(e.u&256){e.A[t](n)}else{(e.L=e.L||[]).push([t,n])}}}catch(e){Xe(e)}};var qe=(e,t)=>{if(t&8)return tt;return e};var Ve=e=>st?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var ze=e=>rt.C=e;var Be=new WeakMap;var Ge=e=>Be.get(e);var Je=(e,t)=>Be.set(t.A=e,t);var Ke=(e,t)=>{const n={u:0,$hostElement$:e,M:t,F:new Map};{n.D=new Promise((e=>n.W=e))}{n.V=new Promise((e=>n.U=e));e["s-p"]=[];e["s-rc"]=[]}De(e,n,t.q);return Be.set(e,n)};var Qe=(e,t)=>t in e;var Xe=(e,t)=>(0,console.error)(e,t);var Ye=new Map;var Ze=(e,t,n)=>{const r=e.P.replace(/-/g,"_");const l=e.H;const s=Ye.get(l);if(s){return s[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${l}.entry.js${""}`).then((e=>{{Ye.set(l,e)}return e[r]}),Xe)};var et=new Map;var tt=typeof window!=="undefined"?window:{};var nt=tt.document||{head:{}};var rt={u:0,G:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var lt=true;var st=(()=>{let e=false;try{nt.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var it=e=>Promise.resolve(e);var ft=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var ot=false;var at=[];var ct=[];var ut=(e,t)=>n=>{e.push(n);if(!ot){ot=true;if(t&&rt.u&4){$t(dt)}else{rt.raf(dt)}}};var vt=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){Xe(e)}}e.length=0};var dt=()=>{vt(at);{vt(ct);if(ot=at.length>0){rt.raf(dt)}}};var $t=e=>it().then(e);var ht=ut(at,false);var pt=ut(ct,true);export{_e as F,M as H,ht as a,Te as b,T as c,ge as f,F as g,C as h,it as p,Je as r,ze as s};
-//# sourceMappingURL=p-f87cd962.js.map