@siemens/ix 1.4.2 → 1.5.0-beta.1

package/dist/siemens-ix/p-3776a37f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dividerCss","Divider","render","h","Host"],"sources":["./src/components/divider/divider.scss?tag=ix-divider&encapsulation=shadow","./src/components/divider/divider.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  position: relative;\n\n  width: 100%;\n  border: 0.0625rem solid var(--theme-color-x-weak-bdr);\n  margin: 0.25rem 0px;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.4.0\n */\n@Component({\n  tag: 'ix-divider',\n  styleUrl: 'divider.scss',\n  shadow: true,\n})\nexport class Divider {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAa,4H,MCkBNC,EAAO,M,yBAClBC,SACE,OAAOC,EAACC,EAAI,K"}

package/dist/siemens-ix/p-3b97bb69.js

@@ -1 +1,2 @@
-class s{}s.shortTime=0,s.defaultTime=150,s.mediumTime=300,s.slowTime=500,s.xSlowTime=1e3;export{s as A}
+class s{}s.shortTime=0;s.defaultTime=150;s.mediumTime=300;s.slowTime=500;s.xSlowTime=1e3;export{s as A};
+//# sourceMappingURL=p-3b97bb69.js.map

package/dist/siemens-ix/p-3b97bb69.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animation","shortTime","defaultTime","mediumTime","slowTime","xSlowTime"],"sources":["./src/components/utils/animation.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\nexport default abstract class Animation {\n  static readonly shortTime = 0;\n  static readonly defaultTime = 150;\n  static readonly mediumTime = 300;\n  static readonly slowTime = 500;\n  static readonly xSlowTime = 1000;\n}\n"],"mappings":"MAS8BA,GACZA,EAAAC,UAAY,EACZD,EAAAE,YAAc,IACdF,EAAAG,WAAa,IACbH,EAAAI,SAAW,IACXJ,EAAAK,UAAY,W"}

package/dist/siemens-ix/p-41f0a2b2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as i,g as r}from"./p-8fcd6f85.js";const c='.sc-ix-toggle-h{display:flex;align-items:center;outline:none}.sc-ix-toggle-h .switch.sc-ix-toggle{position:relative;display:inline-flex;align-items:center;min-width:3rem;height:2rem}.sc-ix-toggle-h .switch.sc-ix-toggle:not(.disabled):not(:disabled):focus-visible{outline-color:var(--focus--border-color);outline-style:solid;outline-width:1px}.sc-ix-toggle-h .switch.sc-ix-toggle input.sc-ix-toggle{opacity:0;width:0;height:0}.sc-ix-toggle-h .slider.sc-ix-toggle{display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background);border-radius:2.125rem;border:1px solid var(--theme-switch-off--border-color);width:2.5rem;height:1rem}.sc-ix-toggle-h .slider.sc-ix-toggle:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:transform 150ms;border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color);box-shadow:var(--theme-switch-thumb--box-shadow)}.sc-ix-toggle-h input.sc-ix-toggle:checked+.slider.sc-ix-toggle:before{transform:translateX(1.125rem);left:0.25rem}.sc-ix-toggle-h .text.sc-ix-toggle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-switch--color);padding:0 0.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--hover);border-color:var(--theme-switch-thumb-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--active);border-color:var(--theme-switch-thumb-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background);border-color:var(--theme-switch-thumb-on--border-color)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}.checked.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--hover);border-color:var(--theme-switch-thumb-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--active);border-color:var(--theme-switch-thumb-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background);border-color:var(--theme-switch-thumb-mixed--border-color)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background);border-color:var(--theme-switch-mixed--border-color)}.indeterminate.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--hover);border-color:var(--theme-switch-thumb-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--hover);border-color:var(--theme-switch-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--active);border-color:var(--theme-switch-thumb-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--active);border-color:var(--theme-switch-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{transform:translateX(0.625rem)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle{cursor:initial;opacity:0.5}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle:before,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--disabled);border-color:var(--theme-switch-thumb-off--border-color--disabled)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--disabled);border-color:var(--theme-switch-off--border-color--disabled)}[disabled].sc-ix-toggle-h .text.sc-ix-toggle,.disabled.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color--disabled)}';const s=class{constructor(t){e(this,t);this.checkedChange=o(this,"checkedChange",7);this.checked=false;this.disabled=false;this.indeterminate=false;this.color="accent";this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false}async onKeyDown(e){const o=e.target;if(!this.hostElement.contains(o)){return}if(e.code==="Enter"||e.code==="NumpadEnter"){this.emitChange(e)}}emitChange(e){if(this.disabled||this.indeterminate){return}e.stopPropagation();e.preventDefault();this.checked=!this.checked;this.checkedChange.emit(this.checked)}getText(){if(this.indeterminate||this.checked===undefined){return this.textIndeterminate}return this.checked?this.textOn:this.textOff}render(){return t(i,{class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate||this.checked===undefined}},t("label",{class:"switch",tabindex:this.disabled?-1:0},t("input",{tabindex:"-1",type:"checkbox",checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate||this.checked===undefined,id:this.hostElement.id,onChange:e=>this.emitChange(e)}),t("span",{class:"slider"},t("span",{class:"slider-track"}))),!this.hideText?t("span",{title:this.getText(),class:"text",onClick:e=>this.emitChange(e)},this.getText()):null)}get hostElement(){return r(this)}};s.style=c;export{s as ix_toggle};
+//# sourceMappingURL=p-41f0a2b2.entry.js.map

package/dist/siemens-ix/p-41f0a2b2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toggleCss","CuiToggle","async","event","targetElement","target","this","hostElement","contains","code","emitChange","disabled","indeterminate","stopPropagation","preventDefault","checked","checkedChange","emit","getText","undefined","textIndeterminate","textOn","textOff","render","h","Host","class","tabindex","type","id","onChange","e","hideText","title","onClick"],"sources":["./src/components/toggle/toggle.scss?tag=ix-toggle&encapsulation=scoped","./src/components/toggle/toggle.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@mixin toggle($state, $suffix: '') {\n  .slider {\n    &:before {\n      background-color: var(\n        --theme-switch-thumb-#{$state}--background#{$suffix}\n      );\n      border-color: var(--theme-switch-thumb-#{$state}--border-color#{$suffix});\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-#{$state}--background#{$suffix});\n      border-color: var(--theme-switch-#{$state}--border-color#{$suffix});\n    }\n  }\n\n  .text {\n    color: var(--theme-switch--color);\n  }\n\n  @include hover {\n    .slider {\n      &:before {\n        background-color: var(\n          --theme-switch-thumb-#{$state}--background--hover#{$suffix}\n        );\n        border-color: var(\n          --theme-switch-thumb-#{$state}--border-color--hover#{$suffix}\n        );\n      }\n\n      .slider-track {\n        background-color: var(\n          --theme-switch-#{$state}--background--hover#{$suffix}\n        );\n        border-color: var(\n          --theme-switch-#{$state}--border-color--hover#{$suffix}\n        );\n      }\n    }\n\n    .text {\n      color: var(--theme-switch--color--hover);\n    }\n  }\n\n  @include active {\n    .slider:before {\n      background-color: var(\n        --theme-switch-thumb-#{$state}--background--active#{$suffix}\n      );\n      border-color: var(\n        --theme-switch-thumb-#{$state}--border-color--active#{$suffix}\n      );\n    }\n\n    .slider-track {\n      background-color: var(\n        --theme-switch-#{$state}--background--active#{$suffix}\n      );\n      border-color: var(\n        --theme-switch-#{$state}--border-color--active#{$suffix}\n      );\n    }\n\n    .text {\n      color: var(--theme-switch--color--active);\n    }\n  }\n}\n\n:host {\n  $slide-toggle-width: 3rem;\n  display: flex;\n  align-items: center;\n  outline: none;\n\n  .switch {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    min-width: $slide-toggle-width;\n    height: $default-control-height;\n\n    @include focus-visible {\n      outline-color: var(--focus--border-color);\n      outline-style: solid;\n      outline-width: 1px;\n    }\n  }\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .slider {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background);\n      border-radius: 2.125rem;\n      border: 1px solid var(--theme-switch-off--border-color);\n      width: 2.5rem;\n      height: $default-space;\n    }\n  }\n\n  .slider:before {\n    position: absolute;\n    content: '';\n    height: 1.5rem;\n    width: 1.5rem;\n    left: 0.125rem;\n    background-color: var(--theme-switch-thumb-off--background);\n    -webkit-transition: transform $default-time;\n    transition: transform $default-time;\n    border-radius: 50%;\n    border: 1px solid var(--theme-switch-thumb-off--border-color);\n    box-shadow: var(--theme-switch-thumb--box-shadow);\n  }\n\n  input:checked + .slider:before {\n    -webkit-transform: translateX(1.125rem);\n    -ms-transform: translateX(1.125rem);\n    transform: translateX(1.125rem);\n    left: $tiny-space;\n  }\n\n  .text {\n    @include ellipsis;\n\n    color: var(--theme-switch--color);\n    padding: 0 $small-space;\n    position: relative;\n    user-select: none;\n  }\n\n  @include hover {\n    .slider:before {\n      background-color: var(--theme-switch-thumb-off--background--hover);\n      border-color: var(--theme-switch-thumb-off--border-color--hover);\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background--hover);\n      border-color: var(--theme-switch-off--border-color--hover);\n    }\n\n    .text {\n      color: var(--theme-switch--color--hover);\n    }\n  }\n\n  @include active {\n    .slider:before {\n      background-color: var(--theme-switch-thumb-off--background--active);\n      border-color: var(--theme-switch-thumb-off--border-color--active);\n    }\n\n    .slider-track {\n      background-color: var(--theme-switch-off--background--active);\n      border-color: var(--theme-switch-off--border-color--active);\n    }\n\n    .text {\n      color: var(--theme-switch--color--active);\n    }\n  }\n\n  &.checked {\n    @include toggle('on');\n  }\n\n  &.indeterminate {\n    @include toggle('mixed');\n\n    .slider:before {\n      transform: translateX(0.625rem);\n    }\n  }\n\n  &[disabled],\n  &.disabled {\n    .slider {\n      cursor: initial;\n      opacity: 0.5;\n\n      &:before {\n        background-color: var(--theme-switch-thumb-off--background--disabled);\n        border-color: var(--theme-switch-thumb-off--border-color--disabled);\n      }\n\n      .slider-track {\n        background-color: var(--theme-switch-off--background--disabled);\n        border-color: var(--theme-switch-off--border-color--disabled);\n      }\n    }\n\n    .text {\n      color: var(--theme-switch--color--disabled);\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} from '@stencil/core';\n\n@Component({\n  tag: 'ix-toggle',\n  styleUrl: 'toggle.scss',\n  scoped: true,\n})\nexport class CuiToggle {\n  /**\n   * Whether the slide-toggle element is checked or not.\n   */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * Whether the slide-toggle element is disabled or not.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the control is in indeterminate state\n   */\n  @Prop() indeterminate = false;\n\n  /**\n   * Basic and status colors from color palette\n   * @deprecated Will be removed in 2.0.0\n   */\n  @Prop() color = 'accent';\n\n  /**\n   * Text for on state\n   */\n  @Prop() textOn = 'On';\n\n  /**\n   * Text for off state\n   */\n  @Prop() textOff = 'Off';\n\n  /**\n   * Text for indeterminate state\n   */\n  @Prop() textIndeterminate = 'Mixed';\n\n  /**\n   * Hide `on` and `off` text\n   */\n  @Prop() hideText = false;\n\n  /**\n   * An event will be dispatched each time the slide-toggle changes its value.\n   */\n  @Event() checkedChange: EventEmitter<boolean>;\n\n  @Element() hostElement!: HTMLIxToggleElement;\n\n  @Listen('keydown', { target: 'window' })\n  async onKeyDown(event: KeyboardEvent) {\n    const targetElement = event.target as HTMLElement;\n\n    if (!this.hostElement.contains(targetElement)) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      this.emitChange(event);\n    }\n  }\n\n  private emitChange(event: Event) {\n    if (this.disabled || this.indeterminate) {\n      return;\n    }\n\n    event.stopPropagation();\n    event.preventDefault();\n\n    this.checked = !this.checked;\n    this.checkedChange.emit(this.checked);\n  }\n\n  private getText() {\n    if (this.indeterminate || this.checked === undefined) {\n      return this.textIndeterminate;\n    }\n\n    return this.checked ? this.textOn : this.textOff;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          checked: this.checked,\n          indeterminate: this.indeterminate || this.checked === undefined,\n        }}\n      >\n        <label class=\"switch\" tabindex={this.disabled ? -1 : 0}>\n          <input\n            tabindex=\"-1\"\n            type=\"checkbox\"\n            checked={this.checked}\n            disabled={this.disabled}\n            indeterminate={this.indeterminate || this.checked === undefined}\n            id={this.hostElement.id}\n            onChange={(e) => this.emitChange(e)}\n          />\n          <span class=\"slider\">\n            <span class=\"slider-track\"></span>\n          </span>\n        </label>\n        {!this.hideText ? (\n          <span\n            title={this.getText()}\n            class=\"text\"\n            onClick={(e) => this.emitChange(e)}\n          >\n            {this.getText()}\n          </span>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAY,gwN,MCyBLC,EAAS,M,mFAI8B,M,cAK/B,M,mBAKK,M,WAMR,S,YAKC,K,aAKC,M,uBAKU,Q,cAKT,K,CAUnBC,gBAAgBC,GACd,MAAMC,EAAgBD,EAAME,OAE5B,IAAKC,KAAKC,YAAYC,SAASJ,GAAgB,CAC7C,M,CAGF,GAAID,EAAMM,OAAS,SAAWN,EAAMM,OAAS,cAAe,CAC1DH,KAAKI,WAAWP,E,EAIZO,WAAWP,GACjB,GAAIG,KAAKK,UAAYL,KAAKM,cAAe,CACvC,M,CAGFT,EAAMU,kBACNV,EAAMW,iBAENR,KAAKS,SAAWT,KAAKS,QACrBT,KAAKU,cAAcC,KAAKX,KAAKS,Q,CAGvBG,UACN,GAAIZ,KAAKM,eAAiBN,KAAKS,UAAYI,UAAW,CACpD,OAAOb,KAAKc,iB,CAGd,OAAOd,KAAKS,QAAUT,KAAKe,OAASf,KAAKgB,O,CAG3CC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLf,SAAUL,KAAKK,SACfI,QAAST,KAAKS,QACdH,cAAeN,KAAKM,eAAiBN,KAAKS,UAAYI,YAGxDK,EAAA,SAAOE,MAAM,SAASC,SAAUrB,KAAKK,UAAY,EAAI,GACnDa,EAAA,SACEG,SAAS,KACTC,KAAK,WACLb,QAAST,KAAKS,QACdJ,SAAUL,KAAKK,SACfC,cAAeN,KAAKM,eAAiBN,KAAKS,UAAYI,UACtDU,GAAIvB,KAAKC,YAAYsB,GACrBC,SAAWC,GAAMzB,KAAKI,WAAWqB,KAEnCP,EAAA,QAAME,MAAM,UACVF,EAAA,QAAME,MAAM,oBAGdpB,KAAK0B,SACLR,EAAA,QACES,MAAO3B,KAAKY,UACZQ,MAAM,OACNQ,QAAUH,GAAMzB,KAAKI,WAAWqB,IAE/BzB,KAAKY,WAEN,K"}

package/dist/siemens-ix/p-43965bd0.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as i,c as e,g as s}from"./p-8fcd6f85.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};
+//# sourceMappingURL=p-43965bd0.entry.js.map

package/dist/siemens-ix/p-43965bd0.entry.js.map

@@ -0,0 +1 @@
+{"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-446a0a3f.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as d,H as n,g as l}from"./p-8fcd6f85.js";import{a as s}from"./p-810b5232.js";const r=".sc-ix-blind-h{display:flex;flex-direction:column;background-color:var(--theme-blind-base--background);border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color);border-radius:var(--theme-blind--border-radius);overflow:hidden}.sc-ix-blind-h .blind-header.sc-ix-blind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;min-height:3rem;height:3rem;border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;padding-right:1rem;transition:border-radius 150ms;cursor:pointer;z-index:1;color:var(--theme-blind-header-closed--color);background-color:var(--theme-blind-header-closed--background)}.sc-ix-blind-h .blind-header.sc-ix-blind .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-closed--color);padding:0.25rem 0.5rem}.sc-ix-blind-h .blind-header.sc-ix-blind .blind-header-title.sc-ix-blind,.sc-ix-blind-h .blind-header.sc-ix-blind .blind-header-title-basic.sc-ix-blind{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;flex-grow:1}.sc-ix-blind-h .blind-header.sc-ix-blind .blind-header-title.sc-ix-blind .blind-header-title-default.sc-ix-blind,.sc-ix-blind-h .blind-header.sc-ix-blind .blind-header-title-basic.sc-ix-blind .blind-header-title-default.sc-ix-blind{-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);flex-grow:1}.sc-ix-blind-h .blind-header.sc-ix-blind .blind-header-title-basic.sc-ix-blind ix-icon.sc-ix-blind{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):hover{background-color:var(--theme-blind-header-open--background--hover)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):hover .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-open--color--hover)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):active{background-color:var(--theme-blind-header-open--background--active)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):active .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-open--color--active)}.sc-ix-blind-h .blind-header.sc-ix-blind:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind{border-radius:var(--theme-blind--border-radius)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):hover{background-color:var(--theme-blind-header-open--background--hover)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):hover .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-closed--color--hover)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):active{background-color:var(--theme-blind-header-open--background--active)}.sc-ix-blind-h .blind-header.closed.sc-ix-blind:not(.disabled):not(:disabled):active .glyph.sc-ix-blind{color:var(--theme-blind-header-icon-closed--color--active)}.sc-ix-blind-h .blind-content.sc-ix-blind{display:block;padding:1rem;transition-property:padding;transition-duration:150ms;transition-timing-function:ease-in}.sc-ix-blind-h .blind-content.hide.sc-ix-blind{max-height:0;padding-top:0px;padding-bottom:0px}";const t=class{constructor(d){i(this,d);this.collapsedChange=e(this,"collapsedChange",7);this.collapsed=false;this.label=undefined;this.icon=undefined}onHeaderClick(i){if(i.target.closest(".header-actions")){return}i.preventDefault();i.stopImmediatePropagation();this.collapsed=!this.collapsed;this.collapsedChange.emit(this.collapsed)}componentDidLoad(){this.animateCollapse(this.collapsed)}get content(){return this.hostElement.querySelector(".blind-content")}animation(i){this.animateCollapse(i)}animateCollapse(i){if(i){this.rotateChevronRight()}else{this.rotateChevronDown()}}rotateChevronDown(){s({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:90});s({targets:this.content,duration:150,easing:"easeInOutSine",opacity:1})}rotateChevronRight(){s({targets:this.chevronRef,duration:150,easing:"easeInOutSine",rotateZ:0});s({targets:this.content,duration:150,easing:"easeInOutSine",opacity:0})}render(){return d(n,null,d("div",{class:{"blind-header":true,closed:this.collapsed},onClick:i=>this.onHeaderClick(i)},d("span",{ref:i=>this.chevronRef=i,class:{glyph:true,"glyph-chevron-right-small":true}}),d("div",{class:"blind-header-title"},this.label!==undefined?d("span",{class:"blind-header-title-basic"},this.icon!==undefined?d("ix-icon",{name:this.icon}):"",d("span",{class:"blind-header-title-default"},this.label),d("span",{class:"header-actions"},d("slot",{name:"header-actions"}))):d("slot",{name:"custom-header"}))),d("div",{class:{"blind-content":true,hide:this.collapsed}},d("slot",null)))}get hostElement(){return l(this)}static get watchers(){return{collapsed:["animation"]}}};t.style=r;export{t as ix_blind};
+//# sourceMappingURL=p-446a0a3f.entry.js.map

