@siemens/ix 1.6.2 → 2.0.0-beta.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["cardCss","Card","render","h","Host","class","this","variant","name","cardContentCss","CardContent","VariantsMapping","small","caption","default","large","h2","typographyCss","IxTypography","typographyClass","fontColor","color","undefined","style"],"sources":["./src/components/card/card.scss?tag=ix-card&encapsulation=shadow","./src/components/card/card.tsx","./src/components/card-content/card-content.scss?tag=ix-card-content&encapsulation=shadow","./src/components/card-content/card-content.tsx","./src/components/typography/type-mapping.ts","./src/components/typography/typography.scss?tag=ix-typography&encapsulation=shadow","./src/components/typography/typography.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n$paddingContentLeftRight: 1rem;\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: flex-start;\n  align-self: flex-start;\n  overflow: hidden;\n\n  width: 20rem;\n\n  border: 1px solid var(--ix-card-border-color, var(--theme-color-soft-bdr));\n  border-radius: var(--theme-default-border-radius);\n\n  .card-content {\n    display: block;\n    position: relative;\n    flex-shrink: 0;\n    flex-grow: 1;\n    width: 100%;\n    padding: 1rem $paddingContentLeftRight;\n    // min-height: calc(13.5rem - 2.5rem);\n    height: calc(100% - 2rem);\n    background-color: var(--ix-card-background, transparent);\n    border-top-left-radius: var(--theme-default-border-radius);\n    border-top-right-radius: var(--theme-default-border-radius);\n  }\n\n  .card-footer {\n    display: flex;\n    position: relative;\n    width: 100%;\n  }\n}\n\n:host(.card-insight) {\n  --ix-card-background: transparent;\n  --ix-card-border-color: var(--theme-color-soft-bdr);\n}\n\n:host(.card-notification) {\n  --ix-card-background: var(--theme-color-component-1);\n}\n\n:host(.card-alarm) {\n  --ix-card-background: var(--theme-color-alarm);\n  color: var(--theme-color-alarm--contrast);\n}\n\n:host(.card-critical) {\n  --ix-card-background: var(--theme-color-critical);\n  color: var(--theme-color-critical--contrast);\n}\n\n:host(.card-warning) {\n  --ix-card-background: var(--theme-color-warning);\n  color: var(--theme-color-warning--contrast);\n}\n\n:host(.card-success) {\n  --ix-card-background: var(--theme-color-success);\n  color: var(--theme-color-success--contrast);\n}\n\n:host(.card-info) {\n  --ix-card-background: var(--theme-color-info);\n  color: var(--theme-color-info--contrast);\n}\n\n:host(.card-neutral) {\n  --ix-card-background: var(--theme-color-neutral);\n  color: var(--theme-color-neutral--contrast);\n}\n\n:host(:not(.card-insight)) {\n  --ix-card-border-color: transparent;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\nexport type CardVariant =\n  | 'insight'\n  | 'notification'\n  | 'alarm'\n  | 'critical'\n  | 'warning'\n  | 'info'\n  | 'neutral'\n  | 'success';\n\n/**\n * @since 1.6.0\n */\n@Component({\n  tag: 'ix-card',\n  styleUrl: 'card.scss',\n  shadow: true,\n})\nexport class Card {\n  @Element() hostElement: HTMLIxCardElement;\n\n  /**\n   * Card variant\n   */\n  @Prop() variant: CardVariant = 'insight';\n\n  render() {\n    return (\n      <Host class={`card-${this.variant}`}>\n        <div class=\"card-content\">\n          <slot></slot>\n        </div>\n        <div class=\"card-footer\">\n          <slot name=\"card-accordion\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 0.5rem;\n  // min-height: 8rem;\n  height: 100%;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @since 1.6.0\n */\n@Component({\n  tag: 'ix-card-content',\n  styleUrl: 'card-content.scss',\n  shadow: true,\n})\nexport class CardContent {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport type TypographyVariants =\n  | 'x-small'\n  | 'small'\n  | 'caption'\n  | 'caption-single'\n  | 'default'\n  | 'default-single'\n  | 'default-title'\n  | 'default-title-single'\n  | 'large'\n  | 'large-single'\n  | 'h2'\n  | 'display-large';\n\nexport const VariantsMapping: Record<TypographyVariants, string> = {\n  'x-small': 'text-xs',\n  small: 'text-s',\n  caption: 'text-caption',\n  'caption-single': 'text-caption-single',\n  default: 'text-default',\n  'default-single': 'text-default-single',\n  large: 'text-l',\n  'large-single': 'text-l-single',\n  h2: 'text-h2',\n  'display-large': 'text-xl',\n  'default-title': 'text-default-title',\n  'default-title-single': 'text-default-title-single',\n};\n","@import 'common-variables';\n@import 'mixins/fonts';\n\n:host {\n  .text-xs {\n    @include text-xs;\n  }\n\n  .text-s {\n    @include text-s;\n  }\n\n  .text-caption {\n    @include text-caption;\n  }\n\n  .text-caption-single {\n    @include text-caption-single;\n  }\n\n  .text-default {\n    @include text-default;\n  }\n\n  .text-default-single {\n    @include text-default-single;\n  }\n\n  .text-default-title {\n    @include text-default-title;\n  }\n\n  .text-default-title-single {\n    @include text-default-title-single;\n  }\n\n  .text-l {\n    @include text-l;\n  }\n\n  .text-l-single {\n    @include text-l-single;\n  }\n\n  .text-l-title {\n    @include text-l-title;\n  }\n\n  .text-l-title-single {\n    @include text-l-title-single;\n  }\n\n  .text-h2 {\n    @include text-h2;\n  }\n\n  .text-xl {\n    @include text-xl;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Prop } from '@stencil/core';\nimport { VariantsMapping } from './type-mapping';\n\nexport type TypographyVariants =\n  | 'x-small'\n  | 'small'\n  | 'caption'\n  | 'caption-single'\n  | 'default'\n  | 'default-single'\n  | 'default-title'\n  | 'default-title-single'\n  | 'large'\n  | 'large-single'\n  | 'large-title'\n  | 'large-title-single'\n  | 'h2'\n  | 'display-large';\n\nexport type TypographyColors =\n  | 'contrast'\n  | 'std'\n  | 'soft'\n  | 'weak'\n  | 'inv-contrast'\n  | 'inv-std'\n  | 'inv-soft'\n  | 'inv-weak'\n  | 'alarm';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-typography',\n  styleUrl: 'typography.scss',\n  shadow: true,\n})\nexport class IxTypography {\n  /**\n   * Font variant based on theme variables\n   */\n  @Prop() variant: TypographyVariants = 'default';\n\n  /**\n   * Text color based on theme variables\n   */\n  @Prop() color: TypographyColors;\n\n  render() {\n    const typographyClass = {\n      [VariantsMapping[this.variant]]: true,\n    };\n\n    const fontColor =\n      this.color !== undefined\n        ? `var(--theme-color-${this.color}-text)`\n        : 'inherit';\n\n    return (\n      <div\n        class={typographyClass}\n        style={{\n          color: fontColor,\n        }}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,sjD,MCoBHC,EAAI,M,sCAMgB,S,CAE/BC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,QAAQC,KAAKC,WACxBJ,EAAA,OAAKE,MAAM,gBACTF,EAAA,cAEFA,EAAA,OAAKE,MAAM,eACTF,EAAA,QAAMK,KAAK,oB,8CCnCrB,MAAMC,EAAiB,yK,MCUVC,EAAW,M,yBACtBR,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,a,aCQD,MAAMQ,EAAsD,CACjE,UAAW,UACXC,MAAO,SACPC,QAAS,eACT,iBAAkB,sBAClBC,QAAS,eACT,iBAAkB,sBAClBC,MAAO,SACP,eAAgB,gBAChBC,GAAI,UACJ,gBAAiB,UACjB,gBAAiB,qBACjB,uBAAwB,6BClC1B,MAAMC,EAAgB,k6F,MC+CTC,EAAY,M,sCAIe,U,qBAOtChB,SACE,MAAMiB,EAAkB,CACtB,CAACR,EAAgBL,KAAKC,UAAW,MAGnC,MAAMa,EACJd,KAAKe,QAAUC,UACX,qBAAqBhB,KAAKe,cAC1B,UAEN,OACElB,EAAA,OACEE,MAAOc,EACPI,MAAO,CACLF,MAAOD,IAGTjB,EAAA,a"}

