@siemens/ix 1.6.3 → 2.0.0-beta.1

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

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

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

@@ -0,0 +1,2 @@
+import{r as o,h as r,g as t,H as e}from"./p-76a509c7.js";const l=':host(.xx-small){display:block;position:relative;width:0.75rem;height:0.75rem;min-width:0.75rem;min-height:0.75rem;max-width:0.75rem;max-height:0.75rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}:host(.xx-small) *,:host(.xx-small) *::after,:host(.xx-small) *::before{box-sizing:border-box}:host(.xx-small) ::-webkit-scrollbar-button{display:none}:host(.xx-small) ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host(.xx-small) ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host(.xx-small) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host(.xx-small) ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host(.xx-small) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host(.xx-small) ::-webkit-scrollbar-corner{display:none}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{-webkit-clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{-webkit-clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{-webkit-clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}:host(.xx-small)::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}:host(:not(.hide-track)):host(.xx-small)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--theme-color-ghost--hover)}:host(.primary)::after{border-color:var(--theme-color-dynamic)}:host(.primary)::before{border-color:var(--theme-color-ghost--hover)}:host(.x-small){display:block;position:relative;width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}:host(.x-small) *,:host(.x-small) *::after,:host(.x-small) *::before{box-sizing:border-box}:host(.x-small) ::-webkit-scrollbar-button{display:none}:host(.x-small) ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host(.x-small) ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host(.x-small) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host(.x-small) ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host(.x-small) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host(.x-small) ::-webkit-scrollbar-corner{display:none}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{-webkit-clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{-webkit-clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{-webkit-clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}:host(.x-small)::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}:host(:not(.hide-track)):host(.x-small)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-ghost--hover)}:host(.primary)::after{border-color:var(--theme-color-dynamic)}:host(.primary)::before{border-color:var(--theme-color-ghost--hover)}:host(.small){display:block;position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}:host(.small) *,:host(.small) *::after,:host(.small) *::before{box-sizing:border-box}:host(.small) ::-webkit-scrollbar-button{display:none}:host(.small) ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host(.small) ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host(.small) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host(.small) ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host(.small) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host(.small) ::-webkit-scrollbar-corner{display:none}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{-webkit-clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{-webkit-clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{-webkit-clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}:host(.small)::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}:host(:not(.hide-track)):host(.small)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-ghost--hover)}:host(.primary)::after{border-color:var(--theme-color-dynamic)}:host(.primary)::before{border-color:var(--theme-color-ghost--hover)}:host(.medium){display:block;position:relative;width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}:host(.medium) *,:host(.medium) *::after,:host(.medium) *::before{box-sizing:border-box}:host(.medium) ::-webkit-scrollbar-button{display:none}:host(.medium) ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host(.medium) ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host(.medium) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host(.medium) ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host(.medium) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host(.medium) ::-webkit-scrollbar-corner{display:none}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{-webkit-clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{-webkit-clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{-webkit-clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}:host(.medium)::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}:host(:not(.hide-track)):host(.medium)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-ghost--hover)}:host(.primary)::after{border-color:var(--theme-color-dynamic)}:host(.primary)::before{border-color:var(--theme-color-ghost--hover)}:host(.large){display:block;position:relative;width:6rem;height:6rem;min-width:6rem;min-height:6rem;max-width:6rem;max-height:6rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}:host(.large) *,:host(.large) *::after,:host(.large) *::before{box-sizing:border-box}:host(.large) ::-webkit-scrollbar-button{display:none}:host(.large) ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host(.large) ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host(.large) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host(.large) ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host(.large) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host(.large) ::-webkit-scrollbar-corner{display:none}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{-webkit-clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{-webkit-clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{-webkit-clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{-webkit-clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{-webkit-clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}:host(.large)::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}:host(:not(.hide-track)):host(.large)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--theme-color-ghost--hover)}:host(.primary)::after{border-color:var(--theme-color-dynamic)}:host(.primary)::before{border-color:var(--theme-color-ghost--hover)}';const a=class{constructor(r){o(this,r);this.variant="secondary";this.size="medium";this.hideTrack=false}render(){return r(e,{class:{primary:this.variant==="primary","xx-small":this.size==="xx-small","x-small":this.size==="x-small",small:this.size==="small",medium:this.size==="medium",large:this.size==="large","hide-track":this.hideTrack}})}get hostElement(){return t(this)}};a.style=l;export{a as ix_spinner};
+//# sourceMappingURL=p-f9b004ba.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spinnerCss","Spinner","render","h","Host","class","primary","this","variant","size","small","medium","large","hideTrack"],"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@mixin ix-spinner($host-class: 'medium', $size: 2rem, $track-size: 4px) {\n  :host(.#{$host-class}) {\n    @include ix-component;\n    display: block;\n    position: relative;\n\n    width: $size;\n    height: $size;\n    min-width: $size;\n    min-height: $size;\n    max-width: $size;\n    max-height: $size;\n    border-radius: 100%;\n    position: relative;\n    animation: rotate 2s linear infinite;\n\n    @keyframes rotate {\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes clipMask {\n      0% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n      12.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n      }\n      25% {\n        clip-path: polygon(\n          50% 50%,\n          0 0,\n          100% 0,\n          100% 100%,\n          100% 100%,\n          100% 100%\n        );\n      }\n      37.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n      }\n      50% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      62.5% {\n        clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      75% {\n        clip-path: polygon(\n          50% 50%,\n          100% 100%,\n          100% 100%,\n          100% 100%,\n          0 100%,\n          0 0\n        );\n      }\n      87.5% {\n        clip-path: polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);\n      }\n      100% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n    }\n  }\n\n  :host(.#{$host-class})::after {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid\n      var(--ix-button-color, var(--theme-color-soft-text));\n    animation: clipMask 3s linear infinite;\n  }\n\n  :host(:not(.hide-track)):host(.#{$host-class})::before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid var(--theme-color-ghost--hover);\n  }\n\n  :host(.primary)::after {\n    border-color: var(--theme-color-dynamic);\n  }\n\n  :host(.primary)::before {\n    border-color: var(--theme-color-ghost--hover);\n  }\n}\n\n@include ix-spinner($host-class: 'xx-small', $size: 0.75rem, $track-size: 1px);\n@include ix-spinner($host-class: 'x-small', $size: 1.25rem, $track-size: 2px);\n@include ix-spinner($host-class: 'small', $size: 1.5rem, $track-size: 2px);\n@include ix-spinner($host-class: 'medium', $size: 2rem, $track-size: 2px);\n@include ix-spinner($host-class: 'large', $size: 6rem, $track-size: 4px);\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-spinner',\n  styleUrl: 'spinner.scss',\n  shadow: true,\n})\nexport class Spinner {\n  @Element() hostElement!: HTMLIxSpinnerElement;\n\n  /**\n   * Variant of spinner\n   */\n  @Prop() variant: 'primary' | 'secondary' = 'secondary';\n\n  /**\n   * Size of spinner\n   */\n  @Prop() size: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' =\n    'medium';\n\n  /**\n   * @internal\n   */\n  @Prop() hideTrack = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          primary: this.variant === 'primary',\n          'xx-small': this.size === 'xx-small',\n          'x-small': this.size === 'x-small',\n          small: this.size === 'small',\n          medium: this.size === 'medium',\n          large: this.size === 'large',\n          'hide-track': this.hideTrack,\n        }}\n      ></Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,mib,MCgBNC,EAAO,M,sCAMyB,Y,UAMzC,S,eAKkB,K,CAEpBC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,QAASC,KAAKC,UAAY,UAC1B,WAAYD,KAAKE,OAAS,WAC1B,UAAWF,KAAKE,OAAS,UACzBC,MAAOH,KAAKE,OAAS,QACrBE,OAAQJ,KAAKE,OAAS,SACtBG,MAAOL,KAAKE,OAAS,QACrB,aAAcF,KAAKM,Y"}

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

