npm - @siemens/ix - Versions diffs - 1.6.3 → 2.0.0-beta.1 - Mend

@siemens/ix 1.6.3 → 2.0.0-beta.1

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 (1549) hide show

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

	@@ -1,2 +0,0 @@
1	- import{r as i,h as e,H as t}from"./p-1c64b073.js";const o=":host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}:host ,:host ::after,:host *::before{box-sizing:border-box}:host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;-webkit-border-after:2px solid grey;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);color:var(--theme-kpi-display-value--color)}:host .kpi-container .kpi-unit{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{-webkit-margin-before:0.125rem;margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}";const r=class{constructor(e){i(this,e);this.label=undefined;this.value=undefined;this.unit=undefined;this.state="neutral";this.orientation="horizontal"}getStateIcon(){switch(this.state){case"alarm":return e("ix-icon",{color:"kpi-display-icon--color",name:"alarm",size:"16"});case"warning":return e("ix-icon",{color:"kpi-display-icon--color",name:"warning",size:"16"});default:return""}}getTooltipText(){let i=`${this.label}: ${this.value}`;if(this.unit){i=i.concat(` ${this.unit}`)}return i}render(){return e(t,{title:this.getTooltipText(),tabindex:"1",class:{stacked:this.orientation==="vertical"}},e("div",{class:{"kpi-container":true,alarm:this.state==="alarm",warning:this.state==="warning"}},e("span",{class:"kpi-label"},this.getStateIcon(),e("span",{class:"kpi-label-text"},this.label)),e("span",{class:"kpi-value-container"},e("span",{class:"kpi-value"},this.value),this.unit?e("span",{class:"kpi-unit"},this.unit):"")))}};r.style=o;export{r as ix_kpi};
2	- //# sourceMappingURL=p-3f4a9e1f.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["kpiCss","Kpi","getStateIcon","this","state","h","color","name","size","getTooltipText","tooltip","label","value","unit","concat","render","Host","title","tabindex","class","stacked","orientation","alarm","warning"],"sources":["./src/components/kpi/kpi.scss?tag=ix-kpi&encapsulation=shadow","./src/components/kpi/kpi.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n flex-grow: 1;\n height: $large-control-height;\n border-radius: var(--theme-kpi--border-radius);\n padding: 0.375rem $tiny-space;\n min-width: 0;\n\n span {\n @include ellipsis;\n }\n\n .kpi-container {\n display: flex;\n height: 100%;\n width: 100%;\n border-block-end: 2px solid grey;\n\n &.alarm {\n border-block-end-color: var(--theme-color-alarm);\n }\n\n &.warning {\n border-block-end-color: var(--theme-color-warning);\n }\n\n .kpi-label {\n display: flex;\n align-items: center;\n color: var(--theme-kpi-display-label--color);\n flex-grow: 1;\n flex-shrink: 9999;\n\n ix-icon {\n margin-inline-end: $tiny-space;\n }\n }\n\n .kpi-value-container {\n display: flex;\n align-items: flex-end;\n }\n\n .kpi-value {\n @include text-xl;\n\n color: var(--theme-kpi-display-value--color);\n }\n\n .kpi-unit {\n margin-inline-start: $small-space;\n color: var(--theme-kpi-display-units--color);\n }\n\n .kpi-label,\n .kpi-unit {\n margin-block-start: 0.125rem;\n }\n }\n\n @include hover {\n background-color: var(--theme-kpi-display--background--hover);\n }\n\n @include active {\n background-color: var(--theme-kpi-display--background--active);\n }\n\n @include focus-visible {\n outline: 1px solid var(--focus--border-color);\n }\n}\n\n:host(.stacked) {\n height: 3.75rem;\n\n .kpi-container {\n justify-content: center;\n flex-wrap: wrap;\n\n .kpi-label {\n width: 100%;\n justify-content: center;\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\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ix-kpi',\n styleUrl: 'kpi.scss',\n shadow: true,\n})\nexport class Kpi {\n /**\n *\n */\n @Prop() label: string;\n\n /**\n *\n */\n @Prop() value: string | number;\n\n /**\n *\n */\n @Prop() unit: string;\n\n /**\n *\n */\n @Prop() state: 'neutral' | 'warning' | 'alarm' = 'neutral';\n\n /**\n *\n */\n @Prop() orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n private getStateIcon() {\n switch (this.state) {\n case 'alarm':\n return (\n <ix-icon\n color=\"kpi-display-icon--color\"\n name=\"alarm\"\n size=\"16\"\n ></ix-icon>\n );\n\n case 'warning':\n return (\n <ix-icon\n color=\"kpi-display-icon--color\"\n name=\"warning\"\n size=\"16\"\n ></ix-icon>\n );\n\n default:\n return '';\n }\n }\n\n private getTooltipText() {\n let tooltip = `${this.label}: ${this.value}`;\n\n if (this.unit) {\n tooltip = tooltip.concat(` ${this.unit}`);\n }\n\n return tooltip;\n }\n\n render() {\n return (\n <Host\n title={this.getTooltipText()}\n tabindex=\"1\"\n class={{\n stacked: this.orientation === 'vertical',\n }}\n >\n <div\n class={{\n 'kpi-container': true,\n alarm: this.state === 'alarm',\n warning: this.state === 'warning',\n }}\n >\n <span class=\"kpi-label\">\n {this.getStateIcon()}\n <span class=\"kpi-label-text\">{this.label}</span>\n </span>\n <span class=\"kpi-value-container\">\n <span class=\"kpi-value\">{this.value}</span>\n {this.unit ? <span class=\"kpi-unit\">{this.unit}</span> : ''}\n </span>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAS,65D,MCgBFC,EAAG,M,kGAmBmC,U,iBAKA,Y,CAEzCC,eACN,OAAQC,KAAKC,OACX,IAAK,QACH,OACEC,EAAA,WACEC,MAAM,0BACNC,KAAK,QACLC,KAAK,OAIX,IAAK,UACH,OACEH,EAAA,WACEC,MAAM,0BACNC,KAAK,UACLC,KAAK,OAIX,QACE,MAAO,G,CAILC,iBACN,IAAIC,EAAU,GAAGP,KAAKQ,UAAUR,KAAKS,QAErC,GAAIT,KAAKU,KAAM,CACbH,EAAUA,EAAQI,OAAO,IAAIX,KAAKU,O,CAGpC,OAAOH,C,CAGTK,SACE,OACEV,EAACW,EAAI,CACHC,MAAOd,KAAKM,iBACZS,SAAS,IACTC,MAAO,CACLC,QAASjB,KAAKkB,cAAgB,aAGhChB,EAAA,OACEc,MAAO,CACL,gBAAiB,KACjBG,MAAOnB,KAAKC,QAAU,QACtBmB,QAASpB,KAAKC,QAAU,YAG1BC,EAAA,QAAMc,MAAM,aACThB,KAAKD,eACNG,EAAA,QAAMc,MAAM,kBAAkBhB,KAAKQ,QAErCN,EAAA,QAAMc,MAAM,uBACVd,EAAA,QAAMc,MAAM,aAAahB,KAAKS,OAC7BT,KAAKU,KAAOR,EAAA,QAAMc,MAAM,YAAYhB,KAAKU,MAAe,K"}

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

	@@ -1,2 +0,0 @@
1	- import{r as e,c as i,h as r,H as o,g as t}from"./p-1c64b073.js";const l=".sc-ix-filter-chip-h{display:flex;align-items:center;justify-content:space-between;height:1.5rem;padding-left:0.5rem;border:var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);border-radius:2rem;background-color:var(--theme-color-ghost);color:var(--theme-chip-primary-outline--color)}.sc-ix-filter-chip-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-filter-chip-h:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost-primary--hover);border-color:var(--theme-chip-primary-outline--border-color--hover);color:var(--theme-chip-primary-outline--color--hover)}.sc-ix-filter-chip-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-filter-chip-h:not(.disabled):not(:disabled):active{background-color:var(--theme-color-ghost-primary--active);border-color:var(--theme-chip-primary-outline--border-color--active);color:var(--theme-chip-primary-outline--color--active)}.sc-ix-filter-chip-h:not(.disabled):not(:disabled):focus-visible{outline:var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);outline-offset:-0.125rem}.sc-ix-filter-chip-h .slot-container.sc-ix-filter-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-filter-chip-h .slot-container.sc-ix-filter-chip .disabled.sc-ix-filter-chip-h,.disabled .sc-ix-filter-chip-h{background-color:var(--theme-color-ghost);border-color:var(--theme-color-component-4);color:var(--theme-color-weak-text)}.sc-ix-filter-chip-h .btn-oval.sc-ix-filter-chip{height:1.5rem;width:1.5rem;min-width:1.5rem;margin-left:0.25rem;padding:0;vertical-align:top}.sc-ix-filter-chip-h .btn-oval.sc-ix-filter-chip:not(.disabled):not(:disabled):focus-visible{outline:none;border-color:#199fff}";const c=class{constructor(r){e(this,r);this.closeClick=i(this,"closeClick",7);this.disabled=false}onCloseClick(e){e.preventDefault();e.stopPropagation();this.closeClick.emit()}render(){return r(o,{class:{disabled:this.disabled},title:this.el.textContent},r("div",{class:"slot-container"},r("slot",null)),r("button",{disabled:this.disabled,class:"btn btn-invisible-primary btn-oval",onClick:e=>this.onCloseClick(e)},r("ix-icon",{name:"close-small",size:"16"})))}get el(){return t(this)}};c.style=l;export{c as ix_filter_chip};
2	- //# sourceMappingURL=p-40982e21.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["filterChipCss","FilterChip","onCloseClick","event","preventDefault","stopPropagation","this","closeClick","emit","render","h","Host","class","disabled","title","el","textContent","onClick","e","name","size"],"sources":["./src/components/filter-chip/filter-chip.scss?tag=ix-filter-chip&encapsulation=scoped","./src/components/filter-chip/filter-chip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: $large-space;\n padding-left: $small-space;\n border: var(--theme-focus--border-thickness) solid var(--theme-chip-primary-outline--border-color);\n border-radius: $x-large-space;\n background-color: var(--theme-color-ghost);\n color: var(--theme-chip-primary-outline--color);\n\n @include hover {\n background-color: var(--theme-color-ghost-primary--hover);\n border-color: var(--theme-chip-primary-outline--border-color--hover);\n color: var(--theme-chip-primary-outline--color--hover);\n }\n\n @include active {\n background-color: var(--theme-color-ghost-primary--active);\n border-color: var(--theme-chip-primary-outline--border-color--active);\n color: var(--theme-chip-primary-outline--color--active);\n }\n\n @include focus-visible {\n outline: var(--theme-color-focus-bdr) solid var(--theme-focus--border-thickness);\n outline-offset: -0.125rem;\n }\n\n .slot-container {\n @include ellipsis;\n\n :host-context(.disabled) {\n background-color: var(--theme-color-ghost);\n border-color: var(--theme-color-component-4);\n color: var(--theme-color-weak-text);\n }\n }\n\n .btn-oval {\n height: $large-space;\n width: $large-space;\n min-width: $large-space;\n margin-left: $tiny-space;\n padding: 0;\n vertical-align: top;\n\n @include focus-visible {\n outline: none;\n border-color: #199fff;\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\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'ix-filter-chip',\n styleUrl: 'filter-chip.scss',\n scoped: true,\n})\nexport class FilterChip {\n @Element() el: HTMLIxFilterChipElement;\n\n /**\n * If true the filter chip will be in disabled state\n */\n @Prop() disabled = false;\n\n /**\n * Close clicked\n */\n @Event() closeClick: EventEmitter<void>;\n\n private onCloseClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.closeClick.emit();\n }\n\n render() {\n return (\n <Host class={{ disabled: this.disabled }} title={this.el.textContent}>\n <div class=\"slot-container\">\n <slot></slot>\n </div>\n <button\n disabled={this.disabled}\n class=\"btn btn-invisible-primary btn-oval\"\n onClick={(e) => this.onCloseClick(e)}\n >\n <ix-icon name=\"close-small\" size=\"16\"></ix-icon>\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"gEAAA,MAAMA,EAAgB,2rD,MCwBTC,EAAU,M,8EAMF,K,CAOXC,aAAaC,GACnBA,EAAMC,iBACND,EAAME,kBACNC,KAAKC,WAAWC,M,CAGlBC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAAEC,SAAUP,KAAKO,UAAYC,MAAOR,KAAKS,GAAGC,aACvDN,EAAA,OAAKE,MAAM,kBACTF,EAAA,cAEFA,EAAA,UACEG,SAAUP,KAAKO,SACfD,MAAM,qCACNK,QAAUC,GAAMZ,KAAKJ,aAAagB,IAElCR,EAAA,WAASS,KAAK,cAAcC,KAAK,Q"}

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

	@@ -1,2 +0,0 @@