package/dist/siemens-ix/p-821ca55e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as e}from"./p-1c64b073.js";const h=".sc-ix-datetime-picker-h{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:32.6875rem}.flex.sc-ix-datetime-picker{display:flex;justify-content:center}.btn-select-date.sc-ix-datetime-picker{position:absolute;bottom:1rem;right:1rem}.separator.sc-ix-datetime-picker{border:1px solid var(--theme-datepicker-separator--background);width:100%;margin-top:72px;height:1px}";const a=class{constructor(s){t(this,s);this.done=i(this,"done",7);this.timeChange=i(this,"timeChange",7);this.dateChange=i(this,"dateChange",7);this.dateSelect=i(this,"dateSelect",7);this.range=true;this.showHour=false;this.showMinutes=false;this.showSeconds=false;this.minDate=undefined;this.maxDate=undefined;this.dateFormat="yyyy/LL/dd";this.timeFormat="TT";this.from=undefined;this.to=null;this.time=undefined;this.showTimeReference=undefined;this.eventDelimiter=" - ";this.timeReference=undefined;this.textSelectDate="Done"}onDone(){var t;this.done.emit([this._from,(t=this._to)!==null&&t!==void 0?t:"",this._time].join(this.eventDelimiter));this.dateSelect.emit({from:this._from,to:this._to,time:this._time})}async onDateChange(t){t.preventDefault();t.stopPropagation();const{detail:i}=t;this.dateChange.emit(i);const s=await this.datePickerElement.getCurrentDate();this._from=s.start;this._to=s.end}async onTimeChange(t){t.preventDefault();t.stopPropagation();const{detail:i}=t;this.timeChange.emit(i);const s=await this.timePickerElement.getCurrentTime();this._time=s}componentDidLoad(){this._from=this.from;this._to=this.to;this._time=this.time}render(){return s(e,null,s("div",{class:"flex"},s("div",{class:"separator"}),s("ix-date-picker",{ref:t=>this.datePickerElement=t,corners:"left",individual:false,range:this.range,onDateChange:t=>this.onDateChange(t),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,eventDelimiter:this.eventDelimiter}),s("ix-time-picker",{ref:t=>this.timePickerElement=t,corners:"right",individual:false,showHour:this.showHour,showMinutes:this.showMinutes,showSeconds:this.showSeconds,showTimeReference:this.showTimeReference,onTimeChange:t=>this.onTimeChange(t),time:this.time,format:this.timeFormat,timeReference:this.timeReference}),s("div",{class:"separator"})),s("ix-button",{class:"btn-select-date",onClick:()=>this.onDone()},this.textSelectDate))}};a.style=h;export{a as ix_datetime_picker};
-//# sourceMappingURL=p-821ca55e.entry.js.map