@@ -0,0 +1,2 @@
+import{r as t,h as i,H as e,g as a}from"./p-76a509c7.js";import{u as o,A as s}from"./p-85f39bd4.js";import{a as r,m as n}from"./p-8e39298f.js";import{h}from"./p-04eeba9e.js";import{t as l}from"./p-9a05ac00.js";import"./p-9ee41861.js";import"./p-1b705d7b.js";const c=":host{display:flex;position:relative;width:100%;height:100%;flex-direction:column}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-application-header{z-index:calc(var(--theme-z-index-sticky) + 1)}:host .logo-wrapper{display:contents}:host .application{display:flex;position:relative;flex-direction:row;height:100%;width:100%;overflow:hidden}:host main{display:block;position:relative;height:100%;width:100%;overflow:hidden}:host(.breakpoint-md){--ix-application-menu-margin-left:3.25rem}:host(.breakpoint-md) aside.slotted{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-md) aside.slotted+main{margin-left:0}:host(.breakpoint-md) aside:not(.slotted)+main{margin-left:var(--ix-application-menu-margin-left)}:host(.breakpoint-lg){--ix-application-menu-margin-left:0}:host(.breakpoint-sm){--ix-application-menu-margin-left:0}";const d=class{constructor(i){t(this,i);this.theme=undefined;this.themeSystemAppearance=false;this.forceBreakpoint=undefined;this.breakpoints=["sm","md","lg"];this.breakpoint="lg";this.applicationSidebarSlotted=false}forceLayoutChange(t){if(!t){r.enableBreakpointDetection();return}r.disableBreakpointDetection();r.setBreakpoint(t)}onBreakpointsChange(t){r.setBreakpoints(t)}get menu(){return this.hostElement.querySelector("ix-menu")}get applicationSidebarSlot(){return this.hostElement.shadowRoot.querySelector(".application-sidebar slot")}onContentClick(){var t;if(n.isPinned){return}(t=this.menu)===null||t===void 0?void 0:t.toggleMenu(false)}componentWillLoad(){r.setBreakpoints(this.breakpoints);this.contextProvider=o(this.hostElement,s,{hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted});this.modeDisposable=r.onChange.on((t=>{this.breakpoint=t}));this.breakpoint=r.breakpoint;if(this.forceBreakpoint){this.forceLayoutChange(this.forceBreakpoint)}this.changeTheme()}disconnectedCallback(){var t;(t=this.modeDisposable)===null||t===void 0?void 0:t.dispose()}changeTheme(){if(!this.theme){if(this.themeSystemAppearance){l.setVariant()}return}if(l.hasVariantSuffix(this.theme)){l.setTheme(`theme-${this.theme}`);return}l.setTheme(`theme-${this.theme}-dark`,this.themeSystemAppearance)}onApplicationSidebarChange(){this.contextProvider.emit({hideHeader:false,host:"basic-navigation",sidebar:this.applicationSidebarSlotted})}render(){return i(e,{"data-role":"",class:{[`breakpoint-${this.breakpoint}`]:true}},i("slot",{name:"application-header"}),i("div",{class:"application"},i("slot",{name:"menu"}),i("aside",{class:{"application-sidebar":true,slotted:this.applicationSidebarSlotted},onClick:()=>this.onContentClick()},i("slot",{name:"application-sidebar",onSlotchange:()=>this.applicationSidebarSlotted=h(this.applicationSidebarSlot)})),i("main",{class:"content",onClick:()=>this.onContentClick()},i("slot",null))))}get hostElement(){return a(this)}static get watchers(){return{breakpoints:["onBreakpointsChange"],theme:["changeTheme"],themeSystemAppearance:["changeTheme"],applicationSidebarSlotted:["onApplicationSidebarChange"]}}};d.style=c;export{d as ix_application};
+//# sourceMappingURL=p-f9d4ca13.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["applicationCss","Application","forceLayoutChange","newMode","applicationLayoutService","enableBreakpointDetection","disableBreakpointDetection","setBreakpoint","onBreakpointsChange","breakpoints","setBreakpoints","menu","this","hostElement","querySelector","applicationSidebarSlot","shadowRoot","onContentClick","menuController","isPinned","_a","toggleMenu","componentWillLoad","contextProvider","useContextProvider","ApplicationLayoutContext","hideHeader","host","sidebar","applicationSidebarSlotted","modeDisposable","onChange","on","mode","breakpoint","forceBreakpoint","changeTheme","disconnectedCallback","dispose","theme","themeSystemAppearance","themeSwitcher","setVariant","hasVariantSuffix","setTheme","onApplicationSidebarChange","emit","render","h","Host","class","name","slotted","onClick","onSlotchange","hasSlottedElements"],"sources":["./src/components/application/application.scss?tag=ix-application&encapsulation=shadow","./src/components/application/application.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  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  .logo-wrapper {\n    display: contents;\n  }\n\n  .application {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n  }\n\n  main {\n    display: block;\n    position: relative;\n    height: 100%;\n    width: 100%;\n    overflow: hidden;\n  }\n}\n\n:host(.breakpoint-md) {\n  --ix-application-menu-margin-left: 3.25rem;\n\n  aside.slotted {\n    margin-left: var(--ix-application-menu-margin-left);\n  }\n\n  aside.slotted + main {\n    margin-left: 0;\n  }\n\n  aside:not(.slotted) + main {\n    margin-left: var(--ix-application-menu-margin-left);\n  }\n}\n\n:host(.breakpoint-lg) {\n  --ix-application-menu-margin-left: 0;\n}\n\n:host(.breakpoint-sm) {\n  --ix-application-menu-margin-left: 0;\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, Watch } from '@stencil/core';\nimport { ApplicationLayoutContext } from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextProvider, useContextProvider } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { IxTheme, themeSwitcher } from '../utils/theme-switcher';\nimport { Disposable } from '../utils/typed-event';\n\n/** @internal */\n@Component({\n  tag: 'ix-application',\n  styleUrl: 'application.scss',\n  shadow: true,\n})\nexport class Application {\n  @Element() hostElement: HTMLIxApplicationElement;\n\n  /**\n   * Application theme\n   */\n  @Prop() theme: IxTheme;\n\n  /**\n   * Use the system appearance dark or light\n   */\n  @Prop() themeSystemAppearance = false;\n\n  /**\n   * Change the responsive layout of the menu structure\n   */\n  @Prop() forceBreakpoint: Breakpoint | undefined;\n  forceLayoutChange(newMode: Breakpoint | undefined) {\n    if (!newMode) {\n      applicationLayoutService.enableBreakpointDetection();\n      return;\n    }\n\n    applicationLayoutService.disableBreakpointDetection();\n    applicationLayoutService.setBreakpoint(newMode);\n  }\n\n  /**\n   * Supported layouts\n   */\n  @Prop() breakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n  @Watch('breakpoints')\n  onBreakpointsChange(breakpoints: Breakpoint[]) {\n    applicationLayoutService.setBreakpoints(breakpoints);\n  }\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() applicationSidebarSlotted = false;\n\n  private contextProvider: ContextProvider<typeof ApplicationLayoutContext>;\n\n  get menu(): HTMLIxMenuElement | null {\n    return this.hostElement.querySelector('ix-menu');\n  }\n\n  get applicationSidebarSlot() {\n    return this.hostElement.shadowRoot.querySelector(\n      '.application-sidebar slot'\n    ) as HTMLSlotElement;\n  }\n\n  private modeDisposable: Disposable;\n\n  private onContentClick() {\n    if (menuController.isPinned) {\n      return;\n    }\n    this.menu?.toggleMenu(false);\n  }\n\n  componentWillLoad() {\n    applicationLayoutService.setBreakpoints(this.breakpoints);\n\n    this.contextProvider = useContextProvider(\n      this.hostElement,\n      ApplicationLayoutContext,\n      {\n        hideHeader: false,\n        host: 'basic-navigation',\n        sidebar: this.applicationSidebarSlotted,\n      }\n    );\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      this.breakpoint = mode;\n    });\n    this.breakpoint = applicationLayoutService.breakpoint;\n\n    if (this.forceBreakpoint) {\n      this.forceLayoutChange(this.forceBreakpoint);\n    }\n\n    this.changeTheme();\n  }\n\n  disconnectedCallback() {\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('theme')\n  @Watch('themeSystemAppearance')\n  private changeTheme() {\n    if (!this.theme) {\n      if (this.themeSystemAppearance) {\n        themeSwitcher.setVariant();\n      }\n\n      return;\n    }\n\n    if (themeSwitcher.hasVariantSuffix(this.theme)) {\n      themeSwitcher.setTheme(`theme-${this.theme}`);\n      return;\n    }\n\n    themeSwitcher.setTheme(\n      `theme-${this.theme}-dark`,\n      this.themeSystemAppearance\n    );\n  }\n\n  @Watch('applicationSidebarSlotted')\n  onApplicationSidebarChange() {\n    this.contextProvider.emit({\n      hideHeader: false,\n      host: 'basic-navigation',\n      sidebar: this.applicationSidebarSlotted,\n    });\n  }\n\n  render() {\n    return (\n      <Host\n        data-role=\"\"\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n        }}\n      >\n        <slot name=\"application-header\"></slot>\n        <div class=\"application\">\n          <slot name=\"menu\"></slot>\n          <aside\n            class={{\n              'application-sidebar': true,\n              slotted: this.applicationSidebarSlotted,\n            }}\n            onClick={() => this.onContentClick()}\n          >\n            <slot\n              name=\"application-sidebar\"\n              onSlotchange={() =>\n                (this.applicationSidebarSlotted = hasSlottedElements(\n                  this.applicationSidebarSlot\n                ))\n              }\n            ></slot>\n          </aside>\n          <main class=\"content\" onClick={() => this.onContentClick()}>\n            <slot></slot>\n          </main>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kQAAA,MAAMA,EAAiB,k4C,MCyBVC,EAAW,M,yEAWU,M,gDAmBI,CAAC,KAAM,KAAM,M,gBAMf,K,+BACG,K,CApBrCC,kBAAkBC,GAChB,IAAKA,EAAS,CACZC,EAAyBC,4BACzB,M,CAGFD,EAAyBE,6BACzBF,EAAyBG,cAAcJ,E,CAQzCK,oBAAoBC,GAClBL,EAAyBM,eAAeD,E,CAQtCE,WACF,OAAOC,KAAKC,YAAYC,cAAc,U,CAGpCC,6BACF,OAAOH,KAAKC,YAAYG,WAAWF,cACjC,4B,CAMIG,iB,MACN,GAAIC,EAAeC,SAAU,CAC3B,M,EAEFC,EAAAR,KAAKD,QAAI,MAAAS,SAAA,SAAAA,EAAEC,WAAW,M,CAGxBC,oBACElB,EAAyBM,eAAeE,KAAKH,aAE7CG,KAAKW,gBAAkBC,EACrBZ,KAAKC,YACLY,EACA,CACEC,WAAY,MACZC,KAAM,mBACNC,QAAShB,KAAKiB,4BAIlBjB,KAAKkB,eAAiB1B,EAAyB2B,SAASC,IAAIC,IAC1DrB,KAAKsB,WAAaD,CAAI,IAExBrB,KAAKsB,WAAa9B,EAAyB8B,WAE3C,GAAItB,KAAKuB,gBAAiB,CACxBvB,KAAKV,kBAAkBU,KAAKuB,gB,CAG9BvB,KAAKwB,a,CAGPC,uB,OACEjB,EAAAR,KAAKkB,kBAAc,MAAAV,SAAA,SAAAA,EAAEkB,S,CAKfF,cACN,IAAKxB,KAAK2B,MAAO,CACf,GAAI3B,KAAK4B,sBAAuB,CAC9BC,EAAcC,Y,CAGhB,M,CAGF,GAAID,EAAcE,iBAAiB/B,KAAK2B,OAAQ,CAC9CE,EAAcG,SAAS,SAAShC,KAAK2B,SACrC,M,CAGFE,EAAcG,SACZ,SAAShC,KAAK2B,aACd3B,KAAK4B,sB,CAKTK,6BACEjC,KAAKW,gBAAgBuB,KAAK,CACxBpB,WAAY,MACZC,KAAM,mBACNC,QAAShB,KAAKiB,2B,CAIlBkB,SACE,OACEC,EAACC,EAAI,aACO,GACVC,MAAO,CACL,CAAC,cAActC,KAAKsB,cAAe,OAGrCc,EAAA,QAAMG,KAAK,uBACXH,EAAA,OAAKE,MAAM,eACTF,EAAA,QAAMG,KAAK,SACXH,EAAA,SACEE,MAAO,CACL,sBAAuB,KACvBE,QAASxC,KAAKiB,2BAEhBwB,QAAS,IAAMzC,KAAKK,kBAEpB+B,EAAA,QACEG,KAAK,sBACLG,aAAc,IACX1C,KAAKiB,0BAA4B0B,EAChC3C,KAAKG,2BAKbiC,EAAA,QAAME,MAAM,UAAUG,QAAS,IAAMzC,KAAKK,kBACxC+B,EAAA,e"}

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

