@siemens/ix 2.0.0-beta.0 → 2.0.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["spinnerCss","Spinner","render","h","Host","class","primary","this","variant","size","small","medium","large","hideTrack"],"sources":["./src/components/spinner/spinner.scss?tag=ix-spinner&encapsulation=shadow","./src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n\n@mixin ix-spinner($host-class: 'medium', $size: 2rem, $track-size: 4px) {\n  :host(.#{$host-class}) {\n    @include ix-component;\n    display: block;\n    position: relative;\n\n    width: $size;\n    height: $size;\n    min-width: $size;\n    min-height: $size;\n    max-width: $size;\n    max-height: $size;\n    border-radius: 100%;\n    position: relative;\n    animation: rotate 2s linear infinite;\n\n    @keyframes rotate {\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes clipMask {\n      0% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n      12.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n      }\n      25% {\n        clip-path: polygon(\n          50% 50%,\n          0 0,\n          100% 0,\n          100% 100%,\n          100% 100%,\n          100% 100%\n        );\n      }\n      37.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n      }\n      50% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      62.5% {\n        clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      75% {\n        clip-path: polygon(\n          50% 50%,\n          100% 100%,\n          100% 100%,\n          100% 100%,\n          0 100%,\n          0 0\n        );\n      }\n      87.5% {\n        clip-path: polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);\n      }\n      100% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n    }\n  }\n\n  :host(.#{$host-class})::after {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid\n      var(--ix-button-color, var(--theme-color-soft-text));\n    animation: clipMask 3s linear infinite;\n  }\n\n  :host(:not(.hide-track)):host(.#{$host-class})::before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid var(--theme-color-ghost--hover);\n  }\n\n  :host(.primary)::after {\n    border-color: var(--theme-color-dynamic);\n  }\n\n  :host(.primary)::before {\n    border-color: var(--theme-color-ghost--hover);\n  }\n}\n\n@include ix-spinner($host-class: 'xx-small', $size: 0.75rem, $track-size: 1px);\n@include ix-spinner($host-class: 'x-small', $size: 1.25rem, $track-size: 2px);\n@include ix-spinner($host-class: 'small', $size: 1.5rem, $track-size: 2px);\n@include ix-spinner($host-class: 'medium', $size: 2rem, $track-size: 2px);\n@include ix-spinner($host-class: 'large', $size: 6rem, $track-size: 4px);\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-spinner',\n  styleUrl: 'spinner.scss',\n  shadow: true,\n})\nexport class Spinner {\n  @Element() hostElement!: HTMLIxSpinnerElement;\n\n  /**\n   * Variant of spinner\n   */\n  @Prop() variant: 'primary' | 'secondary' = 'secondary';\n\n  /**\n   * Size of spinner\n   */\n  @Prop() size: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' =\n    'medium';\n\n  /**\n   * @internal\n   */\n  @Prop() hideTrack = false;\n\n  render() {\n    return (\n      <Host\n        class={{\n          primary: this.variant === 'primary',\n          'xx-small': this.size === 'xx-small',\n          'x-small': this.size === 'x-small',\n          small: this.size === 'small',\n          medium: this.size === 'medium',\n          large: this.size === 'large',\n          'hide-track': this.hideTrack,\n        }}\n      ></Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAa,skV,MCgBNC,EAAO,M,sCAMyB,Y,UAMzC,S,eAKkB,K,CAEpBC,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,QAASC,KAAKC,UAAY,UAC1B,WAAYD,KAAKE,OAAS,WAC1B,UAAWF,KAAKE,OAAS,UACzBC,MAAOH,KAAKE,OAAS,QACrBE,OAAQJ,KAAKE,OAAS,SACtBG,MAAOL,KAAKE,OAAS,QACrB,aAAcF,KAAKM,Y"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as s}from"./p-b899b25b.js";import{a as o}from"./p-810b5232.js";const n=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);visibility:hidden;display:flex;position:absolute;flex-flow:column nowrap;justify-content:flex-start;align-items:center;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem;transition:all 300ms ease-out}:host *,:host *::after,:host *::before{box-sizing:border-box}:host .toggle{z-index:100;visibility:visible}:host .drawer-container.full-height{min-height:100%}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;flex-grow:1;order:2;height:100%;width:100%;overflow-y:auto}";const h=class{constructor(i){t(this,i);this.open=e(this,"open",7);this.drawerClose=e(this,"drawerClose",7);this.callback=this.clickedOutside.bind(this);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth}onShowChanged(t){this.show=t!==undefined?t:!this.show;this.toggleDrawer(this.show)}async toggleDrawer(t){this.show=t!==undefined?t:!this.show;if(t){this.open.emit();this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),300)}else{this.drawerClose.emit();this.slideOutRight(this.divElement);window.removeEventListener("mousedown",this.callback)}return Promise.resolve()}onCloseClicked(){this.show=false}clickedOutside(t){if(!this.closeOnClickOutside){return}const e=t.target;const i=e.closest("#div-container");const s=e.closest("#drawer-btn");if(t.target.type!=="button"&&i!==this.divElement&&e!==s){this.show=false}}slideOutRight(t){o({targets:t,duration:h.duration,translateX:[0,"16rem"],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("d-none")}})}slideInRight(t){o({targets:t,duration:h.duration,translateX:["16rem",0],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("d-none")}})}componentDidLoad(){this.onShowChanged(this.show)}render(){return i(s,{class:{"drawer-container":true,toggle:this.show,"full-height":this.fullHeight,"d-none":true},style:{width:this.width==="auto"?this.width:`${this.width}rem`,"min-width":`${this.minWidth}rem`,"max-width":`${this.maxWidth}rem`},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},i("div",{class:"header"},i("div",{class:"header-content"},i("slot",{name:"header"})),i("ix-icon-button",{class:"close-button",icon:"close",size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),i("div",{class:"content"},i("slot",null)))}static get watchers(){return{show:["onShowChanged"]}}};h.duration=300;h.style=n;export{h as ix_drawer};
-//# sourceMappingURL=p-c4ea8815.entry.js.map

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

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

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-b899b25b.js";const r='@charset "UTF-8";:host{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}:host .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}:host .text span,:host .text span::before{pointer-events:none}:host .circle{display:flex;justify-content:center;align-items:center;height:3rem;width:3rem;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}:host .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}:host .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}:host .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}:host .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}:host .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-pill-outline--background);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:14px;color:var(--theme-pill-outline--color);cursor:pointer}:host .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}:host .counter.selected::after{display:none}:host .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}:host .counter::after{display:none}:host .hidden{display:none}:host(.circle){height:72px}:host(.top) ::after{top:0}:host(.bottom) ::after{bottom:0}:host(.stretched){flex-basis:100%;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(:hover:not(.circle)){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}:host(:hover:not(.circle)) ::after{background-color:var(--theme-tab-indicator--background--hover)}:host(:active:not(.circle)){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}:host(:active:not(.circle)) ::after{background-color:var(--theme-tab-indicator--background--active)}:host(:focus-visible){outline:0px solid var(--focus--border-color)}:host(:focus-visible) .circle{outline:1px solid var(--focus--border-color)}:host(:focus-visible:not(.circle)){outline:1px solid var(--focus--border-color)}:host(.disabled){pointer-events:none;color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}:host(.disabled) ::after{background-color:var(--theme-tab-indicator--background--disabled)}:host(.selected:not(.disabled)){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}:host(.selected:not(.disabled)) ::after{background-color:var(--theme-tab-indicator--background--selected)}:host(.icon){padding:1.5rem 0.5rem}:host(.small-tab){height:32px;padding:1rem}:host(.small-tab.icon){padding:1rem 0.25rem}';const a=class{constructor(t){e(this,t);this.selected=false;this.disabled=false;this.small=false;this.icon=false;this.rounded=false;this.counter=undefined;this.layout="auto";this.placement="bottom"}tabItemClasses(e){return{selected:e.selected,disabled:e.disabled,"small-tab":e.small,icon:e.small,stretched:e.layout==="stretched",bottom:e.placement==="bottom",top:e.placement==="top",circle:e.circle}}render(){return t(o,{class:this.tabItemClasses({selected:this.selected,disabled:this.disabled,small:this.small,icon:this.icon,layout:this.layout,placement:this.placement,circle:this.rounded}),tabIndex:0},t("div",{class:{circle:this.rounded,text:!this.rounded,selected:this.selected,disabled:this.disabled}},t("slot",null)),t("div",{class:{counter:true,selected:this.selected,hidden:!(this.rounded&&this.counter!==undefined),disabled:this.disabled}},this.counter))}};a.style=r;export{a as ix_tab_item};
-//# sourceMappingURL=p-c84a43ef.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["tabItemCss","TabItem","tabItemClasses","props","selected","disabled","small","icon","stretched","layout","bottom","placement","top","circle","render","h","Host","class","this","rounded","tabIndex","text","counter","hidden","undefined"],"sources":["./src/components/tab-item/tab-item.scss?tag=ix-tab-item&encapsulation=shadow","./src/components/tab-item/tab-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 'common-variables';\n@import 'mixins/text-truncation';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 40px;\n  padding: 10px $large-space;\n  line-height: 20px;\n  font-size: 14px;\n  font-weight: bold;\n  background-color: var(--theme-tab--background);\n  color: var(--theme-tab--color);\n\n  ::after {\n    content: '';\n    position: absolute;\n    background-color: var(--theme-tab-indicator--background);\n    width: 100%;\n    height: var(--theme-tab-indicator--height);\n    left: 0;\n  }\n\n  .text {\n    @include ellipsis;\n\n    span,\n    span::before {\n      pointer-events: none;\n    }\n\n    vertical-align: middle;\n  }\n\n  .circle {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 3rem;\n    width: 3rem;\n    background-color: var(--theme-animated-tab-indicator--background);\n    border-radius: 50%;\n    border: 2px solid var(--theme-animated-tab-circle--border-color);\n    color: var(--theme-an…icon--color);\n    cursor: pointer;\n\n    &.selected:not(.disabled) {\n      background-color: var(--theme-animated-tab-circle--background--selected);\n      color: var(--theme-animated-tab-icon--color--selected);\n      border-color: var(--theme-animated-tab-circle--border-color--selected);\n\n      &:hover {\n        background-color: var(\n          --theme-animated-tab-circle--background--selected\n        );\n      }\n    }\n\n    &:hover {\n      background-color: var(--theme-animated-tab-circle--background--hover);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &:active {\n      background-color: var(--theme-animated-tab-circle--background--active);\n    }\n\n    &.disabled {\n      background-color: var(--theme-animated-tab-circle--background--disabled);\n      border-color: var(--theme-animated-tab-circle--border-color--disabled);\n    }\n  }\n\n  .counter {\n    position: absolute;\n    z-index: 1;\n    height: 16px;\n    width: auto;\n    background-color: var(--theme-pill-outline--background);\n    border: 1px solid var(--theme-tab-pill--border-color);\n    border-radius: 100px;\n    bottom: 6px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-left: $tiny-space;\n    padding-right: $tiny-space;\n    font-size: 12px;\n    line-height: 14px;\n    color: var(--theme-pill-outline--color);\n    cursor: pointer;\n\n    &.selected {\n      border-color: var(--theme-tab-pill--border-color--selected);\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &.disabled {\n      border-color: var(--theme-tab-pill--border-color--disabled);\n    }\n\n    &::after {\n      display: none;\n    }\n  }\n\n  .hidden {\n    display: none;\n  }\n}\n\n:host(.circle) {\n  height: 72px;\n}\n\n:host(.top) {\n  ::after {\n    top: 0;\n  }\n}\n\n:host(.bottom) {\n  ::after {\n    bottom: 0;\n  }\n}\n\n:host(.stretched) {\n  flex-basis: 100%;\n  width: 100%;\n  @include ellipsis;\n}\n\n:host(:hover:not(.circle)) {\n  background-color: var(--theme-tab--background--hover);\n  color: var(--theme-tab-color-hover);\n  cursor: pointer;\n\n  ::after {\n    background-color: var(--theme-tab-indicator--background--hover);\n  }\n}\n\n:host(:active:not(.circle)) {\n  background-color: var(--theme-tab--background--active);\n  color: var(--theme-tab-color--active);\n\n  ::after {\n    background-color: var(--theme-tab-indicator--background--active);\n  }\n}\n\n:host(:focus-visible) {\n  outline: 0px solid var(--focus--border-color);\n\n  .circle {\n    outline: 1px solid var(--focus--border-color);\n  }\n}\n\n:host(:focus-visible:not(.circle)) {\n  outline: 1px solid var(--focus--border-color);\n}\n\n:host(.disabled) {\n  pointer-events: none;\n  color: var(--theme-tab--color--disabled);\n  background-color: var(--theme-tab--background--disabled);\n\n  ::after {\n    background-color: var(--theme-tab-indicator--background--disabled);\n  }\n}\n\n:host(.selected:not(.disabled)) {\n  background-color: var(--theme-tab--background--selected);\n  color: var(--theme-tab--color--selected);\n\n  ::after {\n    background-color: var(--theme-tab-indicator--background--selected);\n  }\n}\n\n:host(.icon) {\n  padding: $large-space $small-space;\n}\n\n:host(.small-tab) {\n  height: 32px;\n  padding: $default-space;\n}\n\n:host(.small-tab.icon) {\n  padding: $default-space $tiny-space;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-tab-item',\n  styleUrl: 'tab-item.scss',\n  shadow: true,\n})\nexport class TabItem {\n  /**\n   * Set selected tab\n   */\n  @Prop() selected = false;\n\n  /**\n   * Set disabled tab\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Set small size tab\n   */\n  @Prop() small = false;\n\n  /**\n   * Set icon only tab\n   */\n  @Prop() icon = false;\n\n  /**\n   * Set rounded tab\n   */\n  @Prop() rounded = false;\n\n  /**\n   * Set counter value\n   */\n  @Prop() counter: number;\n\n  /**\n   * Set layout width style\n   */\n  @Prop() layout: 'auto' | 'stretched' = 'auto';\n\n  /**\n   * Set selected placement\n   */\n  @Prop() placement: 'bottom' | 'top' = 'bottom';\n\n  private tabItemClasses(props: {\n    selected: boolean;\n    disabled: boolean;\n    small: boolean;\n    icon: boolean;\n    circle: boolean;\n    layout: 'auto' | 'stretched';\n    placement: 'bottom' | 'top';\n  }) {\n    return {\n      selected: props.selected,\n      disabled: props.disabled,\n      'small-tab': props.small,\n      icon: props.small,\n      stretched: props.layout === 'stretched',\n      bottom: props.placement === 'bottom',\n      top: props.placement === 'top',\n      circle: props.circle,\n    };\n  }\n\n  render() {\n    return (\n      <Host\n        class={this.tabItemClasses({\n          selected: this.selected,\n          disabled: this.disabled,\n          small: this.small,\n          icon: this.icon,\n          layout: this.layout,\n          placement: this.placement,\n          circle: this.rounded,\n        })}\n        tabIndex={0}\n      >\n        <div\n          class={{\n            circle: this.rounded,\n            text: !this.rounded,\n            selected: this.selected,\n            disabled: this.disabled,\n          }}\n        >\n          <slot></slot>\n        </div>\n        <div\n          class={{\n            counter: true,\n            selected: this.selected,\n            hidden: !(this.rounded && this.counter !== undefined),\n            disabled: this.disabled,\n          }}\n        >\n          {this.counter}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAa,0tH,MCgBNC,EAAO,M,uCAIC,M,cAKA,M,WAKH,M,UAKD,M,aAKG,M,mCAUqB,O,eAKD,Q,CAE9BC,eAAeC,GASrB,MAAO,CACLC,SAAUD,EAAMC,SAChBC,SAAUF,EAAME,SAChB,YAAaF,EAAMG,MACnBC,KAAMJ,EAAMG,MACZE,UAAWL,EAAMM,SAAW,YAC5BC,OAAQP,EAAMQ,YAAc,SAC5BC,IAAKT,EAAMQ,YAAc,MACzBE,OAAQV,EAAMU,O,CAIlBC,SACE,OACEC,EAACC,EAAI,CACHC,MAAOC,KAAKhB,eAAe,CACzBE,SAAUc,KAAKd,SACfC,SAAUa,KAAKb,SACfC,MAAOY,KAAKZ,MACZC,KAAMW,KAAKX,KACXE,OAAQS,KAAKT,OACbE,UAAWO,KAAKP,UAChBE,OAAQK,KAAKC,UAEfC,SAAU,GAEVL,EAAA,OACEE,MAAO,CACLJ,OAAQK,KAAKC,QACbE,MAAOH,KAAKC,QACZf,SAAUc,KAAKd,SACfC,SAAUa,KAAKb,WAGjBU,EAAA,cAEFA,EAAA,OACEE,MAAO,CACLK,QAAS,KACTlB,SAAUc,KAAKd,SACfmB,SAAUL,KAAKC,SAAWD,KAAKI,UAAYE,WAC3CnB,SAAUa,KAAKb,WAGhBa,KAAKI,S"}

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

@@ -1,2 +0,0 @@
-export{I as ix_icon}from"./p-db74796e.js";import"./p-b899b25b.js";
-//# sourceMappingURL=p-d0a8aa6f.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":[],"mappings":""}

package/dist/siemens-ix/p-d43bf856.js

@@ -1,2 +0,0 @@
-import{T as e}from"./p-9ee41861.js";var t=undefined&&undefined.__classPrivateFieldSet||function(e,t,r,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r};var r=undefined&&undefined.__classPrivateFieldGet||function(e,t,r,n){if(r==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?n:r==="a"?n.call(e):n?n.value:t.get(e)};var n;class i{constructor(){this.menuElement=null;this.menuExpandChange=new e;n.set(this,false)}register(e){if(this.menuElement){console.warn("Menu already defined");return}this.menuElement=e;this.menuElement.addEventListener("expandChange",(e=>{this.menuExpandChange.emit(e.detail)}))}setIsPinned(e){t(this,n,e,"f")}async open(){if(this.menuElement){this.menuElement.toggleMenu(true);return true}return false}async close(){if(this.menuElement){this.menuElement.toggleMenu(false);return true}return false}async toggle(){if(this.menuElement){this.menuElement.toggleMenu();return true}return false}get nativeElement(){return this.menuElement}get expandChange(){return this.menuExpandChange}get isPinned(){return r(this,n,"f")}}n=new WeakMap;const s=new i;export{s as m};
-//# sourceMappingURL=p-d43bf856.js.map

package/dist/siemens-ix/p-d43bf856.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MenuService","constructor","this","menuElement","menuExpandChange","TypedEvent","_MenuService_isPinned","set","register","console","warn","addEventListener","event","emit","detail","setIsPinned","pinned","__classPrivateFieldSet","async","toggleMenu","nativeElement","expandChange","isPinned","__classPrivateFieldGet","menuController"],"sources":["./src/components/utils/menu-service/menu-service.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { TypedEvent } from '../typed-event';\n\nclass MenuService {\n  menuElement: HTMLIxMenuElement | null = null;\n  menuExpandChange = new TypedEvent<boolean>();\n  #isPinned = false;\n\n  register(menuElement: HTMLIxMenuElement) {\n    if (this.menuElement) {\n      console.warn('Menu already defined');\n      return;\n    }\n    this.menuElement = menuElement;\n    this.menuElement.addEventListener(\n      'expandChange',\n      (event: CustomEvent<boolean>) => {\n        this.menuExpandChange.emit(event.detail);\n      }\n    );\n  }\n\n  public setIsPinned(pinned: boolean) {\n    this.#isPinned = pinned;\n  }\n\n  public async open() {\n    if (this.menuElement) {\n      this.menuElement.toggleMenu(true);\n      return true;\n    }\n\n    return false;\n  }\n\n  public async close() {\n    if (this.menuElement) {\n      this.menuElement.toggleMenu(false);\n      return true;\n    }\n\n    return false;\n  }\n\n  public async toggle() {\n    if (this.menuElement) {\n      this.menuElement.toggleMenu();\n      return true;\n    }\n\n    return false;\n  }\n\n  get nativeElement() {\n    return this.menuElement;\n  }\n\n  get expandChange() {\n    return this.menuExpandChange;\n  }\n\n  get isPinned() {\n    return this.#isPinned;\n  }\n}\n\nexport const menuController = new MenuService();\n"],"mappings":"oyBAWA,MAAMA,EAANC,cACEC,KAAAC,YAAwC,KACxCD,KAAAE,iBAAmB,IAAIC,EACvBC,EAAAC,IAAAL,KAAY,M,CAEZM,SAASL,GACP,GAAID,KAAKC,YAAa,CACpBM,QAAQC,KAAK,wBACb,M,CAEFR,KAAKC,YAAcA,EACnBD,KAAKC,YAAYQ,iBACf,gBACCC,IACCV,KAAKE,iBAAiBS,KAAKD,EAAME,OAAO,G,CAKvCC,YAAYC,GACjBC,EAAAf,KAAII,EAAaU,EAAM,I,CAGlBE,aACL,GAAIhB,KAAKC,YAAa,CACpBD,KAAKC,YAAYgB,WAAW,MAC5B,OAAO,I,CAGT,OAAO,K,CAGFD,cACL,GAAIhB,KAAKC,YAAa,CACpBD,KAAKC,YAAYgB,WAAW,OAC5B,OAAO,I,CAGT,OAAO,K,CAGFD,eACL,GAAIhB,KAAKC,YAAa,CACpBD,KAAKC,YAAYgB,aACjB,OAAO,I,CAGT,OAAO,K,CAGLC,oBACF,OAAOlB,KAAKC,W,CAGVkB,mBACF,OAAOnB,KAAKE,gB,CAGVkB,eACF,OAAOC,EAAArB,KAAII,EAAA,I,sBAIFkB,EAAiB,IAAIxB,S"}

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as s,H as o}from"./p-b899b25b.js";const n=":host{display:flex;flex-direction:row;align-items:flex-start;padding:0px}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0%}:host .subtitle{margin-top:0.5rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";const r=class{constructor(s){t(this,s);this.backButtonClick=i(this,"backButtonClick",7);this.variant="primary";this.headerTitle=undefined;this.headerSubtitle=undefined;this.hasBackButton=false}render(){return s(o,null,this.hasBackButton?s("ix-icon-button",{class:"backButton",variant:"primary",icon:"arrow-left",ghost:true,onClick:()=>this.backButtonClick.emit()}):null,s("div",{class:"titleGroup"},s("ix-typography",{variant:this.variant==="secondary"?"large-single":"h2"},this.headerTitle),this.headerSubtitle!==undefined?s("ix-typography",{variant:"caption",color:"soft",class:"subtitle"},this.headerSubtitle):null),s("div",{class:"buttons"},s("slot",null)))}};r.style=n;export{r as ix_content_header};
-//# sourceMappingURL=p-d48d74af.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["contentHeaderCss","ContentHeader","undefined","render","h","Host","this","hasBackButton","class","variant","icon","ghost","onClick","backButtonClick","emit","headerTitle","headerSubtitle","color"],"sources":["./src/components/content-header/content-header.scss?tag=ix-content-header&encapsulation=shadow","./src/components/content-header/content-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0px;\n\n  .titleGroup {\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 0%;\n  }\n\n  .subtitle {\n    margin-top: 0.5rem;\n  }\n\n  .backButton {\n    margin-right: 0.5rem;\n  }\n\n  .buttons {\n    flex: 0 0 auto;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nexport type ContentHeaderVariant = 'primary' | 'secondary';\n\n@Component({\n  tag: 'ix-content-header',\n  styleUrl: 'content-header.scss',\n  shadow: true,\n})\nexport class ContentHeader {\n  /**\n   * Variant of content header\n   */\n  @Prop() variant: ContentHeaderVariant = 'primary';\n\n  /**\n   * Title of Header\n   */\n  @Prop() headerTitle: string;\n\n  /**\n   * Subtitle of Header\n   */\n  @Prop() headerSubtitle: string | undefined = undefined;\n\n  /**\n   * Display a back button\n   */\n  @Prop() hasBackButton: boolean = false;\n\n  /**\n   * Triggered when back button is clicked\n   */\n  @Event() backButtonClick: EventEmitter<void>;\n\n  render() {\n    return (\n      <Host>\n        {this.hasBackButton ? (\n          <ix-icon-button\n            class={'backButton'}\n            variant=\"primary\"\n            icon=\"arrow-left\"\n            ghost={true}\n            onClick={() => this.backButtonClick.emit()}\n          ></ix-icon-button>\n        ) : null}\n\n        <div class=\"titleGroup\">\n          <ix-typography\n            variant={this.variant === 'secondary' ? 'large-single' : 'h2'}\n          >\n            {this.headerTitle}\n          </ix-typography>\n          {this.headerSubtitle !== undefined ? (\n            <ix-typography variant={'caption'} color={'soft'} class=\"subtitle\">\n              {this.headerSubtitle}\n            </ix-typography>\n          ) : null}\n        </div>\n        <div class=\"buttons\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAmB,kP,MCkBZC,EAAa,M,uFAIgB,U,+CAUKC,U,mBAKZ,K,CAOjCC,SACE,OACEC,EAACC,EAAI,KACFC,KAAKC,cACJH,EAAA,kBACEI,MAAO,aACPC,QAAQ,UACRC,KAAK,aACLC,MAAO,KACPC,QAAS,IAAMN,KAAKO,gBAAgBC,SAEpC,KAEJV,EAAA,OAAKI,MAAM,cACTJ,EAAA,iBACEK,QAASH,KAAKG,UAAY,YAAc,eAAiB,MAExDH,KAAKS,aAEPT,KAAKU,iBAAmBd,UACvBE,EAAA,iBAAeK,QAAS,UAAWQ,MAAO,OAAQT,MAAM,YACrDF,KAAKU,gBAEN,MAENZ,EAAA,OAAKI,MAAM,WACTJ,EAAA,c"}

package/dist/siemens-ix/p-d737ad96.js

@@ -1,2 +0,0 @@
-function t(t){return t.assignedElements({flatten:true})}function n(t){return t.assignedElements({flatten:true}).length!==0}export{t as g,n as h};
-//# sourceMappingURL=p-d737ad96.js.map

package/dist/siemens-ix/p-d737ad96.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["getSlottedElements","slot","assignedElements","flatten","hasSlottedElements","length"],"sources":["./src/components/utils/shadow-dom.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function closestElement(selector: string, el: any) {\n  return (\n    el.closest(selector) ||\n    closestElement(selector, (el.getRootNode() as any).host)\n  );\n}\n\nexport function getSlottedElements(slot: any) {\n  return slot.assignedElements({ flatten: true });\n}\n\nexport function hasSlottedElements(slot: any) {\n  return slot.assignedElements({ flatten: true }).length !== 0;\n}\n"],"mappings":"SAegBA,EAAmBC,GACjC,OAAOA,EAAKC,iBAAiB,CAAEC,QAAS,MAC1C,C,SAEgBC,EAAmBH,GACjC,OAAOA,EAAKC,iBAAiB,CAAEC,QAAS,OAAQE,SAAW,CAC7D,Q"}

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

