@siemens/ix 0.0.0-20240419081748

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

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i,g as s}from"./p-26e9d40e.js";import{c as o,s as r,o as n,b as a,f as c,a as l}from"./p-b3f35666.js";import{O as h}from"./p-ced10144.js";class d{constructor(){this.overlays=new Set}connected(t){this.overlays.add(t)}disconnected(t){this.overlays.delete(t)}present(t){if(t.willPresent&&!t.willPresent()){return}this.dismissOthers(t);t.present()}dismiss(t){if(t.willDismiss&&!t.willDismiss()){return}t.dismiss()}dismissOthers(t){this.overlays.forEach((e=>{if(e!==t){this.dismiss(e)}}))}}class f extends d{}const u=new f;const p=':host{display:inline-block;position:fixed;left:0px;top:0px;z-index:var(--theme-z-index-tooltip);max-width:18.25rem;opacity:0;visibility:collapse !important;overflow-wrap:break-word;border-radius:0.25rem;background-color:var(--theme-tootlip--background);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4)}:host .tooltip-title{display:flex;align-items:center}:host .tooltip-title ::slotted(ix-icon){margin-right:0.35rem}:host(.visible){opacity:1;visibility:visible !important}:host(.visible) .arrow,:host(.visible) .arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host(.visible) .arrow{visibility:hidden}:host(.visible) .arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}';const m=p;var b=undefined&&undefined.__decorate||function(t,e,i,s){var o=arguments.length,r=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,i):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)if(n=t[a])r=(o<3?n(r):o>3?n(e,i,r):n(e,i))||r;return o>3&&r&&Object.defineProperty(e,i,r),r};const y=t=>t!=null?`${t}px`:"";const v=class{constructor(e){t(this,e);this.for=undefined;this.titleContent=undefined;this.interactive=false;this.placement="top";this.showDelay=0;this.hideDelay=50;this.animationFrame=false;this.visible=false}get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}destroyAutoUpdate(){if(this.disposeAutoUpdate!==undefined){this.disposeAutoUpdate()}}async showTooltip(t){clearTimeout(this.hideTooltipTimeout);await this.applyTooltipPosition(t);this.showTooltipTimeout=setTimeout((()=>{u.present(this);this.applyTooltipPosition(t)}),this.showDelay)}async hideTooltip(){clearTimeout(this.showTooltipTimeout);let t=50;if(this.interactive&&this.hideDelay===t){t=150}this.hideTooltipTimeout=setTimeout((()=>{u.dismiss(this)}),t);this.destroyAutoUpdate()}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:s}=e.arrow;if(t.startsWith("top")){return{left:y(i),top:y(s)}}if(t.startsWith("right")){return{left:y(-4),top:y(s)}}if(t.startsWith("bottom")){return{left:y(i),top:y(-4)}}if(t.startsWith("left")){return{right:y(-4),top:y(s)}}}async computeTooltipPosition(t){const e=await o(t,this.hostElement,{strategy:"fixed",placement:this.placement,middleware:[r(),n(8),a({element:this.arrowElement}),c({fallbackStrategy:"initialPlacement",padding:10})]});return e}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t){if(!t){return}return new Promise((e=>{this.disposeAutoUpdate=l(t,this.hostElement,(async()=>{setTimeout((async()=>{const i=await this.computeTooltipPosition(t);if(i.middlewareData.arrow){this.applyTooltipArrowPosition(i)}const{x:s,y:o}=i;Object.assign(this.hostElement.style,{left:s!==null?`${s}px`:"",top:o!==null?`${o}px`:""});e(i)}))}),{ancestorResize:true,ancestorScroll:true,elementResize:true,animationFrame:this.animationFrame})}))}clearHideTimeout(){if(this.interactive){clearTimeout(this.hideTooltipTimeout)}}async queryAnchorElements(){if(typeof this.for==="string"){return Promise.resolve(Array.from(document.querySelectorAll(this.for)))}if(this.for instanceof HTMLElement){return Promise.resolve([this.for])}if(this.for instanceof Promise){const t=await this.for;return[t]}}async registerTriggerListener(){const t=await this.queryAnchorElements();if(this.disposeListener){this.disposeListener()}t.forEach((t=>{const e=()=>{this.showTooltip(t)};const i=()=>{this.hideTooltip()};const s=()=>{if(this.showTooltipTimeout!==undefined){clearTimeout(this.showTooltipTimeout)}e()};const o=()=>{this.hideTooltip()};t.addEventListener("mouseenter",e);t.addEventListener("mouseleave",i);t.addEventListener("focusin",s);t.addEventListener("focusout",o);this.disposeListener=()=>{t.removeEventListener("mouseenter",e);t.removeEventListener("mouseleave",i);t.removeEventListener("focusin",s);t.removeEventListener("focusout",o)}}))}registerTooltipListener(){const{hostElement:t}=this;t.addEventListener("mouseenter",(()=>this.clearHideTimeout()));t.addEventListener("focusin",(()=>this.clearHideTimeout()));t.addEventListener("mouseleave",(()=>this.hideTooltip()));t.addEventListener("focusout",(()=>this.hideTooltip()))}async onKeydown(t){if(t.code==="Escape"){this.hideTooltip()}}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.observer=new MutationObserver((()=>{this.registerTriggerListener()}));this.observer.observe(document.body,{attributes:true,attributeFilter:["data-ix-tooltip"],childList:true,subtree:true});this.registerTooltipListener()}connectedCallback(){u.connected(this)}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect();this.destroyAutoUpdate();u.disconnected(this)}isPresent(){return this.visible}present(){this.visible=true}dismiss(){this.visible=false}render(){return e(i,{key:"5b5aa5093f3c14651905a799f9e81f2f331a1baf",class:{visible:this.visible},role:"tooltip"},e("div",{key:"cacf0b886f54dc3c6acacd6da53bde71339cfc22",class:"tooltip-title"},e("slot",{key:"67bdcbe0af5ba15cfbb759a0880fbcec72f49e12",name:"title-icon"}),e("ix-typography",{key:"1f4ae24e31a305bc64d5dd5e4a3777c0784bb07b",variant:"default-title"},this.titleContent,e("slot",{key:"393d395dc48d285b8376db4d315d897951ff6767",name:"title-content"}))),e("div",{key:"d0c78f7201ef524eedd4776b3226b6571d0a6e3f",class:"tooltip-content"},e("slot",{key:"14b151f19115fb6d301bb6228a681cd3f0f3146e"})),e("div",{key:"927874a1be9fac8e0043fc98faf29af1a08eb374",class:"arrow"}))}get hostElement(){return s(this)}};b([h("keydown",(t=>t.visible))],v.prototype,"onKeydown",null);v.style=m;export{v as ix_tooltip};
+//# sourceMappingURL=p-f6635bfc.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["OverlayController","constructor","this","overlays","Set","connected","instance","add","disconnected","delete","present","willPresent","dismissOthers","dismiss","willDismiss","forEach","overlay","TooltipController","tooltipController","tooltipCss","IxTooltipStyle0","numberToPixel","value","Tooltip","arrowElement","hostElement","shadowRoot","querySelector","destroyAutoUpdate","disposeAutoUpdate","undefined","showTooltip","anchorElement","clearTimeout","hideTooltipTimeout","applyTooltipPosition","showTooltipTimeout","setTimeout","showDelay","hideTooltip","hideDelay","interactive","computeArrowPosition","placement","middlewareData","x","y","arrow","startsWith","left","top","right","computeTooltipPosition","target","computeResponse","computePosition","strategy","middleware","shift","offset","element","flip","fallbackStrategy","padding","applyTooltipArrowPosition","arrowPosition","Object","assign","style","Promise","resolve","autoUpdate","async","ancestorResize","ancestorScroll","elementResize","animationFrame","clearHideTimeout","queryAnchorElements","for","Array","from","document","querySelectorAll","HTMLElement","registerTriggerListener","triggerElementList","disposeListener","onMouseEnter","onMouseLeave","onFocusIn","onFocusOut","addEventListener","removeEventListener","registerTooltipListener","onKeydown","event","code","componentWillLoad","componentDidLoad","observer","MutationObserver","observe","body","attributes","attributeFilter","childList","subtree","connectedCallback","disconnectedCallback","_a","disconnect","isPresent","visible","render","h","Host","key","class","role","name","variant","titleContent","__decorate","OnListener","self"],"sources":["src/components/utils/overlay.ts","src/components/tooltip/tooltip-controller.ts","src/components/tooltip/tooltip.scss?tag=ix-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { IxComponent } from '../utils/internal';\n\nexport interface IxOverlayComponent extends IxComponent {\n  isPresent(): boolean;\n\n  willPresent?(): boolean;\n  willDismiss?(): boolean;\n\n  present(): void;\n  dismiss(): void;\n}\n\nexport class OverlayController {\n  overlays: Set<IxOverlayComponent> = new Set();\n\n  connected(instance: IxOverlayComponent): void {\n    this.overlays.add(instance);\n  }\n\n  disconnected(instance: IxOverlayComponent): void {\n    this.overlays.delete(instance);\n  }\n\n  present(instance: IxOverlayComponent): void {\n    if (instance.willPresent && !instance.willPresent()) {\n      return;\n    }\n    this.dismissOthers(instance);\n    instance.present();\n  }\n\n  dismiss(instance: IxOverlayComponent): void {\n    if (instance.willDismiss && !instance.willDismiss()) {\n      return;\n    }\n    instance.dismiss();\n  }\n\n  private dismissOthers(instance: IxOverlayComponent): void {\n    this.overlays.forEach((overlay) => {\n      if (overlay !== instance) {\n        this.dismiss(overlay);\n      }\n    });\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { OverlayController } from '../utils/overlay';\n\nclass TooltipController extends OverlayController {}\n\nexport const tooltipController = new TooltipController();\n",":host {\n  display: inline-block;\n  position: fixed;\n  left: 0px;\n  top: 0px;\n  z-index: var(--theme-z-index-tooltip);\n\n  max-width: 18.25rem;\n\n  opacity: 0;\n  visibility: collapse !important;\n  overflow-wrap: break-word;\n\n  border-radius: 0.25rem;\n  background-color: var(--theme-tootlip--background);\n  padding: 0.375rem 0.75rem 0.375rem 0.875rem;\n\n  box-shadow: var(--theme-shadow-4);\n\n  .tooltip-title {\n    display: flex;\n    align-items: center;\n\n    ::slotted(ix-icon) {\n      margin-right: 0.35rem;\n    }\n  }\n}\n\n:host(.visible) {\n  opacity: 1;\n  visibility: visible !important;\n}\n\n:host(.visible) {\n  .arrow,\n  .arrow::before {\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background: inherit;\n  }\n\n  .arrow {\n    visibility: hidden;\n  }\n\n  .arrow::before {\n    visibility: visible;\n    content: '';\n    transform: rotate(45deg);\n    background-color: var(--theme-tootlip--background);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  arrow,\n  autoUpdate,\n  computePosition,\n  ComputePositionReturn,\n  flip,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { OnListener } from '../utils/listener';\nimport { tooltipController } from './tooltip-controller';\nimport { IxOverlayComponent } from '../utils/overlay';\n\ntype ArrowPosition = {\n  top?: string;\n  left?: string;\n  right?: string;\n};\n\nconst numberToPixel = (value: number) => (value != null ? `${value}px` : '');\n\n/**\n * @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n *\n * @since 1.4.0\n */\n@Component({\n  tag: 'ix-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip implements IxOverlayComponent {\n  /**\n   * CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n   */\n  @Prop() for: string | HTMLElement | Promise<HTMLElement>;\n\n  /**\n   * Title of the tooltip\n   */\n  @Prop() titleContent: string;\n\n  /**\n   * Define if the user can access the tooltip via mouse.\n   */\n  @Prop() interactive = false;\n\n  /**\n   * Initial placement of the tooltip. If the placement don\"t have enough space,\n   * the tooltip will placed on another location.\n   *\n   * @since 1.5.0\n   */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /** @internal */\n  @Prop() showDelay = 0;\n\n  /** @internal */\n  @Prop() hideDelay = 50;\n\n  /** @internal */\n  @Prop() animationFrame = false;\n\n  @State() visible = false;\n\n  @Element() hostElement: HTMLIxTooltipElement;\n\n  private observer: MutationObserver;\n  private hideTooltipTimeout: NodeJS.Timeout;\n  private showTooltipTimeout: NodeJS.Timeout;\n  private disposeAutoUpdate?: () => void;\n  private disposeListener: () => void;\n\n  private get arrowElement(): HTMLElement {\n    return this.hostElement.shadowRoot.querySelector('.arrow');\n  }\n\n  private destroyAutoUpdate() {\n    if (this.disposeAutoUpdate !== undefined) {\n      this.disposeAutoUpdate();\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async showTooltip(anchorElement: any) {\n    clearTimeout(this.hideTooltipTimeout);\n    await this.applyTooltipPosition(anchorElement);\n\n    this.showTooltipTimeout = setTimeout(() => {\n      tooltipController.present(this);\n      // Need to compute and apply tooltip position after initial render,\n      // because arrow has no valid bounding rect before that\n      this.applyTooltipPosition(anchorElement);\n    }, this.showDelay);\n  }\n\n  /** @internal */\n  @Method()\n  async hideTooltip() {\n    clearTimeout(this.showTooltipTimeout);\n    let hideDelay = 50;\n\n    if (this.interactive && this.hideDelay === hideDelay) {\n      hideDelay = 150;\n    }\n\n    this.hideTooltipTimeout = setTimeout(() => {\n      tooltipController.dismiss(this);\n    }, hideDelay);\n    this.destroyAutoUpdate();\n  }\n\n  private computeArrowPosition({\n    placement,\n    middlewareData,\n  }: ComputePositionReturn): ArrowPosition {\n    let { x, y } = middlewareData.arrow;\n\n    if (placement.startsWith('top')) {\n      return {\n        left: numberToPixel(x),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('right')) {\n      return {\n        left: numberToPixel(-4),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('bottom')) {\n      return {\n        left: numberToPixel(x),\n        top: numberToPixel(-4),\n      };\n    }\n\n    if (placement.startsWith('left')) {\n      return {\n        right: numberToPixel(-4),\n        top: numberToPixel(y),\n      };\n    }\n  }\n\n  private async computeTooltipPosition(target: Element) {\n    const computeResponse = await computePosition(target, this.hostElement, {\n      strategy: 'fixed',\n      placement: this.placement,\n      middleware: [\n        shift(),\n        offset(8),\n        arrow({\n          element: this.arrowElement,\n        }),\n        flip({\n          fallbackStrategy: 'initialPlacement',\n          padding: 10,\n        }),\n      ],\n    });\n    return computeResponse;\n  }\n\n  private applyTooltipArrowPosition(computeResponse: ComputePositionReturn) {\n    const arrowPosition = this.computeArrowPosition(computeResponse);\n    Object.assign(this.arrowElement.style, arrowPosition);\n  }\n\n  private async applyTooltipPosition(target: Element) {\n    if (!target) {\n      return;\n    }\n\n    return new Promise<ComputePositionReturn>((resolve) => {\n      this.disposeAutoUpdate = autoUpdate(\n        target,\n        this.hostElement,\n        async () => {\n          setTimeout(async () => {\n            const computeResponse = await this.computeTooltipPosition(target);\n\n            if (computeResponse.middlewareData.arrow) {\n              this.applyTooltipArrowPosition(computeResponse);\n            }\n\n            const { x, y } = computeResponse;\n            Object.assign(this.hostElement.style, {\n              left: x !== null ? `${x}px` : '',\n              top: y !== null ? `${y}px` : '',\n            });\n\n            resolve(computeResponse);\n          });\n        },\n        {\n          ancestorResize: true,\n          ancestorScroll: true,\n          elementResize: true,\n          animationFrame: this.animationFrame,\n        }\n      );\n    });\n  }\n\n  private clearHideTimeout() {\n    if (this.interactive) {\n      clearTimeout(this.hideTooltipTimeout);\n    }\n  }\n\n  private async queryAnchorElements(): Promise<Array<HTMLElement>> {\n    if (typeof this.for === 'string') {\n      return Promise.resolve(Array.from(document.querySelectorAll(this.for)));\n    }\n\n    if (this.for instanceof HTMLElement) {\n      return Promise.resolve([this.for]);\n    }\n\n    if (this.for instanceof Promise) {\n      const element = await this.for;\n      return [element];\n    }\n  }\n\n  private async registerTriggerListener() {\n    const triggerElementList = await this.queryAnchorElements();\n\n    if (this.disposeListener) {\n      this.disposeListener();\n    }\n\n    triggerElementList.forEach((element) => {\n      const onMouseEnter = () => {\n        this.showTooltip(element);\n      };\n\n      const onMouseLeave = () => {\n        this.hideTooltip();\n      };\n\n      const onFocusIn = () => {\n        if (this.showTooltipTimeout !== undefined) {\n          clearTimeout(this.showTooltipTimeout);\n        }\n\n        onMouseEnter();\n      };\n\n      const onFocusOut = () => {\n        this.hideTooltip();\n      };\n\n      element.addEventListener('mouseenter', onMouseEnter);\n      element.addEventListener('mouseleave', onMouseLeave);\n      element.addEventListener('focusin', onFocusIn);\n      element.addEventListener('focusout', onFocusOut);\n\n      this.disposeListener = () => {\n        element.removeEventListener('mouseenter', onMouseEnter);\n        element.removeEventListener('mouseleave', onMouseLeave);\n        element.removeEventListener('focusin', onFocusIn);\n        element.removeEventListener('focusout', onFocusOut);\n      };\n    });\n  }\n\n  private registerTooltipListener() {\n    const { hostElement } = this;\n    hostElement.addEventListener('mouseenter', () => this.clearHideTimeout());\n    hostElement.addEventListener('focusin', () => this.clearHideTimeout());\n\n    hostElement.addEventListener('mouseleave', () => this.hideTooltip());\n    hostElement.addEventListener('focusout', () => this.hideTooltip());\n  }\n\n  @OnListener<Tooltip>('keydown', (self) => self.visible)\n  async onKeydown(event: KeyboardEvent) {\n    if (event.code === 'Escape') {\n      this.hideTooltip();\n    }\n  }\n\n  componentWillLoad() {\n    this.registerTriggerListener();\n  }\n\n  componentDidLoad() {\n    this.observer = new MutationObserver(() => {\n      this.registerTriggerListener();\n    });\n\n    this.observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['data-ix-tooltip'],\n      childList: true,\n      subtree: true,\n    });\n\n    this.registerTooltipListener();\n  }\n\n  connectedCallback() {\n    tooltipController.connected(this);\n  }\n\n  disconnectedCallback() {\n    this.observer?.disconnect();\n    this.destroyAutoUpdate();\n    tooltipController.disconnected(this);\n  }\n\n  isPresent(): boolean {\n    return this.visible;\n  }\n\n  present(): void {\n    this.visible = true;\n  }\n\n  dismiss(): void {\n    this.visible = false;\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          visible: this.visible,\n        }}\n        role=\"tooltip\"\n      >\n        <div class={'tooltip-title'}>\n          <slot name=\"title-icon\"></slot>\n          <ix-typography variant=\"default-title\">\n            {this.titleContent}\n            <slot name=\"title-content\"></slot>\n          </ix-typography>\n        </div>\n        <div class={'tooltip-content'}>\n          <slot></slot>\n        </div>\n        <div class=\"arrow\"></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0KAoBaA,EAAb,WAAAC,GACEC,KAAAC,SAAoC,IAAIC,G,CAExC,SAAAC,CAAUC,GACRJ,KAAKC,SAASI,IAAID,E,CAGpB,YAAAE,CAAaF,GACXJ,KAAKC,SAASM,OAAOH,E,CAGvB,OAAAI,CAAQJ,GACN,GAAIA,EAASK,cAAgBL,EAASK,cAAe,CACnD,M,CAEFT,KAAKU,cAAcN,GACnBA,EAASI,S,CAGX,OAAAG,CAAQP,GACN,GAAIA,EAASQ,cAAgBR,EAASQ,cAAe,CACnD,M,CAEFR,EAASO,S,CAGH,aAAAD,CAAcN,GACpBJ,KAAKC,SAASY,SAASC,IACrB,GAAIA,IAAYV,EAAU,CACxBJ,KAAKW,QAAQG,E,MCtCrB,MAAMC,UAA0BjB,GAEzB,MAAMkB,EAAoB,IAAID,ECbrC,MAAME,EAAa,sxBACnB,MAAAC,EAAeD,E,2WCmCf,MAAME,EAAiBC,GAAmBA,GAAS,KAAO,GAAGA,MAAY,G,MAa5DC,EAAO,M,yFAcI,M,eAQmC,M,eAGrC,E,eAGA,G,oBAGK,M,aAEN,K,CAUnB,gBAAYC,GACV,OAAOtB,KAAKuB,YAAYC,WAAWC,cAAc,S,CAG3C,iBAAAC,GACN,GAAI1B,KAAK2B,oBAAsBC,UAAW,CACxC5B,KAAK2B,mB,EAMT,iBAAME,CAAYC,GAChBC,aAAa/B,KAAKgC,0BACZhC,KAAKiC,qBAAqBH,GAEhC9B,KAAKkC,mBAAqBC,YAAW,KACnCnB,EAAkBR,QAAQR,MAG1BA,KAAKiC,qBAAqBH,EAAc,GACvC9B,KAAKoC,U,CAKV,iBAAMC,GACJN,aAAa/B,KAAKkC,oBAClB,IAAII,EAAY,GAEhB,GAAItC,KAAKuC,aAAevC,KAAKsC,YAAcA,EAAW,CACpDA,EAAY,G,CAGdtC,KAAKgC,mBAAqBG,YAAW,KACnCnB,EAAkBL,QAAQX,KAAK,GAC9BsC,GACHtC,KAAK0B,mB,CAGC,oBAAAc,EAAqBC,UAC3BA,EAASC,eACTA,IAEA,IAAIC,EAAEA,EAACC,EAAEA,GAAMF,EAAeG,MAE9B,GAAIJ,EAAUK,WAAW,OAAQ,CAC/B,MAAO,CACLC,KAAM5B,EAAcwB,GACpBK,IAAK7B,EAAcyB,G,CAIvB,GAAIH,EAAUK,WAAW,SAAU,CACjC,MAAO,CACLC,KAAM5B,GAAe,GACrB6B,IAAK7B,EAAcyB,G,CAIvB,GAAIH,EAAUK,WAAW,UAAW,CAClC,MAAO,CACLC,KAAM5B,EAAcwB,GACpBK,IAAK7B,GAAe,G,CAIxB,GAAIsB,EAAUK,WAAW,QAAS,CAChC,MAAO,CACLG,MAAO9B,GAAe,GACtB6B,IAAK7B,EAAcyB,G,EAKjB,4BAAMM,CAAuBC,GACnC,MAAMC,QAAwBC,EAAgBF,EAAQnD,KAAKuB,YAAa,CACtE+B,SAAU,QACVb,UAAWzC,KAAKyC,UAChBc,WAAY,CACVC,IACAC,EAAO,GACPZ,EAAM,CACJa,QAAS1D,KAAKsB,eAEhBqC,EAAK,CACHC,iBAAkB,mBAClBC,QAAS,QAIf,OAAOT,C,CAGD,yBAAAU,CAA0BV,GAChC,MAAMW,EAAgB/D,KAAKwC,qBAAqBY,GAChDY,OAAOC,OAAOjE,KAAKsB,aAAa4C,MAAOH,E,CAGjC,0BAAM9B,CAAqBkB,GACjC,IAAKA,EAAQ,CACX,M,CAGF,OAAO,IAAIgB,SAAgCC,IACzCpE,KAAK2B,kBAAoB0C,EACvBlB,EACAnD,KAAKuB,aACL+C,UACEnC,YAAWmC,UACT,MAAMlB,QAAwBpD,KAAKkD,uBAAuBC,GAE1D,GAAIC,EAAgBV,eAAeG,MAAO,CACxC7C,KAAK8D,0BAA0BV,E,CAGjC,MAAMT,EAAEA,EAACC,EAAEA,GAAMQ,EACjBY,OAAOC,OAAOjE,KAAKuB,YAAY2C,MAAO,CACpCnB,KAAMJ,IAAM,KAAO,GAAGA,MAAQ,GAC9BK,IAAKJ,IAAM,KAAO,GAAGA,MAAQ,KAG/BwB,EAAQhB,EAAgB,GACxB,GAEJ,CACEmB,eAAgB,KAChBC,eAAgB,KAChBC,cAAe,KACfC,eAAgB1E,KAAK0E,gBAExB,G,CAIG,gBAAAC,GACN,GAAI3E,KAAKuC,YAAa,CACpBR,aAAa/B,KAAKgC,mB,EAId,yBAAM4C,GACZ,UAAW5E,KAAK6E,MAAQ,SAAU,CAChC,OAAOV,QAAQC,QAAQU,MAAMC,KAAKC,SAASC,iBAAiBjF,KAAK6E,M,CAGnE,GAAI7E,KAAK6E,eAAeK,YAAa,CACnC,OAAOf,QAAQC,QAAQ,CAACpE,KAAK6E,K,CAG/B,GAAI7E,KAAK6E,eAAeV,QAAS,CAC/B,MAAMT,QAAgB1D,KAAK6E,IAC3B,MAAO,CAACnB,E,EAIJ,6BAAMyB,GACZ,MAAMC,QAA2BpF,KAAK4E,sBAEtC,GAAI5E,KAAKqF,gBAAiB,CACxBrF,KAAKqF,iB,CAGPD,EAAmBvE,SAAS6C,IAC1B,MAAM4B,EAAe,KACnBtF,KAAK6B,YAAY6B,EAAQ,EAG3B,MAAM6B,EAAe,KACnBvF,KAAKqC,aAAa,EAGpB,MAAMmD,EAAY,KAChB,GAAIxF,KAAKkC,qBAAuBN,UAAW,CACzCG,aAAa/B,KAAKkC,mB,CAGpBoD,GAAc,EAGhB,MAAMG,EAAa,KACjBzF,KAAKqC,aAAa,EAGpBqB,EAAQgC,iBAAiB,aAAcJ,GACvC5B,EAAQgC,iBAAiB,aAAcH,GACvC7B,EAAQgC,iBAAiB,UAAWF,GACpC9B,EAAQgC,iBAAiB,WAAYD,GAErCzF,KAAKqF,gBAAkB,KACrB3B,EAAQiC,oBAAoB,aAAcL,GAC1C5B,EAAQiC,oBAAoB,aAAcJ,GAC1C7B,EAAQiC,oBAAoB,UAAWH,GACvC9B,EAAQiC,oBAAoB,WAAYF,EAAW,CACpD,G,CAIG,uBAAAG,GACN,MAAMrE,YAAEA,GAAgBvB,KACxBuB,EAAYmE,iBAAiB,cAAc,IAAM1F,KAAK2E,qBACtDpD,EAAYmE,iBAAiB,WAAW,IAAM1F,KAAK2E,qBAEnDpD,EAAYmE,iBAAiB,cAAc,IAAM1F,KAAKqC,gBACtDd,EAAYmE,iBAAiB,YAAY,IAAM1F,KAAKqC,e,CAItD,eAAMwD,CAAUC,GACd,GAAIA,EAAMC,OAAS,SAAU,CAC3B/F,KAAKqC,a,EAIT,iBAAA2D,GACEhG,KAAKmF,yB,CAGP,gBAAAc,GACEjG,KAAKkG,SAAW,IAAIC,kBAAiB,KACnCnG,KAAKmF,yBAAyB,IAGhCnF,KAAKkG,SAASE,QAAQpB,SAASqB,KAAM,CACnCC,WAAY,KACZC,gBAAiB,CAAC,mBAClBC,UAAW,KACXC,QAAS,OAGXzG,KAAK4F,yB,CAGP,iBAAAc,GACE1F,EAAkBb,UAAUH,K,CAG9B,oBAAA2G,G,OACEC,EAAA5G,KAAKkG,YAAQ,MAAAU,SAAA,SAAAA,EAAEC,aACf7G,KAAK0B,oBACLV,EAAkBV,aAAaN,K,CAGjC,SAAA8G,GACE,OAAO9G,KAAK+G,O,CAGd,OAAAvG,GACER,KAAK+G,QAAU,I,CAGjB,OAAApG,GACEX,KAAK+G,QAAU,K,CAGjB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLL,QAAS/G,KAAK+G,SAEhBM,KAAK,WAELJ,EAAA,OAAAE,IAAA,2CAAKC,MAAO,iBACVH,EAAA,QAAAE,IAAA,2CAAMG,KAAK,eACXL,EAAA,iBAAAE,IAAA,2CAAeI,QAAQ,iBACpBvH,KAAKwH,aACNP,EAAA,QAAAE,IAAA,2CAAMG,KAAK,oBAGfL,EAAA,OAAAE,IAAA,2CAAKC,MAAO,mBACVH,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,U,oCAjEXK,EAAA,CADLC,EAAoB,WAAYC,GAASA,EAAKZ,W"}

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