1	- import{r as t,c as i,h as s,H as e,g as h}from"./p-1c64b073.js";import{g as n}from"./p-5b39e04e.js";const o=".sc-ix-split-button-h{display:inline-block}.sc-ix-split-button-h .btn-group.sc-ix-split-button{width:100%}.sc-ix-split-button-h .btn-group.sc-ix-split-button>button.sc-ix-split-button:nth-child(1){width:calc(100% - 2rem)}.sc-ix-split-button-h .btn-group.sc-ix-split-button>button.sc-ix-split-button:nth-child(2){width:2rem}.sc-ix-split-button-h .middle-gap.sc-ix-split-button{gap:0.125rem}.sc-ix-split-button-h .left-button-border.sc-ix-split-button{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem}";const r=class{constructor(s){t(this,s);this.buttonClick=i(this,"buttonClick",7);this.variant="Primary";this.outline=false;this.invisible=false;this.ghost=false;this.label=undefined;this.icon="";this.splitIcon="context-menu";this.disabled=false;this.placement="bottom-start";this.toggle=false}get splitItems(){return Array.from(this.hostElement.querySelectorAll("ix-split-button-item"))}linkTriggerRef(){if(this.triggerElement&&this.dropdownElement){this.dropdownElement.trigger=this.triggerElement}}componentDidLoad(){this.linkTriggerRef()}render(){return s(e,null,s("div",{class:{"btn-group":true,"middle-gap":!this.outline}},s("button",{class:Object.assign(Object.assign({},n(this.variant,this.outline,this.ghost\|\|this.invisible,!this.label,false,false,this.disabled)),{"left-button-border":!this.outline}),onClick:t=>this.buttonClick.emit(t)},this.icon?s("ix-icon",{name:this.icon}):null," ",this.label),s("button",{ref:t=>this.triggerElement=t,class:Object.assign(Object.assign({},n(this.variant,this.outline,this.ghost\|\|this.invisible,true,false,false,this.disabled)),{anchor:true})},s("ix-icon",{name:this.splitIcon}))),s("ix-dropdown",{ref:t=>this.dropdownElement=t},s("slot",null)))}get hostElement(){return h(this)}};r.style=o;const l=".sc-ix-split-button-item-h{display:block}";const c=class{constructor(s){t(this,s);this.itemClick=i(this,"itemClick",7);this.icon=undefined;this.label=undefined}render(){return s("ix-dropdown-item",{icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return h(this)}};c.style=l;export{r as ix_split_button,c as ix_split_button_item};
2	- //# sourceMappingURL=p-4597dd77.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["splitButtonCss","SplitButton","splitItems","Array","from","this","hostElement","querySelectorAll","linkTriggerRef","triggerElement","dropdownElement","trigger","componentDidLoad","render","h","Host","class","outline","Object","assign","getButtonClasses","variant","ghost","invisible","label","disabled","onClick","e","buttonClick","emit","icon","name","ref","r","anchor","splitIcon","splitButtonItemCss","SplitButtonItem","itemClick"],"sources":["./src/components/split-button/split-button.scss?tag=ix-split-button&encapsulation=scoped","./src/components/split-button/split-button.tsx","./src/components/split-button-item/split-button-item.css?tag=ix-split-button-item&encapsulation=scoped","./src/components/split-button-item/split-button-item.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: inline-block;\n\n .btn-group {\n // Overwrite styling from bootstrap button group\n width: 100%;\n\n > button:nth-child(1) {\n width: calc(100% - 2rem);\n }\n\n > button:nth-child(2) {\n width: 2rem;\n }\n }\n\n .middle-gap {\n gap: 0.125rem;\n }\n\n .left-button-border {\n border-top-width: 0.125rem;\n border-right-width: 0;\n border-left-width: 0.125rem;\n border-bottom-width: 0.125rem;\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} from '@stencil/core';\nimport { getButtonClasses } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { Placement } from '../dropdown/placement';\n\nexport type SplitButtonVariant = ButtonVariant;\n\n@Component({\n tag: 'ix-split-button',\n styleUrl: 'split-button.scss',\n scoped: true,\n})\nexport class SplitButton {\n @Element() hostElement!: HTMLIxSplitButtonElement;\n\n /**\n * Color variant of button\n */\n @Prop() variant: SplitButtonVariant = 'Primary';\n\n /**\n * Button outline variant\n */\n @Prop() outline = false;\n\n /**\n * Button invisible\n *\n * @deprecated Will be removed in 2.0.0. Use ghost property\n */\n @Prop() invisible = false;\n\n /**\n * Button invisible\n */\n @Prop() ghost = false;\n\n /**\n * Button label\n */\n @Prop() label: string;\n\n /**\n * Button icon\n */\n @Prop() icon = '';\n\n /**\n * Splitbutton icon\n */\n @Prop() splitIcon = 'context-menu';\n\n /**\n * Disabled\n */\n @Prop() disabled = false;\n\n /**\n * Placement of the dropdown\n */\n @Prop() placement: Placement = 'bottom-start';\n\n @State() toggle = false;\n\n /**\n * Button clicked\n */\n @Event() buttonClick: EventEmitter<MouseEvent>;\n\n private triggerElement: HTMLElement;\n private dropdownElement: HTMLIxDropdownElement;\n\n get splitItems() {\n return Array.from(\n this.hostElement.querySelectorAll('ix-split-button-item')\n );\n }\n\n private linkTriggerRef() {\n if (this.triggerElement && this.dropdownElement) {\n this.dropdownElement.trigger = this.triggerElement;\n }\n }\n\n componentDidLoad() {\n this.linkTriggerRef();\n }\n\n render() {\n return (\n <Host>\n <div class={{ 'btn-group': true, 'middle-gap': !this.outline }}>\n <button\n class={{\n ...getButtonClasses(\n this.variant,\n this.outline,\n this.ghost || this.invisible,\n !this.label,\n false,\n false,\n this.disabled\n ),\n ...{\n 'left-button-border': !this.outline,\n },\n }}\n onClick={(e) => this.buttonClick.emit(e)}\n >\n {this.icon ? <ix-icon name={this.icon} /> : null} {this.label}\n </button>\n <button\n ref={(r) => (this.triggerElement = r)}\n class={{\n ...getButtonClasses(\n this.variant,\n this.outline,\n this.ghost || this.invisible,\n true,\n false,\n false,\n this.disabled\n ),\n ...{\n anchor: true,\n },\n }}\n >\n <ix-icon name={this.splitIcon} />\n </button>\n </div>\n\n <ix-dropdown ref={(r) => (this.dropdownElement = r)}>\n <slot></slot>\n </ix-dropdown>\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\n:host {\n display: block;\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 Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'ix-split-button-item',\n styleUrl: 'split-button-item.css',\n scoped: true,\n})\nexport class SplitButtonItem {\n /**\n * Dropdown icon\n */\n @Prop() icon: string;\n\n /**\n * Dropdown label\n */\n @Prop() label: string;\n\n /**\n * Dropdown item clicked\n */\n @Event() itemClick: EventEmitter<MouseEvent>;\n\n @Element() hostElement: HTMLIxSplitButtonItemElement;\n\n render() {\n return (\n <ix-dropdown-item\n icon={this.icon}\n label={this.label}\n onClick={(e) => this.itemClick.emit(e)}\n ></ix-dropdown-item>\n );\n }\n}\n"],"mappings":"oGAAA,MAAMA,EAAiB,4iB,MC8BVC,EAAW,M,+EAMgB,U,aAKpB,M,eAOE,M,WAKJ,M,+BAUD,G,eAKK,e,cAKD,M,eAKY,e,YAEb,K,CAUdC,iBACF,OAAOC,MAAMC,KACXC,KAAKC,YAAYC,iBAAiB,wB,CAI9BC,iBACN,GAAIH,KAAKI,gBAAkBJ,KAAKK,gBAAiB,CAC/CL,KAAKK,gBAAgBC,QAAUN,KAAKI,c,EAIxCG,mBACEP,KAAKG,gB,CAGPK,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAO,CAAE,YAAa,KAAM,cAAeX,KAAKY,UACnDH,EAAA,UACEE,MAAKE,OAAAC,OAAAD,OAAAC,OAAA,GACAC,EACDf,KAAKgB,QACLhB,KAAKY,QACLZ,KAAKiB,OAASjB,KAAKkB,WAClBlB,KAAKmB,MACN,MACA,MACAnB,KAAKoB,WAEJ,CACD,sBAAuBpB,KAAKY,UAGhCS,QAAUC,GAAMtB,KAAKuB,YAAYC,KAAKF,IAErCtB,KAAKyB,KAAOhB,EAAA,WAASiB,KAAM1B,KAAKyB,OAAW,KAAI,IAAGzB,KAAKmB,OAE1DV,EAAA,UACEkB,IAAMC,GAAO5B,KAAKI,eAAiBwB,EACnCjB,MAAKE,OAAAC,OAAAD,OAAAC,OAAA,GACAC,EACDf,KAAKgB,QACLhB,KAAKY,QACLZ,KAAKiB,OAASjB,KAAKkB,UACnB,KACA,MACA,MACAlB,KAAKoB,WAEJ,CACDS,OAAQ,QAIZpB,EAAA,WAASiB,KAAM1B,KAAK8B,cAIxBrB,EAAA,eAAakB,IAAMC,GAAO5B,KAAKK,gBAAkBuB,GAC/CnB,EAAA,c,8CCvJV,MAAMsB,EAAqB,4C,MCuBdC,EAAe,M,uGAkB1BxB,SACE,OACEC,EAAA,oBACEgB,KAAMzB,KAAKyB,KACXN,MAAOnB,KAAKmB,MACZE,QAAUC,GAAMtB,KAAKiC,UAAUT,KAAKF,I"}

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

	@@ -1,2 +0,0 @@
1	- import{r as e,h as i,H as t}from"./p-1c64b073.js";const n=":host{display:flex;position:relative;height:2rem;width:2rem;justify-content:center;align-items:center}:host ,:host ::after,:host *::before{box-sizing:border-box}:host svg{height:2rem;width:2rem}:host #fill{fill:var(--theme-color-weak-text)}:host #stroke{stroke:var(--theme-color-weak-text)}:host(.primary) #fill{fill:var(--theme-color-primary)}:host(.primary) #stroke{stroke:var(--theme-color-primary)}:host(.large){height:6rem;width:6rem}:host(.large) svg{height:5.75rem;width:6rem}";const s=class{constructor(i){e(this,i);this.variant="secondary";this.size="medium"}render(){return i(t,{class:{primary:this.variant==="primary",large:this.size==="large"}},i("svg",{viewBox:"0 0 32 32",version:"1.1",xmlns:"http://www.w3.org/2000/svg"},i("g",{id:"waiting-anim",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},i("g",{id:"stroke",transform:"translate(4.5, 3)","fill-rule":"nonzero",stroke:"#0F8287","stroke-linejoin":"round"},i("polygon",{id:"w1",points:"11.2583302 0 11.2583302 6.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"0s;w6ul.end",to:"visible"}),i("animate",{id:"w1l",attributeName:"points",calcMode:"spline",begin:"0s;w6ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 6.5 11.2583302 13",to:"11.2583302 0 22.5166605 6.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w1ul",attributeName:"points",calcMode:"spline",begin:"f6uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 22.5166605 6.5 11.2583302 13",to:"16.88749535 9.25 22.5166605 6.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w1ul.end",to:"hidden"})),i("polygon",{id:"w2",points:"22.5166605 6.5 16.88749535 10 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w1l.end",to:"visible"}),i("animate",{id:"w2l",attributeName:"points",calcMode:"spline",begin:"w1l.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 16.88749535 10 11.2583302 13",to:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w2ul",attributeName:"points",calcMode:"spline",begin:"w1ul.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",to:"16.88749535 16.25 22.5166605 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w2ul.end",to:"hidden"})),i("polygon",{id:"w3",points:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w2l.end",to:"visible"}),i("animate",{id:"w3l",attributeName:"points",calcMode:"spline",begin:"w2l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",to:"11.2583302 13 22.5166605 19.5 11.2583302 26",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w3ul",attributeName:"points",calcMode:"spline",begin:"w2ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 11.2583302 26",to:"11.2583302 13 11.2583302 19.5 11.2583302 26",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w3ul.end",to:"hidden"})),i("polygon",{id:"w4",points:"11.2583302 26 11.2583302 19.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w3l.end",to:"visible"}),i("animate",{id:"w4l",attributeName:"points",calcMode:"spline",begin:"w3l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 11.2583302 19.5 11.2583302 13",to:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w4ul",attributeName:"points",calcMode:"spline",begin:"w3ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",to:"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w4ul.end",to:"hidden"})),i("polygon",{id:"w5",points:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w4l.end",to:"visible"}),i("animate",{id:"w5l",attributeName:"points",calcMode:"spline",begin:"w4l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",to:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w5ul",attributeName:"points",calcMode:"spline",begin:"w4ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",to:"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w5ul.end",to:"hidden"})),i("polygon",{id:"w6",points:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w5l.end",to:"visible"}),i("animate",{id:"w6l",attributeName:"points",calcMode:"spline",begin:"w5l.end",dur:"0.4s",keyTimes:"0;1",from:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"w6ul",attributeName:"points",calcMode:"spline",begin:"w5ul.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 11.2583302 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"w6ul.end",to:"hidden"}))),i("g",{id:"fill",transform:"translate(4.5, 3)",fill:"#0F8287","fill-rule":"nonzero"},i("polygon",{id:"f1",points:"11.2583302 0 11.2583302 6.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"w6l.end",to:"visible"}),i("animate",{id:"f1f",attributeName:"points",calcMode:"spline",begin:"w6l.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 6.5 11.2583302 13",to:"11.2583302 0 22.5166605 6.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f1uf",attributeName:"points",calcMode:"spline",begin:"f6f.end + 0.2s",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 22.5166605 6.5 11.2583302 13",to:"16.88749535 9.25 22.5166605 6.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f1uf.end",to:"hidden"})),i("polygon",{id:"f2",points:"22.5166605 6.5 16.88749535 10 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f1f.end",to:"visible"}),i("animate",{id:"f2f",attributeName:"points",calcMode:"spline",begin:"f1f.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 16.88749535 10 11.2583302 13",to:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f2uf",attributeName:"points",calcMode:"spline",begin:"f1uf.end",dur:"0.4s",keyTimes:"0;1",from:"22.5166605 6.5 22.5166605 19.5 11.2583302 13",to:"16.88749535 16.25 22.5166605 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f2uf.end",to:"hidden"})),i("polygon",{id:"f3",points:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f2f.end",to:"visible"}),i("animate",{id:"f3f",attributeName:"points",calcMode:"spline",begin:"f2f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 16.88749535 16.75",to:"11.2583302 13 22.5166605 19.5 11.2583302 26",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f3uf",attributeName:"points",calcMode:"spline",begin:"f2uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 22.5166605 19.5 11.2583302 26",to:"11.2583302 13 11.2583302 19.5 11.2583302 26",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f3uf.end",to:"hidden"})),i("polygon",{id:"f4",points:"11.2583302 26 11.2583302 19.5 11.2583302 13",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f3f.end",to:"visible"}),i("animate",{id:"f4f",attributeName:"points",calcMode:"spline",begin:"f3f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 11.2583302 19.5 11.2583302 13",to:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f4uf",attributeName:"points",calcMode:"spline",begin:"f3uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 26 4.4408921e-15 19.5 11.2583302 13",to:"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f4uf.end",to:"hidden"})),i("polygon",{id:"f5",points:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f4f.end",to:"visible"}),i("animate",{id:"f5f",attributeName:"points",calcMode:"spline",begin:"f4f.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25",to:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f5uf",attributeName:"points",calcMode:"spline",begin:"f4uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5",to:"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f5uf.end",to:"hidden"})),i("polygon",{id:"f6",points:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",visibility:"hidden"},i("set",{attributeName:"visibility",begin:"f5f.end",to:"visible"}),i("animate",{id:"f6f",attributeName:"points",calcMode:"spline",begin:"f5f.end",dur:"0.4s",keyTimes:"0;1",from:"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",keySplines:"1 0 0.8 1",fill:"freeze"}),i("animate",{id:"f6uf",attributeName:"points",calcMode:"spline",begin:"f5uf.end",dur:"0.4s",keyTimes:"0;1",from:"11.2583302 0 11.2583302 13 2.66453526e-15 6.5",to:"11.2583302 0 11.2583302 13 11.2583302 6.5",keySplines:"0.2 0 0 1",fill:"freeze"}),i("set",{attributeName:"visibility",begin:"f6uf.end",to:"hidden"}))))))}};s.style=n;export{s as ix_spinner};
2	- //# sourceMappingURL=p-46ced516.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["spinnerCss","Spinner","render","h","Host","class","primary","this","variant","large","size","viewBox","version","xmlns","id","stroke","fill","transform","points","visibility","attributeName","begin","to","calcMode","dur","keyTimes","from","keySplines"],"sources":["./src/components/spinner/spinner.scss?tag=ix-spinner&encapsulation=shadow","./src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n position: relative;\n height: 2rem;\n width: 2rem;\n justify-content: center;\n align-items: center;\n\n svg {\n height: 2rem;\n width: 2rem;\n }\n\n #fill {\n fill: var(--theme-color-weak-text);\n }\n\n #stroke {\n stroke: var(--theme-color-weak-text);\n }\n}\n\n:host(.primary) {\n #fill {\n fill: var(--theme-color-primary);\n }\n\n #stroke {\n stroke: var(--theme-color-primary);\n }\n}\n\n:host(.large) {\n height: 6rem;\n width: 6rem;\n\n svg {\n height: 5.75rem;\n width: 6rem;\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, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ix-spinner',\n styleUrl: 'spinner.scss',\n shadow: true,\n})\nexport class Spinner {\n /**\n * Variant of spinner\n */\n @Prop() variant: 'primary' | 'sencodary' | 'secondary' = 'secondary';\n\n /**\n * Size of spinner\n */\n @Prop() size: 'medium' | 'large' = 'medium';\n\n render() {\n return (\n <Host\n class={{\n primary: this.variant === 'primary',\n large: this.size === 'large',\n }}\n >\n <svg\n viewBox=\"0 0 32 32\"\n version=\"1.1\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <g\n id=\"waiting-anim\"\n stroke=\"none\"\n stroke-width=\"1\"\n fill=\"none\"\n fill-rule=\"evenodd\"\n >\n <g\n id=\"stroke\"\n transform=\"translate(4.5, 3)\"\n fill-rule=\"nonzero\"\n stroke=\"#0F8287\"\n stroke-linejoin=\"round\"\n >\n <polygon\n id=\"w1\"\n points=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set\n attributeName=\"visibility\"\n begin=\"0s;w6ul.end\"\n to=\"visible\"\n />\n <animate\n id=\"w1l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"0s;w6ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n to=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w1ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f6uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n to=\"16.88749535 9.25 22.5166605 6.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w1ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w2\"\n points=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w1l.end\" to=\"visible\" />\n <animate\n id=\"w2l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w1l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n to=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w2ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w1ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n to=\"16.88749535 16.25 22.5166605 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w2ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w3\"\n points=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w2l.end\" to=\"visible\" />\n <animate\n id=\"w3l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w2l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n to=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w3ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w2ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n to=\"11.2583302 13 11.2583302 19.5 11.2583302 26\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w3ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w4\"\n points=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w3l.end\" to=\"visible\" />\n <animate\n id=\"w4l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w3l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n to=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w4ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w3ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n to=\"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w4ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w5\"\n points=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w4l.end\" to=\"visible\" />\n <animate\n id=\"w5l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w4l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n to=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w5ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w4ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n to=\"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w5ul.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"w6\"\n points=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w5l.end\" to=\"visible\" />\n <animate\n id=\"w6l\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w5l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"w6ul\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w5ul.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 11.2583302 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"w6ul.end\" to=\"hidden\" />\n </polygon>\n </g>\n <g\n id=\"fill\"\n transform=\"translate(4.5, 3)\"\n fill=\"#0F8287\"\n fill-rule=\"nonzero\"\n >\n <polygon\n id=\"f1\"\n points=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"w6l.end\" to=\"visible\" />\n <animate\n id=\"f1f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"w6l.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 6.5 11.2583302 13\"\n to=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f1uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f6f.end + 0.2s\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 22.5166605 6.5 11.2583302 13\"\n to=\"16.88749535 9.25 22.5166605 6.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f1uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f2\"\n points=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f1f.end\" to=\"visible\" />\n <animate\n id=\"f2f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f1f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 16.88749535 10 11.2583302 13\"\n to=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f2uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f1uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"22.5166605 6.5 22.5166605 19.5 11.2583302 13\"\n to=\"16.88749535 16.25 22.5166605 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f2uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f3\"\n points=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f2f.end\" to=\"visible\" />\n <animate\n id=\"f3f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f2f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 16.88749535 16.75\"\n to=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f3uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f2uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 22.5166605 19.5 11.2583302 26\"\n to=\"11.2583302 13 11.2583302 19.5 11.2583302 26\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f3uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f4\"\n points=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f3f.end\" to=\"visible\" />\n <animate\n id=\"f4f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f3f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 11.2583302 19.5 11.2583302 13\"\n to=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f4uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f3uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 26 4.4408921e-15 19.5 11.2583302 13\"\n to=\"5.62651 16.25 4.4408921e-15 19.5 11.2583302 13\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f4uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f5\"\n points=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f4f.end\" to=\"visible\" />\n <animate\n id=\"f5f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f4f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 5.6291651 16.25\"\n to=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f5uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f4uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 13 2.4062463e-14 19.5 1.687539e-14 6.5\"\n to=\"11.2583302 13 5.6291651 9.75 1.687539e-14 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f5uf.end\" to=\"hidden\" />\n </polygon>\n\n <polygon\n id=\"f6\"\n points=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n visibility=\"hidden\"\n >\n <set attributeName=\"visibility\" begin=\"f5f.end\" to=\"visible\" />\n <animate\n id=\"f6f\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f5f.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"5.6291651 9.75 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n keySplines=\"1 0 0.8 1\"\n fill=\"freeze\"\n />\n <animate\n id=\"f6uf\"\n attributeName=\"points\"\n calcMode=\"spline\"\n begin=\"f5uf.end\"\n dur=\"0.4s\"\n keyTimes=\"0;1\"\n from=\"11.2583302 0 11.2583302 13 2.66453526e-15 6.5\"\n to=\"11.2583302 0 11.2583302 13 11.2583302 6.5\"\n keySplines=\"0.2 0 0 1\"\n fill=\"freeze\"\n />\n <set attributeName=\"visibility\" begin=\"f6uf.end\" to=\"hidden\" />\n </polygon>\n </g>\n </g>\n </svg>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

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

	@@ -1,2 +0,0 @@
1	- import{r as i,c as t,h as o,H as s,g as a}from"./p-1c64b073.js";import{a as e}from"./p-810b5232.js";import{A as d}from"./p-3b97bb69.js";import{T as l}from"./p-9ee41861.js";const n=".sc-ix-modal-h{position:relative;width:100vw;height:100vh}.sc-ix-modal-h .modal.sc-ix-modal{display:flex}.sc-ix-modal-h .modal.animation.sc-ix-modal{animation:modal-fade 300ms ease-in-out}.sc-ix-modal-h .modal.backdrop.sc-ix-modal{background-color:var(--theme-color-lightbox);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:none}.sc-ix-modal-h .modal.backdrop.animation.sc-ix-modal{transition:-webkit-backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out;transition:backdrop-filter 0ms ease-in-out, -webkit-backdrop-filter 0ms ease-in-out}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{flex-grow:1}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal{max-height:100%}.sc-ix-modal-h .modal.scrollable.sc-ix-modal .modal-content.sc-ix-modal .modal-body.sc-ix-modal{overflow-y:auto}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal{box-shadow:var(--theme-modal--box-shadow);flex-direction:row;background-color:var(--theme-modal--background);border:var(--modal--border-thickness) solid var(--theme-modal--border-color);padding:1.5rem;max-height:100vh;border-radius:var(--theme-default-border-radius)}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .state-icon-container.sc-ix-modal{-webkit-margin-end:1rem;margin-inline-end:1rem}.sc-ix-modal-h .modal.sc-ix-modal .modal-content.sc-ix-modal .slot-container.sc-ix-modal{flex-grow:1}@media (min-width: 576px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal:not(.modal-dialog-centered){margin:2.5rem auto}}@media (max-width: 575.98px){.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal{height:100%;margin:0}.sc-ix-modal-h .modal.sc-ix-modal .modal-dialog.sc-ix-modal .modal-content.sc-ix-modal{height:100%;border-radius:0}}@keyframes modal-fade{from{opacity:0%}to{opacity:100%}}@keyframes slide-down{from{top:-100%}to{top:32px}}";let c=0;function m(){return`ix-modal-instance-${++c}`}const r=class{constructor(o){i(this,o);this.closed=t(this,"closed",7);this.dismissed=t(this,"dismissed",7);this.modalId=m();this.onKeydown=this.handleKeydown.bind(this);this.animation=true;this.ariaDescribedBy=undefined;this.ariaLabelledBy="modal-title";this.backdrop=true;this.backdropClass=undefined;this.beforeDismiss=undefined;this.centered=false;this.content=undefined;this.keyboard=true;this.icon=undefined;this.iconColor="color-std-text";this.modalDialogClass=undefined;this.scrollable=true;this.size="sm";this.headerTitle=undefined;this.windowClass=undefined}get modal(){return this.hostElement.querySelector(".modal")}get modalDialog(){return this.modal.querySelector(".modal-dialog")}get modalContent(){return this.modalDialog.querySelector(".modal-content")}get modalBackdrop(){return this.hostElement.querySelector(".backdrop")}slideDown(i){const t=this.animation?d.mediumTime:0;e({targets:i,duration:t,opacity:[0,1],translateY:["-100%",0],easing:"easeOutSine"})}slideUp(i,t){const o=this.animation?d.mediumTime:0;e({targets:i,duration:o,opacity:[1,0],translateY:[0,"-100%"],easing:"easeInSine",complete:()=>{if(t){t()}}})}onBackdropClick(i){const t=i.target;if(t.classList.contains("backdrop")){this.dismiss(i)}}componentDidLoad(){if(this.backdrop==="static"){this.modalBackdrop.addEventListener("click",(i=>this.onBackdropClick(i)))}if(this.backdropClass){this.modalBackdrop.classList.add(this.backdropClass)}if(this.modalDialogClass){this.modalDialog.classList.add(this.modalDialogClass)}if(this.windowClass){this.modal.classList.add(this.windowClass)}if(this.keyboard){window.addEventListener("keydown",this.onKeydown)}this.slideDown(this.modalContent)}handleKeydown(i){if(i.key==="Escape"){this.dismiss(i.key)}}disconnectedCallback(){window.removeEventListener("keydown",this.onKeydown)}async dismiss(i){if(this.beforeDismiss){const t=await this.beforeDismiss(i);if(t!==false){this.slideUp(this.modalContent,(()=>this.dismissed.emit(i)))}}else{this.slideUp(this.modalContent,(()=>this.dismissed.emit(i)))}}async close(i){this.slideUp(this.modalContent,(()=>this.closed.emit(i)))}render(){return o(s,{id:this.modalId},o("div",{class:{animation:this.animation,modal:true,backdrop:this.backdrop==="static"\|\|this.backdrop,"align-items-center":this.centered,scrollable:this.scrollable},"aria-describedby":this.ariaDescribedBy,"aria-labelledby":this.ariaLabelledBy},o("div",{class:{"modal-dialog":true,"modal-sm":this.size==="sm","modal-lg":this.size==="lg","modal-xl":this.size==="xl"}},o("div",{class:"modal-content"},this.icon===undefined\|\|this.icon===""?"":o("div",{class:"state-icon-container"},o("ix-icon",{name:this.icon,size:"32",color:this.iconColor})),o("div",{class:"slot-container"},o("slot",null))))))}get hostElement(){return a(this)}};r.style=n;const h=".sc-ix-modal-container-h{position:absolute;top:0;left:0;z-index:9999}";var x=undefined&&undefined.__rest\|\|function(i,t){var o={};for(var s in i)if(Object.prototype.hasOwnProperty.call(i,s)&&t.indexOf(s)<0)o[s]=i[s];if(i!=null&&typeof Object.getOwnPropertySymbols==="function")for(var a=0,s=Object.getOwnPropertySymbols(i);a<s.length;a++){if(t.indexOf(s[a])<0&&Object.prototype.propertyIsEnumerable.call(i,s[a]))o[s[a]]=i[s[a]]}return o};const u=class{constructor(t){i(this,t)}get modalStack(){return this.hostElement.querySelector(":scope > div.modal-stack")}async showModal(i){const t=new l;const o=new l;const s=document.createElement("ix-modal");let{title:a,content:e}=i,d=x(i,["title","content"]);Object.assign(s,Object.assign({headerTitle:a},d));if(typeof e==="string"){const i=document.createElement("template");e=e.trim();i.innerHTML=e;s.appendChild(i.content.firstChild)}else{s.appendChild(e)}this.modalStack.appendChild(s);s.addEventListener("closed",(i=>{i.preventDefault();i.stopImmediatePropagation();this.modalStack.removeChild(s);t.emit(i.detail)}));s.addEventListener("dismissed",(i=>{i.preventDefault();i.stopImmediatePropagation();this.modalStack.removeChild(s);o.emit(i.detail)}));return{htmlElement:s,onClose:t,onDismiss:o}}render(){return o(s,null,o("div",{class:"modal-stack"}))}get hostElement(){return a(this)}};u.style=h;export{r as ix_modal,u as ix_modal_container};
2	- //# sourceMappingURL=p-47422d47.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["modalCss","modalInstanceId","getNextModalInstanceId","Modal","this","modalId","onKeydown","handleKeydown","bind","modal","hostElement","querySelector","modalDialog","modalContent","modalBackdrop","slideDown","duration","animation","Animation","mediumTime","anime","targets","opacity","translateY","easing","slideUp","completeCallback","complete","onBackdropClick","event","target","classList","contains","dismiss","componentDidLoad","backdrop","addEventListener","backdropClass","add","modalDialogClass","windowClass","keyboard","window","ev","key","disconnectedCallback","removeEventListener","async","reason","beforeDismiss","result","dismissed","emit","closed","render","h","Host","id","class","centered","scrollable","ariaDescribedBy","ariaLabelledBy","size","icon","undefined","name","color","iconColor","modalContainerCss","ModalContainer","modalStack","config","onClose","TypedEvent","onDismiss","document","createElement","title","content","modifiedConfig","__rest","Object","assign","headerTitle","template","trim","innerHTML","appendChild","firstChild","preventDefault","stopImmediatePropagation","removeChild","detail","htmlElement"],"sources":["./src/components/modal/modal.scss?tag=ix-modal&encapsulation=scoped","./src/components/modal/modal.tsx","./src/components/modal-container/modal-container.scss?tag=ix-modal-container&encapsulation=scoped","./src/components/modal-container/modal-container.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import '~bootstrap/scss/_functions';\n@import '~bootstrap/scss/mixins/_breakpoints.scss';\n@import '~bootstrap/scss/_variables.scss';\n\n@import 'common-variables';\n\n:host {\n position: relative;\n width: 100vw;\n height: 100vh;\n\n .modal {\n display: flex;\n\n &.animation {\n animation: modal-fade $medium-time ease-in-out;\n }\n\n &.backdrop {\n background-color: var(--theme-color-lightbox);\n backdrop-filter: blur(4px);\n transition: none;\n\n &.animation {\n transition: backdrop-filter $short-time ease-in-out;\n }\n }\n\n .modal-dialog {\n flex-grow: 1;\n }\n\n &.scrollable {\n .modal-content {\n max-height: 100%;\n .modal-body {\n overflow-y: auto;\n }\n }\n }\n\n .modal-content {\n box-shadow: var(--theme-modal--box-shadow);\n flex-direction: row;\n background-color: var(--theme-modal--background);\n border: var(--modal--border-thickness) solid\n var(--theme-modal--border-color);\n padding: $large-space;\n max-height: 100vh;\n border-radius: var(--theme-default-border-radius);\n\n .state-icon-container {\n margin-inline-end: $default-space;\n }\n\n .slot-container {\n flex-grow: 1;\n }\n }\n\n @include media-breakpoint-up(sm) {\n .modal-dialog:not(.modal-dialog-centered) {\n margin: 2.5rem auto;\n }\n }\n\n @include media-breakpoint-down(sm) {\n .modal-dialog {\n height: 100%;\n margin: 0;\n\n .modal-content {\n height: 100%;\n border-radius: 0;\n }\n }\n }\n\n @keyframes modal-fade {\n from {\n opacity: 0%;\n }\n to {\n opacity: 100%;\n }\n }\n\n @keyframes slide-down {\n from {\n top: -100%;\n }\n to {\n top: 32px;\n }\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\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { NotificationColor } from '../utils/notification-color';\n\nlet modalInstanceId = 0;\n\nfunction getNextModalInstanceId() {\n return `ix-modal-instance-${++modalInstanceId}`;\n}\n\n@Component({\n tag: 'ix-modal',\n styleUrl: 'modal.scss',\n scoped: true,\n})\nexport class Modal {\n @Element() hostElement: HTMLIxModalElement;\n\n /**\n * Should the modal be animtated\n */\n @Prop() animation = true;\n\n /**\n *\n */\n @Prop() ariaDescribedBy: string;\n\n /**\n *\n */\n @Prop() ariaLabelledBy = 'modal-title';\n\n /**\n * Adds a dimming layer to the modal.\n * This should only be used when it it necessary to focus the user's attention to the dialog content (e.g. errors, warnings, complex tasks).\n */\n @Prop() backdrop: boolean | 'static' = true;\n\n /**\n * Backdrop class\n */\n @Prop() backdropClass: string;\n\n /**\n * BeforeDismiss callback\n */\n @Prop() beforeDismiss: (reason?: any) => boolean | Promise<boolean>;\n\n /**\n * Centered modal\n */\n @Prop() centered = false;\n\n /**\n * Content of modal\n */\n @Prop() content: HTMLElement | string;\n\n /**\n * ESC close modal dialog\n */\n @Prop() keyboard = true;\n\n /**\n * Optional icon displayed next to the title\n */\n @Prop() icon: string;\n\n /**\n * Color of the header {@see ix-icon}\n */\n @Prop() iconColor: NotificationColor = 'color-std-text';\n\n /**\n * Modal dialog class\n */\n @Prop() modalDialogClass: string;\n\n /**\n * Modal scollable\n */\n @Prop() scrollable = true;\n\n /**\n * Modal size\n */\n @Prop() size: 'sm' | 'lg' | 'xl' = 'sm';\n\n /**\n * Header title\n */\n @Prop() headerTitle: string;\n\n /**\n * Window class\n */\n @Prop() windowClass: string;\n\n /**\n * Modal closed\n */\n @Event() closed: EventEmitter;\n\n /**\n * Modal dismissed\n */\n @Event() dismissed: EventEmitter;\n\n private modalId = getNextModalInstanceId();\n private readonly onKeydown = this.handleKeydown.bind(this);\n\n get modal() {\n return this.hostElement.querySelector('.modal');\n }\n\n get modalDialog() {\n return this.modal.querySelector('.modal-dialog');\n }\n\n get modalContent() {\n return this.modalDialog.querySelector('.modal-content');\n }\n\n get modalBackdrop() {\n return this.hostElement.querySelector('.backdrop');\n }\n\n private slideDown(modal: any) {\n const duration = this.animation ? Animation.mediumTime : 0;\n\n anime({\n targets: modal,\n duration,\n opacity: [0, 1],\n translateY: ['-100%', 0],\n easing: 'easeOutSine',\n });\n }\n\n private slideUp(modal: any, completeCallback?: any) {\n const duration = this.animation ? Animation.mediumTime : 0;\n\n anime({\n targets: modal,\n duration,\n opacity: [1, 0],\n translateY: [0, '-100%'],\n easing: 'easeInSine',\n complete: () => {\n if (completeCallback) {\n completeCallback();\n }\n },\n });\n }\n\n private onBackdropClick(event: Event) {\n const target = event.target as Element;\n if (target.classList.contains('backdrop')) {\n this.dismiss(event);\n }\n }\n\n componentDidLoad() {\n if (this.backdrop === 'static') {\n this.modalBackdrop.addEventListener('click', (event) =>\n this.onBackdropClick(event)\n );\n }\n\n if (this.backdropClass) {\n this.modalBackdrop.classList.add(this.backdropClass);\n }\n\n if (this.modalDialogClass) {\n this.modalDialog.classList.add(this.modalDialogClass);\n }\n\n if (this.windowClass) {\n this.modal.classList.add(this.windowClass);\n }\n\n if (this.keyboard) {\n window.addEventListener('keydown', this.onKeydown);\n }\n\n this.slideDown(this.modalContent);\n }\n\n private handleKeydown(ev: KeyboardEvent) {\n if (ev.key === 'Escape') {\n this.dismiss(ev.key);\n }\n }\n\n disconnectedCallback() {\n window.removeEventListener('keydown', this.onKeydown);\n }\n\n /**\n * Dismiss modal instance\n * @param reason\n */\n @Method()\n async dismiss<T = any>(reason?: T) {\n if (this.beforeDismiss) {\n const result = await this.beforeDismiss(reason);\n if (result !== false) {\n this.slideUp(this.modalContent, () => this.dismissed.emit(reason));\n }\n } else {\n this.slideUp(this.modalContent, () => this.dismissed.emit(reason));\n }\n }\n\n /**\n * Close modal\n * @param result\n */\n @Method()\n async close<T = any>(result: T) {\n this.slideUp(this.modalContent, () => this.closed.emit(result));\n }\n\n render() {\n return (\n <Host id={this.modalId}>\n <div\n class={{\n animation: this.animation,\n modal: true,\n backdrop: this.backdrop === 'static' || this.backdrop,\n 'align-items-center': this.centered,\n scrollable: this.scrollable,\n }}\n aria-describedby={this.ariaDescribedBy}\n aria-labelledby={this.ariaLabelledBy}\n >\n <div\n class={{\n 'modal-dialog': true,\n 'modal-sm': this.size === 'sm',\n 'modal-lg': this.size === 'lg',\n 'modal-xl': this.size === 'xl',\n }}\n >\n <div class=\"modal-content\">\n {this.icon === undefined || this.icon === '' ? (\n ''\n ) : (\n <div class=\"state-icon-container\">\n <ix-icon\n name={this.icon}\n size=\"32\"\n color={this.iconColor}\n ></ix-icon>\n </div>\n )}\n <div class=\"slot-container\">\n <slot></slot>\n </div>\n </div>\n </div>\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\n:host {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 9999;\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, Method } from '@stencil/core';\nimport { ModalConfig, ModalInstance } from '../modal/modal-utils';\nimport { TypedEvent } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-modal-container',\n styleUrl: 'modal-container.scss',\n scoped: true,\n})\nexport class ModalContainer {\n @Element() hostElement: HTMLIxModalContainerElement;\n\n get modalStack() {\n return this.hostElement.querySelector(':scope > div.modal-stack');\n }\n\n /**\n * Display modal dialog\n *\n * @param config\n */\n @Method()\n async showModal<T = any>(config: ModalConfig<T>): Promise<ModalInstance<T>> {\n const onClose = new TypedEvent<T>();\n const onDismiss = new TypedEvent<T>();\n\n const modal = document.createElement('ix-modal');\n let { title, content, ...modifiedConfig } = config;\n Object.assign(modal, { headerTitle: title, ...modifiedConfig });\n\n if (typeof content === 'string') {\n const template = document.createElement('template');\n content = content.trim();\n template.innerHTML = content;\n modal.appendChild(template.content.firstChild);\n } else {\n modal.appendChild(content);\n }\n this.modalStack.appendChild(modal);\n\n modal.addEventListener('closed', (event: CustomEvent<T>) => {\n event.preventDefault();\n event.stopImmediatePropagation();\n this.modalStack.removeChild(modal);\n onClose.emit(event.detail);\n });\n modal.addEventListener('dismissed', (event: CustomEvent<T>) => {\n event.preventDefault();\n event.stopImmediatePropagation();\n this.modalStack.removeChild(modal);\n onDismiss.emit(event.detail);\n });\n\n return {\n htmlElement: modal,\n onClose,\n onDismiss,\n };\n }\n\n render() {\n return (\n <Host>\n <div class=\"modal-stack\"></div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

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

	@@ -1,2 +0,0 @@
1	- import{r as i,h as t,H as e,g as s}from"./p-1c64b073.js";import{s as a}from"./p-1572aab3.js";import"./p-9ee41861.js";const n=".sc-ix-basic-navigation-h{display:flex;position:relative;width:100%;height:100%;flex-direction:column}.sc-ix-basic-navigation-h ix-application-header.sc-ix-basic-navigation{z-index:calc(var(--theme-z-index-sticky) + 1)}.sc-ix-basic-navigation-h .content.sc-ix-basic-navigation{display:flex;height:calc(100% - 2.75rem);width:calc(100% - 3.25rem);position:relative;margin-left:3.25rem;overflow:auto}.hide-header.sc-ix-basic-navigation-h .content.sc-ix-basic-navigation{height:100%}.mode-mobile.sc-ix-basic-navigation-h .content.sc-ix-basic-navigation{margin-left:0px;width:100%}";const o=class{constructor(t){i(this,t);this.applicationName=undefined;this.hideHeader=false;this.mode="desktop"}get menu(){return this.hostElement.querySelector("ix-menu")}componentWillLoad(){if(this.hideHeader===false){this.modeDisposable=a.onChange.on((i=>this.mode=i));this.mode=a.mode}}componentDidRender(){if(this.menu){this.appendMenu();this.adjustMenuHeight();this.menu.applicationName=this.applicationName}}disconnectedCallback(){var i;(i=this.modeDisposable)===null\|\|i===void 0?void 0:i.dispose()}appendMenu(){this.hostElement.querySelector("#menu-placeholder").appendChild(this.menu)}adjustMenuHeight(){if(!this.hideHeader){this.menu.style.height="calc(100% - 2.75rem)"}}render(){return t(e,{"data-role":"",class:{"hide-header":this.hideHeader,[`mode-${this.mode}`]:true}},!this.hideHeader?t("ix-application-header",{name:this.applicationName},t("slot",{name:"logo"})):null,t("div",{id:"menu-placeholder"}),t("div",{class:"content",onClick:()=>this.menu.toggleMenu(false)},t("slot",null)))}get hostElement(){return s(this)}};o.style=n;export{o as ix_basic_navigation};
2	- //# sourceMappingURL=p-4851ea38.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["basicNavigationCss","BasicNavigation","menu","this","hostElement","querySelector","componentWillLoad","hideHeader","modeDisposable","screenMode","onChange","on","mode","componentDidRender","appendMenu","adjustMenuHeight","applicationName","disconnectedCallback","_a","dispose","appendChild","style","height","render","h","Host","class","name","id","onClick","toggleMenu"],"sources":["./src/components/basic-navigation/basic-navigation.scss?tag=ix-basic-navigation&encapsulation=scoped","./src/components/basic-navigation/basic-navigation.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 position: relative;\n width: 100%;\n height: 100%;\n\n flex-direction: column;\n\n ix-application-header {\n z-index: calc(var(--theme-z-index-sticky) + 1);\n }\n\n .content {\n display: flex;\n height: calc(100% - 2.75rem);\n width: calc(100% - 3.25rem);\n position: relative;\n margin-left: 3.25rem;\n overflow: auto;\n }\n\n &.hide-header {\n .content {\n height: 100%;\n }\n }\n}\n\n:host(.mode-mobile) {\n .content {\n margin-left: 0px;\n width: 100%;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { Mode } from '../utils/screen/mode';\nimport { screenMode } from '../utils/screen/service';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n tag: 'ix-basic-navigation',\n styleUrl: 'basic-navigation.scss',\n scoped: true,\n})\nexport class BasicNavigation {\n @Element() hostElement: HTMLIxBasicNavigationElement;\n\n /**\n * Application name\n */\n @Prop() applicationName: string;\n\n /**\n * Hide application header. Will disable responsive feature of basic navigation.\n */\n @Prop() hideHeader = false;\n\n @State() mode: Mode = 'desktop';\n\n get menu(): HTMLIxMenuElement {\n return this.hostElement.querySelector('ix-menu');\n }\n\n private modeDisposable: Disposable;\n\n componentWillLoad() {\n if (this.hideHeader === false) {\n this.modeDisposable = screenMode.onChange.on(\n (mode) => (this.mode = mode)\n );\n this.mode = screenMode.mode;\n }\n }\n\n componentDidRender() {\n if (this.menu) {\n this.appendMenu();\n this.adjustMenuHeight();\n this.menu.applicationName = this.applicationName;\n }\n }\n\n disconnectedCallback() {\n this.modeDisposable?.dispose();\n }\n\n private appendMenu() {\n this.hostElement.querySelector('#menu-placeholder').appendChild(this.menu);\n }\n\n private adjustMenuHeight() {\n if (!this.hideHeader) {\n this.menu.style.height = 'calc(100% - 2.75rem)';\n }\n }\n\n render() {\n return (\n <Host\n data-role=\"\"\n class={{\n 'hide-header': this.hideHeader,\n [`mode-${this.mode}`]: true,\n }}\n >\n {!this.hideHeader ? (\n <ix-application-header name={this.applicationName}>\n <slot name=\"logo\"></slot>\n </ix-application-header>\n ) : null}\n <div id=\"menu-placeholder\"></div>\n <div class=\"content\" onClick={() => this.menu.toggleMenu(false)}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAA,MAAMA,EAAqB,mkB,MCmBdC,EAAe,M,wEAWL,M,UAEC,S,CAElBC,WACF,OAAOC,KAAKC,YAAYC,cAAc,U,CAKxCC,oBACE,GAAIH,KAAKI,aAAe,MAAO,CAC7BJ,KAAKK,eAAiBC,EAAWC,SAASC,IACvCC,GAAUT,KAAKS,KAAOA,IAEzBT,KAAKS,KAAOH,EAAWG,I,EAI3BC,qBACE,GAAIV,KAAKD,KAAM,CACbC,KAAKW,aACLX,KAAKY,mBACLZ,KAAKD,KAAKc,gBAAkBb,KAAKa,e,EAIrCC,uB,OACEC,EAAAf,KAAKK,kBAAc,MAAAU,SAAA,SAAAA,EAAEC,S,CAGfL,aACNX,KAAKC,YAAYC,cAAc,qBAAqBe,YAAYjB,KAAKD,K,CAG/Da,mBACN,IAAKZ,KAAKI,WAAY,CACpBJ,KAAKD,KAAKmB,MAAMC,OAAS,sB,EAI7BC,SACE,OACEC,EAACC,EAAI,aACO,GACVC,MAAO,CACL,cAAevB,KAAKI,WACpB,CAAC,QAAQJ,KAAKS,QAAS,QAGvBT,KAAKI,WACLiB,EAAA,yBAAuBG,KAAMxB,KAAKa,iBAChCQ,EAAA,QAAMG,KAAK,UAEX,KACJH,EAAA,OAAKI,GAAG,qBACRJ,EAAA,OAAKE,MAAM,UAAUG,QAAS,IAAM1B,KAAKD,KAAK4B,WAAW,QACvDN,EAAA,c"}

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

	@@ -1,2 +0,0 @@
1	- import{r as e,h as i,H as t}from"./p-1c64b073.js";const l=".sc-ix-tile-h{min-width:11.937rem;max-width:11.937rem;width:11.937rem;display:flex;flex-direction:column;border:1px solid var(--theme-tile--border);border-radius:var(--theme-tile--border-radius);background-color:var(--theme-color-2);color:var(--theme-color-std-text);box-shadow:var(--theme-tile--box-shadow)}.tile-small.sc-ix-tile-h{height:2.5rem;min-height:2.5rem;max-height:2.5rem}.tile-medium.sc-ix-tile-h{height:5rem;min-height:5rem;max-height:5rem}.tile-big.sc-ix-tile-h{height:10rem;min-height:10rem;max-height:10rem}.sc-ix-tile-h:active,.sc-ix-tile-h:focus-visible,.sc-ix-tile-h:visited{outline:none}.sc-ix-tile-h .tile-header.sc-ix-tile{display:flex;align-items:center}.sc-ix-tile-h .tile-header.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-subheader.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-content.sc-ix-tile:not(:empty),.sc-ix-tile-h .tile-footer.sc-ix-tile:not(:empty){padding:0 1rem}.sc-ix-tile-h .tile-header.sc-ix-tile,.sc-ix-tile-h .tile-subheader.sc-ix-tile,.sc-ix-tile-h .tile-content.sc-ix-tile{flex-grow:1}.sc-ix-tile-h .tile-header.sc-ix-tile:not(:empty){display:flex;height:2.5rem;max-height:2.5rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem}.sc-ix-tile-h .tile-subheader.sc-ix-tile{color:var(--theme-btn-invisible-secondary--color);flex-grow:0}.sc-ix-tile-h .tile-content.sc-ix-tile{flex-grow:1}.sc-ix-tile-h .tile-footer.sc-ix-tile:not(:empty){-webkit-border-before:1px solid var(--theme-color-1);border-block-start:1px solid var(--theme-color-1);height:2.5rem}";const s=class{constructor(i){e(this,i);this.size="medium"}render(){return i(t,{class:{"tile-small":this.size==="small","tile-medium":this.size==="medium","tile-big":this.size==="big"}},i("div",{class:"tile-header text-l-title"},i("slot",{name:"header"})),i("div",{class:"tile-subheader"},i("slot",{name:"subheader"})),i("div",{class:"tile-content"},i("slot",null)),i("div",{class:"tile-footer"},i("slot",{name:"footer"})))}};s.style=l;export{s as ix_tile};
2	- //# sourceMappingURL=p-4e851aa3.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["tileCss","Tile","render","h","Host","class","this","size","name"],"sources":["./src/components/tile/tile.scss?tag=ix-tile&encapsulation=scoped","./src/components/tile/tile.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n:host {\n @mixin set-height($height) {\n height: $height;\n min-height: $height;\n max-height: $height;\n }\n\n $heightSmall: 2.5rem;\n $heightMedium: 5rem;\n $heightBig: 10rem;\n $width: 11.937rem;\n\n min-width: $width;\n max-width: $width;\n width: $width;\n\n display: flex;\n flex-direction: column;\n border: 1px solid var(--theme-tile--border);\n border-radius: var(--theme-tile--border-radius);\n\n background-color: var(--theme-color-2);\n color: var(--theme-color-std-text);\n box-shadow: var(--theme-tile--box-shadow);\n\n &.tile-small {\n @include set-height($heightSmall);\n }\n\n &.tile-medium {\n @include set-height($heightMedium);\n }\n\n &.tile-big {\n @include set-height($heightBig);\n }\n\n // @each $key, $value in $color-map-status {\n // &.tile-#{$key} {\n // background-color: #{$value};\n // color: automatic-text-color($value, 65);\n // }\n // }\n\n &:active,\n &:focus-visible,\n &:visited {\n outline: none;\n }\n\n .tile-header {\n display: flex;\n align-items: center;\n }\n\n .tile-header,\n .tile-subheader,\n .tile-content,\n .tile-footer {\n &:not(:empty) {\n padding: 0 $default-space;\n }\n }\n\n .tile-header,\n .tile-subheader,\n .tile-content {\n flex-grow: 1;\n }\n\n .tile-header:not(:empty) {\n display: flex;\n height: $large-control-height;\n max-height: $large-control-height;\n padding-inline-end: $small-space;\n }\n\n .tile-subheader {\n color: var(--theme-btn-invisible-secondary--color);\n flex-grow: 0;\n }\n\n .tile-content {\n flex-grow: 1;\n }\n\n .tile-footer:not(:empty) {\n border-block-start: 1px solid var(--theme-color-1);\n height: $large-control-height;\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, h, Host, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ix-tile',\n styleUrl: 'tile.scss',\n scoped: true,\n})\nexport class Tile {\n /**\n * Size of the tile - one of 'small', 'medium' or 'large'\n */\n @Prop() size: 'small' | 'medium' | 'big' = 'medium';\n\n render() {\n return (\n <Host\n class={{\n 'tile-small': this.size === 'small',\n 'tile-medium': this.size === 'medium',\n 'tile-big': this.size === 'big',\n }}\n >\n <div class=\"tile-header text-l-title\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"tile-subheader\">\n <slot name=\"subheader\"></slot>\n </div>\n <div class=\"tile-content\">\n <slot></slot>\n </div>\n <div class=\"tile-footer\">\n <slot name=\"footer\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,09C,MCgBHC,EAAI,M,mCAI4B,Q,CAE3CC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,aAAcC,KAAKC,OAAS,QAC5B,cAAeD,KAAKC,OAAS,SAC7B,WAAYD,KAAKC,OAAS,QAG5BJ,EAAA,OAAKE,MAAM,4BACTF,EAAA,QAAMK,KAAK,YAEbL,EAAA,OAAKE,MAAM,kBACTF,EAAA,QAAMK,KAAK,eAEbL,EAAA,OAAKE,MAAM,gBACTF,EAAA,cAEFA,EAAA,OAAKE,MAAM,eACTF,EAAA,QAAMK,KAAK,Y"}

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

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

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

@@ -1 +0,0 @@

- {"version":3,"names":["tabsCss","windowStartSize","window","innerWidth","Tabs","this","clickAction","timeout","isClick","onWindowResize","totalItems","getTabs","length","move","Array","from","hostElement","querySelectorAll","getTab","tabIndex","getTabsWrapper","getElementsByClassName","showArrows","tabWrapper","scrollWidth","Math","ceil","getBoundingClientRect","width","layout","error","showPreviousArrow","scrollActionAmount","showNextArrow","tabWrapperRect","getArrowStyle","condition","opacity","zIndex","amount","click","maxScrollWidth","currentScrollAmount","styles","join","setAttribute","moveTabToView","tab","x","setSelected","index","selected","clickTab","dragStop","dragStart","element","event","button","setTimeout","tabPositionX","parseFloat","getComputedStyle","left","mousedownPositionX","clientX","dragMove","addEventListener","removeEventListener","tabX","mousedownX","clearTimeout","componentDidRender","tabs","forEach","small","rounded","placement","componentWillRender","requestAnimationFrame","styleNextArrow","stylePreviousArrow","componentDidLoad","isDisabled","getAttribute","render","h","Host","class","style","onClick","scrollAmount"],"sources":["./src/components/tabs/tabs.scss?tag=ix-tabs","./src/components/tabs/tabs.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\nix-tabs {\n width: auto;\n display: flex;\n align-items: center;\n position: relative;\n\n .tab-items {\n overflow: hidden;\n scroll-behavior: smooth;\n width: 100%;\n\n .items-content {\n display: flex;\n align-items: center;\n }\n }\n\n .arrow {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n top: 0;\n bottom: 0;\n left: 0;\n margin: auto 0;\n border-radius: 4px;\n color: var(--theme-btn-invisible-primary--color);\n background-color: var(--theme-btn-invisible-primary--background);\n z-index: 2;\n\n &:hover {\n color: var(--theme-btn-invisible-primary--color--hover);\n background-color: var(--theme-btn-invisible-primary--background--hover);\n }\n\n &:active {\n color: var(--theme-btn-invisible-primary--color--active);\n background-color: var(--theme-btn-invisible-primary--background--active);\n }\n\n &.right {\n left: auto;\n right: 0;\n }\n }\n\n .overflow-shadow {\n width: 50px;\n height: 40px;\n position: absolute;\n left: 0;\n top: 0;\n background: linear-gradient(90deg, var(--theme-color-1) 50%, transparent);\n z-index: 1;\n\n &.right {\n left: auto;\n right: 0;\n background: linear-gradient(90deg, transparent, var(--theme-color-1) 50%);\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\nimport {\n Component,\n Element,\n h,\n Host,\n Listen,\n Prop,\n State,\n} from '@stencil/core';\n\nlet windowStartSize = window.innerWidth;\n\n@Component({\n tag: 'ix-tabs',\n styleUrl: 'tabs.scss',\n scoped: false,\n})\nexport class Tabs {\n @Element() hostElement!: HTMLIxTabsElement;\n\n /**\n * Set tab items to small size\n */\n @Prop() small = false;\n\n /**\n * Set rounded tabs\n */\n @Prop() rounded = false;\n\n /**\n * Set default selected tab by index\n */\n @Prop({ mutable: true }) selected = 0;\n\n /**\n * Set layout width style\n */\n @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n /**\n * Set placement style\n */\n @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n @State() totalItems = 0;\n @State() currentScrollAmount = 0;\n @State() scrollAmount = 100;\n @State() styleNextArrow = {};\n @State() stylePreviousArrow = {};\n\n @State() scrollActionAmount = 0;\n private clickAction: {\n timeout: NodeJS.Timeout;\n isClick: boolean;\n } = {\n timeout: null,\n isClick: true,\n };\n\n @Listen('resize', { target: 'window' })\n onWindowResize() {\n this.totalItems = 0;\n this.totalItems = this.getTabs().length;\n\n if (windowStartSize === 0) return (windowStartSize = window.innerWidth);\n this.move(windowStartSize - window.innerWidth);\n windowStartSize = window.innerWidth;\n }\n\n private getTabs() {\n return Array.from(this.hostElement.querySelectorAll('ix-tab-item'));\n }\n\n private getTab(tabIndex: number) {\n return this.getTabs()[tabIndex];\n }\n\n private getTabsWrapper() {\n return this.hostElement.getElementsByClassName('items-content')[0];\n }\n\n private showArrows() {\n try {\n const tabWrapper = this.getTabsWrapper();\n return (\n tabWrapper.scrollWidth >\n Math.ceil(tabWrapper.getBoundingClientRect().width) &&\n this.layout === 'auto'\n );\n } catch (error) {\n return false;\n }\n }\n\n private showPreviousArrow() {\n try {\n return this.showArrows() && this.scrollActionAmount < 0;\n } catch (error) {\n return false;\n }\n }\n\n private showNextArrow() {\n try {\n const tabWrapper = this.getTabsWrapper();\n const tabWrapperRect = tabWrapper.getBoundingClientRect();\n\n return (\n this.showArrows() &&\n this.scrollActionAmount >\n (tabWrapper.scrollWidth - tabWrapperRect.width) * -1\n );\n } catch (error) {\n return false;\n }\n }\n\n private getArrowStyle(condition: boolean) {\n return {\n opacity: condition ? '1' : '0',\n zIndex: condition ? '1' : '-1',\n };\n }\n\n private move(amount: number, click = false) {\n const tabWrapper = this.getTabsWrapper();\n const maxScrollWidth =\n (tabWrapper.scrollWidth - tabWrapper.getBoundingClientRect().width) * -1;\n\n amount = this.currentScrollAmount + amount;\n amount = amount > 0 ? 0 : amount < maxScrollWidth ? maxScrollWidth : amount;\n\n const styles = [\n `transform: translateX(${amount}px);`,\n click ? 'transition: all ease-in-out 400ms;' : '',\n ].join('');\n\n tabWrapper.setAttribute('style', styles);\n\n if (click) this.currentScrollAmount = this.scrollActionAmount = amount;\n else this.scrollActionAmount = amount;\n }\n\n private moveTabToView(tabIndex: number) {\n if (!this.showArrows()) return;\n\n const tab = this.getTab(tabIndex).getBoundingClientRect();\n const amount = tab.x * -1;\n this.move(amount, true);\n }\n\n private setSelected(index: number) {\n this.selected = index;\n }\n\n private clickTab(index: number) {\n if (this.dragStop()) return;\n\n this.setSelected(index);\n this.moveTabToView(index);\n }\n\n private dragStart(element: HTMLIxTabItemElement, event: MouseEvent) {\n if (!this.showArrows()) return;\n if (event.button > 0) return;\n\n this.clickAction.timeout =\n this.clickAction.timeout === null\n ? setTimeout(() => (this.clickAction.isClick = false), 300)\n : null;\n\n const tabPositionX = parseFloat(window.getComputedStyle(element).left);\n const mousedownPositionX = event.clientX;\n const move = (event: MouseEvent) =>\n this.dragMove(event, tabPositionX, mousedownPositionX);\n\n window.addEventListener('mouseup', () => {\n window.removeEventListener('mousemove', move, false);\n this.dragStop();\n });\n window.addEventListener('mousemove', move, false);\n }\n\n private dragMove(event: MouseEvent, tabX: number, mousedownX: number) {\n this.move(event.clientX + tabX - mousedownX);\n }\n\n private dragStop() {\n clearTimeout(this.clickAction.timeout);\n this.clickAction.timeout = null;\n\n if (this.clickAction.isClick) return false;\n\n this.currentScrollAmount = this.scrollActionAmount;\n this.clickAction.isClick = true;\n\n return true;\n }\n\n componentDidRender() {\n const tabs = this.getTabs();\n this.totalItems = tabs.length;\n\n tabs.forEach((element, index) => {\n if (this.small) element.setAttribute('small', 'true');\n\n if (this.rounded) element.setAttribute('rounded', 'true');\n\n element.setAttribute('layout', this.layout);\n element.setAttribute(\n 'selected',\n index === this.selected ? 'true' : 'false'\n );\n element.setAttribute('placement', this.placement);\n });\n }\n\n componentWillRender() {\n requestAnimationFrame(() => {\n this.styleNextArrow = this.getArrowStyle(this.showNextArrow());\n this.stylePreviousArrow = this.getArrowStyle(this.showPreviousArrow());\n });\n }\n\n componentDidLoad() {\n const tabs = this.getTabs();\n tabs.forEach((element, index) => {\n const isDisabled = element.getAttribute('disabled') !== null;\n if (!isDisabled)\n element.addEventListener('click', () => this.clickTab(index));\n\n element.addEventListener('mousedown', (event) =>\n this.dragStart(element, event)\n );\n });\n }\n\n render() {\n return (\n <Host>\n <div class=\"overflow-shadow\" style={this.stylePreviousArrow}></div>\n <div\n class=\"arrow\"\n style={this.stylePreviousArrow}\n onClick={() => this.move(this.scrollAmount, true)}\n >\n <span class=\"glyph glyph-chevron-left-small\"></span>\n </div>\n <div class=\"tab-items\">\n <div class=\"items-content\">\n <slot></slot>\n </div>\n </div>\n <div class=\"overflow-shadow right\" style={this.styleNextArrow}></div>\n <div\n class=\"arrow right\"\n style={this.styleNextArrow}\n onClick={() => this.move(-this.scrollAmount, true)}\n >\n <span class=\"glyph glyph-chevron-right-small\"></span>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-529d7530.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{T as e}from"./p-9ee41861.js";class t{constructor(){this.menuElement=null;this.menuExpandChange=new e}register(e){if(this.menuElement){console.warn("Menu already defined");return}this.menuElement=e;this.menuElement.addEventListener("expandChange",(e=>{this.menuExpandChange.emit(e.detail)}))}async open(){if(this.menuElement){this.menuElement.toggleMenu(true);return true}return false}async close(){if(this.menuElement){this.menuElement.toggleMenu(false);return true}return false}async toggle(){if(this.menuElement){this.menuElement.toggleMenu();return true}return false}get nativeElement(){return this.menuElement}get expandChange(){return this.menuExpandChange}}const s=new t;function r(e){return e&&e.tagName==="IX-BASIC-NAVIGATION"}const n=(e,t)=>t.closest(e);export{n as h,r as i,s as m};
2	- //# sourceMappingURL=p-529d7530.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["MenuService","constructor","this","menuElement","menuExpandChange","TypedEvent","register","console","warn","addEventListener","event","emit","detail","async","toggleMenu","nativeElement","expandChange","menuController","isBasicNavigationLayout","element","tagName","hostContext","selector","closest"],"sources":["./src/components/utils/menu-service/menu-service.ts","./src/components/utils/screen/context.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TypedEvent } from '../typed-event';\n\nclass MenuService {\n menuElement: HTMLIxMenuElement | null = null;\n menuExpandChange = new TypedEvent<boolean>();\n\n register(menuElement: HTMLIxMenuElement) {\n if (this.menuElement) {\n console.warn('Menu already defined');\n return;\n }\n this.menuElement = menuElement;\n this.menuElement.addEventListener(\n 'expandChange',\n (event: CustomEvent<boolean>) => {\n this.menuExpandChange.emit(event.detail);\n }\n );\n }\n\n public async open() {\n if (this.menuElement) {\n this.menuElement.toggleMenu(true);\n return true;\n }\n\n return false;\n }\n\n public async close() {\n if (this.menuElement) {\n this.menuElement.toggleMenu(false);\n return true;\n }\n\n return false;\n }\n\n public async toggle() {\n if (this.menuElement) {\n this.menuElement.toggleMenu();\n return true;\n }\n\n return false;\n }\n\n get nativeElement() {\n return this.menuElement;\n }\n\n get expandChange() {\n return this.menuExpandChange;\n }\n}\n\nexport const menuController = new MenuService();\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\nexport function isBasicNavigationLayout(\n element: HTMLElement\n): element is HTMLIxBasicNavigationElement {\n return element && element.tagName === 'IX-BASIC-NAVIGATION';\n}\n\nexport const hostContext = (\n selector: string,\n element: HTMLElement\n): HTMLIxBasicNavigationElement | HTMLIxMapNavigationElement => {\n return element.closest(selector);\n};\n\nexport const isHostedBy = (selector: string, element: HTMLElement) => {\n return hostContext(selector, element) !== null;\n};\n\nexport const getHostApplicationLayout = (element: HTMLElement) => {\n const [basicNavigation, mapNavigation] = [\n 'ix-basic-navigation',\n 'ix-map-navigation',\n ].map((selector) => hostContext(selector, element));\n\n if (basicNavigation) {\n return basicNavigation;\n }\n\n if (mapNavigation) {\n return mapNavigation;\n }\n};\n"],"mappings":"oCAWA,MAAMA,EAANC,cACEC,KAAAC,YAAwC,KACxCD,KAAAE,iBAAmB,IAAIC,C,CAEvBC,SAASH,GACP,GAAID,KAAKC,YAAa,CACpBI,QAAQC,KAAK,wBACb,M,CAEFN,KAAKC,YAAcA,EACnBD,KAAKC,YAAYM,iBACf,gBACCC,IACCR,KAAKE,iBAAiBO,KAAKD,EAAME,OAAO,G,CAKvCC,aACL,GAAIX,KAAKC,YAAa,CACpBD,KAAKC,YAAYW,WAAW,MAC5B,OAAO,I,CAGT,OAAO,K,CAGFD,cACL,GAAIX,KAAKC,YAAa,CACpBD,KAAKC,YAAYW,WAAW,OAC5B,OAAO,I,CAGT,OAAO,K,CAGFD,eACL,GAAIX,KAAKC,YAAa,CACpBD,KAAKC,YAAYW,aACjB,OAAO,I,CAGT,OAAO,K,CAGLC,oBACF,OAAOb,KAAKC,W,CAGVa,mBACF,OAAOd,KAAKE,gB,QAIHa,EAAiB,IAAIjB,E,SCxDlBkB,EACdC,GAEA,OAAOA,GAAWA,EAAQC,UAAY,qBACxC,C,MAEaC,EAAc,CACzBC,EACAH,IAEOA,EAAQI,QAAQD,U"}

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

	@@ -1,2 +0,0 @@
1	- import{r as t,c as e,h as i,H as s}from"./p-1c64b073.js";import{a as o}from"./p-810b5232.js";const n=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);visibility:hidden;display:flex;position:absolute;flex-flow:column nowrap;justify-content:flex-start;align-items:center;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;transition:all 300ms ease-out}:host ,:host ::after,:host *::before{box-sizing:border-box}:host .toggle{z-index:100;visibility:visible}:host .drawer-container.full-height{min-height:100%}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;flex-grow:1;order:2;height:100%;width:100%;overflow-y:auto}";const r=class{constructor(i){t(this,i);this.open=e(this,"open",7);this.drawerClose=e(this,"drawerClose",7);this.callback=this.clickedOutside.bind(this);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth}onShowChanged(t){this.show=t!==undefined?t:!this.show;this.toggleDrawer(this.show)}async toggleDrawer(t){this.show=t!==undefined?t:!this.show;if(t){this.open.emit();this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),300)}else{this.drawerClose.emit();this.slideOutRight(this.divElement);window.removeEventListener("mousedown",this.callback)}return Promise.resolve()}onCloseClicked(){this.show=false}clickedOutside(t){if(!this.closeOnClickOutside){return}const e=t.target;const i=e.closest("#div-container");const s=e.closest("#drawer-btn");if(t.target.type!=="button"&&i!==this.divElement&&e!==s){this.show=false}}slideOutRight(t){o({targets:t,duration:r.duration,translateX:[0,"16rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("d-none")}})}slideInRight(t){o({targets:t,duration:r.duration,translateX:["16rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("d-none")}})}render(){return i(s,{class:{"drawer-container":true,toggle:this.show,"full-height":this.fullHeight,"d-none":true},style:{width:this.width==="auto"?this.width:`${this.width}rem`,"min-width":`${this.minWidth}rem`,"max-width":`${this.maxWidth}rem`},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},i("div",{class:"header"},i("div",{class:"header-content"},i("slot",{name:"header"})),i("ix-icon-button",{class:"close-button",icon:"close",size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),i("div",{class:"content"},i("slot",null)))}static get watchers(){return{show:["onShowChanged"]}}};r.duration=300;r.style=n;export{r as ix_drawer};
2	- //# sourceMappingURL=p-55b54a81.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["drawerCss","Drawer","this","callback","clickedOutside","bind","minWidth","onShowChanged","newValue","show","undefined","toggleDrawer","async","open","emit","slideInRight","divElement","setTimeout","window","addEventListener","drawerClose","slideOutRight","removeEventListener","Promise","resolve","onCloseClicked","evt","closeOnClickOutside","target","closestElement","closest","btn","type","el","anime","targets","duration","translateX","opacity","easing","complete","classList","add","begin","remove","render","h","Host","class","toggle","fullHeight","style","width","maxWidth","ref","id","name","icon","size","ghost","onClick"],"sources":["./src/components/drawer/drawer.scss?tag=ix-drawer&encapsulation=shadow","./src/components/drawer/drawer.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@import 'mixins/shadows';\n@import 'common-variables';\n\n:host {\n @include ix-component;\n\n top: 0;\n right: 0;\n @include box-shadow(3);\n\n visibility: hidden;\n\n display: flex;\n position: absolute;\n flex-flow: column nowrap;\n justify-content: flex-start;\n align-items: center;\n\n max-height: 100vh;\n min-height: $large-space;\n background-color: var(--theme-color-1);\n border-radius: $default-border-radius;\n\n transition: all $medium-time ease-out;\n\n .toggle {\n z-index: 100;\n visibility: visible;\n }\n\n .drawer-container.full-height {\n min-height: 100%;\n }\n\n .header {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: flex-end;\n padding: 0.5rem;\n width: 100%;\n order: 1;\n\n .header-content {\n flex-grow: 1;\n margin-right: $default-space;\n }\n }\n\n .content {\n position: relative;\n flex: 1;\n flex-grow: 1;\n order: 2;\n height: 100%;\n width: 100%;\n overflow-y: 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 {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n tag: 'ix-drawer',\n styleUrl: 'drawer.scss',\n shadow: true,\n})\nexport class Drawer {\n /**\n * Show or hide the drawer\n */\n @Prop({ mutable: true }) show = false;\n\n /**\n * Fired in case of an outside click during drawer showed state\n */\n @Prop() closeOnClickOutside = true;\n\n /**\n * Render the drawer with maximum height\n */\n @Prop() fullHeight = false;\n\n /**\n * Min width interpreted as REM\n */\n @Prop() minWidth = 16;\n\n /**\n * Max width interpreted as REM\n */\n @Prop() maxWidth = 28;\n\n /**\n * Width interpreted as REM if not set to 'auto'\n */\n @Prop() width: number | 'auto' = this.minWidth;\n\n /**\n * Fire event after drawer is open\n */\n @Event() open: EventEmitter;\n\n /**\n * Fire event after drawer is close\n */\n @Event() drawerClose: EventEmitter;\n\n private static duration = 300;\n private callback = this.clickedOutside.bind(this);\n private divElement?: HTMLElement;\n\n @Watch('show')\n onShowChanged(newValue: boolean) {\n this.show = newValue !== undefined ? newValue : !this.show;\n this.toggleDrawer(this.show);\n }\n\n /**\n * Toggle or define show state of drawer\n * @param show Overwrite toggle state with boolean\n */\n @Method()\n async toggleDrawer(show?: boolean): Promise<void> {\n this.show = show !== undefined ? show : !this.show;\n\n if (show) {\n this.open.emit();\n this.slideInRight(this.divElement);\n setTimeout(() => {\n window.addEventListener('mousedown', this.callback);\n }, 300);\n } else {\n this.drawerClose.emit();\n this.slideOutRight(this.divElement);\n window.removeEventListener('mousedown', this.callback);\n }\n\n return Promise.resolve();\n }\n\n private onCloseClicked() {\n this.show = false;\n }\n\n private clickedOutside(evt: any) {\n if (!this.closeOnClickOutside) {\n return;\n }\n\n const target = evt.target;\n const closestElement = target.closest('#div-container');\n const btn = target.closest('#drawer-btn');\n\n if (\n evt.target.type !== 'button' &&\n closestElement !== this.divElement &&\n target !== btn\n ) {\n this.show = false;\n }\n }\n\n private slideOutRight(el: HTMLElement) {\n anime({\n targets: el,\n duration: Drawer.duration,\n translateX: [0, '16rem'],\n opacity: [1, 0],\n easing: 'easeInSine',\n complete: () => {\n el.classList.add('d-none');\n },\n });\n }\n\n private slideInRight(el: HTMLElement) {\n anime({\n targets: el,\n duration: Drawer.duration,\n translateX: ['16rem', 0],\n opacity: [0, 1],\n easing: 'easeOutSine',\n begin: () => {\n el.classList.remove('d-none');\n },\n });\n }\n\n render() {\n return (\n <Host\n class={{\n 'drawer-container': true,\n toggle: this.show,\n 'full-height': this.fullHeight,\n 'd-none': true,\n }}\n style={{\n width: this.width === 'auto' ? this.width : `${this.width}rem`,\n 'min-width': `${this.minWidth}rem`,\n 'max-width': `${this.maxWidth}rem`,\n }}\n ref={(el) => (this.divElement = el as HTMLElement)}\n data-testid=\"container\"\n id=\"div-container\"\n >\n <div class=\"header\">\n <div class=\"header-content\">\n <slot name=\"header\"></slot>\n </div>\n <ix-icon-button\n class=\"close-button\"\n icon=\"close\"\n size=\"24\"\n ghost\n onClick={() => this.onCloseClicked()}\n data-testid=\"close-button\"\n ></ix-icon-button>\n </div>\n <div class=\"content\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAY,8uB,MC0BLC,EAAM,M,6FA0CTC,KAAAC,SAAWD,KAAKE,eAAeC,KAAKH,M,UAtCZ,M,yBAKF,K,gBAKT,M,cAKF,G,cAKA,G,WAKcA,KAAKI,Q,CAiBtCC,cAAcC,GACZN,KAAKO,KAAOD,IAAaE,UAAYF,GAAYN,KAAKO,KACtDP,KAAKS,aAAaT,KAAKO,K,CAQzBG,mBAAmBH,GACjBP,KAAKO,KAAOA,IAASC,UAAYD,GAAQP,KAAKO,KAE9C,GAAIA,EAAM,CACRP,KAAKW,KAAKC,OACVZ,KAAKa,aAAab,KAAKc,YACvBC,YAAW,KACTC,OAAOC,iBAAiB,YAAajB,KAAKC,SAAS,GAClD,I,KACE,CACLD,KAAKkB,YAAYN,OACjBZ,KAAKmB,cAAcnB,KAAKc,YACxBE,OAAOI,oBAAoB,YAAapB,KAAKC,S,CAG/C,OAAOoB,QAAQC,S,CAGTC,iBACNvB,KAAKO,KAAO,K,CAGNL,eAAesB,GACrB,IAAKxB,KAAKyB,oBAAqB,CAC7B,M,CAGF,MAAMC,EAASF,EAAIE,OACnB,MAAMC,EAAiBD,EAAOE,QAAQ,kBACtC,MAAMC,EAAMH,EAAOE,QAAQ,eAE3B,GACEJ,EAAIE,OAAOI,OAAS,UACpBH,IAAmB3B,KAAKc,YACxBY,IAAWG,EACX,CACA7B,KAAKO,KAAO,K,EAIRY,cAAcY,GACpBC,EAAM,CACJC,QAASF,EACTG,SAAUnC,EAAOmC,SACjBC,WAAY,CAAC,EAAG,SAChBC,QAAS,CAAC,EAAG,GACbC,OAAQ,aACRC,SAAU,KACRP,EAAGQ,UAAUC,IAAI,SAAS,G,CAKxB3B,aAAakB,GACnBC,EAAM,CACJC,QAASF,EACTG,SAAUnC,EAAOmC,SACjBC,WAAY,CAAC,QAAS,GACtBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRI,MAAO,KACLV,EAAGQ,UAAUG,OAAO,SAAS,G,CAKnCC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,mBAAoB,KACpBC,OAAQ/C,KAAKO,KACb,cAAeP,KAAKgD,WACpB,SAAU,MAEZC,MAAO,CACLC,MAAOlD,KAAKkD,QAAU,OAASlD,KAAKkD,MAAQ,GAAGlD,KAAKkD,WACpD,YAAa,GAAGlD,KAAKI,cACrB,YAAa,GAAGJ,KAAKmD,eAEvBC,IAAMrB,GAAQ/B,KAAKc,WAAaiB,EAAkB,cACtC,YACZsB,GAAG,iBAEHT,EAAA,OAAKE,MAAM,UACTF,EAAA,OAAKE,MAAM,kBACTF,EAAA,QAAMU,KAAK,YAEbV,EAAA,kBACEE,MAAM,eACNS,KAAK,QACLC,KAAK,KACLC,MAAK,KACLC,QAAS,IAAM1D,KAAKuB,iBAAgB,cACxB,kBAGhBqB,EAAA,OAAKE,MAAM,WACTF,EAAA,c,wDAjHO7C,EAAAmC,SAAW,I"}

package/dist/siemens-ix/p-5b39e04e.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- const n=n=>n.toUpperCase()==="Primary".toUpperCase();const t=n=>n.toUpperCase()==="Secondary".toUpperCase();const e=(e,i,r,a=false,s=false,b,o)=>({btn:true,"btn-primary":n(e)&&!i&&!r,"btn-outline-primary":n(e)&&i&&!r,"btn-invisible-primary":n(e)&&!i&&r,"btn-secondary":t(e)&&!i&&!r,"btn-outline-secondary":t(e)&&i&&!r,"btn-invisible-secondary":t(e)&&!i&&r,"btn-icon":a,"btn-oval":s,selected:t(e)&&(i\|\|r)&&b,disabled:o});export{e as g};
2	- //# sourceMappingURL=p-5b39e04e.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["isPrimary","variant","toUpperCase","isSecondary","getButtonClasses","outline","ghost","iconOnly","iconOval","selected","disabled","btn"],"sources":["./src/components/button/base-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\nconst isPrimary = (variant: string) => {\n return variant.toUpperCase() === 'Primary'.toUpperCase();\n};\n\nconst isSecondary = (variant: string) => {\n return variant.toUpperCase() === 'Secondary'.toUpperCase();\n};\n\nexport const getButtonClasses = (\n variant: 'Primary' | 'Secondary',\n outline: boolean,\n ghost: boolean,\n iconOnly = false,\n iconOval = false,\n selected: boolean,\n disabled: boolean\n) => {\n return {\n btn: true,\n 'btn-primary': isPrimary(variant) && !outline && !ghost,\n 'btn-outline-primary': isPrimary(variant) && outline && !ghost,\n 'btn-invisible-primary': isPrimary(variant) && !outline && ghost,\n 'btn-secondary': isSecondary(variant) && !outline && !ghost,\n 'btn-outline-secondary': isSecondary(variant) && outline && !ghost,\n 'btn-invisible-secondary': isSecondary(variant) && !outline && ghost,\n 'btn-icon': iconOnly,\n 'btn-oval': iconOval,\n selected: isSecondary(variant) && (outline || ghost) && selected,\n disabled: disabled,\n };\n};\n"],"mappings":"AASA,MAAMA,EAAaC,GACVA,EAAQC,gBAAkB,UAAUA,cAG7C,MAAMC,EAAeF,GACZA,EAAQC,gBAAkB,YAAYA,c,MAGlCE,EAAmB,CAC9BH,EACAI,EACAC,EACAC,EAAW,MACXC,EAAW,MACXC,EACAC,KAEO,CACLC,IAAK,KACL,cAAeX,EAAUC,KAAaI,IAAYC,EAClD,sBAAuBN,EAAUC,IAAYI,IAAYC,EACzD,wBAAyBN,EAAUC,KAAaI,GAAWC,EAC3D,gBAAiBH,EAAYF,KAAaI,IAAYC,EACtD,wBAAyBH,EAAYF,IAAYI,IAAYC,EAC7D,0BAA2BH,EAAYF,KAAaI,GAAWC,EAC/D,WAAYC,EACZ,WAAYC,EACZC,SAAUN,EAAYF,KAAaI,GAAWC,IAAUG,EACxDC,SAAUA,W"}

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

	@@ -1,2 +0,0 @@
1	- import{r as t,h as a,H as i,c as e,g as s}from"./p-1c64b073.js";import{a as n}from"./p-810b5232.js";import{A as o}from"./p-3b97bb69.js";import{c as r}from"./p-21aa3602.js";const c=".sc-ix-animated-tab-h{display:block;height:100%;width:100%;position:absolute}";const d=class{constructor(a){t(this,a);this.icon=undefined;this.count=undefined}render(){return a(i,null,a("slot",null))}};d.style=c;const b=".sc-ix-animated-tabs-h{--animate-duration:300ms;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs{display:flex;padding:0;margin:0;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs{display:flex;justify-content:center;width:5rem;height:4.5rem;cursor:pointer;padding-top:0.625rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.bottom.sc-ix-animated-tabs{padding-top:0.875rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background);border:solid 1px var(--theme-animated-tab-circle--border-color);display:flex;align-items:center;justify-content:center;border-radius:6.25rem;width:3rem;height:3rem;position:relative;transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover{background:var(--theme-animated-tab-circle--background--hover);border-color:var(--theme-animated-tab-circle--border-color--hover)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--hover) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active{background:var(--theme-animated-tab-circle--background--active);border-color:var(--theme-animated-tab-circle--border-color--active)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--active) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background--selected);border-color:var(--theme-animated-tab-circle--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs .count.sc-ix-animated-tabs{border-color:var(--theme-tab-pill--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.disabled.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs,.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:disabled ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--disabled) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.sc-ix-animated-tabs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);display:flex;align-items:center;height:1rem;position:absolute;background-color:var(--theme-pill-outline--background);bottom:-0.55rem;border:1px solid var(--theme-tab-pill--border-color);border-radius:6.25rem;color:var(--theme-pill-outline--color);padding:0 0.25rem;background:var(--theme-color-1);transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.bottom.sc-ix-animated-tabs{top:-0.55rem}.sc-ix-animated-tabs-h .content-container.sc-ix-animated-tabs{display:flex;flex-direction:row;height:calc(100% - 4.5rem);width:100%;overflow-y:auto;overflow-x:hidden}.sc-ix-animated-tabs-h .tab-active-underline.sc-ix-animated-tabs{background-color:var(--theme-animated-tab-indicator--background--selected);height:0.125rem;width:5rem;margin-top:-0.125rem;transition:150ms;position:absolute;top:4.5rem}.sc-ix-animated-tabs-h .tab-active-underline.bottom.sc-ix-animated-tabs{top:0;margin-top:0}";const l=class{constructor(a){t(this,a);this.tabClick=e(this,"tabClick",7);this.easing="easeInOutSine";this.firstRender=true;this.tabs=undefined;this.activeIndex=undefined;this.disableAnimations=false;this.selectedIndex=0;this.tabPlacement="top"}onTabSelectionChange(t,a){this.updateTabAnimation(a,t)}onMouseDown(){this.activeIndex=undefined}get animatedTabs(){return Array.from(this.hostElement.querySelectorAll("ix-animated-tab"))}get tabsContainer(){return this.hostElement.querySelector(".tabs-container")}get contentContainer(){return this.hostElement.querySelector(".content-container")}componentWillLoad(){this.tabs=this.animatedTabs}componentDidLoad(){this.onTabSelectionChange(this.selectedIndex,-1);this.observer=new MutationObserver((()=>{this.tabs=this.animatedTabs}));this.observer.observe(this.contentContainer,{childList:true,subtree:true,attributes:true,attributeFilter:["count"]})}disconnectCallback(){var t;(t=this.observer)===null\|\|t===void 0?void 0:t.disconnect()}isSelected(t){return this.tabs.indexOf(t)===this.selectedIndex}showTab(t){if(this.isSelected(t)){t.classList.remove("d-none")}}hideTab(t){if(!this.isSelected(t)){t.classList.add("d-none")}}slideOutLeft(t){if(this.disableAnimations){this.hideTab(t);return}n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"-100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideOutRight(t){if(this.disableAnimations){this.hideTab(t);return}n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideInLeft(t){if(this.firstRender){t.classList.remove("d-none");this.firstRender=false;return}if(this.disableAnimations){this.showTab(t);return}n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["-100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}slideInRight(t){if(this.firstRender){t.classList.remove("d-none");this.firstRender=false;return}if(this.disableAnimations){this.showTab(t);return}n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}updateTabAnimation(t,a){var i;(i=this.tabs)===null\|\|i===void 0?void 0:i.forEach(((i,e)=>{if(e===t){if(e<a){this.slideOutLeft(i)}else if(e>a){this.slideOutRight(i)}}else if(e===a){if(e<t){this.slideInLeft(i)}else if(e>t){this.slideInRight(i)}}else{i.classList.add("d-none")}}))}onTabClick(t){this.selectedIndex=t;this.tabClick.emit(t)}onTabMouseDown(t){this.activeIndex=t}render(){return a(i,{class:{"flex-column-reverse":this.tabPlacement==="bottom"}},a("ul",{class:"tabs-container"},this.animatedTabs.map(((t,i)=>a("li",{class:{bottom:this.tabPlacement==="bottom"},onClick:()=>this.onTabClick(i),onMouseDown:()=>this.onTabMouseDown(i)},a("div",{class:{"tab-container":true,selected:this.selectedIndex===i}},a("ix-icon",{name:t.icon}),t.count?a("span",{class:{count:true,bottom:this.tabPlacement==="bottom"}},r(t.count)):"")))),a("div",{class:{"tab-active-underline":true,bottom:this.tabPlacement==="bottom"},style:{"margin-left":`calc(${this.selectedIndex} * 5rem)`}})),a("div",{class:"content-container"},a("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{selectedIndex:["onTabSelectionChange"]}}};l.style=b;export{d as ix_animated_tab,l as ix_animated_tabs};
2	- //# sourceMappingURL=p-6124d173.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["animatedTabCss","AnimatedTab","render","h","Host","animatedTabsCss","AnimatedTabs","this","easing","firstRender","onTabSelectionChange","newSelectionIndex","oldSelectionIndex","updateTabAnimation","onMouseDown","activeIndex","undefined","animatedTabs","Array","from","hostElement","querySelectorAll","tabsContainer","querySelector","contentContainer","componentWillLoad","tabs","componentDidLoad","selectedIndex","observer","MutationObserver","observe","childList","subtree","attributes","attributeFilter","disconnectCallback","_a","disconnect","isSelected","tab","indexOf","showTab","classList","remove","hideTab","add","slideOutLeft","disableAnimations","anime","targets","duration","Animation","mediumTime","opacity","translateX","complete","slideOutRight","slideInLeft","begin","slideInRight","oldIndex","newIndex","forEach","tabIndex","onTabClick","index","tabClick","emit","onTabMouseDown","class","tabPlacement","map","element","bottom","onClick","selected","name","icon","count","convertToAbbreviationString","style"],"sources":["./src/components/animated-tab/animated-tab.scss?tag=ix-animated-tab&encapsulation=scoped","./src/components/animated-tab/animated-tab.tsx","./src/components/animated-tabs/animated-tabs.scss?tag=ix-animated-tabs&encapsulation=scoped","./src/components/animated-tabs/animated-tabs.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: block;\n height: 100%;\n width: 100%;\n position: absolute;\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, Prop } from '@stencil/core';\n\n@Component({\n tag: 'ix-animated-tab',\n styleUrl: 'animated-tab.scss',\n scoped: true,\n})\nexport class AnimatedTab {\n /**\n * Icon of the tab\n */\n @Prop() icon: string;\n\n /**\n * Show notification number\n */\n @Prop({ reflect: true }) count: number;\n\n render() {\n return (\n <Host>\n <slot></slot>\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\n@import 'common-variables';\n@import 'mixins/fonts';\n@import 'mixins/hover';\n\n:host {\n --animate-duration: #{$medium-time};\n\n display: flex;\n flex-direction: column;\n align-items: center;\n height: 100%;\n width: 100%;\n position: relative;\n\n ul {\n display: flex;\n padding: 0;\n margin: 0;\n position: relative;\n\n li {\n display: flex;\n justify-content: center;\n width: 5rem;\n height: 4.5rem;\n cursor: pointer;\n padding-top: 0.625rem;\n\n &.bottom {\n padding-top: 0.875rem;\n }\n\n .tab-container {\n background: var(--theme-animated-tab-circle--background);\n border: solid 1px var(--theme-animated-tab-circle--border-color);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 6.25rem;\n width: 3rem;\n height: 3rem;\n position: relative;\n transition: $default-time;\n\n ix-icon {\n color: var(--theme-animated-tab-icon--color) !important;\n }\n\n @include hover {\n background: var(--theme-animated-tab-circle--background--hover);\n border-color: var(--theme-animated-tab-circle--border-color--hover);\n\n ix-icon {\n color: var(--theme-animated-tab-icon--color--hover) !important;\n }\n }\n\n @include active {\n background: var(--theme-animated-tab-circle--background--active);\n border-color: var(--theme-animated-tab-circle--border-color--active);\n\n ix-icon {\n color: var(--theme-animated-tab-icon--color--active) !important;\n }\n }\n\n &.selected {\n background: var(--theme-animated-tab-circle--background--selected);\n border-color: var(\n --theme-animated-tab-circle--border-color--selected\n ) !important;\n\n ix-icon {\n color: var(--theme-animated-tab-icon--color--selected) !important;\n }\n\n .count {\n border-color: var(\n --theme-tab-pill--border-color--selected\n ) !important;\n }\n }\n\n // TODO\n &.disabled,\n &:disabled {\n ix-icon {\n color: var(--theme-animated-tab-icon--color--disabled) !important;\n }\n }\n\n // TODO\n @include focus-visible {\n border-color: var(--theme-focus--border-color) !important;\n }\n\n .count {\n @include text-caption-single;\n display: flex;\n align-items: center;\n height: 1rem;\n position: absolute;\n background-color: var(--theme-pill-outline--background);\n bottom: -0.55rem;\n border: 1px solid var(--theme-tab-pill--border-color);\n border-radius: 6.25rem;\n color: var(--theme-pill-outline--color);\n padding: 0 $tiny-space;\n background: var(--theme-color-1);\n transition: $default-time;\n\n &.bottom {\n top: -0.55rem;\n }\n }\n }\n }\n }\n\n .content-container {\n display: flex;\n flex-direction: row;\n height: calc(100% - 4.5rem);\n width: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n }\n\n .tab-active-underline {\n background-color: var(--theme-animated-tab-indicator--background--selected);\n height: 0.125rem;\n width: 5rem;\n margin-top: -0.125rem;\n transition: $default-time;\n position: absolute;\n top: 4.5rem;\n\n &.bottom {\n top: 0;\n margin-top: 0;\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\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { convertToAbbreviationString } from '../utils/rwd.util';\n\n@Component({\n tag: 'ix-animated-tabs',\n styleUrl: 'animated-tabs.scss',\n scoped: true,\n})\nexport class AnimatedTabs {\n @Element() hostElement: HTMLIxAnimatedTabsElement;\n\n @State() tabs: HTMLIxAnimatedTabElement[];\n\n @State() activeIndex: number;\n\n /**\n * @internal For debugging purposes only\n */\n @Prop() disableAnimations = false;\n\n /**\n * Current selected tab index\n */\n @Prop() selectedIndex = 0;\n\n /**\n * Placement of the tabs\n */\n @Prop() tabPlacement: 'top' | 'bottom' = 'top';\n\n /**\n * Tab navigated\n */\n @Event() tabClick: EventEmitter;\n\n private easing = 'easeInOutSine';\n private firstRender = true;\n private observer: MutationObserver;\n\n @Watch('selectedIndex')\n onTabSelectionChange(newSelectionIndex: number, oldSelectionIndex: number) {\n this.updateTabAnimation(oldSelectionIndex, newSelectionIndex);\n }\n\n @Listen('mouseup', { passive: true })\n onMouseDown() {\n this.activeIndex = undefined;\n }\n\n get animatedTabs() {\n return Array.from(this.hostElement.querySelectorAll('ix-animated-tab'));\n }\n\n get tabsContainer() {\n return this.hostElement.querySelector('.tabs-container');\n }\n\n get contentContainer() {\n return this.hostElement.querySelector('.content-container');\n }\n\n componentWillLoad() {\n this.tabs = this.animatedTabs;\n }\n\n componentDidLoad() {\n this.onTabSelectionChange(this.selectedIndex, -1);\n\n this.observer = new MutationObserver(() => {\n // Will trigger a re-render even if only the count attribute of a child tab changed\n this.tabs = this.animatedTabs;\n });\n\n this.observer.observe(this.contentContainer, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['count'],\n });\n }\n\n //@ts-expect-error\n private disconnectCallback(): void {\n this.observer?.disconnect();\n }\n\n private isSelected(tab: HTMLElement) {\n return this.tabs.indexOf(tab as any) === this.selectedIndex;\n }\n\n private showTab(tab: HTMLElement) {\n if (this.isSelected(tab)) {\n tab.classList.remove('d-none');\n }\n }\n\n private hideTab(tab: HTMLElement) {\n if (!this.isSelected(tab)) {\n tab.classList.add('d-none');\n }\n }\n\n private slideOutLeft(tab: HTMLElement) {\n if (this.disableAnimations) {\n this.hideTab(tab);\n\n return;\n }\n\n anime({\n targets: tab,\n duration: Animation.mediumTime,\n opacity: [1, 0],\n translateX: [0, '-100%'],\n easing: this.easing,\n complete: () => {\n this.hideTab(tab);\n },\n });\n }\n\n private slideOutRight(tab: HTMLElement) {\n if (this.disableAnimations) {\n this.hideTab(tab);\n\n return;\n }\n\n anime({\n targets: tab,\n duration: Animation.mediumTime,\n opacity: [1, 0],\n translateX: [0, '100%'],\n easing: this.easing,\n complete: () => {\n this.hideTab(tab);\n },\n });\n }\n\n private slideInLeft(tab: HTMLElement) {\n if (this.firstRender) {\n tab.classList.remove('d-none');\n this.firstRender = false;\n return;\n }\n\n if (this.disableAnimations) {\n this.showTab(tab);\n\n return;\n }\n\n anime({\n targets: tab,\n duration: Animation.mediumTime,\n opacity: [0, 1],\n translateX: ['-100%', 0],\n easing: this.easing,\n begin: () => {\n this.showTab(tab);\n },\n });\n }\n\n private slideInRight(tab: HTMLElement) {\n if (this.firstRender) {\n tab.classList.remove('d-none');\n this.firstRender = false;\n return;\n }\n\n if (this.disableAnimations) {\n this.showTab(tab);\n\n return;\n }\n\n anime({\n targets: tab,\n duration: Animation.mediumTime,\n opacity: [0, 1],\n translateX: ['100%', 0],\n easing: this.easing,\n begin: () => {\n this.showTab(tab);\n },\n });\n }\n\n private updateTabAnimation(oldIndex: number, newIndex: number) {\n this.tabs?.forEach((tab, tabIndex) => {\n if (tabIndex === oldIndex) {\n if (tabIndex < newIndex) {\n this.slideOutLeft(tab);\n } else if (tabIndex > newIndex) {\n this.slideOutRight(tab);\n }\n } else if (tabIndex === newIndex) {\n if (tabIndex < oldIndex) {\n this.slideInLeft(tab);\n } else if (tabIndex > oldIndex) {\n this.slideInRight(tab);\n }\n } else {\n tab.classList.add('d-none');\n }\n });\n }\n\n private onTabClick(index: number) {\n this.selectedIndex = index;\n this.tabClick.emit(index);\n }\n\n private onTabMouseDown(index: number) {\n this.activeIndex = index;\n }\n\n render() {\n return (\n <Host class={{ 'flex-column-reverse': this.tabPlacement === 'bottom' }}>\n <ul class=\"tabs-container\">\n {this.animatedTabs.map((element, index) => (\n <li\n class={{ bottom: this.tabPlacement === 'bottom' }}\n onClick={() => this.onTabClick(index)}\n onMouseDown={() => this.onTabMouseDown(index)}\n >\n <div\n class={{\n 'tab-container': true,\n selected: this.selectedIndex === index,\n }}\n >\n <ix-icon name={element.icon}></ix-icon>\n {element.count ? (\n <span\n class={{\n count: true,\n bottom: this.tabPlacement === 'bottom',\n }}\n >\n {convertToAbbreviationString(element.count)}\n </span>\n ) : (\n ''\n )}\n </div>\n </li>\n ))}\n <div\n class={{\n 'tab-active-underline': true,\n bottom: this.tabPlacement === 'bottom',\n }}\n style={{ 'margin-left': `calc(${this.selectedIndex} * 5rem)` }}\n ></div>\n </ul>\n <div class=\"content-container\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

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

	@@ -1,2 +0,0 @@
1	- import{r as i,h as t,H as e,g as l}from"./p-1c64b073.js";import{F as r}from"./p-15bebd8a.js";const o="@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}.sc-ix-flip-tile-h{display:flex;flex-direction:column;perspective:1000px}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile .header-slot-container.sc-ix-flip-tile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}.sc-ix-flip-tile-h .content-container.sc-ix-flip-tile{flex-grow:1;margin:1rem}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}.sc-ix-flip-tile-h .flip-tile-container.flip-animation-active.sc-ix-flip-tile{animation:flip-animation 300ms, ease-in-out}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile .sc-ix-flip-tile:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.sc-ix-flip-tile-h .flip-tile-container .sc-ix-flip-tile-s>{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile{border-color:var(--theme-color-primary)}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile{border-color:var(--theme-color-info)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile{border-color:var(--theme-color-warning)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile{border-color:var(--theme-color-alarm)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.sc-ix-flip-tile-h:hover .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile ix-icon.sc-ix-flip-tile{color:var(--theme-color-std-text)}";const s=class{constructor(t){i(this,t);this.ANIMATION_DURATION=150;this.index=0;this.isFlipAnimationActive=undefined;this.state=undefined;this.footer=undefined;this.height=15.125;this.width=16}componentDidLoad(){this.contentItems=this.contentContainerElement.querySelectorAll("ix-flip-tile-content");this.contentItems.forEach(((i,t)=>{if(t!==this.index){this.toggleContentItem(t)}}))}toggleIndex(){this.doFlipAnimation()}toggleContentItem(i){const t=this.contentItems[i];t.classList.toggle("d-none")}doFlipAnimation(){this.isFlipAnimationActive=true;setTimeout((()=>{this.toggleContentItem(this.index);if(this.index>=this.contentItems.length-1){this.index=0}else{this.index++}this.toggleContentItem(this.index)}),this.ANIMATION_DURATION);setTimeout((()=>{this.isFlipAnimationActive=false}),2this.ANIMATION_DURATION)}render(){return t(e,{style:{height:`${this.height}${this.height==="auto"?"":"rem"}`,"min-height":`${this.height}${this.height==="auto"?"":"rem"}`,"max-height":`${this.height}${this.height==="auto"?"":"rem"}`,width:`${this.width}${this.width==="auto"?"":"rem"}`,"min-width":`${this.width}${this.width==="auto"?"":"rem"}`,"max-width":`${this.width}${this.width==="auto"?"":"rem"}`}},t("div",{class:{"flip-tile-container":true,info:this.state===r.Info,warning:this.state===r.Warning,alarm:this.state===r.Alarm,primary:this.state===r.Primary,"flip-animation-active":this.isFlipAnimationActive}},t("div",{class:"flip-tile-header"},t("div",{class:"header-slot-container text-l-title"},t("slot",{name:"header"})),t("ix-icon-button",{icon:"eye",variant:"Primary",ghost:true,onClick:()=>this.toggleIndex()})),t("div",{class:"content-container",ref:i=>this.contentContainerElement=i},t("slot",null)),t("div",{class:{footer:true,"contrast-light":this.state===r.Warning,"contrast-dark":this.state===r.Info\|\|this.state===r.Alarm}},t("slot",{name:"footer"}))))}get hostElement(){return l(this)}};s.style=o;const n=":host{display:block}";const a=class{constructor(t){i(this,t)}render(){return t(e,null,t("slot",null))}};a.style=n;export{s as ix_flip_tile,a as ix_flip_tile_content};
2	- //# sourceMappingURL=p-626fbee2.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["flipTileCss","FlipTile","this","ANIMATION_DURATION","componentDidLoad","contentItems","contentContainerElement","querySelectorAll","forEach","_","index","toggleContentItem","toggleIndex","doFlipAnimation","item","classList","toggle","isFlipAnimationActive","setTimeout","length","render","h","Host","style","height","width","class","info","state","FlipTileState","Info","warning","Warning","alarm","Alarm","primary","Primary","name","icon","variant","ghost","onClick","ref","el","footer","flipTileContentCss","FlipTileContent"],"sources":["./src/components/flip-tile/flip-tile.scss?tag=ix-flip-tile&encapsulation=scoped","./src/components/flip-tile/flip-tile.tsx","./src/components/flip-tile-content/flip-tile-content.css?tag=ix-flip-tile-content&encapsulation=shadow","./src/components/flip-tile-content/flip-tile-content.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/animations';\n@import 'mixins/text-truncation';\n\n@include keyframes(flip-animation) {\n 0% {\n transform: rotateY(0);\n }\n 50% {\n transform: rotateY(90deg);\n }\n 51% {\n transform: rotateY(270deg);\n }\n 100% {\n transform: rotateY(360deg);\n }\n}\n\n:host {\n display: flex;\n flex-direction: column;\n perspective: 1000px;\n\n .flip-tile-header {\n display: flex;\n align-items: center;\n height: $large-control-height;\n padding: 0 $small-space 0 $default-space;\n\n .header-slot-container {\n @include ellipsis;\n flex-grow: 1;\n min-width: 0;\n }\n }\n\n .content-container {\n flex-grow: 1;\n margin: $default-space;\n }\n\n .flip-tile-container {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--theme-blind-base--background);\n border: solid 1px var(--theme-blind-base--border-color);\n border-radius: var(--theme-flip-tile--border-radius)\n var(--theme-flip-tile--border-radius) 0 0;\n transform-style: preserve-3d;\n\n &.flip-animation-active {\n @include animation(flip-animation, 2 * $default-time, ease-in-out);\n }\n\n .footer {\n display: flex;\n height: 3rem;\n align-items: center;\n justify-content: center;\n padding: 0 $small-space;\n color: var(--theme-flip-footer--color);\n background-color: var(--theme-blind-base--background);\n\n :first-child {\n @include ellipsis;\n height: 100%;\n }\n }\n\n ::slotted(*) {\n @include ellipsis;\n display: flex;\n flex-direction: column;\n align-items: center;\n min-width: 0;\n }\n\n &.primary {\n border-color: var(--theme-color-primary);\n\n .footer {\n background-color: var(--theme-color-primary);\n color: var(--theme-color-primary--contrast);\n }\n }\n\n &.info {\n border-color: var(--theme-color-info);\n\n .footer {\n background-color: var(--theme-color-info);\n color: var(--theme-color-info--contrast);\n }\n }\n\n &.warning {\n border-color: var(--theme-color-warning);\n\n .footer {\n background-color: var(--theme-color-warning);\n color: var(--theme-color-warning--contrast);\n }\n }\n\n &.alarm {\n border-color: var(--theme-color-alarm);\n\n .footer {\n background-color: var(--theme-color-alarm);\n color: var(--theme-color-alarm--contrast);\n }\n }\n }\n\n &:hover .flip-tile-container .footer ix-icon {\n color: var(--theme-color-std-text);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { FlipTileState } from './flip-tile-state';\n\n@Component({\n tag: 'ix-flip-tile',\n styleUrl: 'flip-tile.scss',\n scoped: true,\n})\nexport class FlipTile {\n private readonly ANIMATION_DURATION = 150;\n private contentContainerElement: HTMLDivElement;\n private contentItems: NodeList;\n\n @Element() hostElement: HTMLIxFlipTileElement;\n\n @State() index = 0;\n\n @State() isFlipAnimationActive: boolean;\n\n /**\n * Variation of the Flip\n */\n @Prop() state: FlipTileState;\n\n /**\n * Tmp property name\n * @deprecated Will be removed in 2.0.0. Setting this property has no effect\n */\n @Prop() footer: string;\n\n /**\n * Height interpreted as REM\n * @since 1.5.0\n */\n @Prop() height: number | 'auto' = 15.125;\n\n /**\n * Width interpreted as REM\n * @since 1.5.0\n */\n @Prop() width: number | 'auto' = 16;\n\n componentDidLoad() {\n this.contentItems = this.contentContainerElement.querySelectorAll(\n 'ix-flip-tile-content'\n );\n this.contentItems.forEach((_, index) => {\n if (index !== this.index) {\n this.toggleContentItem(index);\n }\n });\n }\n\n private toggleIndex() {\n this.doFlipAnimation();\n }\n\n private toggleContentItem(index: number) {\n const item = this.contentItems[index] as HTMLElement;\n item.classList.toggle('d-none');\n }\n\n private doFlipAnimation() {\n this.isFlipAnimationActive = true;\n\n setTimeout(() => {\n this.toggleContentItem(this.index);\n\n if (this.index >= this.contentItems.length - 1) {\n this.index = 0;\n } else {\n this.index++;\n }\n\n this.toggleContentItem(this.index);\n }, this.ANIMATION_DURATION);\n\n setTimeout(() => {\n this.isFlipAnimationActive = false;\n }, 2 * this.ANIMATION_DURATION);\n }\n\n render() {\n return (\n <Host\n style={{\n height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n 'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n 'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n 'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n 'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n }}\n >\n <div\n class={{\n 'flip-tile-container': true,\n info: this.state === FlipTileState.Info,\n warning: this.state === FlipTileState.Warning,\n alarm: this.state === FlipTileState.Alarm,\n primary: this.state === FlipTileState.Primary,\n 'flip-animation-active': this.isFlipAnimationActive,\n }}\n >\n <div class=\"flip-tile-header\">\n <div class=\"header-slot-container text-l-title\">\n <slot name=\"header\"></slot>\n </div>\n <ix-icon-button\n icon=\"eye\"\n variant=\"Primary\"\n ghost\n onClick={() => this.toggleIndex()}\n ></ix-icon-button>\n </div>\n\n <div\n class=\"content-container\"\n ref={(el) => (this.contentContainerElement = el)}\n >\n <slot></slot>\n </div>\n <div\n class={{\n footer: true,\n 'contrast-light': this.state === FlipTileState.Warning,\n 'contrast-dark':\n this.state === FlipTileState.Info ||\n this.state === FlipTileState.Alarm,\n }}\n >\n <slot name=\"footer\"></slot>\n </div>\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\n:host {\n display: block;\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@Component({\n tag: 'ix-flip-tile-content',\n styleUrl: 'flip-tile-content.css',\n shadow: true,\n})\nexport class FlipTileContent {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,q1F,MCiBPC,EAAQ,M,yBACFC,KAAAC,mBAAqB,I,WAMrB,E,4FAmBiB,O,WAMD,E,CAEjCC,mBACEF,KAAKG,aAAeH,KAAKI,wBAAwBC,iBAC/C,wBAEFL,KAAKG,aAAaG,SAAQ,CAACC,EAAGC,KAC5B,GAAIA,IAAUR,KAAKQ,MAAO,CACxBR,KAAKS,kBAAkBD,E,KAKrBE,cACNV,KAAKW,iB,CAGCF,kBAAkBD,GACxB,MAAMI,EAAOZ,KAAKG,aAAaK,GAC/BI,EAAKC,UAAUC,OAAO,S,CAGhBH,kBACNX,KAAKe,sBAAwB,KAE7BC,YAAW,KACThB,KAAKS,kBAAkBT,KAAKQ,OAE5B,GAAIR,KAAKQ,OAASR,KAAKG,aAAac,OAAS,EAAG,CAC9CjB,KAAKQ,MAAQ,C,KACR,CACLR,KAAKQ,O,CAGPR,KAAKS,kBAAkBT,KAAKQ,MAAM,GACjCR,KAAKC,oBAERe,YAAW,KACThB,KAAKe,sBAAwB,KAAK,GACjC,EAAIf,KAAKC,mB,CAGdiB,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,OAAQ,GAAGtB,KAAKsB,SAAStB,KAAKsB,SAAW,OAAS,GAAK,QACvD,aAAc,GAAGtB,KAAKsB,SAAStB,KAAKsB,SAAW,OAAS,GAAK,QAC7D,aAAc,GAAGtB,KAAKsB,SAAStB,KAAKsB,SAAW,OAAS,GAAK,QAC7DC,MAAO,GAAGvB,KAAKuB,QAAQvB,KAAKuB,QAAU,OAAS,GAAK,QACpD,YAAa,GAAGvB,KAAKuB,QAAQvB,KAAKuB,QAAU,OAAS,GAAK,QAC1D,YAAa,GAAGvB,KAAKuB,QAAQvB,KAAKuB,QAAU,OAAS,GAAK,UAG5DJ,EAAA,OACEK,MAAO,CACL,sBAAuB,KACvBC,KAAMzB,KAAK0B,QAAUC,EAAcC,KACnCC,QAAS7B,KAAK0B,QAAUC,EAAcG,QACtCC,MAAO/B,KAAK0B,QAAUC,EAAcK,MACpCC,QAASjC,KAAK0B,QAAUC,EAAcO,QACtC,wBAAyBlC,KAAKe,wBAGhCI,EAAA,OAAKK,MAAM,oBACTL,EAAA,OAAKK,MAAM,sCACTL,EAAA,QAAMgB,KAAK,YAEbhB,EAAA,kBACEiB,KAAK,MACLC,QAAQ,UACRC,MAAK,KACLC,QAAS,IAAMvC,KAAKU,iBAIxBS,EAAA,OACEK,MAAM,oBACNgB,IAAMC,GAAQzC,KAAKI,wBAA0BqC,GAE7CtB,EAAA,cAEFA,EAAA,OACEK,MAAO,CACLkB,OAAQ,KACR,iBAAkB1C,KAAK0B,QAAUC,EAAcG,QAC/C,gBACE9B,KAAK0B,QAAUC,EAAcC,MAC7B5B,KAAK0B,QAAUC,EAAcK,QAGjCb,EAAA,QAAMgB,KAAK,a,8CC5IvB,MAAMQ,EAAqB,uB,MCgBdC,EAAe,M,yBAC1B1B,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,a"}

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

	@@ -1,2 +0,0 @@
1	- import{r as t,h as e,H as n}from"./p-1c64b073.js";const i=".sc-ix-index-button-h{max-height:2rem}.sc-ix-index-button-h .btn.sc-ix-index-button{min-width:2rem;height:2rem}.sc-ix-index-button-h .btn.selected.sc-ix-index-button{background-color:var(--theme-btn-invisible-secondary--background--selected);color:var(--theme-btn-invisible-secondary--color--selected)}";const s=class{constructor(e){t(this,e);this.variant="Primary";this.selected=undefined}render(){return e(n,null,e("button",{class:{btn:true,"btn-invisible-primary":this.variant==="Primary","btn-invisible-secondary":this.variant==="Secondary",selected:this.selected}},e("slot",null)))}};s.style=i;export{s as ix_index_button};
2	- //# sourceMappingURL=p-652ba2c1.entry.js.map

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

@@ -1 +0,0 @@

- {"version":3,"names":["indexButtonCss","IxIndexButton","render","h","Host","class","btn","this","variant","selected"],"sources":["./src/components/index-button/index-button.scss?tag=ix-index-button&encapsulation=scoped","./src/components/index-button/index-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2022 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\n:host {\n max-height: $x-large-space;\n\n .btn {\n min-width: $x-large-space;\n height: $x-large-space;\n\n &.selected {\n background-color: var(--theme-btn-invisible-secondary--background--selected);\n color: var(--theme-btn-invisible-secondary--color--selected);\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2022 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, Prop } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\n\nexport type IndexButtonVariant = ButtonVariant;\n\n/**\n * @internal\n */\n@Component({\n tag: 'ix-index-button',\n styleUrl: 'index-button.scss',\n scoped: true,\n})\nexport class IxIndexButton {\n /**\n * Button variant\n */\n @Prop() variant: IndexButtonVariant = 'Primary';\n\n /**\n * Selection state\n */\n @Prop() selected: boolean;\n\n render() {\n return (\n <Host>\n <button\n class={{\n btn: true,\n 'btn-invisible-primary': this.variant === 'Primary',\n 'btn-invisible-secondary': this.variant === 'Secondary',\n selected: this.selected,\n }}\n >\n <slot></slot>\n </button>\n </Host>\n );\n }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,iT,MCsBVC,EAAa,M,sCAIc,U,wBAOtCC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,UACEE,MAAO,CACLC,IAAK,KACL,wBAAyBC,KAAKC,UAAY,UAC1C,0BAA2BD,KAAKC,UAAY,YAC5CC,SAAUF,KAAKE,WAGjBN,EAAA,c"}

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

	@@ -1,2 +0,0 @@
1	- import{r as t,h as e,H as o,g as s}from"./p-1c64b073.js";const i=":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 .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;padding:1rem 1rem;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){--ix-card-background:transparent;--ix-card-border-color:var(--theme-color-soft-bdr)}:host(.card-notification){--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(:not(.card-insight)){--ix-card-border-color:transparent}";const a=class{constructor(e){t(this,e);this.variant="insight"}render(){return e(o,{class:`card-${this.variant}`},e("div",{class:"card-content"},e("slot",null)),e("div",{class:"card-footer"},e("slot",{name:"card-accordion"})))}get hostElement(){return s(this)}};a.style=i;const n=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;gap:0.5rem;height:100%}:host ,:host ::after,:host ::before{box-sizing:border-box}";const r=class{constructor(e){t(this,e)}render(){return e(o,null,e("slot",null))}};r.style=n;const l={"x-small":"text-xs",small:"text-s",caption:"text-caption","caption-single":"text-caption-single",default:"text-default","default-single":"text-default-single",large:"text-l","large-single":"text-l-single",h2:"text-h2","display-large":"text-xl","default-title":"text-default-title","default-title-single":"text-default-title-single"};const c=":host .text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}:host .text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host .text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host .text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}:host .text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}:host .text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}:host .text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host .text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}:host .text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host .text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}:host .text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host .text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}:host .text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}:host .text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}";const h=class{constructor(e){t(this,e);this.variant="default";this.color=undefined}render(){const t={[l[this.variant]]:true};const o=this.color!==undefined?`var(--theme-color-${this.color}-text)`:"inherit";return e("div",{class:t,style:{color:o}},e("slot",null))}};h.style=c;export{a as ix_card,r as ix_card_content,h as ix_typography};
2	- //# sourceMappingURL=p-67be3720.entry.js.map