package/dist/siemens-ix/p-446a0a3f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["blindCss","Blind","constructor","hostRef","registerInstance","this","collapsedChange","createEvent","collapsed","label","undefined","icon","onHeaderClick","e","target","closest","preventDefault","stopImmediatePropagation","emit","componentDidLoad","animateCollapse","content","hostElement","querySelector","animation","isCollapsed","rotateChevronRight","rotateChevronDown","anime","targets","chevronRef","duration","easing","rotateZ","opacity","render","h","Host","class","closed","onClick","ref","glyph","name","hide"],"sources":["./src/components/blind/blind.scss?tag=ix-blind&encapsulation=scoped","./src/components/blind/blind.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\n:host {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--theme-blind-base--background);\n  border: solid var(--theme-blind--border-thickness)\n    var(--theme-blind-base--border-color);\n  border-radius: var(--theme-blind--border-radius);\n  overflow: hidden;\n\n  .blind-header {\n    @include ellipsis;\n\n    display: flex;\n    align-items: center;\n    min-height: 3rem;\n    height: 3rem;\n    border: solid var(--theme-blind--border-thickness) transparent;\n    border-radius: var(--theme-blind--border-radius)\n      var(--theme-blind--border-radius) 0 0;\n    padding-right: $default-space;\n    transition: border-radius $default-time;\n    cursor: pointer;\n\n    z-index: 1;\n\n    color: var(--theme-blind-header-closed--color);\n    background-color: var(--theme-blind-header-closed--background);\n\n    .glyph {\n      color: var(--theme-blind-header-icon-closed--color);\n      padding: $tiny-space $small-space;\n    }\n\n    .blind-header-title,\n    .blind-header-title-basic {\n      @include ellipsis;\n      display: flex;\n      align-items: center;\n      flex-grow: 1;\n\n      .blind-header-title-default {\n        @include text-l-title;\n        flex-grow: 1;\n      }\n    }\n\n    .blind-header-title-basic ix-icon {\n      margin-inline-end: $small-space;\n    }\n\n    @include hover {\n      background-color: var(--theme-blind-header-open--background--hover);\n\n      .glyph {\n        color: var(--theme-blind-header-icon-open--color--hover);\n      }\n    }\n\n    @include active {\n      background-color: var(--theme-blind-header-open--background--active);\n\n      .glyph {\n        color: var(--theme-blind-header-icon-open--color--active);\n      }\n    }\n\n    @include focus-visible {\n      border-color: var(--theme-focus--border-color);\n    }\n\n    &.closed {\n      border-radius: var(--theme-blind--border-radius);\n\n      @include hover {\n        background-color: var(--theme-blind-header-open--background--hover);\n\n        .glyph {\n          color: var(--theme-blind-header-icon-closed--color--hover);\n        }\n      }\n\n      @include active {\n        background-color: var(--theme-blind-header-open--background--active);\n\n        .glyph {\n          color: var(--theme-blind-header-icon-closed--color--active);\n        }\n      }\n    }\n  }\n\n  .blind-content {\n    display: block;\n    padding: 1rem;\n    transition-property: padding;\n    transition-duration: $default-time;\n    transition-timing-function: ease-in;\n\n    &.hide {\n      max-height: 0;\n      padding-top: 0px;\n      padding-bottom: 0px;\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  Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\n\n@Component({\n  tag: 'ix-blind',\n  styleUrl: 'blind.scss',\n  scoped: true,\n})\nexport class Blind {\n  /**\n   * Collapsed state\n   */\n  @Prop({ mutable: true, reflect: true }) collapsed = false;\n\n  /**\n   * Label of blind\n   */\n  @Prop() label: string;\n\n  /**\n   * Optional icon to be displayed next to the header label\n   * @since 1.5.0\n   */\n  @Prop() icon: string;\n\n  /**\n   * Collapsed state changed\n   */\n  @Event() collapsedChange: EventEmitter<boolean>;\n\n  @Element() hostElement!: HTMLIxBlindElement;\n\n  private chevronRef: HTMLElement;\n\n  constructor() {}\n\n  private onHeaderClick(e: Event) {\n    if ((e.target as Element).closest('.header-actions')) {\n      return;\n    }\n\n    e.preventDefault();\n    e.stopImmediatePropagation();\n\n    this.collapsed = !this.collapsed;\n    this.collapsedChange.emit(this.collapsed);\n  }\n\n  componentDidLoad() {\n    this.animateCollapse(this.collapsed);\n  }\n\n  get content() {\n    return this.hostElement.querySelector('.blind-content');\n  }\n\n  @Watch('collapsed')\n  animation(isCollapsed: boolean) {\n    this.animateCollapse(isCollapsed);\n  }\n\n  private animateCollapse(isCollapsed: boolean) {\n    if (isCollapsed) {\n      this.rotateChevronRight();\n    } else {\n      this.rotateChevronDown();\n    }\n  }\n\n  private rotateChevronDown() {\n    anime({\n      targets: this.chevronRef,\n      duration: 150,\n      easing: 'easeInOutSine',\n      rotateZ: 90,\n    });\n    anime({\n      targets: this.content,\n      duration: 150,\n      easing: 'easeInOutSine',\n      opacity: 1,\n    });\n  }\n\n  private rotateChevronRight() {\n    anime({\n      targets: this.chevronRef,\n      duration: 150,\n      easing: 'easeInOutSine',\n      rotateZ: 0,\n    });\n    anime({\n      targets: this.content,\n      duration: 150,\n      easing: 'easeInOutSine',\n      opacity: 0,\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'blind-header': true,\n            closed: this.collapsed,\n          }}\n          onClick={(e) => this.onHeaderClick(e)}\n        >\n          <span\n            ref={(ref) => (this.chevronRef = ref)}\n            class={{\n              glyph: true,\n              'glyph-chevron-right-small': true,\n            }}\n          ></span>\n          <div class=\"blind-header-title\">\n            {this.label !== undefined ? (\n              <span class=\"blind-header-title-basic\">\n                {this.icon !== undefined ? (\n                  <ix-icon name={this.icon}></ix-icon>\n                ) : (\n                  ''\n                )}\n                <span class=\"blind-header-title-default\">{this.label}</span>\n                <span class=\"header-actions\">\n                  <slot name=\"header-actions\"></slot>\n                </span>\n              </span>\n            ) : (\n              <slot name=\"custom-header\"></slot>\n            )}\n          </div>\n        </div>\n        <div\n          class={{\n            'blind-content': true,\n            hide: this.collapsed,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAW,osH,MC0BJC,EAAK,MA0BhBC,YAAAC,GAAAC,EAAAC,KAAAF,GAAAE,KAAAC,gBAAAC,EAAAF,KAAA,qBAAAA,KAAAG,UAtBoD,MAAKH,KAAAI,MAAAC,UAAAL,KAAAM,KAAAD,SAAA,CAwBjDE,cAAcC,GACpB,GAAKA,EAAEC,OAAmBC,QAAQ,mBAAoB,CACpD,M,CAGFF,EAAEG,iBACFH,EAAEI,2BAEFZ,KAAKG,WAAaH,KAAKG,UACvBH,KAAKC,gBAAgBY,KAAKb,KAAKG,U,CAGjCW,mBACEd,KAAKe,gBAAgBf,KAAKG,U,CAGxBa,cACF,OAAOhB,KAAKiB,YAAYC,cAAc,iB,CAIxCC,UAAUC,GACRpB,KAAKe,gBAAgBK,E,CAGfL,gBAAgBK,GACtB,GAAIA,EAAa,CACfpB,KAAKqB,oB,KACA,CACLrB,KAAKsB,mB,EAIDA,oBACNC,EAAM,CACJC,QAASxB,KAAKyB,WACdC,SAAU,IACVC,OAAQ,gBACRC,QAAS,KAEXL,EAAM,CACJC,QAASxB,KAAKgB,QACdU,SAAU,IACVC,OAAQ,gBACRE,QAAS,G,CAILR,qBACNE,EAAM,CACJC,QAASxB,KAAKyB,WACdC,SAAU,IACVC,OAAQ,gBACRC,QAAS,IAEXL,EAAM,CACJC,QAASxB,KAAKgB,QACdU,SAAU,IACVC,OAAQ,gBACRE,QAAS,G,CAIbC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,MAAO,CACL,eAAgB,KAChBC,OAAQlC,KAAKG,WAEfgC,QAAU3B,GAAMR,KAAKO,cAAcC,IAEnCuB,EAAA,QACEK,IAAMA,GAASpC,KAAKyB,WAAaW,EACjCH,MAAO,CACLI,MAAO,KACP,4BAA6B,QAGjCN,EAAA,OAAKE,MAAM,sBACRjC,KAAKI,QAAUC,UACd0B,EAAA,QAAME,MAAM,4BACTjC,KAAKM,OAASD,UACb0B,EAAA,WAASO,KAAMtC,KAAKM,OAAgB,GAItCyB,EAAA,QAAME,MAAM,8BAA8BjC,KAAKI,OAC/C2B,EAAA,QAAME,MAAM,kBACVF,EAAA,QAAMO,KAAK,qBAIfP,EAAA,QAAMO,KAAK,oBAIjBP,EAAA,OACEE,MAAO,CACL,gBAAiB,KACjBM,KAAMvC,KAAKG,YAGb4B,EAAA,c"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as n}from"./p-8fcd6f85.js";const o=".sc-ix-group-context-menu-h{display:block;position:relative;-webkit-margin-before:0.3125rem;margin-block-start:0.3125rem;-webkit-margin-end:0.3125rem;margin-inline-end:0.3125rem;-webkit-margin-start:auto;margin-inline-start:auto}.sc-ix-group-context-menu-h ix-icon-button.sc-ix-group-context-menu::after{display:none}.sc-ix-group-context-menu-h .hide.sc-ix-group-context-menu{visibility:collapse}";const r=class{constructor(e){t(this,e);this.showContextMenu=false}get dropdownElement(){return this.host.querySelector("ix-dropdown")}get groupDropdownItem(){return this.host.querySelectorAll("ix-group-dropdown-item")}configureDropdown(t){this.dropdownElement.positioningStrategy="fixed";this.dropdownElement.trigger=t}componentWillRender(){this.showContextMenu=!!this.dropdownElement}render(){return e(i,null,e("ix-icon-button",{class:{hide:!this.showContextMenu},ref:t=>this.dropdownElement?this.configureDropdown(t):null,size:"24",ghost:true,icon:"context-menu"}),e("slot",null))}get host(){return n(this)}};r.style=o;export{r as ix_group_context_menu};
+//# sourceMappingURL=p-4ec66090.entry.js.map