@@ -0,0 +1,2 @@
+import{r as o,c as e,h as r,F as t,H as n,g as i}from"./p-26e9d40e.js";import{a as s}from"./p-71206084.js";import{B as a}from"./p-16d378f3.js";import{b as d}from"./p-4f8ac3bf.js";const l=":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-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 *,: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 button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .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)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .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)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .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)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .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)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}:host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-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 *,: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 button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .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)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .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)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .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)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .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)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-right:0.25rem;max-width:15rem;min-width:0}: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 li{display:contents}:host .btn{pointer-events:all;width:-moz-fit-content;width:fit-content;padding-right:0;padding-left:0.25rem}:host .chevron{pointer-events:none;margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}:host ::slotted(a[href]){text-decoration:none !important}:host ::slotted(a[href]:active){text-decoration:none !important}:host(:last-child) .btn:not(.dropdown-trigger){color:var(--theme-color-soft-text)}:host(.hide-chevron){cursor:default}:host(.hide-chevron) .btn{padding-right:0.5rem;pointer-events:none}:host(.invisible){display:none}:host(:focus-visible){outline:none}";const b=l;const c=class{constructor(r){o(this,r);this.itemClick=e(this,"itemClick",7);this.label=undefined;this.icon=undefined;this.ghost=true;this.visible=true;this.showChevron=true;this.isDropdownTrigger=false;this.a11y=undefined}componentDidLoad(){this.animationFadeIn()}componentWillLoad(){this.a11y=d(this.hostElement,["aria-describedby","aria-controls","aria-expanded"])}animationFadeIn(){s({targets:this.hostElement,duration:150,opacity:[0,1],translateX:["-100%","0%"],easing:"linear"})}render(){const o={variant:this.ghost?"primary":"secondary",outline:false,ghost:this.ghost,iconOnly:false,iconOval:false,disabled:false,icon:this.icon,iconSize:"16",loading:false,selected:false,type:"button",tabIndex:this.hostElement.tabIndex!==-1?this.hostElement.tabIndex:0,extraClasses:{"dropdown-trigger":this.isDropdownTrigger},ariaAttributes:this.a11y};if(!this.visible){return r(n,{class:"invisible"})}return r(n,{class:{"hide-chevron":!this.showChevron},onClick:()=>this.itemClick.emit(this.label)},r("li",null,r(a,Object.assign({},o,{afterContent:r(t,null,this.showChevron?r("ix-icon",{name:"chevron-right-small",size:"16",class:"chevron"}):null)}),this.label,r("slot",null))))}get hostElement(){return i(this)}};c.style=b;export{c as ix_breadcrumb_item};
+//# sourceMappingURL=p-f7e82b50.entry.js.map

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

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