@@ -1,2 +0,0 @@
-import{r as o,c as t,h as r,H as e}from"./p-b899b25b.js";const n=".form-control,.form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);-webkit-padding-start:0.5rem;padding-inline-start:0.5rem;-webkit-padding-end:0.5rem;padding-inline-end:0.5rem}.form-control::-moz-placeholder,.form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.form-control::placeholder,.form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.form-control:focus-visible{color:var(--theme-input--color)}.form-control[type=number]{text-align:right}.form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.form-control.readonly,.form-control[readonly]{background:transparent !important;-webkit-border-before:none !important;border-block-start:none !important;-webkit-border-start:none !important;border-inline-start:none !important;-webkit-border-end:none !important;border-inline-end:none !important;border-radius:0rem}.form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only,.form-control[readonly],.form-control[readOnly],.form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.form-control:read-only::-moz-placeholder,.form-control[readonly]::-moz-placeholder,.form-control[readOnly]::-moz-placeholder,.form-control.readonly::-moz-placeholder{color:transparent}.form-control:-moz-read-only::placeholder{color:transparent}.form-control:read-only::placeholder,.form-control[readonly]::placeholder,.form-control[readOnly]::placeholder,.form-control.readonly::placeholder{color:transparent}.form-control:disabled,.form-control.disabled{background:transparent !important;-webkit-border-before:none !important;border-block-start:none !important;-webkit-border-start:none !important;border-inline-start:none !important;-webkit-border-end:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.form-control:disabled::-moz-placeholder,.form-control.disabled::-moz-placeholder{color:transparent}.form-control:disabled::placeholder,.form-control.disabled::placeholder{color:transparent}.form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;-webkit-margin-start:0.312rem;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{-webkit-padding-start:2.2rem;padding-inline-start:2.2rem}select.form-control{padding:0 0.312rem}textarea.form-control{padding:0.375rem 0.5rem}.was-validated .form-control:invalid,.was-validated .is-invalid{background-color:var(--theme-input-error--background);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center !important;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}input.disabled,input:disabled{color:var(--theme-input--color--disabled)}:host{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between;position:relative;}:host *,:host *::after,:host *::before{box-sizing:border-box}:host .input-container{transition:all 0.3s ease-in-out}:host input{box-shadow:var(--theme-input--box-shadow);cursor:auto !important;width:100%}:host .expanded{width:11.5625rem}:host .expanded.fullWidth{width:100%}:host .collapsed{width:1.5rem;border:none}:host .btn-search-icon{align-self:center;margin:auto;position:relative}:host .btn-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all 0.15s ease-in-out;z-index:1;align-items:center;position:relative;border:none}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):hover{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled){cursor:pointer}:host .btn-search:not(.disabled):not(:disabled):active{border-color:transparent}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:none}:host .btn-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}:host .btn-search.btn-search--expanded{margin-left:0.25rem;pointer-events:none}:host .btn-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}:host .input-container{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}:host .btn-clear{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}:host .input{padding-left:2rem !important;padding-right:2.5rem !important}:host .opacity-before{opacity:0}:host .opacity-after{opacity:1}:host(.right-position){width:11.5625rem !important}:host(.right-position.fullWidth){width:100% !important}:host(.right-position.fullWidth) .fullWidth{width:100% !important}";const i=class{expandInput(){setTimeout(this.focusTextInput,300);this.expanded=true}collapseInput(){if(!this.isFieldChanged&&this.expanded){this.expanded=false}}clearInput(){this.value="";this.isFieldChanged=false}onChange(o){this.value=o.target.value;if(this.isFieldChanged&&this.value===""){this.isFieldChanged=false}else{this.isFieldChanged=true}this.valueChange.emit(this.value)}constructor(r){o(this,r);this.valueChange=t(this,"valueChange",7);this.icon="search";this.placeholder="Enter text here";this.value="";this.fullWidth=false;this.isFieldChanged=false;this.expanded=false;this.hasFocus=false;this.focusTextInput=this.focusTextInput.bind(this)}focusTextInput(){var o;(o=this.textInput)===null||o===void 0?void 0:o.focus()}clearClicked(){var o;this.clearInput();(o=this.textInput)===null||o===void 0?void 0:o.focus();this.valueChange.emit(this.value)}render(){return r(e,{class:{expanded:this.expanded,"right-position":this.expanded,fullWidth:this.fullWidth}},r("ix-icon-button",{size:this.expanded?"16":"24",icon:this.icon,ghost:true,variant:"primary","data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0,color:this.hasFocus?"input-search-icon--color--focus":undefined,class:{"btn-search":true,"btn-search--expanded":this.expanded}}),r("div",{class:{expanded:this.expanded,fullWidth:this.fullWidth,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":true},"data-testid":"input-wrapper"},r("input",{class:{"form-control":true,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:o=>this.textInput=o,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput();this.hasFocus=false},onFocus:()=>this.hasFocus=true,onInput:o=>this.onChange(o),tabindex:this.expanded?0:-1}),this.isFieldChanged?r("ix-icon-button",{class:"btn-clear",icon:"clear",ghost:true,size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked()}):null))}};i.style=n;export{i as ix_expanding_search};
-//# sourceMappingURL=p-d7e8417d.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["expandingSearchCss","ExpandingSearch","expandInput","setTimeout","this","focusTextInput","expanded","collapseInput","isFieldChanged","clearInput","value","onChange","e","target","valueChange","emit","constructor","hostRef","bind","_a","textInput","focus","clearClicked","render","h","Host","class","fullWidth","size","icon","ghost","variant","onClick","tabindex","color","hasFocus","undefined","collapsed","input","ref","el","placeholder","type","onBlur","onFocus","onInput"],"sources":["./src/components/expanding-search/expanding-search.scss?tag=ix-expanding-search&encapsulation=shadow","./src/components/expanding-search/expanding-search.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'common-variables';\n@import 'components/forms';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n$container-width: 11.5625rem;\n\n:host {\n  @include ix-component;\n\n  display: inline-flex;\n  width: auto;\n  height: $x-large-space;\n  align-items: center;\n  justify-content: space-between;\n  position: relative;\n\n  .input-container {\n    transition: all 0.3s ease-in-out;\n  }\n\n  input {\n    box-shadow: var(--theme-input--box-shadow);\n    cursor: auto !important;\n    width: 100%;\n  }\n\n  .expanded {\n    width: $container-width;\n\n    &.fullWidth {\n      width: 100%;\n    }\n  }\n\n  .collapsed {\n    width: $large-space;\n    border: none;\n  }\n\n  /*collapsed view*/\n  .btn-search-icon {\n    align-self: center;\n    margin: auto;\n    position: relative;\n  }\n\n  .btn-search {\n    display: flex;\n    max-width: $x-large-space;\n    max-height: $x-large-space;\n    border-radius: var(--theme-input--border-radius);\n    transition: all 0.15s ease-in-out;\n    z-index: 1;\n    align-items: center;\n    position: relative;\n    border: none;\n\n    @include hover {\n      border-color: transparent;\n    }\n\n    @include active {\n      border-color: transparent;\n    }\n\n    @include focus {\n      outline: none;\n    }\n\n    @include focus-visible {\n      outline: var(--focus--border-color);\n      outline-width: 1px;\n      outline-style: solid;\n    }\n  }\n\n  .btn-search.btn-search--expanded {\n    margin-left: 0.25rem;\n    pointer-events: none;\n  }\n\n  .btn-search:active {\n    width: $x-large-space;\n    height: $x-large-space;\n    border-radius: var(--theme-input--border-radius);\n    border: var(--theme-std-bdr-1) !important;\n  }\n\n  /*expanded view*/\n  .input-container {\n    display: flex;\n    position: absolute;\n    align-items: center;\n    flex-wrap: nowrap;\n  }\n\n  .btn-clear {\n    position: absolute;\n    border-radius: var(--theme-input--border-radius);\n    right: 0px;\n    margin-right: 0.25rem;\n  }\n\n  .input {\n    padding-left: $x-large-space !important;\n    padding-right: 2.5rem !important;\n  }\n\n  .opacity-before {\n    opacity: 0;\n  }\n\n  .opacity-after {\n    opacity: 1;\n  }\n}\n\n:host(.right-position) {\n  width: $container-width !important;\n}\n\n:host(.right-position.fullWidth) {\n  width: 100% !important;\n\n  .fullWidth {\n    width: 100% !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-expanding-search',\n  styleUrl: 'expanding-search.scss',\n  shadow: true,\n})\nexport class ExpandingSearch {\n  /**\n   * Search icon\n   */\n  @Prop() icon = 'search';\n\n  /**\n   * Placeholder text\n   */\n  @Prop() placeholder = 'Enter text here';\n\n  /**\n   * Default value\n   */\n  @Prop({ mutable: true }) value = '';\n\n  /**\n   * If true the search field will fill all available horizontal space of it's parent container when expanded.\n   * @since 1.6.0\n   */\n  @Prop() fullWidth = false;\n\n  @State() isFieldChanged = false;\n  @State() expanded = false;\n  @State() hasFocus = false;\n\n  /**\n   * Value changed\n   */\n  @Event() valueChange: EventEmitter<string>;\n\n  private expandInput() {\n    setTimeout(this.focusTextInput, 300);\n    this.expanded = true;\n  }\n\n  private collapseInput() {\n    if (!this.isFieldChanged && this.expanded) {\n      this.expanded = false;\n    }\n  }\n\n  private clearInput() {\n    this.value = '';\n    this.isFieldChanged = false;\n  }\n\n  private onChange(e: InputEvent) {\n    this.value = (e.target as HTMLInputElement).value;\n    if (this.isFieldChanged && this.value === '') {\n      this.isFieldChanged = false;\n    } else {\n      this.isFieldChanged = true;\n    }\n\n    this.valueChange.emit(this.value);\n  }\n\n  private textInput?: HTMLInputElement;\n\n  constructor() {\n    this.focusTextInput = this.focusTextInput.bind(this);\n  }\n\n  private focusTextInput() {\n    this.textInput?.focus();\n  }\n\n  private clearClicked() {\n    this.clearInput();\n    this.textInput?.focus();\n    this.valueChange.emit(this.value);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.expanded,\n          'right-position': this.expanded,\n          fullWidth: this.fullWidth,\n        }}\n      >\n        <ix-icon-button\n          size={this.expanded ? '16' : '24'}\n          icon={this.icon}\n          ghost\n          variant=\"primary\"\n          data-testid=\"button\"\n          onClick={() => this.expandInput()}\n          tabindex={this.expanded ? -1 : 0}\n          color={this.hasFocus ? 'input-search-icon--color--focus' : undefined}\n          class={{\n            'btn-search': true,\n            'btn-search--expanded': this.expanded,\n          }}\n        ></ix-icon-button>\n\n        <div\n          class={{\n            expanded: this.expanded,\n            fullWidth: this.fullWidth,\n            collapsed: !this.expanded,\n            'disable-pointer': !this.expanded,\n            'input-container': true,\n          }}\n          data-testid=\"input-wrapper\"\n        >\n          <input\n            class={{\n              'form-control': true,\n              input: this.expanded,\n              'disable-pointer': !this.expanded,\n              'opacity-before': !this.expanded,\n              'opacity-after': this.expanded,\n            }}\n            ref={(el) => (this.textInput = el)}\n            data-testid=\"input\"\n            placeholder={this.placeholder}\n            type=\"text\"\n            value={this.value}\n            onBlur={() => {\n              this.collapseInput();\n              this.hasFocus = false;\n            }}\n            onFocus={() => (this.hasFocus = true)}\n            onInput={(e: InputEvent) => this.onChange(e)}\n            tabindex={this.expanded ? 0 : -1}\n          />\n\n          {this.isFieldChanged ? (\n            <ix-icon-button\n              class=\"btn-clear\"\n              icon=\"clear\"\n              ghost={true}\n              size=\"16\"\n              data-testid=\"clear-button\"\n              onClick={() => this.clearClicked()}\n            />\n          ) : null}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,2/R,MCwBdC,EAAe,MA+BlBC,cACNC,WAAWC,KAAKC,eAAgB,KAChCD,KAAKE,SAAW,I,CAGVC,gBACN,IAAKH,KAAKI,gBAAkBJ,KAAKE,SAAU,CACzCF,KAAKE,SAAW,K,EAIZG,aACNL,KAAKM,MAAQ,GACbN,KAAKI,eAAiB,K,CAGhBG,SAASC,GACfR,KAAKM,MAASE,EAAEC,OAA4BH,MAC5C,GAAIN,KAAKI,gBAAkBJ,KAAKM,QAAU,GAAI,CAC5CN,KAAKI,eAAiB,K,KACjB,CACLJ,KAAKI,eAAiB,I,CAGxBJ,KAAKU,YAAYC,KAAKX,KAAKM,M,CAK7BM,YAAAC,G,6DAxDe,S,iBAKO,kB,WAKW,G,eAMb,M,oBAEM,M,cACN,M,cACA,MAqClBb,KAAKC,eAAiBD,KAAKC,eAAea,KAAKd,K,CAGzCC,iB,OACNc,EAAAf,KAAKgB,aAAS,MAAAD,SAAA,SAAAA,EAAEE,O,CAGVC,e,MACNlB,KAAKK,cACLU,EAAAf,KAAKgB,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAChBjB,KAAKU,YAAYC,KAAKX,KAAKM,M,CAG7Ba,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLpB,SAAUF,KAAKE,SACf,iBAAkBF,KAAKE,SACvBqB,UAAWvB,KAAKuB,YAGlBH,EAAA,kBACEI,KAAMxB,KAAKE,SAAW,KAAO,KAC7BuB,KAAMzB,KAAKyB,KACXC,MAAK,KACLC,QAAQ,UAAS,cACL,SACZC,QAAS,IAAM5B,KAAKF,cACpB+B,SAAU7B,KAAKE,UAAY,EAAI,EAC/B4B,MAAO9B,KAAK+B,SAAW,kCAAoCC,UAC3DV,MAAO,CACL,aAAc,KACd,uBAAwBtB,KAAKE,YAIjCkB,EAAA,OACEE,MAAO,CACLpB,SAAUF,KAAKE,SACfqB,UAAWvB,KAAKuB,UAChBU,WAAYjC,KAAKE,SACjB,mBAAoBF,KAAKE,SACzB,kBAAmB,MACpB,cACW,iBAEZkB,EAAA,SACEE,MAAO,CACL,eAAgB,KAChBY,MAAOlC,KAAKE,SACZ,mBAAoBF,KAAKE,SACzB,kBAAmBF,KAAKE,SACxB,gBAAiBF,KAAKE,UAExBiC,IAAMC,GAAQpC,KAAKgB,UAAYoB,EAAG,cACtB,QACZC,YAAarC,KAAKqC,YAClBC,KAAK,OACLhC,MAAON,KAAKM,MACZiC,OAAQ,KACNvC,KAAKG,gBACLH,KAAK+B,SAAW,KAAK,EAEvBS,QAAS,IAAOxC,KAAK+B,SAAW,KAChCU,QAAUjC,GAAkBR,KAAKO,SAASC,GAC1CqB,SAAU7B,KAAKE,SAAW,GAAK,IAGhCF,KAAKI,eACJgB,EAAA,kBACEE,MAAM,YACNG,KAAK,QACLC,MAAO,KACPF,KAAK,KAAI,cACG,eACZI,QAAS,IAAM5B,KAAKkB,iBAEpB,M"}

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

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,F as o,H as s,g as r}from"./p-b899b25b.js";import{a as h}from"./p-0b71cde4.js";const c=':host{display:inline-flex;position:relative;height:2rem;justify-content:flex-start;align-items:center;margin-right:0.25rem;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host .switch{position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem;margin-right:0.25rem}:host .switch input{opacity:0;width:0;height:0}:host .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:150ms;border-radius:1.5rem}:host .slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3px;background-color:var(--theme-switch-thumb-off--background);transition:150ms;border-radius:50%}:host input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:host input:focus-visible+.switch>.slider{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host input:checked+.switch>.slider{background-color:var(--theme-switch-on--background)}:host input:checked+.switch>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.35rem)}:host input+.switch:hover>.slider{background-color:var(--theme-switch-off--background--hover)}:host input+.switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover)}:host input+.switch:active>.slider{background-color:var(--theme-switch-off--background--active)}:host input+.switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active)}:host input:checked+.switch:hover>.slider{background-color:var(--theme-switch-on--background--hover)}:host input:checked+.switch:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover)}:host input:checked+.switch:active>.slider{background-color:var(--theme-switch-on--background--active)}:host input:checked+.switch:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active)}:host input:indeterminate+.switch>.slider::before{transform:translateX(0.7rem)}:host .toggle-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.disabled){pointer-events:none}:host(.disabled) input+.switch{opacity:0.5}:host(.disabled) input+.switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) input+.switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) input:checked+.switch>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) input:checked+.switch>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .toggle-text{color:var(--theme-color-weak-text)}';const a=class{constructor(i){t(this,i);this.checkedChange=e(this,"checkedChange",7);this.checked=false;this.disabled=false;this.indeterminate=false;this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false}onCheckedChange(t){if(this.indeterminate){this.indeterminate=false}this.checked=t;this.checkedChange.emit(this.checked)}render(){return i(s,{class:{disabled:this.disabled},onClick:()=>this.onCheckedChange(!this.checked)},i("input",{disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,role:"switch",tabindex:0,type:"checkbox","aria-checked":h(this.checked),onChange:t=>this.onCheckedChange(t.target.checked)}),i("label",{class:"switch",tabIndex:-1},i("span",{class:"slider"})),!this.hideText?i(o,null,!this.indeterminate?i("span",{class:"toggle-text","aria-hidden":h(true)},this.checked?this.textOn:this.textOff):i("span",{class:"toggle-text","aria-hidden":h(true)},this.textIndeterminate)):null)}get hostElement(){return r(this)}};a.style=c;export{a as ix_toggle};
-//# sourceMappingURL=p-d81d0f62.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toggleCss","Toggle","onCheckedChange","newChecked","this","indeterminate","checked","checkedChange","emit","render","h","Host","class","disabled","onClick","role","tabindex","type","a11yBoolean","onChange","event","target","tabIndex","hideText","Fragment","textOn","textOff","textIndeterminate"],"sources":["./src/components/toggle/toggle.scss?tag=ix-toggle&encapsulation=shadow","./src/components/toggle/toggle.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/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-flex;\n  position: relative;\n  height: 2rem;\n  justify-content: flex-start;\n  align-items: center;\n  margin-right: 0.25rem;\n\n  cursor: pointer;\n\n  .switch {\n    position: relative;\n    display: inline-block;\n    width: 3rem;\n    min-width: 3rem;\n    max-width: 3rem;\n    height: 1.5rem;\n    margin-right: 0.25rem;\n  }\n\n  .switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--theme-switch-off--background);\n    transition: 150ms;\n    border-radius: 1.5rem;\n  }\n\n  .slider:before {\n    position: absolute;\n    content: '';\n    height: 18px;\n    width: 18px;\n    left: 4px;\n    bottom: 3px;\n    background-color: var(--theme-switch-thumb-off--background);\n    transition: 150ms;\n    border-radius: 50%;\n  }\n\n  input {\n    border: 0;\n    clip: rect(0 0 0 0);\n    height: 1px;\n    margin: -1px;\n    overflow: hidden;\n    padding: 0;\n    position: absolute;\n    width: 1px;\n  }\n\n  input:focus-visible + .switch > .slider {\n    outline: 1px solid var(--theme-color-focus-bdr);\n    outline-offset: 1px;\n  }\n\n  input:checked + .switch > .slider {\n    background-color: var(--theme-switch-on--background);\n  }\n\n  input:checked + .switch > .slider::before {\n    background-color: var(--theme-switch-thumb-on--background);\n    transform: translateX(1.35rem);\n  }\n\n  // Toggle NOT checked\n  input + .switch:hover > .slider {\n    background-color: var(--theme-switch-off--background--hover);\n  }\n\n  input + .switch:hover > .slider:before {\n    background-color: var(--theme-switch-thumb-off--background--hover);\n  }\n\n  input + .switch:active > .slider {\n    background-color: var(--theme-switch-off--background--active);\n  }\n\n  input + .switch:active > .slider:before {\n    background-color: var(--theme-switch-thumb-off--background--active);\n  }\n\n  // Toggle checked\n  input:checked + .switch:hover > .slider {\n    background-color: var(--theme-switch-on--background--hover);\n  }\n\n  input:checked + .switch:hover > .slider:before {\n    background-color: var(--theme-switch-thumb-on--background--hover);\n  }\n\n  input:checked + .switch:active > .slider {\n    background-color: var(--theme-switch-on--background--active);\n  }\n\n  input:checked + .switch:active > .slider:before {\n    background-color: var(--theme-switch-thumb-on--background--active);\n  }\n\n  input:indeterminate + .switch > .slider::before {\n    transform: translateX(0.7rem);\n  }\n\n  .toggle-text {\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n\n  input + .switch {\n    opacity: 0.5;\n  }\n\n  input + .switch > .slider {\n    background-color: var(--theme-switch-off--background--disabled);\n  }\n\n  input + .switch > .slider:before {\n    background-color: var(--theme-switch-thumb-off--background--disabled);\n  }\n\n  input:checked + .switch > .slider {\n    background-color: var(--theme-switch-on--background--disabled);\n  }\n\n  input:checked + .switch > .slider:before {\n    background-color: var(--theme-switch-thumb-on--background--disabled);\n  }\n\n  .toggle-text {\n    color: var(--theme-color-weak-text);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n} from '@stencil/core';\nimport { a11yBoolean } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-toggle',\n  styleUrl: 'toggle.scss',\n  shadow: true,\n})\nexport class Toggle {\n  @Element() hostElement!: HTMLIxToggleElement;\n\n  /**\n   * Whether the slide-toggle element is checked or not.\n   */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * Whether the slide-toggle element is disabled or not.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the control is in indeterminate state\n   */\n  @Prop({ mutable: true, reflect: true }) indeterminate = false;\n\n  /**\n   * Text for on state\n   */\n  @Prop() textOn = 'On';\n\n  /**\n   * Text for off state\n   */\n  @Prop() textOff = 'Off';\n\n  /**\n   * Text for indeterminate state\n   */\n  @Prop() textIndeterminate = 'Mixed';\n\n  /**\n   * Hide `on` and `off` text\n   */\n  @Prop() hideText = false;\n\n  /**\n   * An event will be dispatched each time the slide-toggle changes its value.\n   */\n  @Event() checkedChange: EventEmitter<boolean>;\n\n  onCheckedChange(newChecked: boolean) {\n    if (this.indeterminate) {\n      this.indeterminate = false;\n    }\n    this.checked = newChecked;\n    this.checkedChange.emit(this.checked);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n        }}\n        onClick={() => this.onCheckedChange(!this.checked)}\n      >\n        <input\n          disabled={this.disabled}\n          indeterminate={this.indeterminate}\n          checked={this.checked}\n          role=\"switch\"\n          tabindex={0}\n          type=\"checkbox\"\n          aria-checked={a11yBoolean(this.checked)}\n          onChange={(event) =>\n            this.onCheckedChange((event.target as any).checked)\n          }\n        ></input>\n        <label class=\"switch\" tabIndex={-1}>\n          <span class=\"slider\"></span>\n        </label>\n        {!this.hideText ? (\n          <Fragment>\n            {!this.indeterminate ? (\n              <span class={'toggle-text'} aria-hidden={a11yBoolean(true)}>\n                {this.checked ? this.textOn : this.textOff}\n              </span>\n            ) : (\n              <span class={'toggle-text'} aria-hidden={a11yBoolean(true)}>\n                {this.textIndeterminate}\n              </span>\n            )}\n          </Fragment>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAY,+sF,MC0BLC,EAAM,M,mFAMiC,M,cAK/B,M,mBAKqC,M,YAKvC,K,aAKC,M,uBAKU,Q,cAKT,K,CAOnBC,gBAAgBC,GACd,GAAIC,KAAKC,cAAe,CACtBD,KAAKC,cAAgB,K,CAEvBD,KAAKE,QAAUH,EACfC,KAAKG,cAAcC,KAAKJ,KAAKE,Q,CAG/BG,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACLC,SAAUT,KAAKS,UAEjBC,QAAS,IAAMV,KAAKF,iBAAiBE,KAAKE,UAE1CI,EAAA,SACEG,SAAUT,KAAKS,SACfR,cAAeD,KAAKC,cACpBC,QAASF,KAAKE,QACdS,KAAK,SACLC,SAAU,EACVC,KAAK,WAAU,eACDC,EAAYd,KAAKE,SAC/Ba,SAAWC,GACThB,KAAKF,gBAAiBkB,EAAMC,OAAef,WAG/CI,EAAA,SAAOE,MAAM,SAASU,UAAW,GAC/BZ,EAAA,QAAME,MAAM,aAEZR,KAAKmB,SACLb,EAACc,EAAQ,MACLpB,KAAKC,cACLK,EAAA,QAAME,MAAO,cAAa,cAAeM,EAAY,OAClDd,KAAKE,QAAUF,KAAKqB,OAASrB,KAAKsB,SAGrChB,EAAA,QAAME,MAAO,cAAa,cAAeM,EAAY,OAClDd,KAAKuB,oBAIV,K"}

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

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as o,H as s,g as e}from"./p-b899b25b.js";import{a}from"./p-810b5232.js";import{b as r,a as l}from"./p-0b71cde4.js";import{A as d}from"./p-3b97bb69.js";const n="::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}:focus-visible{outline:none !important}:host dialog{margin:0;left:50%}:host dialog::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}:host .modal{display:grid;position:relative;flex-direction:column;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);max-height:80vh;overflow:hidden;pointer-events:all}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0px;left:0px;pointer-events:none}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:2.5rem}";const h=class{constructor(o){t(this,o);this.dialogClose=i(this,"dialogClose",7);this.dialogDismiss=i(this,"dialogDismiss",7);this.ariaAttributes={};this.size="360";this.animation=true;this.backdrop=true;this.closeOnBackdropClick=false;this.beforeDismiss=undefined;this.centered=false;this.keyboard=true}get dialog(){return this.hostElement.shadowRoot.querySelector("dialog")}slideInModal(){const t=this.animation?d.mediumTime:0;let i=this.centered?"-50":40;a({targets:this.dialog,duration:t,opacity:[0,1],translateY:[0,i],translateX:["-50%","-50%"],easing:"easeOutSine"})}slideOutModal(t){const i=this.animation?d.mediumTime:0;let o=this.centered?"-50":40;a({targets:this.dialog,duration:i,opacity:[1,0],translateY:[o,0],translateX:["-50%","-50%"],easing:"easeInSine",complete:()=>{if(t){t()}}})}onModalClick(t){const i=this.dialog.getBoundingClientRect();const o=i.top<=t.clientY&&t.clientY<=i.top+i.height&&i.left<=t.clientX&&t.clientX<=i.left+i.width;if(!o&&this.closeOnBackdropClick){this.dismissModal()}}async showModal(){this.dialog.showModal()}async dismissModal(t){let i=true;if(this.beforeDismiss!==undefined){i=await this.beforeDismiss(t)}if(!i){return}this.slideOutModal((()=>{this.dialog.close(JSON.stringify({type:"dismiss",reason:t},null,2));this.dialogDismiss.emit(t)}))}async closeModal(t){this.slideOutModal((()=>{this.dialog.close(JSON.stringify({type:"close",reason:t},null,2));this.dialogClose.emit(t)}))}componentDidLoad(){this.slideInModal()}componentWillLoad(){this.ariaAttributes=r(this.hostElement)}render(){return o(s,{class:{"no-backdrop":this.backdrop===false,"align-center":this.centered}},o("div",{class:"dialog-backdrop"},o("dialog",{"aria-modal":l(true),"aria-describedby":this.ariaAttributes["aria-describedby"],"aria-labelledby":this.ariaAttributes["aria-labelledby"],class:`modal modal-size-${this.size}`,onKeyDown:t=>{if(t.key==="Escape"&&this.keyboard===false){t.preventDefault()}},onClick:t=>this.onModalClick(t),onCancel:t=>{t.preventDefault();this.dismissModal()}},o("slot",null))))}get hostElement(){return e(this)}};h.style=n;export{h as ix_modal};
-//# sourceMappingURL=p-d991a3d6.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["modalCss","Modal","this","ariaAttributes","dialog","hostElement","shadowRoot","querySelector","slideInModal","duration","animation","Animation","mediumTime","transformY","centered","anime","targets","opacity","translateY","translateX","easing","slideOutModal","completeCallback","complete","onModalClick","event","rect","getBoundingClientRect","isClickOutside","top","clientY","height","left","clientX","width","closeOnBackdropClick","dismissModal","async","showModal","reason","allowDismiss","beforeDismiss","undefined","close","JSON","stringify","type","dialogDismiss","emit","dialogClose","componentDidLoad","componentWillLoad","a11yHostAttributes","render","h","Host","class","backdrop","a11yBoolean","size","onKeyDown","e","key","keyboard","preventDefault","onClick","onCancel"],"sources":["./src/components/modal/modal.scss?tag=ix-modal&encapsulation=shadow","./src/components/modal/modal.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n::backdrop {\n  --ix-dialog-backdrop: var(--theme-color-lightbox, #0000008c);\n}\n\n:focus-visible {\n  outline: none !important;\n}\n\n:host {\n  dialog {\n    margin: 0;\n    left: 50%;\n  }\n\n  dialog::backdrop {\n    backdrop-filter: blur(2.7182817459106445px);\n  }\n\n  .modal {\n    display: grid;\n    position: relative;\n    flex-direction: column;\n    border: none;\n    border-radius: var(--theme-default-border-radius);\n    background: var(--theme-modal--background);\n    box-shadow: var(--theme-shadow-4);\n    color: var(--theme-color-std-text);\n\n    max-height: 80vh;\n    overflow: hidden;\n    pointer-events: all;\n  }\n\n  .modal-size-360 {\n    width: 22.5rem;\n  }\n\n  .modal-size-480 {\n    width: 30rem;\n  }\n\n  .modal-size-600 {\n    width: 37.5rem;\n  }\n\n  .modal-size-720 {\n    width: 45rem;\n  }\n\n  .modal-size-840 {\n    width: 52.5rem;\n  }\n\n  .modal-size-full-width {\n    width: 95%;\n  }\n\n  .dialog-backdrop {\n    display: block;\n    position: fixed;\n    width: 100vw;\n    height: 100vh;\n    top: 0px;\n    left: 0px;\n\n    pointer-events: none;\n  }\n}\n\n:host(.align-center) {\n  dialog {\n    margin: 0;\n    left: 50%;\n    top: 50%;\n  }\n}\n\n:host(.no-backdrop) {\n  dialog::backdrop {\n    background-color: transparent !important;\n    backdrop-filter: none !important;\n  }\n}\n\n:host(.with-icon) {\n  ::slotted(ix-modal-footer),\n  ::slotted(ix-modal-content) {\n    margin-left: 2.5rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { A11yAttributes, a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport Animation from '../utils/animation';\n\nexport type IxModalFixedSize = '360' | '480' | '600' | '720' | '840';\nexport type IxModalDynamicSize = 'full-width';\nexport type IxModalSize = IxModalFixedSize | IxModalDynamicSize;\n\n@Component({\n  tag: 'ix-modal',\n  styleUrl: 'modal.scss',\n  shadow: true,\n})\nexport class Modal {\n  private ariaAttributes: A11yAttributes = {};\n\n  @Element() hostElement!: HTMLIxModalElement;\n\n  /**\n   * Modal size\n   *\n   * @since 2.0.0\n   */\n  @Prop() size: IxModalSize = '360';\n\n  /**\n   * Should the modal be animated\n   */\n  @Prop() animation = true;\n\n  /**\n   * Show a backdrop behind the modal dialog\n   */\n  @Prop() backdrop = true;\n\n  /**\n   * Dismiss modal on backdrop click\n   *\n   * @since 2.0.0\n   */\n  @Prop() closeOnBackdropClick = false;\n\n  /**\n   * Is called before the modal is dismissed.\n   *\n   * - Return `true` to proceed in dismissing the modal\n   * - Return `false` to abort in dismissing the modal\n   */\n  @Prop() beforeDismiss: (reason?: any) => boolean | Promise<boolean>;\n\n  /**\n   * Centered modal\n   */\n  @Prop() centered = false;\n\n  /**\n   * Use ESC to dismiss the modal\n   */\n  @Prop() keyboard = true;\n\n  /**\n   * Dialog close\n   */\n  @Event() dialogClose: EventEmitter;\n\n  /**\n   * Dialog cancel\n   */\n  @Event() dialogDismiss: EventEmitter;\n\n  get dialog() {\n    return this.hostElement.shadowRoot.querySelector('dialog');\n  }\n\n  private slideInModal() {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [0, 1],\n      translateY: [0, transformY],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeOutSine',\n    });\n  }\n\n  private slideOutModal(completeCallback: Function) {\n    const duration = this.animation ? Animation.mediumTime : 0;\n\n    let transformY = this.centered ? '-50' : 40;\n\n    anime({\n      targets: this.dialog,\n      duration,\n      opacity: [1, 0],\n      translateY: [transformY, 0],\n      translateX: ['-50%', '-50%'],\n      easing: 'easeInSine',\n      complete: () => {\n        if (completeCallback) {\n          completeCallback();\n        }\n      },\n    });\n  }\n\n  private onModalClick(event: MouseEvent) {\n    const rect = this.dialog.getBoundingClientRect();\n    const isClickOutside =\n      rect.top <= event.clientY &&\n      event.clientY <= rect.top + rect.height &&\n      rect.left <= event.clientX &&\n      event.clientX <= rect.left + rect.width;\n    if (!isClickOutside && this.closeOnBackdropClick) {\n      this.dismissModal();\n    }\n  }\n\n  /**\n   * Show the dialog\n   */\n  @Method()\n  async showModal() {\n    this.dialog.showModal();\n  }\n\n  /**\n   * Dismiss the dialog\n   */\n  @Method()\n  async dismissModal<T = any>(reason?: T) {\n    let allowDismiss = true;\n\n    if (this.beforeDismiss !== undefined) {\n      allowDismiss = await this.beforeDismiss(reason);\n    }\n    if (!allowDismiss) {\n      return;\n    }\n\n    this.slideOutModal(() => {\n      this.dialog.close(\n        JSON.stringify(\n          {\n            type: 'dismiss',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogDismiss.emit(reason);\n    });\n  }\n\n  /**\n   * Close the dialog\n   */\n  @Method()\n  async closeModal<T = any>(reason: T) {\n    this.slideOutModal(() => {\n      this.dialog.close(\n        JSON.stringify(\n          {\n            type: 'close',\n            reason,\n          },\n          null,\n          2\n        )\n      );\n\n      this.dialogClose.emit(reason);\n    });\n  }\n\n  componentDidLoad() {\n    this.slideInModal();\n  }\n\n  componentWillLoad() {\n    this.ariaAttributes = a11yHostAttributes(this.hostElement);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'no-backdrop': this.backdrop === false,\n          'align-center': this.centered,\n        }}\n      >\n        <div class=\"dialog-backdrop\">\n          <dialog\n            aria-modal={a11yBoolean(true)}\n            aria-describedby={this.ariaAttributes['aria-describedby']}\n            aria-labelledby={this.ariaAttributes['aria-labelledby']}\n            class={`modal modal-size-${this.size}`}\n            onKeyDown={(e) => {\n              if (e.key === 'Escape' && this.keyboard === false) {\n                e.preventDefault();\n              }\n            }}\n            onClick={(event) => this.onModalClick(event)}\n            onCancel={(e) => {\n              e.preventDefault();\n              this.dismissModal();\n            }}\n          >\n            <slot></slot>\n          </dialog>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8KAAA,MAAMA,EAAW,0pC,MC+BJC,EAAK,M,+GACRC,KAAAC,eAAiC,G,UASb,M,eAKR,K,cAKD,K,0BAOY,M,2CAaZ,M,cAKA,I,CAYfC,aACF,OAAOF,KAAKG,YAAYC,WAAWC,cAAc,S,CAG3CC,eACN,MAAMC,EAAWP,KAAKQ,UAAYC,EAAUC,WAAa,EAEzD,IAAIC,EAAaX,KAAKY,SAAW,MAAQ,GAEzCC,EAAM,CACJC,QAASd,KAAKE,OACdK,WACAQ,QAAS,CAAC,EAAG,GACbC,WAAY,CAAC,EAAGL,GAChBM,WAAY,CAAC,OAAQ,QACrBC,OAAQ,e,CAIJC,cAAcC,GACpB,MAAMb,EAAWP,KAAKQ,UAAYC,EAAUC,WAAa,EAEzD,IAAIC,EAAaX,KAAKY,SAAW,MAAQ,GAEzCC,EAAM,CACJC,QAASd,KAAKE,OACdK,WACAQ,QAAS,CAAC,EAAG,GACbC,WAAY,CAACL,EAAY,GACzBM,WAAY,CAAC,OAAQ,QACrBC,OAAQ,aACRG,SAAU,KACR,GAAID,EAAkB,CACpBA,G,KAMAE,aAAaC,GACnB,MAAMC,EAAOxB,KAAKE,OAAOuB,wBACzB,MAAMC,EACJF,EAAKG,KAAOJ,EAAMK,SAClBL,EAAMK,SAAWJ,EAAKG,IAAMH,EAAKK,QACjCL,EAAKM,MAAQP,EAAMQ,SACnBR,EAAMQ,SAAWP,EAAKM,KAAON,EAAKQ,MACpC,IAAKN,GAAkB1B,KAAKiC,qBAAsB,CAChDjC,KAAKkC,c,EAQTC,kBACEnC,KAAKE,OAAOkC,W,CAOdD,mBAA4BE,GAC1B,IAAIC,EAAe,KAEnB,GAAItC,KAAKuC,gBAAkBC,UAAW,CACpCF,QAAqBtC,KAAKuC,cAAcF,E,CAE1C,IAAKC,EAAc,CACjB,M,CAGFtC,KAAKmB,eAAc,KACjBnB,KAAKE,OAAOuC,MACVC,KAAKC,UACH,CACEC,KAAM,UACNP,UAEF,KACA,IAIJrC,KAAK6C,cAAcC,KAAKT,EAAO,G,CAQnCF,iBAA0BE,GACxBrC,KAAKmB,eAAc,KACjBnB,KAAKE,OAAOuC,MACVC,KAAKC,UACH,CACEC,KAAM,QACNP,UAEF,KACA,IAIJrC,KAAK+C,YAAYD,KAAKT,EAAO,G,CAIjCW,mBACEhD,KAAKM,c,CAGP2C,oBACEjD,KAAKC,eAAiBiD,EAAmBlD,KAAKG,Y,CAGhDgD,SACE,OACEC,EAACC,EAAI,CACHC,MAAO,CACL,cAAetD,KAAKuD,WAAa,MACjC,eAAgBvD,KAAKY,WAGvBwC,EAAA,OAAKE,MAAM,mBACTF,EAAA,uBACcI,EAAY,MAAK,mBACXxD,KAAKC,eAAe,oBAAmB,kBACxCD,KAAKC,eAAe,mBACrCqD,MAAO,oBAAoBtD,KAAKyD,OAChCC,UAAYC,IACV,GAAIA,EAAEC,MAAQ,UAAY5D,KAAK6D,WAAa,MAAO,CACjDF,EAAEG,gB,GAGNC,QAAUxC,GAAUvB,KAAKsB,aAAaC,GACtCyC,SAAWL,IACTA,EAAEG,iBACF9D,KAAKkC,cAAc,GAGrBkB,EAAA,e"}

