@siemens/ix 1.4.0 → 1.5.0-beta.0

package/dist/siemens-ix/p-042b490c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,H as i,g as s,c as n}from"./p-8fcd6f85.js";import{c as r}from"./p-c0454c9a.js";import{a as o}from"./p-21aa3602.js";const l=".sc-ix-event-list-h{display:block;position:relative}ul.sc-ix-event-list{list-style:none;padding:0;margin-bottom:0}.sc-ix-event-list-s>.sc-ix-event-list-h:not(.item-size-s) .ix-event-list-item,.sc-ix-event-list-h:not(.item-size-l) .ix-event-list-item.sc-ix-event-list{display:none}.sc-ix-event-list-h.chevron .sc-ix-event-list-s .ix-event-list-item .chevron-icon{display:initial}.item-size-l .sc-ix-event-list-s .ix-event-list-item{height:6.5rem;max-height:6.5rem}.item-size-l .sc-ix-event-list-s .ix-event-list-item .event-content{height:6.5rem;max-height:6.5rem;white-space:normal}.compact .sc-ix-event-list-s .ix-event-list-item{margin-bottom:0px;border-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .indicator{border-top-left-radius:0px;border-bottom-left-radius:0px}.compact .sc-ix-event-list-s .ix-event-list-item .event-list-item-container{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.compact.sc-ix-event-list .compact.sc-ix-event-list:not(:last-child) .event-list-item-container.sc-ix-event-list{border-bottom:none}";const d=class{constructor(t){e(this,t);this.mutationObserver=r(this.onMutation.bind(this));this.itemHeight="S";this.compact=false;this.animated=true;this.chevron=undefined}componentDidLoad(){if(this.animated){this.triggerFadeIn()}if(typeof this.itemHeight==="number"){const e=o(this.itemHeight);this.el.querySelectorAll(".ix-event-list-item").forEach((t=>{t.classList.add("d-flex");this.setCustomHeight(t,e)}))}this.mutationObserver.observe(this.el,{childList:true,subtree:true})}onMutation(e){this.triggerFadeOut().then((()=>{if(typeof this.itemHeight==="number"){const t=o(this.itemHeight);e.filter((e=>e.type==="childList")).forEach((e=>e.addedNodes.forEach((e=>{var i;const s=e;if(!((i=s.classList)===null||i===void 0?void 0:i.contains("ix-event-list-item"))){return}s.classList.add("d-flex");this.setCustomHeight(s,t)}))))}this.triggerFadeIn()}))}setCustomHeight(e,t){e.style.height=t;e.style.maxHeight=t}triggerFadeOut(){if(!this.animated){return Promise.resolve()}const e=[{opacity:1,easing:"ease-in"},{opacity:0}];const t=this.el.querySelector("ul");return t.animate(e,{duration:d.fadeOutDuration}).finished}triggerFadeIn(){if(!this.animated){return}const e=this.el.querySelectorAll(".ix-event-list-item");e.forEach(((e,t)=>{const i=t*80;const s=i/(i+d.fadeInDuration);const n=[{opacity:0},{opacity:0,easing:"ease-out",offset:s},{opacity:1}];const r={duration:d.fadeInDuration+i,iterations:1};e.animate(n,r)}))}render(){return t(i,{class:{"item-size-s":this.itemHeight==="S","item-size-l":this.itemHeight==="L",compact:this.compact,chevron:this.chevron}},t("ul",null,t("slot",null)))}get el(){return s(this)}};d.fadeOutDuration=50;d.fadeInDuration=150;d.style=l;const a=".ix-event-list-item{display:flex;align-items:center;position:relative;height:2.5rem;max-height:2.5rem;border-radius:0.25rem;background-color:var(--theme-event-item--background);overflow:hidden;transition:150ms;cursor:pointer;margin-bottom:0.5rem}.ix-event-list-item .indicator{height:100%;width:0.5rem;max-width:0.5rem;min-width:0.5rem;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem}.ix-event-list-item .indicator-empty{border:var(--theme-weak-bdr-1);border-right:none}.ix-event-list-item .event-list-item-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-grow:1;width:calc(100% - (1rem + 0.5rem));height:100%;border:0.062rem solid;border-color:var(--theme-event-item--border);border-top-left-radius:0;border-top-right-radius:0.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0.25rem;border-left:none;padding-left:1rem}.ix-event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.selected):not(.disabled):not(:disabled):hover{background-color:var(--theme-event-item--background--hover)}.ix-event-list-item:not(.selected):not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.selected):not(.disabled):not(:disabled):active{background-color:var(--theme-event-item--background--active)}.ix-event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):hover{border-color:var(--theme-event-item--border--hover)}.ix-event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled){cursor:pointer}.ix-event-list-item:not(.selected) .event-list-item-container:not(.disabled):not(:disabled):active{border-color:var(--theme-event-item--border--active)}.ix-event-list-item.selected .event-list-item-container{background-color:var(--theme-event-item--background--selected);border-color:var(--theme-event-item--border--selected)}.ix-event-list-item[disabled],.ix-event-list-item.disabled{pointer-events:none}.ix-event-list-item[disabled] .event-list-item-container,.ix-event-list-item.disabled .event-list-item-container{background-color:var(--theme-event-item--background--disabled);border-color:var(--theme-event-item--border--disabled)}.ix-event-list-item .chevron-icon{margin-left:auto;margin-right:0.5rem;opacity:0.6;align-self:center}.ix-event-list-item .event-content{display:flex;align-items:center;width:100%;height:100%;overflow:hidden}";const c=class{constructor(t){e(this,t);this.itemClick=n(this,"itemClick",7);this.color=undefined;this.selected=undefined;this.disabled=undefined;this.chevron=undefined;this.opacity=1}handleItemClick(){this.itemClick.emit()}render(){return t("div",{class:{"ix-event-list-item":true,selected:this.selected,disabled:this.disabled}},t("div",{class:`indicator ${!this.color?"indicator-empty":""}`,style:{"background-color":this.color?`var(--theme-${this.color})`:"inherit",opacity:`${this.disabled?.4:this.opacity}`}}),t("div",{class:"event-list-item-container"},t("div",{class:"event-content"},t("slot",null)),this.chevron?t("i",{class:"glyph glyph-16 glyph-chevron-right chevron-icon"}):""))}get el(){return s(this)}};c.style=a;export{d as ix_event_list,c as ix_event_list_item};
+//# sourceMappingURL=p-042b490c.entry.js.map

