@siemens/ix 2.6.1 → 2.7.0

package/dist/siemens-ix/{p-5c1b136c.entry.js → p-388b9368.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as r,H as t}from"./p-5806df2b.js";const a=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";const s=a;const i=class{constructor(r){e(this,r);this.showMore=o(this,"showMore",7);this.closePopover=o(this,"closePopover",7);this.show=false;this.label=undefined;this.i18nShowMore="Show more";this.aboutItemLabel=undefined;this.offsetBottom=0;this.expanded=false}render(){return r(t,{key:"83f1ba400d8000a12796a2817259ad56b442d177",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"908c7d853a4e51cd9ff1511d03256de50ee1ff28",class:"banner-container"},r("ix-icon",{key:"66f28b4daa8e7b3779718de1cbb9a8adc53a88df",color:"color-inv-contrast-text",name:"shout",size:"32"}),r("svg",{key:"6825e46de08ee4ee0d7cea4a5e7bce0c7f843189",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"8126f241e46af7c27a316e8d3938bc4fdd5c9eda",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"26eddce36c663f819d76fb99660150358e1e46cd",class:"cui-popover-news-header"},r("ix-typography",{key:"010285ae6e2a5f171febbe764ef36d3a6a90a75f",format:"label",bold:true},this.label)),r("ix-icon-button",{key:"c6d685ef430721c8364c8ddf78c7f76d41f7c634",size:"24",icon:"close",ghost:true,onClick:()=>{this.show=false;this.closePopover.emit()}}),r("div",{key:"1f98461c288ac98e75c1d9504e01673b35d5488a",class:"slot-container"},r("slot",{key:"42806d437962511fd3469f2ce14fc8bf8e186dbe"})),this.aboutItemLabel?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=false;this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"64671055f20f56aa598beca6bd017c1ecfc4e412",id:"arrow"}))}};i.style=s;export{i as ix_menu_about_news};
-//# sourceMappingURL=p-5c1b136c.entry.js.map
+import{r as e,c as o,h as r,H as t}from"./p-5806df2b.js";const a=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";const s=a;const i=class{constructor(r){e(this,r);this.showMore=o(this,"showMore",7);this.closePopover=o(this,"closePopover",7);this.show=false;this.label=undefined;this.i18nShowMore="Show more";this.aboutItemLabel=undefined;this.offsetBottom=0;this.expanded=false}render(){return r(t,{key:"f049e1713ce75c3cf0a066dbcd3878c5752d63b8",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"23f5331fd81c1ac67f36a3f7c2eb0e408f1517a5",class:"banner-container"},r("ix-icon",{key:"b2b6cc51da89551b5e9ec4f31b026202cb3370a4",color:"color-inv-contrast-text",name:"shout",size:"32"}),r("svg",{key:"2c5b9496a40c3e96af0e12e5f647bac4975060d4",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"ad6a493b513524ed82fb78ad5c9a912c394ac068",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"6c9ae33a65929aaa7da29f91727f298e7ed7ae92",class:"cui-popover-news-header"},r("ix-typography",{key:"b8e0d8e7b8c2087a0ac5b787db60074fc482cd0e",format:"label",bold:true},this.label)),r("ix-icon-button",{key:"92b7e27a53e227688f8794d6dffa451453f3416f",size:"24",icon:"close",ghost:true,onClick:()=>{this.show=false;this.closePopover.emit()}}),r("div",{key:"eb0cdf640a458dcf0f98563402cd1ccd4e111a43",class:"slot-container"},r("slot",{key:"f59b5a5825a4daa8b2026e3385b22198c0a893b2"})),this.aboutItemLabel?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=false;this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"227e365fa14960bd5f01a54eef9434260cac4055",id:"arrow"}))}};i.style=s;export{i as ix_menu_about_news};
+//# sourceMappingURL=p-388b9368.entry.js.map