package/dist/siemens-ix/p-db74796e.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as o}from"./p-b899b25b.js";const n=e=>{if(!e){return false}if(typeof e!=="string"){return false}return e.startsWith("data:image/svg+xml")};let l=null;function c(e){if(typeof window["DOMParser"]==="undefined"){console.warn("DOMParser not supported by your browser.");return}if(l===null){l=new window["DOMParser"]}const t=l.parseFromString(e,"text/html");const o=t.querySelector("svg");if(!o){throw Error("No valid svg data provided")}return o.outerHTML}async function r(e){const t=await fetch(e);const o=await t.text();if(!t.ok){console.error(o);return""}return c(o)}async function b(e){const{src:t,name:o}=e;if(o){if(n(o)){return c(o)}return}if(!t){return""}if(n(t)){return c(t)}return r(t)}const f='.glyph{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:"ix-icons";font-size:1.5rem;font-weight:500}.glyph-lg{font-size:1.3333333333em;line-height:0.75em;vertical-align:-15%}.glyph-2x{font-size:2em}.glyph-3x{font-size:3em}.glyph-4x{font-size:4em}.glyph-5x{font-size:5em}.glyph-fw{width:1.2857142857em;text-align:center}.glyph-12{font-size:0.75rem}.glyph-16{font-size:1rem}.glyph-24{font-size:1.5rem}.glyph-32{font-size:2rem}.glyph-about-filled:before{content:"\\ea01"}.glyph-about:before{content:"\\ea02"}.glyph-add-circle-filled:before{content:"\\ea03"}.glyph-add-circle:before{content:"\\ea04"}.glyph-add-document-note:before{content:"\\ea05"}.glyph-add-eye-filled:before{content:"\\ea06"}.glyph-add-eye:before{content:"\\ea07"}.glyph-add-task-list:before{content:"\\ea08"}.glyph-add-task:before{content:"\\ea09"}.glyph-add:before{content:"\\ea0a"}.glyph-ai:before{content:"\\ea0b"}.glyph-alarm-bell-cancelled-filled:before{content:"\\ea0c"}.glyph-alarm-bell-cancelled:before{content:"\\ea0d"}.glyph-alarm-bell-filled:before{content:"\\ea0e"}.glyph-alarm-bell:before{content:"\\ea0f"}.glyph-alarm-clock-filled:before{content:"\\ea10"}.glyph-alarm-clock:before{content:"\\ea11"}.glyph-alarm-filled:before{content:"\\ea12"}.glyph-alarm:before{content:"\\ea13"}.glyph-analyze:before{content:"\\ea14"}.glyph-anomaly-found:before{content:"\\ea15"}.glyph-anomaly:before{content:"\\ea16"}.glyph-app-menu:before{content:"\\ea17"}.glyph-apps:before{content:"\\ea18"}.glyph-arrow-down-right:before{content:"\\ea19"}.glyph-arrow-down:before{content:"\\ea1a"}.glyph-arrow-left:before{content:"\\ea1b"}.glyph-arrow-right-down:before{content:"\\ea1c"}.glyph-arrow-right:before{content:"\\ea1d"}.glyph-arrow-up:before{content:"\\ea1e"}.glyph-attach:before{content:"\\ea1f"}.glyph-attachment-upload:before{content:"\\ea20"}.glyph-audio-description1:before{content:"\\ea21"}.glyph-audio-description2:before{content:"\\ea22"}.glyph-audit-report:before{content:"\\ea23"}.glyph-average:before{content:"\\ea24"}.glyph-backup-filled:before{content:"\\ea25"}.glyph-backup:before{content:"\\ea26"}.glyph-bar-code:before{content:"\\ea27"}.glyph-barchart:before{content:"\\ea28"}.glyph-battery-check:before{content:"\\ea29"}.glyph-battery-empty-question:before{content:"\\ea2a"}.glyph-battery-empty:before{content:"\\ea2b"}.glyph-battery-exclamation:before{content:"\\ea2c"}.glyph-battery-full-check:before{content:"\\ea2d"}.glyph-battery-full:before{content:"\\ea2e"}.glyph-battery-half:before{content:"\\ea2f"}.glyph-battery-low:before{content:"\\ea30"}.glyph-battery-quarter:before{content:"\\ea31"}.glyph-battery-slash:before{content:"\\ea32"}.glyph-battery-three-quarter:before{content:"\\ea33"}.glyph-battery-xmark:before{content:"\\ea34"}.glyph-bezier-curve:before{content:"\\ea35"}.glyph-binoculars-filled:before{content:"\\ea36"}.glyph-binoculars:before{content:"\\ea37"}.glyph-blazor:before{content:"\\ea38"}.glyph-book:before{content:"\\ea39"}.glyph-bookmark-filled:before{content:"\\ea3a"}.glyph-bookmark:before{content:"\\ea3b"}.glyph-boundary-signals:before{content:"\\ea3c"}.glyph-building1-filled:before{content:"\\ea3d"}.glyph-building1:before{content:"\\ea3e"}.glyph-building2-filled:before{content:"\\ea3f"}.glyph-building2:before{content:"\\ea40"}.glyph-bulb-filled:before{content:"\\ea41"}.glyph-bulb:before{content:"\\ea42"}.glyph-calendar-filled:before{content:"\\ea43"}.glyph-calendar-settings:before{content:"\\ea44"}.glyph-calendar:before{content:"\\ea45"}.glyph-cancel:before{content:"\\ea46"}.glyph-cancelled:before{content:"\\ea47"}.glyph-capacity-filled:before{content:"\\ea48"}.glyph-capacity:before{content:"\\ea49"}.glyph-capture:before{content:"\\ea4a"}.glyph-car-filled:before{content:"\\ea4b"}.glyph-car:before{content:"\\ea4c"}.glyph-card-layout-filled:before{content:"\\ea4d"}.glyph-card-layout:before{content:"\\ea4e"}.glyph-chart-cursor:before{content:"\\ea4f"}.glyph-chart-curve-linear:before{content:"\\ea50"}.glyph-chart-curve-spline:before{content:"\\ea51"}.glyph-chart-curve-stepped:before{content:"\\ea52"}.glyph-chart-diagram-add:before{content:"\\ea53"}.glyph-chart-diagram:before{content:"\\ea54"}.glyph-chart-diagrams:before{content:"\\ea55"}.glyph-chart-labels-filled:before{content:"\\ea56"}.glyph-chart-labels:before{content:"\\ea57"}.glyph-check-in:before{content:"\\ea58"}.glyph-check-out:before{content:"\\ea59"}.glyph-checkbox-component-checked:before{content:"\\ea5a"}.glyph-checkbox-component-mixed:before{content:"\\ea5b"}.glyph-checkbox-component-unchecked:before{content:"\\ea5c"}.glyph-checkbox-filled:before{content:"\\ea5d"}.glyph-checkbox:before{content:"\\ea5e"}.glyph-checkboxes-filled:before{content:"\\ea5f"}.glyph-checkboxes:before{content:"\\ea60"}.glyph-chevron-down-small:before{content:"\\ea61"}.glyph-chevron-down:before{content:"\\ea62"}.glyph-chevron-left-small:before{content:"\\ea63"}.glyph-chevron-left:before{content:"\\ea64"}.glyph-chevron-right-small:before{content:"\\ea65"}.glyph-chevron-right:before{content:"\\ea66"}.glyph-chevron-up-small:before{content:"\\ea67"}.glyph-chevron-up:before{content:"\\ea68"}.glyph-circle-dot-filled:before{content:"\\ea69"}.glyph-circle-dot:before{content:"\\ea6a"}.glyph-circle-filled:before{content:"\\ea6b"}.glyph-circle-pause-filled:before{content:"\\ea6c"}.glyph-circle-pause:before{content:"\\ea6d"}.glyph-circle-play-filled:before{content:"\\ea6e"}.glyph-circle-play:before{content:"\\ea6f"}.glyph-circle-stop-filled:before{content:"\\ea70"}.glyph-circle-stop:before{content:"\\ea71"}.glyph-circle:before{content:"\\ea72"}.glyph-clear-filter-filled:before{content:"\\ea73"}.glyph-clear-filter:before{content:"\\ea74"}.glyph-clear:before{content:"\\ea75"}.glyph-clock-filled:before{content:"\\ea76"}.glyph-clock:before{content:"\\ea77"}.glyph-close-small:before{content:"\\ea78"}.glyph-close:before{content:"\\ea79"}.glyph-cloud-download-add-filled:before{content:"\\ea7a"}.glyph-cloud-download-add:before{content:"\\ea7b"}.glyph-cloud-download-filled:before{content:"\\ea7c"}.glyph-cloud-download-list-filled:before{content:"\\ea7d"}.glyph-cloud-download-list:before{content:"\\ea7e"}.glyph-cloud-download:before{content:"\\ea7f"}.glyph-cloud-filled:before{content:"\\ea80"}.glyph-cloud-new-filled:before{content:"\\ea81"}.glyph-cloud-new:before{content:"\\ea82"}.glyph-cloud-success-filled:before{content:"\\ea83"}.glyph-cloud-success:before{content:"\\ea84"}.glyph-cloud-upload-filled:before{content:"\\ea85"}.glyph-cloud-upload:before{content:"\\ea86"}.glyph-cloud:before{content:"\\ea87"}.glyph-code:before{content:"\\ea88"}.glyph-cogwheel-filled:before{content:"\\ea89"}.glyph-cogwheel:before{content:"\\ea8a"}.glyph-combine:before{content:"\\ea8b"}.glyph-compact-disc-filled:before{content:"\\ea8c"}.glyph-compact-disc:before{content:"\\ea8d"}.glyph-compound-block:before{content:"\\ea8e"}.glyph-configuration:before{content:"\\ea8f"}.glyph-configure-filled:before{content:"\\ea90"}.glyph-configure:before{content:"\\ea91"}.glyph-connected:before{content:"\\ea92"}.glyph-connector-chart-filled:before{content:"\\ea93"}.glyph-connector-chart:before{content:"\\ea94"}.glyph-connector-filled:before{content:"\\ea95"}.glyph-connector-hex-filled:before{content:"\\ea96"}.glyph-connector-hex:before{content:"\\ea97"}.glyph-connector-rect-filled:before{content:"\\ea98"}.glyph-connector-rect:before{content:"\\ea99"}.glyph-connector-rhomb-filled:before{content:"\\ea9a"}.glyph-connector-rhomb:before{content:"\\ea9b"}.glyph-connector:before{content:"\\ea9c"}.glyph-consistency-check:before{content:"\\ea9d"}.glyph-contact-details-filled:before{content:"\\ea9e"}.glyph-contact-details:before{content:"\\ea9f"}.glyph-context-menu:before{content:"\\eaa0"}.glyph-controlled-device:before{content:"\\eaa1"}.glyph-controller-device:before{content:"\\eaa2"}.glyph-copy:before{content:"\\eaa3"}.glyph-corner-arrow-up-left:before{content:"\\eaa4"}.glyph-couch-filled:before{content:"\\eaa5"}.glyph-couch:before{content:"\\eaa6"}.glyph-create-plant-filled:before{content:"\\eaa7"}.glyph-create-plant:before{content:"\\eaa8"}.glyph-cut:before{content:"\\eaa9"}.glyph-cycle:before{content:"\\eaaa"}.glyph-data-egress:before{content:"\\eaab"}.glyph-data-ingress-egress:before{content:"\\eaac"}.glyph-data-ingress:before{content:"\\eaad"}.glyph-database-filled:before{content:"\\eaae"}.glyph-database:before{content:"\\eaaf"}.glyph-details:before{content:"\\eab0"}.glyph-diagram-module-library:before{content:"\\eab1"}.glyph-diagram-module-new:before{content:"\\eab2"}.glyph-diagram-module:before{content:"\\eab3"}.glyph-diamond:before{content:"\\eab4"}.glyph-disconnected:before{content:"\\eab5"}.glyph-disk-filled:before{content:"\\eab6"}.glyph-disk-pen:before{content:"\\eab7"}.glyph-disk:before{content:"\\eab8"}.glyph-distribution:before{content:"\\eab9"}.glyph-doc-document:before{content:"\\eaba"}.glyph-document-bulk:before{content:"\\eabb"}.glyph-document-info:before{content:"\\eabc"}.glyph-document-link:before{content:"\\eabd"}.glyph-document-management:before{content:"\\eabe"}.glyph-document-reference:before{content:"\\eabf"}.glyph-document-settings:before{content:"\\eac0"}.glyph-document-success:before{content:"\\eac1"}.glyph-document:before{content:"\\eac2"}.glyph-double-check:before{content:"\\eac3"}.glyph-double-chevron-down:before{content:"\\eac4"}.glyph-double-chevron-left:before{content:"\\eac5"}.glyph-double-chevron-right:before{content:"\\eac6"}.glyph-double-chevron-up:before{content:"\\eac7"}.glyph-doublet-filled:before{content:"\\eac8"}.glyph-doublet:before{content:"\\eac9"}.glyph-download-add:before{content:"\\eaca"}.glyph-download-list:before{content:"\\eacb"}.glyph-download:before{content:"\\eacc"}.glyph-drop:before{content:"\\eacd"}.glyph-duplicate-document:before{content:"\\eace"}.glyph-duplicate:before{content:"\\eacf"}.glyph-e-mail-filled:before{content:"\\ead0"}.glyph-e-mail:before{content:"\\ead1"}.glyph-earth-filled:before{content:"\\ead2"}.glyph-earth:before{content:"\\ead3"}.glyph-edit-plant:before{content:"\\ead4"}.glyph-ellipse-arc:before{content:"\\ead5"}.glyph-ellipse-filled:before{content:"\\ead6"}.glyph-ellipse:before{content:"\\ead7"}.glyph-error-filled:before{content:"\\ead8"}.glyph-error:before{content:"\\ead9"}.glyph-explore-filled:before{content:"\\eada"}.glyph-explore:before{content:"\\eadb"}.glyph-export:before{content:"\\eadc"}.glyph-eye-cancelled-filled:before{content:"\\eadd"}.glyph-eye-cancelled:before{content:"\\eade"}.glyph-eye-filled:before{content:"\\eadf"}.glyph-eye:before{content:"\\eae0"}.glyph-factory-reset-filled:before{content:"\\eae1"}.glyph-factory-reset:before{content:"\\eae2"}.glyph-filter-filled:before{content:"\\eae3"}.glyph-filter-outline:before{content:"\\eae4"}.glyph-filter:before{content:"\\eae5"}.glyph-flag-filled:before{content:"\\eae6"}.glyph-flag:before{content:"\\eae7"}.glyph-folder-down-filled:before{content:"\\eae8"}.glyph-folder-down:before{content:"\\eae9"}.glyph-folder-filled:before{content:"\\eaea"}.glyph-folder-new-filled:before{content:"\\eaeb"}.glyph-folder-new-outline:before{content:"\\eaec"}.glyph-folder-new:before{content:"\\eaed"}.glyph-folder-open-filled:before{content:"\\eaee"}.glyph-folder-open-outline:before{content:"\\eaef"}.glyph-folder-open:before{content:"\\eaf0"}.glyph-folder-outline:before{content:"\\eaf1"}.glyph-folder-up-filled:before{content:"\\eaf2"}.glyph-folder-up:before{content:"\\eaf3"}.glyph-folder:before{content:"\\eaf4"}.glyph-full-screeen-exit:before{content:"\\eaf5"}.glyph-full-screeen:before{content:"\\eaf6"}.glyph-function-block-library:before{content:"\\eaf7"}.glyph-function-block-new:before{content:"\\eaf8"}.glyph-function-block:before{content:"\\eaf9"}.glyph-function-diagram-new:before{content:"\\eafa"}.glyph-function-diagram:before{content:"\\eafb"}.glyph-gauge-filled:before{content:"\\eafc"}.glyph-gauge:before{content:"\\eafd"}.glyph-gaugechart:before{content:"\\eafe"}.glyph-global-plant-filled:before{content:"\\eaff"}.glyph-global-plant:before{content:"\\eb00"}.glyph-globe-filled:before{content:"\\eb01"}.glyph-globe:before{content:"\\eb02"}.glyph-goto:before{content:"\\eb03"}.glyph-group:before{content:"\\eb04"}.glyph-hard-reset:before{content:"\\eb05"}.glyph-hardware-cabinet:before{content:"\\eb06"}.glyph-health-filled:before{content:"\\eb07"}.glyph-health:before{content:"\\eb08"}.glyph-heart-filled:before{content:"\\eb09"}.glyph-heart:before{content:"\\eb0a"}.glyph-hexagon-vertical-bars-database-filled:before{content:"\\eb0b"}.glyph-hexagon-vertical-bars-database:before{content:"\\eb0c"}.glyph-hexagon-vertical-bars-filled:before{content:"\\eb0d"}.glyph-hexagon-vertical-bars:before{content:"\\eb0e"}.glyph-hierarchy:before{content:"\\eb0f"}.glyph-highlight-filled:before{content:"\\eb10"}.glyph-highlight:before{content:"\\eb11"}.glyph-history-list:before{content:"\\eb12"}.glyph-history:before{content:"\\eb13"}.glyph-home-filled:before{content:"\\eb14"}.glyph-home:before{content:"\\eb15"}.glyph-hourglass:before{content:"\\eb16"}.glyph-image-filled:before{content:"\\eb17"}.glyph-image:before{content:"\\eb18"}.glyph-import:before{content:"\\eb19"}.glyph-info-feed:before{content:"\\eb1a"}.glyph-info-filled:before{content:"\\eb1b"}.glyph-info:before{content:"\\eb1c"}.glyph-ingestion-report:before{content:"\\eb1d"}.glyph-ingestion:before{content:"\\eb1e"}.glyph-ink-pen:before{content:"\\eb1f"}.glyph-inquiry-filled:before{content:"\\eb20"}.glyph-inquiry-mail:before{content:"\\eb21"}.glyph-inquiry:before{content:"\\eb22"}.glyph-item-details-filled:before{content:"\\eb23"}.glyph-item-details:before{content:"\\eb24"}.glyph-label-filled:before{content:"\\eb25"}.glyph-label:before{content:"\\eb26"}.glyph-language-filled:before{content:"\\eb27"}.glyph-language:before{content:"\\eb28"}.glyph-layers-filled:before{content:"\\eb29"}.glyph-layers:before{content:"\\eb2a"}.glyph-leaf:before{content:"\\eb2b"}.glyph-legal:before{content:"\\eb2c"}.glyph-library-new:before{content:"\\eb2d"}.glyph-library:before{content:"\\eb2e"}.glyph-license:before{content:"\\eb2f"}.glyph-light-dark:before{content:"\\eb30"}.glyph-line-diagonal:before{content:"\\eb31"}.glyph-link:before{content:"\\eb32"}.glyph-list:before{content:"\\eb33"}.glyph-live-schedule:before{content:"\\eb34"}.glyph-location-filled:before{content:"\\eb35"}.glyph-location-outline:before{content:"\\eb36"}.glyph-location:before{content:"\\eb37"}.glyph-lock-filled:before{content:"\\eb38"}.glyph-lock-key-filled:before{content:"\\eb39"}.glyph-lock-key:before{content:"\\eb3a"}.glyph-lock:before{content:"\\eb3b"}.glyph-log-in:before{content:"\\eb3c"}.glyph-log-out:before{content:"\\eb3d"}.glyph-log:before{content:"\\eb3e"}.glyph-logic-diagram:before{content:"\\eb3f"}.glyph-lower-limit:before{content:"\\eb40"}.glyph-mail-filled:before{content:"\\eb41"}.glyph-mail:before{content:"\\eb42"}.glyph-maintenance-documents:before{content:"\\eb43"}.glyph-maintenance-info:before{content:"\\eb44"}.glyph-maintenance-warning-filled:before{content:"\\eb45"}.glyph-maintenance-warning:before{content:"\\eb46"}.glyph-maintenance:before{content:"\\eb47"}.glyph-mandatory-done:before{content:"\\eb48"}.glyph-mandatory:before{content:"\\eb49"}.glyph-map:before{content:"\\eb4a"}.glyph-maximize:before{content:"\\eb4b"}.glyph-microphone-filled:before{content:"\\eb4c"}.glyph-microphone:before{content:"\\eb4d"}.glyph-minimize:before{content:"\\eb4e"}.glyph-minus:before{content:"\\eb4f"}.glyph-mix:before{content:"\\eb50"}.glyph-monitor-filled:before{content:"\\eb51"}.glyph-monitor-trend:before{content:"\\eb52"}.glyph-monitor:before{content:"\\eb53"}.glyph-monitoring-add:before{content:"\\eb54"}.glyph-monitoring:before{content:"\\eb55"}.glyph-monitorings:before{content:"\\eb56"}.glyph-moon-filled:before{content:"\\eb57"}.glyph-moon:before{content:"\\eb58"}.glyph-more-menu:before{content:"\\eb59"}.glyph-mouse-click-filled:before{content:"\\eb5a"}.glyph-mouse-click:before{content:"\\eb5b"}.glyph-mouse-select-filled:before{content:"\\eb5c"}.glyph-mouse-select:before{content:"\\eb5d"}.glyph-mp4-document:before{content:"\\eb5e"}.glyph-namur-check-function-filled:before{content:"\\eb5f"}.glyph-namur-check-function:before{content:"\\eb60"}.glyph-namur-failure-filled:before{content:"\\eb61"}.glyph-namur-failure:before{content:"\\eb62"}.glyph-namur-maintenance-required-filled:before{content:"\\eb63"}.glyph-namur-maintenance-required:before{content:"\\eb64"}.glyph-namur-ok-filled:before{content:"\\eb65"}.glyph-namur-ok:before{content:"\\eb66"}.glyph-namur-out-of-spec-filled:before{content:"\\eb67"}.glyph-namur-out-of-spec:before{content:"\\eb68"}.glyph-navigation-filled:before{content:"\\eb69"}.glyph-navigation-left:before{content:"\\eb6a"}.glyph-navigation-right:before{content:"\\eb6b"}.glyph-navigation:before{content:"\\eb6c"}.glyph-new-indicator-filled:before{content:"\\eb6d"}.glyph-new-indicator:before{content:"\\eb6e"}.glyph-no-filter-filled:before{content:"\\eb6f"}.glyph-no-filter:before{content:"\\eb70"}.glyph-no-image:before{content:"\\eb71"}.glyph-note-filled:before{content:"\\eb72"}.glyph-note:before{content:"\\eb73"}.glyph-notification-filled:before{content:"\\eb74"}.glyph-notification:before{content:"\\eb75"}.glyph-notifications-filled:before{content:"\\eb76"}.glyph-notifications:before{content:"\\eb77"}.glyph-ontology-filled:before{content:"\\eb78"}.glyph-ontology:before{content:"\\eb79"}.glyph-open-external:before{content:"\\eb7a"}.glyph-open-file-filled:before{content:"\\eb7b"}.glyph-open-file:before{content:"\\eb7c"}.glyph-operate-plant-filled:before{content:"\\eb7d"}.glyph-operate-plant:before{content:"\\eb7e"}.glyph-optimize:before{content:"\\eb7f"}.glyph-p-and-i-symbols:before{content:"\\eb80"}.glyph-p-i-diagram:before{content:"\\eb81"}.glyph-pan:before{content:"\\eb82"}.glyph-paste:before{content:"\\eb83"}.glyph-pause:before{content:"\\eb84"}.glyph-pc-tower-filled:before{content:"\\eb85"}.glyph-pc-tower:before{content:"\\eb86"}.glyph-pdf-document:before{content:"\\eb87"}.glyph-pen-filled:before{content:"\\eb88"}.glyph-pen:before{content:"\\eb89"}.glyph-phone-filled:before{content:"\\eb8a"}.glyph-phone:before{content:"\\eb8b"}.glyph-photo-camera-add:before{content:"\\eb8c"}.glyph-photo-camera-filled:before{content:"\\eb8d"}.glyph-photo-camera:before{content:"\\eb8e"}.glyph-photo-cameras:before{content:"\\eb8f"}.glyph-piechart-filled:before{content:"\\eb90"}.glyph-piechart:before{content:"\\eb91"}.glyph-pin-filled:before{content:"\\eb92"}.glyph-pin:before{content:"\\eb93"}.glyph-plant-filled:before{content:"\\eb94"}.glyph-plant-handbook-filled:before{content:"\\eb95"}.glyph-plant-handbook:before{content:"\\eb96"}.glyph-plant-outline:before{content:"\\eb97"}.glyph-plant-security:before{content:"\\eb98"}.glyph-plant-settings-filled:before{content:"\\eb99"}.glyph-plant-settings:before{content:"\\eb9a"}.glyph-plant-user-filled:before{content:"\\eb9b"}.glyph-plant-user:before{content:"\\eb9c"}.glyph-plant:before{content:"\\eb9d"}.glyph-plants-filled:before{content:"\\eb9e"}.glyph-plants:before{content:"\\eb9f"}.glyph-play-filled:before{content:"\\eba0"}.glyph-play-pause-filled:before{content:"\\eba1"}.glyph-play-pause:before{content:"\\eba2"}.glyph-play-stepwise-filled:before{content:"\\eba3"}.glyph-play-stepwise:before{content:"\\eba4"}.glyph-play:before{content:"\\eba5"}.glyph-plus-minus-times-divide:before{content:"\\eba6"}.glyph-plus:before{content:"\\eba7"}.glyph-point-up-filled:before{content:"\\eba8"}.glyph-point-up:before{content:"\\eba9"}.glyph-polar-plot:before{content:"\\ebaa"}.glyph-polygon-filled:before{content:"\\ebab"}.glyph-polygon-line:before{content:"\\ebac"}.glyph-polygon:before{content:"\\ebad"}.glyph-ppt-document:before{content:"\\ebae"}.glyph-print-filled:before{content:"\\ebaf"}.glyph-print:before{content:"\\ebb0"}.glyph-prio-high:before{content:"\\ebb1"}.glyph-prio-low:before{content:"\\ebb2"}.glyph-prio-middle:before{content:"\\ebb3"}.glyph-product-catalog:before{content:"\\ebb4"}.glyph-product-management:before{content:"\\ebb5"}.glyph-product:before{content:"\\ebb6"}.glyph-project-configuration:before{content:"\\ebb7"}.glyph-project-new:before{content:"\\ebb8"}.glyph-project-scenarios:before{content:"\\ebb9"}.glyph-project:before{content:"\\ebba"}.glyph-protocol:before{content:"\\ebbb"}.glyph-publish-document:before{content:"\\ebbc"}.glyph-publish:before{content:"\\ebbd"}.glyph-qr-code:before{content:"\\ebbe"}.glyph-quality-report:before{content:"\\ebbf"}.glyph-question-filled:before{content:"\\ebc0"}.glyph-question:before{content:"\\ebc1"}.glyph-radarchart:before{content:"\\ebc2"}.glyph-radio-waves-off:before{content:"\\ebc3"}.glyph-radio-waves:before{content:"\\ebc4"}.glyph-random-filled:before{content:"\\ebc5"}.glyph-random:before{content:"\\ebc6"}.glyph-reboot:before{content:"\\ebc7"}.glyph-rectangle-filled:before{content:"\\ebc8"}.glyph-rectangle:before{content:"\\ebc9"}.glyph-redo:before{content:"\\ebca"}.glyph-reference:before{content:"\\ebcb"}.glyph-refresh-cancelled:before{content:"\\ebcc"}.glyph-refresh:before{content:"\\ebcd"}.glyph-reload:before{content:"\\ebce"}.glyph-remove-eye-filled:before{content:"\\ebcf"}.glyph-remove-eye:before{content:"\\ebd0"}.glyph-rename:before{content:"\\ebd1"}.glyph-replace:before{content:"\\ebd2"}.glyph-report-barchart:before{content:"\\ebd3"}.glyph-report-linechart:before{content:"\\ebd4"}.glyph-report-text:before{content:"\\ebd5"}.glyph-reset:before{content:"\\ebd6"}.glyph-restore-backup-filled:before{content:"\\ebd7"}.glyph-restore-backup-pc:before{content:"\\ebd8"}.glyph-restore-backup:before{content:"\\ebd9"}.glyph-rhomb-filled:before{content:"\\ebda"}.glyph-rhomb:before{content:"\\ebdb"}.glyph-road-filled:before{content:"\\ebdc"}.glyph-road:before{content:"\\ebdd"}.glyph-rocket-filled:before{content:"\\ebde"}.glyph-rocket:before{content:"\\ebdf"}.glyph-route-target:before{content:"\\ebe0"}.glyph-route:before{content:"\\ebe1"}.glyph-scatterplot:before{content:"\\ebe2"}.glyph-scheduler-filled:before{content:"\\ebe3"}.glyph-scheduler:before{content:"\\ebe4"}.glyph-screen-filled:before{content:"\\ebe5"}.glyph-screen:before{content:"\\ebe6"}.glyph-screenshot-filled:before{content:"\\ebe7"}.glyph-screenshot:before{content:"\\ebe8"}.glyph-script-add:before{content:"\\ebe9"}.glyph-script:before{content:"\\ebea"}.glyph-scripts:before{content:"\\ebeb"}.glyph-search:before{content:"\\ebec"}.glyph-share-filled:before{content:"\\ebed"}.glyph-share:before{content:"\\ebee"}.glyph-shopping-cart-filled:before{content:"\\ebef"}.glyph-shopping-cart:before{content:"\\ebf0"}.glyph-shout-filled:before{content:"\\ebf1"}.glyph-shout:before{content:"\\ebf2"}.glyph-sign-language:before{content:"\\ebf3"}.glyph-signal-strength-0:before{content:"\\ebf4"}.glyph-signal-strength-1:before{content:"\\ebf5"}.glyph-signal-strength-2:before{content:"\\ebf6"}.glyph-signal-strength-3:before{content:"\\ebf7"}.glyph-signal-strength-4:before{content:"\\ebf8"}.glyph-signal-strength-5:before{content:"\\ebf9"}.glyph-signal-strength-6:before{content:"\\ebfa"}.glyph-signal-strength-7:before{content:"\\ebfb"}.glyph-signal-strength-8:before{content:"\\ebfc"}.glyph-simit-component:before{content:"\\ebfd"}.glyph-simit-macro-component-editor:before{content:"\\ebfe"}.glyph-simit-macro:before{content:"\\ebff"}.glyph-single-check:before{content:"\\ec00"}.glyph-skip-back-filled:before{content:"\\ec01"}.glyph-skip-back:before{content:"\\ec02"}.glyph-skip-filled:before{content:"\\ec03"}.glyph-skip:before{content:"\\ec04"}.glyph-snowflake:before{content:"\\ec05"}.glyph-sort-ascending:before{content:"\\ec06"}.glyph-sort-descending:before{content:"\\ec07"}.glyph-sort:before{content:"\\ec08"}.glyph-sound-loud-filled:before{content:"\\ec09"}.glyph-sound-loud:before{content:"\\ec0a"}.glyph-sound-mute-filled:before{content:"\\ec0b"}.glyph-sound-mute:before{content:"\\ec0c"}.glyph-sound-off-filled:before{content:"\\ec0d"}.glyph-sound-off:before{content:"\\ec0e"}.glyph-sound-quiet-filled:before{content:"\\ec0f"}.glyph-sound-quiet:before{content:"\\ec10"}.glyph-spatial:before{content:"\\ec11"}.glyph-split-horizontally:before{content:"\\ec12"}.glyph-split-vertically:before{content:"\\ec13"}.glyph-standby:before{content:"\\ec14"}.glyph-star-add-filled:before{content:"\\ec15"}.glyph-star-add:before{content:"\\ec16"}.glyph-star-cancelled-filled:before{content:"\\ec17"}.glyph-star-cancelled:before{content:"\\ec18"}.glyph-star-filled:before{content:"\\ec19"}.glyph-star-list-filled:before{content:"\\ec1a"}.glyph-star-list:before{content:"\\ec1b"}.glyph-star:before{content:"\\ec1c"}.glyph-start-data-analysis:before{content:"\\ec1d"}.glyph-steering-user-filled:before{content:"\\ec1e"}.glyph-steering-user:before{content:"\\ec1f"}.glyph-steering:before{content:"\\ec20"}.glyph-stethoscope:before{content:"\\ec21"}.glyph-stop-filled:before{content:"\\ec22"}.glyph-stop:before{content:"\\ec23"}.glyph-success-filled:before{content:"\\ec24"}.glyph-success:before{content:"\\ec25"}.glyph-sun-filled:before{content:"\\ec26"}.glyph-sun:before{content:"\\ec27"}.glyph-support:before{content:"\\ec28"}.glyph-surveillance-filled:before{content:"\\ec29"}.glyph-surveillance:before{content:"\\ec2a"}.glyph-svg-document:before{content:"\\ec2b"}.glyph-swap-left-right:before{content:"\\ec2c"}.glyph-switch-slider:before{content:"\\ec2d"}.glyph-table-columns:before{content:"\\ec2e"}.glyph-table-rows:before{content:"\\ec2f"}.glyph-table-settings:before{content:"\\ec30"}.glyph-table:before{content:"\\ec31"}.glyph-tag-filled:before{content:"\\ec32"}.glyph-tag-plus-filled:before{content:"\\ec33"}.glyph-tag-plus:before{content:"\\ec34"}.glyph-tag:before{content:"\\ec35"}.glyph-tasks-all:before{content:"\\ec36"}.glyph-tasks-done:before{content:"\\ec37"}.glyph-tasks-open:before{content:"\\ec38"}.glyph-text-circle-rectangle-filled:before{content:"\\ec39"}.glyph-text-circle-rectangle:before{content:"\\ec3a"}.glyph-text-document:before{content:"\\ec3b"}.glyph-text:before{content:"\\ec3c"}.glyph-threshold-cancelled:before{content:"\\ec3d"}.glyph-threshold-off:before{content:"\\ec3e"}.glyph-threshold-on:before{content:"\\ec3f"}.glyph-to-be-published:before{content:"\\ec40"}.glyph-to-search:before{content:"\\ec41"}.glyph-topic-filled:before{content:"\\ec42"}.glyph-topic:before{content:"\\ec43"}.glyph-touch-filled:before{content:"\\ec44"}.glyph-touch:before{content:"\\ec45"}.glyph-trashcan-filled:before{content:"\\ec46"}.glyph-trashcan:before{content:"\\ec47"}.glyph-tree:before{content:"\\ec48"}.glyph-trend:before{content:"\\ec49"}.glyph-triangle-filled:before{content:"\\ec4a"}.glyph-triangle:before{content:"\\ec4b"}.glyph-truck-filled:before{content:"\\ec4c"}.glyph-truck:before{content:"\\ec4d"}.glyph-tulip-filled:before{content:"\\ec4e"}.glyph-tulip:before{content:"\\ec4f"}.glyph-txt-document:before{content:"\\ec50"}.glyph-undo:before{content:"\\ec51"}.glyph-ungroup:before{content:"\\ec52"}.glyph-unlock-filled:before{content:"\\ec53"}.glyph-unlock-plant-filled:before{content:"\\ec54"}.glyph-unlock-plant:before{content:"\\ec55"}.glyph-unlock:before{content:"\\ec56"}.glyph-upload-document-note:before{content:"\\ec57"}.glyph-upload-success:before{content:"\\ec58"}.glyph-upload:before{content:"\\ec59"}.glyph-upper-limit:before{content:"\\ec5a"}.glyph-user-check-filled:before{content:"\\ec5b"}.glyph-user-check:before{content:"\\ec5c"}.glyph-user-filled:before{content:"\\ec5d"}.glyph-user-management-filled:before{content:"\\ec5e"}.glyph-user-management:before{content:"\\ec5f"}.glyph-user-profile-filled:before{content:"\\ec60"}.glyph-user-profile:before{content:"\\ec61"}.glyph-user-settings-filled:before{content:"\\ec62"}.glyph-user-settings:before{content:"\\ec63"}.glyph-user:before{content:"\\ec64"}.glyph-validate:before{content:"\\ec65"}.glyph-vdi-folder:before{content:"\\ec66"}.glyph-version-history:before{content:"\\ec67"}.glyph-video-file-filled:before{content:"\\ec68"}.glyph-video-file:before{content:"\\ec69"}.glyph-warning-filled:before{content:"\\ec6a"}.glyph-warning-rhomb-filled:before{content:"\\ec6b"}.glyph-warning-rhomb:before{content:"\\ec6c"}.glyph-warning:before{content:"\\ec6d"}.glyph-water-bathing:before{content:"\\ec6e"}.glyph-water-fish:before{content:"\\ec6f"}.glyph-water-sunbathing:before{content:"\\ec70"}.glyph-waveform:before{content:"\\ec71"}.glyph-webcam-filled:before{content:"\\ec72"}.glyph-webcam:before{content:"\\ec73"}.glyph-wlan-off:before{content:"\\ec74"}.glyph-wlan-strength-0:before{content:"\\ec75"}.glyph-wlan-strength-1:before{content:"\\ec76"}.glyph-wlan-strength-2:before{content:"\\ec77"}.glyph-wlan-strength-3:before{content:"\\ec78"}.glyph-work-case-filled:before{content:"\\ec79"}.glyph-work-case:before{content:"\\ec7a"}.glyph-x-axis-settings:before{content:"\\ec7b"}.glyph-xls-document:before{content:"\\ec7c"}.glyph-xml-document:before{content:"\\ec7d"}.glyph-y-axis-settings:before{content:"\\ec7e"}.glyph-youtube-filled:before{content:"\\ec7f"}.glyph-youtube:before{content:"\\ec80"}.glyph-zoom-in:before{content:"\\ec81"}.glyph-zoom-out:before{content:"\\ec82"}.glyph-zoom-selection:before{content:"\\ec83"}:host{display:inline-flex;height:1.5rem;width:1.5rem}:host i{color:inherit;transition:color 150ms}:host .svg-container{display:block;position:relative;width:100%;height:100%}:host .svg-container>svg{height:1.5rem;width:1.5rem}:host .svg-container>svg [fill]{fill:var(--theme-color-std-text)}:host .skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#dddbdd}:host .skeleton-box::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:shimmer 2s infinite;content:""}@keyframes shimmer{100%{transform:translateX(100%)}}:host(.size-12){height:0.75rem;width:0.75rem}:host(.size-12) .svg-container>svg{height:0.75rem;width:0.75rem}:host(.size-16){height:1rem;width:1rem}:host(.size-16) .svg-container>svg{height:1rem;width:1rem}:host(.size-32){height:2rem;width:2rem}:host(.size-32) .svg-container>svg{height:2rem;width:2rem}';const h=class{constructor(t){e(this,t);this.size=undefined;this.color=undefined;this.name=undefined;this.src=undefined;this.svgContent=undefined}connectedCallback(){this.loadIconContent()}async loadIconContent(){this.svgContent=await b(this)}render(){const e={};if(this.color){e["color"]=`var(--theme-${this.color})`}if(this.name&&!this.svgContent){const n=this.name;return t(o,{style:e,class:{["size-12"]:this.size==="12",["size-16"]:this.size==="16",["size-24"]:this.size==="24",["size-32"]:this.size==="32"}},t("i",{class:{glyph:true,[`glyph-${n}`]:true,"glyph-12":this.size==="12","glyph-16":this.size==="16","glyph-24":this.size==="24","glyph-32":this.size==="32"}}))}return t(o,{style:e,class:{["size-12"]:this.size==="12",["size-16"]:this.size==="16",["size-24"]:this.size==="24",["size-32"]:this.size==="32"}},this.svgContent?t("div",{class:"svg-container",innerHTML:this.svgContent}):t("span",{class:"skeleton-box",style:{width:"100%",height:"100%"}}))}static get watchers(){return{src:["loadIconContent"],name:["loadIconContent"]}}};h.style=f;export{h as I};
-//# sourceMappingURL=p-db74796e.js.map