@@ -0,0 +1,2 @@
+import{r,h as o,H as t}from"./p-76a509c7.js";const e=":host{display:flex;align-items:center;position:relative;height:2.5rem;width:auto;padding:0.25rem 1rem;overflow:hidden;cursor:default;color:var(--theme-color-soft-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}";const a=class{constructor(o){r(this,o);this.label=undefined}render(){return o(t,null,o("ix-typography",{class:"category-text",variant:"default-title"},this.label))}};a.style=e;export{a as ix_dropdown_header};
+//# sourceMappingURL=p-feb80449.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownHeaderCss","DropdownHeader","render","h","Host","class","variant","this","label"],"sources":["./src/components/dropdown-header/dropdown-header.scss?tag=ix-dropdown-header&encapsulation=shadow","./src/components/dropdown-header/dropdown-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@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  align-items: center;\n  position: relative;\n  height: 2.5rem;\n  width: auto;\n\n  padding: 0.25rem 1rem;\n\n  overflow: hidden;\n  cursor: default;\n\n  color: var(--theme-color-soft-text);\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/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-dropdown-header',\n  styleUrl: 'dropdown-header.scss',\n  shadow: true,\n})\nexport class DropdownHeader {\n  /**\n   * Display name of the header\n   */\n  @Prop() label: string;\n\n  render() {\n    return (\n      <Host>\n        <ix-typography class={'category-text'} variant={'default-title'}>\n          {this.label}\n        </ix-typography>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAoB,uwB,MCmBbC,EAAc,M,8CAMzBC,SACE,OACEC,EAACC,EAAI,KACHD,EAAA,iBAAeE,MAAO,gBAAiBC,QAAS,iBAC7CC,KAAKC,O"}