package/dist/siemens-ix/p-042b490c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["eventListCss","EventList","this","mutationObserver","createMutationObserver","onMutation","bind","componentDidLoad","animated","triggerFadeIn","itemHeight","height","convertToRemString","el","querySelectorAll","forEach","item","classList","add","setCustomHeight","observe","childList","subtree","mutationRecords","triggerFadeOut","then","filter","mutation","type","addedNodes","itemHtml","_a","contains","style","maxHeight","Promise","resolve","keyframes","opacity","easing","listElement","querySelector","animate","duration","fadeOutDuration","finished","listItems","e","i","delay","offset","fadeInDuration","options","iterations","render","h","Host","class","compact","chevron","eventListItemCss","EventListItem","handleItemClick","itemClick","emit","selected","disabled","color"],"sources":["./src/components/event-list/event-list.scss?tag=ix-event-list&encapsulation=scoped","./src/components/event-list/event-list.tsx","./src/components/event-list-item/event-list-item.scss?tag=ix-event-list-item","./src/components/event-list-item/event-list-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$item-height-l: 6.5rem;\n\n:host {\n  display: block;\n  position: relative;\n}\n\nul {\n  list-style: none;\n  padding: 0;\n  margin-bottom: 0;\n}\n\n:host:not(.item-size-s),\n:host:not(.item-size-l) {\n  ::slotted(& .ix-event-list-item) {\n    display: none;\n  }\n}\n\n:host.chevron ::slotted(* .ix-event-list-item) .chevron-icon {\n  display: initial;\n}\n\n.item-size-l {\n  ::slotted(* .ix-event-list-item) {\n    height: $item-height-l;\n    max-height: $item-height-l;\n\n    .event-content {\n      height: $item-height-l;\n      max-height: $item-height-l;\n      white-space: normal;\n    }\n  }\n}\n\n.compact {\n  ::slotted(* .ix-event-list-item) {\n    margin-bottom: 0px;\n    border-radius: 0px;\n\n    .indicator {\n      border-top-left-radius: 0px;\n      border-bottom-left-radius: 0px;\n    }\n\n    .event-list-item-container {\n      border-top-left-radius: 0;\n      border-top-right-radius: 0;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n  }\n\n  .compact:not(:last-child) {\n    .event-list-item-container {\n      border-bottom: none;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { convertToRemString } from '../utils/rwd.util';\n\n@Component({\n  tag: 'ix-event-list',\n  styleUrl: 'event-list.scss',\n  scoped: true,\n})\nexport class EventList {\n  private readonly mutationObserver = createMutationObserver(\n    this.onMutation.bind(this)\n  );\n\n  private static readonly fadeOutDuration = 50;\n  private static readonly fadeInDuration = 150;\n\n  @Element() el!: HTMLIxEventListElement;\n\n  /**\n   * Determines the height of list items.\n   * This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.\n   * In case a number is supplied it will get converted to rem internally.\n   * Defaults to 'S'.\n   */\n  @Prop() itemHeight: 'S' | 'L' | number = 'S';\n\n  /**\n   * Make event-list items more compact\n   */\n  @Prop() compact = false;\n\n  /**\n   * Animate state change transitions. Defaults to 'true'.\n   */\n  @Prop() animated = true;\n\n  /**\n   * Display a chevron icon in list items. Defaults to 'false'\n   */\n  @Prop() chevron: boolean;\n\n  componentDidLoad() {\n    if (this.animated) {\n      this.triggerFadeIn();\n    }\n\n    if (typeof this.itemHeight === 'number') {\n      const height = convertToRemString(this.itemHeight);\n      this.el.querySelectorAll('.ix-event-list-item').forEach((item) => {\n        item.classList.add('d-flex');\n        this.setCustomHeight(item as HTMLElement, height);\n      });\n    }\n\n    this.mutationObserver.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private onMutation(mutationRecords: Array<MutationRecord>) {\n    this.triggerFadeOut().then(() => {\n      if (typeof this.itemHeight === 'number') {\n        const height = convertToRemString(this.itemHeight);\n\n        mutationRecords\n          .filter((mutation) => mutation.type === 'childList')\n          .forEach((mutation) =>\n            mutation.addedNodes.forEach((item) => {\n              const itemHtml = item as HTMLElement;\n              if (!itemHtml.classList?.contains('ix-event-list-item')) {\n                return;\n              }\n\n              itemHtml.classList.add('d-flex');\n              this.setCustomHeight(itemHtml, height);\n            })\n          );\n      }\n\n      this.triggerFadeIn();\n    });\n  }\n\n  private setCustomHeight(item: HTMLElement, height: string) {\n    item.style.height = height;\n    item.style.maxHeight = height;\n  }\n\n  private triggerFadeOut(): Promise<any> {\n    if (!this.animated) {\n      return Promise.resolve();\n    }\n\n    const keyframes = [\n      {\n        opacity: 1,\n        easing: 'ease-in',\n      },\n      { opacity: 0 },\n    ];\n    const listElement = this.el.querySelector('ul');\n    return listElement.animate(keyframes, {\n      duration: EventList.fadeOutDuration,\n    }).finished;\n  }\n\n  private triggerFadeIn() {\n    if (!this.animated) {\n      return;\n    }\n\n    const listItems = this.el.querySelectorAll('.ix-event-list-item');\n    listItems.forEach((e, i) => {\n      const delay = i * 80;\n      const offset = delay / (delay + EventList.fadeInDuration);\n      const keyframes = [\n        { opacity: 0 },\n        { opacity: 0, easing: 'ease-out', offset },\n        { opacity: 1 },\n      ];\n      const options = {\n        duration: EventList.fadeInDuration + delay,\n        iterations: 1,\n      };\n      e.animate(keyframes, options);\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'item-size-s': this.itemHeight === 'S',\n          'item-size-l': this.itemHeight === 'L',\n          compact: this.compact,\n          chevron: this.chevron,\n        }}\n      >\n        <ul>\n          <slot></slot>\n        </ul>\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 'mixins/text-truncation';\n@import 'mixins/hover';\n@import 'common-variables';\n\n$height-single-line: 2.5rem;\n\n.ix-event-list-item {\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: $height-single-line;\n  max-height: $height-single-line;\n  border-radius: $default-border-radius;\n  background-color: var(--theme-event-item--background);\n  overflow: hidden;\n  transition: $default-time;\n  cursor: pointer;\n\n  .indicator {\n    height: 100%;\n    width: $small-space;\n    max-width: $small-space;\n    min-width: $small-space;\n    border-top-left-radius: $default-border-radius;\n    border-bottom-left-radius: $default-border-radius;\n  }\n\n  .indicator-empty {\n    border: var(--theme-weak-bdr-1);\n    border-right: none;\n  }\n\n  .event-list-item-container {\n    @include ellipsis;\n\n    display: flex;\n    flex-grow: 1;\n    width: calc(100% - (#{$default-space} + #{$small-space}));\n    height: 100%;\n    border: 0.062rem solid;\n    border-color: var(--theme-event-item--border);\n    border-top-left-radius: 0;\n    border-top-right-radius: $default-border-radius;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: $default-border-radius;\n    border-left: none;\n    padding-left: $default-space;\n  }\n\n  &:not(.selected) {\n    @include hover {\n      background-color: var(--theme-event-item--background--hover);\n    }\n\n    @include active {\n      background-color: var(--theme-event-item--background--active);\n    }\n\n    .event-list-item-container {\n      @include hover {\n        border-color: var(--theme-event-item--border--hover);\n      }\n\n      @include active {\n        border-color: var(--theme-event-item--border--active);\n      }\n    }\n  }\n\n  &.selected {\n    .event-list-item-container {\n      background-color: var(--theme-event-item--background--selected);\n      border-color: var(--theme-event-item--border--selected);\n    }\n  }\n\n  &[disabled],\n  &.disabled {\n    pointer-events: none;\n\n    .event-list-item-container {\n      background-color: var(--theme-event-item--background--disabled);\n      border-color: var(--theme-event-item--border--disabled);\n    }\n  }\n\n  .chevron-icon {\n    margin-left: auto;\n    margin-right: $small-space;\n    opacity: 0.6;\n    align-self: center;\n  }\n\n  .event-content {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  margin-bottom: $small-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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Listen,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-event-list-item',\n  styleUrl: 'event-list-item.scss',\n  scoped: false,\n})\nexport class EventListItem {\n  @Element() el!: HTMLIxEventListItemElement;\n\n  /**\n   * Color of the status indicator.\n   * Allowed values are all Core UI color names.\n   */\n  @Prop() color: string;\n\n  /**\n   * Show event list item as selected\n   */\n  @Prop() selected: boolean;\n\n  /**\n   * Disable event list item\n   */\n  @Prop() disabled: boolean;\n\n  /**\n   * Show chevron on right side of the event list item\n   */\n  @Prop() chevron: boolean;\n\n  /**\n   * Opacity of the status indicator.\n   * Defaults to 1.0\n   *\n   * @deprecated Will be removed in 2.0.0\n   */\n  @Prop() opacity = 1;\n\n  /**\n   * Event list item click\n   */\n  @Event() itemClick: EventEmitter;\n\n  @Listen('click', { passive: true })\n  handleItemClick() {\n    this.itemClick.emit();\n  }\n\n  render() {\n    return (\n      <div\n        class={{\n          'ix-event-list-item': true,\n          selected: this.selected,\n          disabled: this.disabled,\n        }}\n      >\n        <div\n          class={`indicator ${!this.color ? 'indicator-empty' : ''}`}\n          style={{\n            'background-color': this.color\n              ? `var(--theme-${this.color})`\n              : 'inherit',\n            opacity: `${this.disabled ? 0.4 : this.opacity}`,\n          }}\n        ></div>\n\n        <div class=\"event-list-item-container\">\n          <div class=\"event-content\">\n            <slot></slot>\n          </div>\n          {this.chevron ? (\n            <i class=\"glyph glyph-16 glyph-chevron-right chevron-icon\"></i>\n          ) : (\n            ''\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAe,+kC,MCkBRC,EAAS,M,yBACHC,KAAAC,iBAAmBC,EAClCF,KAAKG,WAAWC,KAAKJ,O,gBAckB,I,aAKvB,M,cAKC,K,uBAOnBK,mBACE,GAAIL,KAAKM,SAAU,CACjBN,KAAKO,e,CAGP,UAAWP,KAAKQ,aAAe,SAAU,CACvC,MAAMC,EAASC,EAAmBV,KAAKQ,YACvCR,KAAKW,GAAGC,iBAAiB,uBAAuBC,SAASC,IACvDA,EAAKC,UAAUC,IAAI,UACnBhB,KAAKiB,gBAAgBH,EAAqBL,EAAO,G,CAIrDT,KAAKC,iBAAiBiB,QAAQlB,KAAKW,GAAI,CAAEQ,UAAW,KAAMC,QAAS,M,CAG7DjB,WAAWkB,GACjBrB,KAAKsB,iBAAiBC,MAAK,KACzB,UAAWvB,KAAKQ,aAAe,SAAU,CACvC,MAAMC,EAASC,EAAmBV,KAAKQ,YAEvCa,EACGG,QAAQC,GAAaA,EAASC,OAAS,cACvCb,SAASY,GACRA,EAASE,WAAWd,SAASC,I,MAC3B,MAAMc,EAAWd,EACjB,MAAKe,EAAAD,EAASb,aAAS,MAAAc,SAAA,SAAAA,EAAEC,SAAS,uBAAuB,CACvD,M,CAGFF,EAASb,UAAUC,IAAI,UACvBhB,KAAKiB,gBAAgBW,EAAUnB,EAAO,K,CAK9CT,KAAKO,eAAe,G,CAIhBU,gBAAgBH,EAAmBL,GACzCK,EAAKiB,MAAMtB,OAASA,EACpBK,EAAKiB,MAAMC,UAAYvB,C,CAGjBa,iBACN,IAAKtB,KAAKM,SAAU,CAClB,OAAO2B,QAAQC,S,CAGjB,MAAMC,EAAY,CAChB,CACEC,QAAS,EACTC,OAAQ,WAEV,CAAED,QAAS,IAEb,MAAME,EAActC,KAAKW,GAAG4B,cAAc,MAC1C,OAAOD,EAAYE,QAAQL,EAAW,CACpCM,SAAU1C,EAAU2C,kBACnBC,Q,CAGGpC,gBACN,IAAKP,KAAKM,SAAU,CAClB,M,CAGF,MAAMsC,EAAY5C,KAAKW,GAAGC,iBAAiB,uBAC3CgC,EAAU/B,SAAQ,CAACgC,EAAGC,KACpB,MAAMC,EAAQD,EAAI,GAClB,MAAME,EAASD,GAASA,EAAQhD,EAAUkD,gBAC1C,MAAMd,EAAY,CAChB,CAAEC,QAAS,GACX,CAAEA,QAAS,EAAGC,OAAQ,WAAYW,UAClC,CAAEZ,QAAS,IAEb,MAAMc,EAAU,CACdT,SAAU1C,EAAUkD,eAAiBF,EACrCI,WAAY,GAEdN,EAAEL,QAAQL,EAAWe,EAAQ,G,CAIjCE,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,cAAevD,KAAKQ,aAAe,IACnC,cAAeR,KAAKQ,aAAe,IACnCgD,QAASxD,KAAKwD,QACdC,QAASzD,KAAKyD,UAGhBJ,EAAA,UACEA,EAAA,c,2BA5HgBtD,EAAA2C,gBAAkB,GAClB3C,EAAAkD,eAAiB,I,UCxB3C,MAAMS,EAAmB,w9E,MCwBZC,EAAa,M,uKA8BN,C,CAQlBC,kBACE5D,KAAK6D,UAAUC,M,CAGjBV,SACE,OACEC,EAAA,OACEE,MAAO,CACL,qBAAsB,KACtBQ,SAAU/D,KAAK+D,SACfC,SAAUhE,KAAKgE,WAGjBX,EAAA,OACEE,MAAO,cAAcvD,KAAKiE,MAAQ,kBAAoB,KACtDlC,MAAO,CACL,mBAAoB/B,KAAKiE,MACrB,eAAejE,KAAKiE,SACpB,UACJ7B,QAAS,GAAGpC,KAAKgE,SAAW,GAAMhE,KAAKoC,aAI3CiB,EAAA,OAAKE,MAAM,6BACTF,EAAA,OAAKE,MAAM,iBACTF,EAAA,cAEDrD,KAAKyD,QACJJ,EAAA,KAAGE,MAAM,oDAAsD,I"}

package/dist/siemens-ix/p-07fd8298.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as t,H as s}from"./p-8fcd6f85.js";const n=".sc-my-component-h{display:block;position:relative;width:100vw;height:100vh}";const r=class{constructor(t){o(this,t)}render(){return t(s,null)}};r.style=n;export{r as my_component};
+//# sourceMappingURL=p-07fd8298.entry.js.map

package/dist/siemens-ix/p-07fd8298.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["myComponentCss","MyComponent","render","h","Host"],"sources":["./src/components/my-component/my-component.scss?tag=my-component&encapsulation=scoped","./src/components/my-component/my-component.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: block;\n  position: relative;\n  width: 100vw;\n  height: 100vh;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n@Component({\n  tag: 'my-component',\n  styleUrl: 'my-component.scss',\n  scoped: true,\n})\nexport class MyComponent {\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,+E,MCeVC,EAAW,M,yBACtBC,SACE,OAAOC,EAACC,EAAI,K"}

package/dist/siemens-ix/p-0d15aa1a.entry.js

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