package/dist/siemens-ix/p-821ca55e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["datetimePickerCss","DateTimePicker","undefined","onDone","this","done","emit","_from","_a","_to","_time","join","eventDelimiter","dateSelect","from","to","time","async","event","preventDefault","stopPropagation","detail","date","dateChange","currentDateTime","datePickerElement","getCurrentDate","start","end","timeChange","timePickerElement","getCurrentTime","componentDidLoad","render","h","Host","class","ref","corners","individual","range","onDateChange","format","dateFormat","minDate","maxDate","showHour","showMinutes","showSeconds","showTimeReference","onTimeChange","timeFormat","timeReference","onClick","textSelectDate"],"sources":["./src/components/datetime-picker/datetime-picker.scss?tag=ix-datetime-picker&encapsulation=scoped","./src/components/datetime-picker/datetime-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\n:host {\n  display: block;\n  background-color: var(--theme-menu--background);\n  border-radius: 4px;\n  position: relative;\n  width: 32.6875rem;\n}\n\n.flex {\n  display: flex;\n  justify-content: center;\n}\n\n.btn-select-date{\n  position: absolute;\n  bottom: $default-space;\n  right: $default-space;\n}\n\n.separator {\n  border: 1px solid var(--theme-datepicker-separator--background);\n  width: 100%;\n  margin-top: 72px;\n  height: 1px;\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';\nimport { DateChangeEvent } from 'src/components';\n\nexport type DateTimeSelectEvent = {\n  from: string;\n  to: string;\n  time: string;\n};\n\nexport type DateTimeDateChangeEvent =\n  | string\n  | Omit<DateTimeSelectEvent, 'time'>;\n\n@Component({\n  tag: 'ix-datetime-picker',\n  styleUrl: 'datetime-picker.scss',\n  scoped: true,\n})\nexport class DateTimePicker {\n  /**\n   * Set range size\n   */\n  @Prop() range = true;\n\n  /**\n   * Show hour input\n   */\n  @Prop() showHour = false;\n\n  /**\n   * Show minutes input\n   */\n  @Prop() showMinutes = false;\n\n  /**\n   * Show seconds input\n   */\n  @Prop() showSeconds = false;\n\n  /**\n   * The earliest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   *\n   * @since 1.1.0\n   */\n  @Prop() minDate: string;\n\n  /**\n   * The latest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   *\n   * @since 1.1.0\n   */\n  @Prop() maxDate: string;\n\n  /**\n   * Date format 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() dateFormat: string = 'yyyy/LL/dd';\n\n  /**\n   * Time format 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() timeFormat: string = 'TT';\n\n  /**\n   * Picker date. If the picker is in range mode this property is the start date.\n   *\n   * Format is based on `format`\n   *\n   * @since 1.1.0\n   */\n  @Prop() from: string;\n\n  /**\n   * Picker date. If the picker is in range mode this property is the end date.\n   * If the picker is not in range mode leave this value `null`\n   *\n   * Format is based on `format`\n   *\n   * @since 1.1.0\n   */\n  @Prop() to: string | null = null;\n\n  /**\n   * Select time with format string\n   *\n   * @since 1.1.0\n   */\n  @Prop() time: string;\n\n  /**\n   * Show time reference input\n   * Time reference is default aligned with @see {this.timeFormat}\n   *\n   * @since 1.1.0\n   */\n  @Prop() showTimeReference = undefined;\n\n  /**\n   * Default behavior of the done event is to join the two events (date and time) into one combined string output.\n   * This combination can be configured over the delimiter\n   *\n   * @since 1.1.0\n   */\n  @Prop() eventDelimiter = ' - ';\n\n  /**\n   * Set time reference\n   */\n  @Prop() timeReference: 'AM' | 'PM';\n\n  /**\n   * Text of date select button\n   *\n   * @since 1.1.0\n   */\n  @Prop() textSelectDate = 'Done';\n\n  /**\n   * Done event\n   *\n   * Set `doneEventDelimiter` to null or undefine to get the typed event\n   */\n  @Event() done: EventEmitter<string>;\n\n  /**\n   * Time change\n   *\n   * @since 1.1.0\n   */\n  @Event() timeChange: EventEmitter<string>;\n\n  /**\n   * Date change\n   *\n   * @since 1.1.0\n   */\n  @Event() dateChange: EventEmitter<DateTimeDateChangeEvent>;\n\n  /**\n   * Date selection event is fired after confirm button is pressend\n   *\n   * @since 1.1.0\n   */\n  @Event() dateSelect: EventEmitter<DateTimeSelectEvent>;\n\n  private datePickerElement: HTMLIxDatePickerElement;\n  private timePickerElement: HTMLIxTimePickerElement;\n\n  private _from: string;\n  private _to: string;\n  private _time: string;\n\n  private onDone() {\n    this.done.emit(\n      [this._from, this._to ?? '', this._time].join(this.eventDelimiter)\n    );\n\n    this.dateSelect.emit({\n      from: this._from,\n      to: this._to,\n      time: this._time,\n    });\n  }\n\n  private async onDateChange(event: CustomEvent<string | DateChangeEvent>) {\n    event.preventDefault();\n    event.stopPropagation();\n    const { detail: date } = event;\n    this.dateChange.emit(date);\n\n    const currentDateTime = await this.datePickerElement.getCurrentDate();\n    this._from = currentDateTime.start;\n    this._to = currentDateTime.end;\n  }\n\n  private async onTimeChange(event: CustomEvent<string>) {\n    event.preventDefault();\n    event.stopPropagation();\n    const { detail: time } = event;\n    this.timeChange.emit(time);\n\n    const currentDateTime = await this.timePickerElement.getCurrentTime();\n    this._time = currentDateTime;\n  }\n\n  componentDidLoad() {\n    this._from = this.from;\n    this._to = this.to;\n    this._time = this.time;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"flex\">\n          <div class=\"separator\"></div>\n          <ix-date-picker\n            ref={(ref) => (this.datePickerElement = ref)}\n            corners=\"left\"\n            individual={false}\n            range={this.range}\n            onDateChange={(event) => this.onDateChange(event)}\n            from={this.from}\n            to={this.to}\n            format={this.dateFormat}\n            minDate={this.minDate}\n            maxDate={this.maxDate}\n            eventDelimiter={this.eventDelimiter}\n          ></ix-date-picker>\n\n          <ix-time-picker\n            ref={(ref) => (this.timePickerElement = ref)}\n            corners=\"right\"\n            individual={false}\n            showHour={this.showHour}\n            showMinutes={this.showMinutes}\n            showSeconds={this.showSeconds}\n            showTimeReference={this.showTimeReference}\n            onTimeChange={(event) => this.onTimeChange(event)}\n            time={this.time}\n            format={this.timeFormat}\n            timeReference={this.timeReference}\n          ></ix-time-picker>\n          <div class=\"separator\"></div>\n        </div>\n\n        <ix-button class=\"btn-select-date\" onClick={() => this.onDone()}>\n          {this.textSelectDate}\n        </ix-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAoB,oa,MC2BbC,EAAc,M,oLAIT,K,cAKG,M,iBAKG,M,iBAKA,M,8DAwBO,a,gBAQA,K,4BAmBD,K,2CAeAC,U,oBAQH,M,iDAYA,M,CAqCjBC,S,MACNC,KAAKC,KAAKC,KACR,CAACF,KAAKG,OAAOC,EAAAJ,KAAKK,OAAG,MAAAD,SAAA,EAAAA,EAAI,GAAIJ,KAAKM,OAAOC,KAAKP,KAAKQ,iBAGrDR,KAAKS,WAAWP,KAAK,CACnBQ,KAAMV,KAAKG,MACXQ,GAAIX,KAAKK,IACTO,KAAMZ,KAAKM,O,CAIPO,mBAAmBC,GACzBA,EAAMC,iBACND,EAAME,kBACN,MAAQC,OAAQC,GAASJ,EACzBd,KAAKmB,WAAWjB,KAAKgB,GAErB,MAAME,QAAwBpB,KAAKqB,kBAAkBC,iBACrDtB,KAAKG,MAAQiB,EAAgBG,MAC7BvB,KAAKK,IAAMe,EAAgBI,G,CAGrBX,mBAAmBC,GACzBA,EAAMC,iBACND,EAAME,kBACN,MAAQC,OAAQL,GAASE,EACzBd,KAAKyB,WAAWvB,KAAKU,GAErB,MAAMQ,QAAwBpB,KAAK0B,kBAAkBC,iBACrD3B,KAAKM,MAAQc,C,CAGfQ,mBACE5B,KAAKG,MAAQH,KAAKU,KAClBV,KAAKK,IAAML,KAAKW,GAChBX,KAAKM,MAAQN,KAAKY,I,CAGpBiB,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKE,MAAM,cACXF,EAAA,kBACEG,IAAMA,GAASjC,KAAKqB,kBAAoBY,EACxCC,QAAQ,OACRC,WAAY,MACZC,MAAOpC,KAAKoC,MACZC,aAAevB,GAAUd,KAAKqC,aAAavB,GAC3CJ,KAAMV,KAAKU,KACXC,GAAIX,KAAKW,GACT2B,OAAQtC,KAAKuC,WACbC,QAASxC,KAAKwC,QACdC,QAASzC,KAAKyC,QACdjC,eAAgBR,KAAKQ,iBAGvBsB,EAAA,kBACEG,IAAMA,GAASjC,KAAK0B,kBAAoBO,EACxCC,QAAQ,QACRC,WAAY,MACZO,SAAU1C,KAAK0C,SACfC,YAAa3C,KAAK2C,YAClBC,YAAa5C,KAAK4C,YAClBC,kBAAmB7C,KAAK6C,kBACxBC,aAAehC,GAAUd,KAAK8C,aAAahC,GAC3CF,KAAMZ,KAAKY,KACX0B,OAAQtC,KAAK+C,WACbC,cAAehD,KAAKgD,gBAEtBlB,EAAA,OAAKE,MAAM,eAGbF,EAAA,aAAWE,MAAM,kBAAkBiB,QAAS,IAAMjD,KAAKD,UACpDC,KAAKkD,gB"}

package/dist/siemens-ix/p-8719eeff.entry.js

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