package/dist/siemens-ix/siemens-ix-core.css

@@ -0,0 +1 @@
+:host *,:host :after,:host :before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{height:.5rem;width:.5rem}:host ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{bottom:2rem;right:1rem}.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.625rem;font-weight:400;line-height:1.4em}.text-s{font-weight:400}.text-caption,.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.75rem;line-height:1.5em}.text-caption{font-weight:700}.text-caption-single{font-size:.75rem;font-weight:700;line-height:1em}.text-caption-single,.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-default{font-size:.875rem;font-weight:400;line-height:1.429em}.text-default-single{font-weight:400;line-height:1.143em}.text-default-single,.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem}.text-default-title{font-weight:700;line-height:1.429em}.text-default-title-single{font-size:.875rem;font-weight:700;line-height:1.143em}.text-default-title-single,.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif}.text-l{font-size:1rem;font-weight:400;line-height:1.5em}.text-l-single{font-weight:400;line-height:1.25em}.text-l-single,.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:1rem}.text-l-title{font-weight:700;line-height:1.5em}.text-l-title-single{font-size:1rem;line-height:1.25em}.text-h2,.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:700}.text-h2{line-height:1.455em}.text-h2,.text-xl{font-size:1.375rem}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-weight:400;line-height:1.091em}:root{--theme-z-index-dropdown:1000;--theme-z-index-sticky:1020;--theme-z-index-fixed:1030;--theme-z-index-modal-backdrop:1040;--theme-z-index-modal:1050;--theme-z-index-popover:1060;--theme-z-index-tooltip:1070}.modal{--bs-modal-footer-gap:1rem;--bs-modal-box-shadow:var(--theme-modal--box-shadow)}.modal-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;align-items:center;border:none;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:700;line-height:1.429em;padding:0 0 .25rem}.modal-header [data-close-button]{margin-left:1rem}.modal-body{padding:0}.modal-footer{border-top:none;padding:0;padding-block-start:2rem}.modal-footer>*{margin:0 0 0 calc(var(--bs-modal-footer-gap)*.5)}.btn{align-items:center;display:inline-flex;font-size:.875rem;font-weight:700;gap:.25rem;height:2rem;justify-content:center;min-width:5rem;overflow:hidden;padding:0 .5rem;text-overflow:ellipsis;transition:.15s;white-space:nowrap}.btn .glyph{font-weight:400;margin-right:.25rem}.btn.focus,.btn:focus-visible{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{--ix-button-color:var(--theme-btn-primary--color);background-color:var(--theme-btn-primary--background);border-color:var(--theme-btn-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-primary--color)}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--border-color--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{background-color:var(--theme-btn-primary--background--active);border-color:var(--theme-btn-primary--border-color--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled).active,.btn-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{--ix-button-color:var(--theme-btn-primary--color--disabled);background-color:var(--theme-btn-primary--background--disabled);border-color:var(--theme-btn-primary--border-color--disabled);color:var(--theme-btn-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{--ix-button-color:var(--theme-btn-outline-primary--color);background-color:var(--theme-btn-outline-primary--background);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-primary--color)}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{background-color:var(--theme-btn-outline-primary--background--hover);border-color:var(--theme-btn-outline-primary--border-color--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{background-color:var(--theme-btn-outline-primary--background--active);border-color:var(--theme-btn-outline-primary--border-color--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{--ix-button-color:var(--theme-btn-outline-primary--color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);border-color:var(--theme-btn-outline-primary--border-color--disabled);color:var(--theme-btn-outline-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-primary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{--ix-button-color:var(--theme-btn-invisible-primary--color);background-color:var(--theme-btn-invisible-primary--background);border-color:transparent;color:var(--theme-btn-invisible-primary--color)}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled).active,.btn-invisible-primary:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{--ix-button-color:var(--theme-btn-invisible-primary--color--disabled);background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{--ix-button-color:var(--theme-btn-secondary--color);background-color:var(--theme-btn-secondary--background);border-color:var(--theme-btn-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-secondary--color)}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{background-color:var(--theme-btn-secondary--background--hover);border-color:var(--theme-btn-secondary--border-color--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{background-color:var(--theme-btn-secondary--background--active);border-color:var(--theme-btn-secondary--border-color--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled).active,.btn-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{--ix-button-color:var(--theme-btn-secondary--color--disabled);background-color:var(--theme-btn-secondary--background--disabled);border-color:var(--theme-btn-secondary--border-color--disabled);color:var(--theme-btn-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{--ix-button-color:var(--theme-btn-outline-secondary--color);background-color:var(--theme-btn-outline-secondary--background);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid;border-width:var(--theme-btn--border-thickness);color:var(--theme-btn-outline-secondary--color)}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{background-color:var(--theme-btn-outline-secondary--background--hover);border-color:var(--theme-btn-outline-secondary--border-color--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{background-color:var(--theme-btn-outline-secondary--background--active);border-color:var(--theme-btn-outline-secondary--border-color--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{--ix-button-color:var(--theme-btn-outline-secondary--color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);border-color:var(--theme-btn-outline-secondary--border-color--disabled);color:var(--theme-btn-outline-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-invisible-secondary{--bs-btn-border-width:0px;--bs-btn-active-border-color:none;border-radius:var(--theme-btn--border-radius)}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{--ix-button-color:var(--theme-btn-invisible-secondary--color);background-color:var(--theme-btn-invisible-secondary--background);border-color:transparent;color:var(--theme-btn-invisible-secondary--color)}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled).active,.btn-invisible-secondary:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled);background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);cursor:auto;opacity:1;pointer-events:none}.btn-icon,.btn-oval{min-width:2rem;width:2rem}.btn-icon .glyph,.btn-oval .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-12,.btn-icon-xs{height:1rem;min-height:1rem;min-width:1rem;width:1rem}.btn-icon-16,.btn-icon-s{height:1.5rem;min-height:1.5rem;min-width:1.5rem;width:1.5rem}.btn-icon-32{height:2rem;min-height:2rem;min-width:2rem;width:2rem}.btn-group ix-button:first-child .btn{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0}.btn-group ix-button:last-child .btn{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0;border-right:0}.dropdown-group{background-color:#f8f9fa;border:.062rem solid rgba(0,0,0,.25);border-radius:.25rem;display:block;margin:.687rem;position:relative;width:21.562rem}.dropdown-group .dropdown-group-title{display:block;font-size:.875rem;margin:.937rem 0 1.25rem .937rem;position:relative;text-align:left}.dropdown-group .dropdown-group-content{display:flex;flex-direction:column;height:11.562rem;margin:.937rem 0 .937rem .937rem;overflow-x:hidden;overflow-y:auto;position:relative}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 .687rem}.dropdown-menu{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);box-shadow:var(--theme-menu--box-shadow);color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.143em;max-width:100vw;padding:.25rem 0;position:absolute;transition:background-color .15s}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{align-items:center;color:var(--theme-menu-header--color);display:flex;height:2.5rem;padding:0 1rem}.dropdown-buttons{display:flex;padding:.25rem .5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:.5rem}.dropdown-item{align-items:center;background-color:transparent;border:1px solid transparent;color:var(--theme-menu-item--color);cursor:pointer;display:flex;height:2.5rem;padding:0 2rem;position:relative}.dropdown-item:focus-visible{color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus);outline:none}.dropdown-item:not(.disabled):not(:disabled):hover{background-color:var(--theme-menu-item--background--hover);color:var(--theme-menu-item--color--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled).active,.dropdown-item:not(.disabled):not(:disabled):active{background-color:var(--theme-menu-item--background--active);color:var(--theme-menu-item--color--active)}.dropdown-item.disabled,.dropdown-item:disabled{background-color:var(--theme-menu-item--background--disabled);color:var(--theme-menu-item--color--disabled)}.dropdown-item a:active,.dropdown-item a:hover,.dropdown-item>a{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color);margin-inline-end:.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:0}.dropdown-item>input[type=checkbox]+label:before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:.25rem 0}button.dropdown-toggle{padding-right:1.5rem;position:relative}button.dropdown-toggle:after{position:absolute;right:.5rem;top:45%}.form-control,.form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-input--background);border:1px solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-color-std-text);color:var(--theme-input--color);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;height:2rem;line-height:1.429em;min-height:2rem;min-width:2rem;overflow:hidden;padding-inline-end:.5rem;padding-inline-start:.5rem;text-overflow:ellipsis;white-space:nowrap}.form-control-plaintext::placeholder,.form-control::placeholder{color:var(--theme-input-hint--color)}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}.form-control.readonly,.form-control[readonly]{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-radius:0}.form-control.readonly,.form-control:read-only,.form-control[readOnly],.form-control[readonly]{border-color:var(--theme-input--border-color);box-shadow:none!important;cursor:default!important;outline:none!important}.form-control.readonly::placeholder,.form-control:read-only::placeholder,.form-control[readOnly]::placeholder,.form-control[readonly]::placeholder{color:transparent}.form-control.disabled,.form-control:disabled{background:transparent!important;border-block-start:none!important;border-inline-end:none!important;border-inline-start:none!important;border-color:var(--theme-input--border-color-bottom--disabled);border-radius:0;color:var(--theme-color-weak-text)}.form-control.disabled::placeholder,.form-control:disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group,.input-wrapper{position:relative}.input-wrapper{align-items:center;display:flex;flex-wrap:nowrap}.input-wrapper>.glyph{color:var(--theme-color-std-text);display:block;margin-inline-start:.312rem;position:absolute}.input-wrapper>input{padding-inline-start:2.2rem}select.form-control{padding:0 .312rem}textarea.form-control{padding:.375rem .5rem}.was-validated .form-control:invalid,.was-validated .is-invalid{background-color:var(--theme-input-error--background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cpath fill='%23ff2640' fill-opacity='.75' fill-rule='evenodd' d='M256 42.667c117.626 0 213.333 95.707 213.333 213.333S373.626 469.333 256 469.333 42.667 373.626 42.667 256 138.374 42.667 256 42.667Zm0 42.666C161.56 85.333 85.333 161.56 85.333 256S161.56 426.667 256 426.667 426.667 350.44 426.667 256 350.44 85.333 256 85.333Zm70.248 70.249 30.17 30.17L286.168 256l70.25 70.248-30.17 30.17L256 286.168l-70.248 70.25-30.17-30.17L225.83 256l-70.248-70.248 30.17-30.17L256 225.83l70.248-70.248Z'/%3E%3C/svg%3E")!important;background-position:left calc(.375em + .1875rem) center!important;background-repeat:no-repeat;background-size:18px;padding-left:calc(1.5em + .75rem);padding-right:.75rem}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input.readonly,input:read-only{cursor:default}a[href],a[href]:not(.disabled):not(:disabled):hover{color:var(--theme-color-primary)}a[href]:not(.disabled):not(:disabled).active,a[href]:not(.disabled):not(:disabled):active{color:var(--theme-color-std-text)}a[href] .glyph{vertical-align:middle}a[href] .glyph:before{display:inline-block;text-decoration:none}a[href]:not(.disabled):not(:disabled){cursor:pointer}ix-menu>a[href]{color:unset;text-decoration:none}a[href]:has(+ix-menu-item){color:unset;text-decoration:none}[type=checkbox]:checked,[type=checkbox]:not(:checked){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=checkbox]:checked+label,[type=checkbox]:not(:checked)+label{align-items:center;color:var(--theme-checkbox-label--color);display:inline-flex;height:1.125rem;max-height:1.125rem;min-height:1.125rem;position:relative;user-select:none}[type=checkbox]:not(:disabled)+label{cursor:pointer}[type=checkbox]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;content:"";float:left;height:1.125rem;margin-right:.5rem;max-height:1.125rem;max-width:1.125rem;min-height:1.125rem;min-width:1.125rem;width:1.125rem}[type=checkbox]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}[type=checkbox]:not(:checked)+label:before{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}[type=checkbox]:not(:checked):hover+label:before{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}[type=checkbox]:not(:checked):active+label:before{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}[type=checkbox]:not(:checked):disabled+label:before{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}[type=checkbox]:checked+label:before{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}[type=checkbox]:checked+label:after{border-bottom:.0625rem solid var(--theme-checkbox-checked--color);border-left:.0625rem solid var(--theme-checkbox-checked--color);border-right:none;border-top:none;content:"";display:block;height:.26rem;margin:.31rem .42rem .1875rem;position:absolute;transform:translate(-1px,-3px) rotate(-53deg) scale(2) skew(-8deg,-3deg);width:.4rem}[type=checkbox]:checked:hover+label:before{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}[type=checkbox]:checked:active+label:before{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}[type=checkbox]:checked:disabled+label:before{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}[type=checkbox]:checked:disabled+label:after{border-color:var(--theme-checkbox-checked--color--disabled)}[type=checkbox]:disabled+label:before{opacity:.5;pointer-events:none}[type=checkbox]:indeterminate+label:after{border-bottom:.125rem solid var(--theme-checkbox-mixed--color);content:"";display:block;height:.125rem;margin:0 0 0 .25rem;position:absolute;width:.625rem}[type=checkbox]:indeterminate+label:before{background-color:var(--theme-checkbox-mixed--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color)}[type=checkbox]:indeterminate:hover+label:before{background-color:var(--theme-checkbox-mixed--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--hover)}[type=checkbox]:indeterminate:active+label:before{background-color:var(--theme-checkbox-mixed--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--active)}[type=checkbox]:indeterminate:disabled+label:before{background-color:var(--theme-checkbox-mixed--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--disabled)}[type=checkbox]:indeterminate:disabled+label:after{border-color:var(--theme-checkbox-mixed--color--disabled)}[type=checkbox]:disabled+label{color:var(--theme-checkbox-label--color--disabled)}[type=radio]:checked,[type=radio]:not(:checked){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}[type=radio]:checked+label,[type=radio]:not(:checked)+label{align-items:flex-start;color:var(--theme-radiobtn-label--color);display:inline-flex;margin-right:1rem;position:relative;user-select:none}[type=radio]:not(:disabled)+label{cursor:pointer}[type=radio]+label:before{background-position:50% 50%;background-repeat:no-repeat;background-size:contain;border-radius:100%;content:"";float:left;height:1.25rem;margin-right:.5rem;max-height:1.25rem;max-width:1.25rem;min-height:1.25rem;min-width:1.25rem;width:1.25rem}[type=radio]+label:focus-visible:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:focus-visible+label:before{outline:.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}[type=radio]:not(:checked)+label:before{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}[type=radio]:not(:checked):hover+label:before{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}[type=radio]:not(:checked):active+label:before{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}[type=radio]:not(:checked):disabled+label:before{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}[type=radio]:checked+label:before{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}[type=radio]:checked+label:after{background-color:var(--theme-radiobtn-checked--color);border-radius:100%;content:"";display:block;height:.625rem;left:.3125rem;position:absolute;top:.3125rem;width:.625rem}[type=radio]:checked:hover+label:before{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}[type=radio]:checked:active+label:before{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}[type=radio]:checked:disabled+label:before{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}[type=radio]:checked:disabled+label:after{border-color:var(--theme-radiobtn-checked--color--disabled)}[type=radio]:disabled+label:before{opacity:.5;pointer-events:none}[type=radio]:disabled+label{color:var(--theme-radiobtn-label--color--disabled)}:root body{--theme-box-shadow-lvl-1:var(--theme-shadow-1);--theme-box-shadow-lvl-2:var(--theme-shadow-2);--theme-box-shadow-lvl-3:var(--theme-shadow-3);--theme-box-shadow-lvl-4:var(--theme-shadow-4);--theme-box-shadow-level-1:var(--theme-shadow-1);--theme-box-shadow-level-2:var(--theme-shadow-2);--theme-box-shadow-level-3:var(--theme-shadow-3);--theme-box-shadow-level-4:var(--theme-shadow-4);--theme-box-shadow-insert:var(--theme-inset-shadow-1)}.input-group-label{color:var(--theme-input-unit--color);margin-left:2px;margin-right:2px}.group-start .input-group-label:first-child{margin-left:8px}.group-start .input-group-label:last-child{margin-right:4px}.group-end .input-group-label:first-child{margin-left:4px}.group-end .input-group-label:last-child{margin-right:8px}.table{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-std-text);font-family:Siemens Sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.429em}.table thead{background-color:var(--theme-table-header-row--background)}.table td,.table th{border-bottom-color:var(--theme-table-data-row--border-color)}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-accent-bg:var(--theme-table-data-row-alt--background);color:inherit}.typography-label{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label,.typography-label-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl)}.typography-label-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-label-lg,.typography-label-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-sm);text-decoration:none}.typography-label-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md)}.typography-body,.typography-body-xs{-moz-osx-font-smooting:grayscale;text-decoration:none}.typography-body-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);line-height:var(--theme-line-height-lg)}.typography-body-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl)}.typography-body-lg,.typography-body-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-lg);text-decoration:none}.typography-body-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display,.typography-display-xs{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xs{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm)}.typography-display-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg)}.typography-display-lg,.typography-display-sm{-moz-osx-font-smooting:grayscale;line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md)}.typography-display-xl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-5);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-display-xl,.typography-display-xxl{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-sm);line-height:var(--theme-line-height-xs);text-decoration:none}.typography-display-xxl{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-6);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h6,h6{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h5,.typography-h6,h5,h6{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h5,h5{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h4,h4{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h3,.typography-h4,h3,h4{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-lg);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-h3,h3{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-2);font-style:normal;font-weight:var(--theme-font-weight-bold)}.typography-h2,h2{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-3);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-md)}.typography-h1,.typography-h2,h1,h2{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);text-decoration:none}.typography-h1,h1{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-4);font-style:normal;font-weight:var(--theme-font-weight-bold);line-height:var(--theme-line-height-sm)}.typography-code{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code,.typography-code-lg{-moz-osx-font-smooting:grayscale;letter-spacing:var(--theme-letter-spacing-md);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-code-lg{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-1);font-style:normal;font-weight:var(--theme-font-weight-normal)}.typography-code-sm{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:JetBrainsMono,Courier New,monospace,Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms--1);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-lg);text-decoration:none}.typography-decoration-none{text-decoration:none!important}.typography-decoration-underline{text-decoration:underline!important}.typography-decoration-line-through{text-decoration:line-through!important}.typography-weight-bold{font-weight:700!important}a{color:var(--theme-color-primary)}:root{--animate-duration:150ms;--bs-font-sans-serif:Siemens Sans,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-color-1);color:var(--theme-color-std-text);font-family:Siemens Sans,Arial,Helvetica,sans-serif;font-size:var(--theme-ms-0);font-style:normal;font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);line-height:var(--theme-line-height-md);margin:0;text-decoration:none}body:not(.disable-scrollbar) ::-webkit-scrollbar-button{display:none}body:not(.disable-scrollbar) ::-webkit-scrollbar{height:.5rem;width:.5rem}body:not(.disable-scrollbar) ::-webkit-scrollbar-track{background:var(--theme-scrollbar-track--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb{background:var(--theme-scrollbar-thumb--background);border-radius:5px}body:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}body:not(.disable-scrollbar) ::-webkit-scrollbar-corner{display:none}*,:after,:before{box-sizing:border-box}