package/dist/siemens-ix/p-4ec66090.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["groupContextMenuCss","GroupContextMenu","dropdownElement","this","host","querySelector","groupDropdownItem","querySelectorAll","configureDropdown","triggerElement","positioningStrategy","trigger","componentWillRender","showContextMenu","render","h","Host","class","hide","ref","size","ghost","icon"],"sources":["./src/components/group/group-context-menu.scss?tag=ix-group-context-menu&encapsulation=scoped","./src/components/group/group-context-menu.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:host {\n  display: block;\n  position: relative;\n  margin-block-start: 0.3125rem;\n  margin-inline-end: 0.3125rem;\n  margin-inline-start: auto;\n\n  ix-icon-button {\n    &::after {\n      display: none;\n    }\n  }\n\n  .hide {\n    visibility: collapse;\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, State } from '@stencil/core';\n\n@Component({\n  tag: 'ix-group-context-menu',\n  styleUrl: './group-context-menu.scss',\n  scoped: true,\n})\nexport class GroupContextMenu {\n  @Element() host!: HTMLIxGroupContextMenuElement;\n\n  @State() showContextMenu = false;\n\n  get dropdownElement() {\n    return this.host.querySelector('ix-dropdown');\n  }\n\n  get groupDropdownItem() {\n    return this.host.querySelectorAll('ix-group-dropdown-item');\n  }\n\n  private configureDropdown(triggerElement: HTMLElement) {\n    this.dropdownElement.positioningStrategy = 'fixed';\n    this.dropdownElement.trigger = triggerElement;\n  }\n\n  componentWillRender() {\n    this.showContextMenu = !!this.dropdownElement;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-icon-button\n          class={{ hide: !this.showContextMenu }}\n          ref={(ref) =>\n            this.dropdownElement ? this.configureDropdown(ref) : null\n          }\n          size=\"24\"\n          ghost={true}\n          icon=\"context-menu\"\n        ></ix-icon-button>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,+Y,MCgBfC,EAAgB,M,8CAGA,K,CAEvBC,sBACF,OAAOC,KAAKC,KAAKC,cAAc,c,CAG7BC,wBACF,OAAOH,KAAKC,KAAKG,iBAAiB,yB,CAG5BC,kBAAkBC,GACxBN,KAAKD,gBAAgBQ,oBAAsB,QAC3CP,KAAKD,gBAAgBS,QAAUF,C,CAGjCG,sBACET,KAAKU,kBAAoBV,KAAKD,e,CAGhCY,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,kBACEE,MAAO,CAAEC,MAAOf,KAAKU,iBACrBM,IAAMA,GACJhB,KAAKD,gBAAkBC,KAAKK,kBAAkBW,GAAO,KAEvDC,KAAK,KACLC,MAAO,KACPC,KAAK,iBAEPP,EAAA,a"}

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

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

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