package/dist/siemens-ix/p-db74796e.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isSvgDataUrl","url","startsWith","parser","parseSVGDataContent","content","window","console","warn","svgDocument","parseFromString","svgElement","querySelector","Error","outerHTML","async","fetchSVG","response","fetch","responseText","text","ok","error","resolveIcon","icon","src","name","iconCss","Icon","constructor","hostRef","this","size","undefined","color","svgContent","connectedCallback","loadIconContent","render","style","iconName","h","Host","class","glyph","innerHTML","width","height"],"sources":["../../node_modules/@siemens/ix-icons/dist/collection/components/icon/resolveIcon.js","../../node_modules/@siemens/ix-icons/dist/collection/components/icon/icon.css?tag=ix-icon&encapsulation=shadow","../../node_modules/@siemens/ix-icons/dist/collection/components/icon/icon.js"],"sourcesContent":["export const isSvgDataUrl = (url) => {\n  if (!url) {\n    return false;\n  }\n  if (typeof url !== 'string') {\n    return false;\n  }\n  return url.startsWith('data:image/svg+xml');\n};\nlet parser = null;\nfunction parseSVGDataContent(content) {\n  if (typeof window['DOMParser'] === 'undefined') {\n    console.warn('DOMParser not supported by your browser.');\n    return;\n  }\n  if (parser === null) {\n    parser = new window['DOMParser']();\n  }\n  const svgDocument = parser.parseFromString(content, 'text/html');\n  const svgElement = svgDocument.querySelector('svg');\n  if (!svgElement) {\n    throw Error('No valid svg data provided');\n  }\n  return svgElement.outerHTML;\n}\nasync function fetchSVG(url) {\n  const response = await fetch(url);\n  const responseText = await response.text();\n  if (!response.ok) {\n    console.error(responseText);\n    return '';\n  }\n  return parseSVGDataContent(responseText);\n}\nexport async function resolveIcon(icon) {\n  const { src, name } = icon;\n  if (name) {\n    if (isSvgDataUrl(name)) {\n      return parseSVGDataContent(name);\n    }\n    //Fallback return undefined to render web font icon\n    return;\n  }\n  if (!src) {\n    return '';\n  }\n  if (isSvgDataUrl(src)) {\n    return parseSVGDataContent(src);\n  }\n  return fetchSVG(src);\n}\n//# sourceMappingURL=resolveIcon.js.map\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * COPYRIGHT (c) Siemens AG 2018-2023 ALL RIGHTS RESERVED.\n */\n.glyph {\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  display: inline-block;\n  font-style: normal;\n  font-variant: normal;\n  text-rendering: auto;\n  line-height: 1;\n  font-family: \"ix-icons\";\n  font-size: 1.5rem;\n  font-weight: 500;\n}\n\n.glyph-lg {\n  font-size: 1.3333333333em;\n  line-height: 0.75em;\n  vertical-align: -15%;\n}\n\n.glyph-2x {\n  font-size: 2em;\n}\n\n.glyph-3x {\n  font-size: 3em;\n}\n\n.glyph-4x {\n  font-size: 4em;\n}\n\n.glyph-5x {\n  font-size: 5em;\n}\n\n.glyph-fw {\n  width: 1.2857142857em;\n  text-align: center;\n}\n\n.glyph-12 {\n  font-size: 0.75rem;\n}\n\n.glyph-16 {\n  font-size: 1rem;\n}\n\n.glyph-24 {\n  font-size: 1.5rem;\n}\n\n.glyph-32 {\n  font-size: 2rem;\n}\n\n.glyph-about-filled:before {\n  content: \"\\ea01\";\n}\n\n.glyph-about:before {\n  content: \"\\ea02\";\n}\n\n.glyph-add-circle-filled:before {\n  content: \"\\ea03\";\n}\n\n.glyph-add-circle:before {\n  content: \"\\ea04\";\n}\n\n.glyph-add-document-note:before {\n  content: \"\\ea05\";\n}\n\n.glyph-add-eye-filled:before {\n  content: \"\\ea06\";\n}\n\n.glyph-add-eye:before {\n  content: \"\\ea07\";\n}\n\n.glyph-add-task-list:before {\n  content: \"\\ea08\";\n}\n\n.glyph-add-task:before {\n  content: \"\\ea09\";\n}\n\n.glyph-add:before {\n  content: \"\\ea0a\";\n}\n\n.glyph-ai:before {\n  content: \"\\ea0b\";\n}\n\n.glyph-alarm-bell-cancelled-filled:before {\n  content: \"\\ea0c\";\n}\n\n.glyph-alarm-bell-cancelled:before {\n  content: \"\\ea0d\";\n}\n\n.glyph-alarm-bell-filled:before {\n  content: \"\\ea0e\";\n}\n\n.glyph-alarm-bell:before {\n  content: \"\\ea0f\";\n}\n\n.glyph-alarm-clock-filled:before {\n  content: \"\\ea10\";\n}\n\n.glyph-alarm-clock:before {\n  content: \"\\ea11\";\n}\n\n.glyph-alarm-filled:before {\n  content: \"\\ea12\";\n}\n\n.glyph-alarm:before {\n  content: \"\\ea13\";\n}\n\n.glyph-analyze:before {\n  content: \"\\ea14\";\n}\n\n.glyph-anomaly-found:before {\n  content: \"\\ea15\";\n}\n\n.glyph-anomaly:before {\n  content: \"\\ea16\";\n}\n\n.glyph-app-menu:before {\n  content: \"\\ea17\";\n}\n\n.glyph-apps:before {\n  content: \"\\ea18\";\n}\n\n.glyph-arrow-down-right:before {\n  content: \"\\ea19\";\n}\n\n.glyph-arrow-down:before {\n  content: \"\\ea1a\";\n}\n\n.glyph-arrow-left:before {\n  content: \"\\ea1b\";\n}\n\n.glyph-arrow-right-down:before {\n  content: \"\\ea1c\";\n}\n\n.glyph-arrow-right:before {\n  content: \"\\ea1d\";\n}\n\n.glyph-arrow-up:before {\n  content: \"\\ea1e\";\n}\n\n.glyph-attach:before {\n  content: \"\\ea1f\";\n}\n\n.glyph-attachment-upload:before {\n  content: \"\\ea20\";\n}\n\n.glyph-audio-description1:before {\n  content: \"\\ea21\";\n}\n\n.glyph-audio-description2:before {\n  content: \"\\ea22\";\n}\n\n.glyph-audit-report:before {\n  content: \"\\ea23\";\n}\n\n.glyph-average:before {\n  content: \"\\ea24\";\n}\n\n.glyph-backup-filled:before {\n  content: \"\\ea25\";\n}\n\n.glyph-backup:before {\n  content: \"\\ea26\";\n}\n\n.glyph-bar-code:before {\n  content: \"\\ea27\";\n}\n\n.glyph-barchart:before {\n  content: \"\\ea28\";\n}\n\n.glyph-battery-check:before {\n  content: \"\\ea29\";\n}\n\n.glyph-battery-empty-question:before {\n  content: \"\\ea2a\";\n}\n\n.glyph-battery-empty:before {\n  content: \"\\ea2b\";\n}\n\n.glyph-battery-exclamation:before {\n  content: \"\\ea2c\";\n}\n\n.glyph-battery-full-check:before {\n  content: \"\\ea2d\";\n}\n\n.glyph-battery-full:before {\n  content: \"\\ea2e\";\n}\n\n.glyph-battery-half:before {\n  content: \"\\ea2f\";\n}\n\n.glyph-battery-low:before {\n  content: \"\\ea30\";\n}\n\n.glyph-battery-quarter:before {\n  content: \"\\ea31\";\n}\n\n.glyph-battery-slash:before {\n  content: \"\\ea32\";\n}\n\n.glyph-battery-three-quarter:before {\n  content: \"\\ea33\";\n}\n\n.glyph-battery-xmark:before {\n  content: \"\\ea34\";\n}\n\n.glyph-bezier-curve:before {\n  content: \"\\ea35\";\n}\n\n.glyph-binoculars-filled:before {\n  content: \"\\ea36\";\n}\n\n.glyph-binoculars:before {\n  content: \"\\ea37\";\n}\n\n.glyph-blazor:before {\n  content: \"\\ea38\";\n}\n\n.glyph-book:before {\n  content: \"\\ea39\";\n}\n\n.glyph-bookmark-filled:before {\n  content: \"\\ea3a\";\n}\n\n.glyph-bookmark:before {\n  content: \"\\ea3b\";\n}\n\n.glyph-boundary-signals:before {\n  content: \"\\ea3c\";\n}\n\n.glyph-building1-filled:before {\n  content: \"\\ea3d\";\n}\n\n.glyph-building1:before {\n  content: \"\\ea3e\";\n}\n\n.glyph-building2-filled:before {\n  content: \"\\ea3f\";\n}\n\n.glyph-building2:before {\n  content: \"\\ea40\";\n}\n\n.glyph-bulb-filled:before {\n  content: \"\\ea41\";\n}\n\n.glyph-bulb:before {\n  content: \"\\ea42\";\n}\n\n.glyph-calendar-filled:before {\n  content: \"\\ea43\";\n}\n\n.glyph-calendar-settings:before {\n  content: \"\\ea44\";\n}\n\n.glyph-calendar:before {\n  content: \"\\ea45\";\n}\n\n.glyph-cancel:before {\n  content: \"\\ea46\";\n}\n\n.glyph-cancelled:before {\n  content: \"\\ea47\";\n}\n\n.glyph-capacity-filled:before {\n  content: \"\\ea48\";\n}\n\n.glyph-capacity:before {\n  content: \"\\ea49\";\n}\n\n.glyph-capture:before {\n  content: \"\\ea4a\";\n}\n\n.glyph-car-filled:before {\n  content: \"\\ea4b\";\n}\n\n.glyph-car:before {\n  content: \"\\ea4c\";\n}\n\n.glyph-card-layout-filled:before {\n  content: \"\\ea4d\";\n}\n\n.glyph-card-layout:before {\n  content: \"\\ea4e\";\n}\n\n.glyph-chart-cursor:before {\n  content: \"\\ea4f\";\n}\n\n.glyph-chart-curve-linear:before {\n  content: \"\\ea50\";\n}\n\n.glyph-chart-curve-spline:before {\n  content: \"\\ea51\";\n}\n\n.glyph-chart-curve-stepped:before {\n  content: \"\\ea52\";\n}\n\n.glyph-chart-diagram-add:before {\n  content: \"\\ea53\";\n}\n\n.glyph-chart-diagram:before {\n  content: \"\\ea54\";\n}\n\n.glyph-chart-diagrams:before {\n  content: \"\\ea55\";\n}\n\n.glyph-chart-labels-filled:before {\n  content: \"\\ea56\";\n}\n\n.glyph-chart-labels:before {\n  content: \"\\ea57\";\n}\n\n.glyph-check-in:before {\n  content: \"\\ea58\";\n}\n\n.glyph-check-out:before {\n  content: \"\\ea59\";\n}\n\n.glyph-checkbox-component-checked:before {\n  content: \"\\ea5a\";\n}\n\n.glyph-checkbox-component-mixed:before {\n  content: \"\\ea5b\";\n}\n\n.glyph-checkbox-component-unchecked:before {\n  content: \"\\ea5c\";\n}\n\n.glyph-checkbox-filled:before {\n  content: \"\\ea5d\";\n}\n\n.glyph-checkbox:before {\n  content: \"\\ea5e\";\n}\n\n.glyph-checkboxes-filled:before {\n  content: \"\\ea5f\";\n}\n\n.glyph-checkboxes:before {\n  content: \"\\ea60\";\n}\n\n.glyph-chevron-down-small:before {\n  content: \"\\ea61\";\n}\n\n.glyph-chevron-down:before {\n  content: \"\\ea62\";\n}\n\n.glyph-chevron-left-small:before {\n  content: \"\\ea63\";\n}\n\n.glyph-chevron-left:before {\n  content: \"\\ea64\";\n}\n\n.glyph-chevron-right-small:before {\n  content: \"\\ea65\";\n}\n\n.glyph-chevron-right:before {\n  content: \"\\ea66\";\n}\n\n.glyph-chevron-up-small:before {\n  content: \"\\ea67\";\n}\n\n.glyph-chevron-up:before {\n  content: \"\\ea68\";\n}\n\n.glyph-circle-dot-filled:before {\n  content: \"\\ea69\";\n}\n\n.glyph-circle-dot:before {\n  content: \"\\ea6a\";\n}\n\n.glyph-circle-filled:before {\n  content: \"\\ea6b\";\n}\n\n.glyph-circle-pause-filled:before {\n  content: \"\\ea6c\";\n}\n\n.glyph-circle-pause:before {\n  content: \"\\ea6d\";\n}\n\n.glyph-circle-play-filled:before {\n  content: \"\\ea6e\";\n}\n\n.glyph-circle-play:before {\n  content: \"\\ea6f\";\n}\n\n.glyph-circle-stop-filled:before {\n  content: \"\\ea70\";\n}\n\n.glyph-circle-stop:before {\n  content: \"\\ea71\";\n}\n\n.glyph-circle:before {\n  content: \"\\ea72\";\n}\n\n.glyph-clear-filter-filled:before {\n  content: \"\\ea73\";\n}\n\n.glyph-clear-filter:before {\n  content: \"\\ea74\";\n}\n\n.glyph-clear:before {\n  content: \"\\ea75\";\n}\n\n.glyph-clock-filled:before {\n  content: \"\\ea76\";\n}\n\n.glyph-clock:before {\n  content: \"\\ea77\";\n}\n\n.glyph-close-small:before {\n  content: \"\\ea78\";\n}\n\n.glyph-close:before {\n  content: \"\\ea79\";\n}\n\n.glyph-cloud-download-add-filled:before {\n  content: \"\\ea7a\";\n}\n\n.glyph-cloud-download-add:before {\n  content: \"\\ea7b\";\n}\n\n.glyph-cloud-download-filled:before {\n  content: \"\\ea7c\";\n}\n\n.glyph-cloud-download-list-filled:before {\n  content: \"\\ea7d\";\n}\n\n.glyph-cloud-download-list:before {\n  content: \"\\ea7e\";\n}\n\n.glyph-cloud-download:before {\n  content: \"\\ea7f\";\n}\n\n.glyph-cloud-filled:before {\n  content: \"\\ea80\";\n}\n\n.glyph-cloud-new-filled:before {\n  content: \"\\ea81\";\n}\n\n.glyph-cloud-new:before {\n  content: \"\\ea82\";\n}\n\n.glyph-cloud-success-filled:before {\n  content: \"\\ea83\";\n}\n\n.glyph-cloud-success:before {\n  content: \"\\ea84\";\n}\n\n.glyph-cloud-upload-filled:before {\n  content: \"\\ea85\";\n}\n\n.glyph-cloud-upload:before {\n  content: \"\\ea86\";\n}\n\n.glyph-cloud:before {\n  content: \"\\ea87\";\n}\n\n.glyph-code:before {\n  content: \"\\ea88\";\n}\n\n.glyph-cogwheel-filled:before {\n  content: \"\\ea89\";\n}\n\n.glyph-cogwheel:before {\n  content: \"\\ea8a\";\n}\n\n.glyph-combine:before {\n  content: \"\\ea8b\";\n}\n\n.glyph-compact-disc-filled:before {\n  content: \"\\ea8c\";\n}\n\n.glyph-compact-disc:before {\n  content: \"\\ea8d\";\n}\n\n.glyph-compound-block:before {\n  content: \"\\ea8e\";\n}\n\n.glyph-configuration:before {\n  content: \"\\ea8f\";\n}\n\n.glyph-configure-filled:before {\n  content: \"\\ea90\";\n}\n\n.glyph-configure:before {\n  content: \"\\ea91\";\n}\n\n.glyph-connected:before {\n  content: \"\\ea92\";\n}\n\n.glyph-connector-chart-filled:before {\n  content: \"\\ea93\";\n}\n\n.glyph-connector-chart:before {\n  content: \"\\ea94\";\n}\n\n.glyph-connector-filled:before {\n  content: \"\\ea95\";\n}\n\n.glyph-connector-hex-filled:before {\n  content: \"\\ea96\";\n}\n\n.glyph-connector-hex:before {\n  content: \"\\ea97\";\n}\n\n.glyph-connector-rect-filled:before {\n  content: \"\\ea98\";\n}\n\n.glyph-connector-rect:before {\n  content: \"\\ea99\";\n}\n\n.glyph-connector-rhomb-filled:before {\n  content: \"\\ea9a\";\n}\n\n.glyph-connector-rhomb:before {\n  content: \"\\ea9b\";\n}\n\n.glyph-connector:before {\n  content: \"\\ea9c\";\n}\n\n.glyph-consistency-check:before {\n  content: \"\\ea9d\";\n}\n\n.glyph-contact-details-filled:before {\n  content: \"\\ea9e\";\n}\n\n.glyph-contact-details:before {\n  content: \"\\ea9f\";\n}\n\n.glyph-context-menu:before {\n  content: \"\\eaa0\";\n}\n\n.glyph-controlled-device:before {\n  content: \"\\eaa1\";\n}\n\n.glyph-controller-device:before {\n  content: \"\\eaa2\";\n}\n\n.glyph-copy:before {\n  content: \"\\eaa3\";\n}\n\n.glyph-corner-arrow-up-left:before {\n  content: \"\\eaa4\";\n}\n\n.glyph-couch-filled:before {\n  content: \"\\eaa5\";\n}\n\n.glyph-couch:before {\n  content: \"\\eaa6\";\n}\n\n.glyph-create-plant-filled:before {\n  content: \"\\eaa7\";\n}\n\n.glyph-create-plant:before {\n  content: \"\\eaa8\";\n}\n\n.glyph-cut:before {\n  content: \"\\eaa9\";\n}\n\n.glyph-cycle:before {\n  content: \"\\eaaa\";\n}\n\n.glyph-data-egress:before {\n  content: \"\\eaab\";\n}\n\n.glyph-data-ingress-egress:before {\n  content: \"\\eaac\";\n}\n\n.glyph-data-ingress:before {\n  content: \"\\eaad\";\n}\n\n.glyph-database-filled:before {\n  content: \"\\eaae\";\n}\n\n.glyph-database:before {\n  content: \"\\eaaf\";\n}\n\n.glyph-details:before {\n  content: \"\\eab0\";\n}\n\n.glyph-diagram-module-library:before {\n  content: \"\\eab1\";\n}\n\n.glyph-diagram-module-new:before {\n  content: \"\\eab2\";\n}\n\n.glyph-diagram-module:before {\n  content: \"\\eab3\";\n}\n\n.glyph-diamond:before {\n  content: \"\\eab4\";\n}\n\n.glyph-disconnected:before {\n  content: \"\\eab5\";\n}\n\n.glyph-disk-filled:before {\n  content: \"\\eab6\";\n}\n\n.glyph-disk-pen:before {\n  content: \"\\eab7\";\n}\n\n.glyph-disk:before {\n  content: \"\\eab8\";\n}\n\n.glyph-distribution:before {\n  content: \"\\eab9\";\n}\n\n.glyph-doc-document:before {\n  content: \"\\eaba\";\n}\n\n.glyph-document-bulk:before {\n  content: \"\\eabb\";\n}\n\n.glyph-document-info:before {\n  content: \"\\eabc\";\n}\n\n.glyph-document-link:before {\n  content: \"\\eabd\";\n}\n\n.glyph-document-management:before {\n  content: \"\\eabe\";\n}\n\n.glyph-document-reference:before {\n  content: \"\\eabf\";\n}\n\n.glyph-document-settings:before {\n  content: \"\\eac0\";\n}\n\n.glyph-document-success:before {\n  content: \"\\eac1\";\n}\n\n.glyph-document:before {\n  content: \"\\eac2\";\n}\n\n.glyph-double-check:before {\n  content: \"\\eac3\";\n}\n\n.glyph-double-chevron-down:before {\n  content: \"\\eac4\";\n}\n\n.glyph-double-chevron-left:before {\n  content: \"\\eac5\";\n}\n\n.glyph-double-chevron-right:before {\n  content: \"\\eac6\";\n}\n\n.glyph-double-chevron-up:before {\n  content: \"\\eac7\";\n}\n\n.glyph-doublet-filled:before {\n  content: \"\\eac8\";\n}\n\n.glyph-doublet:before {\n  content: \"\\eac9\";\n}\n\n.glyph-download-add:before {\n  content: \"\\eaca\";\n}\n\n.glyph-download-list:before {\n  content: \"\\eacb\";\n}\n\n.glyph-download:before {\n  content: \"\\eacc\";\n}\n\n.glyph-drop:before {\n  content: \"\\eacd\";\n}\n\n.glyph-duplicate-document:before {\n  content: \"\\eace\";\n}\n\n.glyph-duplicate:before {\n  content: \"\\eacf\";\n}\n\n.glyph-e-mail-filled:before {\n  content: \"\\ead0\";\n}\n\n.glyph-e-mail:before {\n  content: \"\\ead1\";\n}\n\n.glyph-earth-filled:before {\n  content: \"\\ead2\";\n}\n\n.glyph-earth:before {\n  content: \"\\ead3\";\n}\n\n.glyph-edit-plant:before {\n  content: \"\\ead4\";\n}\n\n.glyph-ellipse-arc:before {\n  content: \"\\ead5\";\n}\n\n.glyph-ellipse-filled:before {\n  content: \"\\ead6\";\n}\n\n.glyph-ellipse:before {\n  content: \"\\ead7\";\n}\n\n.glyph-error-filled:before {\n  content: \"\\ead8\";\n}\n\n.glyph-error:before {\n  content: \"\\ead9\";\n}\n\n.glyph-explore-filled:before {\n  content: \"\\eada\";\n}\n\n.glyph-explore:before {\n  content: \"\\eadb\";\n}\n\n.glyph-export:before {\n  content: \"\\eadc\";\n}\n\n.glyph-eye-cancelled-filled:before {\n  content: \"\\eadd\";\n}\n\n.glyph-eye-cancelled:before {\n  content: \"\\eade\";\n}\n\n.glyph-eye-filled:before {\n  content: \"\\eadf\";\n}\n\n.glyph-eye:before {\n  content: \"\\eae0\";\n}\n\n.glyph-factory-reset-filled:before {\n  content: \"\\eae1\";\n}\n\n.glyph-factory-reset:before {\n  content: \"\\eae2\";\n}\n\n.glyph-filter-filled:before {\n  content: \"\\eae3\";\n}\n\n.glyph-filter-outline:before {\n  content: \"\\eae4\";\n}\n\n.glyph-filter:before {\n  content: \"\\eae5\";\n}\n\n.glyph-flag-filled:before {\n  content: \"\\eae6\";\n}\n\n.glyph-flag:before {\n  content: \"\\eae7\";\n}\n\n.glyph-folder-down-filled:before {\n  content: \"\\eae8\";\n}\n\n.glyph-folder-down:before {\n  content: \"\\eae9\";\n}\n\n.glyph-folder-filled:before {\n  content: \"\\eaea\";\n}\n\n.glyph-folder-new-filled:before {\n  content: \"\\eaeb\";\n}\n\n.glyph-folder-new-outline:before {\n  content: \"\\eaec\";\n}\n\n.glyph-folder-new:before {\n  content: \"\\eaed\";\n}\n\n.glyph-folder-open-filled:before {\n  content: \"\\eaee\";\n}\n\n.glyph-folder-open-outline:before {\n  content: \"\\eaef\";\n}\n\n.glyph-folder-open:before {\n  content: \"\\eaf0\";\n}\n\n.glyph-folder-outline:before {\n  content: \"\\eaf1\";\n}\n\n.glyph-folder-up-filled:before {\n  content: \"\\eaf2\";\n}\n\n.glyph-folder-up:before {\n  content: \"\\eaf3\";\n}\n\n.glyph-folder:before {\n  content: \"\\eaf4\";\n}\n\n.glyph-full-screeen-exit:before {\n  content: \"\\eaf5\";\n}\n\n.glyph-full-screeen:before {\n  content: \"\\eaf6\";\n}\n\n.glyph-function-block-library:before {\n  content: \"\\eaf7\";\n}\n\n.glyph-function-block-new:before {\n  content: \"\\eaf8\";\n}\n\n.glyph-function-block:before {\n  content: \"\\eaf9\";\n}\n\n.glyph-function-diagram-new:before {\n  content: \"\\eafa\";\n}\n\n.glyph-function-diagram:before {\n  content: \"\\eafb\";\n}\n\n.glyph-gauge-filled:before {\n  content: \"\\eafc\";\n}\n\n.glyph-gauge:before {\n  content: \"\\eafd\";\n}\n\n.glyph-gaugechart:before {\n  content: \"\\eafe\";\n}\n\n.glyph-global-plant-filled:before {\n  content: \"\\eaff\";\n}\n\n.glyph-global-plant:before {\n  content: \"\\eb00\";\n}\n\n.glyph-globe-filled:before {\n  content: \"\\eb01\";\n}\n\n.glyph-globe:before {\n  content: \"\\eb02\";\n}\n\n.glyph-goto:before {\n  content: \"\\eb03\";\n}\n\n.glyph-group:before {\n  content: \"\\eb04\";\n}\n\n.glyph-hard-reset:before {\n  content: \"\\eb05\";\n}\n\n.glyph-hardware-cabinet:before {\n  content: \"\\eb06\";\n}\n\n.glyph-health-filled:before {\n  content: \"\\eb07\";\n}\n\n.glyph-health:before {\n  content: \"\\eb08\";\n}\n\n.glyph-heart-filled:before {\n  content: \"\\eb09\";\n}\n\n.glyph-heart:before {\n  content: \"\\eb0a\";\n}\n\n.glyph-hexagon-vertical-bars-database-filled:before {\n  content: \"\\eb0b\";\n}\n\n.glyph-hexagon-vertical-bars-database:before {\n  content: \"\\eb0c\";\n}\n\n.glyph-hexagon-vertical-bars-filled:before {\n  content: \"\\eb0d\";\n}\n\n.glyph-hexagon-vertical-bars:before {\n  content: \"\\eb0e\";\n}\n\n.glyph-hierarchy:before {\n  content: \"\\eb0f\";\n}\n\n.glyph-highlight-filled:before {\n  content: \"\\eb10\";\n}\n\n.glyph-highlight:before {\n  content: \"\\eb11\";\n}\n\n.glyph-history-list:before {\n  content: \"\\eb12\";\n}\n\n.glyph-history:before {\n  content: \"\\eb13\";\n}\n\n.glyph-home-filled:before {\n  content: \"\\eb14\";\n}\n\n.glyph-home:before {\n  content: \"\\eb15\";\n}\n\n.glyph-hourglass:before {\n  content: \"\\eb16\";\n}\n\n.glyph-image-filled:before {\n  content: \"\\eb17\";\n}\n\n.glyph-image:before {\n  content: \"\\eb18\";\n}\n\n.glyph-import:before {\n  content: \"\\eb19\";\n}\n\n.glyph-info-feed:before {\n  content: \"\\eb1a\";\n}\n\n.glyph-info-filled:before {\n  content: \"\\eb1b\";\n}\n\n.glyph-info:before {\n  content: \"\\eb1c\";\n}\n\n.glyph-ingestion-report:before {\n  content: \"\\eb1d\";\n}\n\n.glyph-ingestion:before {\n  content: \"\\eb1e\";\n}\n\n.glyph-ink-pen:before {\n  content: \"\\eb1f\";\n}\n\n.glyph-inquiry-filled:before {\n  content: \"\\eb20\";\n}\n\n.glyph-inquiry-mail:before {\n  content: \"\\eb21\";\n}\n\n.glyph-inquiry:before {\n  content: \"\\eb22\";\n}\n\n.glyph-item-details-filled:before {\n  content: \"\\eb23\";\n}\n\n.glyph-item-details:before {\n  content: \"\\eb24\";\n}\n\n.glyph-label-filled:before {\n  content: \"\\eb25\";\n}\n\n.glyph-label:before {\n  content: \"\\eb26\";\n}\n\n.glyph-language-filled:before {\n  content: \"\\eb27\";\n}\n\n.glyph-language:before {\n  content: \"\\eb28\";\n}\n\n.glyph-layers-filled:before {\n  content: \"\\eb29\";\n}\n\n.glyph-layers:before {\n  content: \"\\eb2a\";\n}\n\n.glyph-leaf:before {\n  content: \"\\eb2b\";\n}\n\n.glyph-legal:before {\n  content: \"\\eb2c\";\n}\n\n.glyph-library-new:before {\n  content: \"\\eb2d\";\n}\n\n.glyph-library:before {\n  content: \"\\eb2e\";\n}\n\n.glyph-license:before {\n  content: \"\\eb2f\";\n}\n\n.glyph-light-dark:before {\n  content: \"\\eb30\";\n}\n\n.glyph-line-diagonal:before {\n  content: \"\\eb31\";\n}\n\n.glyph-link:before {\n  content: \"\\eb32\";\n}\n\n.glyph-list:before {\n  content: \"\\eb33\";\n}\n\n.glyph-live-schedule:before {\n  content: \"\\eb34\";\n}\n\n.glyph-location-filled:before {\n  content: \"\\eb35\";\n}\n\n.glyph-location-outline:before {\n  content: \"\\eb36\";\n}\n\n.glyph-location:before {\n  content: \"\\eb37\";\n}\n\n.glyph-lock-filled:before {\n  content: \"\\eb38\";\n}\n\n.glyph-lock-key-filled:before {\n  content: \"\\eb39\";\n}\n\n.glyph-lock-key:before {\n  content: \"\\eb3a\";\n}\n\n.glyph-lock:before {\n  content: \"\\eb3b\";\n}\n\n.glyph-log-in:before {\n  content: \"\\eb3c\";\n}\n\n.glyph-log-out:before {\n  content: \"\\eb3d\";\n}\n\n.glyph-log:before {\n  content: \"\\eb3e\";\n}\n\n.glyph-logic-diagram:before {\n  content: \"\\eb3f\";\n}\n\n.glyph-lower-limit:before {\n  content: \"\\eb40\";\n}\n\n.glyph-mail-filled:before {\n  content: \"\\eb41\";\n}\n\n.glyph-mail:before {\n  content: \"\\eb42\";\n}\n\n.glyph-maintenance-documents:before {\n  content: \"\\eb43\";\n}\n\n.glyph-maintenance-info:before {\n  content: \"\\eb44\";\n}\n\n.glyph-maintenance-warning-filled:before {\n  content: \"\\eb45\";\n}\n\n.glyph-maintenance-warning:before {\n  content: \"\\eb46\";\n}\n\n.glyph-maintenance:before {\n  content: \"\\eb47\";\n}\n\n.glyph-mandatory-done:before {\n  content: \"\\eb48\";\n}\n\n.glyph-mandatory:before {\n  content: \"\\eb49\";\n}\n\n.glyph-map:before {\n  content: \"\\eb4a\";\n}\n\n.glyph-maximize:before {\n  content: \"\\eb4b\";\n}\n\n.glyph-microphone-filled:before {\n  content: \"\\eb4c\";\n}\n\n.glyph-microphone:before {\n  content: \"\\eb4d\";\n}\n\n.glyph-minimize:before {\n  content: \"\\eb4e\";\n}\n\n.glyph-minus:before {\n  content: \"\\eb4f\";\n}\n\n.glyph-mix:before {\n  content: \"\\eb50\";\n}\n\n.glyph-monitor-filled:before {\n  content: \"\\eb51\";\n}\n\n.glyph-monitor-trend:before {\n  content: \"\\eb52\";\n}\n\n.glyph-monitor:before {\n  content: \"\\eb53\";\n}\n\n.glyph-monitoring-add:before {\n  content: \"\\eb54\";\n}\n\n.glyph-monitoring:before {\n  content: \"\\eb55\";\n}\n\n.glyph-monitorings:before {\n  content: \"\\eb56\";\n}\n\n.glyph-moon-filled:before {\n  content: \"\\eb57\";\n}\n\n.glyph-moon:before {\n  content: \"\\eb58\";\n}\n\n.glyph-more-menu:before {\n  content: \"\\eb59\";\n}\n\n.glyph-mouse-click-filled:before {\n  content: \"\\eb5a\";\n}\n\n.glyph-mouse-click:before {\n  content: \"\\eb5b\";\n}\n\n.glyph-mouse-select-filled:before {\n  content: \"\\eb5c\";\n}\n\n.glyph-mouse-select:before {\n  content: \"\\eb5d\";\n}\n\n.glyph-mp4-document:before {\n  content: \"\\eb5e\";\n}\n\n.glyph-namur-check-function-filled:before {\n  content: \"\\eb5f\";\n}\n\n.glyph-namur-check-function:before {\n  content: \"\\eb60\";\n}\n\n.glyph-namur-failure-filled:before {\n  content: \"\\eb61\";\n}\n\n.glyph-namur-failure:before {\n  content: \"\\eb62\";\n}\n\n.glyph-namur-maintenance-required-filled:before {\n  content: \"\\eb63\";\n}\n\n.glyph-namur-maintenance-required:before {\n  content: \"\\eb64\";\n}\n\n.glyph-namur-ok-filled:before {\n  content: \"\\eb65\";\n}\n\n.glyph-namur-ok:before {\n  content: \"\\eb66\";\n}\n\n.glyph-namur-out-of-spec-filled:before {\n  content: \"\\eb67\";\n}\n\n.glyph-namur-out-of-spec:before {\n  content: \"\\eb68\";\n}\n\n.glyph-navigation-filled:before {\n  content: \"\\eb69\";\n}\n\n.glyph-navigation-left:before {\n  content: \"\\eb6a\";\n}\n\n.glyph-navigation-right:before {\n  content: \"\\eb6b\";\n}\n\n.glyph-navigation:before {\n  content: \"\\eb6c\";\n}\n\n.glyph-new-indicator-filled:before {\n  content: \"\\eb6d\";\n}\n\n.glyph-new-indicator:before {\n  content: \"\\eb6e\";\n}\n\n.glyph-no-filter-filled:before {\n  content: \"\\eb6f\";\n}\n\n.glyph-no-filter:before {\n  content: \"\\eb70\";\n}\n\n.glyph-no-image:before {\n  content: \"\\eb71\";\n}\n\n.glyph-note-filled:before {\n  content: \"\\eb72\";\n}\n\n.glyph-note:before {\n  content: \"\\eb73\";\n}\n\n.glyph-notification-filled:before {\n  content: \"\\eb74\";\n}\n\n.glyph-notification:before {\n  content: \"\\eb75\";\n}\n\n.glyph-notifications-filled:before {\n  content: \"\\eb76\";\n}\n\n.glyph-notifications:before {\n  content: \"\\eb77\";\n}\n\n.glyph-ontology-filled:before {\n  content: \"\\eb78\";\n}\n\n.glyph-ontology:before {\n  content: \"\\eb79\";\n}\n\n.glyph-open-external:before {\n  content: \"\\eb7a\";\n}\n\n.glyph-open-file-filled:before {\n  content: \"\\eb7b\";\n}\n\n.glyph-open-file:before {\n  content: \"\\eb7c\";\n}\n\n.glyph-operate-plant-filled:before {\n  content: \"\\eb7d\";\n}\n\n.glyph-operate-plant:before {\n  content: \"\\eb7e\";\n}\n\n.glyph-optimize:before {\n  content: \"\\eb7f\";\n}\n\n.glyph-p-and-i-symbols:before {\n  content: \"\\eb80\";\n}\n\n.glyph-p-i-diagram:before {\n  content: \"\\eb81\";\n}\n\n.glyph-pan:before {\n  content: \"\\eb82\";\n}\n\n.glyph-paste:before {\n  content: \"\\eb83\";\n}\n\n.glyph-pause:before {\n  content: \"\\eb84\";\n}\n\n.glyph-pc-tower-filled:before {\n  content: \"\\eb85\";\n}\n\n.glyph-pc-tower:before {\n  content: \"\\eb86\";\n}\n\n.glyph-pdf-document:before {\n  content: \"\\eb87\";\n}\n\n.glyph-pen-filled:before {\n  content: \"\\eb88\";\n}\n\n.glyph-pen:before {\n  content: \"\\eb89\";\n}\n\n.glyph-phone-filled:before {\n  content: \"\\eb8a\";\n}\n\n.glyph-phone:before {\n  content: \"\\eb8b\";\n}\n\n.glyph-photo-camera-add:before {\n  content: \"\\eb8c\";\n}\n\n.glyph-photo-camera-filled:before {\n  content: \"\\eb8d\";\n}\n\n.glyph-photo-camera:before {\n  content: \"\\eb8e\";\n}\n\n.glyph-photo-cameras:before {\n  content: \"\\eb8f\";\n}\n\n.glyph-piechart-filled:before {\n  content: \"\\eb90\";\n}\n\n.glyph-piechart:before {\n  content: \"\\eb91\";\n}\n\n.glyph-pin-filled:before {\n  content: \"\\eb92\";\n}\n\n.glyph-pin:before {\n  content: \"\\eb93\";\n}\n\n.glyph-plant-filled:before {\n  content: \"\\eb94\";\n}\n\n.glyph-plant-handbook-filled:before {\n  content: \"\\eb95\";\n}\n\n.glyph-plant-handbook:before {\n  content: \"\\eb96\";\n}\n\n.glyph-plant-outline:before {\n  content: \"\\eb97\";\n}\n\n.glyph-plant-security:before {\n  content: \"\\eb98\";\n}\n\n.glyph-plant-settings-filled:before {\n  content: \"\\eb99\";\n}\n\n.glyph-plant-settings:before {\n  content: \"\\eb9a\";\n}\n\n.glyph-plant-user-filled:before {\n  content: \"\\eb9b\";\n}\n\n.glyph-plant-user:before {\n  content: \"\\eb9c\";\n}\n\n.glyph-plant:before {\n  content: \"\\eb9d\";\n}\n\n.glyph-plants-filled:before {\n  content: \"\\eb9e\";\n}\n\n.glyph-plants:before {\n  content: \"\\eb9f\";\n}\n\n.glyph-play-filled:before {\n  content: \"\\eba0\";\n}\n\n.glyph-play-pause-filled:before {\n  content: \"\\eba1\";\n}\n\n.glyph-play-pause:before {\n  content: \"\\eba2\";\n}\n\n.glyph-play-stepwise-filled:before {\n  content: \"\\eba3\";\n}\n\n.glyph-play-stepwise:before {\n  content: \"\\eba4\";\n}\n\n.glyph-play:before {\n  content: \"\\eba5\";\n}\n\n.glyph-plus-minus-times-divide:before {\n  content: \"\\eba6\";\n}\n\n.glyph-plus:before {\n  content: \"\\eba7\";\n}\n\n.glyph-point-up-filled:before {\n  content: \"\\eba8\";\n}\n\n.glyph-point-up:before {\n  content: \"\\eba9\";\n}\n\n.glyph-polar-plot:before {\n  content: \"\\ebaa\";\n}\n\n.glyph-polygon-filled:before {\n  content: \"\\ebab\";\n}\n\n.glyph-polygon-line:before {\n  content: \"\\ebac\";\n}\n\n.glyph-polygon:before {\n  content: \"\\ebad\";\n}\n\n.glyph-ppt-document:before {\n  content: \"\\ebae\";\n}\n\n.glyph-print-filled:before {\n  content: \"\\ebaf\";\n}\n\n.glyph-print:before {\n  content: \"\\ebb0\";\n}\n\n.glyph-prio-high:before {\n  content: \"\\ebb1\";\n}\n\n.glyph-prio-low:before {\n  content: \"\\ebb2\";\n}\n\n.glyph-prio-middle:before {\n  content: \"\\ebb3\";\n}\n\n.glyph-product-catalog:before {\n  content: \"\\ebb4\";\n}\n\n.glyph-product-management:before {\n  content: \"\\ebb5\";\n}\n\n.glyph-product:before {\n  content: \"\\ebb6\";\n}\n\n.glyph-project-configuration:before {\n  content: \"\\ebb7\";\n}\n\n.glyph-project-new:before {\n  content: \"\\ebb8\";\n}\n\n.glyph-project-scenarios:before {\n  content: \"\\ebb9\";\n}\n\n.glyph-project:before {\n  content: \"\\ebba\";\n}\n\n.glyph-protocol:before {\n  content: \"\\ebbb\";\n}\n\n.glyph-publish-document:before {\n  content: \"\\ebbc\";\n}\n\n.glyph-publish:before {\n  content: \"\\ebbd\";\n}\n\n.glyph-qr-code:before {\n  content: \"\\ebbe\";\n}\n\n.glyph-quality-report:before {\n  content: \"\\ebbf\";\n}\n\n.glyph-question-filled:before {\n  content: \"\\ebc0\";\n}\n\n.glyph-question:before {\n  content: \"\\ebc1\";\n}\n\n.glyph-radarchart:before {\n  content: \"\\ebc2\";\n}\n\n.glyph-radio-waves-off:before {\n  content: \"\\ebc3\";\n}\n\n.glyph-radio-waves:before {\n  content: \"\\ebc4\";\n}\n\n.glyph-random-filled:before {\n  content: \"\\ebc5\";\n}\n\n.glyph-random:before {\n  content: \"\\ebc6\";\n}\n\n.glyph-reboot:before {\n  content: \"\\ebc7\";\n}\n\n.glyph-rectangle-filled:before {\n  content: \"\\ebc8\";\n}\n\n.glyph-rectangle:before {\n  content: \"\\ebc9\";\n}\n\n.glyph-redo:before {\n  content: \"\\ebca\";\n}\n\n.glyph-reference:before {\n  content: \"\\ebcb\";\n}\n\n.glyph-refresh-cancelled:before {\n  content: \"\\ebcc\";\n}\n\n.glyph-refresh:before {\n  content: \"\\ebcd\";\n}\n\n.glyph-reload:before {\n  content: \"\\ebce\";\n}\n\n.glyph-remove-eye-filled:before {\n  content: \"\\ebcf\";\n}\n\n.glyph-remove-eye:before {\n  content: \"\\ebd0\";\n}\n\n.glyph-rename:before {\n  content: \"\\ebd1\";\n}\n\n.glyph-replace:before {\n  content: \"\\ebd2\";\n}\n\n.glyph-report-barchart:before {\n  content: \"\\ebd3\";\n}\n\n.glyph-report-linechart:before {\n  content: \"\\ebd4\";\n}\n\n.glyph-report-text:before {\n  content: \"\\ebd5\";\n}\n\n.glyph-reset:before {\n  content: \"\\ebd6\";\n}\n\n.glyph-restore-backup-filled:before {\n  content: \"\\ebd7\";\n}\n\n.glyph-restore-backup-pc:before {\n  content: \"\\ebd8\";\n}\n\n.glyph-restore-backup:before {\n  content: \"\\ebd9\";\n}\n\n.glyph-rhomb-filled:before {\n  content: \"\\ebda\";\n}\n\n.glyph-rhomb:before {\n  content: \"\\ebdb\";\n}\n\n.glyph-road-filled:before {\n  content: \"\\ebdc\";\n}\n\n.glyph-road:before {\n  content: \"\\ebdd\";\n}\n\n.glyph-rocket-filled:before {\n  content: \"\\ebde\";\n}\n\n.glyph-rocket:before {\n  content: \"\\ebdf\";\n}\n\n.glyph-route-target:before {\n  content: \"\\ebe0\";\n}\n\n.glyph-route:before {\n  content: \"\\ebe1\";\n}\n\n.glyph-scatterplot:before {\n  content: \"\\ebe2\";\n}\n\n.glyph-scheduler-filled:before {\n  content: \"\\ebe3\";\n}\n\n.glyph-scheduler:before {\n  content: \"\\ebe4\";\n}\n\n.glyph-screen-filled:before {\n  content: \"\\ebe5\";\n}\n\n.glyph-screen:before {\n  content: \"\\ebe6\";\n}\n\n.glyph-screenshot-filled:before {\n  content: \"\\ebe7\";\n}\n\n.glyph-screenshot:before {\n  content: \"\\ebe8\";\n}\n\n.glyph-script-add:before {\n  content: \"\\ebe9\";\n}\n\n.glyph-script:before {\n  content: \"\\ebea\";\n}\n\n.glyph-scripts:before {\n  content: \"\\ebeb\";\n}\n\n.glyph-search:before {\n  content: \"\\ebec\";\n}\n\n.glyph-share-filled:before {\n  content: \"\\ebed\";\n}\n\n.glyph-share:before {\n  content: \"\\ebee\";\n}\n\n.glyph-shopping-cart-filled:before {\n  content: \"\\ebef\";\n}\n\n.glyph-shopping-cart:before {\n  content: \"\\ebf0\";\n}\n\n.glyph-shout-filled:before {\n  content: \"\\ebf1\";\n}\n\n.glyph-shout:before {\n  content: \"\\ebf2\";\n}\n\n.glyph-sign-language:before {\n  content: \"\\ebf3\";\n}\n\n.glyph-signal-strength-0:before {\n  content: \"\\ebf4\";\n}\n\n.glyph-signal-strength-1:before {\n  content: \"\\ebf5\";\n}\n\n.glyph-signal-strength-2:before {\n  content: \"\\ebf6\";\n}\n\n.glyph-signal-strength-3:before {\n  content: \"\\ebf7\";\n}\n\n.glyph-signal-strength-4:before {\n  content: \"\\ebf8\";\n}\n\n.glyph-signal-strength-5:before {\n  content: \"\\ebf9\";\n}\n\n.glyph-signal-strength-6:before {\n  content: \"\\ebfa\";\n}\n\n.glyph-signal-strength-7:before {\n  content: \"\\ebfb\";\n}\n\n.glyph-signal-strength-8:before {\n  content: \"\\ebfc\";\n}\n\n.glyph-simit-component:before {\n  content: \"\\ebfd\";\n}\n\n.glyph-simit-macro-component-editor:before {\n  content: \"\\ebfe\";\n}\n\n.glyph-simit-macro:before {\n  content: \"\\ebff\";\n}\n\n.glyph-single-check:before {\n  content: \"\\ec00\";\n}\n\n.glyph-skip-back-filled:before {\n  content: \"\\ec01\";\n}\n\n.glyph-skip-back:before {\n  content: \"\\ec02\";\n}\n\n.glyph-skip-filled:before {\n  content: \"\\ec03\";\n}\n\n.glyph-skip:before {\n  content: \"\\ec04\";\n}\n\n.glyph-snowflake:before {\n  content: \"\\ec05\";\n}\n\n.glyph-sort-ascending:before {\n  content: \"\\ec06\";\n}\n\n.glyph-sort-descending:before {\n  content: \"\\ec07\";\n}\n\n.glyph-sort:before {\n  content: \"\\ec08\";\n}\n\n.glyph-sound-loud-filled:before {\n  content: \"\\ec09\";\n}\n\n.glyph-sound-loud:before {\n  content: \"\\ec0a\";\n}\n\n.glyph-sound-mute-filled:before {\n  content: \"\\ec0b\";\n}\n\n.glyph-sound-mute:before {\n  content: \"\\ec0c\";\n}\n\n.glyph-sound-off-filled:before {\n  content: \"\\ec0d\";\n}\n\n.glyph-sound-off:before {\n  content: \"\\ec0e\";\n}\n\n.glyph-sound-quiet-filled:before {\n  content: \"\\ec0f\";\n}\n\n.glyph-sound-quiet:before {\n  content: \"\\ec10\";\n}\n\n.glyph-spatial:before {\n  content: \"\\ec11\";\n}\n\n.glyph-split-horizontally:before {\n  content: \"\\ec12\";\n}\n\n.glyph-split-vertically:before {\n  content: \"\\ec13\";\n}\n\n.glyph-standby:before {\n  content: \"\\ec14\";\n}\n\n.glyph-star-add-filled:before {\n  content: \"\\ec15\";\n}\n\n.glyph-star-add:before {\n  content: \"\\ec16\";\n}\n\n.glyph-star-cancelled-filled:before {\n  content: \"\\ec17\";\n}\n\n.glyph-star-cancelled:before {\n  content: \"\\ec18\";\n}\n\n.glyph-star-filled:before {\n  content: \"\\ec19\";\n}\n\n.glyph-star-list-filled:before {\n  content: \"\\ec1a\";\n}\n\n.glyph-star-list:before {\n  content: \"\\ec1b\";\n}\n\n.glyph-star:before {\n  content: \"\\ec1c\";\n}\n\n.glyph-start-data-analysis:before {\n  content: \"\\ec1d\";\n}\n\n.glyph-steering-user-filled:before {\n  content: \"\\ec1e\";\n}\n\n.glyph-steering-user:before {\n  content: \"\\ec1f\";\n}\n\n.glyph-steering:before {\n  content: \"\\ec20\";\n}\n\n.glyph-stethoscope:before {\n  content: \"\\ec21\";\n}\n\n.glyph-stop-filled:before {\n  content: \"\\ec22\";\n}\n\n.glyph-stop:before {\n  content: \"\\ec23\";\n}\n\n.glyph-success-filled:before {\n  content: \"\\ec24\";\n}\n\n.glyph-success:before {\n  content: \"\\ec25\";\n}\n\n.glyph-sun-filled:before {\n  content: \"\\ec26\";\n}\n\n.glyph-sun:before {\n  content: \"\\ec27\";\n}\n\n.glyph-support:before {\n  content: \"\\ec28\";\n}\n\n.glyph-surveillance-filled:before {\n  content: \"\\ec29\";\n}\n\n.glyph-surveillance:before {\n  content: \"\\ec2a\";\n}\n\n.glyph-svg-document:before {\n  content: \"\\ec2b\";\n}\n\n.glyph-swap-left-right:before {\n  content: \"\\ec2c\";\n}\n\n.glyph-switch-slider:before {\n  content: \"\\ec2d\";\n}\n\n.glyph-table-columns:before {\n  content: \"\\ec2e\";\n}\n\n.glyph-table-rows:before {\n  content: \"\\ec2f\";\n}\n\n.glyph-table-settings:before {\n  content: \"\\ec30\";\n}\n\n.glyph-table:before {\n  content: \"\\ec31\";\n}\n\n.glyph-tag-filled:before {\n  content: \"\\ec32\";\n}\n\n.glyph-tag-plus-filled:before {\n  content: \"\\ec33\";\n}\n\n.glyph-tag-plus:before {\n  content: \"\\ec34\";\n}\n\n.glyph-tag:before {\n  content: \"\\ec35\";\n}\n\n.glyph-tasks-all:before {\n  content: \"\\ec36\";\n}\n\n.glyph-tasks-done:before {\n  content: \"\\ec37\";\n}\n\n.glyph-tasks-open:before {\n  content: \"\\ec38\";\n}\n\n.glyph-text-circle-rectangle-filled:before {\n  content: \"\\ec39\";\n}\n\n.glyph-text-circle-rectangle:before {\n  content: \"\\ec3a\";\n}\n\n.glyph-text-document:before {\n  content: \"\\ec3b\";\n}\n\n.glyph-text:before {\n  content: \"\\ec3c\";\n}\n\n.glyph-threshold-cancelled:before {\n  content: \"\\ec3d\";\n}\n\n.glyph-threshold-off:before {\n  content: \"\\ec3e\";\n}\n\n.glyph-threshold-on:before {\n  content: \"\\ec3f\";\n}\n\n.glyph-to-be-published:before {\n  content: \"\\ec40\";\n}\n\n.glyph-to-search:before {\n  content: \"\\ec41\";\n}\n\n.glyph-topic-filled:before {\n  content: \"\\ec42\";\n}\n\n.glyph-topic:before {\n  content: \"\\ec43\";\n}\n\n.glyph-touch-filled:before {\n  content: \"\\ec44\";\n}\n\n.glyph-touch:before {\n  content: \"\\ec45\";\n}\n\n.glyph-trashcan-filled:before {\n  content: \"\\ec46\";\n}\n\n.glyph-trashcan:before {\n  content: \"\\ec47\";\n}\n\n.glyph-tree:before {\n  content: \"\\ec48\";\n}\n\n.glyph-trend:before {\n  content: \"\\ec49\";\n}\n\n.glyph-triangle-filled:before {\n  content: \"\\ec4a\";\n}\n\n.glyph-triangle:before {\n  content: \"\\ec4b\";\n}\n\n.glyph-truck-filled:before {\n  content: \"\\ec4c\";\n}\n\n.glyph-truck:before {\n  content: \"\\ec4d\";\n}\n\n.glyph-tulip-filled:before {\n  content: \"\\ec4e\";\n}\n\n.glyph-tulip:before {\n  content: \"\\ec4f\";\n}\n\n.glyph-txt-document:before {\n  content: \"\\ec50\";\n}\n\n.glyph-undo:before {\n  content: \"\\ec51\";\n}\n\n.glyph-ungroup:before {\n  content: \"\\ec52\";\n}\n\n.glyph-unlock-filled:before {\n  content: \"\\ec53\";\n}\n\n.glyph-unlock-plant-filled:before {\n  content: \"\\ec54\";\n}\n\n.glyph-unlock-plant:before {\n  content: \"\\ec55\";\n}\n\n.glyph-unlock:before {\n  content: \"\\ec56\";\n}\n\n.glyph-upload-document-note:before {\n  content: \"\\ec57\";\n}\n\n.glyph-upload-success:before {\n  content: \"\\ec58\";\n}\n\n.glyph-upload:before {\n  content: \"\\ec59\";\n}\n\n.glyph-upper-limit:before {\n  content: \"\\ec5a\";\n}\n\n.glyph-user-check-filled:before {\n  content: \"\\ec5b\";\n}\n\n.glyph-user-check:before {\n  content: \"\\ec5c\";\n}\n\n.glyph-user-filled:before {\n  content: \"\\ec5d\";\n}\n\n.glyph-user-management-filled:before {\n  content: \"\\ec5e\";\n}\n\n.glyph-user-management:before {\n  content: \"\\ec5f\";\n}\n\n.glyph-user-profile-filled:before {\n  content: \"\\ec60\";\n}\n\n.glyph-user-profile:before {\n  content: \"\\ec61\";\n}\n\n.glyph-user-settings-filled:before {\n  content: \"\\ec62\";\n}\n\n.glyph-user-settings:before {\n  content: \"\\ec63\";\n}\n\n.glyph-user:before {\n  content: \"\\ec64\";\n}\n\n.glyph-validate:before {\n  content: \"\\ec65\";\n}\n\n.glyph-vdi-folder:before {\n  content: \"\\ec66\";\n}\n\n.glyph-version-history:before {\n  content: \"\\ec67\";\n}\n\n.glyph-video-file-filled:before {\n  content: \"\\ec68\";\n}\n\n.glyph-video-file:before {\n  content: \"\\ec69\";\n}\n\n.glyph-warning-filled:before {\n  content: \"\\ec6a\";\n}\n\n.glyph-warning-rhomb-filled:before {\n  content: \"\\ec6b\";\n}\n\n.glyph-warning-rhomb:before {\n  content: \"\\ec6c\";\n}\n\n.glyph-warning:before {\n  content: \"\\ec6d\";\n}\n\n.glyph-water-bathing:before {\n  content: \"\\ec6e\";\n}\n\n.glyph-water-fish:before {\n  content: \"\\ec6f\";\n}\n\n.glyph-water-sunbathing:before {\n  content: \"\\ec70\";\n}\n\n.glyph-waveform:before {\n  content: \"\\ec71\";\n}\n\n.glyph-webcam-filled:before {\n  content: \"\\ec72\";\n}\n\n.glyph-webcam:before {\n  content: \"\\ec73\";\n}\n\n.glyph-wlan-off:before {\n  content: \"\\ec74\";\n}\n\n.glyph-wlan-strength-0:before {\n  content: \"\\ec75\";\n}\n\n.glyph-wlan-strength-1:before {\n  content: \"\\ec76\";\n}\n\n.glyph-wlan-strength-2:before {\n  content: \"\\ec77\";\n}\n\n.glyph-wlan-strength-3:before {\n  content: \"\\ec78\";\n}\n\n.glyph-work-case-filled:before {\n  content: \"\\ec79\";\n}\n\n.glyph-work-case:before {\n  content: \"\\ec7a\";\n}\n\n.glyph-x-axis-settings:before {\n  content: \"\\ec7b\";\n}\n\n.glyph-xls-document:before {\n  content: \"\\ec7c\";\n}\n\n.glyph-xml-document:before {\n  content: \"\\ec7d\";\n}\n\n.glyph-y-axis-settings:before {\n  content: \"\\ec7e\";\n}\n\n.glyph-youtube-filled:before {\n  content: \"\\ec7f\";\n}\n\n.glyph-youtube:before {\n  content: \"\\ec80\";\n}\n\n.glyph-zoom-in:before {\n  content: \"\\ec81\";\n}\n\n.glyph-zoom-out:before {\n  content: \"\\ec82\";\n}\n\n.glyph-zoom-selection:before {\n  content: \"\\ec83\";\n}\n\n:host {\n  display: inline-flex;\n  height: 1.5rem;\n  width: 1.5rem;\n}\n:host i {\n  color: inherit;\n  transition: color 150ms;\n}\n:host .svg-container {\n  display: block;\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n:host .svg-container > svg {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n:host .svg-container > svg [fill] {\n  fill: var(--theme-color-std-text);\n}\n:host .skeleton-box {\n  display: inline-block;\n  height: 1em;\n  position: relative;\n  overflow: hidden;\n  background-color: #dddbdd;\n}\n:host .skeleton-box::after {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  transform: translateX(-100%);\n  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));\n  animation: shimmer 2s infinite;\n  content: \"\";\n}\n@keyframes shimmer {\n  100% {\n    transform: translateX(100%);\n  }\n}\n\n:host(.size-12) {\n  height: 0.75rem;\n  width: 0.75rem;\n}\n:host(.size-12) .svg-container > svg {\n  height: 0.75rem;\n  width: 0.75rem;\n}\n\n:host(.size-16) {\n  height: 1rem;\n  width: 1rem;\n}\n:host(.size-16) .svg-container > svg {\n  height: 1rem;\n  width: 1rem;\n}\n\n:host(.size-32) {\n  height: 2rem;\n  width: 2rem;\n}\n:host(.size-32) .svg-container > svg {\n  height: 2rem;\n  width: 2rem;\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 { h, Host } from '@stencil/core';\nimport { resolveIcon } from './resolveIcon';\nexport class Icon {\n  constructor() {\n    this.size = undefined;\n    this.color = undefined;\n    this.name = undefined;\n    this.src = undefined;\n    this.svgContent = undefined;\n  }\n  connectedCallback() {\n    this.loadIconContent();\n  }\n  async loadIconContent() {\n    this.svgContent = await resolveIcon(this);\n  }\n  render() {\n    const style = {};\n    if (this.color) {\n      style['color'] = `var(--theme-${this.color})`;\n    }\n    if (this.name && !this.svgContent) {\n      const iconName = this.name;\n      return (h(Host, { style: style, class: {\n          ['size-12']: this.size === '12',\n          ['size-16']: this.size === '16',\n          ['size-24']: this.size === '24',\n          ['size-32']: this.size === '32',\n        } }, h(\"i\", { class: {\n          'glyph': true,\n          [`glyph-${iconName}`]: true,\n          'glyph-12': this.size === '12',\n          'glyph-16': this.size === '16',\n          'glyph-24': this.size === '24',\n          'glyph-32': this.size === '32',\n        } })));\n    }\n    return (h(Host, { style: style, class: {\n        ['size-12']: this.size === '12',\n        ['size-16']: this.size === '16',\n        ['size-24']: this.size === '24',\n        ['size-32']: this.size === '32',\n      } }, this.svgContent ? (h(\"div\", { class: 'svg-container', innerHTML: this.svgContent })) : (h(\"span\", { class: \"skeleton-box\", style: {\n        width: '100%',\n        height: '100%',\n      } }))));\n  }\n  static get is() { return \"ix-icon\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() {\n    return {\n      \"$\": [\"icon.scss\"]\n    };\n  }\n  static get styleUrls() {\n    return {\n      \"$\": [\"icon.css\"]\n    };\n  }\n  static get properties() {\n    return {\n      \"size\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"'12' | '16' | '24' | '32'\",\n          \"resolved\": \"\\\"12\\\" | \\\"16\\\" | \\\"24\\\" | \\\"32\\\"\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Size of the icon\"\n        },\n        \"attribute\": \"size\",\n        \"reflect\": false\n      },\n      \"color\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Color of the icon\"\n        },\n        \"attribute\": \"color\",\n        \"reflect\": false\n      },\n      \"name\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": false,\n        \"docs\": {\n          \"tags\": [],\n          \"text\": \"Use one of our defined icon names e.g. `copy`\\n\\nhttps://ix.siemens.io/docs/icon-library/icons\\n\\nor the import variant\\n\\n```\\nimport { rocket } from '@siemens/ix-icons/icons';\\n\\n<ix-icon name={rocket}></ix-icon>\\n```\"\n        },\n        \"attribute\": \"name\",\n        \"reflect\": true\n      },\n      \"src\": {\n        \"type\": \"string\",\n        \"mutable\": false,\n        \"complexType\": {\n          \"original\": \"string\",\n          \"resolved\": \"string\",\n          \"references\": {}\n        },\n        \"required\": false,\n        \"optional\": true,\n        \"docs\": {\n          \"tags\": [{\n              \"name\": \"internal\",\n              \"text\": undefined\n            }],\n          \"text\": \"Path to load external SVG. All color properties\\nwill be overwritten by `--theme-color-std-text`\\n\\nhttps://ix.siemens.io/docs/theming/colors\"\n        },\n        \"attribute\": \"src\",\n        \"reflect\": false\n      }\n    };\n  }\n  static get states() {\n    return {\n      \"svgContent\": {}\n    };\n  }\n  static get watchers() {\n    return [{\n        \"propName\": \"src\",\n        \"methodName\": \"loadIconContent\"\n      }, {\n        \"propName\": \"name\",\n        \"methodName\": \"loadIconContent\"\n      }];\n  }\n}\n//# sourceMappingURL=icon.js.map\n"],"mappings":"kDAAO,MAAMA,EAAgBC,IAC3B,IAAKA,EAAK,CACR,OAAO,KACX,CACE,UAAWA,IAAQ,SAAU,CAC3B,OAAO,KACX,CACE,OAAOA,EAAIC,WAAW,qBAAqB,EAE7C,IAAIC,EAAS,KACb,SAASC,EAAoBC,GAC3B,UAAWC,OAAO,eAAiB,YAAa,CAC9CC,QAAQC,KAAK,4CACb,MACJ,CACE,GAAIL,IAAW,KAAM,CACnBA,EAAS,IAAIG,OAAO,YACxB,CACE,MAAMG,EAAcN,EAAOO,gBAAgBL,EAAS,aACpD,MAAMM,EAAaF,EAAYG,cAAc,OAC7C,IAAKD,EAAY,CACf,MAAME,MAAM,6BAChB,CACE,OAAOF,EAAWG,SACpB,CACAC,eAAeC,EAASf,GACtB,MAAMgB,QAAiBC,MAAMjB,GAC7B,MAAMkB,QAAqBF,EAASG,OACpC,IAAKH,EAASI,GAAI,CAChBd,QAAQe,MAAMH,GACd,MAAO,EACX,CACE,OAAOf,EAAoBe,EAC7B,CACOJ,eAAeQ,EAAYC,GAChC,MAAMC,IAAEA,EAAGC,KAAEA,GAASF,EACtB,GAAIE,EAAM,CACR,GAAI1B,EAAa0B,GAAO,CACtB,OAAOtB,EAAoBsB,EACjC,CAEI,MACJ,CACE,IAAKD,EAAK,CACR,MAAO,EACX,CACE,GAAIzB,EAAayB,GAAM,CACrB,OAAOrB,EAAoBqB,EAC/B,CACE,OAAOT,EAASS,EAClB,CClDA,MAAME,EAAU,s36B,MCUHC,EAAI,MACfC,YAAAC,G,UACEC,KAAKC,KAAOC,UACZF,KAAKG,MAAQD,UACbF,KAAKL,KAAOO,UACZF,KAAKN,IAAMQ,UACXF,KAAKI,WAAaF,S,CAEpBG,oBACEL,KAAKM,iB,CAEPtB,wBACEgB,KAAKI,iBAAmBZ,EAAYQ,K,CAEtCO,SACE,MAAMC,EAAQ,GACd,GAAIR,KAAKG,MAAO,CACdK,EAAM,SAAW,eAAeR,KAAKG,Q,CAEvC,GAAIH,KAAKL,OAASK,KAAKI,WAAY,CACjC,MAAMK,EAAWT,KAAKL,KACtB,OAAQe,EAAEC,EAAM,CAAEH,MAAOA,EAAOI,MAAO,CACnC,CAAC,WAAYZ,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,OACxBS,EAAE,IAAK,CAAEE,MAAO,CACnBC,MAAS,KACT,CAAC,SAASJ,KAAa,KACvB,WAAYT,KAAKC,OAAS,KAC1B,WAAYD,KAAKC,OAAS,KAC1B,WAAYD,KAAKC,OAAS,KAC1B,WAAYD,KAAKC,OAAS,Q,CAGhC,OAAQS,EAAEC,EAAM,CAAEH,MAAOA,EAAOI,MAAO,CACnC,CAAC,WAAYZ,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,KAC3B,CAAC,WAAYD,KAAKC,OAAS,OACxBD,KAAKI,WAAcM,EAAE,MAAO,CAAEE,MAAO,gBAAiBE,UAAWd,KAAKI,aAAkBM,EAAE,OAAQ,CAAEE,MAAO,eAAgBJ,MAAO,CACrIO,MAAO,OACPC,OAAQ,U"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["applicationHeaderCss","ApplicationHeader","componentWillLoad","this","menuDisposable","menuController","expandChange","on","show","menuExpanded","componentDidLoad","attachSiemensLogoIfLoaded","disconnectedCallback","_a","dispose","_b","modeDisposable","isLogoSlotted","slotElement","hostElement","shadowRoot","querySelector","nodes","assignedNodes","flatten","length","async","window","customElements","whenDefined","logoElement","document","createElement","appendChild","toggle","render","h","Host","class","mode","onClick","onMenuClick","expanded","name"],"sources":["./src/components/application-header/application-header.scss?tag=ix-application-header&encapsulation=shadow","./src/components/application-header/application-header.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n:host {\n  display: flex;\n  align-items: center;\n  position: relative;\n  width: 100%;\n  height: 2.75rem;\n  padding-left: 1rem;\n\n  color: var(--theme-app-header--color);\n  background-color: var(--theme-app-header--background);\n\n  border-bottom: var(--theme-app-header--border-width) solid\n    var(--theme-app-header--border-color);\n\n  .name {\n    margin-left: 2.5rem;\n    margin-right: 2.5rem;\n    color: var(--theme-app-header--color);\n  }\n\n  .logo {\n    display: inline-flex;\n    align-items: center;\n    position: relative;\n    height: 32px;\n    overflow: hidden;\n    line-height: 0rem;\n    color: var(--theme-app-header-logo--color);\n  }\n}\n\n:host(.mode-small) {\n  padding-left: 0.5rem;\n\n  .logo {\n    margin-left: 0.5rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State } from '@stencil/core';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Mode } from '../utils/screen/mode';\nimport { Disposable } from '../utils/typed-event';\n\n@Component({\n  tag: 'ix-application-header',\n  styleUrl: 'application-header.scss',\n  shadow: true,\n})\nexport class ApplicationHeader {\n  @Element() hostElement!: HTMLIxApplicationHeaderElement;\n\n  /**\n   * Application name\n   */\n  @Prop() name: string;\n\n  /**\n   * @internal\n   */\n  @Prop() mode: Mode = 'large';\n\n  @State() menuExpanded = false;\n\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n\n  componentWillLoad() {\n    this.menuDisposable = menuController.expandChange.on((show) => {\n      this.menuExpanded = show;\n    });\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  private isLogoSlotted() {\n    const slotElement = this.hostElement.shadowRoot.querySelector(\n      'slot[name=\"logo\"]'\n    ) as HTMLSlotElement;\n    const nodes = slotElement.assignedNodes({\n      flatten: true,\n    });\n\n    return nodes.length !== 0;\n  }\n\n  private async attachSiemensLogoIfLoaded() {\n    await window.customElements.whenDefined('ix-siemens-logo');\n    const logoElement = document.createElement('ix-siemens-logo');\n    if (!this.isLogoSlotted()) {\n      this.hostElement.shadowRoot\n        .querySelector('.logo')\n        .appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    menuController.toggle();\n  }\n\n  render() {\n    return (\n      <Host class={{ [`mode-${this.mode}`]: true }}>\n        {this.mode === 'small' ? (\n          <ix-burger-menu\n            onClick={() => this.onMenuClick()}\n            expanded={this.menuExpanded}\n          ></ix-burger-menu>\n        ) : null}\n        <div class=\"logo\">\n          <slot name=\"logo\"></slot>\n        </div>\n        <div class=\"name\">{this.name}</div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAuB,wmB,MCmBhBC,EAAiB,M,uDAWP,Q,kBAEG,K,CAKxBC,oBACEC,KAAKC,eAAiBC,EAAeC,aAAaC,IAAIC,IACpDL,KAAKM,aAAeD,CAAI,G,CAI5BE,mBACEP,KAAKQ,2B,CAGPC,uB,SACEC,EAAAV,KAAKC,kBAAc,MAAAS,SAAA,SAAAA,EAAEC,WACrBC,EAAAZ,KAAKa,kBAAc,MAAAD,SAAA,SAAAA,EAAED,S,CAGfG,gBACN,MAAMC,EAAcf,KAAKgB,YAAYC,WAAWC,cAC9C,qBAEF,MAAMC,EAAQJ,EAAYK,cAAc,CACtCC,QAAS,OAGX,OAAOF,EAAMG,SAAW,C,CAGlBC,wCACAC,OAAOC,eAAeC,YAAY,mBACxC,MAAMC,EAAcC,SAASC,cAAc,mBAC3C,IAAK7B,KAAKc,gBAAiB,CACzBd,KAAKgB,YAAYC,WACdC,cAAc,SACdY,YAAYH,E,EAIXJ,oBACNrB,EAAe6B,Q,CAGjBC,SACE,OACEC,EAACC,EAAI,CAACC,MAAO,CAAE,CAAC,QAAQnC,KAAKoC,QAAS,OACnCpC,KAAKoC,OAAS,QACbH,EAAA,kBACEI,QAAS,IAAMrC,KAAKsC,cACpBC,SAAUvC,KAAKM,eAEf,KACJ2B,EAAA,OAAKE,MAAM,QACTF,EAAA,QAAMO,KAAK,UAEbP,EAAA,OAAKE,MAAM,QAAQnC,KAAKwC,MACxBP,EAAA,a"}

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

@@ -1,2 +0,0 @@
-import{r as t,h as e,H as o}from"./p-b899b25b.js";const s={"x-small":"text-xs",small:"text-s",caption:"text-caption","caption-single":"text-caption-single",default:"text-default","default-single":"text-default-single",large:"text-l","large-single":"text-l-single",h2:"text-h2","display-large":"text-xl","default-title":"text-default-title","default-title-single":"text-default-title-single"};const i=":host{display:block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host(.text-xs){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}:host(.text-s){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-caption-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}:host(.text-default){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}:host(.text-default-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}:host(.text-default-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host(.text-default-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}:host(.text-l){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-l-title){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}:host(.text-l-title-single){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}:host(.text-h2){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}:host(.text-xl){-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}";const n=class{constructor(e){t(this,e);this.variant="default";this.color=undefined}render(){const t={[s[this.variant]]:true};const i=this.color!==undefined?`var(--theme-color-${this.color}-text)`:"inherit";return e(o,{class:t,style:{color:i}},e("slot",null))}};n.style=i;export{n as ix_typography};
-//# sourceMappingURL=p-e1c92dcb.entry.js.map