package/dist/siemens-ix/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-sticky:1020;--theme-z-index-fixed:1030;--theme-z-index-modal-backdrop:1040;--theme-z-index-modal:1050;--theme-z-index-dropdown: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:var(--theme-default-time);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 var(--theme-default-time)}.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}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}input.readonly,input:read-only{cursor:default}label{color:var(--theme-color-soft-text);padding:2px 0}label.label-alignment-left{padding:6px 0}input,input:-webkit-autofill{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color);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);min-height:2rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}input:-webkit-autofill{-webkit-text-fill-color:var(--theme-input--color)!important;border-color:var(--theme-input--border-color)!important;-webkit-box-shadow:0 0 0 1000px var(--theme-input--background) inset!important}input::placeholder{color:var(--theme-input-hint--color)}input.hover,input:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}input.focus,input:focus{border-color:var(--theme-input--border-color--focus);outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}input.read-only,input:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}input:disabled::placeholder{color:transparent}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{display:none;margin-left:2px;margin-right:-2px}textarea{height:3.25rem;padding:.375rem 1.25rem .375rem .5rem}textarea,textarea:-webkit-autofill{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);color:var(--theme-input--color);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);min-height:2rem;padding:.25rem .5rem;text-decoration:none;text-overflow:ellipsis;width:100%}textarea:-webkit-autofill{-webkit-text-fill-color:var(--theme-input--color)!important;border-color:var(--theme-input--border-color)!important;-webkit-box-shadow:0 0 0 1000px var(--theme-input--background) inset!important}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover,textarea:hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}textarea.focus,textarea:focus{border-color:var(--theme-input--border-color--focus);outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset)}textarea.read-only,textarea:read-only{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--readonly);box-shadow:none;outline:none}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled{background-color:transparent;border:none;border-bottom:var(--theme-input--border-thickness,1px) solid var(--theme-input--border-color-bottom--disabled);box-shadow:none;color:var(--theme-input--color--disabled);outline:none}textarea:disabled::placeholder{color:transparent}input~.invalid-feedback,input~.valid-feedback,textarea~.invalid-feedback,textarea~.valid-feedback{font-feature-settings:"clig" off,"liga" off;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;display:none;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);text-decoration:none}form input~.valid-feedback,form textarea~.valid-feedback{color:var(--theme-color-success)}form input~.invalid-feedback,form textarea~.invalid-feedback{color:var(--theme-color-alarm-text)}form.was-validated .is-invalid,form.was-validated :invalid,form:not([novalidate]) .is-invalid,form:not([novalidate]) :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;background-repeat:no-repeat;background-size:18px;border-color:var(--theme-input-error--border-color);padding-left:calc(1.5em + .75rem);padding-right:.75rem}form.was-validated .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form:not([novalidate]) :invalid~.invalid-feedback{display:block}form.was-validated .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form:not([novalidate]) :valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none!important}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);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;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);appearance:none;clip-path:inset(50%);height:1px;max-height:1px;max-width:1px;min-height:0;min-width:0;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:.5rem;left:.375rem;position:absolute;top:.5rem;width:.5rem}[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}