@@ -0,0 +1 @@
+{"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-55d0fabf.entry.js

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

package/dist/siemens-ix/p-55d0fabf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inputGroupCss","InputGroup","componentDidRender","paddingRight","paddingLeft","this","host","querySelectorAll","forEach","item","classList","add","getBoundingClientRect","width","inputElement","querySelector","style","console","warn","render","h","Host","class","name"],"sources":["./src/components/input-group/input-group.scss?tag=ix-input-group&encapsulation=scoped","./src/components/input-group/input-group.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  position: relative;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: stretch;\n  width: 100%;\n\n  .group {\n    display: flex;\n    position: absolute;\n    align-items: center;\n    height: 100%;\n  }\n\n  .group-start {\n    left: 0px;\n  }\n\n  .group-end {\n    right: 0px;\n  }\n\n  ::slotted(*) {\n    display: flex;\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 } from '@stencil/core';\n\n@Component({\n  tag: 'ix-input-group',\n  styleUrl: 'input-group.scss',\n  scoped: true,\n})\nexport class InputGroup {\n  @Element() host!: HTMLIxInputGroupElement;\n\n  componentDidRender() {\n    let paddingRight = 15;\n    let paddingLeft = 15;\n    this.host.querySelectorAll('[slot=\"input-end\"]').forEach((item) => {\n      item.classList.add('input-group-label');\n      paddingRight += item.getBoundingClientRect().width;\n    });\n\n    this.host.querySelectorAll('[slot=\"input-start\"]').forEach((item) => {\n      item.classList.add('input-group-label');\n      paddingLeft += item.getBoundingClientRect().width;\n    });\n\n    const inputElement = this.host.querySelector(\n      'input.form-control'\n    ) as HTMLInputElement;\n\n    if (inputElement) {\n      inputElement.style.paddingRight = paddingRight + 'px';\n      inputElement.style.paddingLeft = paddingLeft + 'px';\n    } else {\n      console.warn(\n        'You used the ix-input-group without an input-tag, e.g. <input class=\"form-control\" />'\n      );\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"group group-start\">\n          <slot name=\"input-start\"></slot>\n        </div>\n        <slot></slot>\n        <div class=\"group group-end\">\n          <slot name=\"input-end\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,mY,MCgBTC,EAAU,M,yBAGrBC,qBACE,IAAIC,EAAe,GACnB,IAAIC,EAAc,GAClBC,KAAKC,KAAKC,iBAAiB,sBAAsBC,SAASC,IACxDA,EAAKC,UAAUC,IAAI,qBACnBR,GAAgBM,EAAKG,wBAAwBC,KAAK,IAGpDR,KAAKC,KAAKC,iBAAiB,wBAAwBC,SAASC,IAC1DA,EAAKC,UAAUC,IAAI,qBACnBP,GAAeK,EAAKG,wBAAwBC,KAAK,IAGnD,MAAMC,EAAeT,KAAKC,KAAKS,cAC7B,sBAGF,GAAID,EAAc,CAChBA,EAAaE,MAAMb,aAAeA,EAAe,KACjDW,EAAaE,MAAMZ,YAAcA,EAAc,I,KAC1C,CACLa,QAAQC,KACN,wF,EAKNC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,iBAEbH,EAAA,aACAA,EAAA,OAAKE,MAAM,mBACTF,EAAA,QAAMG,KAAK,e"}

package/dist/siemens-ix/p-56ed024b.js

@@ -1 +1,2 @@
-function t(t,e,n){const r=document.createElement("ix-tree-item");return r.hasChildren=t.hasChildren,r.context=e,r.text=t.data.name,n((t=>{r.text=t.data.name})),r}export{t as r}
+function t(t,e,n){const r=document.createElement("ix-tree-item");r.hasChildren=t.hasChildren;r.context=e;r.text=t.data.name;n((t=>{r.text=t.data.name}));return r}export{t as r};
+//# sourceMappingURL=p-56ed024b.js.map

package/dist/siemens-ix/p-56ed024b.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderDefaultItem","item","context","update","el","document","createElement","hasChildren","text","data","name","updateTreeItem"],"sources":["./src/components/tree-item/default-tree-item.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 { TreeItem, TreeItemContext, UpdateCallback } from '../tree/tree-model';\n\nexport interface DefaultTreeItemData {\n  name: string;\n}\nexport type DefaultTreeItem = TreeItem<DefaultTreeItemData>;\n\nexport function renderDefaultItem(\n  item: DefaultTreeItem,\n  context: TreeItemContext,\n  update: (_: UpdateCallback) => void\n) {\n  const el = document.createElement('ix-tree-item');\n  el.hasChildren = item.hasChildren;\n  el.context = context;\n  el.text = item.data.name;\n\n  update((updateTreeItem) => {\n    el.text = updateTreeItem.data.name;\n  });\n  return el;\n}\n"],"mappings":"SAgBgBA,EACdC,EACAC,EACAC,GAEA,MAAMC,EAAKC,SAASC,cAAc,gBAClCF,EAAGG,YAAcN,EAAKM,YACtBH,EAAGF,QAAUA,EACbE,EAAGI,KAAOP,EAAKQ,KAAKC,KAEpBP,GAAQQ,IACNP,EAAGI,KAAOG,EAAeF,KAAKC,IAAI,IAEpC,OAAON,CACT,Q"}

package/dist/siemens-ix/p-58ef1328.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s,g as n}from"./p-8fcd6f85.js";const l=".sc-ix-select-h{display:inline-block;position:relative;height:auto;width:100%}.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;height:auto;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff !important;outline-offset:var(--theme-input--focus--outline-offset)}.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0 0.1rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-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);background:transparent;height:1.75rem;width:100%}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}.sc-ix-select-h .chevron-down-container.sc-ix-select{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:100%}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover)}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):active{background-color:var(--theme-btn-invisible-secondary--background--active)}.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}";const c=class{constructor(i){e(this,i);this.itemSelectionChange=t(this,"itemSelectionChange",7);this.addItem=t(this,"addItem",7);this.selectedIndices=[];this.allowClear=false;this.mode="single";this.editable=false;this.disabled=false;this.readonly=false;this.i18nPlaceholder="Select an option";this.i18nPlaceholderEditable="Type of select option";this.i18nSelectListHeader="Please select an option";this.dropdownShow=false;this.value=undefined;this.dropdownWrapperRef=undefined;this.dropdownAnchor=undefined;this.isDropdownEmpty=false;this.hasFocus=false;this.navigationItem=undefined;this.inputFilterText=undefined;this.inputValue=undefined}get items(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get selectedItems(){return this.items.filter((e=>e.selected))}get addItemButton(){return this.hostElement.querySelector(".add-item")}get isSingleMode(){return this.mode==="single"}get isMultipleMode(){return this.mode==="multiple"}watchSelectedIndices(e){if(!e){this.selectValue([]);return}if(Array.isArray(e)){this.selectValue([...e]);return}this.selectValue([e])}onItemClicked(e){const t=e.detail;this.emitItemClick(t)}watchInputText(e){if(!this.editable){return}if(this.itemExists(e)){return}}emitItemClick(e){if(this.isMultipleMode&&Array.isArray(this.selectedIndices)){if(this.selectedIndices.includes(e)){this.selectedIndices=this.selectedIndices.filter((t=>t!==e))}else{this.selectedIndices=[...this.selectedIndices,e]}}else{this.selectedIndices=[e]}this.selectValue(this.selectedIndices);this.itemSelectionChange.emit(this.selectedIndices)}emitAddItem(e){if(e.trim()===""){return}const t=document.createElement("ix-select-item");t.value=e;t.label=e;this.addItemRef.appendChild(t);this.clearInput();this.emitItemClick(e);this.addItem.emit(e)}selectValue(e){var t;this.items.forEach((t=>{t.selected=e.some((e=>e===t.value))}));this.value=this.selectedItems.map((e=>e.label));if(this.isSingleMode){this.inputValue=((t=this.value)===null||t===void 0?void 0:t.length)?this.value[0]:null;return}this.inputValue=null}componentWillLoad(){if(this.selectedIndices){this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}}onLabelChange(e){e.preventDefault();e.stopImmediatePropagation();this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}disconnectedCallback(){if(this.labelMutationObserver){this.labelMutationObserver.disconnect()}}itemExists(e){return this.items.find((t=>t.label===e))}dropdownVisibilityChanged(e){this.dropdownShow=e.detail;if(e.detail){this.inputRef.focus();this.inputRef.select();this.navigationItem=this.items[0];this.setHoverEffectForNavigatedSelectItem();this.removeHiddenFromItems()}this.hasFocus=e.detail}async onKeyDown(e){if(!this.dropdownShow){return}if(e.code==="ArrowDown"||e.code==="ArrowUp"){this.onArrowNavigation(e)}if(e.code==="Enter"||e.code==="NumpadEnter"){await this.onEnterNavigation()}if(e.code==="Escape"){this.dropdownShow=false}}async onEnterNavigation(){var e,t;if(this.isMultipleMode){return}if(this.editable&&!this.itemExists(this.inputFilterText)){this.emitAddItem(this.inputFilterText);this.navigationItem=this.items[this.items.length-1]}(e=this.navigationItem)===null||e===void 0?void 0:e.onItemClick();await((t=this.dropdownRef)===null||t===void 0?void 0:t.updatePosition());if(this.isSingleMode&&!this.editable){this.dropdownShow=false}}onArrowNavigation(e){e.stopPropagation();e.preventDefault();const t=this.items.filter((e=>!e.classList.contains("d-none")));const i=t.indexOf(this.navigationItem);if(e.code==="ArrowDown"&&i<t.length-1){this.navigationItem=t[i+1]}else if(e.code==="ArrowUp"&&i>0){this.navigationItem=t[i-1]}this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){this.items.forEach((e=>{e.hover=e===this.navigationItem}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value;if(this.inputFilterText){this.items.forEach((e=>{e.classList.remove("d-none");if(!e.label.toLowerCase().includes(this.inputFilterText.toLowerCase())){e.classList.add("d-none")}}))}else{this.removeHiddenFromItems()}this.isDropdownEmpty=this.items.every((e=>e.classList.contains("d-none")))}removeHiddenFromItems(){this.items.forEach((e=>{e.classList.remove("d-none")}))}clearInput(){this.inputRef.value="";this.inputFilterText=""}clear(){this.clearInput();this.value=[];this.selectedIndices=[];this.itemSelectionChange.emit(null);this.dropdownShow=false}render(){var e,t,n;return i(s,null,i("div",{class:{"form-control":true,select:true,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:e=>{this.dropdownAnchor=e;if(!this.editable)this.dropdownWrapperRef=e}},i("div",{class:"input-container"},i("div",{class:"chips"},this.isMultipleMode?(e=this.selectedItems)===null||e===void 0?void 0:e.map((e=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,key:e.value,onCloseClick:t=>{t.preventDefault();t.stopPropagation();this.emitItemClick(e.value)}},e.label))):"",i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!((t=this.value)===null||t===void 0?void 0:t.length)},placeholder:this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder,value:this.inputValue,ref:e=>this.inputRef=e,onInput:()=>this.filterItemsWithTypeahead()}),this.isMultipleMode&&this.allowClear&&(((n=this.value)===null||n===void 0?void 0:n.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:true,oval:true,size:"24",onClick:e=>{e.preventDefault();e.stopPropagation();this.clear()}}):null,this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:e=>{if(this.editable)this.dropdownWrapperRef=e}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))))),i("ix-dropdown",{ref:e=>this.dropdownRef=e,show:this.dropdownShow,class:{"d-none":this.disabled||this.readonly||this.isDropdownEmpty&&!this.editable},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:e=>this.dropdownVisibilityChanged(e),placement:"auto-start",overwriteDropdownStyle:async()=>({width:`${this.hostElement.clientWidth}px`})},i("div",{class:"select-list-header",title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",null),i("div",{ref:e=>this.addItemRef=e,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":true,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:e=>{e.preventDefault();e.stopPropagation();this.emitAddItem(this.inputFilterText)}})))}get hostElement(){return n(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],inputFilterText:["watchInputText"]}}};c.style=l;class h extends CustomEvent{constructor(e){super("ix-select-item:labelChange",{bubbles:true,detail:e})}}const o=".sc-ix-select-item-h{display:block}.sc-ix-select-item-h ix-dropdown-item.sc-ix-select-item button.sc-ix-select-item{margin-left:1rem}";const r=class{constructor(i){e(this,i);this.itemClick=t(this,"itemClick",7);this.label=undefined;this.value=undefined;this.selected=false;this.hover=false}async onItemClick(e){e===null||e===void 0?void 0:e.preventDefault();e===null||e===void 0?void 0:e.stopPropagation();this.itemClick.emit(this.value)}componentDidRender(){if(!this.value){throw Error("ix-select-item must have a `value` property")}}labelChange(e,t){this.hostElement.dispatchEvent(new h({newValue:e,oldValue:t}))}render(){return i(s,null,i("ix-dropdown-item",{checked:this.selected,hover:this.hover,label:this.label?this.label:this.value,onItemClick:e=>this.onItemClick(e)}))}get hostElement(){return n(this)}static get watchers(){return{label:["labelChange"]}}};r.style=o;export{c as ix_select,r as ix_select_item};
+//# sourceMappingURL=p-58ef1328.entry.js.map