package/dist/siemens-ix/p-0d15aa1a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tooltipCss","Tooltip","this","onMouseEnterBind","showTooltip","bind","onMouseLeaveBind","hideTooltip","tooltipCloseTimeInMS","arrowElement","hostElement","shadowRoot","querySelector","destroyAutoUpdate","disposeAutoUpdate","e","clearTimeout","hideTooltipTimeout","visible","computeTooltipPosition","target","setTimeout","async","autoUpdate","computeResponse","computePosition","strategy","placement","middleware","shift","offset","arrow","element","autoPlacement","alignment","allowedPlacements","middlewareData","x","y","Object","assign","style","left","top","ancestorResize","ancestorScroll","elementResize","queryAnchorElements","Array","from","document","querySelectorAll","for","registerTriggerListener","elements","forEach","addEventListener","registerTooltipListener","interactive","componentDidLoad","observer","MutationObserver","observe","body","attributes","attributeFilter","childList","subtree","disconnectedCallback","disconnect","render","tooltipContentClass","h","Host","class","name","variant","titleContent"],"sources":["./src/components/tooltip/tooltip.scss?tag=ix-tooltip&encapsulation=shadow","./src/components/tooltip/tooltip.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  position: absolute;\n  left: 0px;\n  top: 0px;\n\n  max-width: 18.25rem;\n\n  opacity: 0;\n  visibility: collapse;\n  overflow-wrap: break-word;\n\n  border-radius: 0.25rem;\n  background-color: var(--theme-tootlip--background);\n  padding: 0.375rem 0.75rem 0.375rem 0.875rem;\n\n  box-shadow: var(--theme-shadow-4);\n\n  .tooltip-title {\n    display: flex;\n    align-items: center;\n\n    ::slotted(ix-icon) {\n      margin-right: 0.35rem;\n    }\n  }\n}\n\n:host(.visible) {\n  opacity: 1;\n  visibility: visible;\n}\n\n:host {\n  .arrow,\n  .arrow::before {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: inherit;\n  }\n\n  .arrow {\n    visibility: hidden;\n  }\n\n  .arrow::before {\n    visibility: visible;\n    content: '';\n    transform: rotate(45deg);\n    background-color: var(--theme-tootlip--background);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  arrow,\n  autoPlacement,\n  autoUpdate,\n  computePosition,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\n/**\n * @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n *\n * @since 1.4.0\n */\n@Component({\n  tag: 'ix-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip {\n  /**\n   * CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n   */\n  @Prop() for: string;\n\n  /**\n   * Title of the tooltip\n   */\n  @Prop() titleContent: string;\n\n  /**\n   * Define if the user can access the tooltip via mouse.\n   */\n  @Prop() interactive = false;\n\n  @State() visible = false;\n\n  @Element() hostElement: HTMLIxTooltipElement;\n\n  private observer: MutationObserver;\n  private hideTooltipTimeout: NodeJS.Timeout;\n  private onMouseEnterBind = this.showTooltip.bind(this);\n  private onMouseLeaveBind = this.hideTooltip.bind(this);\n  private disposeAutoUpdate?: () => void;\n  private tooltipCloseTimeInMS = 50;\n\n  private get arrowElement() {\n    return this.hostElement.shadowRoot.querySelector('.arrow') as HTMLElement;\n  }\n\n  private destroyAutoUpdate() {\n    if (this.disposeAutoUpdate) {\n      this.disposeAutoUpdate();\n    }\n  }\n\n  private showTooltip(e: any) {\n    clearTimeout(this.hideTooltipTimeout);\n    this.visible = true;\n    this.computeTooltipPosition(e.target);\n  }\n\n  private hideTooltip() {\n    this.hideTooltipTimeout = setTimeout(() => {\n      this.visible = false;\n    }, this.tooltipCloseTimeInMS);\n    this.destroyAutoUpdate();\n  }\n\n  private async computeTooltipPosition(target: HTMLElement) {\n    this.disposeAutoUpdate = autoUpdate(\n      target,\n      this.hostElement,\n      async () => {\n        const computeResponse = await computePosition(\n          target,\n          this.hostElement,\n          {\n            strategy: 'absolute',\n            placement: 'top',\n            middleware: [\n              shift(),\n              offset(8),\n              arrow({\n                element: this.arrowElement,\n              }),\n              autoPlacement({\n                alignment: 'start',\n                allowedPlacements: ['top', 'bottom', 'right', 'left'],\n              }),\n            ],\n          }\n        );\n\n        if (computeResponse.middlewareData.arrow) {\n          const { x, y } = computeResponse.middlewareData.arrow;\n\n          Object.assign(this.arrowElement.style, {\n            left: x != null ? `${x}px` : '',\n            top: y != null ? `${y}px` : '',\n          });\n        }\n\n        const { x, y } = computeResponse;\n        Object.assign(this.hostElement.style, {\n          left: x !== null ? `${x}px` : '',\n          top: y !== null ? `${y}px` : '',\n        });\n      },\n      {\n        ancestorResize: true,\n        ancestorScroll: true,\n        elementResize: true,\n      }\n    );\n  }\n\n  private queryAnchorElements() {\n    return Array.from(document.querySelectorAll(this.for));\n  }\n\n  private registerTriggerListener() {\n    const elements = this.queryAnchorElements();\n    elements.forEach((e) => {\n      e.addEventListener('mouseenter', this.onMouseEnterBind);\n      e.addEventListener('mouseleave', this.onMouseLeaveBind);\n    });\n  }\n\n  private registerTooltipListener() {\n    this.hostElement.addEventListener('mouseenter', () => {\n      if (this.interactive) {\n        clearTimeout(this.hideTooltipTimeout);\n      }\n    });\n    this.hostElement.addEventListener('mouseleave', () => {\n      this.hideTooltip();\n    });\n  }\n\n  componentDidLoad() {\n    if (this.interactive) {\n      this.tooltipCloseTimeInMS = 150;\n    }\n\n    this.observer = new MutationObserver(() => {\n      this.registerTriggerListener();\n    });\n\n    this.observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['data-ix-tooltip'],\n      childList: true,\n      subtree: true,\n    });\n\n    this.registerTriggerListener();\n    this.registerTooltipListener();\n  }\n\n  disconnectedCallback() {\n    this.observer.disconnect();\n    this.destroyAutoUpdate();\n  }\n\n  render() {\n    const tooltipContentClass = {\n      'tooltip-content': true,\n    };\n\n    return (\n      <Host\n        class={{\n          visible: this.visible,\n        }}\n      >\n        <div class={'tooltip-title'}>\n          <slot name=\"title-icon\"></slot>\n          <ix-typography variant=\"default-title\">\n            {this.titleContent}\n            <slot name=\"title-content\"></slot>\n          </ix-typography>\n        </div>\n        <div class={tooltipContentClass}>\n          <slot></slot>\n        </div>\n        <div class=\"arrow\"></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gIAAA,MAAMA,EAAa,srB,MC6BNC,EAAO,M,yBAsBVC,KAAAC,iBAAmBD,KAAKE,YAAYC,KAAKH,MACzCA,KAAAI,iBAAmBJ,KAAKK,YAAYF,KAAKH,MAEzCA,KAAAM,qBAAuB,G,gEAXT,M,aAEH,K,CAWPC,mBACV,OAAOP,KAAKQ,YAAYC,WAAWC,cAAc,S,CAG3CC,oBACN,GAAIX,KAAKY,kBAAmB,CAC1BZ,KAAKY,mB,EAIDV,YAAYW,GAClBC,aAAad,KAAKe,oBAClBf,KAAKgB,QAAU,KACfhB,KAAKiB,uBAAuBJ,EAAEK,O,CAGxBb,cACNL,KAAKe,mBAAqBI,YAAW,KACnCnB,KAAKgB,QAAU,KAAK,GACnBhB,KAAKM,sBACRN,KAAKW,mB,CAGCS,6BAA6BF,GACnClB,KAAKY,kBAAoBS,EACvBH,EACAlB,KAAKQ,aACLY,UACE,MAAME,QAAwBC,EAC5BL,EACAlB,KAAKQ,YACL,CACEgB,SAAU,WACVC,UAAW,MACXC,WAAY,CACVC,IACAC,EAAO,GACPC,EAAM,CACJC,QAAS9B,KAAKO,eAEhBwB,EAAc,CACZC,UAAW,QACXC,kBAAmB,CAAC,MAAO,SAAU,QAAS,aAMtD,GAAIX,EAAgBY,eAAeL,MAAO,CACxC,MAAMM,EAAEA,EAACC,EAAEA,GAAMd,EAAgBY,eAAeL,MAEhDQ,OAAOC,OAAOtC,KAAKO,aAAagC,MAAO,CACrCC,KAAML,GAAK,KAAO,GAAGA,MAAQ,GAC7BM,IAAKL,GAAK,KAAO,GAAGA,MAAQ,I,CAIhC,MAAMD,EAAEA,EAACC,EAAEA,GAAMd,EACjBe,OAAOC,OAAOtC,KAAKQ,YAAY+B,MAAO,CACpCC,KAAML,IAAM,KAAO,GAAGA,MAAQ,GAC9BM,IAAKL,IAAM,KAAO,GAAGA,MAAQ,IAC7B,GAEJ,CACEM,eAAgB,KAChBC,eAAgB,KAChBC,cAAe,M,CAKbC,sBACN,OAAOC,MAAMC,KAAKC,SAASC,iBAAiBjD,KAAKkD,K,CAG3CC,0BACN,MAAMC,EAAWpD,KAAK6C,sBACtBO,EAASC,SAASxC,IAChBA,EAAEyC,iBAAiB,aAActD,KAAKC,kBACtCY,EAAEyC,iBAAiB,aAActD,KAAKI,iBAAiB,G,CAInDmD,0BACNvD,KAAKQ,YAAY8C,iBAAiB,cAAc,KAC9C,GAAItD,KAAKwD,YAAa,CACpB1C,aAAad,KAAKe,mB,KAGtBf,KAAKQ,YAAY8C,iBAAiB,cAAc,KAC9CtD,KAAKK,aAAa,G,CAItBoD,mBACE,GAAIzD,KAAKwD,YAAa,CACpBxD,KAAKM,qBAAuB,G,CAG9BN,KAAK0D,SAAW,IAAIC,kBAAiB,KACnC3D,KAAKmD,yBAAyB,IAGhCnD,KAAK0D,SAASE,QAAQZ,SAASa,KAAM,CACnCC,WAAY,KACZC,gBAAiB,CAAC,mBAClBC,UAAW,KACXC,QAAS,OAGXjE,KAAKmD,0BACLnD,KAAKuD,yB,CAGPW,uBACElE,KAAK0D,SAASS,aACdnE,KAAKW,mB,CAGPyD,SACE,MAAMC,EAAsB,CAC1B,kBAAmB,MAGrB,OACEC,EAACC,EAAI,CACHC,MAAO,CACLxD,QAAShB,KAAKgB,UAGhBsD,EAAA,OAAKE,MAAO,iBACVF,EAAA,QAAMG,KAAK,eACXH,EAAA,iBAAeI,QAAQ,iBACpB1E,KAAK2E,aACNL,EAAA,QAAMG,KAAK,oBAGfH,EAAA,OAAKE,MAAOH,GACVC,EAAA,cAEFA,EAAA,OAAKE,MAAM,U"}

package/dist/siemens-ix/p-0e8a6997.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as o,H as i,g as t}from"./p-8fcd6f85.js";import{h as s,i as a,m as r}from"./p-529d7530.js";import{s as l}from"./p-1572aab3.js";import"./p-9ee41861.js";const n=":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem;color:var(--theme-app-header--color)}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem;color:var(--theme-app-header-logo--color)}:host(.mode-mobile){padding-left:0.5rem}:host(.mode-mobile) .logo{margin-left:0.5rem}";const h=class{constructor(o){e(this,o);this.name=undefined;this.mode="desktop";this.menuExpanded=false}componentWillLoad(){const e=s("ix-basic-navigation",this.host);if(a(e)){this.modeDisposable=l.onChange.on((e=>this.mode=e));this.mode=l.mode;this.menuDisposable=r.expandChange.on((e=>{this.menuExpanded=e}))}}componentDidLoad(){this.attachSiemensLogoIfLoaded()}disconnectedCallback(){var e,o;(e=this.menuDisposable)===null||e===void 0?void 0:e.dispose();(o=this.modeDisposable)===null||o===void 0?void 0:o.dispose()}async attachSiemensLogoIfLoaded(){await window.customElements.whenDefined("ix-siemens-logo");const e=document.createElement("ix-siemens-logo");if(!this.host.querySelector('[slot="logo"]')){this.host.shadowRoot.querySelector(".logo").appendChild(e)}}async onMenuClick(){r.toggle()}render(){return o(i,{class:{[`mode-${this.mode}`]:true}},this.mode==="mobile"?o("ix-burger-menu",{onClick:()=>this.onMenuClick(),expanded:this.menuExpanded}):null,o("div",{class:"logo"},o("slot",{name:"logo"})),o("div",{class:"name"},this.name),o("slot",null))}get host(){return t(this)}};h.style=n;export{h as ix_application_header};
+//# sourceMappingURL=p-0e8a6997.entry.js.map

package/dist/siemens-ix/p-0e8a6997.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["applicationHeaderCss","ApplicationHeader","componentWillLoad","layout","hostContext","this","host","isBasicNavigationLayout","modeDisposable","screenMode","onChange","on","mode","menuDisposable","menuController","expandChange","show","menuExpanded","componentDidLoad","attachSiemensLogoIfLoaded","disconnectedCallback","_a","dispose","_b","async","window","customElements","whenDefined","logoElement","document","createElement","querySelector","shadowRoot","appendChild","toggle","render","h","Host","class","onClick","onMenuClick","expanded","name"],"sources":["./src/components/application-header/application-header.scss?tag=ix-application-header&encapsulation=shadow","./src/components/application-header/application-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: 2.75rem;\n  padding-left: 1rem;\n\n  color: var(--theme-app-header--color);\n  background-color: var(--theme-app-header--background);\n\n  border-bottom: var(--theme-app-header--border-width) solid\n    var(--theme-app-header--border-color);\n\n  .name {\n    margin-left: 2.5rem;\n    margin-right: 2.5rem;\n    color: var(--theme-app-header--color);\n  }\n\n  .logo {\n    display: inline-flex;\n    align-items: center;\n    position: relative;\n    height: 32px;\n    overflow: hidden;\n    line-height: 0rem;\n    color: var(--theme-app-header-logo--color);\n  }\n}\n\n:host(.mode-mobile) {\n  padding-left: 0.5rem;\n\n  .logo {\n    margin-left: 0.5rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hostContext, isBasicNavigationLayout } from '../utils/screen/context';\nimport { Mode } from '../utils/screen/mode';\nimport { screenMode } from '../utils/screen/service';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n  tag: 'ix-application-header',\n  styleUrl: 'application-header.scss',\n  shadow: true,\n})\nexport class ApplicationHeader {\n  @Element() host!: HTMLIxApplicationHeaderElement;\n\n  /**\n   * Application name\n   */\n  @Prop() name: string;\n\n  @State() mode: Mode = 'desktop';\n\n  @State() menuExpanded = false;\n\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n\n  componentWillLoad() {\n    const layout = hostContext('ix-basic-navigation', this.host);\n    if (isBasicNavigationLayout(layout)) {\n      this.modeDisposable = screenMode.onChange.on(\n        (mode) => (this.mode = mode)\n      );\n      this.mode = screenMode.mode;\n\n      this.menuDisposable = menuController.expandChange.on((show) => {\n        this.menuExpanded = show;\n      });\n    }\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  private async attachSiemensLogoIfLoaded() {\n    await window.customElements.whenDefined('ix-siemens-logo');\n    const logoElement = document.createElement('ix-siemens-logo');\n\n    if (!this.host.querySelector('[slot=\"logo\"]')) {\n      this.host.shadowRoot.querySelector('.logo').appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    menuController.toggle();\n  }\n\n  render() {\n    return (\n      <Host class={{ [`mode-${this.mode}`]: true }}>\n        {this.mode === 'mobile' ? (\n          <ix-burger-menu\n            onClick={() => this.onMenuClick()}\n            expanded={this.menuExpanded}\n          ></ix-burger-menu>\n        ) : null}\n        <div class=\"logo\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div class=\"name\">{this.name}</div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uKAAA,MAAMA,EAAuB,0mB,MCqBhBC,EAAiB,M,uDAQN,U,kBAEE,K,CAKxBC,oBACE,MAAMC,EAASC,EAAY,sBAAuBC,KAAKC,MACvD,GAAIC,EAAwBJ,GAAS,CACnCE,KAAKG,eAAiBC,EAAWC,SAASC,IACvCC,GAAUP,KAAKO,KAAOA,IAEzBP,KAAKO,KAAOH,EAAWG,KAEvBP,KAAKQ,eAAiBC,EAAeC,aAAaJ,IAAIK,IACpDX,KAAKY,aAAeD,CAAI,G,EAK9BE,mBACEb,KAAKc,2B,CAGPC,uB,SACEC,EAAAhB,KAAKQ,kBAAc,MAAAQ,SAAA,SAAAA,EAAEC,WACrBC,EAAAlB,KAAKG,kBAAc,MAAAe,SAAA,SAAAA,EAAED,S,CAGfE,wCACAC,OAAOC,eAAeC,YAAY,mBACxC,MAAMC,EAAcC,SAASC,cAAc,mBAE3C,IAAKzB,KAAKC,KAAKyB,cAAc,iBAAkB,CAC7C1B,KAAKC,KAAK0B,WAAWD,cAAc,SAASE,YAAYL,E,EAIpDJ,oBACNV,EAAeoB,Q,CAGjBC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAAE,CAAC,QAAQjC,KAAKO,QAAS,OACnCP,KAAKO,OAAS,SACbwB,EAAA,kBACEG,QAAS,IAAMlC,KAAKmC,cACpBC,SAAUpC,KAAKY,eAEf,KACJmB,EAAA,OAAKE,MAAM,QACTF,EAAA,QAAMM,KAAK,UAEbN,EAAA,OAAKE,MAAM,QAAQjC,KAAKqC,MACxBN,EAAA,a"}

package/dist/siemens-ix/p-11af475f.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as r,H as t,g as d}from"./p-8fcd6f85.js";import{f as i,i as n,s,o as a,a as p,c as l}from"./p-f34a16c6.js";const m='.dropup,.dropend,.dropdown,.dropstart,.dropup-center,.dropdown-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid;border-right:0.3em solid transparent;border-bottom:0;border-left:0.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width: 576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width: 1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0;border-right:0.3em solid transparent;border-bottom:0.3em solid;border-left:0.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid transparent;border-right:0;border-bottom:0.3em solid transparent;border-left:0.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:0.255em;vertical-align:0.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:0.255em;vertical-align:0.255em;content:"";border-top:0.3em solid transparent;border-right:0.3em solid;border-bottom:0.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:hover,.dropdown-item:focus{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:0.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);-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);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color 150ms;box-shadow:var(--theme-menu--box-shadow)}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{min-width:0px}:host(.overflow){max-height:50vh;overflow-y:auto}';const c=class{constructor(r){o(this,r);this.showChanged=e(this,"showChanged",7);this.autoUpdateCleanup=null;this.show=false;this.trigger=undefined;this.anchor=undefined;this.closeBehavior="both";this.placement="bottom-start";this.positioningStrategy="fixed";this.adjustDropdownWidthToReferenceWith=false;this.adjustDropdownWidthToReferenceWidth=false;this.header=undefined;this.offset=undefined;this.triggerEvent="click";this.overwriteDropdownStyle=undefined;this.toggleBind=this.toggle.bind(this);this.openBind=this.open.bind(this)}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}addEventListenersFor(o){switch(o){case"click":if(this.closeBehavior==="outside"){this.triggerElement.addEventListener("click",this.openBind)}else{this.triggerElement.addEventListener("click",this.toggleBind)}break;case"hover":this.triggerElement.addEventListener("mouseenter",this.openBind);break;case"focus":this.triggerElement.addEventListener("focusin",this.openBind);break}}removeEventListenersFor(o,e){switch(o){case"click":if(this.closeBehavior==="outside"){e.removeEventListener("click",this.openBind)}else{e.removeEventListener("click",this.toggleBind)}break;case"hover":e.removeEventListener("mouseenter",this.openBind);break;case"focus":e.removeEventListener("focusin",this.openBind);break}}async registerListener(o){this.triggerElement=await this.resolveElement(o);if(this.triggerElement){if(Array.isArray(this.triggerEvent)){this.triggerEvent.forEach((o=>{this.addEventListenersFor(o)}))}else{this.addEventListenersFor(this.triggerEvent)}}}async unregisterListener(o){const e=await this.resolveElement(o);if(Array.isArray(this.triggerEvent)){this.triggerEvent.forEach((o=>{this.removeEventListenersFor(o,e)}))}else{this.removeEventListenersFor(this.triggerEvent,e)}}resolveElement(o){if(typeof o!=="string"){return Promise.resolve(o)}const e=`#${o}`;return new Promise((o=>{if(document.querySelector(e)){return o(document.querySelector(e))}const r=new MutationObserver((()=>{if(document.querySelector(e)){o(document.querySelector(e));r.disconnect()}}));r.observe(document.body,{childList:true,subtree:true})}))}async changedShow(o){if(o){this.anchorElement=await(this.anchor?this.resolveElement(this.anchor):this.resolveElement(this.trigger));if(this.anchorElement){this.applyDropdownPosition()}}}changedTrigger(o,e){if(o){this.registerListener(o)}if(e){this.unregisterListener(e)}}clickOutside(o){var e,r;const t=o.target;if(this.show===false||this.closeBehavior===false||((e=this.anchorElement)===null||e===void 0?void 0:e.contains(t))||((r=this.triggerElement)===null||r===void 0?void 0:r.contains(t))){return}switch(this.closeBehavior){case"outside":if(!this.dropdownRef.contains(t)){this.close()}break;case"inside":if(this.dropdownRef.contains(t)&&this.hostElement!==t){this.close()}break;case"both":if(this.hostElement!==t)this.close();break;default:this.close()}}isNestedDropdown(o){return o.closest("ix-dropdown")}isAnchorSubmenu(){var o;const e=(o=this.anchorElement)===null||o===void 0?void 0:o.closest("ix-dropdown-item");if(!e){return false}return true}toggle(o){o===null||o===void 0?void 0:o.preventDefault();if(this.isNestedDropdown(o.target)){o===null||o===void 0?void 0:o.stopPropagation()}this.show=!this.show;this.showChanged.emit(this.show)}open(o){o===null||o===void 0?void 0:o.preventDefault();if(this.isNestedDropdown(o.target)){o===null||o===void 0?void 0:o.stopPropagation()}this.show=true;this.showChanged.emit(true)}close(o){if(o===null||o===void 0?void 0:o.defaultPrevented){return}this.show=false;this.showChanged.emit(false)}async applyDropdownPosition(){if(!this.anchorElement){return}if(!this.dropdownRef){return}const o=this.isAnchorSubmenu();let e={strategy:this.positioningStrategy,middleware:[]};if(o){e.placement="right-start"}if(this.placement.includes("auto")||o){e.middleware.push(i())}else{e.placement=this.placement}e.middleware=[...e.middleware,n(),s()];if(this.offset){e.middleware.push(a(this.offset))}if(this.autoUpdateCleanup){this.autoUpdateCleanup();this.autoUpdateCleanup=null}this.autoUpdateCleanup=p(this.anchorElement,this.dropdownRef,(async()=>{const o=await l(this.anchorElement,this.dropdownRef,e);Object.assign(this.dropdownRef.style,{top:"0",left:"0",transform:`translate(${Math.round(o.x)}px,${Math.round(o.y)}px)`});if(this.overwriteDropdownStyle){const o=await this.overwriteDropdownStyle({dropdownRef:this.dropdownRef,triggerRef:this.triggerElement});Object.assign(this.dropdownRef.style,o)}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}async componentDidLoad(){if(this.trigger){this.registerListener(this.trigger)}}async componentDidRender(){await this.applyDropdownPosition()}disconnectedCallback(){if(this.autoUpdateCleanup){this.autoUpdateCleanup()}}async updatePosition(){this.applyDropdownPosition()}render(){return r(t,{ref:o=>this.dropdownRef=o,class:{"dropdown-menu":true,show:this.show,overflow:true},style:{margin:"0",minWidth:"0px",position:this.positioningStrategy}},r("div",{style:{display:"contents"}},this.header?r("div",{class:"dropdown-header"},this.header):"",r("slot",null)))}get hostElement(){return d(this)}static get watchers(){return{show:["changedShow"],trigger:["changedTrigger"]}}};c.style=m;const h=".sc-ix-dropdown-item-h{display:block;min-width:10rem}.icon-only.sc-ix-dropdown-item-h{min-width:0}.icon-only.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item>.glyph.sc-ix-dropdown-item{-webkit-margin-end:0;margin-inline-end:0}.icon-only.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item{padding:0.25rem 0.5rem}.icon-only.sc-ix-dropdown-item-h .dropdown-item.sc-ix-dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:#199fff}.sc-ix-dropdown-item-h .sc-ix-dropdown-item:focus{background-color:transparent;color:var(--theme-menu-item--color)}.sc-ix-dropdown-item-h .checkmark.sc-ix-dropdown-item{position:absolute;left:0.5rem}.checked.sc-ix-dropdown-item-h{background-color:var(--theme-select-list-item--background--selected)}.sc-ix-dropdown-item-h .label.sc-ix-dropdown-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.disabled.sc-ix-dropdown-item-h{pointer-events:none}.sc-ix-dropdown-item-s>ix-icon{-webkit-margin-start:auto;margin-inline-start:auto}";const b=class{constructor(r){o(this,r);this.itemClick=e(this,"itemClick",7);this.label=undefined;this.icon=undefined;this.hover=false;this.disabled=false;this.checked=false}async emitItemClick(){this.itemClick.emit(this.hostElement)}render(){return r(t,{class:{checked:this.checked,"icon-text":this.label!==undefined&&this.icon!==undefined,"icon-only":this.label===undefined&&this.icon!==undefined,disabled:this.disabled}},r("button",{class:{"dropdown-item":true,hover:this.hover,disabled:this.disabled},onClick:()=>this.emitItemClick()},this.checked?r("ix-icon",{class:"checkmark",name:"single-check",size:"16"}):null,this.icon?r("span",{class:{glyph:true,[`glyph-${this.icon}`]:true,disabled:this.disabled}}):null,this.label?r("span",{class:"label"},this.label):null,r("slot",null)))}get hostElement(){return d(this)}};b.style=h;export{c as ix_dropdown,b as ix_dropdown_item};
+//# sourceMappingURL=p-11af475f.entry.js.map

package/dist/siemens-ix/p-11af475f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownCss","Dropdown","constructor","hostRef","this","autoUpdateCleanup","toggleBind","toggle","bind","openBind","open","dropdownItems","Array","from","hostElement","querySelectorAll","addEventListenersFor","triggerEvent","closeBehavior","triggerElement","addEventListener","removeEventListenersFor","removeEventListener","async","element","resolveElement","isArray","forEach","trigger","Promise","resolve","selector","document","querySelector","observer","MutationObserver","disconnect","observe","body","childList","subtree","newShow","anchorElement","anchor","applyDropdownPosition","changedTrigger","newTriggerValue","oldTriggerValue","registerListener","unregisterListener","clickOutside","event","target","show","_a","contains","_b","dropdownRef","close","isNestedDropdown","closest","isAnchorSubmenu","preventDefault","stopPropagation","showChanged","emit","defaultPrevented","isSubmenu","positionConfig","strategy","positioningStrategy","middleware","placement","includes","push","flip","inline","shift","offset","autoUpdate","computeResponse","computePosition","Object","assign","style","top","left","transform","Math","round","x","y","overwriteDropdownStyle","overwriteStyle","triggerRef","ancestorResize","ancestorScroll","elementResize","disconnectedCallback","render","h","Host","ref","class","overflow","margin","minWidth","position","display","header","dropdownItemCss","DropdownItem","itemClick","checked","label","undefined","icon","disabled","hover","onClick","emitItemClick","name","size","glyph"],"sources":["./src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","./src/components/dropdown/dropdown.tsx","./src/components/dropdown-item/dropdown-item.scss?tag=ix-dropdown-item&encapsulation=scoped","./src/components/dropdown-item/dropdown-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 '~bootstrap/scss/functions';\n@import 'common-variables';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n@import '~bootstrap/scss/dropdown';\n\n@import 'mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'components/dropdown';\n\n:host {\n  min-width: 0px;\n}\n\n:host(.overflow) {\n  max-height: 50vh;\n  overflow-y: auto;\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  autoUpdate,\n  computePosition,\n  ComputePositionConfig,\n  flip,\n  inline,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { BasePlacement, Placement, PlacementWithAlignment } from './placement';\n\n/**\n * @internal\n */\nexport type DropdownTriggerEvent = 'click' | 'hover' | 'focus';\n\n@Component({\n  tag: 'ix-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n})\nexport class Dropdown {\n  @Element() hostElement!: HTMLIxDropdownElement;\n\n  /**\n   * Show dropdown\n   */\n  @Prop({ mutable: true, reflect: true }) show = false;\n\n  /**\n   * Define an element that triggers the dropdown.\n   * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n   */\n  @Prop() trigger: string | HTMLElement;\n\n  /**\n   * Define an anchor element\n   */\n  @Prop() anchor: string | HTMLElement;\n\n  /**\n   * Close behavior\n   */\n  @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement: Placement = 'bottom-start';\n\n  /**\n   * Position strategy\n   */\n  @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n  /**\n   * Adjust dropdown width to the parent width\n   * @deprecated Will be removed in 2.0.0. Property has a typo use `adjustDropdownWidthToReferenceWidth` instead.\n   */\n  @Prop() adjustDropdownWidthToReferenceWith = false;\n\n  /**\n   * Adjust dropdown width to the parent width\n   *\n   * @deprecated Will be removed. Not used anymore\n   */\n  @Prop() adjustDropdownWidthToReferenceWidth = false;\n\n  /**\n   * An optional header shown at the top of the dropdown\n   */\n  @Prop() header?: string;\n\n  /**\n   * Move dropdown along main axis of alignment\n   *\n   * @internal\n   */\n  @Prop() offset: {\n    mainAxis?: number;\n    crossAxis?: number;\n    alignmentAxis?: number;\n  };\n\n  /**\n   * Define one or more events to open dropdown\n   * @internal\n   */\n  @Prop() triggerEvent: DropdownTriggerEvent | DropdownTriggerEvent[] = 'click';\n\n  /**\n   * @internal\n   */\n  @Prop() overwriteDropdownStyle: (delegate: {\n    dropdownRef: HTMLElement;\n    triggerRef?: HTMLElement;\n  }) => Promise<Partial<CSSStyleDeclaration>>;\n\n  /**\n   * Fire event after visibility of dropdown has changed\n   */\n  @Event() showChanged: EventEmitter<boolean>;\n\n  private autoUpdateCleanup: () => void = null;\n\n  private triggerElement?: Element;\n  private anchorElement?: Element;\n\n  private dropdownRef: HTMLElement;\n\n  private toggleBind: any;\n  private openBind: any;\n\n  constructor() {\n    this.toggleBind = this.toggle.bind(this);\n    this.openBind = this.open.bind(this);\n  }\n\n  get dropdownItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n  }\n\n  private addEventListenersFor(triggerEvent: DropdownTriggerEvent) {\n    switch (triggerEvent) {\n      case 'click':\n        if (this.closeBehavior === 'outside') {\n          this.triggerElement.addEventListener('click', this.openBind);\n        } else {\n          this.triggerElement.addEventListener('click', this.toggleBind);\n        }\n        break;\n\n      case 'hover':\n        this.triggerElement.addEventListener('mouseenter', this.openBind);\n        break;\n\n      case 'focus':\n        this.triggerElement.addEventListener('focusin', this.openBind);\n        break;\n    }\n  }\n\n  private removeEventListenersFor(\n    triggerEvent: DropdownTriggerEvent,\n    triggerElement: Element\n  ) {\n    switch (triggerEvent) {\n      case 'click':\n        if (this.closeBehavior === 'outside') {\n          triggerElement.removeEventListener('click', this.openBind);\n        } else {\n          triggerElement.removeEventListener('click', this.toggleBind);\n        }\n        break;\n\n      case 'hover':\n        triggerElement.removeEventListener('mouseenter', this.openBind);\n        break;\n\n      case 'focus':\n        triggerElement.removeEventListener('focusin', this.openBind);\n        break;\n    }\n  }\n\n  private async registerListener(element: string | HTMLElement) {\n    this.triggerElement = await this.resolveElement(element);\n    if (this.triggerElement) {\n      if (Array.isArray(this.triggerEvent)) {\n        this.triggerEvent.forEach((triggerEvent) => {\n          this.addEventListenersFor(triggerEvent);\n        });\n      } else {\n        this.addEventListenersFor(this.triggerEvent);\n      }\n    }\n  }\n\n  private async unregisterListener(element: string | HTMLElement) {\n    const trigger = await this.resolveElement(element);\n    if (Array.isArray(this.triggerEvent)) {\n      this.triggerEvent.forEach((triggerEvent) => {\n        this.removeEventListenersFor(triggerEvent, trigger);\n      });\n    } else {\n      this.removeEventListenersFor(this.triggerEvent, trigger);\n    }\n  }\n\n  private resolveElement(element: string | HTMLElement): Promise<Element> {\n    if (typeof element !== 'string') {\n      return Promise.resolve(element);\n    }\n\n    const selector = `#${element}`;\n    return new Promise((resolve) => {\n      if (document.querySelector(selector)) {\n        return resolve(document.querySelector(selector));\n      }\n\n      const observer = new MutationObserver(() => {\n        if (document.querySelector(selector)) {\n          resolve(document.querySelector(selector));\n          observer.disconnect();\n        }\n      });\n\n      observer.observe(document.body, {\n        childList: true,\n        subtree: true,\n      });\n    });\n  }\n\n  @Watch('show')\n  async changedShow(newShow: boolean) {\n    if (newShow) {\n      this.anchorElement = await (this.anchor\n        ? this.resolveElement(this.anchor)\n        : this.resolveElement(this.trigger));\n\n      if (this.anchorElement) {\n        this.applyDropdownPosition();\n      }\n    }\n  }\n\n  @Watch('trigger')\n  changedTrigger(\n    newTriggerValue: string | HTMLElement,\n    oldTriggerValue: string | HTMLElement\n  ) {\n    if (newTriggerValue) {\n      this.registerListener(newTriggerValue);\n    }\n\n    if (oldTriggerValue) {\n      this.unregisterListener(oldTriggerValue);\n    }\n  }\n\n  @Listen('click', {\n    target: 'window',\n  })\n  clickOutside(event: Event) {\n    const target = event.target as HTMLElement;\n\n    if (\n      this.show === false ||\n      this.closeBehavior === false ||\n      this.anchorElement?.contains(target) ||\n      this.triggerElement?.contains(target)\n    ) {\n      return;\n    }\n\n    switch (this.closeBehavior) {\n      case 'outside':\n        if (!this.dropdownRef.contains(target)) {\n          this.close();\n        }\n        break;\n      case 'inside':\n        if (this.dropdownRef.contains(target) && this.hostElement !== target) {\n          this.close();\n        }\n        break;\n      case 'both':\n        if (this.hostElement !== target) this.close();\n        break;\n      default:\n        this.close();\n    }\n  }\n\n  private isNestedDropdown(element: Element) {\n    return element.closest('ix-dropdown');\n  }\n\n  private isAnchorSubmenu() {\n    const anchor = this.anchorElement?.closest('ix-dropdown-item');\n    if (!anchor) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private toggle(event?: Event) {\n    event?.preventDefault();\n\n    if (this.isNestedDropdown(event.target as HTMLElement)) {\n      event?.stopPropagation();\n    }\n\n    this.show = !this.show;\n    this.showChanged.emit(this.show);\n  }\n\n  private open(event?: Event) {\n    event?.preventDefault();\n\n    if (this.isNestedDropdown(event.target as HTMLElement)) {\n      event?.stopPropagation();\n    }\n\n    this.show = true;\n    this.showChanged.emit(true);\n  }\n\n  private close(event?: Event) {\n    if (event?.defaultPrevented) {\n      return;\n    }\n\n    this.show = false;\n    this.showChanged.emit(false);\n  }\n\n  private async applyDropdownPosition() {\n    if (!this.anchorElement) {\n      return;\n    }\n    if (!this.dropdownRef) {\n      return;\n    }\n    const isSubmenu = this.isAnchorSubmenu();\n\n    let positionConfig: Partial<ComputePositionConfig> = {\n      strategy: this.positioningStrategy,\n      middleware: [],\n    };\n\n    if (isSubmenu) {\n      positionConfig.placement = 'right-start';\n    }\n\n    if (this.placement.includes('auto') || isSubmenu) {\n      positionConfig.middleware.push(flip());\n    } else {\n      positionConfig.placement = this.placement as\n        | BasePlacement\n        | PlacementWithAlignment;\n    }\n\n    positionConfig.middleware = [\n      ...positionConfig.middleware,\n      inline(),\n      shift(),\n    ];\n\n    if (this.offset) {\n      positionConfig.middleware.push(offset(this.offset));\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n      this.autoUpdateCleanup = null;\n    }\n    this.autoUpdateCleanup = autoUpdate(\n      this.anchorElement,\n      this.dropdownRef,\n      async () => {\n        const computeResponse = await computePosition(\n          this.anchorElement,\n          this.dropdownRef,\n          positionConfig\n        );\n        Object.assign(this.dropdownRef.style, {\n          top: '0',\n          left: '0',\n          transform: `translate(${Math.round(computeResponse.x)}px,${Math.round(\n            computeResponse.y\n          )}px)`,\n        });\n        if (this.overwriteDropdownStyle) {\n          const overwriteStyle = await this.overwriteDropdownStyle({\n            dropdownRef: this.dropdownRef,\n            triggerRef: this.triggerElement as HTMLElement,\n          });\n\n          Object.assign(this.dropdownRef.style, overwriteStyle);\n        }\n      },\n      {\n        ancestorResize: true,\n        ancestorScroll: true,\n        elementResize: true,\n      }\n    );\n  }\n\n  async componentDidLoad() {\n    if (this.trigger) {\n      this.registerListener(this.trigger);\n    }\n  }\n\n  async componentDidRender() {\n    await this.applyDropdownPosition();\n  }\n\n  disconnectedCallback() {\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n  }\n\n  /**\n   * Update position of dropdown\n   */\n  @Method()\n  async updatePosition() {\n    this.applyDropdownPosition();\n  }\n\n  render() {\n    return (\n      <Host\n        ref={(ref) => (this.dropdownRef = ref)}\n        class={{\n          'dropdown-menu': true,\n          show: this.show,\n          overflow: true,\n        }}\n        style={{\n          margin: '0',\n          minWidth: '0px',\n          position: this.positioningStrategy,\n        }}\n      >\n        <div style={{ display: 'contents' }}>\n          {this.header ? <div class=\"dropdown-header\">{this.header}</div> : ''}\n\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  display: block;\n  min-width: 10rem;\n\n  &.icon-only {\n    min-width: 0;\n\n    .dropdown-item > .glyph {\n      margin-inline-end: 0;\n    }\n\n    .dropdown-item {\n      padding: $tiny-space $small-space;\n\n      @include focus-visible {\n        border-color: #199fff;\n      }\n    }\n  }\n\n  :focus {\n    background-color: transparent;\n    color: var(--theme-menu-item--color);\n  }\n\n  .checkmark {\n    position: absolute;\n    left: $small-space;\n  }\n\n  &.checked {\n    background-color: var(--theme-select-list-item--background--selected);\n  }\n\n  .label {\n    @include ellipsis;\n  }\n\n  &.disabled {\n    pointer-events: none;\n  }\n}\n\n::slotted(ix-icon) {\n  margin-inline-start: auto;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-dropdown-item',\n  styleUrl: 'dropdown-item.scss',\n  scoped: true,\n})\nexport class DropdownItem {\n  @Element() hostElement!: HTMLIxDropdownItemElement;\n\n  /**\n   * Label of dropdown item\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon of dropdown item\n   */\n  @Prop() icon: string;\n\n  /**\n   * Display hover state\n   */\n  @Prop() hover = false;\n\n  /**\n   * Disable item and remove event listeners\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Whether the item is checked or not. If true a checkmark will mark the item as checked.\n   */\n  @Prop() checked = false;\n\n  /**\n   * Click on item\n   */\n  @Event() itemClick: EventEmitter<HTMLIxDropdownItemElement>;\n\n  /**\n   * Internal usage only\n   */\n  @Method()\n  async emitItemClick() {\n    this.itemClick.emit(this.hostElement);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          checked: this.checked,\n          'icon-text': this.label !== undefined && this.icon !== undefined,\n          'icon-only': this.label === undefined && this.icon !== undefined,\n          disabled: this.disabled,\n        }}\n      >\n        <button\n          class={{\n            'dropdown-item': true,\n            hover: this.hover,\n            disabled: this.disabled,\n          }}\n          onClick={() => this.emitItemClick()}\n        >\n          {this.checked ? (\n            <ix-icon class=\"checkmark\" name=\"single-check\" size=\"16\"></ix-icon>\n          ) : null}\n\n          {this.icon ? (\n            <span\n              class={{\n                glyph: true,\n                [`glyph-${this.icon}`]: true,\n                disabled: this.disabled,\n              }}\n            ></span>\n          ) : null}\n\n          {this.label ? <span class=\"label\">{this.label}</span> : null}\n          <slot></slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-1259ea24.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}";const n=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)}};n.style=o;export{n as ix_input_group};
+//# sourceMappingURL=p-1259ea24.entry.js.map

package/dist/siemens-ix/p-1259ea24.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","/*\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,0U,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-13adcf62.entry.js

@@ -0,0 +1,2 @@
+import{r as s,h as t,H as o,g as e}from"./p-8fcd6f85.js";import{d as i,c as l}from"./p-b14308ed.js";const a=class{constructor(t){s(this,t)}dismiss(){i(this.host)}close(){l(this.host,"Done!")}render(){return t(o,null,t("div",null,t("div",{class:"modal-header"},"Message headline",t("ix-icon-button",{"data-close-button":true,ghost:true,icon:"close",onClick:()=>this.dismiss()})),t("div",{class:"modal-body"},"Message text lorem ipsum"),t("div",{class:"modal-footer"},t("ix-button",{outline:true,onClick:()=>this.dismiss()},"Cancel"),t("ix-button",{onClick:()=>this.close()},"OK"))))}get host(){return e(this)}};export{a as ix_modal_example};
+//# sourceMappingURL=p-13adcf62.entry.js.map

package/dist/siemens-ix/p-13adcf62.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ModalExample","dismiss","dismissModal","this","host","close","closeModal","render","h","Host","class","ghost","icon","onClick","outline"],"sources":["./src/components/my-component/example-modal.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\nimport { Component, Element, h, Host } from '@stencil/core';\nimport { closeModal, dismissModal } from '../modal/modal-utils';\n\n@Component({\n  tag: 'ix-modal-example',\n})\nexport class ModalExample {\n  @Element() host!: HTMLIxModalExampleElement;\n\n  private dismiss() {\n    dismissModal(this.host);\n  }\n\n  private close() {\n    closeModal(this.host, 'Done!');\n  }\n\n  render() {\n    return (\n      <Host>\n        <div>\n          <div class=\"modal-header\">\n            Message headline\n            <ix-icon-button\n              data-close-button\n              ghost\n              icon=\"close\"\n              onClick={() => this.dismiss()}\n            ></ix-icon-button>\n          </div>\n          <div class=\"modal-body\">Message text lorem ipsum</div>\n          <div class=\"modal-footer\">\n            <ix-button outline onClick={() => this.dismiss()}>\n              Cancel\n            </ix-button>\n            <ix-button onClick={() => this.close()}>OK</ix-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0GAeaA,EAAY,M,yBAGfC,UACNC,EAAaC,KAAKC,K,CAGZC,QACNC,EAAWH,KAAKC,KAAM,Q,CAGxBG,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,WACEA,EAAA,OAAKE,MAAM,gBAAc,mBAEvBF,EAAA,2CAEEG,MAAK,KACLC,KAAK,QACLC,QAAS,IAAMV,KAAKF,aAGxBO,EAAA,OAAKE,MAAM,cAAY,4BACvBF,EAAA,OAAKE,MAAM,gBACTF,EAAA,aAAWM,QAAO,KAACD,QAAS,IAAMV,KAAKF,WAAS,UAGhDO,EAAA,aAAWK,QAAS,IAAMV,KAAKE,SAAO,Q"}

package/dist/siemens-ix/p-1572aab3.js

@@ -1 +1,2 @@
-import{T as e}from"./p-9ee41861.js";const t=e=>{const t=(()=>{const t=t=>{(({matches:t})=>{e(t?"mobile":"desktop")})(t)},r=window.matchMedia("only screen and (max-width: 767px)");return r.addEventListener("change",t),{matchMedia:r,dispose:()=>{r.removeEventListener("change",t)}}})();return e(t.matchMedia.matches?"mobile":"desktop"),{dispose:t.dispose,matchMedia:t.matchMedia}};var r,o,n=function(e,t,r,o){if("a"===r&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?o:"a"===r?o.call(e):o?o.value:t.get(e)};r=new WeakMap,o=new WeakMap;const a=new class{constructor(){r.set(this,new e),o.set(this,"desktop"),t((e=>{n(this,r,"f").emit(e),function(e,t,r,o,n){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!n)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");"a"===o?n.call(e,r):n?n.value=r:t.set(e,r)}(this,o,e,"f")}))}get mode(){return n(this,o,"f")}get onChange(){return n(this,r,"f")}};export{a as s}
+import{T as e}from"./p-9ee41861.js";const t=`only screen and (max-width: 767px)`;const r=(e,t)=>{const r=e=>{t(e)};const n=window.matchMedia(e);n.addEventListener("change",r);return{matchMedia:n,dispose:()=>{n.removeEventListener("change",r)}}};const n=e=>{const n=r(t,(({matches:t})=>{if(t){e("mobile");return}e("desktop")}));e(n.matchMedia.matches?"mobile":"desktop");return{dispose:n.dispose,matchMedia:n.matchMedia}};var o=undefined&&undefined.__classPrivateFieldGet||function(e,t,r,n){if(r==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?n:r==="a"?n.call(e):n?n.value:t.get(e)};var a=undefined&&undefined.__classPrivateFieldSet||function(e,t,r,n,o){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!o)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?o.call(e,r):o?o.value=r:t.set(e,r),r};var i,s;class d{constructor(){i.set(this,new e);s.set(this,"desktop");n((e=>{o(this,i,"f").emit(e);a(this,s,e,"f")}))}get mode(){return o(this,s,"f")}get onChange(){return o(this,i,"f")}}i=new WeakMap,s=new WeakMap;const c=new d;export{c as s};
+//# sourceMappingURL=p-1572aab3.js.map

package/dist/siemens-ix/p-1572aab3.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["mobileMediaQuery","createMediaQueryListener","query","callback","fn","event","listener","window","matchMedia","addEventListener","dispose","removeEventListener","createModeListener","modeChangeCallback","matches","ScreenMode","constructor","_ScreenMode_modeChangeListener","set","this","TypedEvent","_ScreenMode_mode","mode","__classPrivateFieldGet","emit","__classPrivateFieldSet","onChange","screenMode"],"sources":["./src/components/utils/screen/mode.ts","./src/components/utils/screen/service.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport type Mode = 'desktop' | 'mobile';\nconst mobileMediaQuery = `only screen and (max-width: 767px)`;\n\nexport type MediaQueryListener = {\n  matchMedia: MediaQueryList;\n  dispose: () => void;\n};\n\nexport const createMediaQueryListener = (\n  query: string,\n  callback: (event: MediaQueryListEvent) => void\n): MediaQueryListener => {\n  const fn = (event: MediaQueryListEvent) => {\n    callback(event);\n  };\n  const listener = window.matchMedia(query);\n  listener.addEventListener('change', fn);\n\n  return {\n    matchMedia: listener,\n    dispose: () => {\n      listener.removeEventListener('change', fn);\n    },\n  };\n};\n\nexport const createModeListener = (\n  modeChangeCallback: (mode: Mode) => void\n) => {\n  const listener = createMediaQueryListener(mobileMediaQuery, ({ matches }) => {\n    if (matches) {\n      modeChangeCallback('mobile');\n      return;\n    }\n\n    modeChangeCallback('desktop');\n  });\n\n  modeChangeCallback(listener.matchMedia.matches ? 'mobile' : 'desktop');\n  return {\n    dispose: listener.dispose,\n    matchMedia: listener.matchMedia,\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 { TypedEvent } from '../typed-event';\nimport { createModeListener, Mode } from './mode';\n\nclass ScreenMode {\n  #modeChangeListener = new TypedEvent<Mode>();\n  #mode: Mode = 'desktop';\n\n  constructor() {\n    createModeListener((mode) => {\n      this.#modeChangeListener.emit(mode);\n      this.#mode = mode;\n    });\n  }\n\n  get mode() {\n    return this.#mode;\n  }\n\n  get onChange() {\n    return this.#modeChangeListener;\n  }\n}\n\nexport const screenMode = new ScreenMode();\n"],"mappings":"oCAUA,MAAMA,EAAmB,qCAOlB,MAAMC,EAA2B,CACtCC,EACAC,KAEA,MAAMC,EAAMC,IACVF,EAASE,EAAM,EAEjB,MAAMC,EAAWC,OAAOC,WAAWN,GACnCI,EAASG,iBAAiB,SAAUL,GAEpC,MAAO,CACLI,WAAYF,EACZI,QAAS,KACPJ,EAASK,oBAAoB,SAAUP,EAAG,EAE7C,EAGI,MAAMQ,EACXC,IAEA,MAAMP,EAAWL,EAAyBD,GAAkB,EAAGc,cAC7D,GAAIA,EAAS,CACXD,EAAmB,UACnB,M,CAGFA,EAAmB,UAAU,IAG/BA,EAAmBP,EAASE,WAAWM,QAAU,SAAW,WAC5D,MAAO,CACLJ,QAASJ,EAASI,QAClBF,WAAYF,EAASE,WACtB,E,kwBCxCH,MAAMO,EAIJC,cAHAC,EAAAC,IAAAC,KAAsB,IAAIC,GAC1BC,EAAAH,IAAAC,KAAc,WAGZP,GAAoBU,IAClBC,EAAAJ,KAAIF,EAAA,KAAqBO,KAAKF,GAC9BG,EAAAN,KAAIE,EAASC,EAAI,O,CAIjBA,WACF,OAAOC,EAAAJ,KAAIE,EAAA,I,CAGTK,eACF,OAAOH,EAAAJ,KAAIF,EAAA,I,oCAIFU,EAAa,IAAIZ,S"}

package/dist/siemens-ix/p-15bebd8a.js

@@ -1 +1,2 @@
-var n;!function(n){n.None="None",n.Info="Info",n.Warning="Warning",n.Alarm="Alarm",n.Primary="Primary"}(n||(n={}));export{n as F}
+var n;(function(n){n["None"]="None";n["Info"]="Info";n["Warning"]="Warning";n["Alarm"]="Alarm";n["Primary"]="Primary"})(n||(n={}));export{n as F};
+//# sourceMappingURL=p-15bebd8a.js.map

package/dist/siemens-ix/p-15bebd8a.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FlipTileState"],"sources":["./src/components/flip-tile/flip-tile-state.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 enum FlipTileState {\n  None = 'None',\n  Info = 'Info',\n  Warning = 'Warning',\n  Alarm = 'Alarm',\n  Primary = 'Primary',\n}\n"],"mappings":"IASYA,GAAZ,SAAYA,GACVA,EAAA,eACAA,EAAA,eACAA,EAAA,qBACAA,EAAA,iBACAA,EAAA,oBACD,EAND,CAAYA,MAAa,Y"}

package/dist/siemens-ix/p-1666b0e2.entry.js

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

package/dist/siemens-ix/p-1666b0e2.entry.js.map

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

package/dist/siemens-ix/p-1811d669.entry.js

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

package/dist/siemens-ix/p-1811d669.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toastCss","Toast","getIcon","this","icon","h","name","color","iconColor","size","type","close","host","classList","add","setTimeout","closeToast","emit","render","progressBarElement","progressBarStyle","progressBarClass","touched","animationDuration","autoCloseDelay","animationPlayState","isRunning","push","updateProgress","requestAnimationFrame","style","transform","progress","Host","class","onPointerLeave","onPointerEnter","toastTitle","ghost","onClick","autoClose","join","ref","r","onAnimationEnd","onTransitionEnd","ToastContainer","hostContainer","document","getElementById","containerId","componentDidLoad","toastContainer","createElement","id","containerClass","position","body","appendChild","async","config","toast","onClose","TypedEvent","removeToast","result","remove","title","addEventListener","event","detail","message","innerText"],"sources":["./src/components/toast/toast.scss?tag=ix-toast&encapsulation=scoped","./src/components/toast/toast.tsx","./src/components/toast/toast-container.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: 17.5rem;\n  max-width: 17.5rem;\n  min-height: 3.5rem;\n\n  pointer-events: all;\n\n  background-color: var(--theme-toast--background);\n  border: var(--theme-toast--border-thickness) solid\n    var(--theme-toast--border-color);\n  border-radius: var(--theme-toast--border-radius);\n  box-shadow: var(--theme-toast--box-shadow);\n\n  --animate-duration: #{$medium-time};\n\n  .toast-body {\n    display: flex;\n    position: relative;\n    width: 100%;\n    flex-grow: 1;\n\n    .toast-icon {\n      display: flex;\n      align-items: flex-start;\n      margin: $default-space;\n    }\n\n    .toast-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-width: 0;\n      width: 100%;\n      max-width: 10.25rem;\n      margin-top: calc(\n        #{$default-space} + var(--theme-toast--border-thickness)\n      );\n      margin-bottom: $medium-space;\n\n      .toast-message {\n        min-width: 0;\n      }\n    }\n  }\n\n  .toast-close {\n    display: flex;\n    position: relative;\n    margin: $medium-space;\n    pointer-events: all;\n  }\n\n  .toast-progress-bar {\n    position: absolute;\n    bottom: 0;\n    height: $tiny-space;\n    width: 100%;\n    background-color: var(--theme-toast-timer-value--background);\n    transform-origin: left;\n\n    &--animated {\n      animation: trackProgress linear 1 forwards;\n    }\n\n    &--touched {\n      transition: transform 1s;\n    }\n  }\n\n  @include hover {\n    .toast-progress-bar {\n      visibility: hidden;\n      transition: none;\n    }\n  }\n\n  @keyframes trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(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  Prop,\n  State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\n\n@Component({\n  tag: 'ix-toast',\n  styleUrl: 'toast.scss',\n  scoped: true,\n})\nexport class Toast {\n  /**\n   * Toast type\n   */\n  @Prop() type: ToastType = 'info';\n\n  /**\n   * Toast title\n   */\n  @Prop() toastTitle: string;\n\n  /**\n   * Autoclose title after delay\n   */\n  @Prop() autoCloseDelay = 5000;\n\n  /**\n   * Autoclose behavior\n   */\n  @Prop() autoClose = true;\n\n  /**\n   * Icon of toast\n   */\n  @Prop() icon: string;\n\n  /**\n   * Icon color of toast\n   */\n  @Prop() iconColor: string;\n\n  /**\n   * Toast closed\n   */\n  @Event() closeToast: EventEmitter;\n\n  @State() progress = 0;\n  @State() isRunning = true;\n  @State() touched = false;\n\n  @Element() host!: HTMLIxToastElement;\n\n  private getIcon() {\n    if (this.icon) {\n      return <ix-icon name={this.icon} color={this.iconColor} size=\"24\" />;\n    }\n\n    switch (this.type) {\n      case 'info':\n        return <ix-icon name={'info'} size=\"24\" color=\"color-std-text\" />;\n\n      case 'error':\n        return <ix-icon name={'error'} size=\"24\" color=\"color-alarm\" />;\n\n      case 'success':\n        return <ix-icon name={'success'} size=\"24\" color=\"color-success\" />;\n\n      case 'warning':\n        return <ix-icon name={'warning'} size=\"24\" color=\"color-warning\" />;\n\n      default:\n        return '';\n    }\n  }\n\n  private close() {\n    if (this.host) {\n      this.host.classList.add('animate__fadeOut');\n    }\n    setTimeout(() => {\n      this.closeToast.emit();\n    }, 250);\n  }\n\n  render() {\n    let progressBarElement: HTMLElement;\n    let progressBarStyle: Record<string, string> = {};\n\n    const progressBarClass = ['toast-progress-bar'];\n\n    if (!this.touched) {\n      progressBarStyle = {\n        animationDuration: `${this.autoCloseDelay}ms`,\n        animationPlayState: this.isRunning ? 'running' : 'paused',\n      };\n\n      progressBarClass.push('toast-progress-bar--animated');\n    } else {\n      progressBarClass.push('toast-progress-bar--touched');\n    }\n\n    const updateProgress = () => {\n      requestAnimationFrame(() => {\n        if (progressBarElement) {\n          progressBarElement.style.transform = `scaleX(${this.progress})`;\n        }\n      });\n    };\n\n    return (\n      <Host class=\"animate__animated animate__fadeIn\">\n        <div\n          class=\"toast-body\"\n          onPointerLeave={() => {\n            this.progress = 0;\n            updateProgress();\n          }}\n          onPointerEnter={() => {\n            this.isRunning = false;\n            this.touched = true;\n            this.progress = 1;\n            updateProgress();\n          }}\n        >\n          {this.type || this.icon ? (\n            <div class=\"toast-icon\">{this.getIcon()}</div>\n          ) : null}\n          <div class=\"toast-content\">\n            {this.toastTitle ? (\n              <div class=\"toast-title text-default-title-single\">\n                {this.toastTitle}\n              </div>\n            ) : null}\n            <div class=\"toast-message text-default\">\n              <slot></slot>\n            </div>\n          </div>\n          <div class=\"toast-close\">\n            <ix-icon-button\n              icon=\"close\"\n              size=\"24\"\n              ghost\n              onClick={() => this.closeToast.emit()}\n            />\n          </div>\n        </div>\n        {this.autoClose ? (\n          <div\n            class={progressBarClass.join(' ')}\n            style={progressBarStyle}\n            ref={(r) => (progressBarElement = r)}\n            onAnimationEnd={() => {\n              this.close();\n            }}\n            onTransitionEnd={() => {\n              if (this.progress === 0) {\n                this.close();\n              }\n            }}\n          ></div>\n        ) : null}\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\nimport { Component, Element, h, Host, Method, Prop } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\n\n@Component({\n  tag: 'ix-toast-container',\n  scoped: true,\n})\nexport class ToastContainer {\n  @Element() host!: HTMLIxToastContainerElement;\n\n  /**\n   */\n  @Prop() containerId = 'toast-container';\n\n  /**\n   */\n  @Prop() containerClass = 'toast-container';\n\n  /**\n   */\n  @Prop() position = 'bottom-right';\n\n  get hostContainer() {\n    return document.getElementById(this.containerId);\n  }\n\n  componentDidLoad() {\n    if (!document.getElementById(this.containerId)) {\n      const toastContainer = document.createElement('div');\n      toastContainer.id = this.containerId;\n      toastContainer.classList.add(this.containerClass);\n      toastContainer.classList.add(`toast-container--${this.position}`);\n      document.body.appendChild(toastContainer);\n    }\n  }\n\n  /**\n   * Display a toast message\n   * @param config\n   */\n  @Method()\n  async showToast(config: ToastConfig) {\n    const toast = document.createElement('ix-toast');\n\n    const onClose = new TypedEvent<any | undefined>();\n\n    function removeToast(result?: any) {\n      toast.remove();\n      onClose.emit(result);\n    }\n\n    toast.toastTitle = config.title;\n    toast.type = config.type;\n    toast.autoClose = config.autoClose;\n    toast.autoCloseDelay = config.autoCloseDelay;\n    toast.icon = config.icon;\n    toast.iconColor = config.iconColor;\n    toast.addEventListener(\n      'closeToast',\n      (event: CustomEvent<any | undefined>) => {\n        const { detail } = event;\n        removeToast(detail);\n      }\n    );\n\n    if (typeof config.message === 'string') {\n      toast.innerText = config.message;\n    } else {\n      toast.appendChild(config.message);\n    }\n\n    this.hostContainer.appendChild(toast);\n\n    return {\n      onClose,\n      close: (result?: any) => {\n        removeToast(result);\n      },\n    };\n  }\n\n  render() {\n    return <Host></Host>;\n  }\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-1a87eb66.entry.js

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

package/dist/siemens-ix/p-1a87eb66.entry.js.map

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

package/dist/siemens-ix/p-20bed29f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as o,g as e}from"./p-8fcd6f85.js";import{i as s,s as a,o as n,d as l,a as r,b as h,c as d}from"./p-f34a16c6.js";function m(t){if(t.includes("-end")){return"end"}else if(t.includes("-start")){return"start"}return undefined}const f='.text-xs.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-validation-tooltip{color:var(--theme-color-primary)}.sc-ix-validation-tooltip-h{display:inline-block;position:relative}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip,.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{position:absolute;width:8px;height:8px;background:inherit}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip{visibility:hidden}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{bottom:-5px}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';const c=class{constructor(i){t(this,i);this.onSubmitBind=this.onSubmit.bind(this);this.onInputFocusBind=this.onInputFocus.bind(this);this.message=undefined;this.placement="top";this.isInputValid=true;this.tooltipPosition=undefined;this.arrowPosition=undefined}get arrow(){return this.hostElement.querySelector("#arrow")}get inputElement(){return this.hostElement.querySelector("input")}get formElement(){return this.inputElement.form}get tooltipElement(){return this.hostElement.querySelector(".validation-tooltip")}destoryAutoUpdate(){this.tooltipElement.style.display="none";if(this.autoUpdateCleanup){this.autoUpdateCleanup()}}applyTooltipPosition(){this.tooltipElement.style.display="block";let t={strategy:"fixed",middleware:[s(),a(),n({mainAxis:8})]};if(this.placement.includes("auto")){t.middleware.push(l({alignment:m(this.placement)}))}else{t.placement=this.placement}this.autoUpdateCleanup=r(this.inputElement,this.tooltipElement,(async()=>{t.middleware=[...t.middleware,h({element:this.arrow})];const i=await d(this.inputElement,this.tooltipElement,t);if(i.middlewareData.arrow){const{x:t,y:o}=i.middlewareData.arrow;this.arrowPosition={x:t,y:o};Object.assign(this.arrow.style,{left:t!=null?`${t}px`:"",top:o!=null?`${o}px`:""})}this.tooltipPosition={x:i.x,y:i.y}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}componentDidLoad(){if(!this.inputElement){throw Error("Validation tooltip is only working with an direct input child.")}if(!this.formElement){throw Error("Validation tooltip is only working with an form element.")}this.formElement.addEventListener("submit",this.onSubmitBind);this.inputElement.addEventListener("focus",this.onInputFocusBind);this.observer=new MutationObserver((()=>{if(this.inputElement.classList.contains("is-invalid")){this.isInputValid=false;this.validationChanged()}}));this.observer.observe(this.inputElement,{childList:false,subtree:false,attributes:true,attributeFilter:["class"]})}onInputFocus(){this.isInputValid=true}onSubmit(){if(this.formElement.classList.contains("needs-validation")){this.isInputValid=this.inputElement.validity.valid}}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect();this.destoryAutoUpdate();this.formElement.removeEventListener("submit",this.onSubmitBind);this.inputElement.removeEventListener("focus",this.onInputFocusBind)}validationChanged(){if(!this.isInputValid){this.applyTooltipPosition()}else{this.destoryAutoUpdate()}}render(){var t,e;return i(o,null,i("slot",null),i("div",{role:"tooltip",style:{display:"none",position:"fixed",top:"0",left:"0",transform:`translate(${Math.round(((t=this.tooltipPosition)===null||t===void 0?void 0:t.x)||0)}px,${Math.round(((e=this.tooltipPosition)===null||e===void 0?void 0:e.y)||0)}px)`},class:"validation-tooltip text-default"},this.message,i("slot",{name:"tooltip-message"}),i("div",{id:"arrow"})))}get hostElement(){return e(this)}static get watchers(){return{isInputValid:["validationChanged"]}}};c.style=f;export{c as ix_validation_tooltip};
+//# sourceMappingURL=p-20bed29f.entry.js.map

package/dist/siemens-ix/p-20bed29f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getAlignment","placement","includes","undefined","validationTooltipCss","ValidationTooltip","this","onSubmitBind","onSubmit","bind","onInputFocusBind","onInputFocus","arrow","hostElement","querySelector","inputElement","formElement","form","tooltipElement","destoryAutoUpdate","style","display","autoUpdateCleanup","applyTooltipPosition","positionConfig","strategy","middleware","inline","shift","offset","mainAxis","push","autoPlacement","alignment","autoUpdate","async","element","computeResponse","computePosition","middlewareData","x","y","arrowPosition","Object","assign","left","top","tooltipPosition","ancestorResize","ancestorScroll","elementResize","componentDidLoad","Error","addEventListener","observer","MutationObserver","classList","contains","isInputValid","validationChanged","observe","childList","subtree","attributes","attributeFilter","validity","valid","disconnectedCallback","_a","disconnect","removeEventListener","render","h","Host","role","position","transform","Math","round","_b","class","message","name","id"],"sources":["./src/components/dropdown/alignment.ts","./src/components/validation-tooltip/validation-tooltip.scss?tag=ix-validation-tooltip&encapsulation=scoped","./src/components/validation-tooltip/validation-tooltip.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 */\nimport { Placement } from './placement';\n\nexport function getAlignment(placement: Placement) {\n  if (placement.includes('-end')) {\n    return 'end';\n  } else if (placement.includes('-start')) {\n    return 'start';\n  }\n\n  return undefined;\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 'fonts';\n\n:host {\n  display: inline-block;\n  position: relative;\n  $padding: 5px;\n\n  .validation-tooltip {\n    background-color: var(--theme-tootlip--background);\n    color: var(--theme-tooltip--color);\n    padding: $padding 10px;\n    border-radius: 4px;\n    font-size: 13px;\n    border: 1px solid var(--theme-tooltip--border-color);\n    box-shadow: 0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1),\n      0 12px 18px 0 rgba(0, 0, 40, 0.1);\n\n    #arrow,\n    #arrow::before {\n      position: absolute;\n      width: 8px;\n      height: 8px;\n      background: inherit;\n    }\n\n    #arrow {\n      visibility: hidden;\n    }\n\n    #arrow::before {\n      visibility: visible;\n      content: '';\n      transform: rotate(45deg);\n      background-color: var(--theme-tootlip--background);\n    }\n  }\n\n  .validation-tooltip > #arrow {\n    bottom: -5px;\n\n    &::before {\n      border-right: 1px solid var(--theme-tooltip--border-color);\n      border-bottom: 1px solid var(--theme-tooltip--border-color);\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 */\nimport {\n  arrow,\n  autoPlacement,\n  autoUpdate,\n  computePosition,\n  ComputePositionConfig,\n  inline,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { getAlignment } from '../dropdown/alignment';\nimport {\n  BasePlacement,\n  Placement,\n  PlacementWithAlignment,\n} from '../dropdown/placement';\n\ntype Position = { x: number; y: number };\n\n/**\n * @slot tooltip-message - Custom tooltip message with html support\n */\n@Component({\n  tag: 'ix-validation-tooltip',\n  styleUrl: 'validation-tooltip.scss',\n  scoped: true,\n})\nexport class ValidationTooltip {\n  @Element() hostElement: HTMLIxValidationTooltipElement;\n\n  /**\n   * Message of the tooltip\n   */\n  @Prop() message: string;\n\n  /**\n   * Placement of the tooltip\n   */\n  @Prop() placement: Placement = 'top';\n\n  @State() isInputValid = true;\n  @State() tooltipPosition: Position;\n  @State() arrowPosition: Position;\n\n  private onSubmitBind = this.onSubmit.bind(this);\n  private onInputFocusBind = this.onInputFocus.bind(this);\n  private autoUpdateCleanup: () => void;\n  private observer: MutationObserver;\n\n  get arrow() {\n    return this.hostElement.querySelector('#arrow') as HTMLElement;\n  }\n\n  get inputElement() {\n    return this.hostElement.querySelector('input');\n  }\n\n  get formElement() {\n    return this.inputElement.form;\n  }\n\n  get tooltipElement(): HTMLElement {\n    return this.hostElement.querySelector('.validation-tooltip');\n  }\n\n  private destoryAutoUpdate() {\n    this.tooltipElement.style.display = 'none';\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n  }\n\n  private applyTooltipPosition() {\n    this.tooltipElement.style.display = 'block';\n\n    let positionConfig: Partial<ComputePositionConfig> = {\n      strategy: 'fixed',\n      middleware: [\n        inline(),\n        shift(),\n        offset({\n          mainAxis: 8,\n        }),\n      ],\n    };\n\n    if (this.placement.includes('auto')) {\n      positionConfig.middleware.push(\n        autoPlacement({\n          alignment: getAlignment(this.placement),\n        })\n      );\n    } else {\n      positionConfig.placement = this.placement as\n        | BasePlacement\n        | PlacementWithAlignment;\n    }\n\n    this.autoUpdateCleanup = autoUpdate(\n      this.inputElement,\n      this.tooltipElement,\n      async () => {\n        positionConfig.middleware = [\n          ...positionConfig.middleware,\n          arrow({\n            element: this.arrow,\n          }),\n        ];\n        const computeResponse = await computePosition(\n          this.inputElement,\n          this.tooltipElement,\n          positionConfig\n        );\n\n        if (computeResponse.middlewareData.arrow) {\n          const { x, y } = computeResponse.middlewareData.arrow;\n          this.arrowPosition = {\n            x,\n            y,\n          };\n          Object.assign(this.arrow.style, {\n            left: x != null ? `${x}px` : '',\n            top: y != null ? `${y}px` : '',\n          });\n        }\n\n        this.tooltipPosition = {\n          x: computeResponse.x,\n          y: computeResponse.y,\n        };\n      },\n      {\n        ancestorResize: true,\n        ancestorScroll: true,\n        elementResize: true,\n      }\n    );\n  }\n\n  componentDidLoad() {\n    if (!this.inputElement) {\n      throw Error(\n        'Validation tooltip is only working with an direct input child.'\n      );\n    }\n\n    if (!this.formElement) {\n      throw Error('Validation tooltip is only working with an form element.');\n    }\n\n    this.formElement.addEventListener('submit', this.onSubmitBind);\n    this.inputElement.addEventListener('focus', this.onInputFocusBind);\n\n    this.observer = new MutationObserver(() => {\n      if (this.inputElement.classList.contains('is-invalid')) {\n        this.isInputValid = false;\n        this.validationChanged();\n      }\n    });\n\n    this.observer.observe(this.inputElement, {\n      childList: false,\n      subtree: false,\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n  }\n\n  private onInputFocus() {\n    this.isInputValid = true;\n  }\n\n  private onSubmit() {\n    if (this.formElement.classList.contains('needs-validation')) {\n      this.isInputValid = this.inputElement.validity.valid;\n    }\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.destoryAutoUpdate();\n\n    this.formElement.removeEventListener('submit', this.onSubmitBind);\n    this.inputElement.removeEventListener('focus', this.onInputFocusBind);\n  }\n\n  @Watch('isInputValid')\n  validationChanged() {\n    if (!this.isInputValid) {\n      this.applyTooltipPosition();\n    } else {\n      this.destoryAutoUpdate();\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n        <div\n          role=\"tooltip\"\n          style={{\n            display: 'none',\n            position: 'fixed',\n            top: '0',\n            left: '0',\n            transform: `translate(${Math.round(\n              this.tooltipPosition?.x || 0\n            )}px,${Math.round(this.tooltipPosition?.y || 0)}px)`,\n          }}\n          class=\"validation-tooltip text-default\"\n        >\n          {this.message}\n          <slot name=\"tooltip-message\"></slot>\n          <div id=\"arrow\"></div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gJAUgBA,EAAaC,GAC3B,GAAIA,EAAUC,SAAS,QAAS,CAC9B,MAAO,K,MACF,GAAID,EAAUC,SAAS,UAAW,CACvC,MAAO,O,CAGT,OAAOC,SACT,CClBA,MAAMC,EAAuB,8lJ,MCoChBC,EAAiB,M,yBAiBpBC,KAAAC,aAAeD,KAAKE,SAASC,KAAKH,MAClCA,KAAAI,iBAAmBJ,KAAKK,aAAaF,KAAKH,M,sCAPnB,M,kBAEP,K,4DASpBM,YACF,OAAON,KAAKO,YAAYC,cAAc,S,CAGpCC,mBACF,OAAOT,KAAKO,YAAYC,cAAc,Q,CAGpCE,kBACF,OAAOV,KAAKS,aAAaE,I,CAGvBC,qBACF,OAAOZ,KAAKO,YAAYC,cAAc,sB,CAGhCK,oBACNb,KAAKY,eAAeE,MAAMC,QAAU,OAEpC,GAAIf,KAAKgB,kBAAmB,CAC1BhB,KAAKgB,mB,EAIDC,uBACNjB,KAAKY,eAAeE,MAAMC,QAAU,QAEpC,IAAIG,EAAiD,CACnDC,SAAU,QACVC,WAAY,CACVC,IACAC,IACAC,EAAO,CACLC,SAAU,MAKhB,GAAIxB,KAAKL,UAAUC,SAAS,QAAS,CACnCsB,EAAeE,WAAWK,KACxBC,EAAc,CACZC,UAAWjC,EAAaM,KAAKL,a,KAG5B,CACLuB,EAAevB,UAAYK,KAAKL,S,CAKlCK,KAAKgB,kBAAoBY,EACvB5B,KAAKS,aACLT,KAAKY,gBACLiB,UACEX,EAAeE,WAAa,IACvBF,EAAeE,WAClBd,EAAM,CACJwB,QAAS9B,KAAKM,SAGlB,MAAMyB,QAAwBC,EAC5BhC,KAAKS,aACLT,KAAKY,eACLM,GAGF,GAAIa,EAAgBE,eAAe3B,MAAO,CACxC,MAAM4B,EAAEA,EAACC,EAAEA,GAAMJ,EAAgBE,eAAe3B,MAChDN,KAAKoC,cAAgB,CACnBF,IACAC,KAEFE,OAAOC,OAAOtC,KAAKM,MAAMQ,MAAO,CAC9ByB,KAAML,GAAK,KAAO,GAAGA,MAAQ,GAC7BM,IAAKL,GAAK,KAAO,GAAGA,MAAQ,I,CAIhCnC,KAAKyC,gBAAkB,CACrBP,EAAGH,EAAgBG,EACnBC,EAAGJ,EAAgBI,EACpB,GAEH,CACEO,eAAgB,KAChBC,eAAgB,KAChBC,cAAe,M,CAKrBC,mBACE,IAAK7C,KAAKS,aAAc,CACtB,MAAMqC,MACJ,iE,CAIJ,IAAK9C,KAAKU,YAAa,CACrB,MAAMoC,MAAM,2D,CAGd9C,KAAKU,YAAYqC,iBAAiB,SAAU/C,KAAKC,cACjDD,KAAKS,aAAasC,iBAAiB,QAAS/C,KAAKI,kBAEjDJ,KAAKgD,SAAW,IAAIC,kBAAiB,KACnC,GAAIjD,KAAKS,aAAayC,UAAUC,SAAS,cAAe,CACtDnD,KAAKoD,aAAe,MACpBpD,KAAKqD,mB,KAITrD,KAAKgD,SAASM,QAAQtD,KAAKS,aAAc,CACvC8C,UAAW,MACXC,QAAS,MACTC,WAAY,KACZC,gBAAiB,CAAC,U,CAIdrD,eACNL,KAAKoD,aAAe,I,CAGdlD,WACN,GAAIF,KAAKU,YAAYwC,UAAUC,SAAS,oBAAqB,CAC3DnD,KAAKoD,aAAepD,KAAKS,aAAakD,SAASC,K,EAInDC,uB,OACEC,EAAA9D,KAAKgD,YAAQ,MAAAc,SAAA,SAAAA,EAAEC,aACf/D,KAAKa,oBAELb,KAAKU,YAAYsD,oBAAoB,SAAUhE,KAAKC,cACpDD,KAAKS,aAAauD,oBAAoB,QAAShE,KAAKI,iB,CAItDiD,oBACE,IAAKrD,KAAKoD,aAAc,CACtBpD,KAAKiB,sB,KACA,CACLjB,KAAKa,mB,EAIToD,S,QACE,OACEC,EAACC,EAAI,KACHD,EAAA,aACAA,EAAA,OACEE,KAAK,UACLtD,MAAO,CACLC,QAAS,OACTsD,SAAU,QACV7B,IAAK,IACLD,KAAM,IACN+B,UAAW,aAAaC,KAAKC,QAC3BV,EAAA9D,KAAKyC,mBAAe,MAAAqB,SAAA,SAAAA,EAAE5B,IAAK,QACtBqC,KAAKC,QAAMC,EAAAzE,KAAKyC,mBAAe,MAAAgC,SAAA,SAAAA,EAAEtC,IAAK,SAE/CuC,MAAM,mCAEL1E,KAAK2E,QACNT,EAAA,QAAMU,KAAK,oBACXV,EAAA,OAAKW,GAAG,W"}

package/dist/siemens-ix/p-21aa3602.js

@@ -1 +1,2 @@
-const t=t=>t/16+"rem",a=t=>{if(isNaN(t)||null==t)return"";let a="";return[{unit:"q",value:Math.pow(10,15)},{unit:"t",value:Math.pow(10,12)},{unit:"B",value:Math.pow(10,9)},{unit:"M",value:Math.pow(10,6)},{unit:"K",value:Math.pow(10,3)}].some((u=>{let e=Math.abs(t);return e>=u.value&&(e/=u.value,t=Math.round(10*e)/10,a=u.unit,!0)})),t+a};export{t as a,a as c}
+const t=t=>{const e=t/16;return`${e}rem`};const e=t=>{if(isNaN(t)||t===null||t===undefined){return""}let e="";const u=[{unit:"q",value:Math.pow(10,15)},{unit:"t",value:Math.pow(10,12)},{unit:"B",value:Math.pow(10,9)},{unit:"M",value:Math.pow(10,6)},{unit:"K",value:Math.pow(10,3)}];u.some((u=>{let a=Math.abs(t);if(a>=u.value){a/=u.value;t=Math.round(a*10)/10;e=u.unit;return true}return false}));return t+e};export{t as a,e as c};
+//# sourceMappingURL=p-21aa3602.js.map

package/dist/siemens-ix/p-21aa3602.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["convertToRemString","value","valueRem","convertToAbbreviationString","num","isNaN","undefined","unit","units","Math","pow","some","formattedNum","abs","round"],"sources":["./src/components/utils/rwd.util.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 const convertToRemString = (value: number) => {\n  const valueRem = value / 16;\n  return `${valueRem}rem`;\n};\n\nexport const convertToAbbreviationString = (num: number) => {\n  if (isNaN(num) || num === null || num === undefined) {\n    return '';\n  }\n\n  let unit = '';\n\n  // Metric Units\n  const units = [\n    { unit: 'q', value: Math.pow(10, 15) },\n    { unit: 't', value: Math.pow(10, 12) },\n    { unit: 'B', value: Math.pow(10, 9) },\n    { unit: 'M', value: Math.pow(10, 6) },\n    { unit: 'K', value: Math.pow(10, 3) },\n  ];\n\n  units.some((pow) => {\n    let formattedNum = Math.abs(num);\n    if (formattedNum >= pow.value) {\n      formattedNum /= pow.value;\n      num = Math.round(formattedNum * 10) / 10;\n      unit = pow.unit;\n      return true;\n    }\n\n    return false;\n  });\n\n  return num + unit;\n};\n"],"mappings":"MASaA,EAAsBC,IACjC,MAAMC,EAAWD,EAAQ,GACzB,MAAO,GAAGC,MAAa,E,MAGZC,EAA+BC,IAC1C,GAAIC,MAAMD,IAAQA,IAAQ,MAAQA,IAAQE,UAAW,CACnD,MAAO,E,CAGT,IAAIC,EAAO,GAGX,MAAMC,EAAQ,CACZ,CAAED,KAAM,IAAKN,MAAOQ,KAAKC,IAAI,GAAI,KACjC,CAAEH,KAAM,IAAKN,MAAOQ,KAAKC,IAAI,GAAI,KACjC,CAAEH,KAAM,IAAKN,MAAOQ,KAAKC,IAAI,GAAI,IACjC,CAAEH,KAAM,IAAKN,MAAOQ,KAAKC,IAAI,GAAI,IACjC,CAAEH,KAAM,IAAKN,MAAOQ,KAAKC,IAAI,GAAI,KAGnCF,EAAMG,MAAMD,IACV,IAAIE,EAAeH,KAAKI,IAAIT,GAC5B,GAAIQ,GAAgBF,EAAIT,MAAO,CAC7BW,GAAgBF,EAAIT,MACpBG,EAAMK,KAAKK,MAAMF,EAAe,IAAM,GACtCL,EAAOG,EAAIH,KACX,OAAO,I,CAGT,OAAO,KAAK,IAGd,OAAOH,EAAMG,CAAI,S"}