package/dist/siemens-ix/{p-5c1b136c.entry.js.map → p-388b9368.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["menuAboutNewsCss","IxMenuAboutNewsStyle0","MenuAboutNews","render","h","Host","key","class","expanded","this","show","color","name","size","viewBox","xmlns","points","format","bold","label","icon","ghost","onClick","closePopover","emit","aboutItemLabel","variant","e","showMore","i18nShowMore","id"],"sources":["src/components/menu-about-news/menu-about-news.scss?tag=ix-menu-about-news&encapsulation=shadow","src/components/menu-about-news/menu-about-news.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/break-points';\n@import 'mixins/shadows';\n@import 'mixins/shadow-dom/component';\n$left: 3.4rem;\n\n:host {\n  @include ix-component;\n\n  --margin: 0.5rem;\n\n  display: block;\n  position: fixed;\n  width: 20rem;\n  height: auto;\n  background-color: var(--theme-color-2);\n  border-radius: $default-border-radius;\n  padding: 1rem;\n  left: $left;\n  z-index: 10000;\n  transition: left var(--theme-default-time);\n\n  margin-inline-start: var(--margin) !important;\n\n  @include box-shadow(4);\n\n  .banner-container {\n    position: absolute;\n    top: 0.0625rem;\n    left: $default-space;\n\n    svg {\n      position: absolute;\n      height: 3.625rem;\n      width: 3rem;\n\n      polygon {\n        fill: var(--theme-color-primary);\n      }\n    }\n\n    ix-icon {\n      margin: $small-space;\n      position: absolute;\n      z-index: 1;\n    }\n  }\n\n  .cui-popover-news-header {\n    margin-bottom: 2.5rem;\n    margin-inline-start: 4rem;\n    margin-block-start: -$tiny-space;\n  }\n\n  .popover-body {\n    color: var(--theme-color-std-text);\n  }\n\n  .cui-popover-news-footer {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: 1rem;\n  }\n\n  ix-icon-button {\n    top: $small-space;\n    right: $small-space;\n    position: absolute;\n  }\n\n  #arrow {\n    position: absolute;\n    width: 0.5rem;\n    height: 0.5rem;\n    background-color: var(--theme-color-2);\n    transform: translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg);\n  }\n}\n\n:host(.expanded) {\n  left: calc(#{$left} + 12.7rem);\n}\n\n:host(.show) {\n  display: none;\n}\n\n@include media-breakpoint-match('sm') {\n  :host {\n    display: flex;\n    flex-direction: column;\n    max-height: calc(100vh - 4.75rem);\n    width: calc(100% - 2rem);\n    max-width: 30rem;\n    transform: translateX(calc(1rem - 50%));\n    left: calc(50% - 1rem) !important;\n    bottom: 1rem !important;\n    margin-inline: 0 !important;\n    z-index: calc(var(--theme-z-index-sticky) - 1);\n\n    .slot-container {\n      overflow-y: auto;\n    }\n\n    #arrow {\n      display: 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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-menu-about-news',\n  styleUrl: 'menu-about-news.scss',\n  shadow: true,\n})\nexport class MenuAboutNews {\n  /**\n   * Show about news\n   */\n  @Prop({ mutable: true, reflect: true }) show = false;\n\n  /**\n   * Title of the about news\n   */\n  @Prop() label: string;\n\n  /**\n   *\n   */\n  @Prop() i18nShowMore = 'Show more';\n\n  /**\n   * Subtitle of the about news\n   */\n  @Prop() aboutItemLabel: string;\n\n  /**\n   * Bottom offset\n   */\n  @Prop() offsetBottom = 0;\n\n  /**\n   * Show More button is pressed\n   */\n  @Event() showMore: EventEmitter<MouseEvent>;\n\n  /**\n   * Popover closed\n   */\n  @Event() closePopover: EventEmitter<void>;\n\n  /**\n   * Internal\n   */\n  @Prop() expanded = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.expanded,\n          show: !this.show,\n        }}\n      >\n        <div class=\"banner-container\">\n          <ix-icon\n            color=\"color-inv-contrast-text\"\n            name={'shout'}\n            size=\"32\"\n          ></ix-icon>\n          <svg viewBox=\"0 0 48 56\" xmlns=\"http://www.w3.org/2000/svg\">\n            <polygon points=\"0 0 48 0 48 56 24 48 0 56\" />\n          </svg>\n        </div>\n\n        <div class=\"cui-popover-news-header\">\n          <ix-typography format=\"label\" bold>\n            {this.label}\n          </ix-typography>\n        </div>\n\n        <ix-icon-button\n          size=\"24\"\n          icon={'close'}\n          ghost\n          onClick={() => {\n            this.show = false;\n            this.closePopover.emit();\n          }}\n        ></ix-icon-button>\n        <div class=\"slot-container\">\n          <slot></slot>\n        </div>\n        {this.aboutItemLabel ? (\n          <div class=\"cui-popover-news-footer\">\n            <ix-button\n              variant=\"primary\"\n              onClick={(e) => {\n                this.show = false;\n                this.showMore.emit(e);\n              }}\n            >\n              {this.i18nShowMore}\n            </ix-button>\n          </div>\n        ) : null}\n        <div id=\"arrow\"></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,yuEACzB,MAAAC,EAAeD,E,MCeFE,EAAa,M,iHAIuB,M,uCAUxB,Y,gDAUA,E,cAeJ,K,CAEnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,SAAUC,KAAKD,SACfE,MAAOD,KAAKC,OAGdN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,WAAAE,IAAA,2CACEK,MAAM,0BACNC,KAAM,QACNC,KAAK,OAEPT,EAAA,OAAAE,IAAA,2CAAKQ,QAAQ,YAAYC,MAAM,8BAC7BX,EAAA,WAAAE,IAAA,2CAASU,OAAO,gCAIpBZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,iBAAAE,IAAA,2CAAeW,OAAO,QAAQC,KAAI,MAC/BT,KAAKU,QAIVf,EAAA,kBAAAE,IAAA,2CACEO,KAAK,KACLO,KAAM,QACNC,MAAK,KACLC,QAAS,KACPb,KAAKC,KAAO,MACZD,KAAKc,aAAaC,MAAM,IAG5BpB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,QAAAE,IAAA,8CAEDG,KAAKgB,eACJrB,EAAA,OAAKG,MAAM,2BACTH,EAAA,aACEsB,QAAQ,UACRJ,QAAUK,IACRlB,KAAKC,KAAO,MACZD,KAAKmB,SAASJ,KAAKG,EAAE,GAGtBlB,KAAKoB,eAGR,KACJzB,EAAA,OAAAE,IAAA,2CAAKwB,GAAG,U"}
+{"version":3,"names":["menuAboutNewsCss","IxMenuAboutNewsStyle0","MenuAboutNews","render","h","Host","key","class","expanded","this","show","color","name","size","viewBox","xmlns","points","format","bold","label","icon","ghost","onClick","closePopover","emit","aboutItemLabel","variant","e","showMore","i18nShowMore","id"],"sources":["src/components/menu-about-news/menu-about-news.scss?tag=ix-menu-about-news&encapsulation=shadow","src/components/menu-about-news/menu-about-news.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/break-points';\n@import 'mixins/shadows';\n@import 'mixins/shadow-dom/component';\n$left: 3.4rem;\n\n:host {\n  @include ix-component;\n\n  --margin: 0.5rem;\n\n  display: block;\n  position: fixed;\n  width: 20rem;\n  height: auto;\n  background-color: var(--theme-color-2);\n  border-radius: $default-border-radius;\n  padding: 1rem;\n  left: $left;\n  z-index: 10000;\n  transition: left var(--theme-default-time);\n\n  margin-inline-start: var(--margin) !important;\n\n  @include box-shadow(4);\n\n  .banner-container {\n    position: absolute;\n    top: 0.0625rem;\n    left: $default-space;\n\n    svg {\n      position: absolute;\n      height: 3.625rem;\n      width: 3rem;\n\n      polygon {\n        fill: var(--theme-color-primary);\n      }\n    }\n\n    ix-icon {\n      margin: $small-space;\n      position: absolute;\n      z-index: 1;\n    }\n  }\n\n  .cui-popover-news-header {\n    margin-bottom: 2.5rem;\n    margin-inline-start: 4rem;\n    margin-block-start: -$tiny-space;\n  }\n\n  .popover-body {\n    color: var(--theme-color-std-text);\n  }\n\n  .cui-popover-news-footer {\n    display: flex;\n    justify-content: flex-end;\n    margin-top: 1rem;\n  }\n\n  ix-icon-button {\n    top: $small-space;\n    right: $small-space;\n    position: absolute;\n  }\n\n  #arrow {\n    position: absolute;\n    width: 0.5rem;\n    height: 0.5rem;\n    background-color: var(--theme-color-2);\n    transform: translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg);\n  }\n}\n\n:host(.expanded) {\n  left: calc(#{$left} + 12.7rem);\n}\n\n:host(.show) {\n  display: none;\n}\n\n@include media-breakpoint-match('sm') {\n  :host {\n    display: flex;\n    flex-direction: column;\n    max-height: calc(100vh - 4.75rem);\n    width: calc(100% - 2rem);\n    max-width: 30rem;\n    transform: translateX(calc(1rem - 50%));\n    left: calc(50% - 1rem) !important;\n    bottom: 1rem !important;\n    margin-inline: 0 !important;\n    z-index: calc(var(--theme-z-index-sticky) - 1);\n\n    .slot-container {\n      overflow-y: auto;\n    }\n\n    #arrow {\n      display: 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, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-menu-about-news',\n  styleUrl: 'menu-about-news.scss',\n  shadow: true,\n})\nexport class MenuAboutNews {\n  /**\n   * Show about news\n   */\n  @Prop({ mutable: true, reflect: true }) show = false;\n\n  /**\n   * Title of the about news\n   */\n  @Prop() label?: string;\n\n  /**\n   *\n   */\n  @Prop() i18nShowMore = 'Show more';\n\n  /**\n   * Subtitle of the about news\n   */\n  @Prop() aboutItemLabel?: string;\n\n  /**\n   * Bottom offset\n   */\n  @Prop() offsetBottom = 0;\n\n  /**\n   * Show More button is pressed\n   */\n  @Event() showMore!: EventEmitter<MouseEvent>;\n\n  /**\n   * Popover closed\n   */\n  @Event() closePopover!: EventEmitter<void>;\n\n  /**\n   * Internal\n   */\n  @Prop() expanded = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.expanded,\n          show: !this.show,\n        }}\n      >\n        <div class=\"banner-container\">\n          <ix-icon\n            color=\"color-inv-contrast-text\"\n            name={'shout'}\n            size=\"32\"\n          ></ix-icon>\n          <svg viewBox=\"0 0 48 56\" xmlns=\"http://www.w3.org/2000/svg\">\n            <polygon points=\"0 0 48 0 48 56 24 48 0 56\" />\n          </svg>\n        </div>\n\n        <div class=\"cui-popover-news-header\">\n          <ix-typography format=\"label\" bold>\n            {this.label}\n          </ix-typography>\n        </div>\n\n        <ix-icon-button\n          size=\"24\"\n          icon={'close'}\n          ghost\n          onClick={() => {\n            this.show = false;\n            this.closePopover.emit();\n          }}\n        ></ix-icon-button>\n        <div class=\"slot-container\">\n          <slot></slot>\n        </div>\n        {this.aboutItemLabel ? (\n          <div class=\"cui-popover-news-footer\">\n            <ix-button\n              variant=\"primary\"\n              onClick={(e) => {\n                this.show = false;\n                this.showMore.emit(e);\n              }}\n            >\n              {this.i18nShowMore}\n            </ix-button>\n          </div>\n        ) : null}\n        <div id=\"arrow\"></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,yuEACzB,MAAAC,EAAeD,E,MCeFE,EAAa,M,iHAIuB,M,uCAUxB,Y,gDAUA,E,cAeJ,K,CAEnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,SAAUC,KAAKD,SACfE,MAAOD,KAAKC,OAGdN,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTH,EAAA,WAAAE,IAAA,2CACEK,MAAM,0BACNC,KAAM,QACNC,KAAK,OAEPT,EAAA,OAAAE,IAAA,2CAAKQ,QAAQ,YAAYC,MAAM,8BAC7BX,EAAA,WAAAE,IAAA,2CAASU,OAAO,gCAIpBZ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,2BACTH,EAAA,iBAAAE,IAAA,2CAAeW,OAAO,QAAQC,KAAI,MAC/BT,KAAKU,QAIVf,EAAA,kBAAAE,IAAA,2CACEO,KAAK,KACLO,KAAM,QACNC,MAAK,KACLC,QAAS,KACPb,KAAKC,KAAO,MACZD,KAAKc,aAAaC,MAAM,IAG5BpB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,kBACTH,EAAA,QAAAE,IAAA,8CAEDG,KAAKgB,eACJrB,EAAA,OAAKG,MAAM,2BACTH,EAAA,aACEsB,QAAQ,UACRJ,QAAUK,IACRlB,KAAKC,KAAO,MACZD,KAAKmB,SAASJ,KAAKG,EAAE,GAGtBlB,KAAKoB,eAGR,KACJzB,EAAA,OAAAE,IAAA,2CAAKwB,GAAG,U"}

package/dist/siemens-ix/{p-d929f23d.entry.js → p-3fd2bacd.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as o,h as i,g as s}from"./p-5806df2b.js";import{s as n,i as a,M as m}from"./p-484aa96b.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";const l=r;const f=class{constructor(o){t(this,o);this.close=e(this,"close",7);this.activeTabLabel=undefined;this.label="About & legal information";this.show=false;this.items=undefined}updateTab(t){n(this,t)}componentWillLoad(){a(this)}componentDidLoad(){o(this.el)}render(){return i(m,{key:"de6857ca0dab82a0edf10e30e18259a50c9c3221",context:this})}get el(){return s(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};f.style=l;export{f as ix_menu_about};
-//# sourceMappingURL=p-d929f23d.entry.js.map
+import{r as t,c as e,f as o,h as i,g as s}from"./p-5806df2b.js";import{s as n,i as a,M as m}from"./p-6ccf39dd.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";const l=r;const f=class{constructor(o){t(this,o);this.close=e(this,"close",7);this.activeTabLabel=undefined;this.label="About & legal information";this.show=false;this.items=undefined}updateTab(t){n(this,t)}componentWillLoad(){a(this)}componentDidLoad(){o(this.el)}render(){return i(m,{key:"bb24c389af5981d177e70c71a2dda92cb7ab2b55",context:this})}get el(){return s(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};f.style=l;export{f as ix_menu_about};
+//# sourceMappingURL=p-3fd2bacd.entry.js.map

package/dist/siemens-ix/{p-d929f23d.entry.js.map → p-3fd2bacd.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["menuAboutCss","IxMenuAboutStyle0","MenuAbout","updateTab","label","setTab","this","componentWillLoad","initialize","componentDidLoad","forceUpdate","el","render","h","MenuTabs","key","context"],"sources":["src/components/menu-about/menu-about.scss?tag=ix-menu-about&encapsulation=shadow","src/components/menu-about/menu-about.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 'legacy/fonts';\n\n:host {\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: $medium-space $default-space $default-space $x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .about-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: $x-large-space;\n    margin-bottom: $small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  ix-menu-about-item {\n    display: none;\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  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about',\n  styleUrl: 'menu-about.scss',\n  shadow: true,\n})\nexport class MenuAbout {\n  @Element() el!: HTMLIxMenuAboutElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel: string;\n\n  /**\n   * Content of the header\n   */\n  @Prop() label = 'About & legal information';\n\n  /**\n   * Internal\n   */\n  @Prop() show = false;\n\n  /**\n   * About and Legal closed\n   */\n  @Event() close: EventEmitter<CustomCloseEvent>;\n\n  @State() items: HTMLIxMenuAboutItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAe,qzGACrB,MAAAC,EAAeD,E,MC+BFE,EAAS,M,+FAYJ,4B,UAKD,M,qBAUf,SAAAC,CAAUC,GACRC,EAAOC,KAAMF,E,CAGf,iBAAAG,GACEC,EAAWF,K,CAGb,gBAAAG,GACEC,EAAYJ,KAAKK,G,CAGnB,MAAAC,GACE,OAAOC,EAACC,EAAQ,CAAAC,IAAA,2CAACC,QAASV,M"}
+{"version":3,"names":["menuAboutCss","IxMenuAboutStyle0","MenuAbout","updateTab","label","setTab","this","componentWillLoad","initialize","componentDidLoad","forceUpdate","el","render","h","MenuTabs","key","context"],"sources":["src/components/menu-about/menu-about.scss?tag=ix-menu-about&encapsulation=shadow","src/components/menu-about/menu-about.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 'legacy/fonts';\n\n:host {\n  display: block;\n  background-color: var(--theme-nav-overlay--background);\n  padding: $medium-space $default-space $default-space $x-large-space;\n  flex-grow: 1;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n\n  .about-header {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: row;\n    align-items: center;\n    height: $x-large-space;\n    margin-bottom: $small-space;\n\n    h2 {\n      color: var(--theme-nav-overlay-header--color);\n      margin-bottom: 1rem;\n    }\n  }\n\n  ix-tabs {\n    margin-bottom: 1.5rem;\n  }\n\n  ix-menu-about-item {\n    display: none;\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  forceUpdate,\n  h,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { MenuTabs } from '../utils/menu-tabs/menu-tabs-fc';\nimport {\n  CustomCloseEvent,\n  initialize,\n  setTab,\n} from '../utils/menu-tabs/menu-tabs-utils';\n\n@Component({\n  tag: 'ix-menu-about',\n  styleUrl: 'menu-about.scss',\n  shadow: true,\n})\nexport class MenuAbout {\n  @Element() el!: HTMLIxMenuAboutElement;\n\n  /**\n   * Active tab\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) activeTabLabel?: string;\n\n  /**\n   * Content of the header\n   */\n  @Prop() label = 'About & legal information';\n\n  /**\n   * Internal\n   */\n  @Prop() show = false;\n\n  /**\n   * About and Legal closed\n   */\n  @Event() close!: EventEmitter<CustomCloseEvent>;\n\n  @State() items!: HTMLIxMenuAboutItemElement[];\n\n  @Watch('activeTabLabel')\n  updateTab(label: string) {\n    setTab(this, label);\n  }\n\n  componentWillLoad() {\n    initialize(this);\n  }\n\n  componentDidLoad() {\n    forceUpdate(this.el);\n  }\n\n  render() {\n    return <MenuTabs context={this} />;\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAe,qzGACrB,MAAAC,EAAeD,E,MC+BFE,EAAS,M,+FAYJ,4B,UAKD,M,qBAUf,SAAAC,CAAUC,GACRC,EAAOC,KAAMF,E,CAGf,iBAAAG,GACEC,EAAWF,K,CAGb,gBAAAG,GACEC,EAAYJ,KAAKK,G,CAGnB,MAAAC,GACE,OAAOC,EAACC,EAAQ,CAAAC,IAAA,2CAACC,QAASV,M"}

package/dist/siemens-ix/{p-ee0645f8.entry.js → p-40da22b1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as r,H as t}from"./p-5806df2b.js";import{B as n}from"./p-35e14912.js";import{a as i}from"./p-5fe87e71.js";const a=".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-block;width:auto;height:2rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}";const l=a;const c=class{constructor(r){e(this,r);this.pressedChange=o(this,"pressedChange",7);this.variant="secondary";this.outline=false;this.ghost=false;this.disabled=false;this.loading=false;this.icon=undefined;this.pressed=false}isIllegalToggleButtonConfig(){return this.variant==="primary"&&(this.outline||this.ghost)}logIllegalConfig(){console.warn('iX toggle button with illegal configuration detected. Variant "primary" can only be combined with "outline" or "ghost".')}onVariantChange(){if(this.isIllegalToggleButtonConfig()){this.logIllegalConfig()}}onGhostChange(){this.onVariantChange()}onOutlineChange(){this.onVariantChange()}componentDidLoad(){this.onVariantChange()}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){const e={variant:this.variant,outline:this.outline,ghost:this.ghost,iconOnly:false,iconOval:false,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{"aria-pressed":i(this.pressed)}};return r(t,{key:"9927083c0c3ac1ce93333d41d60c4069bec42c2a",class:{disabled:this.disabled||this.loading}},r(n,Object.assign({key:"78d27ae9c94500d658d1bb773ff6bb1350934fed"},e),r("slot",{key:"8ffb2bb3726742fc00be381212fa50e5331b05e0"})))}static get watchers(){return{variant:["onVariantChange"],ghost:["onGhostChange"],outline:["onOutlineChange"]}}};c.style=l;export{c as ix_toggle_button};
-//# sourceMappingURL=p-ee0645f8.entry.js.map
+import{r as e,c as o,h as r,H as t}from"./p-5806df2b.js";import{B as n}from"./p-35e14912.js";import{a as i}from"./p-5fe87e71.js";const a=".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:inline-block;width:auto;height:2rem;vertical-align:middle}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .btn{width:100%;height:100%}:host button:not(:disabled){cursor:pointer}:host(.disabled){pointer-events:none}";const l=a;const c=class{constructor(r){e(this,r);this.pressedChange=o(this,"pressedChange",7);this.variant="secondary";this.outline=false;this.ghost=false;this.disabled=false;this.loading=false;this.icon=undefined;this.pressed=false}isIllegalToggleButtonConfig(){return this.variant==="primary"&&(this.outline||this.ghost)}logIllegalConfig(){console.warn('iX toggle button with illegal configuration detected. Variant "primary" can only be combined with "outline" or "ghost".')}onVariantChange(){if(this.isIllegalToggleButtonConfig()){this.logIllegalConfig()}}onGhostChange(){this.onVariantChange()}onOutlineChange(){this.onVariantChange()}componentDidLoad(){this.onVariantChange()}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}render(){const e={variant:this.variant,outline:this.outline,ghost:this.ghost,iconOnly:false,iconOval:false,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{"aria-pressed":i(this.pressed)}};return r(t,{key:"6e4c00d9254141696c832a3102fb02615af91c62",class:{disabled:this.disabled||this.loading}},r(n,Object.assign({key:"60ccac36e5c7f72ca72ad06ba685eacca7fb6c34"},e),r("slot",{key:"fe9a17c7cb02ada4a100aaf2cbc4e8390fecc7b9"})))}static get watchers(){return{variant:["onVariantChange"],ghost:["onGhostChange"],outline:["onOutlineChange"]}}};c.style=l;export{c as ix_toggle_button};
+//# sourceMappingURL=p-40da22b1.entry.js.map

package/dist/siemens-ix/p-40da22b1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toggleButtonCss","IxToggleButtonStyle0","ToggleButton","isIllegalToggleButtonConfig","this","variant","outline","ghost","logIllegalConfig","console","warn","onVariantChange","onGhostChange","onOutlineChange","componentDidLoad","dispatchPressedChange","pressedChange","emit","pressed","render","baseButtonProps","iconOnly","iconOval","selected","disabled","loading","icon","onClick","type","ariaAttributes","a11yBoolean","h","Host","key","class","BaseButton","Object","assign"],"sources":["src/components/toggle-button/toggle-button.scss?tag=ix-toggle-button&encapsulation=shadow","src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/components/buttons';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  width: auto;\n  height: $x-large-space;\n  vertical-align: middle;\n\n  .btn {\n    width: 100%;\n    height: 100%;\n  }\n\n  button:not(:disabled) {\n    cursor: pointer;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-toggle-button',\n  shadow: true,\n  styleUrl: './toggle-button.scss',\n})\nexport class ToggleButton {\n  /**\n   * Button variant.\n   * Important: Variant 'primary' can only be combined with either outline or ghost.\n   */\n  @Prop() variant: ButtonVariant = 'secondary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Disable the button\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Loading button\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Icon name\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Show button as pressed\n   */\n  @Prop() pressed = false;\n\n  /**\n   * Pressed change event\n   */\n  @Event() pressedChange!: EventEmitter<boolean>;\n\n  private isIllegalToggleButtonConfig() {\n    return this.variant === 'primary' && (this.outline || this.ghost);\n  }\n\n  private logIllegalConfig() {\n    console.warn(\n      'iX toggle button with illegal configuration detected. Variant \"primary\" can only be combined with \"outline\" or \"ghost\".'\n    );\n  }\n\n  @Watch('variant')\n  onVariantChange() {\n    if (this.isIllegalToggleButtonConfig()) {\n      this.logIllegalConfig();\n    }\n  }\n\n  @Watch('ghost')\n  onGhostChange() {\n    this.onVariantChange();\n  }\n\n  @Watch('outline')\n  onOutlineChange() {\n    this.onVariantChange();\n  }\n\n  componentDidLoad() {\n    this.onVariantChange();\n  }\n\n  private dispatchPressedChange() {\n    this.pressedChange.emit(!this.pressed);\n  }\n\n  render() {\n    const baseButtonProps: BaseButtonProps = {\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      iconOnly: false,\n      iconOval: false,\n      selected: this.pressed,\n      disabled: this.disabled || this.loading,\n      icon: this.icon,\n      loading: this.loading,\n      onClick: () => this.dispatchPressedChange(),\n      type: 'button',\n      ariaAttributes: {\n        'aria-pressed': a11yBoolean(this.pressed),\n      },\n    };\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled || this.loading,\n        }}\n      >\n        <BaseButton {...baseButtonProps}>\n          <slot></slot>\n        </BaseButton>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iIAAA,MAAMA,EAAkB,i7aACxB,MAAAC,EAAeD,E,MC6BFE,EAAY,M,mFAKU,Y,aAKf,M,WAKF,M,cAKoB,M,aAKT,M,iCAUT,K,CAOV,2BAAAC,GACN,OAAOC,KAAKC,UAAY,YAAcD,KAAKE,SAAWF,KAAKG,M,CAGrD,gBAAAC,GACNC,QAAQC,KACN,0H,CAKJ,eAAAC,GACE,GAAIP,KAAKD,8BAA+B,CACtCC,KAAKI,kB,EAKT,aAAAI,GACER,KAAKO,iB,CAIP,eAAAE,GACET,KAAKO,iB,CAGP,gBAAAG,GACEV,KAAKO,iB,CAGC,qBAAAI,GACNX,KAAKY,cAAcC,MAAMb,KAAKc,Q,CAGhC,MAAAC,GACE,MAAMC,EAAmC,CACvCf,QAASD,KAAKC,QACdC,QAASF,KAAKE,QACdC,MAAOH,KAAKG,MACZc,SAAU,MACVC,SAAU,MACVC,SAAUnB,KAAKc,QACfM,SAAUpB,KAAKoB,UAAYpB,KAAKqB,QAChCC,KAAMtB,KAAKsB,KACXD,QAASrB,KAAKqB,QACdE,QAAS,IAAMvB,KAAKW,wBACpBa,KAAM,SACNC,eAAgB,CACd,eAAgBC,EAAY1B,KAAKc,WAIrC,OACEa,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLV,SAAUpB,KAAKoB,UAAYpB,KAAKqB,UAGlCM,EAACI,EAAUC,OAAAC,OAAA,CAAAJ,IAAA,4CAAKb,GACdW,EAAA,QAAAE,IAAA,8C"}

package/dist/siemens-ix/{p-4cc79e8f.entry.js → p-44425604.entry.js}

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

package/dist/siemens-ix/{p-05839c77.entry.js → p-48d6554c.entry.js}

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

package/dist/siemens-ix/p-49ca9211.entry.js

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

package/dist/siemens-ix/{p-fe396297.entry.js.map → p-49ca9211.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["timePickerCss","IxTimePickerStyle0","TimePicker","DateTime","now","toFormat","this","format","undefined","watchTimePropHandler","newValue","_time","fromFormat","isValid","Error","componentWillLoad","time","console","error","invalidReason","invalidExplanation","_timeRef","includes","formatTime","hour","minute","second","split","_formattedTime","onInternalTimeChange","timeChange","emit","_a","_b","timeUpdate","unit","value","maxValue","endOf","get","set","changeTimeReference","plus","getCurrentTime","render","timepickerInformation","placeholder","hidden","showHour","showMinutes","showSeconds","filter","item","h","Host","key","standaloneAppearance","corners","class","slot","textTime","map","descriptor","index","columns","size","onClick","ghost","icon","iconChevronUpSmall","variant","name","type","onKeyDown","e","preventDefault","onChange","inputElement","target","toString","minus","iconChevronDownSmall","length","iconChevronUp","iconChevronDown","button","standalone","timeSelect","done","textSelectTime"],"sources":["src/components/time-picker/time-picker.scss?tag=ix-time-picker&encapsulation=shadow","src/components/time-picker/time-picker.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/shadow-dom/component';\n@import 'components/form/input';\n\n:host {\n  @include ix-component;\n  @import 'legacy/components/forms';\n\n  display: block;\n  position: relative;\n  width: 21rem;\n\n  @media (max-width: 576px) {\n    .clock {\n      padding: 1.5rem 0 1rem 0;\n    }\n\n    .header {\n      height: $medium-control-height !important;\n    }\n  }\n\n  @media (min-width: 576px) {\n    .clock {\n      padding: 4.25rem 0 3.75rem 0;\n    }\n\n    .header {\n      height: $large-control-height !important;\n    }\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: $large-control-height;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .clock {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  input,\n  .time-reference {\n    width: 2.625rem;\n    height: $large-space;\n    text-align: center;\n    margin-top: 0.25rem;\n    margin-bottom: 0.25rem;\n\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0 0.3125rem;\n    }\n\n    /* Firefox */\n    &[type='number'] {\n      -moz-appearance: textfield;\n    }\n  }\n\n  .form-control[type='number'] {\n    text-align: center;\n  }\n\n  .columns {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around;\n  }\n\n  .column-seperator {\n    display: flex;\n    align-items: center;\n    margin: 0 $tiny-space;\n  }\n\n  .button {\n    display: flex;\n    justify-content: flex-end;\n\n    &.standalone {\n      padding-top: 0.5rem;\n    }\n  }\n\n  .default-space {\n    margin-left: $default-space;\n  }\n\n  .text-align {\n    text-align: center;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .time-reference {\n    margin-top: 0.5rem;\n    margin-bottom: 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 {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { DateTimeCardCorners } from '../date-time-card/date-time-card';\nimport {\n  iconChevronDown,\n  iconChevronDownSmall,\n  iconChevronUp,\n  iconChevronUpSmall,\n} from '@siemens/ix-icons/icons';\n\nexport type TimePickerCorners = DateTimeCardCorners;\n\ninterface TimePickerDescriptor {\n  unit: 'hour' | 'minute' | 'second';\n  placeholder: string;\n  hidden: boolean;\n}\n\ninterface TimeOutputFormat {\n  hour: string;\n  minute: string;\n  second: string;\n}\n\n@Component({\n  tag: 'ix-time-picker',\n  styleUrl: 'time-picker.scss',\n  shadow: true,\n})\nexport class TimePicker {\n  /**\n   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   *\n   * @since 1.1.0\n   */\n  @Prop() format: string = 'TT';\n\n  /**\n   * Corner style\n   */\n  @Prop() corners: TimePickerCorners = 'rounded';\n\n  /**\n   * Controls the visual presentation and styling of the component when it is displayed as a standalone element\n   */\n  @Prop() standaloneAppearance: boolean = true;\n\n  /**\n   * @deprecated Not supported since 2.0.0.\n   */\n  @Prop() individual: boolean = true;\n\n  /**\n   * Show hour input\n   */\n  @Prop() showHour = true;\n\n  /**\n   * Show minutes input\n   */\n  @Prop() showMinutes = true;\n\n  /**\n   * Show seconds input\n   */\n  @Prop() showSeconds = true;\n\n  /**\n   * Select time with format string\n   * Format has to match the `format` property.\n   *\n   * @since 1.1.0\n   */\n  @Prop() time: string = DateTime.now().toFormat(this.format);\n\n  @Watch('time')\n  watchTimePropHandler(newValue: string) {\n    this._time = DateTime.fromFormat(newValue, this.format);\n    if (!this._time.isValid) {\n      throw new Error('Format is not supported or not correct');\n    }\n  }\n\n  /**\n   * Show time reference input\n   *\n   * @since 1.1.0 time reference is default aligned with format tt\n   * @deprecated Since 2.0.0 time reference will be displayed depending on format.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) showTimeReference?: boolean = undefined;\n\n  /**\n   * Set time reference\n   */\n  @Prop() timeReference: 'AM' | 'PM' | undefined;\n\n  /**\n   * Text of date select button\n   *\n   * @since 1.1.0\n   */\n  @Prop() textSelectTime = 'Done';\n\n  /**\n   * Text for top label\n   *\n   * @since 2.1.0\n   */\n  @Prop() textTime: string = 'Time';\n\n  /**\n   * Time event\n   */\n  @Event() timeSelect!: EventEmitter<string>;\n\n  /**\n   * Time event\n   * @deprecated Will be removed in 3.0.0. Use `time-select` event.\n   */\n  @Event() done!: EventEmitter<string>;\n\n  /**\n   * Time change event\n   */\n  @Event() timeChange!: EventEmitter<string>;\n\n  @State() private _time?: DateTime;\n  @State() private _timeRef?: 'AM' | 'PM';\n  @State() private _formattedTime?: TimeOutputFormat;\n\n  componentWillLoad() {\n    this._time = DateTime.fromFormat(this.time, this.format);\n\n    if (!this._time.isValid) {\n      console.error(\n        `Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`\n      );\n      return;\n    }\n\n    this._timeRef = this.format.includes('a')\n      ? (DateTime.fromFormat(this.time, this.format).toFormat('a') as\n          | 'AM'\n          | 'PM')\n      : undefined;\n    this.formatTime();\n  }\n\n  @Watch('_time')\n  formatTime() {\n    if (!this._time) {\n      return;\n    }\n\n    const [hour, minute, second] = this._time\n      .toFormat(this.format)\n      .split(' ')[0]\n      .split(':');\n\n    this._formattedTime = {\n      hour: hour,\n      minute: minute,\n      second: second,\n    };\n  }\n\n  @Watch('_time')\n  onInternalTimeChange() {\n    this.timeChange.emit(this._time?.toFormat(this.format));\n    if (this._timeRef) this._timeRef = this._time?.toFormat('a') as 'AM' | 'PM';\n  }\n\n  timeUpdate(unit: 'hour' | 'minute' | 'second', value: number): number {\n    let maxValue = DateTime.now().endOf('day').get(unit);\n\n    if (this._timeRef === 'PM' && unit === 'hour') value += 12;\n    if (this._timeRef === 'AM' && unit === 'hour') maxValue = 12;\n\n    if (value > maxValue) {\n      value = maxValue;\n    } else if (value < 0) {\n      value = 0;\n    }\n\n    this._time = this._time?.set({\n      [unit]: value,\n    });\n    return value;\n  }\n\n  changeTimeReference() {\n    this._timeRef = this._timeRef === 'AM' ? 'PM' : 'AM';\n\n    if (!this._time?.toFormat('a').includes(this._timeRef)) {\n      this._time = this._time?.plus({\n        hour: 12,\n      });\n    }\n  }\n\n  /**\n   * Get the current time based on the wanted format\n   */\n  @Method()\n  async getCurrentTime() {\n    return this._time?.toFormat(this.format);\n  }\n\n  render() {\n    let timepickerInformation: TimePickerDescriptor[] = [\n      {\n        unit: 'hour',\n        placeholder: 'HH',\n        hidden: !this.showHour,\n      },\n      {\n        unit: 'minute',\n        placeholder: 'MM',\n        hidden: !this.showMinutes,\n      },\n      {\n        unit: 'second',\n        placeholder: 'SS',\n        hidden: !this.showSeconds,\n      },\n    ];\n\n    timepickerInformation = timepickerInformation.filter(\n      (item) => !item.hidden\n    );\n\n    return (\n      <Host>\n        <ix-date-time-card\n          standaloneAppearance={this.standaloneAppearance}\n          corners={this.corners}\n        >\n          <div class=\"header\" slot=\"header\">\n            <ix-typography format=\"h5\">{this.textTime || 'Time'}</ix-typography>\n          </div>\n          <div class=\"clock\">\n            {timepickerInformation.map((descriptor, index: number) => (\n              <div class=\"flex\">\n                <div class={{ columns: true, hidden: descriptor.hidden }}>\n                  <ix-icon-button\n                    size=\"16\"\n                    onClick={() =>\n                      (this._time = this._time?.plus({\n                        [descriptor.unit]: 1,\n                      }))\n                    }\n                    ghost\n                    icon={iconChevronUpSmall}\n                    variant=\"primary\"\n                    class=\"arrows\"\n                  ></ix-icon-button>\n\n                  <input\n                    class=\"form-control\"\n                    name={descriptor.unit}\n                    type=\"number\"\n                    placeholder={descriptor.placeholder}\n                    value={\n                      this._formattedTime\n                        ? this._formattedTime[descriptor.unit]\n                        : ''\n                    }\n                    onKeyDown={(e) => {\n                      if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;\n\n                      const value = e.key === 'ArrowUp' ? 1 : -1;\n                      this._time = this._time?.plus({\n                        [descriptor.unit]: value,\n                      });\n                      e.preventDefault();\n                    }}\n                    onChange={(e: any) => {\n                      let inputElement = e.target as HTMLInputElement;\n                      inputElement.value = this.timeUpdate(\n                        descriptor.unit,\n                        +inputElement.value\n                      ).toString();\n                    }}\n                  ></input>\n\n                  <ix-icon-button\n                    size=\"16\"\n                    onClick={() =>\n                      (this._time = this._time?.minus({\n                        [descriptor.unit]: 1,\n                      }))\n                    }\n                    ghost\n                    icon={iconChevronDownSmall}\n                    variant=\"primary\"\n                    class=\"arrows\"\n                  ></ix-icon-button>\n                </div>\n\n                {index !== timepickerInformation.length - 1 && (\n                  <div\n                    class={{\n                      'column-seperator': true,\n                      hidden: descriptor.hidden,\n                    }}\n                  >\n                    :\n                  </div>\n                )}\n              </div>\n            ))}\n\n            <div\n              class={{\n                columns: true,\n                'default-space': true,\n                hidden: this._timeRef === undefined,\n              }}\n            >\n              <ix-icon-button\n                size=\"16\"\n                onClick={() => this.changeTimeReference()}\n                ghost\n                icon={iconChevronUp}\n                variant=\"primary\"\n                class=\"arrows\"\n              ></ix-icon-button>\n              <div class=\"time-reference\">{this._timeRef}</div>\n              <ix-icon-button\n                size=\"16\"\n                onClick={() => this.changeTimeReference()}\n                ghost\n                icon={iconChevronDown}\n                variant=\"primary\"\n                class=\"arrows\"\n              ></ix-icon-button>\n            </div>\n          </div>\n          <div\n            class={{\n              button: true,\n              hidden: !this.standaloneAppearance,\n              standalone: true,\n            }}\n          >\n            <ix-button\n              onClick={() => {\n                this.timeSelect.emit(this._time?.toFormat(this.format));\n                this.done.emit(this._time?.toFormat(this.format));\n              }}\n            >\n              {this.textSelectTime}\n            </ix-button>\n          </div>\n        </ix-date-time-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iJAAA,MAAMA,EAAgB,ivpBACtB,MAAAC,EAAeD,E,MC+CFE,EAAU,M,8IAOI,K,aAKY,U,0BAKG,K,gBAKV,K,cAKX,K,iBAKG,K,iBAKA,K,UAQCC,EAASC,MAAMC,SAASC,KAAKC,Q,uBAiBGC,U,iDAY9B,O,cAOE,O,2EAjC3B,oBAAAC,CAAqBC,GACnBJ,KAAKK,MAAQR,EAASS,WAAWF,EAAUJ,KAAKC,QAChD,IAAKD,KAAKK,MAAME,QAAS,CACvB,MAAM,IAAIC,MAAM,yC,EAoDpB,iBAAAC,GACET,KAAKK,MAAQR,EAASS,WAAWN,KAAKU,KAAMV,KAAKC,QAEjD,IAAKD,KAAKK,MAAME,QAAS,CACvBI,QAAQC,MACN,4FAA4FZ,KAAKK,MAAMQ,kBAAkBb,KAAKK,MAAMS,sBAEtI,M,CAGFd,KAAKe,SAAWf,KAAKC,OAAOe,SAAS,KAChCnB,EAASS,WAAWN,KAAKU,KAAMV,KAAKC,QAAQF,SAAS,KAGtDG,UACJF,KAAKiB,Y,CAIP,UAAAA,GACE,IAAKjB,KAAKK,MAAO,CACf,M,CAGF,MAAOa,EAAMC,EAAQC,GAAUpB,KAAKK,MACjCN,SAASC,KAAKC,QACdoB,MAAM,KAAK,GACXA,MAAM,KAETrB,KAAKsB,eAAiB,CACpBJ,KAAMA,EACNC,OAAQA,EACRC,OAAQA,E,CAKZ,oBAAAG,G,QACEvB,KAAKwB,WAAWC,MAAKC,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAASC,KAAKC,SAC/C,GAAID,KAAKe,SAAUf,KAAKe,UAAWY,EAAA3B,KAAKK,SAAK,MAAAsB,SAAA,SAAAA,EAAE5B,SAAS,I,CAG1D,UAAA6B,CAAWC,EAAoCC,G,MAC7C,IAAIC,EAAWlC,EAASC,MAAMkC,MAAM,OAAOC,IAAIJ,GAE/C,GAAI7B,KAAKe,WAAa,MAAQc,IAAS,OAAQC,GAAS,GACxD,GAAI9B,KAAKe,WAAa,MAAQc,IAAS,OAAQE,EAAW,GAE1D,GAAID,EAAQC,EAAU,CACpBD,EAAQC,C,MACH,GAAID,EAAQ,EAAG,CACpBA,EAAQ,C,CAGV9B,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEQ,IAAI,CAC3BL,CAACA,GAAOC,IAEV,OAAOA,C,CAGT,mBAAAK,G,QACEnC,KAAKe,SAAWf,KAAKe,WAAa,KAAO,KAAO,KAEhD,MAAKW,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAAS,KAAKiB,SAAShB,KAAKe,WAAW,CACtDf,KAAKK,OAAQsB,EAAA3B,KAAKK,SAAK,MAAAsB,SAAA,SAAAA,EAAES,KAAK,CAC5BlB,KAAM,I,EASZ,oBAAMmB,G,MACJ,OAAOX,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAASC,KAAKC,O,CAGnC,MAAAqC,GACE,IAAIC,EAAgD,CAClD,CACEV,KAAM,OACNW,YAAa,KACbC,QAASzC,KAAK0C,UAEhB,CACEb,KAAM,SACNW,YAAa,KACbC,QAASzC,KAAK2C,aAEhB,CACEd,KAAM,SACNW,YAAa,KACbC,QAASzC,KAAK4C,cAIlBL,EAAwBA,EAAsBM,QAC3CC,IAAUA,EAAKL,SAGlB,OACEM,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,qBAAAE,IAAA,2CACEC,qBAAsBlD,KAAKkD,qBAC3BC,QAASnD,KAAKmD,SAEdJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SAASC,KAAK,UACvBN,EAAA,iBAAAE,IAAA,2CAAehD,OAAO,MAAMD,KAAKsD,UAAY,SAE/CP,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACRb,EAAsBgB,KAAI,CAACC,EAAYC,IACtCV,EAAA,OAAKK,MAAM,QACTL,EAAA,OAAKK,MAAO,CAAEM,QAAS,KAAMjB,OAAQe,EAAWf,SAC9CM,EAAA,kBACEY,KAAK,KACLC,QAAS,K,MACP,OAAC5D,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEU,KAAK,CAC7B,CAACoB,EAAW3B,MAAO,GACnB,EAEJgC,MAAK,KACLC,KAAMC,EACNC,QAAQ,UACRZ,MAAM,WAGRL,EAAA,SACEK,MAAM,eACNa,KAAMT,EAAW3B,KACjBqC,KAAK,SACL1B,YAAagB,EAAWhB,YACxBV,MACE9B,KAAKsB,eACDtB,KAAKsB,eAAekC,EAAW3B,MAC/B,GAENsC,UAAYC,I,MACV,GAAIA,EAAEnB,MAAQ,WAAamB,EAAEnB,MAAQ,YAAa,OAElD,MAAMnB,EAAQsC,EAAEnB,MAAQ,UAAY,GAAK,EACzCjD,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEU,KAAK,CAC5B,CAACoB,EAAW3B,MAAOC,IAErBsC,EAAEC,gBAAgB,EAEpBC,SAAWF,IACT,IAAIG,EAAeH,EAAEI,OACrBD,EAAazC,MAAQ9B,KAAK4B,WACxB4B,EAAW3B,MACV0C,EAAazC,OACd2C,UAAU,IAIhB1B,EAAA,kBACEY,KAAK,KACLC,QAAS,K,MACP,OAAC5D,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEgD,MAAM,CAC9B,CAAClB,EAAW3B,MAAO,GACnB,EAEJgC,MAAK,KACLC,KAAMa,EACNX,QAAQ,UACRZ,MAAM,YAITK,IAAUlB,EAAsBqC,OAAS,GACxC7B,EAAA,OACEK,MAAO,CACL,mBAAoB,KACpBX,OAAQe,EAAWf,SACpB,QAQTM,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACLM,QAAS,KACT,gBAAiB,KACjBjB,OAAQzC,KAAKe,WAAab,YAG5B6C,EAAA,kBAAAE,IAAA,2CACEU,KAAK,KACLC,QAAS,IAAM5D,KAAKmC,sBACpB0B,MAAK,KACLC,KAAMe,EACNb,QAAQ,UACRZ,MAAM,WAERL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,kBAAkBpD,KAAKe,UAClCgC,EAAA,kBAAAE,IAAA,2CACEU,KAAK,KACLC,QAAS,IAAM5D,KAAKmC,sBACpB0B,MAAK,KACLC,KAAMgB,EACNd,QAAQ,UACRZ,MAAM,aAIZL,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACL2B,OAAQ,KACRtC,QAASzC,KAAKkD,qBACd8B,WAAY,OAGdjC,EAAA,aAAAE,IAAA,2CACEW,QAAS,K,QACP5D,KAAKiF,WAAWxD,MAAKC,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAASC,KAAKC,SAC/CD,KAAKkF,KAAKzD,MAAKE,EAAA3B,KAAKK,SAAK,MAAAsB,SAAA,SAAAA,EAAE5B,SAASC,KAAKC,QAAQ,GAGlDD,KAAKmF,kB"}
+{"version":3,"names":["timePickerCss","IxTimePickerStyle0","TimePicker","DateTime","now","toFormat","this","format","undefined","watchTimePropHandler","newValue","_time","fromFormat","isValid","Error","componentWillLoad","time","console","error","invalidReason","invalidExplanation","_timeRef","includes","formatTime","hour","minute","second","split","_formattedTime","onInternalTimeChange","timeChange","emit","_a","_b","timeUpdate","unit","value","maxValue","endOf","get","set","changeTimeReference","plus","getCurrentTime","render","timepickerInformation","placeholder","hidden","showHour","showMinutes","showSeconds","filter","item","h","Host","key","standaloneAppearance","corners","class","slot","textTime","map","descriptor","index","columns","size","onClick","ghost","icon","iconChevronUpSmall","variant","name","type","onKeyDown","e","preventDefault","onChange","inputElement","target","toString","minus","iconChevronDownSmall","length","iconChevronUp","iconChevronDown","button","standalone","timeSelect","done","textSelectTime"],"sources":["src/components/time-picker/time-picker.scss?tag=ix-time-picker&encapsulation=shadow","src/components/time-picker/time-picker.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/shadow-dom/component';\n@import 'components/form/input';\n\n:host {\n  @include ix-component;\n  @import 'legacy/components/forms';\n\n  display: block;\n  position: relative;\n  width: 21rem;\n\n  @media (max-width: 576px) {\n    .clock {\n      padding: 1.5rem 0 1rem 0;\n    }\n\n    .header {\n      height: $medium-control-height !important;\n    }\n  }\n\n  @media (min-width: 576px) {\n    .clock {\n      padding: 4.25rem 0 3.75rem 0;\n    }\n\n    .header {\n      height: $large-control-height !important;\n    }\n  }\n\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: $large-control-height;\n  }\n\n  .flex {\n    display: flex;\n  }\n\n  .clock {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  input,\n  .time-reference {\n    width: 2.625rem;\n    height: $large-space;\n    text-align: center;\n    margin-top: 0.25rem;\n    margin-bottom: 0.25rem;\n\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-outer-spin-button,\n    &::-webkit-inner-spin-button {\n      -webkit-appearance: none;\n      margin: 0 0.3125rem;\n    }\n\n    /* Firefox */\n    &[type='number'] {\n      -moz-appearance: textfield;\n    }\n  }\n\n  .form-control[type='number'] {\n    text-align: center;\n  }\n\n  .columns {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-around;\n  }\n\n  .column-seperator {\n    display: flex;\n    align-items: center;\n    margin: 0 $tiny-space;\n  }\n\n  .button {\n    display: flex;\n    justify-content: flex-end;\n\n    &.standalone {\n      padding-top: 0.5rem;\n    }\n  }\n\n  .default-space {\n    margin-left: $default-space;\n  }\n\n  .text-align {\n    text-align: center;\n  }\n\n  .hidden {\n    display: none;\n  }\n\n  .time-reference {\n    margin-top: 0.5rem;\n    margin-bottom: 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 {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { DateTimeCardCorners } from '../date-time-card/date-time-card';\nimport {\n  iconChevronDown,\n  iconChevronDownSmall,\n  iconChevronUp,\n  iconChevronUpSmall,\n} from '@siemens/ix-icons/icons';\n\nexport type TimePickerCorners = DateTimeCardCorners;\n\ninterface TimePickerDescriptor {\n  unit: 'hour' | 'minute' | 'second';\n  placeholder: string;\n  hidden: boolean;\n}\n\ninterface TimeOutputFormat {\n  hour: string;\n  minute: string;\n  second: string;\n}\n\n@Component({\n  tag: 'ix-time-picker',\n  styleUrl: 'time-picker.scss',\n  shadow: true,\n})\nexport class TimePicker {\n  /**\n   * Format of time string\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   *\n   * @since 1.1.0\n   */\n  @Prop() format: string = 'TT';\n\n  /**\n   * Corner style\n   */\n  @Prop() corners: TimePickerCorners = 'rounded';\n\n  /**\n   * Controls the visual presentation and styling of the component when it is displayed as a standalone element\n   */\n  @Prop() standaloneAppearance: boolean = true;\n\n  /**\n   * @deprecated Not supported since 2.0.0.\n   */\n  @Prop() individual: boolean = true;\n\n  /**\n   * Show hour input\n   */\n  @Prop() showHour = true;\n\n  /**\n   * Show minutes input\n   */\n  @Prop() showMinutes = true;\n\n  /**\n   * Show seconds input\n   */\n  @Prop() showSeconds = true;\n\n  /**\n   * Select time with format string\n   * Format has to match the `format` property.\n   *\n   * @since 1.1.0\n   */\n  @Prop() time: string = DateTime.now().toFormat(this.format);\n\n  @Watch('time')\n  watchTimePropHandler(newValue: string) {\n    this._time = DateTime.fromFormat(newValue, this.format);\n    if (!this._time.isValid) {\n      throw new Error('Format is not supported or not correct');\n    }\n  }\n\n  /**\n   * Show time reference input\n   *\n   * @since 1.1.0 time reference is default aligned with format tt\n   * @deprecated Since 2.0.0 time reference will be displayed depending on format.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ mutable: true }) showTimeReference?: boolean = undefined;\n\n  /**\n   * Set time reference\n   */\n  @Prop() timeReference: 'AM' | 'PM' | undefined;\n\n  /**\n   * Text of date select button\n   *\n   * @since 1.1.0\n   */\n  @Prop() textSelectTime = 'Done';\n\n  /**\n   * Text for top label\n   *\n   * @since 2.1.0\n   */\n  @Prop() textTime: string = 'Time';\n\n  /**\n   * Time event\n   */\n  @Event() timeSelect!: EventEmitter<string>;\n\n  /**\n   * Time event\n   * @deprecated Will be removed in 3.0.0. Use `time-select` event.\n   */\n  @Event() done!: EventEmitter<string>;\n\n  /**\n   * Time change event\n   */\n  @Event() timeChange!: EventEmitter<string>;\n\n  @State() private _time?: DateTime;\n  @State() private _timeRef?: 'AM' | 'PM';\n  @State() private _formattedTime?: TimeOutputFormat;\n\n  componentWillLoad() {\n    this._time = DateTime.fromFormat(this.time, this.format);\n\n    if (!this._time.isValid) {\n      console.error(\n        `Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`\n      );\n      return;\n    }\n\n    this._timeRef = this.format.includes('a')\n      ? (DateTime.fromFormat(this.time, this.format).toFormat('a') as\n          | 'AM'\n          | 'PM')\n      : undefined;\n    this.formatTime();\n  }\n\n  @Watch('_time')\n  formatTime() {\n    if (!this._time) {\n      return;\n    }\n\n    const [hour, minute, second] = this._time\n      .toFormat(this.format)\n      .split(' ')[0]\n      .split(':');\n\n    this._formattedTime = {\n      hour: hour,\n      minute: minute,\n      second: second,\n    };\n  }\n\n  @Watch('_time')\n  onInternalTimeChange() {\n    this.timeChange.emit(this._time?.toFormat(this.format));\n    if (this._timeRef) this._timeRef = this._time?.toFormat('a') as 'AM' | 'PM';\n  }\n\n  timeUpdate(unit: 'hour' | 'minute' | 'second', value: number): number {\n    let maxValue = DateTime.now().endOf('day').get(unit);\n\n    if (this._timeRef === 'PM' && unit === 'hour') value += 12;\n    if (this._timeRef === 'AM' && unit === 'hour') maxValue = 12;\n\n    if (value > maxValue) {\n      value = maxValue;\n    } else if (value < 0) {\n      value = 0;\n    }\n\n    this._time = this._time?.set({\n      [unit]: value,\n    });\n    return value;\n  }\n\n  changeTimeReference() {\n    this._timeRef = this._timeRef === 'AM' ? 'PM' : 'AM';\n\n    if (!this._time?.toFormat('a').includes(this._timeRef)) {\n      this._time = this._time?.plus({\n        hour: 12,\n      });\n    }\n  }\n\n  /**\n   * Get the current time based on the wanted format\n   */\n  @Method()\n  async getCurrentTime() {\n    return this._time?.toFormat(this.format);\n  }\n\n  render() {\n    let timepickerInformation: TimePickerDescriptor[] = [\n      {\n        unit: 'hour',\n        placeholder: 'HH',\n        hidden: !this.showHour,\n      },\n      {\n        unit: 'minute',\n        placeholder: 'MM',\n        hidden: !this.showMinutes,\n      },\n      {\n        unit: 'second',\n        placeholder: 'SS',\n        hidden: !this.showSeconds,\n      },\n    ];\n\n    timepickerInformation = timepickerInformation.filter(\n      (item) => !item.hidden\n    );\n\n    return (\n      <Host>\n        <ix-date-time-card\n          standaloneAppearance={this.standaloneAppearance}\n          corners={this.corners}\n        >\n          <div class=\"header\" slot=\"header\">\n            <ix-typography format=\"h5\">{this.textTime || 'Time'}</ix-typography>\n          </div>\n          <div class=\"clock\">\n            {timepickerInformation.map((descriptor, index: number) => (\n              <div class=\"flex\">\n                <div class={{ columns: true, hidden: descriptor.hidden }}>\n                  <ix-icon-button\n                    size=\"16\"\n                    onClick={() =>\n                      (this._time = this._time?.plus({\n                        [descriptor.unit]: 1,\n                      }))\n                    }\n                    ghost\n                    icon={iconChevronUpSmall}\n                    variant=\"primary\"\n                    class=\"arrows\"\n                  ></ix-icon-button>\n\n                  <input\n                    class=\"form-control\"\n                    name={descriptor.unit}\n                    type=\"number\"\n                    placeholder={descriptor.placeholder}\n                    value={\n                      this._formattedTime\n                        ? this._formattedTime[descriptor.unit]\n                        : ''\n                    }\n                    onKeyDown={(e) => {\n                      if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;\n\n                      const value = e.key === 'ArrowUp' ? 1 : -1;\n                      this._time = this._time?.plus({\n                        [descriptor.unit]: value,\n                      });\n                      e.preventDefault();\n                    }}\n                    onChange={(e: any) => {\n                      let inputElement = e.target as HTMLInputElement;\n                      inputElement.value = this.timeUpdate(\n                        descriptor.unit,\n                        +inputElement.value\n                      ).toString();\n                    }}\n                  ></input>\n\n                  <ix-icon-button\n                    size=\"16\"\n                    onClick={() =>\n                      (this._time = this._time?.minus({\n                        [descriptor.unit]: 1,\n                      }))\n                    }\n                    ghost\n                    icon={iconChevronDownSmall}\n                    variant=\"primary\"\n                    class=\"arrows\"\n                  ></ix-icon-button>\n                </div>\n\n                {index !== timepickerInformation.length - 1 && (\n                  <div\n                    class={{\n                      'column-seperator': true,\n                      hidden: descriptor.hidden,\n                    }}\n                  >\n                    :\n                  </div>\n                )}\n              </div>\n            ))}\n\n            <div\n              class={{\n                columns: true,\n                'default-space': true,\n                hidden: this._timeRef === undefined,\n              }}\n            >\n              <ix-icon-button\n                size=\"16\"\n                onClick={() => this.changeTimeReference()}\n                ghost\n                icon={iconChevronUp}\n                variant=\"primary\"\n                class=\"arrows\"\n              ></ix-icon-button>\n              <div class=\"time-reference\">{this._timeRef}</div>\n              <ix-icon-button\n                size=\"16\"\n                onClick={() => this.changeTimeReference()}\n                ghost\n                icon={iconChevronDown}\n                variant=\"primary\"\n                class=\"arrows\"\n              ></ix-icon-button>\n            </div>\n          </div>\n          <div\n            class={{\n              button: true,\n              hidden: !this.standaloneAppearance,\n              standalone: true,\n            }}\n          >\n            <ix-button\n              onClick={() => {\n                this.timeSelect.emit(this._time?.toFormat(this.format));\n                this.done.emit(this._time?.toFormat(this.format));\n              }}\n            >\n              {this.textSelectTime}\n            </ix-button>\n          </div>\n        </ix-date-time-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iJAAA,MAAMA,EAAgB,0zpBACtB,MAAAC,EAAeD,E,MC+CFE,EAAU,M,8IAOI,K,aAKY,U,0BAKG,K,gBAKV,K,cAKX,K,iBAKG,K,iBAKA,K,UAQCC,EAASC,MAAMC,SAASC,KAAKC,Q,uBAiBGC,U,iDAY9B,O,cAOE,O,2EAjC3B,oBAAAC,CAAqBC,GACnBJ,KAAKK,MAAQR,EAASS,WAAWF,EAAUJ,KAAKC,QAChD,IAAKD,KAAKK,MAAME,QAAS,CACvB,MAAM,IAAIC,MAAM,yC,EAoDpB,iBAAAC,GACET,KAAKK,MAAQR,EAASS,WAAWN,KAAKU,KAAMV,KAAKC,QAEjD,IAAKD,KAAKK,MAAME,QAAS,CACvBI,QAAQC,MACN,4FAA4FZ,KAAKK,MAAMQ,kBAAkBb,KAAKK,MAAMS,sBAEtI,M,CAGFd,KAAKe,SAAWf,KAAKC,OAAOe,SAAS,KAChCnB,EAASS,WAAWN,KAAKU,KAAMV,KAAKC,QAAQF,SAAS,KAGtDG,UACJF,KAAKiB,Y,CAIP,UAAAA,GACE,IAAKjB,KAAKK,MAAO,CACf,M,CAGF,MAAOa,EAAMC,EAAQC,GAAUpB,KAAKK,MACjCN,SAASC,KAAKC,QACdoB,MAAM,KAAK,GACXA,MAAM,KAETrB,KAAKsB,eAAiB,CACpBJ,KAAMA,EACNC,OAAQA,EACRC,OAAQA,E,CAKZ,oBAAAG,G,QACEvB,KAAKwB,WAAWC,MAAKC,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAASC,KAAKC,SAC/C,GAAID,KAAKe,SAAUf,KAAKe,UAAWY,EAAA3B,KAAKK,SAAK,MAAAsB,SAAA,SAAAA,EAAE5B,SAAS,I,CAG1D,UAAA6B,CAAWC,EAAoCC,G,MAC7C,IAAIC,EAAWlC,EAASC,MAAMkC,MAAM,OAAOC,IAAIJ,GAE/C,GAAI7B,KAAKe,WAAa,MAAQc,IAAS,OAAQC,GAAS,GACxD,GAAI9B,KAAKe,WAAa,MAAQc,IAAS,OAAQE,EAAW,GAE1D,GAAID,EAAQC,EAAU,CACpBD,EAAQC,C,MACH,GAAID,EAAQ,EAAG,CACpBA,EAAQ,C,CAGV9B,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEQ,IAAI,CAC3BL,CAACA,GAAOC,IAEV,OAAOA,C,CAGT,mBAAAK,G,QACEnC,KAAKe,SAAWf,KAAKe,WAAa,KAAO,KAAO,KAEhD,MAAKW,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAAS,KAAKiB,SAAShB,KAAKe,WAAW,CACtDf,KAAKK,OAAQsB,EAAA3B,KAAKK,SAAK,MAAAsB,SAAA,SAAAA,EAAES,KAAK,CAC5BlB,KAAM,I,EASZ,oBAAMmB,G,MACJ,OAAOX,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAASC,KAAKC,O,CAGnC,MAAAqC,GACE,IAAIC,EAAgD,CAClD,CACEV,KAAM,OACNW,YAAa,KACbC,QAASzC,KAAK0C,UAEhB,CACEb,KAAM,SACNW,YAAa,KACbC,QAASzC,KAAK2C,aAEhB,CACEd,KAAM,SACNW,YAAa,KACbC,QAASzC,KAAK4C,cAIlBL,EAAwBA,EAAsBM,QAC3CC,IAAUA,EAAKL,SAGlB,OACEM,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,qBAAAE,IAAA,2CACEC,qBAAsBlD,KAAKkD,qBAC3BC,QAASnD,KAAKmD,SAEdJ,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SAASC,KAAK,UACvBN,EAAA,iBAAAE,IAAA,2CAAehD,OAAO,MAAMD,KAAKsD,UAAY,SAE/CP,EAAA,OAAAE,IAAA,2CAAKG,MAAM,SACRb,EAAsBgB,KAAI,CAACC,EAAYC,IACtCV,EAAA,OAAKK,MAAM,QACTL,EAAA,OAAKK,MAAO,CAAEM,QAAS,KAAMjB,OAAQe,EAAWf,SAC9CM,EAAA,kBACEY,KAAK,KACLC,QAAS,K,MACP,OAAC5D,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEU,KAAK,CAC7B,CAACoB,EAAW3B,MAAO,GACnB,EAEJgC,MAAK,KACLC,KAAMC,EACNC,QAAQ,UACRZ,MAAM,WAGRL,EAAA,SACEK,MAAM,eACNa,KAAMT,EAAW3B,KACjBqC,KAAK,SACL1B,YAAagB,EAAWhB,YACxBV,MACE9B,KAAKsB,eACDtB,KAAKsB,eAAekC,EAAW3B,MAC/B,GAENsC,UAAYC,I,MACV,GAAIA,EAAEnB,MAAQ,WAAamB,EAAEnB,MAAQ,YAAa,OAElD,MAAMnB,EAAQsC,EAAEnB,MAAQ,UAAY,GAAK,EACzCjD,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEU,KAAK,CAC5B,CAACoB,EAAW3B,MAAOC,IAErBsC,EAAEC,gBAAgB,EAEpBC,SAAWF,IACT,IAAIG,EAAeH,EAAEI,OACrBD,EAAazC,MAAQ9B,KAAK4B,WACxB4B,EAAW3B,MACV0C,EAAazC,OACd2C,UAAU,IAIhB1B,EAAA,kBACEY,KAAK,KACLC,QAAS,K,MACP,OAAC5D,KAAKK,OAAQqB,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAEgD,MAAM,CAC9B,CAAClB,EAAW3B,MAAO,GACnB,EAEJgC,MAAK,KACLC,KAAMa,EACNX,QAAQ,UACRZ,MAAM,YAITK,IAAUlB,EAAsBqC,OAAS,GACxC7B,EAAA,OACEK,MAAO,CACL,mBAAoB,KACpBX,OAAQe,EAAWf,SACpB,QAQTM,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACLM,QAAS,KACT,gBAAiB,KACjBjB,OAAQzC,KAAKe,WAAab,YAG5B6C,EAAA,kBAAAE,IAAA,2CACEU,KAAK,KACLC,QAAS,IAAM5D,KAAKmC,sBACpB0B,MAAK,KACLC,KAAMe,EACNb,QAAQ,UACRZ,MAAM,WAERL,EAAA,OAAAE,IAAA,2CAAKG,MAAM,kBAAkBpD,KAAKe,UAClCgC,EAAA,kBAAAE,IAAA,2CACEU,KAAK,KACLC,QAAS,IAAM5D,KAAKmC,sBACpB0B,MAAK,KACLC,KAAMgB,EACNd,QAAQ,UACRZ,MAAM,aAIZL,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACL2B,OAAQ,KACRtC,QAASzC,KAAKkD,qBACd8B,WAAY,OAGdjC,EAAA,aAAAE,IAAA,2CACEW,QAAS,K,QACP5D,KAAKiF,WAAWxD,MAAKC,EAAA1B,KAAKK,SAAK,MAAAqB,SAAA,SAAAA,EAAE3B,SAASC,KAAKC,SAC/CD,KAAKkF,KAAKzD,MAAKE,EAAA3B,KAAKK,SAAK,MAAAsB,SAAA,SAAAA,EAAE5B,SAASC,KAAKC,QAAQ,GAGlDD,KAAKmF,kB"}

package/dist/siemens-ix/{p-0b2f0536.entry.js → p-4cb35508.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as e,g as s}from"./p-5806df2b.js";import{c as n,a as o}from"./p-f97a15c4.js";import{r}from"./p-93d4d3c9.js";import"./p-fe158b99.js";const a=":host{display:block}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}";const h=a;const c=class{constructor(i){t(this,i);this.observer=new MutationObserver((()=>this.checkForRequired()));this.htmlFor=undefined;this.helperText=undefined;this.invalidText=undefined;this.validText=undefined;this.infoText=undefined;this.warningText=undefined;this.validationResults={isInfo:false,isInvalid:false,isValid:false,isWarning:false,isInvalidByRequired:false}}connectedCallback(){this.observer.observe(window.document,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}componentWillRender(){this.checkForRequired()}async checkForRequired(){if(!this.htmlFor){return}const t=document.getElementById(this.htmlFor);if(!t){return}if(this.classObserver){this.classObserver.destroy()}this.classObserver=n(t,(()=>{this.validationResults=o(t)}));this.validationResults=o(t)}render(){return i(e,{key:"a15c6af1db5a3723e8f2facd899a513c56f034af"},r(Object.assign({helperText:this.helperText,invalidText:this.invalidText,validText:this.validText,infoText:this.infoText,warningText:this.warningText},this.validationResults)))}get hostElement(){return s(this)}};c.style=h;export{c as ix_helper_text};
-//# sourceMappingURL=p-0b2f0536.entry.js.map
+import{r as t,h as i,H as e,g as s}from"./p-5806df2b.js";import{c as n,a as o}from"./p-186a1f30.js";import{r}from"./p-93d4d3c9.js";import"./p-fe158b99.js";const a=":host{display:block}:host .bottom-text{display:flex;position:relative;align-items:flex-start;justify-content:flex-start;gap:0.25rem;margin-right:0.25rem}:host .text-icon{margin:0.125rem}:host .text-icon.invalid{color:var(--theme-helper-icon--color--invalid)}:host .text-icon.info{color:var(--theme-helper-icon--color--info)}:host .text-icon.warning{color:var(--theme-helper-icon--color--warning)}:host .text-icon.valid{color:var(--theme-helper-icon--color--valid)}";const h=a;const l=class{constructor(i){t(this,i);this.observer=new MutationObserver((()=>this.checkForRequired()));this.htmlFor=undefined;this.helperText=undefined;this.invalidText=undefined;this.validText=undefined;this.infoText=undefined;this.warningText=undefined;this.validationResults={isInfo:false,isInvalid:false,isValid:false,isWarning:false,isInvalidByRequired:false}}connectedCallback(){this.observer.observe(window.document,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}componentWillRender(){this.checkForRequired()}async checkForRequired(){if(!this.htmlFor){return}const t=document.getElementById(this.htmlFor);if(!t){return}if(this.classObserver){this.classObserver.destroy()}this.classObserver=n(t,(()=>{this.validationResults=o(t)}));this.validationResults=o(t)}render(){return i(e,{key:"26c1e2ad753fca25d4095e38d9fbb646c0305db7"},r(Object.assign({helperText:this.helperText,invalidText:this.invalidText,validText:this.validText,infoText:this.infoText,warningText:this.warningText},this.validationResults)))}get hostElement(){return s(this)}};l.style=h;export{l as ix_helper_text};
+//# sourceMappingURL=p-4cb35508.entry.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbItemCss","IxBreadcrumbItemStyle0","BreadcrumbItem","componentDidLoad","this","animationFadeIn","componentWillLoad","a11y","a11yHostAttributes","hostElement","animejs","targets","duration","opacity","translateX","easing","render","props","variant","ghost","outline","iconOnly","iconOval","disabled","icon","iconSize","loading","selected","type","tabIndex","extraClasses","isDropdownTrigger","ariaAttributes","visible","h","Host","class","showChevron","onClick","itemClick","emit","label","BaseButton","Object","assign","afterContent","Fragment","name","size"],"sources":["src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-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 'mixins/shadow-dom/component';\n@import '../button/button-mixin';\n@import '../button/button';\n\n@include all-btn-variants;\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  margin-right: 0.25rem;\n  max-width: 15rem;\n  min-width: 0;\n\n  li {\n    display: contents;\n  }\n\n  .btn {\n    pointer-events: all;\n    width: fit-content;\n    padding-right: 0;\n    padding-left: 0.25rem;\n  }\n\n  .chevron {\n    pointer-events: none;\n    margin-left: 0.5rem;\n    margin-right: 0rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n\n  ::slotted(a[href]:active) {\n    text-decoration: none !important;\n  }\n}\n\n:host(:last-child) {\n  .btn:not(.dropdown-trigger) {\n    color: var(--theme-color-soft-text);\n  }\n}\n\n:host(.hide-chevron) {\n  cursor: default;\n\n  .btn {\n    padding-right: 0.5rem;\n    pointer-events: none;\n  }\n}\n\n:host(.invisible) {\n  display: none;\n}\n\n:host(:focus-visible) {\n  outline: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport animejs from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\n\nexport type BreadcrumbItemLinkTarget =\n  | '_self'\n  | '_blank'\n  | '_parent'\n  | '_top'\n  | string;\n\n@Component({\n  tag: 'ix-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n  @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n  /**\n   * Breadcrumb label\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon to be displayed next ot the label\n   */\n  @Prop() icon: string;\n\n  /**@internal */\n  @Prop() ghost: boolean = true;\n\n  /**@internal */\n  @Prop() visible = true;\n\n  /**@internal */\n  @Prop() showChevron = true;\n\n  /** @internal */\n  @Prop() isDropdownTrigger = false;\n\n  /**@internal */\n  @Event() itemClick: EventEmitter<string>;\n\n  @State() a11y: any;\n\n  componentDidLoad() {\n    this.animationFadeIn();\n  }\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement, [\n      'aria-describedby',\n      'aria-controls',\n      'aria-expanded',\n    ]);\n  }\n\n  animationFadeIn() {\n    animejs({\n      targets: this.hostElement,\n      duration: 150,\n      opacity: [0, 1],\n      translateX: ['-100%', '0%'],\n      easing: 'linear',\n    });\n  }\n\n  render() {\n    const props: BaseButtonProps = {\n      variant: this.ghost ? 'primary' : 'secondary',\n      outline: false,\n      ghost: this.ghost,\n      iconOnly: false,\n      iconOval: false,\n      disabled: false,\n      icon: this.icon,\n      iconSize: '16',\n      loading: false,\n      selected: false,\n      type: 'button',\n      tabIndex:\n        this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n      extraClasses: {\n        'dropdown-trigger': this.isDropdownTrigger,\n      },\n      ariaAttributes: this.a11y,\n    };\n\n    if (!this.visible) {\n      return <Host class={'invisible'}></Host>;\n    }\n\n    return (\n      <Host\n        class={{\n          'hide-chevron': !this.showChevron,\n        }}\n        onClick={() => this.itemClick.emit(this.label)}\n      >\n        <li>\n          <BaseButton\n            {...props}\n            afterContent={\n              <Fragment>\n                {this.showChevron ? (\n                  <ix-icon\n                    name={'chevron-right-small'}\n                    size=\"16\"\n                    class={'chevron'}\n                  ></ix-icon>\n                ) : null}\n              </Fragment>\n            }\n          >\n            {this.label}\n            <slot></slot>\n          </BaseButton>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mLAAA,MAAMA,EAAoB,w4sCAC1B,MAAAC,EAAeD,E,MCmCFE,EAAc,M,kHAcA,K,aAGP,K,iBAGI,K,uBAGM,M,oBAO5B,gBAAAC,GACEC,KAAKC,iB,CAGP,iBAAAC,GACEF,KAAKG,KAAOC,EAAmBJ,KAAKK,YAAa,CAC/C,mBACA,gBACA,iB,CAIJ,eAAAJ,GACEK,EAAQ,CACNC,QAASP,KAAKK,YACdG,SAAU,IACVC,QAAS,CAAC,EAAG,GACbC,WAAY,CAAC,QAAS,MACtBC,OAAQ,U,CAIZ,MAAAC,GACE,MAAMC,EAAyB,CAC7BC,QAASd,KAAKe,MAAQ,UAAY,YAClCC,QAAS,MACTD,MAAOf,KAAKe,MACZE,SAAU,MACVC,SAAU,MACVC,SAAU,MACVC,KAAMpB,KAAKoB,KACXC,SAAU,KACVC,QAAS,MACTC,SAAU,MACVC,KAAM,SACNC,SACEzB,KAAKK,YAAYoB,YAAc,EAAIzB,KAAKK,YAAYoB,SAAW,EACjEC,aAAc,CACZ,mBAAoB1B,KAAK2B,mBAE3BC,eAAgB5B,KAAKG,MAGvB,IAAKH,KAAK6B,QAAS,CACjB,OAAOC,EAACC,EAAI,CAACC,MAAO,a,CAGtB,OACEF,EAACC,EAAI,CACHC,MAAO,CACL,gBAAiBhC,KAAKiC,aAExBC,QAAS,IAAMlC,KAAKmC,UAAUC,KAAKpC,KAAKqC,QAExCP,EAAA,UACEA,EAACQ,EAAUC,OAAAC,OAAA,GACL3B,EAAK,CACT4B,aACEX,EAACY,EAAQ,KACN1C,KAAKiC,YACJH,EAAA,WACEa,KAAM,sBACNC,KAAK,KACLZ,MAAO,YAEP,QAIPhC,KAAKqC,MACNP,EAAA,e"}
+{"version":3,"names":["breadcrumbItemCss","IxBreadcrumbItemStyle0","BreadcrumbItem","componentDidLoad","this","animationFadeIn","componentWillLoad","a11y","a11yHostAttributes","hostElement","animejs","targets","duration","opacity","translateX","easing","render","props","variant","ghost","outline","iconOnly","iconOval","disabled","icon","iconSize","loading","selected","type","tabIndex","extraClasses","isDropdownTrigger","ariaAttributes","visible","h","Host","class","showChevron","onClick","itemClick","emit","label","BaseButton","Object","assign","afterContent","Fragment","name","size"],"sources":["src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-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 'mixins/shadow-dom/component';\n@import '../button/button-mixin';\n@import '../button/button';\n\n@include all-btn-variants;\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  margin-right: 0.25rem;\n  max-width: 15rem;\n  min-width: 0;\n\n  li {\n    display: contents;\n  }\n\n  .btn {\n    pointer-events: all;\n    width: fit-content;\n    padding-right: 0;\n    padding-left: 0.25rem;\n  }\n\n  .chevron {\n    pointer-events: none;\n    margin-left: 0.5rem;\n    margin-right: 0rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n\n  ::slotted(a[href]:active) {\n    text-decoration: none !important;\n  }\n}\n\n:host(:last-child) {\n  .btn:not(.dropdown-trigger) {\n    color: var(--theme-color-soft-text);\n  }\n}\n\n:host(.hide-chevron) {\n  cursor: default;\n\n  .btn {\n    padding-right: 0.5rem;\n    pointer-events: none;\n  }\n}\n\n:host(.invisible) {\n  display: none;\n}\n\n:host(:focus-visible) {\n  outline: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport animejs from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\n\nexport type BreadcrumbItemLinkTarget =\n  | '_self'\n  | '_blank'\n  | '_parent'\n  | '_top'\n  | string;\n\n@Component({\n  tag: 'ix-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n  @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n  /**\n   * Breadcrumb label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Icon to be displayed next ot the label\n   */\n  @Prop() icon?: string;\n\n  /**@internal */\n  @Prop() ghost: boolean = true;\n\n  /**@internal */\n  @Prop() visible = true;\n\n  /**@internal */\n  @Prop() showChevron = true;\n\n  /** @internal */\n  @Prop() isDropdownTrigger = false;\n\n  /**@internal */\n  @Event() itemClick!: EventEmitter<string>;\n\n  @State() a11y: any;\n\n  componentDidLoad() {\n    this.animationFadeIn();\n  }\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement, [\n      'aria-describedby',\n      'aria-controls',\n      'aria-expanded',\n    ]);\n  }\n\n  animationFadeIn() {\n    animejs({\n      targets: this.hostElement,\n      duration: 150,\n      opacity: [0, 1],\n      translateX: ['-100%', '0%'],\n      easing: 'linear',\n    });\n  }\n\n  render() {\n    const props: BaseButtonProps = {\n      variant: this.ghost ? 'primary' : 'secondary',\n      outline: false,\n      ghost: this.ghost,\n      iconOnly: false,\n      iconOval: false,\n      disabled: false,\n      icon: this.icon,\n      iconSize: '16',\n      loading: false,\n      selected: false,\n      type: 'button',\n      tabIndex:\n        this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n      extraClasses: {\n        'dropdown-trigger': this.isDropdownTrigger,\n      },\n      ariaAttributes: this.a11y,\n    };\n\n    if (!this.visible) {\n      return <Host class={'invisible'}></Host>;\n    }\n\n    return (\n      <Host\n        class={{\n          'hide-chevron': !this.showChevron,\n        }}\n        onClick={() => this.itemClick.emit(this.label)}\n      >\n        <li>\n          <BaseButton\n            {...props}\n            afterContent={\n              <Fragment>\n                {this.showChevron ? (\n                  <ix-icon\n                    name={'chevron-right-small'}\n                    size=\"16\"\n                    class={'chevron'}\n                  ></ix-icon>\n                ) : null}\n              </Fragment>\n            }\n          >\n            {this.label}\n            <slot></slot>\n          </BaseButton>\n        </li>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mLAAA,MAAMA,EAAoB,w4sCAC1B,MAAAC,EAAeD,E,MCmCFE,EAAc,M,kHAcA,K,aAGP,K,iBAGI,K,uBAGM,M,oBAO5B,gBAAAC,GACEC,KAAKC,iB,CAGP,iBAAAC,GACEF,KAAKG,KAAOC,EAAmBJ,KAAKK,YAAa,CAC/C,mBACA,gBACA,iB,CAIJ,eAAAJ,GACEK,EAAQ,CACNC,QAASP,KAAKK,YACdG,SAAU,IACVC,QAAS,CAAC,EAAG,GACbC,WAAY,CAAC,QAAS,MACtBC,OAAQ,U,CAIZ,MAAAC,GACE,MAAMC,EAAyB,CAC7BC,QAASd,KAAKe,MAAQ,UAAY,YAClCC,QAAS,MACTD,MAAOf,KAAKe,MACZE,SAAU,MACVC,SAAU,MACVC,SAAU,MACVC,KAAMpB,KAAKoB,KACXC,SAAU,KACVC,QAAS,MACTC,SAAU,MACVC,KAAM,SACNC,SACEzB,KAAKK,YAAYoB,YAAc,EAAIzB,KAAKK,YAAYoB,SAAW,EACjEC,aAAc,CACZ,mBAAoB1B,KAAK2B,mBAE3BC,eAAgB5B,KAAKG,MAGvB,IAAKH,KAAK6B,QAAS,CACjB,OAAOC,EAACC,EAAI,CAACC,MAAO,a,CAGtB,OACEF,EAACC,EAAI,CACHC,MAAO,CACL,gBAAiBhC,KAAKiC,aAExBC,QAAS,IAAMlC,KAAKmC,UAAUC,KAAKpC,KAAKqC,QAExCP,EAAA,UACEA,EAACQ,EAAUC,OAAAC,OAAA,GACL3B,EAAK,CACT4B,aACEX,EAACY,EAAQ,KACN1C,KAAKiC,YACJH,EAAA,WACEa,KAAM,sBACNC,KAAK,KACLZ,MAAO,YAEP,QAIPhC,KAAKqC,MACNP,EAAA,e"}

package/dist/siemens-ix/p-559cdf73.js

@@ -0,0 +1,2 @@
+import{a as n}from"./p-5806df2b.js";function i(){var n,i;const t=(i=(n=document.head)===null||n===void 0?void 0:n.querySelector('meta[name="ix:legacy-icons"]'))===null||i===void 0?void 0:i.getAttribute("content");if(!t){return true}return t.toLowerCase()==="true"}async function t(){if(typeof window==="undefined"){return}if(i()===false){return}const n=window.customElements.get("ix-icon");if(n){return}const t=await import("./p-738c2d1f.js").then((function(n){return n.i}));await t.defineCustomElements()}function o(i){const t={};if(i.ael){t.ael=i.ael}if(i.rel){t.rel=i.rel}if(i.ce){t.ce=i.ce}n(t)}async function r(n){await t();o(n||{})}export{r as a,o as h};
+//# sourceMappingURL=p-559cdf73.js.map

package/dist/siemens-ix/p-559cdf73.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["shouldDefineIcons","content","_b","_a","document","head","querySelector","getAttribute","toLowerCase","async","setupIcons","window","iconComponent","customElements","get","ixIcons","import","then","n","i","defineCustomElements","handlePlatformHelpers","config","platformHelpers","ael","rel","ce","setPlatformHelpers","appGlobalScript"],"sources":["src/setup.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { setPlatformHelpers } from '@stencil/core';\n\nexport function shouldDefineIcons(): boolean {\n  const content = document.head\n    ?.querySelector('meta[name=\"ix:legacy-icons\"]')\n    ?.getAttribute('content');\n\n  if (!content) {\n    return true;\n  }\n\n  return content.toLowerCase() === 'true';\n}\n\nasync function setupIcons() {\n  if (typeof window === 'undefined') {\n    return;\n  }\n\n  if (shouldDefineIcons() === false) {\n    return;\n  }\n\n  const iconComponent = window.customElements.get('ix-icon');\n  if (iconComponent) {\n    return;\n  }\n\n  const ixIcons = await import('@siemens/ix-icons/loader');\n  await ixIcons.defineCustomElements();\n}\n\nexport function handlePlatformHelpers(config: IxConfig) {\n  const platformHelpers: Pick<IxConfig, 'ael' | 'rel' | 'ce'> = {};\n\n  if (config.ael) {\n    platformHelpers.ael = config.ael;\n  }\n\n  if (config.rel) {\n    platformHelpers.rel = config.rel;\n  }\n\n  if (config.ce) {\n    platformHelpers.ce = config.ce;\n  }\n\n  setPlatformHelpers(platformHelpers);\n}\n\nexport type IxConfig = {\n  ael?: (\n    el: unknown,\n    name: string,\n    cb: (...args: unknown[]) => unknown,\n    opts: unknown\n  ) => void;\n  rel?: (\n    el: unknown,\n    name: string,\n    cb: (...args: unknown[]) => unknown,\n    opts: unknown\n  ) => void;\n  ce?: (eventName: string, opts: unknown) => unknown;\n};\n\nexport default async function (config?: IxConfig) {\n  await setupIcons();\n  handlePlatformHelpers(config || {});\n}\n"],"mappings":"6CAWgBA,I,QACd,MAAMC,GAAUC,GAAAC,EAAAC,SAASC,QAAI,MAAAF,SAAA,SAAAA,EACzBG,cAAc,mCAA+B,MAAAJ,SAAA,SAAAA,EAC7CK,aAAa,WAEjB,IAAKN,EAAS,CACZ,OAAO,I,CAGT,OAAOA,EAAQO,gBAAkB,MACnC,CAEAC,eAAeC,IACb,UAAWC,SAAW,YAAa,CACjC,M,CAGF,GAAIX,MAAwB,MAAO,CACjC,M,CAGF,MAAMY,EAAgBD,OAAOE,eAAeC,IAAI,WAChD,GAAIF,EAAe,CACjB,M,CAGF,MAAMG,QAAgBC,OAAO,mBAA0BC,MAAA,SAAAC,GAAA,OAAAA,EAAAC,CAAA,UACjDJ,EAAQK,sBAChB,C,SAEgBC,EAAsBC,GACpC,MAAMC,EAAwD,GAE9D,GAAID,EAAOE,IAAK,CACdD,EAAgBC,IAAMF,EAAOE,G,CAG/B,GAAIF,EAAOG,IAAK,CACdF,EAAgBE,IAAMH,EAAOG,G,CAG/B,GAAIH,EAAOI,GAAI,CACbH,EAAgBG,GAAKJ,EAAOI,E,CAG9BC,EAAmBJ,EACrB,CAkBed,eAAAmB,EAAgBN,SACvBZ,IACNW,EAAsBC,GAAU,GAClC,Q"}

package/dist/siemens-ix/p-5767345b.entry.js

@@ -0,0 +1,2 @@
+export{a as ix_menu_settings}from"./p-6ccf39dd.js";import"./p-5806df2b.js";
+//# sourceMappingURL=p-5767345b.entry.js.map

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

@@ -0,0 +1,2 @@
+import"./p-46a6cd9d.js";import{b as o}from"./p-38d9d569.js";async function t(t){const i=document.createElement("ix-application-switch-modal");i.config=t;const n=await o({content:i,size:"840",closeOnBackdropClick:true});const c=n.htmlElement.querySelector("ix-application-switch-modal");return o=>{if(!c){console.warn("ix-application-switch-modal element not found!");return}c.config=o}}export{t as s};
+//# sourceMappingURL=p-5b86301e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["async","showAppSwitch","config","modal","document","createElement","result","showModal","content","size","closeOnBackdropClick","appSwitchElement","htmlElement","querySelector","updateAppSwitchConfig","console","warn"],"sources":["src/components/utils/app-switch/index.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { AppSwitchConfiguration } from '../application-layout/context';\nimport { showModal } from '../modal';\n\nexport async function showAppSwitch(config: AppSwitchConfiguration) {\n  const modal = document.createElement('ix-application-switch-modal');\n  modal.config = config;\n  const result = await showModal({\n    content: modal,\n    size: '840',\n    closeOnBackdropClick: true,\n  });\n\n  const appSwitchElement = result.htmlElement.querySelector(\n    'ix-application-switch-modal'\n  );\n\n  return (updateAppSwitchConfig: AppSwitchConfiguration) => {\n    if (!appSwitchElement) {\n      console.warn('ix-application-switch-modal element not found!');\n      return;\n    }\n\n    appSwitchElement.config = updateAppSwitchConfig;\n  };\n}\n"],"mappings":"4DAYOA,eAAeC,EAAcC,GAClC,MAAMC,EAAQC,SAASC,cAAc,+BACrCF,EAAMD,OAASA,EACf,MAAMI,QAAeC,EAAU,CAC7BC,QAASL,EACTM,KAAM,MACNC,qBAAsB,OAGxB,MAAMC,EAAmBL,EAAOM,YAAYC,cAC1C,+BAGF,OAAQC,IACN,IAAKH,EAAkB,CACrBI,QAAQC,KAAK,kDACb,M,CAGFL,EAAiBT,OAASY,CAAqB,CAEnD,Q"}

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

@@ -1 +1 @@
-{"version":3,"names":["isHttpUrl","link","url","URL","e","protocol","isSvgDataUrl","startsWith","a11yBoolean","value","kebabCaseToUpperCaseSentence","kebabCase","withoutFilledSuffix","replace","words","split","sentence","map","word","trimWord","trim","digitLessWord","length","charAt","toUpperCase","slice","join","getFallbackLabelFromIconName","iconName","label","a11yHostAttributes","hostElement","ignoreAttributes","attributeObject","a11yAttributes","forEach","attr","hasAttribute","getAttribute","includes","_a","removeAttribute"],"sources":["src/components/utils/condition-checks.ts","src/components/utils/a11y.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport const isHttpUrl = (link: string) => {\n  if (!link) {\n    return false;\n  }\n\n  let url: URL;\n\n  try {\n    url = new URL(link);\n  } catch (e) {\n    return false;\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:';\n};\n\nexport const isSvgDataUrl = (url: string) => {\n  if (!url) {\n    return false;\n  }\n\n  if (typeof url !== 'string') {\n    return false;\n  }\n\n  return url.startsWith('data:image/svg+xml');\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 { isHttpUrl, isSvgDataUrl } from './condition-checks';\n\nexport const a11yBoolean = (value: boolean | undefined) =>\n  value ? 'true' : 'false';\n\nconst kebabCaseToUpperCaseSentence = (kebabCase: string) => {\n  const withoutFilledSuffix = kebabCase.replace('-filled', '');\n  const words = withoutFilledSuffix.split('-');\n  const sentence = words\n    .map((word) => {\n      const trimWord = word.trim();\n      const digitLessWord = trimWord.replace(/\\d+/g, '');\n\n      if (digitLessWord.length === 0) {\n        return trimWord;\n      }\n\n      return digitLessWord;\n    })\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n\n  return sentence;\n};\n\nexport const getFallbackLabelFromIconName = (iconName: string) => {\n  if (!iconName) {\n    return 'Unknown';\n  }\n\n  if (isHttpUrl(iconName)) {\n    return 'Unknown';\n  }\n\n  if (isSvgDataUrl(iconName)) {\n    return 'Unknown';\n  }\n\n  const label = kebabCaseToUpperCaseSentence(iconName);\n\n  if (label.length === 0) {\n    return 'Unknown';\n  }\n\n  return label;\n};\n\nexport const a11yHostAttributes = (\n  hostElement: HTMLElement,\n  ignoreAttributes: A11yAttributeName[] = []\n): Record<A11yAttributeName, string> => {\n  const attributeObject: Record<string, string> = {};\n  a11yAttributes.forEach((attr) => {\n    if (hostElement.hasAttribute(attr)) {\n      const value = hostElement.getAttribute(attr);\n      if (value !== null && !ignoreAttributes.includes(attr)) {\n        attributeObject[attr] = hostElement.getAttribute(attr) ?? '';\n        hostElement.removeAttribute(attr);\n      }\n    }\n  });\n\n  return attributeObject;\n};\n\nexport type A11yAttributeName =\n  | 'role'\n  | 'aria-activedescendant'\n  | 'aria-atomic'\n  | 'aria-autocomplete'\n  | 'aria-braillelabel'\n  | 'aria-brailleroledescription'\n  | 'aria-busy'\n  | 'aria-checked'\n  | 'aria-colcount'\n  | 'aria-colindex'\n  | 'aria-colindextext'\n  | 'aria-colspan'\n  | 'aria-controls'\n  | 'aria-current'\n  | 'aria-describedby'\n  | 'aria-description'\n  | 'aria-details'\n  | 'aria-disabled'\n  | 'aria-errormessage'\n  | 'aria-expanded'\n  | 'aria-flowto'\n  | 'aria-haspopup'\n  | 'aria-hidden'\n  | 'aria-invalid'\n  | 'aria-keyshortcuts'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-level'\n  | 'aria-live'\n  | 'aria-multiline'\n  | 'aria-multiselectable'\n  | 'aria-orientation'\n  | 'aria-owns'\n  | 'aria-placeholder'\n  | 'aria-posinset'\n  | 'aria-pressed'\n  | 'aria-readonly'\n  | 'aria-relevant'\n  | 'aria-required'\n  | 'aria-roledescription'\n  | 'aria-rowcount'\n  | 'aria-rowindex'\n  | 'aria-rowindextext'\n  | 'aria-rowspan'\n  | 'aria-selected'\n  | 'aria-setsize'\n  | 'aria-sort'\n  | 'aria-valuemax'\n  | 'aria-valuemin'\n  | 'aria-valuenow'\n  | 'aria-valuetext';\n\nconst a11yAttributes: A11yAttributeName[] = [\n  'role',\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n];\n\ntype PartialRecord<K extends A11yAttributeName, T> = {\n  [P in K]?: T;\n};\nexport type A11yAttributes = PartialRecord<A11yAttributeName, string>;\n"],"mappings":"AAQO,MAAMA,EAAaC,IACxB,IAAKA,EAAM,CACT,OAAO,K,CAGT,IAAIC,EAEJ,IACEA,EAAM,IAAIC,IAAIF,E,CACd,MAAOG,GACP,OAAO,K,CAGT,OAAOF,EAAIG,WAAa,SAAWH,EAAIG,WAAa,QAAQ,EAGvD,MAAMC,EAAgBJ,IAC3B,IAAKA,EAAK,CACR,OAAO,K,CAGT,UAAWA,IAAQ,SAAU,CAC3B,OAAO,K,CAGT,OAAOA,EAAIK,WAAW,qBAAqB,E,MCtBhCC,EAAeC,GAC1BA,EAAQ,OAAS,QAEnB,MAAMC,EAAgCC,IACpC,MAAMC,EAAsBD,EAAUE,QAAQ,UAAW,IACzD,MAAMC,EAAQF,EAAoBG,MAAM,KACxC,MAAMC,EAAWF,EACdG,KAAKC,IACJ,MAAMC,EAAWD,EAAKE,OACtB,MAAMC,EAAgBF,EAASN,QAAQ,OAAQ,IAE/C,GAAIQ,EAAcC,SAAW,EAAG,CAC9B,OAAOH,C,CAGT,OAAOE,CAAa,IAErBJ,KAAKC,GAASA,EAAKK,OAAO,GAAGC,cAAgBN,EAAKO,MAAM,KACxDC,KAAK,KAER,OAAOV,CAAQ,E,MAGJW,EAAgCC,IAC3C,IAAKA,EAAU,CACb,MAAO,S,CAGT,GAAI5B,EAAU4B,GAAW,CACvB,MAAO,S,CAGT,GAAItB,EAAasB,GAAW,CAC1B,MAAO,S,CAGT,MAAMC,EAAQnB,EAA6BkB,GAE3C,GAAIC,EAAMP,SAAW,EAAG,CACtB,MAAO,S,CAGT,OAAOO,CAAK,E,MAGDC,EAAqB,CAChCC,EACAC,EAAwC,MAExC,MAAMC,EAA0C,GAChDC,EAAeC,SAASC,I,MACtB,GAAIL,EAAYM,aAAaD,GAAO,CAClC,MAAM3B,EAAQsB,EAAYO,aAAaF,GACvC,GAAI3B,IAAU,OAASuB,EAAiBO,SAASH,GAAO,CACtDH,EAAgBG,IAAQI,EAAAT,EAAYO,aAAaF,MAAK,MAAAI,SAAA,EAAAA,EAAI,GAC1DT,EAAYU,gBAAgBL,E,MAKlC,OAAOH,CAAe,EAwDxB,MAAMC,EAAsC,CAC1C,OACA,wBACA,cACA,oBACA,oBACA,8BACA,YACA,eACA,gBACA,gBACA,oBACA,eACA,gBACA,eACA,mBACA,mBACA,eACA,gBACA,oBACA,gBACA,cACA,gBACA,cACA,eACA,oBACA,aACA,kBACA,aACA,YACA,iBACA,uBACA,mBACA,YACA,mBACA,gBACA,eACA,gBACA,gBACA,gBACA,uBACA,gBACA,gBACA,oBACA,eACA,gBACA,eACA,YACA,gBACA,gBACA,gBACA,yB"}
+{"version":3,"names":["isHttpUrl","link","url","URL","e","protocol","isSvgDataUrl","startsWith","a11yBoolean","value","kebabCaseToUpperCaseSentence","kebabCase","withoutFilledSuffix","replace","words","split","sentence","map","word","trimWord","trim","digitLessWord","length","charAt","toUpperCase","slice","join","getFallbackLabelFromIconName","iconName","label","a11yHostAttributes","hostElement","ignoreAttributes","attributeObject","a11yAttributes","forEach","attr","hasAttribute","getAttribute","includes","_a","removeAttribute"],"sources":["src/components/utils/condition-checks.ts","src/components/utils/a11y.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport const isHttpUrl = (link: string) => {\n  if (!link) {\n    return false;\n  }\n\n  let url: URL;\n\n  try {\n    url = new URL(link);\n  } catch (e) {\n    return false;\n  }\n\n  return url.protocol === 'http:' || url.protocol === 'https:';\n};\n\nexport const isSvgDataUrl = (url: string) => {\n  if (!url) {\n    return false;\n  }\n\n  if (typeof url !== 'string') {\n    return false;\n  }\n\n  return url.startsWith('data:image/svg+xml');\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 { isHttpUrl, isSvgDataUrl } from './condition-checks';\n\nexport const a11yBoolean = (value: boolean | undefined) =>\n  value ? 'true' : 'false';\n\nconst kebabCaseToUpperCaseSentence = (kebabCase: string) => {\n  const withoutFilledSuffix = kebabCase.replace('-filled', '');\n  const words = withoutFilledSuffix.split('-');\n  const sentence = words\n    .map((word) => {\n      const trimWord = word.trim();\n      const digitLessWord = trimWord.replace(/\\d+/g, '');\n\n      if (digitLessWord.length === 0) {\n        return trimWord;\n      }\n\n      return digitLessWord;\n    })\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n\n  return sentence;\n};\n\nexport const getFallbackLabelFromIconName = (iconName?: string) => {\n  if (!iconName) {\n    return 'Unknown';\n  }\n\n  if (isHttpUrl(iconName)) {\n    return 'Unknown';\n  }\n\n  if (isSvgDataUrl(iconName)) {\n    return 'Unknown';\n  }\n\n  const label = kebabCaseToUpperCaseSentence(iconName);\n\n  if (label.length === 0) {\n    return 'Unknown';\n  }\n\n  return label;\n};\n\nexport const a11yHostAttributes = (\n  hostElement: HTMLElement,\n  ignoreAttributes: A11yAttributeName[] = []\n): Record<A11yAttributeName, string> => {\n  const attributeObject: Record<string, string> = {};\n  a11yAttributes.forEach((attr) => {\n    if (hostElement.hasAttribute(attr)) {\n      const value = hostElement.getAttribute(attr);\n      if (value !== null && !ignoreAttributes.includes(attr)) {\n        attributeObject[attr] = hostElement.getAttribute(attr) ?? '';\n        hostElement.removeAttribute(attr);\n      }\n    }\n  });\n\n  return attributeObject;\n};\n\nexport type A11yAttributeName =\n  | 'role'\n  | 'aria-activedescendant'\n  | 'aria-atomic'\n  | 'aria-autocomplete'\n  | 'aria-braillelabel'\n  | 'aria-brailleroledescription'\n  | 'aria-busy'\n  | 'aria-checked'\n  | 'aria-colcount'\n  | 'aria-colindex'\n  | 'aria-colindextext'\n  | 'aria-colspan'\n  | 'aria-controls'\n  | 'aria-current'\n  | 'aria-describedby'\n  | 'aria-description'\n  | 'aria-details'\n  | 'aria-disabled'\n  | 'aria-errormessage'\n  | 'aria-expanded'\n  | 'aria-flowto'\n  | 'aria-haspopup'\n  | 'aria-hidden'\n  | 'aria-invalid'\n  | 'aria-keyshortcuts'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-level'\n  | 'aria-live'\n  | 'aria-multiline'\n  | 'aria-multiselectable'\n  | 'aria-orientation'\n  | 'aria-owns'\n  | 'aria-placeholder'\n  | 'aria-posinset'\n  | 'aria-pressed'\n  | 'aria-readonly'\n  | 'aria-relevant'\n  | 'aria-required'\n  | 'aria-roledescription'\n  | 'aria-rowcount'\n  | 'aria-rowindex'\n  | 'aria-rowindextext'\n  | 'aria-rowspan'\n  | 'aria-selected'\n  | 'aria-setsize'\n  | 'aria-sort'\n  | 'aria-valuemax'\n  | 'aria-valuemin'\n  | 'aria-valuenow'\n  | 'aria-valuetext';\n\nconst a11yAttributes: A11yAttributeName[] = [\n  'role',\n  'aria-activedescendant',\n  'aria-atomic',\n  'aria-autocomplete',\n  'aria-braillelabel',\n  'aria-brailleroledescription',\n  'aria-busy',\n  'aria-checked',\n  'aria-colcount',\n  'aria-colindex',\n  'aria-colindextext',\n  'aria-colspan',\n  'aria-controls',\n  'aria-current',\n  'aria-describedby',\n  'aria-description',\n  'aria-details',\n  'aria-disabled',\n  'aria-errormessage',\n  'aria-expanded',\n  'aria-flowto',\n  'aria-haspopup',\n  'aria-hidden',\n  'aria-invalid',\n  'aria-keyshortcuts',\n  'aria-label',\n  'aria-labelledby',\n  'aria-level',\n  'aria-live',\n  'aria-multiline',\n  'aria-multiselectable',\n  'aria-orientation',\n  'aria-owns',\n  'aria-placeholder',\n  'aria-posinset',\n  'aria-pressed',\n  'aria-readonly',\n  'aria-relevant',\n  'aria-required',\n  'aria-roledescription',\n  'aria-rowcount',\n  'aria-rowindex',\n  'aria-rowindextext',\n  'aria-rowspan',\n  'aria-selected',\n  'aria-setsize',\n  'aria-sort',\n  'aria-valuemax',\n  'aria-valuemin',\n  'aria-valuenow',\n  'aria-valuetext',\n];\n\ntype PartialRecord<K extends A11yAttributeName, T> = {\n  [P in K]?: T;\n};\nexport type A11yAttributes = PartialRecord<A11yAttributeName, string>;\n"],"mappings":"AAQO,MAAMA,EAAaC,IACxB,IAAKA,EAAM,CACT,OAAO,K,CAGT,IAAIC,EAEJ,IACEA,EAAM,IAAIC,IAAIF,E,CACd,MAAOG,GACP,OAAO,K,CAGT,OAAOF,EAAIG,WAAa,SAAWH,EAAIG,WAAa,QAAQ,EAGvD,MAAMC,EAAgBJ,IAC3B,IAAKA,EAAK,CACR,OAAO,K,CAGT,UAAWA,IAAQ,SAAU,CAC3B,OAAO,K,CAGT,OAAOA,EAAIK,WAAW,qBAAqB,E,MCtBhCC,EAAeC,GAC1BA,EAAQ,OAAS,QAEnB,MAAMC,EAAgCC,IACpC,MAAMC,EAAsBD,EAAUE,QAAQ,UAAW,IACzD,MAAMC,EAAQF,EAAoBG,MAAM,KACxC,MAAMC,EAAWF,EACdG,KAAKC,IACJ,MAAMC,EAAWD,EAAKE,OACtB,MAAMC,EAAgBF,EAASN,QAAQ,OAAQ,IAE/C,GAAIQ,EAAcC,SAAW,EAAG,CAC9B,OAAOH,C,CAGT,OAAOE,CAAa,IAErBJ,KAAKC,GAASA,EAAKK,OAAO,GAAGC,cAAgBN,EAAKO,MAAM,KACxDC,KAAK,KAER,OAAOV,CAAQ,E,MAGJW,EAAgCC,IAC3C,IAAKA,EAAU,CACb,MAAO,S,CAGT,GAAI5B,EAAU4B,GAAW,CACvB,MAAO,S,CAGT,GAAItB,EAAasB,GAAW,CAC1B,MAAO,S,CAGT,MAAMC,EAAQnB,EAA6BkB,GAE3C,GAAIC,EAAMP,SAAW,EAAG,CACtB,MAAO,S,CAGT,OAAOO,CAAK,E,MAGDC,EAAqB,CAChCC,EACAC,EAAwC,MAExC,MAAMC,EAA0C,GAChDC,EAAeC,SAASC,I,MACtB,GAAIL,EAAYM,aAAaD,GAAO,CAClC,MAAM3B,EAAQsB,EAAYO,aAAaF,GACvC,GAAI3B,IAAU,OAASuB,EAAiBO,SAASH,GAAO,CACtDH,EAAgBG,IAAQI,EAAAT,EAAYO,aAAaF,MAAK,MAAAI,SAAA,EAAAA,EAAI,GAC1DT,EAAYU,gBAAgBL,E,MAKlC,OAAOH,CAAe,EAwDxB,MAAMC,EAAsC,CAC1C,OACA,wBACA,cACA,oBACA,oBACA,8BACA,YACA,eACA,gBACA,gBACA,oBACA,eACA,gBACA,eACA,mBACA,mBACA,eACA,gBACA,oBACA,gBACA,cACA,gBACA,cACA,eACA,oBACA,aACA,kBACA,aACA,YACA,iBACA,uBACA,mBACA,YACA,mBACA,gBACA,eACA,gBACA,gBACA,gBACA,uBACA,gBACA,gBACA,oBACA,eACA,gBACA,eACA,YACA,gBACA,gBACA,gBACA,yB"}

package/dist/siemens-ix/{p-cbfca958.entry.js → p-617b3d78.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as n,H as t}from"./p-5806df2b.js";const r=":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";const s=r;const i=class{constructor(n){e(this,n)}render(){return n(t,{key:"bbad443b6f484e4506c28c2ced3f4b5f94b18b89"},n("slot",{key:"a0cfe7e14ee73671413eab21b71bac7494a75536"}))}};i.style=s;export{i as ix_dropdown_quick_actions};
-//# sourceMappingURL=p-cbfca958.entry.js.map
+import{r as e,h as n,H as t}from"./p-5806df2b.js";const r=":host{display:flex;justify-content:center;align-items:center;margin-inline-start:1.5rem;margin-inline-end:1.5rem;margin-block-end:0.25rem}:host slot::slotted(*){display:flex;margin-inline-end:0.625rem}";const s=r;const i=class{constructor(n){e(this,n)}render(){return n(t,{key:"d32c5fecd63fab51431f7d8c9bf5c026437b7206"},n("slot",{key:"9abc872450d1567cdf3ee5882677182cd6ddf9b6"}))}};i.style=s;export{i as ix_dropdown_quick_actions};
+//# sourceMappingURL=p-617b3d78.entry.js.map