package/dist/siemens-ix/p-8719eeff.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownCss","Dropdown","constructor","hostRef","this","autoUpdateCleanup","toggleBind","toggle","bind","openBind","open","dropdownItems","Array","from","hostElement","querySelectorAll","addEventListenersFor","triggerEvent","closeBehavior","triggerElement","addEventListener","removeEventListenersFor","removeEventListener","async","element","resolveElement","isArray","forEach","trigger","Promise","resolve","selector","document","querySelector","observer","MutationObserver","disconnect","observe","body","childList","subtree","newShow","anchorElement","anchor","applyDropdownPosition","changedTrigger","newTriggerValue","oldTriggerValue","registerListener","unregisterListener","clickOutside","event","target","show","_a","contains","_b","dropdownRef","close","isNestedDropdown","closest","isAnchorSubmenu","preventDefault","stopPropagation","showChanged","emit","defaultPrevented","isSubmenu","positionConfig","strategy","positioningStrategy","middleware","placement","includes","push","flip","fallbackStrategy","inline","shift","offset","autoUpdate","computeResponse","computePosition","Object","assign","style","top","left","transform","Math","round","x","y","overwriteDropdownStyle","overwriteStyle","triggerRef","ancestorResize","ancestorScroll","elementResize","disconnectedCallback","render","h","Host","ref","class","overflow","margin","minWidth","position","display","header","dropdownItemCss","DropdownItem","itemClick","checked","label","undefined","icon","disabled","type","hover","onClick","emitItemClick","tabindex","name","size","glyph"],"sources":["./src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","./src/components/dropdown/dropdown.tsx","./src/components/dropdown-item/dropdown-item.scss?tag=ix-dropdown-item&encapsulation=scoped","./src/components/dropdown-item/dropdown-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import '~bootstrap/scss/functions';\n@import 'common-variables';\n@import '~bootstrap/scss/variables';\n@import '~bootstrap/scss/mixins';\n@import '~bootstrap/scss/dropdown';\n\n@import 'mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'components/dropdown';\n\n:host {\n  min-width: 0px;\n}\n\n:host(.overflow) {\n  max-height: 50vh;\n  overflow-y: auto;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  autoUpdate,\n  computePosition,\n  ComputePositionConfig,\n  flip,\n  inline,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { BasePlacement, Placement, PlacementWithAlignment } from './placement';\n\n/**\n * @internal\n */\nexport type DropdownTriggerEvent = 'click' | 'hover' | 'focus';\n\n@Component({\n  tag: 'ix-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n})\nexport class Dropdown {\n  @Element() hostElement!: HTMLIxDropdownElement;\n\n  /**\n   * Show dropdown\n   */\n  @Prop({ mutable: true, reflect: true }) show = false;\n\n  /**\n   * Define an element that triggers the dropdown.\n   * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n   */\n  @Prop() trigger: string | HTMLElement;\n\n  /**\n   * Define an anchor element\n   */\n  @Prop() anchor: string | HTMLElement;\n\n  /**\n   * Close behavior\n   */\n  @Prop() closeBehavior: 'inside' | 'outside' | 'both' | boolean = 'both';\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement: Placement = 'bottom-start';\n\n  /**\n   * Position strategy\n   */\n  @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n  /**\n   * Adjust dropdown width to the parent width\n   * @deprecated Will be removed in 2.0.0. Property has a typo use `adjustDropdownWidthToReferenceWidth` instead.\n   */\n  @Prop() adjustDropdownWidthToReferenceWith = false;\n\n  /**\n   * Adjust dropdown width to the parent width\n   *\n   * @deprecated Will be removed. Not used anymore\n   */\n  @Prop() adjustDropdownWidthToReferenceWidth = false;\n\n  /**\n   * An optional header shown at the top of the dropdown\n   */\n  @Prop() header?: string;\n\n  /**\n   * Move dropdown along main axis of alignment\n   *\n   * @internal\n   */\n  @Prop() offset: {\n    mainAxis?: number;\n    crossAxis?: number;\n    alignmentAxis?: number;\n  };\n\n  /**\n   * Define one or more events to open dropdown\n   * @internal\n   */\n  @Prop() triggerEvent: DropdownTriggerEvent | DropdownTriggerEvent[] = 'click';\n\n  /**\n   * @internal\n   */\n  @Prop() overwriteDropdownStyle: (delegate: {\n    dropdownRef: HTMLElement;\n    triggerRef?: HTMLElement;\n  }) => Promise<Partial<CSSStyleDeclaration>>;\n\n  /**\n   * Fire event after visibility of dropdown has changed\n   */\n  @Event() showChanged: EventEmitter<boolean>;\n\n  private autoUpdateCleanup: () => void = null;\n\n  private triggerElement?: Element;\n  private anchorElement?: Element;\n\n  private dropdownRef: HTMLElement;\n\n  private toggleBind: any;\n  private openBind: any;\n\n  constructor() {\n    this.toggleBind = this.toggle.bind(this);\n    this.openBind = this.open.bind(this);\n  }\n\n  get dropdownItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n  }\n\n  private addEventListenersFor(triggerEvent: DropdownTriggerEvent) {\n    switch (triggerEvent) {\n      case 'click':\n        if (this.closeBehavior === 'outside') {\n          this.triggerElement.addEventListener('click', this.openBind);\n        } else {\n          this.triggerElement.addEventListener('click', this.toggleBind);\n        }\n        break;\n\n      case 'hover':\n        this.triggerElement.addEventListener('mouseenter', this.openBind);\n        break;\n\n      case 'focus':\n        this.triggerElement.addEventListener('focusin', this.openBind);\n        break;\n    }\n  }\n\n  private removeEventListenersFor(\n    triggerEvent: DropdownTriggerEvent,\n    triggerElement: Element\n  ) {\n    switch (triggerEvent) {\n      case 'click':\n        if (this.closeBehavior === 'outside') {\n          triggerElement.removeEventListener('click', this.openBind);\n        } else {\n          triggerElement.removeEventListener('click', this.toggleBind);\n        }\n        break;\n\n      case 'hover':\n        triggerElement.removeEventListener('mouseenter', this.openBind);\n        break;\n\n      case 'focus':\n        triggerElement.removeEventListener('focusin', this.openBind);\n        break;\n    }\n  }\n\n  private async registerListener(element: string | HTMLElement) {\n    this.triggerElement = await this.resolveElement(element);\n    if (this.triggerElement) {\n      if (Array.isArray(this.triggerEvent)) {\n        this.triggerEvent.forEach((triggerEvent) => {\n          this.addEventListenersFor(triggerEvent);\n        });\n      } else {\n        this.addEventListenersFor(this.triggerEvent);\n      }\n    }\n  }\n\n  private async unregisterListener(element: string | HTMLElement) {\n    const trigger = await this.resolveElement(element);\n    if (Array.isArray(this.triggerEvent)) {\n      this.triggerEvent.forEach((triggerEvent) => {\n        this.removeEventListenersFor(triggerEvent, trigger);\n      });\n    } else {\n      this.removeEventListenersFor(this.triggerEvent, trigger);\n    }\n  }\n\n  private resolveElement(element: string | HTMLElement): Promise<Element> {\n    if (typeof element !== 'string') {\n      return Promise.resolve(element);\n    }\n\n    const selector = `#${element}`;\n    return new Promise((resolve) => {\n      if (document.querySelector(selector)) {\n        return resolve(document.querySelector(selector));\n      }\n\n      const observer = new MutationObserver(() => {\n        if (document.querySelector(selector)) {\n          resolve(document.querySelector(selector));\n          observer.disconnect();\n        }\n      });\n\n      observer.observe(document.body, {\n        childList: true,\n        subtree: true,\n      });\n    });\n  }\n\n  @Watch('show')\n  async changedShow(newShow: boolean) {\n    if (newShow) {\n      this.anchorElement = await (this.anchor\n        ? this.resolveElement(this.anchor)\n        : this.resolveElement(this.trigger));\n\n      if (this.anchorElement) {\n        this.applyDropdownPosition();\n      }\n    }\n  }\n\n  @Watch('trigger')\n  changedTrigger(\n    newTriggerValue: string | HTMLElement,\n    oldTriggerValue: string | HTMLElement\n  ) {\n    if (newTriggerValue) {\n      this.registerListener(newTriggerValue);\n    }\n\n    if (oldTriggerValue) {\n      this.unregisterListener(oldTriggerValue);\n    }\n  }\n\n  @Listen('click', {\n    target: 'window',\n  })\n  clickOutside(event: Event) {\n    const target = event.target as HTMLElement;\n\n    if (\n      this.show === false ||\n      this.closeBehavior === false ||\n      this.anchorElement?.contains(target) ||\n      this.triggerElement?.contains(target)\n    ) {\n      return;\n    }\n\n    switch (this.closeBehavior) {\n      case 'outside':\n        if (!this.dropdownRef.contains(target)) {\n          this.close();\n        }\n        break;\n      case 'inside':\n        if (this.dropdownRef.contains(target) && this.hostElement !== target) {\n          this.close();\n        }\n        break;\n      case 'both':\n        if (this.hostElement !== target) this.close();\n        break;\n      default:\n        this.close();\n    }\n  }\n\n  private isNestedDropdown(element: Element) {\n    return element.closest('ix-dropdown');\n  }\n\n  private isAnchorSubmenu() {\n    const anchor = this.anchorElement?.closest('ix-dropdown-item');\n    if (!anchor) {\n      return false;\n    }\n\n    return true;\n  }\n\n  private toggle(event?: Event) {\n    event?.preventDefault();\n\n    if (this.isNestedDropdown(event.target as HTMLElement)) {\n      event?.stopPropagation();\n    }\n\n    this.show = !this.show;\n    this.showChanged.emit(this.show);\n  }\n\n  private open(event?: Event) {\n    event?.preventDefault();\n\n    if (this.isNestedDropdown(event.target as HTMLElement)) {\n      event?.stopPropagation();\n    }\n\n    this.show = true;\n    this.showChanged.emit(true);\n  }\n\n  private close(event?: Event) {\n    if (event?.defaultPrevented) {\n      return;\n    }\n\n    this.show = false;\n    this.showChanged.emit(false);\n  }\n\n  private async applyDropdownPosition() {\n    if (!this.anchorElement) {\n      return;\n    }\n    if (!this.dropdownRef) {\n      return;\n    }\n    const isSubmenu = this.isAnchorSubmenu();\n\n    let positionConfig: Partial<ComputePositionConfig> = {\n      strategy: this.positioningStrategy,\n      middleware: [],\n    };\n\n    if (isSubmenu) {\n      positionConfig.placement = 'right-start';\n    }\n\n    if (this.placement.includes('auto') || isSubmenu) {\n      positionConfig.middleware.push(\n        flip({ fallbackStrategy: 'initialPlacement' })\n      );\n      positionConfig.placement = 'bottom-start';\n    } else {\n      positionConfig.placement = this.placement as\n        | BasePlacement\n        | PlacementWithAlignment;\n    }\n\n    positionConfig.middleware = [\n      ...positionConfig.middleware,\n      inline(),\n      shift(),\n    ];\n\n    if (this.offset) {\n      positionConfig.middleware.push(offset(this.offset));\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n      this.autoUpdateCleanup = null;\n    }\n    this.autoUpdateCleanup = autoUpdate(\n      this.anchorElement,\n      this.dropdownRef,\n      async () => {\n        const computeResponse = await computePosition(\n          this.anchorElement,\n          this.dropdownRef,\n          positionConfig\n        );\n        Object.assign(this.dropdownRef.style, {\n          top: '0',\n          left: '0',\n          transform: `translate(${Math.round(computeResponse.x)}px,${Math.round(\n            computeResponse.y\n          )}px)`,\n        });\n        if (this.overwriteDropdownStyle) {\n          const overwriteStyle = await this.overwriteDropdownStyle({\n            dropdownRef: this.dropdownRef,\n            triggerRef: this.triggerElement as HTMLElement,\n          });\n\n          Object.assign(this.dropdownRef.style, overwriteStyle);\n        }\n      },\n      {\n        ancestorResize: true,\n        ancestorScroll: true,\n        elementResize: true,\n      }\n    );\n  }\n\n  async componentDidLoad() {\n    if (this.trigger) {\n      this.registerListener(this.trigger);\n    }\n  }\n\n  async componentDidRender() {\n    await this.applyDropdownPosition();\n  }\n\n  disconnectedCallback() {\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n  }\n\n  /**\n   * Update position of dropdown\n   */\n  @Method()\n  async updatePosition() {\n    this.applyDropdownPosition();\n  }\n\n  render() {\n    return (\n      <Host\n        ref={(ref) => (this.dropdownRef = ref)}\n        class={{\n          'dropdown-menu': true,\n          show: this.show,\n          overflow: true,\n        }}\n        style={{\n          margin: '0',\n          minWidth: '0px',\n          position: this.positioningStrategy,\n        }}\n      >\n        <div style={{ display: 'contents' }}>\n          {this.header ? <div class=\"dropdown-header\">{this.header}</div> : ''}\n\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  display: block;\n\n  &.icon-only {\n    min-width: 0;\n\n    .dropdown-item > .glyph {\n      margin-inline-end: 0;\n    }\n\n    .dropdown-item {\n      padding: $tiny-space $small-space;\n\n      @include focus-visible {\n        border-color: #199fff;\n      }\n    }\n  }\n\n  :focus {\n    background-color: transparent;\n    color: var(--theme-menu-item--color);\n  }\n\n  .checkmark {\n    position: absolute;\n    left: $small-space;\n  }\n\n  &.checked {\n    background-color: var(--theme-select-list-item--background--selected);\n  }\n\n  .label {\n    @include ellipsis;\n  }\n\n  &.disabled {\n    pointer-events: none;\n  }\n}\n\n::slotted(ix-icon) {\n  margin-inline-start: auto;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-dropdown-item',\n  styleUrl: 'dropdown-item.scss',\n  scoped: true,\n})\nexport class DropdownItem {\n  @Element() hostElement!: HTMLIxDropdownItemElement;\n\n  /**\n   * Label of dropdown item\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon of dropdown item\n   */\n  @Prop() icon: string;\n\n  /**\n   * Display hover state\n   */\n  @Prop() hover = false;\n\n  /**\n   * Disable item and remove event listeners\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Whether the item is checked or not. If true a checkmark will mark the item as checked.\n   */\n  @Prop() checked = false;\n\n  /**\n   * Click on item\n   */\n  @Event() itemClick: EventEmitter<HTMLIxDropdownItemElement>;\n\n  /**\n   * Internal usage only\n   */\n  @Method()\n  async emitItemClick() {\n    this.itemClick.emit(this.hostElement);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          checked: this.checked,\n          'icon-text': this.label !== undefined && this.icon !== undefined,\n          'icon-only': this.label === undefined && this.icon !== undefined,\n          disabled: this.disabled,\n        }}\n      >\n        <button\n          type=\"button\"\n          class={{\n            'dropdown-item': true,\n            hover: this.hover,\n            disabled: this.disabled,\n          }}\n          onClick={() => this.emitItemClick()}\n          tabindex={0}\n        >\n          {this.checked ? (\n            <ix-icon class=\"checkmark\" name=\"single-check\" size=\"16\"></ix-icon>\n          ) : null}\n\n          {this.icon ? (\n            <span\n              class={{\n                glyph: true,\n                [`glyph-${this.icon}`]: true,\n                disabled: this.disabled,\n              }}\n            ></span>\n          ) : null}\n\n          {this.label ? <span class=\"label\">{this.label}</span> : null}\n          <slot></slot>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kIAAA,MAAMA,EAAc,w9S,MC0CPC,EAAQ,MA4FnBC,YAAAC,G,mDAVQC,KAAAC,kBAAgC,K,UA5EO,M,gEAgBkB,O,eAKlC,e,yBAKqB,Q,wCAMP,M,yCAOC,M,8DAsBwB,Q,sCA0BpED,KAAKE,WAAaF,KAAKG,OAAOC,KAAKJ,MACnCA,KAAKK,SAAWL,KAAKM,KAAKF,KAAKJ,K,CAG7BO,oBACF,OAAOC,MAAMC,KAAKT,KAAKU,YAAYC,iBAAiB,oB,CAG9CC,qBAAqBC,GAC3B,OAAQA,GACN,IAAK,QACH,GAAIb,KAAKc,gBAAkB,UAAW,CACpCd,KAAKe,eAAeC,iBAAiB,QAAShB,KAAKK,S,KAC9C,CACLL,KAAKe,eAAeC,iBAAiB,QAAShB,KAAKE,W,CAErD,MAEF,IAAK,QACHF,KAAKe,eAAeC,iBAAiB,aAAchB,KAAKK,UACxD,MAEF,IAAK,QACHL,KAAKe,eAAeC,iBAAiB,UAAWhB,KAAKK,UACrD,M,CAIEY,wBACNJ,EACAE,GAEA,OAAQF,GACN,IAAK,QACH,GAAIb,KAAKc,gBAAkB,UAAW,CACpCC,EAAeG,oBAAoB,QAASlB,KAAKK,S,KAC5C,CACLU,EAAeG,oBAAoB,QAASlB,KAAKE,W,CAEnD,MAEF,IAAK,QACHa,EAAeG,oBAAoB,aAAclB,KAAKK,UACtD,MAEF,IAAK,QACHU,EAAeG,oBAAoB,UAAWlB,KAAKK,UACnD,M,CAIEc,uBAAuBC,GAC7BpB,KAAKe,qBAAuBf,KAAKqB,eAAeD,GAChD,GAAIpB,KAAKe,eAAgB,CACvB,GAAIP,MAAMc,QAAQtB,KAAKa,cAAe,CACpCb,KAAKa,aAAaU,SAASV,IACzBb,KAAKY,qBAAqBC,EAAa,G,KAEpC,CACLb,KAAKY,qBAAqBZ,KAAKa,a,GAK7BM,yBAAyBC,GAC/B,MAAMI,QAAgBxB,KAAKqB,eAAeD,GAC1C,GAAIZ,MAAMc,QAAQtB,KAAKa,cAAe,CACpCb,KAAKa,aAAaU,SAASV,IACzBb,KAAKiB,wBAAwBJ,EAAcW,EAAQ,G,KAEhD,CACLxB,KAAKiB,wBAAwBjB,KAAKa,aAAcW,E,EAI5CH,eAAeD,GACrB,UAAWA,IAAY,SAAU,CAC/B,OAAOK,QAAQC,QAAQN,E,CAGzB,MAAMO,EAAW,IAAIP,IACrB,OAAO,IAAIK,SAASC,IAClB,GAAIE,SAASC,cAAcF,GAAW,CACpC,OAAOD,EAAQE,SAASC,cAAcF,G,CAGxC,MAAMG,EAAW,IAAIC,kBAAiB,KACpC,GAAIH,SAASC,cAAcF,GAAW,CACpCD,EAAQE,SAASC,cAAcF,IAC/BG,EAASE,Y,KAIbF,EAASG,QAAQL,SAASM,KAAM,CAC9BC,UAAW,KACXC,QAAS,MACT,G,CAKNjB,kBAAkBkB,GAChB,GAAIA,EAAS,CACXrC,KAAKsC,oBAAuBtC,KAAKuC,OAC7BvC,KAAKqB,eAAerB,KAAKuC,QACzBvC,KAAKqB,eAAerB,KAAKwB,UAE7B,GAAIxB,KAAKsC,cAAe,CACtBtC,KAAKwC,uB,GAMXC,eACEC,EACAC,GAEA,GAAID,EAAiB,CACnB1C,KAAK4C,iBAAiBF,E,CAGxB,GAAIC,EAAiB,CACnB3C,KAAK6C,mBAAmBF,E,EAO5BG,aAAaC,G,QACX,MAAMC,EAASD,EAAMC,OAErB,GACEhD,KAAKiD,OAAS,OACdjD,KAAKc,gBAAkB,SACvBoC,EAAAlD,KAAKsC,iBAAa,MAAAY,SAAA,SAAAA,EAAEC,SAASH,OAC7BI,EAAApD,KAAKe,kBAAc,MAAAqC,SAAA,SAAAA,EAAED,SAASH,IAC9B,CACA,M,CAGF,OAAQhD,KAAKc,eACX,IAAK,UACH,IAAKd,KAAKqD,YAAYF,SAASH,GAAS,CACtChD,KAAKsD,O,CAEP,MACF,IAAK,SACH,GAAItD,KAAKqD,YAAYF,SAASH,IAAWhD,KAAKU,cAAgBsC,EAAQ,CACpEhD,KAAKsD,O,CAEP,MACF,IAAK,OACH,GAAItD,KAAKU,cAAgBsC,EAAQhD,KAAKsD,QACtC,MACF,QACEtD,KAAKsD,Q,CAIHC,iBAAiBnC,GACvB,OAAOA,EAAQoC,QAAQ,c,CAGjBC,kB,MACN,MAAMlB,GAASW,EAAAlD,KAAKsC,iBAAa,MAAAY,SAAA,SAAAA,EAAEM,QAAQ,oBAC3C,IAAKjB,EAAQ,CACX,OAAO,K,CAGT,OAAO,I,CAGDpC,OAAO4C,GACbA,IAAK,MAALA,SAAK,SAALA,EAAOW,iBAEP,GAAI1D,KAAKuD,iBAAiBR,EAAMC,QAAwB,CACtDD,IAAK,MAALA,SAAK,SAALA,EAAOY,iB,CAGT3D,KAAKiD,MAAQjD,KAAKiD,KAClBjD,KAAK4D,YAAYC,KAAK7D,KAAKiD,K,CAGrB3C,KAAKyC,GACXA,IAAK,MAALA,SAAK,SAALA,EAAOW,iBAEP,GAAI1D,KAAKuD,iBAAiBR,EAAMC,QAAwB,CACtDD,IAAK,MAALA,SAAK,SAALA,EAAOY,iB,CAGT3D,KAAKiD,KAAO,KACZjD,KAAK4D,YAAYC,KAAK,K,CAGhBP,MAAMP,GACZ,GAAIA,IAAK,MAALA,SAAK,SAALA,EAAOe,iBAAkB,CAC3B,M,CAGF9D,KAAKiD,KAAO,MACZjD,KAAK4D,YAAYC,KAAK,M,CAGhB1C,8BACN,IAAKnB,KAAKsC,cAAe,CACvB,M,CAEF,IAAKtC,KAAKqD,YAAa,CACrB,M,CAEF,MAAMU,EAAY/D,KAAKyD,kBAEvB,IAAIO,EAAiD,CACnDC,SAAUjE,KAAKkE,oBACfC,WAAY,IAGd,GAAIJ,EAAW,CACbC,EAAeI,UAAY,a,CAG7B,GAAIpE,KAAKoE,UAAUC,SAAS,SAAWN,EAAW,CAChDC,EAAeG,WAAWG,KACxBC,EAAK,CAAEC,iBAAkB,sBAE3BR,EAAeI,UAAY,c,KACtB,CACLJ,EAAeI,UAAYpE,KAAKoE,S,CAKlCJ,EAAeG,WAAa,IACvBH,EAAeG,WAClBM,IACAC,KAGF,GAAI1E,KAAK2E,OAAQ,CACfX,EAAeG,WAAWG,KAAKK,EAAO3E,KAAK2E,Q,CAG7C,GAAI3E,KAAKC,kBAAmB,CAC1BD,KAAKC,oBACLD,KAAKC,kBAAoB,I,CAE3BD,KAAKC,kBAAoB2E,EACvB5E,KAAKsC,cACLtC,KAAKqD,aACLlC,UACE,MAAM0D,QAAwBC,EAC5B9E,KAAKsC,cACLtC,KAAKqD,YACLW,GAEFe,OAAOC,OAAOhF,KAAKqD,YAAY4B,MAAO,CACpCC,IAAK,IACLC,KAAM,IACNC,UAAW,aAAaC,KAAKC,MAAMT,EAAgBU,QAAQF,KAAKC,MAC9DT,EAAgBW,UAGpB,GAAIxF,KAAKyF,uBAAwB,CAC/B,MAAMC,QAAuB1F,KAAKyF,uBAAuB,CACvDpC,YAAarD,KAAKqD,YAClBsC,WAAY3F,KAAKe,iBAGnBgE,OAAOC,OAAOhF,KAAKqD,YAAY4B,MAAOS,E,IAG1C,CACEE,eAAgB,KAChBC,eAAgB,KAChBC,cAAe,M,CAKrB3E,yBACE,GAAInB,KAAKwB,QAAS,CAChBxB,KAAK4C,iBAAiB5C,KAAKwB,Q,EAI/BL,iCACQnB,KAAKwC,uB,CAGbuD,uBACE,GAAI/F,KAAKC,kBAAmB,CAC1BD,KAAKC,mB,EAQTkB,uBACEnB,KAAKwC,uB,CAGPwD,SACE,OACEC,EAACC,EAAI,CACHC,IAAMA,GAASnG,KAAKqD,YAAc8C,EAClCC,MAAO,CACL,gBAAiB,KACjBnD,KAAMjD,KAAKiD,KACXoD,SAAU,MAEZpB,MAAO,CACLqB,OAAQ,IACRC,SAAU,MACVC,SAAUxG,KAAKkE,sBAGjB+B,EAAA,OAAKhB,MAAO,CAAEwB,QAAS,aACpBzG,KAAK0G,OAAST,EAAA,OAAKG,MAAM,mBAAmBpG,KAAK0G,QAAgB,GAElET,EAAA,c,4HC1cV,MAAMU,EAAkB,09B,MCyBXC,EAAY,M,kHAgBP,M,cAKG,M,aAKD,K,CAWlBzF,sBACEnB,KAAK6G,UAAUhD,KAAK7D,KAAKU,Y,CAG3BsF,SACE,OACEC,EAACC,EAAI,CACHE,MAAO,CACLU,QAAS9G,KAAK8G,QACd,YAAa9G,KAAK+G,QAAUC,WAAahH,KAAKiH,OAASD,UACvD,YAAahH,KAAK+G,QAAUC,WAAahH,KAAKiH,OAASD,UACvDE,SAAUlH,KAAKkH,WAGjBjB,EAAA,UACEkB,KAAK,SACLf,MAAO,CACL,gBAAiB,KACjBgB,MAAOpH,KAAKoH,MACZF,SAAUlH,KAAKkH,UAEjBG,QAAS,IAAMrH,KAAKsH,gBACpBC,SAAU,GAETvH,KAAK8G,QACJb,EAAA,WAASG,MAAM,YAAYoB,KAAK,eAAeC,KAAK,OAClD,KAEHzH,KAAKiH,KACJhB,EAAA,QACEG,MAAO,CACLsB,MAAO,KACP,CAAC,SAAS1H,KAAKiH,QAAS,KACxBC,SAAUlH,KAAKkH,YAGjB,KAEHlH,KAAK+G,MAAQd,EAAA,QAAMG,MAAM,SAASpG,KAAK+G,OAAgB,KACxDd,EAAA,c"}

package/dist/siemens-ix/p-9a82921b.entry.js

@@ -1,2 +0,0 @@
-import{r as i,h as r,H as a,g as t}from"./p-1c64b073.js";const l='.sc-ix-pill-h{display:inline-flex;width:-moz-fit-content;width:fit-content;position:relative;align-items:center;justify-content:center;border-radius:100px;padding:0px 6px;margin-left:0.25rem;min-width:1.5rem;height:1.25rem;min-height:1.25rem;max-height:1.25rem;cursor:auto}.sc-ix-pill-h .with-icon.sc-ix-pill{margin-right:0.25rem}.align-left.sc-ix-pill-h{justify-content:flex-start}[variant=primary].sc-ix-pill-h{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}[variant=primary].sc-ix-pill-h .close-button.sc-ix-pill{color:var(--theme-chip-primary--color);pointer-events:auto}[variant=primary].outline.sc-ix-pill-h{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}[variant=primary].outline.sc-ix-pill-h .close-button.sc-ix-pill{color:var(--theme-chip-primary-outline--color)}[variant=alarm].sc-ix-pill-h{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-alarm)}[variant=alarm].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=alarm].sc-ix-pill-h:not(.outline).active::after,[variant=alarm].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=alarm].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}[variant=alarm].outline.sc-ix-pill-h:hover::after{display:none}[variant=alarm].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=alarm].outline.active.sc-ix-pill-h::after,[variant=alarm].outline.sc-ix-pill-h:active::after{display:none}[variant=alarm].outline.active.sc-ix-pill-h,[variant=alarm].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=critical].sc-ix-pill-h{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-critical)}[variant=critical].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=critical].sc-ix-pill-h:not(.outline).active::after,[variant=critical].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=critical].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}[variant=critical].outline.sc-ix-pill-h:hover::after{display:none}[variant=critical].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=critical].outline.active.sc-ix-pill-h::after,[variant=critical].outline.sc-ix-pill-h:active::after{display:none}[variant=critical].outline.active.sc-ix-pill-h,[variant=critical].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=warning].sc-ix-pill-h{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-warning)}[variant=warning].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=warning].sc-ix-pill-h:not(.outline).active::after,[variant=warning].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=warning].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}[variant=warning].outline.sc-ix-pill-h:hover::after{display:none}[variant=warning].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=warning].outline.active.sc-ix-pill-h::after,[variant=warning].outline.sc-ix-pill-h:active::after{display:none}[variant=warning].outline.active.sc-ix-pill-h,[variant=warning].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=info].sc-ix-pill-h{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-info)}[variant=info].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=info].sc-ix-pill-h:not(.outline).active::after,[variant=info].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=info].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}[variant=info].outline.sc-ix-pill-h:hover::after{display:none}[variant=info].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=info].outline.active.sc-ix-pill-h::after,[variant=info].outline.sc-ix-pill-h:active::after{display:none}[variant=info].outline.active.sc-ix-pill-h,[variant=info].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=neutral].sc-ix-pill-h{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-neutral)}[variant=neutral].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=neutral].sc-ix-pill-h:not(.outline).active::after,[variant=neutral].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=neutral].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}[variant=neutral].outline.sc-ix-pill-h:hover::after{display:none}[variant=neutral].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=neutral].outline.active.sc-ix-pill-h::after,[variant=neutral].outline.sc-ix-pill-h:active::after{display:none}[variant=neutral].outline.active.sc-ix-pill-h,[variant=neutral].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=success].sc-ix-pill-h{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-pill-h:not(.outline){background-color:var(--theme-color-success)}[variant=success].sc-ix-pill-h:not(.outline) .close-button.sc-ix-pill{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=success].sc-ix-pill-h:not(.outline).active::after,[variant=success].sc-ix-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=success].outline.sc-ix-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}[variant=success].outline.sc-ix-pill-h:hover::after{display:none}[variant=success].outline.sc-ix-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=success].outline.active.sc-ix-pill-h::after,[variant=success].outline.sc-ix-pill-h:active::after{display:none}[variant=success].outline.active.sc-ix-pill-h,[variant=success].outline.sc-ix-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=custom].outline.sc-ix-pill-h{border:solid 1px transparent;background-color:transparent}.sc-ix-pill-h .slot.sc-ix-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-pill-h .hidden.sc-ix-pill{width:0px;margin-right:0px}';const o=class{constructor(r){i(this,r);this.variant="primary";this.outline=false;this.icon=undefined;this.background=undefined;this.color=undefined;this.alignLeft=false}render(){return r(a,{class:{outline:this.outline,"align-left":this.alignLeft},style:this.variant==="custom"?{color:this.color,backgroundColor:this.background}:{},title:this.el.textContent},r("ix-icon",{class:{"with-icon":true,hidden:this.icon===undefined||this.icon===""},name:this.icon,size:"16"}),r("div",{class:"slot"},r("slot",null)))}get el(){return t(this)}};o.style=l;export{o as ix_pill};
-//# sourceMappingURL=p-9a82921b.entry.js.map

package/dist/siemens-ix/p-9a82921b.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pillCss","Pill","render","h","Host","class","outline","this","alignLeft","style","variant","color","backgroundColor","background","title","el","textContent","hidden","icon","undefined","name","size"],"sources":["./src/components/pill/pill.scss?tag=ix-pill&encapsulation=scoped","./src/components/pill/pill.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import './../chip/chip-mixin';\n@import 'common-variables';\n@import 'mixins/text-truncation';\n\n$border-radius: 100px;\n$chip-height: 1.25rem;\n\n:host {\n  display: inline-flex;\n  width: fit-content;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n\n  border-radius: $border-radius;\n  padding: 0px 6px;\n  margin-left: 0.25rem;\n  min-width: $large-space;\n  height: $chip-height;\n  min-height: $chip-height;\n  max-height: $chip-height;\n  cursor: auto;\n\n  .with-icon {\n    margin-right: $tiny-space;\n  }\n\n  &.align-left {\n    justify-content: flex-start;\n  }\n\n  @include chip($interaction: false);\n\n  .slot {\n    @include ellipsis;\n  }\n\n  .hidden {\n    width: 0px;\n    margin-right: 0px;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-pill',\n  styleUrl: 'pill.scss',\n  scoped: true,\n})\nexport class Pill {\n  @Element() el: HTMLIxPillElement;\n\n  /**\n   * Pill variant\n   */\n  @Prop({ reflect: true }) variant:\n    | 'primary'\n    | 'alarm'\n    | 'critical'\n    | 'warning'\n    | 'info'\n    | 'neutral'\n    | 'success'\n    | 'custom' = 'primary';\n\n  /**\n   * Show pill as outline\n   */\n  @Prop() outline = false;\n\n  /**\n   * Show icon\n   */\n  @Prop() icon: string | undefined;\n\n  /**\n   * Custom color for pill. Only working for `variant='custom'`\n   */\n  @Prop() background: string | undefined;\n\n  /**\n   * Custom font color for pill. Only working for `variant='custom'`\n   */\n  @Prop() color: string | undefined;\n\n  /**\n   * Align pill content left\n   */\n  @Prop() alignLeft = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          outline: this.outline,\n          'align-left': this.alignLeft,\n        }}\n        style={\n          this.variant === 'custom'\n            ? {\n                color: this.color,\n                backgroundColor: this.background,\n              }\n            : {}\n        }\n        title={this.el.textContent}\n      >\n        <ix-icon\n          class={{\n            'with-icon': true,\n            hidden: this.icon === undefined || this.icon === '',\n          }}\n          name={this.icon}\n          size={'16'}\n        />\n        <div class=\"slot\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAU,0hP,MCgBHC,EAAI,M,sCAcA,U,aAKG,M,kFAoBE,K,CAEpBC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,QAASC,KAAKD,QACd,aAAcC,KAAKC,WAErBC,MACEF,KAAKG,UAAY,SACb,CACEC,MAAOJ,KAAKI,MACZC,gBAAiBL,KAAKM,YAExB,GAENC,MAAOP,KAAKQ,GAAGC,aAEfb,EAAA,WACEE,MAAO,CACL,YAAa,KACbY,OAAQV,KAAKW,OAASC,WAAaZ,KAAKW,OAAS,IAEnDE,KAAMb,KAAKW,KACXG,KAAM,OAERlB,EAAA,OAAKE,MAAM,QACTF,EAAA,c"}

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

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

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

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

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

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