package/dist/siemens-ix/p-58ef1328.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["selectCss","Select","items","Array","from","this","hostElement","querySelectorAll","selectedItems","filter","item","selected","addItemButton","querySelector","isSingleMode","mode","isMultipleMode","watchSelectedIndices","newId","selectValue","isArray","onItemClicked","event","detail","emitItemClick","watchInputText","newValue","editable","itemExists","selectedIndices","includes","i","itemSelectionChange","emit","emitAddItem","value","trim","test","document","createElement","label","addItemRef","appendChild","clearInput","addItem","ids","forEach","some","map","inputValue","_a","length","componentWillLoad","onLabelChange","preventDefault","stopImmediatePropagation","disconnectedCallback","labelMutationObserver","disconnect","find","dropdownVisibilityChanged","dropdownShow","inputRef","focus","select","navigationItem","setHoverEffectForNavigatedSelectItem","removeHiddenFromItems","hasFocus","async","code","onArrowNavigation","onEnterNavigation","inputFilterText","onItemClick","_b","dropdownRef","updatePosition","stopPropagation","selectItems","classList","contains","index","indexOf","hover","filterItemsWithTypeahead","remove","toLowerCase","add","isDropdownEmpty","every","clear","render","h","Host","class","disabled","readonly","ref","dropdownAnchor","dropdownWrapperRef","key","onCloseClick","e","readOnly","type","allowClear","placeholder","i18nPlaceholderEditable","i18nPlaceholder","onInput","_c","icon","ghost","oval","size","onClick","name","show","anchor","trigger","onShowChanged","placement","overwriteDropdownStyle","width","clientWidth","title","i18nSelectListHeader","IxSelectItemLabelChangeEvent","CustomEvent","constructor","super","bubbles","selectItemCss","SelectItem","itemClick","componentDidRender","Error","labelChange","oldValue","dispatchEvent","checked"],"sources":["./src/components/select/select.scss?tag=ix-select&encapsulation=scoped","./src/components/select/select.tsx","./src/components/select-item/events.ts","./src/components/select-item/select-item.scss?tag=ix-select-item&encapsulation=scoped","./src/components/select-item/select-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@import 'common-variables';\n@import 'mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  display: inline-block;\n  position: relative;\n  height: auto;\n  width: 100%;\n\n  .select {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: auto;\n    background-color: var(--theme-input--background);\n    border: var(--theme-input--border-thickness) solid\n      var(--theme-input--border-color);\n    border-radius: var(--theme-input--border-radius);\n    padding: 0 0 0 $small-space;\n\n    @include hover {\n      background-color: var(--theme-input--background--hover);\n      border-color: var(--theme-input--border-color--hover);\n    }\n\n    &:focus-within {\n      background-color: var(--theme-input--background--focus);\n      border-color: var(--theme-input--border-color--focus);\n      outline: 1px solid #119fff !important;\n      outline-offset: var(--theme-input--focus--outline-offset);\n    }\n  }\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  .input-container {\n    display: flex;\n    position: relative;\n    align-items: flex-start;\n    width: 100%;\n\n    .chips {\n      position: relative;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      height: 100%;\n      max-height: 3.5rem;\n      flex-grow: 1;\n      overflow-y: auto;\n\n      > ix-filter-chip {\n        margin: 0 0.1rem;\n      }\n    }\n\n    input {\n      @include ellipsis;\n      @include text-default;\n      background: transparent;\n      height: 1.75rem;\n      width: 100%;\n\n      &,\n      &:hover,\n      &:focus-visible {\n        border: none;\n        outline: none;\n      }\n\n      &::placeholder {\n        color: var(--theme-input-select-icon--color);\n      }\n\n      &.hide-placeholder::placeholder {\n        opacity: 0;\n      }\n    }\n  }\n\n  .chevron-down-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: $x-large-space;\n    min-width: $x-large-space;\n    height: 100%;\n  }\n\n  .editable {\n    .chevron-down-container {\n      @include hover {\n        background-color: var(\n          --theme-btn-invisible-secondary--background--hover\n        );\n      }\n\n      @include active {\n        background-color: var(\n          --theme-btn-invisible-secondary--background--active\n        );\n      }\n    }\n  }\n\n  .add-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    width: 100%;\n  }\n\n  .select-list-header {\n    @include ellipsis;\n    display: flex;\n    align-items: center;\n    height: $default-control-height;\n    color: var(--theme-select-list-item-hint--color);\n    margin: 0 $small-space 0 $x-large-space;\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 { IxSelectItemLabelChangeEvent } from '../select-item/events';\n\n@Component({\n  tag: 'ix-select',\n  styleUrl: 'select.scss',\n  scoped: true,\n})\nexport class Select {\n  @Element() hostElement!: HTMLIxSelectElement;\n\n  /**\n   * Indices of selected items\n   */\n  @Prop({ mutable: true }) selectedIndices: string | string[] = [];\n\n  /**\n   * Show clear button\n   */\n  @Prop() allowClear = false;\n\n  /**\n   * Selection mode\n   */\n  @Prop() mode: 'single' | 'multiple' = 'single';\n\n  /**\n   * Select is extendable\n   */\n  @Prop() editable = false;\n\n  /**\n   * If true the select will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the select will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Input field placeholder\n   */\n  @Prop() i18nPlaceholder = 'Select an option';\n\n  /**\n   * Input field placeholder for editable select\n   */\n  @Prop() i18nPlaceholderEditable = 'Type of select option';\n\n  /**\n   * Select list header\n   */\n  @Prop() i18nSelectListHeader = 'Please select an option';\n\n  /**\n   * Item selection changed\n   */\n  @Event() itemSelectionChange: EventEmitter<string | string[]>;\n\n  /**\n   * Item added to selection\n   */\n  @Event() addItem: EventEmitter<string>;\n\n  @State() dropdownShow = false;\n  @State() value: string[];\n  @State() dropdownWrapperRef!: HTMLElement;\n  @State() dropdownAnchor!: HTMLElement;\n  @State() isDropdownEmpty = false;\n  @State() hasFocus = false;\n  @State() navigationItem: HTMLIxSelectItemElement;\n  @State() inputFilterText: string;\n  @State() inputValue: string;\n\n  private inputRef!: HTMLInputElement;\n  private dropdownRef!: HTMLIxDropdownElement;\n  private addItemRef!: HTMLDivElement;\n\n  private labelMutationObserver: MutationObserver;\n\n  get items() {\n    return Array.from(this.hostElement.querySelectorAll('ix-select-item'));\n  }\n\n  get selectedItems() {\n    return this.items.filter((item) => item.selected);\n  }\n\n  get addItemButton() {\n    return this.hostElement.querySelector('.add-item');\n  }\n\n  get isSingleMode() {\n    return this.mode === 'single';\n  }\n\n  get isMultipleMode() {\n    return this.mode === 'multiple';\n  }\n\n  @Watch('selectedIndices')\n  watchSelectedIndices(newId: string | string[]) {\n    if (!newId) {\n      this.selectValue([]);\n      return;\n    }\n\n    if (Array.isArray(newId)) {\n      this.selectValue([...newId]);\n      return;\n    }\n\n    this.selectValue([newId]);\n  }\n\n  @Listen('itemClick')\n  onItemClicked(event: CustomEvent<string>) {\n    const newId = event.detail;\n    this.emitItemClick(newId);\n  }\n\n  @Watch('inputFilterText')\n  watchInputText(newValue: string) {\n    if (!this.editable) {\n      return;\n    }\n\n    if (this.itemExists(newValue)) {\n      return;\n    }\n  }\n\n  private emitItemClick(newId: string) {\n    if (this.isMultipleMode && Array.isArray(this.selectedIndices)) {\n      if (this.selectedIndices.includes(newId)) {\n        this.selectedIndices = this.selectedIndices.filter((i) => i !== newId);\n      } else {\n        this.selectedIndices = [...this.selectedIndices, newId];\n      }\n    } else {\n      this.selectedIndices = [newId];\n    }\n\n    this.selectValue(this.selectedIndices);\n    this.itemSelectionChange.emit(this.selectedIndices);\n  }\n\n  private emitAddItem(value: string) {\n    if (value.trim() === '') {\n      return;\n    }\n\n    const test = document.createElement('ix-select-item');\n    test.value = value;\n    test.label = value;\n\n    this.addItemRef.appendChild(test);\n\n    this.clearInput();\n    this.emitItemClick(value);\n    this.addItem.emit(value);\n  }\n\n  private selectValue(ids: string[]) {\n    this.items.forEach((item) => {\n      item.selected = ids.some((i) => i === item.value);\n    });\n\n    this.value = this.selectedItems.map((item) => item.label);\n\n    if (this.isSingleMode) {\n      this.inputValue = this.value?.length ? this.value[0] : null;\n      return;\n    }\n\n    this.inputValue = null;\n  }\n\n  componentWillLoad() {\n    if (this.selectedIndices) {\n      this.selectValue(\n        Array.isArray(this.selectedIndices)\n          ? this.selectedIndices\n          : [this.selectedIndices]\n      );\n    }\n  }\n\n  @Listen('ix-select-item:labelChange')\n  onLabelChange(event: IxSelectItemLabelChangeEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.selectValue(\n      Array.isArray(this.selectedIndices)\n        ? this.selectedIndices\n        : [this.selectedIndices]\n    );\n  }\n\n  disconnectedCallback() {\n    if (this.labelMutationObserver) {\n      this.labelMutationObserver.disconnect();\n    }\n  }\n\n  private itemExists(item: string) {\n    return this.items.find((i) => i.label === item);\n  }\n\n  private dropdownVisibilityChanged(event: CustomEvent<boolean>) {\n    this.dropdownShow = event.detail;\n\n    if (event.detail) {\n      this.inputRef.focus();\n      this.inputRef.select();\n\n      this.navigationItem = this.items[0];\n      this.setHoverEffectForNavigatedSelectItem();\n      this.removeHiddenFromItems();\n    }\n    this.hasFocus = event.detail;\n  }\n\n  @Listen('keydown', {\n    target: 'window',\n  })\n  async onKeyDown(event: KeyboardEvent) {\n    if (!this.dropdownShow) {\n      return;\n    }\n\n    if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n      this.onArrowNavigation(event);\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      await this.onEnterNavigation();\n    }\n\n    if (event.code === 'Escape') {\n      this.dropdownShow = false;\n    }\n  }\n\n  private async onEnterNavigation() {\n    if (this.isMultipleMode) {\n      return;\n    }\n\n    if (this.editable && !this.itemExists(this.inputFilterText)) {\n      this.emitAddItem(this.inputFilterText);\n      this.navigationItem = this.items[this.items.length - 1];\n    }\n\n    this.navigationItem?.onItemClick();\n    await this.dropdownRef?.updatePosition();\n\n    if (this.isSingleMode && !this.editable) {\n      this.dropdownShow = false;\n    }\n  }\n\n  private onArrowNavigation(event: KeyboardEvent) {\n    event.stopPropagation();\n    event.preventDefault();\n\n    const selectItems = this.items.filter(\n      (i) => !i.classList.contains('d-none')\n    );\n\n    const index = selectItems.indexOf(this.navigationItem);\n\n    if (event.code === 'ArrowDown' && index < selectItems.length - 1) {\n      this.navigationItem = selectItems[index + 1];\n    } else if (event.code === 'ArrowUp' && index > 0) {\n      this.navigationItem = selectItems[index - 1];\n    }\n\n    this.setHoverEffectForNavigatedSelectItem();\n  }\n\n  private setHoverEffectForNavigatedSelectItem() {\n    this.items.forEach((item: HTMLIxSelectItemElement) => {\n      item.hover = item === this.navigationItem;\n    });\n  }\n\n  private filterItemsWithTypeahead() {\n    this.inputFilterText = this.inputRef.value;\n    if (this.inputFilterText) {\n      this.items.forEach((item) => {\n        item.classList.remove('d-none');\n        if (\n          !item.label.toLowerCase().includes(this.inputFilterText.toLowerCase())\n        ) {\n          item.classList.add('d-none');\n        }\n      });\n    } else {\n      this.removeHiddenFromItems();\n    }\n    this.isDropdownEmpty = this.items.every((item) =>\n      item.classList.contains('d-none')\n    );\n  }\n\n  private removeHiddenFromItems() {\n    this.items.forEach((item) => {\n      item.classList.remove('d-none');\n    });\n  }\n\n  private clearInput() {\n    this.inputRef.value = '';\n    this.inputFilterText = '';\n  }\n\n  private clear() {\n    this.clearInput();\n    this.value = [];\n    this.selectedIndices = [];\n    this.itemSelectionChange.emit(null);\n    this.dropdownShow = false;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'form-control': true,\n            select: true,\n            focus: this.hasFocus,\n            editable: this.editable,\n            disabled: this.disabled,\n            readonly: this.readonly,\n          }}\n          ref={(ref) => {\n            this.dropdownAnchor = ref;\n            if (!this.editable) this.dropdownWrapperRef = ref;\n          }}\n        >\n          <div class=\"input-container\">\n            <div class=\"chips\">\n              {this.isMultipleMode\n                ? this.selectedItems?.map((item) => (\n                    <ix-filter-chip\n                      disabled={this.disabled || this.readonly}\n                      key={item.value}\n                      onCloseClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        this.emitItemClick(item.value);\n                      }}\n                    >\n                      {item.label}\n                    </ix-filter-chip>\n                  ))\n                : ''}\n              <div class=\"trigger\">\n                <input\n                  data-testid=\"input\"\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  type=\"text\"\n                  class={{\n                    'allow-clear': this.allowClear && !!this.value?.length,\n                  }}\n                  placeholder={\n                    this.editable\n                      ? this.i18nPlaceholderEditable\n                      : this.i18nPlaceholder\n                  }\n                  value={this.inputValue}\n                  ref={(ref) => (this.inputRef = ref)}\n                  onInput={() => this.filterItemsWithTypeahead()}\n                />\n                {this.isMultipleMode &&\n                this.allowClear &&\n                (this.value?.length || this.inputFilterText) ? (\n                  <ix-icon-button\n                    class=\"clear\"\n                    icon=\"clear\"\n                    ghost\n                    oval\n                    size=\"24\"\n                    onClick={(e) => {\n                      e.preventDefault();\n                      e.stopPropagation();\n                      this.clear();\n                    }}\n                  />\n                ) : null}\n                {this.disabled || this.readonly ? null : (\n                  <div\n                    class=\"chevron-down-container\"\n                    ref={(ref) => {\n                      if (this.editable) this.dropdownWrapperRef = ref;\n                    }}\n                  >\n                    <ix-icon class=\"chevron\" name=\"chevron-down-small\" />\n                  </div>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n        <ix-dropdown\n          ref={(ref) => (this.dropdownRef = ref)}\n          show={this.dropdownShow}\n          class={{\n            'd-none':\n              this.disabled ||\n              this.readonly ||\n              (this.isDropdownEmpty && !this.editable),\n          }}\n          anchor={this.dropdownAnchor}\n          trigger={this.dropdownWrapperRef}\n          onShowChanged={(e) => this.dropdownVisibilityChanged(e)}\n          placement=\"auto-start\"\n          overwriteDropdownStyle={async () => {\n            return {\n              width: `${this.hostElement.clientWidth}px`,\n            };\n          }}\n        >\n          <div class=\"select-list-header\" title={this.i18nSelectListHeader}>\n            {this.i18nSelectListHeader}\n          </div>\n          <slot></slot>\n          <div ref={(ref) => (this.addItemRef = ref)} class=\"d-contents\"></div>\n          {this.itemExists(this.inputFilterText) ? (\n            ''\n          ) : (\n            <ix-dropdown-item\n              data-testid=\"add-item\"\n              icon=\"plus\"\n              class={{\n                'add-item': true,\n                'd-none': !(this.editable && this.inputFilterText),\n              }}\n              label={this.inputFilterText}\n              onItemClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.emitAddItem(this.inputFilterText);\n              }}\n            ></ix-dropdown-item>\n          )}\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 */\nexport class IxSelectItemLabelChangeEvent extends CustomEvent<{\n  oldValue: string;\n  newValue: string;\n}> {\n  constructor(detail: { oldValue: string; newValue: string }) {\n    super('ix-select-item:labelChange', {\n      bubbles: true,\n      detail,\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  ix-dropdown-item {\n    button {\n      margin-left: 1rem;\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  Watch,\n} from '@stencil/core';\nimport { IxSelectItemLabelChangeEvent } from './events';\n\n@Component({\n  tag: 'ix-select-item',\n  styleUrl: 'select-item.scss',\n  scoped: true,\n})\nexport class SelectItem {\n  @Element() hostElement: HTMLIxSelectItemElement;\n\n  /**\n   * Displayed name of the item\n   */\n  @Prop({ reflect: true }) label: string;\n\n  /**\n   * Item value\n   */\n  @Prop({ reflect: true }) value!: any;\n\n  /**\n   * Whether the item is selected.\n   */\n  @Prop() selected = false;\n\n  /**\n   * @internal\n   */\n  @Prop() hover = false;\n\n  /**\n   * Item clicked\n   */\n  @Event() itemClick: EventEmitter<string>;\n\n  /**\n   * @internal\n   * @param event\n   */\n  @Method()\n  async onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>) {\n    event?.preventDefault();\n    event?.stopPropagation();\n\n    this.itemClick.emit(this.value);\n  }\n\n  componentDidRender() {\n    if (!this.value) {\n      throw Error('ix-select-item must have a `value` property');\n    }\n  }\n\n  @Watch('label')\n  labelChange(newValue: string, oldValue: string) {\n    this.hostElement.dispatchEvent(\n      new IxSelectItemLabelChangeEvent({\n        newValue: newValue,\n        oldValue: oldValue,\n      })\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-dropdown-item\n          checked={this.selected}\n          hover={this.hover}\n          label={this.label ? this.label : this.value}\n          onItemClick={(e) => this.onItemClick(e)}\n        ></ix-dropdown-item>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"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-5d7e1440.entry.js

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

package/dist/siemens-ix/p-5d7e1440.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconCss","Icon","render","h","Host","style","color","this","class","size","glyph","name"],"sources":["./src/components/icon/icon.scss?tag=ix-icon&encapsulation=scoped","./src/components/icon/icon.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\n:host {\n  display: inline-flex;\n  height: $large-space;\n  width: $large-space;\n\n  color: var(--theme-color-std-text);\n\n  i {\n    color: inherit;\n    transition: color $default-time;\n  }\n}\n\n:host(.size-12) {\n  height: $medium-space;\n  width: $medium-space;\n}\n\n:host(.size-16) {\n  height: $default-space;\n  width: $default-space;\n}\n\n:host(.size-32) {\n  height: $x-large-space;\n  width: $x-large-space;\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-icon',\n  styleUrl: 'icon.scss',\n  scoped: true,\n})\nexport class Icon {\n  /**\n   * Size of the icon\n   */\n  @Prop() size: '12' | '16' | '24' | '32';\n\n  /**\n   * Color of the icon\n   */\n  @Prop() color: string;\n\n  /**\n   * Use one of our defined icon names e.g. `copy`.\n   */\n  @Prop({ reflect: true }) name: string;\n\n  render() {\n    return (\n      <Host\n        style={{\n          color: this.color ? `var(--theme-${this.color})` : 'inherit',\n        }}\n        class={{\n          ['size-12']: this.size === '12',\n          ['size-16']: this.size === '16',\n          ['size-24']: this.size === '24',\n          ['size-32']: this.size === '32',\n        }}\n      >\n        <i\n          class={{\n            glyph: true,\n            [`glyph-${this.name}`]: true,\n            'glyph-12': this.size === '12',\n            'glyph-16': this.size === '16',\n            'glyph-24': this.size === '24',\n            'glyph-32': this.size === '32',\n          }}\n        >\n          <slot></slot>\n        </i>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAU,+S,MCgBHC,EAAI,M,sFAgBfC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,MAAOC,KAAKD,MAAQ,eAAeC,KAAKD,SAAW,WAErDE,MAAO,CACL,CAAC,WAAYD,KAAKE,OAAS,KAC3B,CAAC,WAAYF,KAAKE,OAAS,KAC3B,CAAC,WAAYF,KAAKE,OAAS,KAC3B,CAAC,WAAYF,KAAKE,OAAS,OAG7BN,EAAA,KACEK,MAAO,CACLE,MAAO,KACP,CAAC,SAASH,KAAKI,QAAS,KACxB,WAAYJ,KAAKE,OAAS,KAC1B,WAAYF,KAAKE,OAAS,KAC1B,WAAYF,KAAKE,OAAS,KAC1B,WAAYF,KAAKE,OAAS,OAG5BN,EAAA,c"}

package/dist/siemens-ix/p-62b4d696.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as o,H as a,g as r}from"./p-8fcd6f85.js";const c='.sc-ix-chip-h{display:inline-flex;width:-moz-fit-content;width:fit-content;position:relative;align-items:center;border-radius:100px;padding:0.5rem 0.75rem;height:2rem;max-height:2rem;cursor:pointer;margin-left:0.25rem}.sc-ix-chip-h .with-icon.sc-ix-chip{margin-right:0.25rem}.sc-ix-chip-h .hidden.sc-ix-chip{width:0px;margin-right:0px}.sc-ix-chip-h .close-button-container.sc-ix-chip{display:inline-flex;flex-grow:1;margin-left:0.75rem}.sc-ix-chip-h .close-button.sc-ix-chip{position:relative;width:1rem;height:1rem;min-width:unset;min-height:unset;margin-left:auto;margin-right:0}[variant=primary].sc-ix-chip-h{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}[variant=primary].sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary--color);pointer-events:auto}[variant=primary].sc-ix-chip-h:hover{background-color:var(--theme-chip-primary--background--hover)}[variant=primary].sc-ix-chip-h:active{background-color:var(--theme-chip-primary--background--active)}[variant=primary].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=primary].outline.sc-ix-chip-h{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}[variant=primary].outline.sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary-outline--color)}[variant=primary].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-primary-outline--background--hover)}[variant=primary].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-primary-outline--background--active)}[variant=alarm].sc-ix-chip-h{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=alarm].active.sc-ix-chip-h::after,[variant=alarm].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=alarm].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-alarm)}[variant=alarm].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=alarm].sc-ix-chip-h:not(.outline).active::after,[variant=alarm].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=alarm].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}[variant=alarm].outline.sc-ix-chip-h:hover::after{display:none}[variant=alarm].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=alarm].outline.active.sc-ix-chip-h::after,[variant=alarm].outline.sc-ix-chip-h:active::after{display:none}[variant=alarm].outline.active.sc-ix-chip-h,[variant=alarm].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=alarm].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=critical].sc-ix-chip-h{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=critical].active.sc-ix-chip-h::after,[variant=critical].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=critical].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-critical)}[variant=critical].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=critical].sc-ix-chip-h:not(.outline).active::after,[variant=critical].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=critical].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}[variant=critical].outline.sc-ix-chip-h:hover::after{display:none}[variant=critical].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=critical].outline.active.sc-ix-chip-h::after,[variant=critical].outline.sc-ix-chip-h:active::after{display:none}[variant=critical].outline.active.sc-ix-chip-h,[variant=critical].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=critical].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=warning].sc-ix-chip-h{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=warning].active.sc-ix-chip-h::after,[variant=warning].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=warning].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-warning)}[variant=warning].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=warning].sc-ix-chip-h:not(.outline).active::after,[variant=warning].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=warning].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}[variant=warning].outline.sc-ix-chip-h:hover::after{display:none}[variant=warning].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=warning].outline.active.sc-ix-chip-h::after,[variant=warning].outline.sc-ix-chip-h:active::after{display:none}[variant=warning].outline.active.sc-ix-chip-h,[variant=warning].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=warning].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=info].sc-ix-chip-h{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=info].active.sc-ix-chip-h::after,[variant=info].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=info].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-info)}[variant=info].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=info].sc-ix-chip-h:not(.outline).active::after,[variant=info].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=info].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}[variant=info].outline.sc-ix-chip-h:hover::after{display:none}[variant=info].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=info].outline.active.sc-ix-chip-h::after,[variant=info].outline.sc-ix-chip-h:active::after{display:none}[variant=info].outline.active.sc-ix-chip-h,[variant=info].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=info].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=neutral].sc-ix-chip-h{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=neutral].active.sc-ix-chip-h::after,[variant=neutral].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=neutral].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-neutral)}[variant=neutral].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=neutral].sc-ix-chip-h:not(.outline).active::after,[variant=neutral].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=neutral].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}[variant=neutral].outline.sc-ix-chip-h:hover::after{display:none}[variant=neutral].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=neutral].outline.active.sc-ix-chip-h::after,[variant=neutral].outline.sc-ix-chip-h:active::after{display:none}[variant=neutral].outline.active.sc-ix-chip-h,[variant=neutral].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=neutral].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=success].sc-ix-chip-h{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=success].active.sc-ix-chip-h::after,[variant=success].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=success].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-success)}[variant=success].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=success].sc-ix-chip-h:not(.outline).active::after,[variant=success].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=success].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}[variant=success].outline.sc-ix-chip-h:hover::after{display:none}[variant=success].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=success].outline.active.sc-ix-chip-h::after,[variant=success].outline.sc-ix-chip-h:active::after{display:none}[variant=success].outline.active.sc-ix-chip-h,[variant=success].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=success].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=custom].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-hover));left:0;border-radius:100px;pointer-events:none}[variant=custom].active.sc-ix-chip-h::after,[variant=custom].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-active));left:0;border-radius:100px;pointer-events:none}[variant=custom].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=custom].outline.sc-ix-chip-h{border:solid 1px transparent;background-color:transparent}[variant=custom].outline.sc-ix-chip-h:hover{background-color:rgba(0, 0, 0, var(--theme-l-hover))}[variant=custom].outline.sc-ix-chip-h:active{background-color:rgba(0, 0, 0, var(--theme-l-active))}.sc-ix-chip-h .slot-container.sc-ix-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inactive.sc-ix-chip-h{pointer-events:none}';const e=class{constructor(o){i(this,o);this.close=t(this,"close",7);this.closeChip=t(this,"closeChip",7);this.variant="primary";this.active=true;this.closable=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.outline=false}getCloseButton(){return o("div",{class:"close-button-container"},o("button",{type:"button",class:"btn btn-invisible-secondary btn-icon btn-oval close-button",onClick:i=>{this.close.emit(i);this.closeChip.emit(i);i.stopPropagation()}},this.variant==="custom"?o("i",{class:"glyph glyph-16 glyph-close-small",style:{color:this.color}}):o("ix-icon",{name:"close-small",size:"16"})))}render(){const i=this.active===false;let t={};if(this.variant==="custom"&&this.outline===false){t={color:this.color,backgroundColor:this.background}}if(this.variant==="custom"&&this.outline===true){t={color:this.color,borderColor:this.background}}return o(a,{class:{outline:this.outline,inactive:i},tabIndex:"-1",title:this.el.textContent,style:Object.assign({},t)},o("ix-icon",{class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"24"}),o("span",{class:"slot-container"},o("slot",null)),i===false&&this.closable?this.getCloseButton():null)}get el(){return r(this)}};e.style=c;export{e as ix_chip};
+//# sourceMappingURL=p-62b4d696.entry.js.map

package/dist/siemens-ix/p-62b4d696.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["chipCss","Chip","getCloseButton","h","class","type","onClick","event","this","close","emit","closeChip","stopPropagation","variant","style","color","name","size","render","isInactive","active","customStyle","outline","backgroundColor","background","borderColor","Host","inactive","tabIndex","title","el","textContent","Object","assign","hidden","icon","undefined","closable"],"sources":["./src/components/chip/chip.scss?tag=ix-chip&encapsulation=scoped","./src/components/chip/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 './chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n$border-radius: 100px;\n\n:host {\n  display: inline-flex;\n  width: fit-content;\n  position: relative;\n  align-items: center;\n  border-radius: $border-radius;\n  padding: $small-space $medium-space;\n\n  height: $default-control-height;\n  max-height: $default-control-height;\n\n  cursor: pointer;\n\n  .with-icon {\n    margin-right: $tiny-space;\n  }\n\n  .hidden {\n    width: 0px;\n    margin-right: 0px;\n  }\n\n  margin-left: $tiny-space;\n\n  .close-button-container {\n    display: inline-flex;\n    flex-grow: 1;\n    margin-left: $medium-space;\n  }\n\n  .close-button {\n    position: relative;\n    width: $default-space;\n    height: $default-space;\n    min-width: unset;\n    min-height: unset;\n    margin-left: auto;\n    margin-right: 0;\n  }\n\n  @include chip();\n\n  .slot-container {\n    @include ellipsis;\n  }\n}\n\n:host(.inactive) {\n  pointer-events: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-chip',\n  styleUrl: 'chip.scss',\n  scoped: true,\n})\nexport class Chip {\n  @Element() el: HTMLIxChipElement;\n\n  /**\n   * Chip variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Determines if the chip is interactive. If false no user input (e.g. mouse states, keyboard navigation)\n   * will be possible and also the close button will not be present.\n   */\n  @Prop() active = true;\n\n  /**\n   * Show close icon\n   */\n  @Prop() closable = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon: string | undefined;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() color: string | undefined;\n\n  /**\n   * Show chip with outline style\n   */\n  @Prop() outline = false;\n\n  /**\n   * Fire event if close button is clicked\n   *\n   *  @deprecated Will be removed in 2.0.0. Use `closeChip`\n   */\n  @Event() close: EventEmitter;\n\n  /**\n   * Fire event if close button is clicked\n   *\n   * @since 1.5.0\n   */\n  @Event() closeChip: EventEmitter;\n\n  private getCloseButton() {\n    return (\n      <div class=\"close-button-container\">\n        <button\n          type=\"button\"\n          class=\"btn btn-invisible-secondary btn-icon btn-oval close-button\"\n          onClick={(event) => {\n            this.close.emit(event);\n            this.closeChip.emit(event);\n            event.stopPropagation();\n          }}\n        >\n          {this.variant === 'custom' ? (\n            <i\n              class=\"glyph glyph-16 glyph-close-small\"\n              style={{ color: this.color }}\n            />\n          ) : (\n            <ix-icon name={'close-small'} size={'16'} />\n          )}\n        </button>\n      </div>\n    );\n  }\n\n  render() {\n    const isInactive = this.active === false;\n\n    let customStyle = {};\n\n    if (this.variant === 'custom' && this.outline === false) {\n      customStyle = {\n        color: this.color,\n        backgroundColor: this.background,\n      };\n    }\n\n    if (this.variant === 'custom' && this.outline === true) {\n      customStyle = {\n        color: this.color,\n        borderColor: this.background,\n      };\n    }\n\n    return (\n      <Host\n        class={{\n          outline: this.outline,\n          inactive: isInactive,\n        }}\n        tabIndex=\"-1\"\n        title={this.el.textContent}\n        style={{ ...customStyle }}\n      >\n        <ix-icon\n          class={{\n            'with-icon': true,\n            hidden: this.icon === undefined || this.icon === '',\n          }}\n          name={this.icon}\n          size={'24'}\n        />\n        <span class=\"slot-container\">\n          <slot></slot>\n        </span>\n        {isInactive === false && this.closable ? this.getCloseButton() : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAU,myY,MCwBHC,EAAI,M,wGAcA,U,YAME,K,cAKE,M,gFAoBD,K,CAgBVC,iBACN,OACEC,EAAA,OAAKC,MAAM,0BACTD,EAAA,UACEE,KAAK,SACLD,MAAM,6DACNE,QAAUC,IACRC,KAAKC,MAAMC,KAAKH,GAChBC,KAAKG,UAAUD,KAAKH,GACpBA,EAAMK,iBAAiB,GAGxBJ,KAAKK,UAAY,SAChBV,EAAA,KACEC,MAAM,mCACNU,MAAO,CAAEC,MAAOP,KAAKO,SAGvBZ,EAAA,WAASa,KAAM,cAAeC,KAAM,Q,CAO9CC,SACE,MAAMC,EAAaX,KAAKY,SAAW,MAEnC,IAAIC,EAAc,GAElB,GAAIb,KAAKK,UAAY,UAAYL,KAAKc,UAAY,MAAO,CACvDD,EAAc,CACZN,MAAOP,KAAKO,MACZQ,gBAAiBf,KAAKgB,W,CAI1B,GAAIhB,KAAKK,UAAY,UAAYL,KAAKc,UAAY,KAAM,CACtDD,EAAc,CACZN,MAAOP,KAAKO,MACZU,YAAajB,KAAKgB,W,CAItB,OACErB,EAACuB,EAAI,CACHtB,MAAO,CACLkB,QAASd,KAAKc,QACdK,SAAUR,GAEZS,SAAS,KACTC,MAAOrB,KAAKsB,GAAGC,YACfjB,MAAKkB,OAAAC,OAAA,GAAOZ,IAEZlB,EAAA,WACEC,MAAO,CACL,YAAa,KACb8B,OAAQ1B,KAAK2B,OAASC,WAAa5B,KAAK2B,OAAS,IAEnDnB,KAAMR,KAAK2B,KACXlB,KAAM,OAERd,EAAA,QAAMC,MAAM,kBACVD,EAAA,cAEDgB,IAAe,OAASX,KAAK6B,SAAW7B,KAAKN,iBAAmB,K"}

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

@@ -0,0 +1,2 @@
+import{r as e,h as n,H as r}from"./p-8fcd6f85.js";const t=":host{display:flex;justify-content:center;align-items:center;-webkit-margin-start:1.5rem;margin-inline-start:1.5rem;-webkit-margin-end:1.5rem;margin-inline-end:1.5rem;-webkit-margin-after:0.25rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;-webkit-margin-end:0.625rem;margin-inline-end:0.625rem}";const i=class{constructor(n){e(this,n)}render(){return n(r,null,n("slot",null))}};i.style=t;export{i as ix_dropdown_quick_actions};
+//# sourceMappingURL=p-63666529.entry.js.map

package/dist/siemens-ix/p-63666529.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownQuickActionsCss","DropdownQuickActions","render","h","Host"],"sources":["./src/components/dropdown-quick-actions/dropdown-quick-actions.scss?tag=ix-dropdown-quick-actions&encapsulation=shadow","./src/components/dropdown-quick-actions/dropdown-quick-actions.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\n:host {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-inline-start: $large-space;\n  margin-inline-end: $large-space;\n  margin-block-end: $tiny-space;\n\n  slot::slotted(*) {\n    display: flex;\n    margin-inline-end: 0.625rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.4.0\n */\n@Component({\n  tag: 'ix-dropdown-quick-actions',\n  styleUrl: 'dropdown-quick-actions.scss',\n  shadow: true,\n})\nexport class DropdownQuickActions {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAA0B,2T,MCkBnBC,EAAoB,M,yBAC/BC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,a"}

package/dist/siemens-ix/p-63e1264b.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e}from"./p-8fcd6f85.js";const o={"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 s=":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 i=class{constructor(e){t(this,e);this.variant="default"}render(){const t={[o[this.variant]]:true};return e("div",{class:t},e("slot",null))}};i.style=s;export{i as ix_typography};
+//# sourceMappingURL=p-63e1264b.entry.js.map

package/dist/siemens-ix/p-63e1264b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["VariantsMapping","small","caption","default","large","h2","typographyCss","IxTypography","render","typographyClass","this","variant","h","class"],"sources":["./src/components/typography/types.ts","./src/components/typography/typography.scss?tag=ix-typography&encapsulation=shadow","./src/components/typography/typography.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 */\nexport type TypographyVariants =\n  | 'x-small'\n  | 'small'\n  | 'caption'\n  | 'caption-single'\n  | 'default'\n  | 'default-single'\n  | 'default-title'\n  | 'default-title-single'\n  | 'large'\n  | 'large-single'\n  | 'h2'\n  | 'display-large';\n\nexport const VariantsMapping: Record<TypographyVariants, string> = {\n  'x-small': 'text-xs',\n  small: 'text-s',\n  caption: 'text-caption',\n  'caption-single': 'text-caption-single',\n  default: 'text-default',\n  'default-single': 'text-default-single',\n  large: 'text-l',\n  'large-single': 'text-l-single',\n  h2: 'text-h2',\n  'display-large': 'text-xl',\n  'default-title': 'text-default-title',\n  'default-title-single': 'text-default-title-single',\n};\n","@import 'common-variables';\n@import 'mixins/fonts';\n\n:host {\n  .text-xs {\n    @include text-xs;\n  }\n\n  .text-s {\n    @include text-s;\n  }\n\n  .text-caption {\n    @include text-caption;\n  }\n\n  .text-caption-single {\n    @include text-caption-single;\n  }\n\n  .text-default {\n    @include text-default;\n  }\n\n  .text-default-single {\n    @include text-default-single;\n  }\n\n  .text-default-title {\n    @include text-default-title;\n  }\n\n  .text-default-title-single {\n    @include text-default-title-single;\n  }\n\n  .text-l {\n    @include text-l;\n  }\n\n  .text-l-single {\n    @include text-l-single;\n  }\n\n  .text-l-title {\n    @include text-l-title;\n  }\n\n  .text-l-title-single {\n    @include text-l-title-single;\n  }\n\n  .text-h2 {\n    @include text-h2;\n  }\n\n  .text-xl {\n    @include text-xl;\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, Prop } from '@stencil/core';\nimport { TypographyVariants, VariantsMapping } from './types';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-typography',\n  styleUrl: 'typography.scss',\n  shadow: true,\n})\nexport class IxTypography {\n  /**\n   * Font variant\n   */\n  @Prop() variant: TypographyVariants = 'default';\n\n  render() {\n    const typographyClass = {\n      [VariantsMapping[this.variant]]: true,\n    };\n    return (\n      <div class={typographyClass}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAsBO,MAAMA,EAAsD,CACjE,UAAW,UACXC,MAAO,SACPC,QAAS,eACT,iBAAkB,sBAClBC,QAAS,eACT,iBAAkB,sBAClBC,MAAO,SACP,eAAgB,gBAChBC,GAAI,UACJ,gBAAiB,UACjB,gBAAiB,qBACjB,uBAAwB,6BClC1B,MAAMC,EAAgB,k6F,MCoBTC,EAAY,M,sCAIe,S,CAEtCC,SACE,MAAMC,EAAkB,CACtB,CAACT,EAAgBU,KAAKC,UAAW,MAEnC,OACEC,EAAA,OAAKC,MAAOJ,GACVG,EAAA,a"}

package/dist/siemens-ix/p-65b6330a.entry.js

@@ -0,0 +1,2 @@
+import{r,h as e,H as d,g as a}from"./p-8fcd6f85.js";const t=".card.sc-ix-date-time-card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset}.card.individual.sc-ix-date-time-card{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0px rgba(0, 0, 0, 0.1);border:1px solid var(--theme-menu--border-color);border-radius:4px}.card.left.sc-ix-date-time-card{border-radius:4px 0 0 4px;height:100%}.card.right.sc-ix-date-time-card{border-radius:0 4px 4px 0;height:100%}.card.sc-ix-date-time-card .header.sc-ix-date-time-card{padding:1rem}.card.sc-ix-date-time-card .separator.sc-ix-date-time-card{border:1px solid var(--theme-datepicker-separator--background);width:100%}.card.sc-ix-date-time-card .content.sc-ix-date-time-card{height:100%;padding:0px 1rem 1rem 1rem}";const i=class{constructor(e){r(this,e);this.individual=true;this.corners="rounded"}cardClasses(){return{card:true,individual:this.individual,left:this.corners==="left",right:this.corners==="right"}}render(){return e(d,null,e("div",{class:this.cardClasses()},e("div",{class:"header"},e("slot",{name:"header"})),e("div",{class:"separator"}),e("div",{class:"content"},e("slot",null))))}get hostElement(){return a(this)}};i.style=t;export{i as ix_date_time_card};
+//# sourceMappingURL=p-65b6330a.entry.js.map

package/dist/siemens-ix/p-65b6330a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dateTimeCardCss","DateTimeCard","cardClasses","card","individual","this","left","corners","right","render","h","Host","class","name"],"sources":["./src/components/date-time-card/date-time-card.scss?tag=ix-date-time-card&encapsulation=scoped","./src/components/date-time-card/date-time-card.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\n.card {\n  background-color: var(--theme-menu--background);\n  width: 100%;\n  box-shadow: none;\n  border: none;\n  border-radius: unset;\n\n  &.individual {\n    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1),\n      0 4px 8px 0 rgba(0, 0, 0, 0.1),\n      0 12px 18px 0px rgba(0, 0, 0, 0.1);\n    border: 1px solid var(--theme-menu--border-color);\n    border-radius: 4px;\n  }\n\n  &.left {\n    border-radius: 4px 0 0 4px;\n    height: 100%;\n  }\n\n  &.right {\n    border-radius: 0 4px 4px 0;\n    height: 100%;\n  }\n\n  .header {\n    padding: $default-space;\n  }\n\n  .separator {\n    border: 1px solid var(--theme-datepicker-separator--background);\n    width: 100%;\n  }\n\n  .content {\n    height: 100%;\n    padding: 0px $default-space $default-space $default-space;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\n\nexport type DateTimeCardCorners = 'rounded' | 'left' | 'right';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-date-time-card',\n  styleUrl: 'date-time-card.scss',\n  scoped: true,\n})\nexport class DateTimeCard {\n  @Element() hostElement: HTMLIxDateTimeCardElement;\n\n  /**\n   * set styles\n   */\n  @Prop() individual: boolean = true;\n\n  /**\n   * Set corners style\n   */\n  @Prop() corners: DateTimeCardCorners = 'rounded';\n\n  private cardClasses() {\n    return {\n      card: true,\n      individual: this.individual,\n      left: this.corners === 'left',\n      right: this.corners === 'right',\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.cardClasses()}>\n          <div class=\"header\">\n            <slot name=\"header\"></slot>\n          </div>\n\n          <div class=\"separator\"></div>\n\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAkB,oxB,MCqBXC,EAAY,M,yCAMO,K,aAKS,S,CAE/BC,cACN,MAAO,CACLC,KAAM,KACNC,WAAYC,KAAKD,WACjBE,KAAMD,KAAKE,UAAY,OACvBC,MAAOH,KAAKE,UAAY,Q,CAI5BE,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOP,KAAKH,eACfQ,EAAA,OAAKE,MAAM,UACTF,EAAA,QAAMG,KAAK,YAGbH,EAAA,OAAKE,MAAM,cAEXF,EAAA,OAAKE,MAAM,WACTF,EAAA,e"}

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

@@ -0,0 +1,2 @@
+import{r as o,h as t,H as i}from"./p-8fcd6f85.js";const n=".sc-ix-dropdown-button-h{display:inline-block;position:relative;height:2rem;width:auto}.disabled.sc-ix-dropdown-button-h{pointer-events:none}.sc-ix-dropdown-button-h .hide.sc-ix-dropdown-button{display:none}.sc-ix-dropdown-button-h .dropdown-button.sc-ix-dropdown-button{display:block;position:relative;width:100%;height:100%}.sc-ix-dropdown-button-h .dropdown-button.sc-ix-dropdown-button>ix-button.sc-ix-dropdown-button{width:100%;height:100%}.sc-ix-dropdown-button-h .dropdown-button.sc-ix-dropdown-button .button-label.sc-ix-dropdown-button{margin-right:auto}.sc-ix-dropdown-button-h .triangle.sc-ix-dropdown-button{position:absolute;-webkit-margin-start:1.5625rem;margin-inline-start:1.5625rem;-webkit-margin-before:-0.4375rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}.sc-ix-dropdown-button-h .triangle.primary.ghost.sc-ix-dropdown-button{color:var(--theme-btn-invisible-primary--color)}.sc-ix-dropdown-button-h .triangle.primary.outline.sc-ix-dropdown-button{color:var(--theme-btn-outline-primary--color)}.sc-ix-dropdown-button-h .triangle.primary.ghost.disabled.sc-ix-dropdown-button{color:var(--theme-btn-invisible-primary--color--disabled)}.sc-ix-dropdown-button-h .triangle.primary.outline.disabled.sc-ix-dropdown-button{color:var(--theme-btn-outline-primary--color--disabled)}.sc-ix-dropdown-button-h .triangle.primary.disabled.sc-ix-dropdown-button{color:var(--theme-btn-primary--color--disabled)}.sc-ix-dropdown-button-h .triangle.secondary.ghost.sc-ix-dropdown-button{color:var(--theme-btn-invisible-secondary--color)}.sc-ix-dropdown-button-h .triangle.secondary.outline.sc-ix-dropdown-button{color:var(--theme-btn-outline-secondary--color)}.sc-ix-dropdown-button-h .triangle.secondary.ghost.disabled.sc-ix-dropdown-button{color:var(--theme-btn-invisible-secondary--color--disabled)}.sc-ix-dropdown-button-h .triangle.secondary.outline.disabled.sc-ix-dropdown-button{color:var(--theme-btn-outline-secondary--color--disabled)}.sc-ix-dropdown-button-h .triangle.secondary.disabled.sc-ix-dropdown-button{color:var(--theme-btn-secondary--color--disabled)}.sc-ix-dropdown-button-h .dropdown.sc-ix-dropdown-button{width:auto !important;inset:auto !important;transform:unset !important}";const r=class{constructor(t){o(this,t);this.variant="Primary";this.outline=false;this.ghost=false;this.active=false;this.disabled=false;this.label=undefined;this.icon=undefined;this.dropdownAnchor=undefined}getTriangle(){return t("div",{class:{triangle:true,hide:this.label!=="",primary:this.variant==="Primary",secondary:this.variant==="Secondary",ghost:this.ghost,outline:this.outline,disabled:this.disabled}})}render(){return t(i,{class:{disabled:this.disabled}},t("div",{class:"dropdown-button",ref:o=>{this.dropdownAnchor=o}},this.label?t("ix-button",{variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled},t("ix-icon",{name:this.icon,size:"24",class:{hide:this.icon===""||this.icon===undefined}}),t("div",{class:"button-label"},this.label),t("ix-icon",{name:"chevron-down-small",size:"24"})):t("div",null,t("ix-icon-button",{icon:this.icon,variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled}),this.getTriangle())),t("ix-dropdown",{class:"dropdown",trigger:this.dropdownAnchor,placement:"bottom",positioningStrategy:"fixed",adjustDropdownWidthToReferenceWidth:true},t("slot",null)))}};r.style=n;export{r as ix_dropdown_button};
+//# sourceMappingURL=p-6bdfaf91.entry.js.map

package/dist/siemens-ix/p-6bdfaf91.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownButtonCss","DropdownButton","getTriangle","h","class","triangle","hide","this","label","primary","variant","secondary","ghost","outline","disabled","render","Host","ref","dropdownAnchor","name","icon","size","undefined","trigger","placement","positioningStrategy","adjustDropdownWidthToReferenceWidth"],"sources":["./src/components/dropdown-button/dropdown-button.scss?tag=ix-dropdown-button&encapsulation=scoped","./src/components/dropdown-button/dropdown-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'common-variables';\n\n:host {\n  display: inline-block;\n  position: relative;\n  height: $x-large-space;\n  width: auto;\n\n  &.disabled {\n    pointer-events: none;\n  }\n\n  .hide {\n    display: none;\n  }\n\n  .dropdown-button {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 100%;\n  }\n\n  .dropdown-button > ix-button {\n    width: 100%;\n    height: 100%;\n  }\n\n  .dropdown-button .button-label {\n    margin-right: auto;\n  }\n\n  .triangle {\n    position: absolute;\n    margin-inline-start: 1.5625rem;\n    margin-block-start: -0.4375rem;\n    border-right: 0 solid transparent;\n    border-left: 4px solid transparent;\n    border-top: 0 solid transparent;\n    border-bottom: 4px solid;\n    color: var(--theme-btn-primary--color);\n  }\n\n  .triangle.primary {\n    &.ghost {\n      color: var(--theme-btn-invisible-primary--color);\n    }\n\n    &.outline {\n      color: var(--theme-btn-outline-primary--color);\n    }\n\n    &.ghost.disabled {\n      color: var(--theme-btn-invisible-primary--color--disabled);\n    }\n\n    &.outline.disabled {\n      color: var(--theme-btn-outline-primary--color--disabled);\n    }\n\n    &.disabled {\n      color: var(--theme-btn-primary--color--disabled);\n    }\n  }\n\n  .triangle.secondary {\n    &.ghost {\n      color: var(--theme-btn-invisible-secondary--color);\n    }\n\n    &.outline {\n      color: var(--theme-btn-outline-secondary--color);\n    }\n\n    &.ghost.disabled {\n      color: var(--theme-btn-invisible-secondary--color--disabled);\n    }\n\n    &.outline.disabled {\n      color: var(--theme-btn-outline-secondary--color--disabled);\n    }\n\n    &.disabled {\n      color: var(--theme-btn-secondary--color--disabled);\n    }\n  }\n\n  .dropdown {\n    width: auto !important;\n    inset: auto !important;\n    transform: unset !important;\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, State } from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\n\nexport type DropdownButtonVariant = ButtonVariant;\n\n/**\n * @since 1.3.0\n */\n@Component({\n  tag: 'ix-dropdown-button',\n  styleUrl: 'dropdown-button.scss',\n  scoped: true,\n})\nexport class DropdownButton {\n  /**\n   * Button variant\n   */\n  @Prop() variant: DropdownButtonVariant = 'Primary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Active button\n   */\n  @Prop() active = false;\n\n  /**\n   * Disable button\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set label\n   */\n  @Prop() label: string;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon: string;\n\n  @State() dropdownAnchor!: HTMLElement;\n\n  private getTriangle() {\n    return (\n      <div\n        class={{\n          triangle: true,\n          hide: this.label !== '',\n          primary: this.variant === 'Primary',\n          secondary: this.variant === 'Secondary',\n          ghost: this.ghost,\n          outline: this.outline,\n          disabled: this.disabled,\n        }}\n      ></div>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n        }}\n      >\n        <div\n          class=\"dropdown-button\"\n          ref={(ref) => {\n            this.dropdownAnchor = ref;\n          }}\n        >\n          {this.label ? (\n            <ix-button\n              variant={this.variant}\n              outline={this.outline}\n              ghost={this.ghost}\n              disabled={this.disabled}\n            >\n              <ix-icon\n                name={this.icon}\n                size=\"24\"\n                class={{ hide: this.icon === '' || this.icon === undefined }}\n              ></ix-icon>\n              <div class={'button-label'}>{this.label}</div>\n              <ix-icon name=\"chevron-down-small\" size=\"24\"></ix-icon>\n            </ix-button>\n          ) : (\n            <div>\n              <ix-icon-button\n                icon={this.icon}\n                variant={this.variant}\n                outline={this.outline}\n                ghost={this.ghost}\n                disabled={this.disabled}\n              ></ix-icon-button>\n              {this.getTriangle()}\n            </div>\n          )}\n        </div>\n\n        <ix-dropdown\n          class=\"dropdown\"\n          trigger={this.dropdownAnchor}\n          placement=\"bottom\"\n          positioningStrategy={'fixed'}\n          adjustDropdownWidthToReferenceWidth={true}\n        >\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,yyE,MCsBbC,EAAc,M,sCAIgB,U,aAKvB,M,WAKF,M,YAKC,M,cAKE,M,uEAcXC,cACN,OACEC,EAAA,OACEC,MAAO,CACLC,SAAU,KACVC,KAAMC,KAAKC,QAAU,GACrBC,QAASF,KAAKG,UAAY,UAC1BC,UAAWJ,KAAKG,UAAY,YAC5BE,MAAOL,KAAKK,MACZC,QAASN,KAAKM,QACdC,SAAUP,KAAKO,W,CAMvBC,SACE,OACEZ,EAACa,EAAI,CACHZ,MAAO,CACLU,SAAUP,KAAKO,WAGjBX,EAAA,OACEC,MAAM,kBACNa,IAAMA,IACJV,KAAKW,eAAiBD,CAAG,GAG1BV,KAAKC,MACJL,EAAA,aACEO,QAASH,KAAKG,QACdG,QAASN,KAAKM,QACdD,MAAOL,KAAKK,MACZE,SAAUP,KAAKO,UAEfX,EAAA,WACEgB,KAAMZ,KAAKa,KACXC,KAAK,KACLjB,MAAO,CAAEE,KAAMC,KAAKa,OAAS,IAAMb,KAAKa,OAASE,aAEnDnB,EAAA,OAAKC,MAAO,gBAAiBG,KAAKC,OAClCL,EAAA,WAASgB,KAAK,qBAAqBE,KAAK,QAG1ClB,EAAA,WACEA,EAAA,kBACEiB,KAAMb,KAAKa,KACXV,QAASH,KAAKG,QACdG,QAASN,KAAKM,QACdD,MAAOL,KAAKK,MACZE,SAAUP,KAAKO,WAEhBP,KAAKL,gBAKZC,EAAA,eACEC,MAAM,WACNmB,QAAShB,KAAKW,eACdM,UAAU,SACVC,oBAAqB,QACrBC,oCAAqC,MAErCvB,EAAA,c"}

package/dist/siemens-ix/p-6f819085.js

@@ -0,0 +1,2 @@
+class t{hasCategory(){return this.category!==undefined}constructor(t,s){this.token=t;this.category=s}}var s;(function(t){t["EQUAL"]="Equal";t["NOT_EQUAL"]="Not equal"})(s||(s={}));export{t as I,s as L};
+//# sourceMappingURL=p-6f819085.js.map

package/dist/siemens-ix/p-6f819085.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["InputState","hasCategory","this","category","undefined","constructor","token","LogicalFilterOperator"],"sources":["./src/components/category-filter/input-state.ts","./src/components/category-filter/logical-filter-operator.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\nexport class InputState {\n  public token: string;\n  public category: string;\n\n  public hasCategory() {\n    return this.category !== undefined;\n  }\n\n  constructor(token: string, category: string) {\n    this.token = token;\n    this.category = category;\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\nexport enum LogicalFilterOperator {\n  EQUAL = 'Equal',\n  NOT_EQUAL = 'Not equal',\n}\n"],"mappings":"MASaA,EAIJC,cACL,OAAOC,KAAKC,WAAaC,S,CAG3BC,YAAYC,EAAeH,GACzBD,KAAKI,MAAQA,EACbJ,KAAKC,SAAWA,C,MCVRI,GAAZ,SAAYA,GACVA,EAAA,iBACAA,EAAA,wBACD,EAHD,CAAYA,MAAqB,Y"}

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

@@ -0,0 +1,2 @@
+import{r as s,h as e,F as o,H as t,g as r,c as i}from"./p-8fcd6f85.js";const l=".sc-ix-workflow-step-h .step.sc-ix-workflow-step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);width:auto;padding:1.125rem 0 0.5rem 0;height:4rem;width:12.75rem}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{display:flex;width:100%;align-items:center;justify-content:center;position:relative}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{width:50%;margin:0 0 0 auto}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 auto 0 0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.warning.sc-ix-workflow-step{background-color:var(--theme-color-warning)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.success.sc-ix-workflow-step{background-color:var(--theme-color-success)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.error.sc-ix-workflow-step{background-color:var(--theme-color-alarm)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step{display:flex;align-items:center;justify-content:center;position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step .absolute.sc-ix-workflow-step{position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:1rem;width:auto;padding:0 0.5rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step{flex-direction:row;padding:0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{width:auto;padding-left:1.125rem;height:4rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:0.125rem;height:100%}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{height:50%;margin:auto 0 0 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 0 auto 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:0;margin-left:1rem;padding:0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:hover{background-color:var(--theme-workflow-step--background--hover)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:active{background-color:var(--theme-workflow-step--background--active)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}.sc-ix-workflow-step-h .step.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--selected)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--disabled)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .line.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .text.sc-ix-workflow-step{color:var(--theme-workflow-step--color--disabled)}";const c=class{constructor(e){s(this,e);this.vertical=false;this.disabled=false;this.status="open";this.clickable=false;this.selected=false;this.position="undefined";this.iconName="circle";this.iconColor="workflow-step-icon-default--color"}select(){if(!this.clickable)return;if(this.disabled)return;this.selected=true;this.selectedHandler()}selectedHandler(){const s=this.selected?"--selected":"";if(this.status==="open"){this.iconName=this.selected?"circle-dot":"circle";this.iconColor=`workflow-step-icon-default--color${s}`}if(this.status==="done"&&!this.disabled){this.iconColor=`workflow-step-icon-done--color${s}`}}watchPropHandler(){switch(this.status){case"open":this.iconName="circle";this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName="success";this.iconColor="color-success";break;case"done":this.iconName="success";this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName="warning";this.iconColor="color-warning";break;case"error":this.iconName="error";this.iconColor="color-alarm";break;default:this.iconName="circle";break}if(this.disabled){this.iconColor="workflow-step-icon-success--color--disabled"}}componentDidLoad(){this.watchPropHandler();this.selectedHandler();this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}render(){const s=!this.customIconSlot?e(o,null,e("ix-icon",{color:"color-1",name:this.iconName==="warning"?"triangle-filled":"circle-filled",class:"absolute",size:"24"}),e("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"})):"";return e(t,null,e("div",{tabIndex:0,onClick:()=>this.select(),class:{step:true,selected:this.selected,vertical:this.vertical,disabled:this.disabled}},e("div",{class:"wrapper"},e("div",{class:{line:true,selected:this.selected,[this.status]:true,[this.position]:true}}),e("div",{class:"iconWrapper"},s,e("slot",{name:"custom-icon"}))),e("div",{class:"text"},e("slot",null))))}get hostElement(){return r(this)}static get watchers(){return{selected:["selectedHandler"],status:["watchPropHandler"]}}};c.style=l;const w=".sc-ix-workflow-steps-h .steps.sc-ix-workflow-steps{display:flex}.sc-ix-workflow-steps-h .steps.vertical.sc-ix-workflow-steps{display:block}";const p=class{constructor(e){s(this,e);this.stepSelected=i(this,"stepSelected",7);this.vertical=false;this.linear=false;this.clickable=false;this.selectedIndex=0}getSteps(){return Array.from(this.hostElement.querySelectorAll("ix-workflow-step"))}deselectAll(){const s=this.getSteps();s.forEach((s=>{s.setAttribute("selected","false")}))}componentDidRender(){const s=this.getSteps();s.forEach(((e,o)=>{e.setAttribute("vertical",this.vertical===true?"true":"false");e.setAttribute("clickable",this.clickable===true?"true":"false");e.setAttribute("selected",this.selectedIndex===o?"true":"false");if(o===0)e.setAttribute("position","first");if(o===s.length-1)e.setAttribute("position","last")}))}componentWillRender(){const s=this.getSteps();s.forEach(((e,o)=>{e.addEventListener("click",(()=>{if(!this.clickable)return;const t=s[o-1];if(this.linear&&t&&!["done","success"].includes(t===null||t===void 0?void 0:t.status)){return e.setAttribute("selected","false")}this.deselectAll();e.setAttribute("selected","true");this.stepSelected.emit(o)}))}))}render(){return e(t,null,e("div",{class:{steps:true,vertical:this.vertical}},e("slot",null)))}get hostElement(){return r(this)}};p.style=w;export{c as ix_workflow_step,p as ix_workflow_steps};
+//# sourceMappingURL=p-6facc3cc.entry.js.map