@siemens/ix 3.0.0-alpha.4 → 3.0.0

package/dist/siemens-ix/p-37fa26f9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["radioGroupCss","RadiobuttonGroup","constructor","hostRef","this","direction","isInvalid","isValid","isInfo","isWarning","observer","MutationObserver","ensureOnlyLastRadioChecked","radiobuttonElements","Array","from","hostElement","querySelectorAll","connectedCallback","observe","childList","subtree","attributes","attributeFilter","componentWillLoad","selectInitialValue","disconnectedCallback","disconnect","value","forEach","radiobutton","checked","checkedRadios","filter","radio","index","length","onValueChangeHandler","newValue","onCheckedChangeHandler","event","target","valueChange","emit","onClassField","render","h","Host","key","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","class","__decorate","HookValidationLifecycle","includeChildren","prototype"],"sources":["src/components/radio-group/radio-group.scss?tag=ix-radio-group&encapsulation=shadow","src/components/radio-group/radio-group.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  display: inline-block;\n  position: relative;\n\n  .checkbox-container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    margin: 0.375rem 0;\n    flex-wrap: wrap;\n\n    &.row-layout {\n      flex-direction: row;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  EventEmitter,\n  Host,\n  Event,\n  Listen,\n  Prop,\n  State,\n  h,\n  Watch,\n} from '@stencil/core';\nimport {\n  ValidationResults,\n  HookValidationLifecycle,\n  FieldWrapperInterface,\n  IxFormValidationState,\n} from '../utils/input';\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-radio-group',\n  styleUrl: 'radio-group.scss',\n  shadow: true,\n})\nexport class RadiobuttonGroup\n  implements FieldWrapperInterface, IxFormValidationState\n{\n  @Element() hostElement!: HTMLIxRadioGroupElement;\n  /**\n   * Show text below the field component\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * Label for the field component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Value of the radiobutton group component\n   */\n  @Prop() value?: string;\n\n  /**\n   * Error text for the field component\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * Info text for the field component\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Warning text for the field component\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * Valid text for the field component\n   */\n  @Prop() validText?: string;\n\n  /**\n   * Show helper, info, warning, error and valid text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Alignment of the radio buttons in the group\n   */\n  @Prop() direction: 'column' | 'row' = 'column';\n\n  /**\n   * Event emitted when the value of the radiobutton group changes\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n\n  private readonly observer = new MutationObserver(() => {\n    this.ensureOnlyLastRadioChecked();\n  });\n\n  private get radiobuttonElements() {\n    return Array.from(this.hostElement.querySelectorAll('ix-radio'));\n  }\n\n  connectedCallback(): void {\n    this.observer.observe(this.hostElement, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['checked'],\n    });\n  }\n\n  componentWillLoad(): void | Promise<void> {\n    this.selectInitialValue();\n    this.ensureOnlyLastRadioChecked();\n  }\n\n  disconnectedCallback(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private selectInitialValue() {\n    if (!this.value) {\n      return;\n    }\n    this.radiobuttonElements.forEach((radiobutton) => {\n      radiobutton.checked = radiobutton.value === this.value;\n    });\n  }\n\n  private ensureOnlyLastRadioChecked() {\n    const checkedRadios = this.radiobuttonElements.filter(\n      (radio) => radio.checked\n    );\n    checkedRadios.forEach((radio, index) => {\n      if (index === checkedRadios.length - 1) {\n        return;\n      }\n      radio.checked = false;\n    });\n  }\n\n  @Watch('value')\n  onValueChangeHandler(newValue: string) {\n    this.radiobuttonElements.forEach((radiobutton) => {\n      radiobutton.checked = radiobutton.value === newValue;\n    });\n  }\n\n  @Listen('checkedChange')\n  onCheckedChangeHandler(event: CustomEvent<boolean>) {\n    this.radiobuttonElements.forEach((radiobutton) => {\n      if (radiobutton !== event.target) {\n        radiobutton.checked = false;\n        return;\n      }\n      radiobutton.checked = true;\n      this.valueChange.emit(radiobutton.value);\n    });\n  }\n\n  @HookValidationLifecycle({\n    includeChildren: true,\n  })\n  onClassField({ isInvalid, isInfo, isValid, isWarning }: ValidationResults) {\n    this.isInvalid = isInvalid;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-field-wrapper\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          isInvalid={this.isInvalid}\n        >\n          <div\n            class={{\n              'checkbox-container': true,\n              'row-layout': this.direction === 'row',\n            }}\n          >\n            <slot></slot>\n          </div>\n        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAgB,+M,iXCoCTC,EAAgB,MAL7B,WAAAC,CAAAC,G,mDAoDUC,KAASC,UAAqB,SAO7BD,KAASE,UAAG,MACZF,KAAOG,QAAG,MACVH,KAAMI,OAAG,MACTJ,KAASK,UAAG,MAEJL,KAAAM,SAAW,IAAIC,kBAAiB,KAC/CP,KAAKQ,4BAA4B,GAyGpC,CAtGC,uBAAYC,GACV,OAAOC,MAAMC,KAAKX,KAAKY,YAAYC,iBAAiB,Y,CAGtD,iBAAAC,GACEd,KAAKM,SAASS,QAAQf,KAAKY,YAAa,CACtCI,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,Y,CAItB,iBAAAC,GACEpB,KAAKqB,qBACLrB,KAAKQ,4B,CAGP,oBAAAc,GACE,GAAItB,KAAKM,SAAU,CACjBN,KAAKM,SAASiB,Y,EAIV,kBAAAF,GACN,IAAKrB,KAAKwB,MAAO,CACf,M,CAEFxB,KAAKS,oBAAoBgB,SAASC,IAChCA,EAAYC,QAAUD,EAAYF,QAAUxB,KAAKwB,KAAK,G,CAIlD,0BAAAhB,GACN,MAAMoB,EAAgB5B,KAAKS,oBAAoBoB,QAC5CC,GAAUA,EAAMH,UAEnBC,EAAcH,SAAQ,CAACK,EAAOC,KAC5B,GAAIA,IAAUH,EAAcI,OAAS,EAAG,CACtC,M,CAEFF,EAAMH,QAAU,KAAK,G,CAKzB,oBAAAM,CAAqBC,GACnBlC,KAAKS,oBAAoBgB,SAASC,IAChCA,EAAYC,QAAUD,EAAYF,QAAUU,CAAQ,G,CAKxD,sBAAAC,CAAuBC,GACrBpC,KAAKS,oBAAoBgB,SAASC,IAChC,GAAIA,IAAgBU,EAAMC,OAAQ,CAChCX,EAAYC,QAAU,MACtB,M,CAEFD,EAAYC,QAAU,KACtB3B,KAAKsC,YAAYC,KAAKb,EAAYF,MAAM,G,CAO5C,YAAAgB,EAAatC,UAAEA,EAASE,OAAEA,EAAMD,QAAEA,EAAOE,UAAEA,IACzCL,KAAKE,UAAYA,EACjBF,KAAKI,OAASA,EACdJ,KAAKG,QAAUA,EACfH,KAAKK,UAAYA,C,CAGnB,MAAAoC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,oBAAAE,IAAA,2CACEC,MAAO7C,KAAK6C,MACZC,WAAY9C,KAAK8C,WACjBC,YAAa/C,KAAK+C,YAClBC,SAAUhD,KAAKgD,SACfC,YAAajD,KAAKiD,YAClBC,UAAWlD,KAAKkD,UAChBC,kBAAmBnD,KAAKmD,kBACxBhD,QAASH,KAAKG,QACdC,OAAQJ,KAAKI,OACbC,UAAWL,KAAKK,UAChBH,UAAWF,KAAKE,WAEhBwC,EAAA,OAAAE,IAAA,2CACEQ,MAAO,CACL,qBAAsB,KACtB,aAAcpD,KAAKC,YAAc,QAGnCyC,EAAA,QAAAE,IAAA,+C,iGA7BVS,EAAA,CAHCC,EAAwB,CACvBC,gBAAiB,QAOlB1D,EAAA2D,UAAA,qB","ignoreList":[]}

package/dist/siemens-ix/p-3a0a5bc2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sliderCss","between","min","value","max","Slider","constructor","hostRef","this","step","trace","traceReference","disabled","rangeInput","rangeMin","rangeMax","rangeTraceReference","showTooltip","thumbRef","makeRef","tooltipRef","tooltip","current","pseudoThumb","slider","_a","hostElement","shadowRoot","getElementById","onShowTooltipChange","_b","hideTooltip","componentWillLoad","a11yAttributes","a11yHostAttributes","updateRangeVariables","Math","onInput","event","stopPropagation","parseFloat","isNaN","oldValue","defaultPrevented","emitInputEvent","toString","valueChange","emit","isMarkerActive","markerValue","start","end","onPointerUp","render","range","traceReferenceInPercentage","valueInPercentage","distance","traceStart","traceEnd","h","Host","key","class","error","onPointerDown","setTimeout","ref","style","left","marker","map","tick","Object","assign","id","type","list","undefined","tabindex","onFocus","onBlur","role","animationFrame","for","waitForCurrent","name","textColor","__decorate","OnListener","self","prototype"],"sources":["src/components/slider/slider.scss?tag=ix-slider&encapsulation=shadow","src/components/slider/slider.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n@mixin track {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']::-webkit-slider-runnable-track {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']::-moz-range-track {\n    @content;\n  }\n}\n\n@mixin clear-browser-thumb {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range' i]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    margin-top: -6px;\n  }\n\n  // Firefox\n  input[type='range' i]::-moz-range-thumb {\n    border: none;\n    border-radius: 0;\n  }\n}\n\n@mixin thumb {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']::-moz-range-thumb {\n    @content;\n  }\n}\n\n@mixin thumb-hover {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']:hover::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']:hover::-moz-range-thumb {\n    @content;\n  }\n}\n\n@mixin thumb-active {\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']:active::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']:active::-moz-range-thumb {\n    @content;\n  }\n}\n\n@mixin thumb-focus {\n  input[type='range']:focus {\n    outline: none;\n  }\n\n  // Chrome, Safari, Opera, and Edge Chromium\n  input[type='range']:focus-visible::-webkit-slider-thumb {\n    @content;\n  }\n\n  // Firefox\n  input[type='range']:focus-visible::-moz-range-thumb {\n    @content;\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  min-height: 2rem;\n  --thumb-size: 1rem;\n  --value: 0;\n  --trace-start: 0;\n  --trace-end: 0;\n  --trace-reference: 0;\n  --trace-reference-color: var(--theme-color-8);\n  --trace-color: var(--theme-color-dynamic);\n  --tick-color: var(--theme-color-8);\n  --tick-color--active: var(--theme-color-dynamic);\n  --track-color: var(--theme-color-component-4);\n\n  input[type='range'] {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0;\n    appearance: none;\n    background: transparent;\n    cursor: pointer;\n    width: 100%;\n    height: 1rem;\n    margin: 0;\n  }\n\n  // Trace line\n  input[type='range'].trace::before {\n    content: '';\n    position: absolute;\n    display: block;\n    z-index: -1;\n\n    width: calc(\n      calc(7px + calc(100% * var(--trace-end)) - calc(16px * var(--trace-end))) -\n        calc(\n          7px + calc(100% * var(--trace-start)) -\n            calc(16px * var(--trace-start))\n        )\n    );\n\n    left: calc(\n      7px + calc(100% * var(--trace-start)) - calc(16px * var(--trace-start))\n    );\n\n    height: 4px;\n    background-color: var(--trace-color);\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  // Trace reference\n  input[type='range'].trace:not(.hide-trace-reference)::after {\n    content: '';\n    position: absolute;\n    display: block;\n    width: 2px;\n    height: 16px;\n    background-color: var(--trace-reference-color);\n    top: 50%;\n    transform: translateY(-50%);\n    left: calc(\n      7px + calc(100% * var(--trace-reference)) -\n        calc(16px * var(--trace-reference))\n    );\n  }\n\n  @include track() {\n    background: transparent;\n    height: 0.25rem;\n  }\n\n  @include clear-browser-thumb();\n\n  @include thumb() {\n    border-radius: 100px;\n    background-color: var(--theme-color-dynamic);\n    height: var(--thumb-size);\n    width: var(--thumb-size);\n    transition: all var(--theme-default-time) ease-in-out;\n    z-index: 10;\n  }\n\n  @include thumb-hover() {\n    transform: scale(1.2);\n    background-color: var(--theme-color-dynamic);\n  }\n\n  @include thumb-active() {\n    transform: scale(1.2);\n\n    background-color: var(--theme-color-dynamic);\n  }\n\n  @include thumb-focus() {\n    outline: 1px solid var(--theme-color-focus-bdr);\n    outline-offset: 0.125rem;\n  }\n\n  /* style datalist */\n  .ticks {\n    display: flex;\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n  .ticks .tick {\n    display: block;\n    position: absolute;\n    width: 8px;\n    height: 8px;\n    background-color: var(--tick-color);\n    border-radius: 100px;\n    top: 50%;\n    transform: translateY(-50%);\n    left: calc(var(--tick-value) * 100% - 4px);\n  }\n\n  .ticks .tick.tick-active {\n    background-color: var(--tick-color--active);\n  }\n\n  .slider {\n    position: relative;\n    display: block;\n    width: 100%;\n    height: 1.5rem;\n  }\n\n  .track {\n    position: absolute;\n    background-color: var(--track-color);\n    height: 4px;\n    width: calc(100% - 1rem);\n    margin-left: 0.5rem;\n    top: 50%;\n    transform: translateY(-50%);\n    left: 0px;\n  }\n\n  .thumb {\n    display: block;\n    position: absolute;\n    background-color: transparent;\n    height: 1rem;\n    width: 1rem;\n    border-radius: 100px;\n    left: 0px;\n    top: 50%;\n    transform: translateY(-50%);\n  }\n\n  .hide-tooltip {\n    display: none;\n  }\n\n  .label {\n    display: flex;\n    position: relative;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    margin-top: 0.5rem;\n\n    min-height: 0px;\n  }\n\n  .label-start {\n    margin-left: 0.5rem;\n  }\n\n  .label-end {\n    margin-right: 0.5rem;\n  }\n\n  .label-error {\n    margin-left: 0.5rem;\n  }\n}\n\n:host(.error) {\n  --trace-color: var(--theme-color-alarm-40);\n  --tick-color--active: var(--theme-color-alarm);\n\n  @include thumb() {\n    background-color: var(--theme-color-alarm);\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n\n  --track-color: var(--theme-color-component-3);\n  --trace-color: var(--theme-color-3);\n  --tick-color: var(--theme-color-7);\n  --tick-color--active: var(--theme-color-7);\n\n  @include thumb() {\n    background-color: var(--theme-color-7);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\n\nexport type SliderMarker = Array<number>;\n\nfunction between(min: number, value: number, max: number) {\n  if (value < min) {\n    return min;\n  } else if (value > max) {\n    return max;\n  } else {\n    return value;\n  }\n}\n\n/**\n * @since 2.0.0\n *\n * @slot label-start - Element will be displayed at the start of the slider\n * @slot label-end - Element will be displayed at the end of the slider\n */\n@Component({\n  tag: 'ix-slider',\n  styleUrl: 'slider.scss',\n  shadow: true,\n})\nexport class Slider {\n  @Element() hostElement!: HTMLIxSliderElement;\n\n  /**\n   * Legal number intervals\n   *\n   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#step\n   */\n  @Prop() step: number = 1;\n\n  /**\n   * Minimum slider value\n   */\n  @Prop() min = 0;\n\n  /**\n   * Maximum slider value\n   */\n  @Prop() max = 100;\n\n  /**\n   * Current value of the slider\n   */\n  @Prop() value = 0;\n\n  /**\n   * Define tick marker on the slider. Marker has to be within slider min/max\n   */\n  @Prop() marker?: SliderMarker;\n\n  /**\n   * Show a trace line\n   */\n  @Prop() trace = false;\n\n  /**\n   * Define the start point of the trace line\n   */\n  @Prop() traceReference = 0;\n\n  /**\n   * Show control as disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Show error state and message\n   */\n  @Prop() error?: boolean | string;\n\n  /**\n   *\n   */\n  @Event() valueChange!: EventEmitter<number>;\n\n  @State() rangeInput = 0;\n  @State() rangeMin = 0;\n  @State() rangeMax = 100;\n  @State() rangeTraceReference = 0;\n  @State() showTooltip = false;\n\n  private a11yAttributes?: A11yAttributes;\n\n  private readonly thumbRef = makeRef<HTMLDivElement>();\n  private readonly tooltipRef = makeRef<HTMLIxTooltipElement>();\n\n  get tooltip() {\n    return this.tooltipRef.current;\n  }\n\n  get pseudoThumb() {\n    return this.thumbRef.current;\n  }\n\n  get slider() {\n    return this.hostElement.shadowRoot?.getElementById(\n      'slider'\n    ) as HTMLInputElement;\n  }\n\n  @Watch('showTooltip')\n  onShowTooltipChange() {\n    if (this.showTooltip) {\n      this.tooltip?.showTooltip(this.pseudoThumb);\n      return;\n    }\n\n    this.tooltip?.hideTooltip();\n  }\n\n  componentWillLoad() {\n    this.a11yAttributes = a11yHostAttributes(this.hostElement, [\n      'role',\n      'aria-valuemin',\n      'aria-valuemax',\n      'aria-valuenow',\n    ]);\n    this.updateRangeVariables();\n  }\n\n  @Watch('value')\n  @Watch('max')\n  @Watch('min')\n  @Watch('traceReference')\n  private updateRangeVariables() {\n    this.rangeInput = between(this.min, this.value, this.max);\n    this.rangeTraceReference = between(this.min, this.traceReference, this.max);\n    this.rangeMin = Math.min(this.min, this.max);\n    this.rangeMax = Math.max(this.min, this.max);\n  }\n\n  private onInput(event: InputEvent) {\n    event.stopPropagation();\n    const value = parseFloat(this.slider.value);\n\n    if (!isNaN(value)) {\n      const oldValue = this.rangeInput;\n      this.rangeInput = value;\n\n      const { defaultPrevented } = this.emitInputEvent();\n\n      if (defaultPrevented) {\n        this.rangeInput = oldValue;\n        this.slider.value = oldValue.toString();\n      }\n    }\n  }\n\n  private emitInputEvent() {\n    return this.valueChange.emit(this.rangeInput);\n  }\n\n  private isMarkerActive(markerValue: number) {\n    const start = Math.min(this.traceReference, this.rangeInput);\n    const end = Math.max(this.traceReference, this.rangeInput);\n    const value = markerValue;\n\n    return value >= start && value <= end;\n  }\n\n  // Listen globally on window because sometimes the event listener\n  // of the DOM element input itself is not called if the release\n  // click is not inside the element anymore\n  @OnListener<Slider>('pointerup', (self) => self.showTooltip)\n  onPointerUp() {\n    this.showTooltip = false;\n  }\n\n  render() {\n    const range = this.rangeMax - this.rangeMin;\n\n    let traceReferenceInPercentage =\n      (this.rangeTraceReference - this.rangeMin) / range;\n\n    let valueInPercentage = (this.rangeInput - this.rangeMin) / range;\n\n    const distance = valueInPercentage - traceReferenceInPercentage;\n\n    let traceStart = traceReferenceInPercentage;\n    let traceEnd = valueInPercentage;\n\n    if (distance <= 0) {\n      traceStart = valueInPercentage;\n      traceEnd = traceReferenceInPercentage;\n    }\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          error: !!this.error,\n        }}\n        onPointerDown={() => setTimeout(() => (this.showTooltip = true))}\n      >\n        <div class=\"slider\">\n          <div class=\"track\">\n            <div\n              ref={this.thumbRef}\n              class=\"thumb\"\n              style={{\n                left: `calc(${valueInPercentage} * 100% - 8px)`,\n              }}\n            ></div>\n            <div class=\"ticks\">\n              {this.marker\n                ? this.marker.map((markerValue) => {\n                    if (markerValue > this.max || markerValue < this.min) {\n                      return;\n                    }\n\n                    let left = (markerValue - this.rangeMin) / range;\n\n                    return (\n                      <div\n                        class={{\n                          tick: true,\n                          'tick-active':\n                            this.isMarkerActive(markerValue) && this.trace,\n                        }}\n                        style={{\n                          '--tick-value': `${left}`,\n                        }}\n                      ></div>\n                    );\n                  })\n                : null}\n            </div>\n          </div>\n\n          <input\n            id=\"slider\"\n            type=\"range\"\n            list={this.marker ? 'markers' : undefined}\n            step={this.step}\n            min={this.min}\n            max={this.max}\n            value={this.rangeInput}\n            tabindex={this.disabled ? -1 : 0}\n            onInput={(event) => this.onInput(event)}\n            style={{\n              '--value': `${valueInPercentage}`,\n              '--trace-reference': `${traceReferenceInPercentage}`,\n              '--trace-start': `${traceStart}`,\n              '--trace-end': `${traceEnd}`,\n            }}\n            class={{\n              trace:\n                this.trace && traceReferenceInPercentage !== valueInPercentage,\n              'hide-trace-reference':\n                this.trace &&\n                (this.traceReference <= this.min ||\n                  this.traceReference >= this.max),\n            }}\n            onFocus={() => {\n              this.showTooltip = true;\n            }}\n            onBlur={() => {\n              this.showTooltip = false;\n            }}\n            role=\"slider\"\n            aria-valuenow={this.rangeInput}\n            aria-valuemin={this.min}\n            aria-valuemax={this.max}\n            {...this.a11yAttributes}\n          />\n\n          <ix-tooltip\n            ref={this.tooltipRef}\n            class={{\n              'hide-tooltip': !this.showTooltip,\n            }}\n            animationFrame={true}\n            for={this.thumbRef.waitForCurrent()}\n          >\n            {this.rangeInput}\n          </ix-tooltip>\n        </div>\n        <div class=\"label\">\n          <div class=\"label-start\">\n            <slot name=\"label-start\"></slot>\n          </div>\n          <div class=\"label-end\">\n            <slot name=\"label-end\"></slot>\n          </div>\n        </div>\n        {this.error ? (\n          <ix-typography class={'label-error'} textColor=\"alarm\">\n            {this.error}\n          </ix-typography>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-3db26a34.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as i,g as e}from"./p-BNpBEtDH.js";import{i as s,s as a,o as n,f as l,a as r,b as h,c as f}from"./p-CAqtPJ4-.js";const m='.text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:inline-block;position:relative;width:100%}:host .validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}:host .validation-tooltip #arrow,:host .validation-tooltip #arrow::before{position:absolute;width:8px;height:8px;background:inherit}:host .validation-tooltip #arrow{visibility:hidden}:host .validation-tooltip #arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}:host .validation-tooltip>#arrow{bottom:-5px}:host .validation-tooltip>#arrow::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';const d=class{constructor(o){t(this,o);this.placement="top";this.suppressAutomaticPlacement=false;this.isInputValid=true;this.onSubmitBind=this.onSubmit.bind(this);this.onInputFocusBind=this.onInputFocus.bind(this)}get arrow(){return this.hostElement.shadowRoot.querySelector("#arrow")}get inputElement(){return this.hostElement.querySelector("input")}get formElement(){var t;return(t=this.inputElement)===null||t===void 0?void 0:t.form}get tooltipElement(){return this.hostElement.shadowRoot.querySelector(".validation-tooltip")}destroyAutoUpdate(){if(this.tooltipElement){this.tooltipElement.style.display="none"}if(this.autoUpdateCleanup){this.autoUpdateCleanup()}}applyTooltipPosition(){this.tooltipElement.style.display="block";let t={strategy:"fixed",middleware:[s(),a(),n({mainAxis:8})]};if(!t.middleware){t.middleware=[]}if(!this.suppressAutomaticPlacement){t.middleware.push(l({fallbackStrategy:"initialPlacement"}))}t.placement=this.placement;this.autoUpdateCleanup=r(this.inputElement,this.tooltipElement,(async()=>{t.middleware=[...t.middleware,h({element:this.arrow})];const o=await f(this.inputElement,this.tooltipElement,t);if(o.middlewareData.arrow){const{x:t,y:i}=o.middlewareData.arrow;this.arrowPosition={x:t,y:i};Object.assign(this.arrow.style,{left:t!=null?`${t}px`:"",top:i!=null?`${i}px`:""})}this.tooltipPosition={x:o.x,y:o.y}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}componentDidLoad(){if(!this.inputElement){throw Error("Validation tooltip is only working with an direct input child.")}if(!this.formElement){throw Error("Validation tooltip is only working with an form element.")}this.formElement.addEventListener("submit",this.onSubmitBind);this.inputElement.addEventListener("focus",this.onInputFocusBind);this.observer=new MutationObserver((()=>{if(this.inputElement.classList.contains("is-invalid")){this.isInputValid=false;this.validationChanged()}}));this.observer.observe(this.inputElement,{childList:false,subtree:false,attributes:true,attributeFilter:["class"]})}onInputFocus(){this.isInputValid=true}onSubmit(){if(this.formElement.classList.contains("needs-validation")){this.isInputValid=this.inputElement.validity.valid}}disconnectedCallback(){var t,o,i;(t=this.observer)===null||t===void 0?void 0:t.disconnect();this.destroyAutoUpdate();(o=this.formElement)===null||o===void 0?void 0:o.removeEventListener("submit",this.onSubmitBind);(i=this.inputElement)===null||i===void 0?void 0:i.removeEventListener("focus",this.onInputFocusBind)}validationChanged(){if(!this.isInputValid){this.applyTooltipPosition()}else{this.destroyAutoUpdate()}}render(){var t,e,s,a;return o(i,{key:"fce95b6a9df85da12c742a92ae5af48c15f5a04b"},o("slot",{key:"c70130b23d312a884677e0aea4cf54158ebb36e4"}),o("div",{key:"551b30175043178ead3068637b7525fcf2378623",role:"tooltip",style:{display:"none",position:"fixed",top:"0",left:"0",transform:`translate(${Math.round((e=(t=this.tooltipPosition)===null||t===void 0?void 0:t.x)!==null&&e!==void 0?e:0)}px,${Math.round((a=(s=this.tooltipPosition)===null||s===void 0?void 0:s.y)!==null&&a!==void 0?a:0)}px)`},class:"validation-tooltip text-default"},this.message,o("slot",{key:"f9af434ac0ae7710dccca7ffc6fb6a6b71546fc3",name:"tooltip-message"}),o("div",{key:"66da811f499a7a995149e3575ef95b8eb5eac8e7",id:"arrow"})))}get hostElement(){return e(this)}static get watchers(){return{isInputValid:["validationChanged"]}}};d.style=m;export{d as ix_validation_tooltip};
-//# sourceMappingURL=p-3db26a34.entry.js.map

package/dist/siemens-ix/p-3e1a9763.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["layoutAutoCss","LayoutForm","constructor","hostRef","this","layout","minWidth","columns","mediaQueryList","observer","MutationObserver","calculateGridTemplateColumns","resizeObserver","ResizeObserver","connectedCallback","observe","hostElement","childList","subtree","attributes","attributeFilter","componentWillLoad","disconnectedCallback","disconnect","updateMediaQueryList","forEach","mediaQuery","window","matchMedia","push","parseNumber","number","result","parseInt","isNaN","layoutColumns","columnSpacing","matches","Array","from","children","child","colspan","getAttribute","Math","min","childRatio","style","width","render","h","Host","key","class"],"sources":["src/components/layout-auto/layout-auto.scss?tag=ix-layout-auto&encapsulation=shadow","src/components/layout-auto/layout-auto.tsx"],"sourcesContent":[":host {\n  display: block;\n  position: relative;\n  margin: 0 0.75rem;\n\n  --ix-layout-grid-gap: 1.5rem;\n\n  .container {\n    display: flex;\n    align-items: stretch;\n    flex-wrap: wrap;\n    gap: var(--ix-layout-grid-gap);\n  }\n\n  ::slotted(*) {\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n}\n","import { Component, Element, Host, Prop, Watch, h } from '@stencil/core';\nimport { IxComponent } from '../utils/internal';\n\n/**\n * @since 2.6.0\n */\n@Component({\n  tag: 'ix-layout-auto',\n  styleUrl: 'layout-auto.scss',\n  shadow: true,\n})\nexport class LayoutForm implements IxComponent {\n  @Element() hostElement!: HTMLIxLayoutAutoElement;\n\n  /**\n   * Defines the layout of the form.\n   */\n  @Prop() layout: {\n    minWidth: string;\n    columns: number;\n  }[] = [\n    { minWidth: '0', columns: 1 },\n    { minWidth: '48em', columns: 2 },\n  ];\n\n  private mediaQueryList: {\n    mediaQuery: MediaQueryList;\n    layout: {\n      minWidth: string;\n      columns: number;\n    };\n  }[] = [];\n\n  private readonly observer = new MutationObserver(() =>\n    this.calculateGridTemplateColumns()\n  );\n\n  private readonly resizeObserver = new ResizeObserver(() => {\n    this.calculateGridTemplateColumns();\n  });\n\n  connectedCallback(): void {\n    this.observer.observe(this.hostElement, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['data-colspan'],\n    });\n    this.resizeObserver.observe(this.hostElement);\n\n    this.calculateGridTemplateColumns();\n  }\n\n  componentWillLoad(): void | Promise<void> {\n    this.calculateGridTemplateColumns();\n  }\n\n  disconnectedCallback(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n  }\n\n  @Watch('layout')\n  updateMediaQueryList() {\n    this.mediaQueryList = [];\n    this.layout.forEach((layout) => {\n      const mediaQuery = window.matchMedia(`(min-width: ${layout.minWidth})`);\n      this.mediaQueryList.push({\n        mediaQuery,\n        layout,\n      });\n    });\n  }\n\n  private parseNumber(number: string | null) {\n    if (!number) {\n      return 1;\n    }\n\n    const result = parseInt(number);\n    if (isNaN(result)) {\n      return 1;\n    }\n\n    return result;\n  }\n\n  private calculateGridTemplateColumns() {\n    this.updateMediaQueryList();\n\n    let layoutColumns = 1;\n    let columnSpacing = 'var(--ix-layout-grid-gap)';\n\n    this.mediaQueryList.forEach((mediaQuery) => {\n      if (mediaQuery.mediaQuery.matches) {\n        layoutColumns = mediaQuery.layout.columns;\n      }\n    });\n\n    let column = 0;\n    Array.from(\n      this.hostElement.children as HTMLCollectionOf<HTMLElement>\n    ).forEach((child) => {\n      let colspan = this.parseNumber(child.getAttribute('data-colspan'));\n      colspan = Math.min(colspan, layoutColumns);\n      const childRatio = colspan / layoutColumns;\n\n      child.style.width = `calc(${childRatio * 99.9}% - ${\n        1 - childRatio\n      } * ${columnSpacing})`;\n\n      if (column + colspan > layoutColumns) {\n        column = 0;\n      }\n\n      column = (column + colspan) % layoutColumns;\n    });\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\">\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgB,kO,MCWTC,EAAU,MALvB,WAAAC,CAAAC,G,UAWUC,KAAAC,OAGF,CACJ,CAAEC,SAAU,IAAKC,QAAS,GAC1B,CAAED,SAAU,OAAQC,QAAS,IAGvBH,KAAcI,eAMhB,GAEWJ,KAAAK,SAAW,IAAIC,kBAAiB,IAC/CN,KAAKO,iCAGUP,KAAAQ,eAAiB,IAAIC,gBAAe,KACnDT,KAAKO,8BAA8B,GA+FtC,CA5FC,iBAAAG,GACEV,KAAKK,SAASM,QAAQX,KAAKY,YAAa,CACtCC,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,kBAEpBhB,KAAKQ,eAAeG,QAAQX,KAAKY,aAEjCZ,KAAKO,8B,CAGP,iBAAAU,GACEjB,KAAKO,8B,CAGP,oBAAAW,GACE,GAAIlB,KAAKK,SAAU,CACjBL,KAAKK,SAASc,Y,CAGhB,GAAInB,KAAKQ,eAAgB,CACvBR,KAAKQ,eAAeW,Y,EAKxB,oBAAAC,GACEpB,KAAKI,eAAiB,GACtBJ,KAAKC,OAAOoB,SAASpB,IACnB,MAAMqB,EAAaC,OAAOC,WAAW,eAAevB,EAAOC,aAC3DF,KAAKI,eAAeqB,KAAK,CACvBH,aACArB,UACA,G,CAIE,WAAAyB,CAAYC,GAClB,IAAKA,EAAQ,CACX,OAAO,C,CAGT,MAAMC,EAASC,SAASF,GACxB,GAAIG,MAAMF,GAAS,CACjB,OAAO,C,CAGT,OAAOA,C,CAGD,4BAAArB,GACNP,KAAKoB,uBAEL,IAAIW,EAAgB,EACpB,IAAIC,EAAgB,4BAEpBhC,KAAKI,eAAeiB,SAASC,IAC3B,GAAIA,EAAWA,WAAWW,QAAS,CACjCF,EAAgBT,EAAWrB,OAAOE,O,KAKtC+B,MAAMC,KACJnC,KAAKY,YAAYwB,UACjBf,SAASgB,IACT,IAAIC,EAAUtC,KAAK0B,YAAYW,EAAME,aAAa,iBAClDD,EAAUE,KAAKC,IAAIH,EAASP,GAC5B,MAAMW,EAAaJ,EAAUP,EAE7BM,EAAMM,MAAMC,MAAQ,QAAQF,EAAa,WACvC,EAAIA,OACAV,IAAgB,G,CAU1B,MAAAa,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,aACTH,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

package/dist/siemens-ix/p-3edc7dd2.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["actionCardCss","IxActionCard","constructor","hostRef","this","variant","icon","undefined","selected","render","h","Host","key","class","name","size","heading","format","subheading"],"sources":["src/components/action-card/action-card.scss?tag=ix-action-card&encapsulation=shadow","src/components/action-card/action-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  min-width: 13.375rem;\n  width: 13.375rem;\n  height: 7.5rem;\n  min-height: 7.5rem;\n  cursor: pointer;\n\n  margin: 0.25rem 0;\n\n  ix-card {\n    width: 100%;\n    height: 100%;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\n\nexport type ActionCardVariant = CardVariant;\n\n/**\n * @since 1.6.0\n */\n@Component({\n  tag: 'ix-action-card',\n  styleUrl: 'action-card.scss',\n  shadow: true,\n})\nexport class IxActionCard {\n  /**\n   * Card variant\n   */\n  @Prop() variant: ActionCardVariant = 'outline';\n\n  /**\n   * Card icon\n   */\n  @Prop() icon: string | undefined = undefined;\n\n  /**\n   * Card heading\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Card subheading\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Card selection\n   */\n  @Prop() selected = false;\n\n  render() {\n    return (\n      <Host>\n        <ix-card\n          selected={this.selected}\n          variant={this.variant}\n          class={'pointer'}\n        >\n          <ix-card-content>\n            {this.icon ? (\n              <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n            ) : null}\n            <div>\n              {this.heading ? (\n                <ix-typography format=\"h4\">{this.heading}</ix-typography>\n              ) : null}\n              {this.subheading ? (\n                <ix-typography format=\"h5\">{this.subheading}</ix-typography>\n              ) : null}\n              <slot></slot>\n            </div>\n          </ix-card-content>\n        </ix-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,06B,MCsBTC,EAAY,MALzB,WAAAC,CAAAC,G,UASUC,KAAOC,QAAsB,UAK7BD,KAAIE,KAAuBC,UAe3BH,KAAQI,SAAG,KA4BpB,CA1BC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,2CACEJ,SAAUJ,KAAKI,SACfH,QAASD,KAAKC,QACdQ,MAAO,WAEPH,EAAA,mBAAAE,IAAA,4CACGR,KAAKE,KACJI,EAAS,WAAAG,MAAO,OAAQC,KAAMV,KAAKE,KAAMS,KAAK,OAC5C,KACJL,EAAA,OAAAE,IAAA,4CACGR,KAAKY,QACJN,EAAA,iBAAeO,OAAO,MAAMb,KAAKY,SAC/B,KACHZ,KAAKc,WACJR,EAAA,iBAAeO,OAAO,MAAMb,KAAKc,YAC/B,KACJR,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["textareaCss","Textarea","constructor","hostRef","this","value","required","disabled","readonly","resizeBehavior","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","textAreaRef","makeRef","touched","updateClassMappings","result","mapValidationResult","componentWillLoad","updateFormInternalValue","formInternals","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","render","h","Host","key","class","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","maxLength","slot","textColor","length","TextareaElement","minLength","textareaCols","textareaRows","textareaHeight","textareaWidth","placeholder","valueChange","emit","onBlur","onInputBlur","current","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/input/textarea.scss?tag=ix-textarea&encapsulation=shadow","src/components/input/textarea.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import './input.mixins.scss';\n\n@include input-field;\n\n@include host-valid;\n\n@include host-info {\n  textarea {\n    border-color: var(--theme-input--border-color--info);\n  }\n\n  textarea:hover {\n    border-color: var(--theme-input--border-color--info--hover) !important;\n  }\n\n  textarea:active {\n    border-color: var(--theme-input--border-color--info--active) !important;\n  }\n}\n\n@include host-warning {\n  textarea {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n\n  textarea:hover {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n\n  textarea:active {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n}\n\n@include host-invalid {\n  textarea {\n    background-color: var(--theme-input--background--invalid);\n    border-color: var(--theme-input--border-color--invalid) !important;\n  }\n\n  textarea:hover {\n    border-color: var(--theme-input--border-color--invalid--hover) !important;\n  }\n\n  textarea:active {\n    border-color: var(--theme-input--border-color--invalid--active) !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  h,\n} from '@stencil/core';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { TextareaElement } from './input.fc';\nimport { mapValidationResult, onInputBlur } from './input.util';\n\nexport type TextareaResizeBehavior =\n  | 'both'\n  | 'horizontal'\n  | 'vertical'\n  | 'none';\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Textarea implements IxInputFieldComponent<string> {\n  @Element() hostElement!: HTMLIxTextareaElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * The name of the textarea field.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * The placeholder text for the textarea field.\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * The value of the textarea field.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Determines if the textarea field is required.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Determines if the textarea field is disabled.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Determines if the textarea field is readonly.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * The helper text for the textarea field.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The info text for the textarea field.\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Determines if the text should be displayed as a tooltip.\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * The valid text for the textarea field.\n   */\n  @Prop() validText?: string;\n\n  /**\n   * The warning text for the textarea field.\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * The label for the textarea field.\n   */\n  @Prop({ reflect: true }) label?: string;\n\n  /**\n   * The error text for the textarea field.\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * The height of the textarea field (e.g. \"52px\").\n   */\n  @Prop() textareaHeight?: string;\n\n  /**\n   * The width of the textarea field (e.g. \"200px\").\n   */\n  @Prop() textareaWidth?: string;\n\n  /**\n   * The height of the textarea specified by number of rows.\n   */\n  @Prop() textareaRows?: number;\n\n  /**\n   * The width of the textarea specified by number of characters.\n   */\n  @Prop() textareaCols?: number;\n\n  /**\n   * Determines the resize behavior of the textarea field.\n   * Resizing can be enabled in one direction, both directions or completely disabled.\n   */\n  @Prop() resizeBehavior: TextareaResizeBehavior = 'both';\n\n  /**\n   * The maximum length of the textarea field.\n   */\n  @Prop() maxLength?: number;\n\n  /**\n   * The minimum length of the textarea field.\n   */\n  @Prop() minLength?: number;\n\n  /**\n   * Event emitted when the value of the textarea field changes.\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  /**\n   * Event emitted when the validity state of the textarea field changes.\n   */\n  @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n  /**\n   * Event emitted when the textarea field loses focus.\n   */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n  @State() isInvalidByRequired = false;\n\n  private readonly textAreaRef = makeRef<HTMLTextAreaElement>();\n  private touched = false;\n\n  @HookValidationLifecycle()\n  updateClassMappings(result: ValidationResults) {\n    mapValidationResult(this, result);\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue(this.value);\n  }\n\n  updateFormInternalValue(value: string) {\n    this.formInternals.setFormValue(value);\n    this.value = value;\n  }\n\n  /** @internal */\n  @Method()\n  async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return this.formInternals.form;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(!!this.value);\n  }\n\n  /**\n   * Get the native textarea element.\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLTextAreaElement> {\n    return this.textAreaRef.waitForCurrent();\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    return (await this.getNativeInputElement()).focus();\n  }\n\n  /**\n   * Check if the textarea field has been touched.\n   * @internal\n   * */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          required={this.required}\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          controlRef={this.textAreaRef}\n        >\n          {!!this.maxLength && this.maxLength > 0 && (\n            <ix-typography\n              class=\"bottom-text\"\n              slot=\"bottom-right\"\n              textColor=\"soft\"\n            >\n              {this.value.length}/{this.maxLength}\n            </ix-typography>\n          )}\n          <div class=\"input-wrapper\">\n            <TextareaElement\n              minLength={this.minLength}\n              maxLength={this.maxLength}\n              textareaCols={this.textareaCols}\n              textareaRows={this.textareaRows}\n              textareaHeight={this.textareaHeight}\n              textareaWidth={this.textareaWidth}\n              resizeBehavior={this.resizeBehavior}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              isInvalid={this.isInvalid}\n              required={this.required}\n              value={this.value}\n              placeholder={this.placeholder}\n              textAreaRef={this.textAreaRef}\n              valueChange={(value) => this.valueChange.emit(value)}\n              updateFormInternalValue={(value) =>\n                this.updateFormInternalValue(value)\n              }\n              onBlur={() => {\n                onInputBlur(this, this.textAreaRef.current);\n                this.touched = true;\n              }}\n            ></TextareaElement>\n          </div>\n        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"0RAAA,MAAMA,EAAc,22e,iXC8CPC,EAAQ,MANrB,WAAAC,CAAAC,G,uTAuB0CC,KAAKC,MAAW,GAK/BD,KAAQE,SAAY,MAKrCF,KAAQG,SAAY,MAKpBH,KAAQI,SAAY,MA6DpBJ,KAAcK,eAA2B,OA2BxCL,KAASM,UAAG,MACZN,KAAOO,QAAG,MACVP,KAAMQ,OAAG,MACTR,KAASS,UAAG,MACZT,KAAmBU,oBAAG,MAEdV,KAAWW,YAAGC,IACvBZ,KAAOa,QAAG,KAmHnB,CAhHC,mBAAAC,CAAoBC,GAClBC,EAAoBhB,KAAMe,E,CAG5B,iBAAAE,GACEjB,KAAKkB,wBAAwBlB,KAAKC,M,CAGpC,uBAAAiB,CAAwBjB,GACtBD,KAAKmB,cAAcC,aAAanB,GAChCD,KAAKC,MAAQA,C,CAKf,8BAAMoB,GACJ,OAAOrB,KAAKmB,cAAcG,I,CAK5B,aAAAC,GACE,OAAOC,QAAQC,UAAUzB,KAAKC,M,CAOhC,qBAAAyB,GACE,OAAO1B,KAAKW,YAAYgB,gB,CAO1B,gBAAMC,GACJ,aAAc5B,KAAK0B,yBAAyBG,O,CAQ9C,SAAAC,GACE,OAAON,QAAQC,QAAQzB,KAAKa,Q,CAG9B,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLhC,SAAUH,KAAKG,SACfC,SAAUJ,KAAKI,WAGjB4B,EAAA,oBAAAE,IAAA,2CACEhC,SAAUF,KAAKE,SACfkC,MAAOpC,KAAKoC,MACZC,WAAYrC,KAAKqC,WACjBC,YAAatC,KAAKsC,YAClBC,SAAUvC,KAAKuC,SACfC,YAAaxC,KAAKwC,YAClBC,UAAWzC,KAAKyC,UAChBC,kBAAmB1C,KAAK0C,kBACxBpC,UAAWN,KAAKM,UAChBC,QAASP,KAAKO,QACdC,OAAQR,KAAKQ,OACbC,UAAWT,KAAKS,UAChBkC,WAAY3C,KAAKW,eAEdX,KAAK4C,WAAa5C,KAAK4C,UAAY,GACpCZ,EACE,iBAAAE,IAAA,2CAAAC,MAAM,cACNU,KAAK,eACLC,UAAU,QAET9C,KAAKC,MAAM8C,OAAM,IAAG/C,KAAK4C,WAG9BZ,EAAK,OAAAE,IAAA,2CAAAC,MAAM,iBACTH,EAACgB,EACC,CAAAd,IAAA,2CAAAe,UAAWjD,KAAKiD,UAChBL,UAAW5C,KAAK4C,UAChBM,aAAclD,KAAKkD,aACnBC,aAAcnD,KAAKmD,aACnBC,eAAgBpD,KAAKoD,eACrBC,cAAerD,KAAKqD,cACpBhD,eAAgBL,KAAKK,eACrBD,SAAUJ,KAAKI,SACfD,SAAUH,KAAKG,SACfG,UAAWN,KAAKM,UAChBJ,SAAUF,KAAKE,SACfD,MAAOD,KAAKC,MACZqD,YAAatD,KAAKsD,YAClB3C,YAAaX,KAAKW,YAClB4C,YAActD,GAAUD,KAAKuD,YAAYC,KAAKvD,GAC9CiB,wBAA0BjB,GACxBD,KAAKkB,wBAAwBjB,GAE/BwD,OAAQ,KACNC,EAAY1D,KAAMA,KAAKW,YAAYgD,SACnC3D,KAAKa,QAAU,IAAI,M,4EAxGjC+C,EAAA,CADCC,KAGAhE,EAAAiE,UAAA,4B","ignoreList":[]}

package/dist/siemens-ix/p-518b1e6b.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,H as o}from"./p-BNpBEtDH.js";const a=":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";const s=class{constructor(i){t(this,i);this.timeChange=e(this,"timeChange",7);this.dateChange=e(this,"dateChange",7);this.dateSelect=e(this,"dateSelect",7);this.range=true;this.showHour=true;this.showMinutes=true;this.showSeconds=true;this.dateFormat="yyyy/LL/dd";this.timeFormat="HH:mm:ss";this.showTimeReference=false;this.i18nDone="Done";this.i18nTime="Time";this.weekStartIndex=0;this.showWeekNumbers=false}async onDone(){var t,e,i,o;const a=await((t=this.datePickerElement)===null||t===void 0?void 0:t.getCurrentDate());const s=await((e=this.timePickerElement)===null||e===void 0?void 0:e.getCurrentTime());this.dateSelect.emit({from:(i=a===null||a===void 0?void 0:a.from)!==null&&i!==void 0?i:"",to:(o=a===null||a===void 0?void 0:a.to)!==null&&o!==void 0?o:"",time:s!==null&&s!==void 0?s:""})}async onDateChange(t){t.preventDefault();t.stopPropagation();const{detail:e}=t;this.dateChange.emit(e)}async onTimeChange(t){t.preventDefault();t.stopPropagation();const{detail:e}=t;this.timeChange.emit(e)}render(){return i(o,{key:"dd665870ff9bffac05640617ded60ca70bfb4060"},i("ix-layout-grid",{key:"b67a7dfbfad4383ece3a69c6da13c2fd76a48d60",class:"no-padding"},i("ix-row",{key:"7e5f0d44bdb53dd28ceb5d2389f389d582d2a7d4"},i("ix-col",{key:"aa9c25a9dc54da2d99f486c127980105287bfb0c"},i("ix-date-picker",{key:"0627d2e1c77a29fec14cc79fea96945626881313",ref:t=>this.datePickerElement=t,corners:"left",range:this.range,onDateChange:t=>this.onDateChange(t),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,weekStartIndex:this.weekStartIndex,standaloneAppearance:false,locale:this.locale,showWeekNumbers:this.showWeekNumbers})),i("ix-col",{key:"86804434e7b28a88011f93a37f33ed01cc9699d7"},i("ix-time-picker",{key:"b68dd97d4d0fbbdc1e52f72c27eb975f52a60402",class:"min-width",ref:t=>this.timePickerElement=t,standaloneAppearance:false,showHour:this.showHour,showMinutes:this.showMinutes,showSeconds:this.showSeconds,onTimeChange:t=>this.onTimeChange(t),format:this.timeFormat,textTime:this.i18nTime,time:this.time}),i("div",{key:"d2d929c1c7bcca8326d2b7d1ba94ffb1be7f5b39",class:"btn-select-date-container"},i("ix-button",{key:"5052d32b58dfaafb5e5f0038df5ea8aa3c1752e3",class:"btn-select-date",onClick:()=>this.onDone()},this.i18nDone))))))}};s.style=a;export{s as ix_datetime_picker};
-//# sourceMappingURL=p-518b1e6b.entry.js.map

package/dist/siemens-ix/p-575b3137.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["selectCss","Select","constructor","hostRef","this","required","value","allowClear","mode","editable","disabled","readonly","i18nPlaceholder","i18nPlaceholderEditable","i18nSelectListHeader","i18nNoMatches","hideListHeader","dropdownShow","selectedLabels","isDropdownEmpty","inputFilterText","inputValue","isInvalid","isValid","isInfo","isWarning","dropdownWrapperRef","makeRef","dropdownAnchorRef","inputRef","touched","itemObserver","createMutationObserver","arrowFocusController","items","visibleNonShadowItems","focusControllerCallbackBind","focusDropdownItem","bind","nonShadowItems","Array","from","hostElement","querySelectorAll","filter","item","classList","contains","shadowItems","shadowRoot","visibleShadowItems","visibleItems","selectedItems","selected","addItemButton","querySelector","isSingleMode","isMultipleMode","isEveryDropdownItemHidden","every","watchValue","updateSelection","watchDropdownShow","show","dropdownElement","observe","childList","subtree","cleanupResources","_a","disconnect","undefined","_b","onItemClicked","event","newId","detail","itemClick","updateFormInternalValue","isArray","formInternals","setFormValue","join","hasValidValue","hasValue","length","index","navigationItem","nestedDropdownItem","requestAnimationFrame","focus","oldValue","toggleValue","defaultPrevented","emitValueChange","emitAddItem","trim","addItem","emit","newItem","document","createElement","label","customItemsContainerElement","appendChild","clearInput","itemValue","includes","ids","forEach","some","i","toString","map","inputElement","valueChange","componentDidLoad","addEventListener","inputChange","componentWillLoad","componentDidRender","ArrowFocusController","wrap","isAddItemVisible","onLabelChange","preventDefault","stopImmediatePropagation","disconnectedCallback","itemExists","find","dropdownVisibilityChanged","select","removeHiddenFromItems","onKeyDown","code","onArrowNavigation","onEnterNavigation","target","el","itemLabel","key","stopPropagation","activeElement","applyFocusTo","shift","focusAddItemButton","moveUp","indexNonShadow","indexOf","pop","addItemElement","getDropdownItemElement","indexShadow","element","setTimeout","_d","_c","filterItemsWithTypeahead","remove","toLowerCase","add","clear","onInputBlur","ixBlur","placeholderValue","onValidationChange","isInvalidByRequired","getAssociatedFormElement","form","getNativeInputElement","Promise","resolve","reject","Error","focusInput","isTouched","render","h","Host","a11yBoolean","class","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","ref","onCloseClick","e","autocomplete","readOnly","type","placeholder","onBlur","onFocus","onInput","icon","iconClear","ghost","oval","size","onClick","iconChevronDownSmall","closeBehavior","anchor","waitForCurrent","trigger","onShowChanged","placement","overwriteDropdownStyle","async","styleOverwrites","minWidth","getBoundingClientRect","width","dropdownWidth","dropdownMaxWidth","maxWidth","hidden","title","onSlotchange","iconPlus","onItemClick","__decorate","OnListener","self","prototype","HookValidationLifecycle"],"sources":["src/components/select/select.scss?tag=ix-select&encapsulation=shadow","src/components/select/select.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'mixins/field';\n@import 'mixins/validation/form-component';\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n  min-height: 2rem;\n  height: auto;\n  border-radius: var(--theme-input--border-radius);\n\n  .display-none {\n    display: none;\n  }\n\n  .select {\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    background-color: var(--theme-input--background);\n    border: var(--theme-input--border-thickness) solid\n      var(--theme-input--border-color);\n    border-radius: var(--theme-input--border-radius);\n    padding: 0 0 0 $small-space;\n    box-shadow: var(--theme-inset-shadow-1) !important;\n\n    @include hover {\n      background-color: var(--theme-input--background--hover);\n      border-color: var(--theme-input--border-color--hover);\n    }\n\n    &:focus-within {\n      background-color: var(--theme-input--background--focus);\n      border-color: var(--theme-input--border-color--focus);\n      outline: 1px solid #119fff;\n      outline-offset: var(--theme-input--focus--outline-offset);\n    }\n  }\n\n  .select.readonly,\n  .select.disabled {\n    box-shadow: none !important;\n    border: none;\n    border-radius: 0;\n    cursor: pointer;\n\n    &,\n    &:hover,\n    &:active {\n      background-color: transparent !important;\n    }\n\n    &:focus,\n    &:focus-within,\n    &:focus-visible {\n      outline: none;\n    }\n\n    input:focus,\n    input:focus-visible {\n      outline: none;\n    }\n  }\n\n  .select.disabled {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-weak-bdr);\n\n    input {\n      color: var(--theme-color-weak-text);\n    }\n  }\n\n  .select.readonly {\n    border-bottom: var(--theme-input--border-thickness) solid\n      var(--theme-color-soft-bdr);\n\n    input {\n      color: var(--theme-color-std-text);\n    }\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .trigger {\n    display: flex;\n    align-items: center;\n    flex-grow: 1;\n    height: 100%;\n  }\n\n  .input-container {\n    display: flex;\n    position: relative;\n    align-items: flex-start;\n    width: 100%;\n    height: 100%;\n\n    .chips {\n      position: relative;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      height: 100%;\n      max-height: 3.5rem;\n      flex-grow: 1;\n      overflow-y: auto;\n\n      > ix-filter-chip {\n        margin: 0.1rem;\n      }\n    }\n\n    ix-icon-button {\n      height: 1.875rem;\n      width: 1.875rem;\n      min-height: 1.875rem;\n      min-width: 1.875rem;\n    }\n\n    input {\n      @include ellipsis;\n      @include text-default;\n      background: transparent;\n      height: 1.75rem;\n      width: 100%;\n\n      &,\n      &:hover,\n      &:focus-visible {\n        border: none;\n        outline: none;\n      }\n\n      &::placeholder {\n        color: var(--theme-input-select-icon--color);\n      }\n\n      &.hide-placeholder::placeholder {\n        opacity: 0;\n      }\n    }\n  }\n\n  ix-dropdown {\n    max-width: 100%;\n  }\n\n  .dropdown-visible {\n    --ix-icon-button-color: var(--theme-color-dynamic--hover);\n  }\n\n  .add-item {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    width: 100%;\n  }\n\n  .select-list-header {\n    @include ellipsis;\n    display: flex;\n    align-items: center;\n    height: $default-control-height;\n    color: var(--theme-select-list-item-hint--color);\n    margin: 0 $small-space 0 1rem;\n  }\n}\n\n\n\n@include host-valid;\n\n@include host-info {\n  .select {\n    border-color: var(--theme-input--border-color--info);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--info--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--info--active) !important;\n  }\n}\n\n@include host-warning {\n  .select {\n    border-color: var(--theme-input--border-color--warning);\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--warning--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--warning--active) !important;\n  }\n}\n\n@include host-invalid {\n  .select {\n    border-color: var(--theme-input--border-color--invalid);\n    background-color: var(--theme-input--background--invalid);\n    box-shadow: none;\n  }\n\n  .select:hover {\n    border-color: var(--theme-input--border-color--invalid--hover) !important;\n  }\n\n  .select:active {\n    border-color: var(--theme-input--border-color--invalid--active) !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  iconChevronDownSmall,\n  iconClear,\n  iconPlus,\n} from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DropdownItemWrapper } from '../dropdown/dropdown-controller';\nimport { IxSelectItemLabelChangeEvent } from '../select-item/events';\nimport { a11yBoolean } from '../utils/a11y';\nimport { ArrowFocusController } from '../utils/focus';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { OnListener } from '../utils/listener';\nimport { makeRef } from '../utils/make-ref';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n/**\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-select',\n  styleUrl: 'select.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Select implements IxInputFieldComponent<string | string[]> {\n  @Element() hostElement!: HTMLIxSelectElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * A string that represents the element's name attribute,\n   * containing a name that identifies the element when submitting the form.\n   *\n   * @since 2.6.0\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * A Boolean attribute indicating that an option with a non-empty string value must be selected\n   *\n   * @since 2.6.0\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Label for the select component\n   *\n   * @since 2.6.0\n   */\n  @Prop() label?: string;\n\n  /**\n   * Warning text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() warningText?: string;\n\n  /**\n   * Info text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() infoText?: string;\n\n  /**\n   * Error text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() invalidText?: string;\n\n  /**\n   * Valid text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() validText?: string;\n\n  /**\n   * Helper text for the select component\n   *\n   * @since 2.6.0\n   **/\n  @Prop() helperText?: string;\n\n  /**\n   * Show helper, error, info, warning text as tooltip\n   *\n   * @since 2.6.0\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Current selected value.\n   * This corresponds to the value property of ix-select-items\n   * @since 2.0.0\n   */\n  @Prop({ mutable: true }) value: string | string[] = [];\n\n  /**\n   * Show clear button\n   */\n  @Prop() allowClear = false;\n\n  /**\n   * Selection mode\n   */\n  @Prop() mode: 'single' | 'multiple' = 'single';\n\n  /**\n   * Select is extendable\n   */\n  @Prop() editable = false;\n\n  /**\n   * If true the select will be in disabled state\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the select will be in readonly mode\n   */\n  @Prop() readonly = false;\n\n  /**\n   * Input field placeholder\n   */\n  @Prop() i18nPlaceholder = 'Select an option';\n\n  /**\n   * Input field placeholder for editable select\n   */\n  @Prop() i18nPlaceholderEditable = 'Type of select option';\n\n  /**\n   * Select list header\n   */\n  @Prop() i18nSelectListHeader = 'Select an option';\n\n  /**\n   * Information inside of dropdown if no items where found with current filter text\n   *\n   * @since 1.5.0\n   */\n  @Prop() i18nNoMatches = 'No matches';\n\n  /**\n   * Hide list header\n   *\n   * @since 1.5.0\n   */\n  @Prop() hideListHeader = false;\n\n  /**\n   * The width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   *\n   * @since 2.7.0\n   */\n  @Prop() dropdownWidth?: string;\n\n  /**\n   * The maximum width of the dropdown element with value and unit (e.g. \"200px\" or \"12.5rem\").\n   * By default the maximum width of the dropdown element is set to 100%.\n   *\n   * @since 2.7.0\n   *\n   */\n  @Prop() dropdownMaxWidth?: string;\n\n  /**\n   * Value changed\n   * @since 2.0.0\n   */\n  @Event() valueChange!: EventEmitter<string | string[]>;\n\n  /**\n   * Event dispatched whenever the text input changes.\n   *\n   * @since 2.0.0\n   */\n  @Event() inputChange!: EventEmitter<string>;\n\n  /**\n   * Item added to selection\n   */\n  @Event() addItem!: EventEmitter<string>;\n\n  /**\n   * Blur input\n   */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() dropdownShow = false;\n  @State() selectedLabels: (string | undefined)[] = [];\n  @State() isDropdownEmpty = false;\n  @State() navigationItem?: DropdownItemWrapper;\n  @State() inputFilterText = '';\n  @State() inputValue = '';\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n\n  private readonly dropdownWrapperRef = makeRef<HTMLElement>();\n  private readonly dropdownAnchorRef = makeRef<HTMLElement>();\n  private readonly inputRef = makeRef<HTMLInputElement>();\n\n  private inputElement?: HTMLInputElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n  private customItemsContainerElement?: HTMLDivElement;\n  private addItemElement?: HTMLIxDropdownItemElement;\n  private arrowFocusController?: ArrowFocusController;\n\n  private touched = false;\n\n  private readonly itemObserver = createMutationObserver(() => {\n    if (!this.arrowFocusController) {\n      return;\n    }\n    this.arrowFocusController.items = this.visibleNonShadowItems;\n  });\n  private readonly focusControllerCallbackBind =\n    this.focusDropdownItem.bind(this);\n\n  get nonShadowItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-select-item'));\n  }\n\n  get visibleNonShadowItems() {\n    return this.nonShadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get shadowItems() {\n    return Array.from(\n      this.hostElement.shadowRoot!.querySelectorAll('ix-select-item')\n    );\n  }\n\n  get visibleShadowItems() {\n    return this.shadowItems.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get items() {\n    return [...this.nonShadowItems, ...this.shadowItems];\n  }\n\n  get visibleItems() {\n    return this.items.filter(\n      (item) => !item.classList.contains('display-none')\n    );\n  }\n\n  get selectedItems() {\n    return this.items.filter((item) => item.selected);\n  }\n\n  get addItemButton() {\n    return this.hostElement.shadowRoot!.querySelector('.add-item');\n  }\n\n  get isSingleMode() {\n    return this.mode === 'single';\n  }\n\n  get isMultipleMode() {\n    return this.mode === 'multiple';\n  }\n\n  get isEveryDropdownItemHidden() {\n    return this.items.every((item) => item.classList.contains('display-none'));\n  }\n\n  @Watch('value')\n  watchValue(value: string | string[]) {\n    this.value = value;\n    this.updateSelection();\n  }\n\n  @Watch('dropdownShow')\n  watchDropdownShow(show: boolean) {\n    if (show && this.dropdownElement) {\n      this.itemObserver.observe(this.dropdownElement, {\n        childList: true,\n        subtree: true,\n      });\n    } else {\n      this.cleanupResources();\n    }\n  }\n\n  private cleanupResources() {\n    this.arrowFocusController?.disconnect();\n    this.arrowFocusController = undefined;\n    this.itemObserver?.disconnect();\n  }\n\n  @Listen('itemClick')\n  onItemClicked(event: CustomEvent<string>) {\n    const newId = event.detail;\n    this.itemClick(newId);\n  }\n\n  updateFormInternalValue(value: string | string[]) {\n    if (Array.isArray(value)) {\n      this.formInternals.setFormValue(value.join(','));\n    } else {\n      this.formInternals.setFormValue(value);\n    }\n  }\n\n  /** @internal */\n  @Method()\n  async hasValidValue(): Promise<boolean> {\n    return this.required && !!this.hasValue();\n  }\n\n  private hasValue() {\n    if (Array.isArray(this.value)) {\n      return !!this.value.length;\n    }\n\n    return !!this.value;\n  }\n\n  private focusDropdownItem(index: number) {\n    this.navigationItem = undefined;\n\n    if (index < this.visibleNonShadowItems.length) {\n      const nestedDropdownItem =\n        this.visibleNonShadowItems[index]?.shadowRoot?.querySelector(\n          'ix-dropdown-item'\n        );\n\n      if (!nestedDropdownItem) {\n        return;\n      }\n\n      requestAnimationFrame(() => {\n        nestedDropdownItem?.shadowRoot?.querySelector('button')?.focus();\n      });\n    }\n  }\n\n  private itemClick(newId: string) {\n    const oldValue = this.value;\n    const value = this.toggleValue(newId);\n    this.value = value;\n    const defaultPrevented = this.emitValueChange(value);\n\n    if (defaultPrevented) {\n      this.value = oldValue;\n      return;\n    }\n\n    this.updateSelection();\n  }\n\n  private emitAddItem(value: string) {\n    if (value === undefined || value.trim() === '') {\n      return false;\n    }\n\n    const { defaultPrevented } = this.addItem.emit(value);\n    if (defaultPrevented) {\n      return true;\n    }\n\n    const newItem = document.createElement('ix-select-item');\n    newItem.value = value;\n    newItem.label = value;\n\n    this.customItemsContainerElement?.appendChild(newItem);\n\n    this.clearInput();\n    this.itemClick(value);\n\n    return false;\n  }\n\n  private toggleValue(itemValue: string) {\n    if (!this.isMultipleMode) {\n      return itemValue;\n    }\n\n    if (!this.value) {\n      return [itemValue];\n    }\n\n    let value = this.value;\n\n    if (!Array.isArray(value)) {\n      value = [value];\n    }\n\n    if (value.includes(itemValue)) {\n      return value.filter((value) => value !== itemValue);\n    } else {\n      return [...value, itemValue];\n    }\n  }\n\n  private updateSelection() {\n    let ids: string[] = [];\n\n    if (this.value) {\n      ids = Array.isArray(this.value) ? [...this.value] : [this.value];\n    }\n\n    this.items.forEach((item) => {\n      item.selected = ids.some((i) => {\n        if (typeof i !== typeof item.value) {\n          return i.toString() === item.value.toString();\n        } else {\n          return i === item.value;\n        }\n      });\n    });\n\n    this.selectedLabels = this.selectedItems.map((item) => item.label);\n\n    if (this.selectedLabels?.length && this.isSingleMode) {\n      this.inputValue = this.selectedLabels[0] ?? '';\n    } else {\n      this.inputValue = '';\n    }\n\n    this.inputElement && (this.inputElement.value = this.inputValue);\n  }\n\n  private emitValueChange(value: string | string[]) {\n    const { defaultPrevented } = this.valueChange.emit(value);\n\n    if (defaultPrevented) {\n      return true;\n    }\n\n    this.updateFormInternalValue(value);\n    return false;\n  }\n\n  componentDidLoad() {\n    this.inputElement?.addEventListener('input', () => {\n      this.dropdownShow = true;\n      this.inputChange.emit(this.inputElement?.value);\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSelection();\n    this.updateFormInternalValue(this.value);\n  }\n\n  componentDidRender(): void {\n    if (\n      !this.dropdownShow ||\n      this.arrowFocusController ||\n      !this.dropdownElement\n    ) {\n      return;\n    }\n\n    this.arrowFocusController = new ArrowFocusController(\n      this.visibleNonShadowItems,\n      this.dropdownElement,\n      this.focusControllerCallbackBind\n    );\n\n    this.arrowFocusController.wrap =\n      !this.isAddItemVisible() && !this.visibleShadowItems.length;\n  }\n\n  @Listen('ix-select-item:valueChange')\n  @Listen('ix-select-item:labelChange')\n  onLabelChange(event: IxSelectItemLabelChangeEvent) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n    this.updateSelection();\n  }\n\n  disconnectedCallback() {\n    this.cleanupResources();\n  }\n\n  private itemExists(item: string | undefined) {\n    return this.items.find((i) => i.label === item);\n  }\n\n  private dropdownVisibilityChanged(event: CustomEvent<boolean>) {\n    this.dropdownShow = event.detail;\n\n    if (event.detail) {\n      this.inputElement?.focus();\n      this.inputElement?.select();\n\n      this.removeHiddenFromItems();\n      this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n    } else {\n      this.navigationItem = undefined;\n      this.updateSelection();\n      this.inputFilterText = '';\n    }\n  }\n\n  @OnListener<Select>('keydown', (self) => self.dropdownShow)\n  async onKeyDown(event: KeyboardEvent) {\n    if (event.code === 'ArrowDown' || event.code === 'ArrowUp') {\n      await this.onArrowNavigation(event, event.code);\n    }\n\n    if (!this.dropdownShow) {\n      return;\n    }\n\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      await this.onEnterNavigation(event.target as HTMLIxSelectItemElement);\n    }\n\n    if (event.code === 'Escape') {\n      this.dropdownShow = false;\n    }\n  }\n\n  private async onEnterNavigation(\n    el: HTMLIxSelectItemElement | HTMLInputElement\n  ) {\n    if (this.isMultipleMode) {\n      return;\n    }\n    const itemLabel = (el as HTMLIxSelectItemElement)?.label;\n    const item = this.itemExists(this.inputFilterText);\n\n    if (item) {\n      this.itemClick(item.value);\n    } else if (this.editable && !this.itemExists(itemLabel)) {\n      const defaultPrevented = this.emitAddItem(this.inputFilterText);\n      if (defaultPrevented) {\n        return;\n      }\n    }\n\n    this.dropdownShow = false;\n    this.updateSelection();\n  }\n\n  private async onArrowNavigation(\n    event: KeyboardEvent,\n    key: 'ArrowDown' | 'ArrowUp'\n  ) {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    this.dropdownShow = true;\n\n    if (!this.navigationItem && document.activeElement === this.hostElement) {\n      if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    const moveUp = key === 'ArrowUp';\n    const indexNonShadow = document.activeElement\n      ? this.visibleNonShadowItems.indexOf(\n          document.activeElement as HTMLIxSelectItemElement\n        )\n      : -1;\n\n    // Slotted select items\n    if (indexNonShadow === 0) {\n      if (!this.visibleShadowItems.length && this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      } else {\n        this.applyFocusTo(this.visibleShadowItems.pop());\n      }\n      return;\n    } else if (\n      indexNonShadow !== -1 &&\n      indexNonShadow === this.visibleNonShadowItems.length - 1\n    ) {\n      if (this.visibleShadowItems.length) {\n        this.applyFocusTo(this.visibleShadowItems.shift());\n      } else if (this.isAddItemVisible()) {\n        this.focusAddItemButton();\n      }\n      return;\n    }\n\n    if (!this.navigationItem) {\n      return;\n    }\n\n    if (\n      this.isAddItemVisible() &&\n      this.addItemElement?.contains(\n        await this.navigationItem.getDropdownItemElement()\n      )\n    ) {\n      if (moveUp) {\n        this.applyFocusTo(this.visibleItems.pop());\n      } else if (this.visibleItems.length) {\n        this.applyFocusTo(this.visibleItems.shift());\n      }\n      return;\n    }\n\n    // Custom select items\n    const indexShadow = this.visibleShadowItems.indexOf(\n      this.navigationItem as HTMLIxSelectItemElement\n    );\n\n    if (moveUp) {\n      if (indexShadow === 0) {\n        if (this.visibleNonShadowItems.length) {\n          this.applyFocusTo(this.visibleNonShadowItems.pop());\n        } else if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow - 1]);\n      }\n    } else {\n      if (indexShadow === this.visibleShadowItems.length - 1) {\n        if (this.isAddItemVisible()) {\n          this.focusAddItemButton();\n        } else {\n          this.applyFocusTo(this.visibleItems.shift());\n        }\n      } else {\n        this.applyFocusTo(this.visibleShadowItems[indexShadow + 1]);\n      }\n    }\n  }\n\n  private applyFocusTo(element?: HTMLIxSelectItemElement) {\n    if (!element) {\n      return;\n    }\n\n    this.navigationItem = element;\n\n    setTimeout(() => {\n      element.shadowRoot\n        ?.querySelector('ix-dropdown-item')\n        ?.shadowRoot?.querySelector('button')\n        ?.focus();\n    });\n  }\n\n  private focusAddItemButton() {\n    if (this.addItemButton) {\n      this.addItemButton.shadowRoot?.querySelector('button')?.focus();\n      this.navigationItem = this.addItemElement;\n    }\n  }\n\n  private filterItemsWithTypeahead() {\n    this.inputFilterText = this.inputElement?.value.trim() ?? '';\n\n    if (this.isSingleMode && this.inputFilterText === this.selectedLabels[0]) {\n      return;\n    }\n\n    if (this.inputFilterText) {\n      this.items.forEach((item) => {\n        item.classList.remove('display-none');\n        if (\n          !item.label\n            ?.toLowerCase()\n            .includes(this.inputFilterText.toLowerCase())\n        ) {\n          item.classList.add('display-none');\n        }\n      });\n    } else {\n      this.removeHiddenFromItems();\n    }\n\n    if (this.arrowFocusController) {\n      this.arrowFocusController.items = this.visibleNonShadowItems;\n    }\n\n    this.isDropdownEmpty = this.isEveryDropdownItemHidden;\n  }\n\n  private removeHiddenFromItems() {\n    this.items.forEach((item) => {\n      item.classList.remove('display-none');\n    });\n  }\n\n  private clearInput() {\n    if (this.inputElement) {\n      this.inputElement.value = '';\n    }\n    this.inputFilterText = '';\n  }\n\n  private clear() {\n    this.clearInput();\n    this.selectedLabels = [];\n    this.value = [];\n    this.emitValueChange([]);\n    this.dropdownShow = false;\n  }\n\n  private onInputBlur(event: Event) {\n    this.ixBlur.emit();\n    this.touched = true;\n\n    if (this.editable) {\n      return;\n    }\n\n    if (this.isSingleMode) {\n      return;\n    }\n\n    const target = event.target as HTMLInputElement;\n\n    if (!this.dropdownShow && this.mode !== 'multiple') {\n      target.value = this.selectedLabels.toString();\n    }\n  }\n\n  private placeholderValue() {\n    if (this.disabled) {\n      return '';\n    }\n\n    if (this.readonly) {\n      return '';\n    }\n\n    if (this.editable) {\n      return this.i18nPlaceholderEditable;\n    }\n\n    return this.i18nPlaceholder;\n  }\n\n  private isAddItemVisible() {\n    return (\n      !this.itemExists(this.inputFilterText) &&\n      this.editable &&\n      this.inputFilterText\n    );\n  }\n\n  @HookValidationLifecycle()\n  onValidationChange({\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isInfo,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n    this.isInfo = isInfo;\n  }\n\n  /** @internal */\n  @Method()\n  async getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return this.formInternals.form;\n  }\n\n  /**\n   * Returns the native input element used in the component.\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    if (this.inputElement) {\n      return Promise.resolve(this.inputElement);\n    } else {\n      return Promise.reject(new Error('Input element not found'));\n    }\n  }\n\n  /**\n   * Focuses the input field\n   */\n  @Method()\n  async focusInput(): Promise<void> {\n    const inputElement = await this.getNativeInputElement();\n    if (inputElement) {\n      inputElement.focus();\n    }\n  }\n\n  /**\n   * Check if the input field has been touched.\n   * @internal\n   * */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host\n        aria-disabled={a11yBoolean(this.disabled)}\n        class={{\n          disabled: this.disabled,\n        }}\n      >\n        <ix-field-wrapper\n          required={this.required}\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          warningText={this.warningText}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          controlRef={this.inputRef}\n        >\n          <div\n            class={{\n              select: true,\n              disabled: this.disabled,\n              readonly: this.readonly,\n            }}\n            ref={(ref) => {\n              this.dropdownAnchorRef(ref);\n              if (!this.editable) this.dropdownWrapperRef(ref);\n            }}\n          >\n            <div class=\"input-container\">\n              <div class=\"chips\">\n                {this.isMultipleMode\n                  ? this.selectedItems?.map((item) => (\n                      <ix-filter-chip\n                        disabled={this.disabled || this.readonly}\n                        key={item.value}\n                        onCloseClick={(e) => {\n                          e.preventDefault();\n                          e.stopPropagation();\n                          this.itemClick(item.value);\n                        }}\n                      >\n                        {item.label}\n                      </ix-filter-chip>\n                    ))\n                  : ''}\n                <div class=\"trigger\">\n                  <input\n                    autocomplete=\"off\"\n                    data-testid=\"input\"\n                    disabled={this.disabled}\n                    readOnly={this.readonly}\n                    required={this.required}\n                    type=\"text\"\n                    class={{\n                      'allow-clear':\n                        this.allowClear && !!this.selectedLabels?.length,\n                    }}\n                    placeholder={this.placeholderValue()}\n                    value={this.inputValue ?? ''}\n                    ref={(ref) => {\n                      this.inputElement = ref;\n                      this.inputRef(ref);\n                    }}\n                    onBlur={(e) => this.onInputBlur(e)}\n                    onFocus={() => {\n                      this.navigationItem = undefined;\n                    }}\n                    onInput={() => this.filterItemsWithTypeahead()}\n                    onKeyDown={(e) => this.onKeyDown(e)}\n                  />\n                  {this.allowClear &&\n                  !this.disabled &&\n                  !this.readonly &&\n                  (this.selectedLabels?.length || this.inputFilterText) ? (\n                    <ix-icon-button\n                      key=\"clear\"\n                      class=\"clear\"\n                      icon={iconClear}\n                      ghost\n                      oval\n                      size=\"16\"\n                      onClick={(e) => {\n                        e.preventDefault();\n                        e.stopPropagation();\n                        this.clear();\n                      }}\n                    />\n                  ) : null}\n                  {this.disabled || this.readonly ? null : (\n                    <ix-icon-button\n                      data-select-dropdown\n                      key=\"dropdown\"\n                      class={{ 'dropdown-visible': this.dropdownShow }}\n                      icon={iconChevronDownSmall}\n                      ghost\n                      ref={(ref) => {\n                        if (this.editable) this.dropdownWrapperRef(ref);\n                      }}\n                    ></ix-icon-button>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </ix-field-wrapper>\n        <ix-dropdown\n          ref={(ref) => (this.dropdownElement = ref!)}\n          show={this.dropdownShow}\n          closeBehavior={this.isMultipleMode ? 'outside' : 'both'}\n          class={{\n            'display-none': this.disabled || this.readonly,\n          }}\n          anchor={this.dropdownAnchorRef.waitForCurrent()}\n          trigger={this.dropdownWrapperRef.waitForCurrent()}\n          onShowChanged={(e) => this.dropdownVisibilityChanged(e)}\n          placement=\"bottom-start\"\n          overwriteDropdownStyle={async () => {\n            const styleOverwrites: Partial<CSSStyleDeclaration> = {};\n\n            const minWidth = this.hostElement.shadowRoot\n              ?.querySelector('.select')\n              ?.getBoundingClientRect().width;\n\n            if (minWidth) {\n              styleOverwrites.minWidth = `${minWidth}px`;\n            }\n\n            if (this.dropdownWidth) {\n              styleOverwrites.width = `min(${this.dropdownWidth}, 100%)`;\n            }\n\n            if (this.dropdownMaxWidth) {\n              styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;\n            }\n\n            return styleOverwrites;\n          }}\n        >\n          <div\n            class={{\n              'select-list-header': true,\n              hidden: this.hideListHeader || this.isDropdownEmpty,\n            }}\n            title={this.i18nSelectListHeader}\n            onClick={(e) => e.preventDefault()}\n          >\n            {this.i18nSelectListHeader}\n          </div>\n          <slot\n            onSlotchange={() => {\n              this.updateSelection();\n            }}\n          ></slot>\n          <div ref={(ref) => (this.customItemsContainerElement = ref!)}></div>\n          {this.isAddItemVisible() ? (\n            <ix-dropdown-item\n              data-testid=\"add-item\"\n              icon={iconPlus}\n              class={{\n                'add-item': true,\n              }}\n              label={this.inputFilterText}\n              onItemClick={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                this.emitAddItem(this.inputFilterText);\n              }}\n              onFocus={() => (this.navigationItem = this.addItemElement)}\n              ref={(ref) => {\n                this.addItemElement = ref!;\n              }}\n            ></ix-dropdown-item>\n          ) : null}\n          {this.isDropdownEmpty && !this.editable ? (\n            <div class=\"select-list-header\">{this.i18nNoMatches}</div>\n          ) : (\n            ''\n          )}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-576fade1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["paneCss","Pane","constructor","hostRef","this","variant","hideOnCollapse","size","borderless","expanded","composition","ignoreLayoutSettings","isMobile","expandIcon","showContent","minimizeIcon","floating","parentWidthPx","parentHeightPx","animations","Map","animationCounter","currentSlot","hostElement","getAttribute","isBottomTopPane","isLeftRightPane","isMobileTop","componentWillLoad","setIcons","onParentSizeChange","matchBreakpoint","applicationLayoutService","onChange","on","setPosition","mutationObserver","MutationObserver","mutations","forEach","mutation","type","attributeName","newSlot","oldSlot","oldValue","slotChanged","emit","slot","observe","attributes","attributeOldValue","parentElement","resizeObserver","ResizeObserver","entries","borderBoxSize","inlineSize","blockSize","disconnectedCallback","_a","disconnect","_b","value","validPositions","includes","getExpandPaneSize","expandPaneSize","referenceValue","Math","round","currentValue","Number","replace","getIconNames","iconDoubleChevronUp","iconDoubleChevronLeft","iconDoubleChevronDown","iconDoubleChevronRight","getKey","toString","animateVerticalFadeIn","key","animation","anime","targets","duration","Animation","mediumTime","width","easing","delay","begin","animateVerticalPadding","complete","delete","set","animateHorizontalFadeIn","height","animateHorizontalPadding","removePadding","shadowRoot","querySelector","paddingTop","paddingBottom","paddingLeft","paddingRight","clearAnimations","pause","clear","onMobileChange","style","removeProperty","onPositionChange","onHideOnCollapseChange","hideOnCollapseChanged","onVariantChange","variantChanged","onBorderlessChange","borderlessChanged","dispatchExpandedChangedEvent","event","expandedChanged","defaultPrevented","collapsedPaneMobile","collapsedPane","onSizeChange","minHeight","render","h","Host","class","id","title","icon","iconClose","ghost","onClick","rotate","name","format","heading","hidden"],"sources":["src/components/pane/pane.scss?tag=ix-pane&encapsulation=shadow","src/components/pane/pane.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n@mixin set-border($composition) {\n  @if $composition {\n    border-#{$composition}: var(--theme-app-header--border-width) solid var(--theme-color-soft-bdr);\n  }\n}\n\n:host {\n  @include ix-component;\n  background-color: var(--theme-color-2);\n  display: flex;\n  position: relative;\n  overflow: hidden;\n  box-sizing: border-box;\n\n  aside {\n    width: 100%;\n    height: 100%;\n  }\n\n  .title-text {\n    display: flex;\n    align-items: center;\n    gap: var(--theme-space-1);\n    overflow: hidden;\n\n    .title-text-overflow {\n      width: 100%;\n      height: 100%;\n      display: contents;\n\n      * {\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        overflow: hidden;\n      }\n    }\n  }\n\n  .header-gap {\n    gap: var(--theme-space-1);\n  }\n\n  .top-bottom-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin: var(--theme-space--1) var(--theme-space-2) var(--theme-space--1) var(--theme-space-2);\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane {\n    display: flex;\n    flex-grow: 1;\n\n    .title {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      margin: var(--theme-space-2) var(--theme-space--1)  var(--theme-space-2) var(--theme-space--1);\n\n      .title-text {\n        flex-direction: row-reverse;\n        justify-content: start;\n        flex-direction: row;\n      }\n\n      .rotate {\n        writing-mode: vertical-lr;\n        text-orientation: mixed;\n        transform: rotate(180deg);\n        flex-direction: row-reverse;\n\n        ix-icon {\n          transform: rotate(90deg);\n        }\n      }\n    }\n\n    .title-finished {\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n\n    .title-expanded {\n      display: flex;\n      flex-direction: row;\n    }\n\n    .title-hide-on-collapse {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      padding: 0 !important;\n      margin: var(--theme-space-2) var(--theme-space-2) var(--theme-space-2) var(--theme-space-2);\n    }\n  }\n\n  .left-right-pane.expanded {\n    flex-direction: column;\n  }\n\n  .mobile-pane {\n    display: flex;\n    flex-direction: column;\n    flex-grow: 1;\n\n    .title-mobile {\n      display: flex;\n      flex-direction: row-reverse;\n      justify-content: space-between;\n      margin: var(--theme-space-1) var(--theme-space-2);\n    }\n  }\n\n  .side-pane-content {\n    padding: var(--theme-space-1) var(--theme-space-2);\n    overflow: auto;\n    height: 100%;\n    width: 100%;\n  }\n}\n\n:host(.not-visible) {\n  display: none;\n}\n\n:host(.inline-color) {\n  background-color: var(--theme-color-1);\n}\n\n:host(.box-shadow) {\n  box-shadow: 0 0 1rem black;\n}\n\n:host(.nav-left-border) {\n  border-left: var(--theme-app-header--border-width) solid var(--theme-color-weak-bdr);\n}\n\n:host(.left-pane-border) {\n  @include set-border(right);\n}\n\n:host(.right-pane-border) {\n  @include set-border(left);\n}\n\n:host(.top-pane-border) {\n  @include set-border(bottom);\n}\n\n:host(.bottom-pane-border) {\n  @include set-border(top);\n}\n\n:host(.mobile-overlay) {\n  width: 100%;\n  position: absolute;\n  z-index: 100 !important;\n\n  .side-pane-content {\n    height: calc(100% - 2.5rem);\n  }\n}\n\n:host(.mobile-border-top) {\n  @include set-border(bottom);\n}\n\n:host(.mobile-border-bottom) {\n  @include set-border(top);\n}\n\n:host(.top-expanded) {\n  top: 0;\n}\n\n:host(.bottom-expanded) {\n  bottom: 0;\n}\n\n:host(.left-right-pane) {\n  height: 100%;\n}\n\n:host(.top-bottom-pane) {\n  width: 100%;\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport Animation from '../utils/animation';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\nimport {\n  iconClose,\n  iconDoubleChevronDown,\n  iconDoubleChevronLeft,\n  iconDoubleChevronRight,\n  iconDoubleChevronUp,\n} from '@siemens/ix-icons/icons';\n\nexport type Composition = 'top' | 'left' | 'bottom' | 'right';\nexport type ExpandedChangedEvent = {\n  slot: string;\n  expanded: boolean;\n};\nexport type SlotChangedEvent = {\n  slot: string;\n  newSlot: string;\n};\nexport type HideOnCollapseChangedEvent = {\n  slot: string;\n  hideOnCollapse: boolean;\n};\nexport type VariantChangedEvent = {\n  slot: string;\n  variant: 'floating' | 'inline';\n};\nexport type BorderlessChangedEvent = {\n  slot: string;\n  borderless: boolean;\n};\n\n/**\n * @since 2.1.0\n */\n@Component({\n  tag: 'ix-pane',\n  styleUrl: 'pane.scss',\n  shadow: true,\n})\nexport class Pane {\n  @Element() hostElement!: HTMLIxPaneElement;\n\n  /**\n   * Title of the side panel\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Variant of the side pane.\n   * Defaults to the variant attribute of the pane layout. If used standalone it defaults to inline.\n   */\n  @Prop() variant: 'floating' | 'inline' = 'inline';\n\n  /**\n   * Define if the pane should have a collapsed state\n   */\n  @Prop() hideOnCollapse: boolean = false;\n\n  /**\n   * The maximum size of the sidebar, when it is expanded\n   */\n  @Prop() size:\n    | '240px'\n    | '320px'\n    | '360px'\n    | '480px'\n    | '600px'\n    | '33%'\n    | '50%' = '240px';\n\n  /**\n   * Toggle the border of the pane.\n   * Defaults to the borderless attribute of the pane layout. If used standalone it defaults to false.\n   */\n  @Prop() borderless: boolean = false;\n\n  /**\n   * State of the pane\n   */\n  @Prop({ mutable: true }) expanded: boolean = false;\n\n  /**\n   * Defines the position of the pane inside it's container.\n   * Inside a pane layout this property will automatically be set to the name of slot the pane is assigned to.\n   */\n  @Prop({ mutable: true }) composition: Composition = 'top';\n\n  /**\n   * Name of the icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * @internal\n   * Prevents overwriting of the variant and borderless property when used inside layout\n   */\n  @Prop() ignoreLayoutSettings: boolean = false;\n\n  /**\n   * @internal\n   */\n  @Prop({ mutable: true }) isMobile: boolean = false;\n\n  /**\n   * This event is triggered when the pane either expands or contracts\n   */\n  @Event() expandedChanged!: EventEmitter<ExpandedChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() variantChanged!: EventEmitter<VariantChangedEvent>;\n\n  /**\n   * This event is triggered when the variant of the pane is changed\n   */\n  @Event() borderlessChanged!: EventEmitter<BorderlessChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() hideOnCollapseChanged!: EventEmitter<HideOnCollapseChangedEvent>;\n\n  /**\n   * @internal\n   */\n  @Event() slotChanged!: EventEmitter<SlotChangedEvent>;\n\n  @State() private expandIcon = '';\n  @State() private showContent = false;\n  @State() private minimizeIcon = '';\n  @State() private floating = false;\n  @State() private parentWidthPx = 0;\n  @State() private parentHeightPx = 0;\n\n  private static readonly validPositions = ['top', 'left', 'bottom', 'right'];\n  private static readonly collapsedPane = '40px';\n  private static readonly collapsedPaneMobile = '48px';\n  private readonly animations: Map<string, anime.AnimeInstance> = new Map();\n  private animationCounter = 0;\n\n  private mutationObserver?: MutationObserver;\n  private resizeObserver?: ResizeObserver;\n\n  get currentSlot() {\n    return this.hostElement.getAttribute('slot');\n  }\n\n  get isBottomTopPane() {\n    return this.composition === 'bottom' || this.composition === 'top';\n  }\n\n  get isLeftRightPane() {\n    return this.composition === 'left' || this.composition === 'right';\n  }\n\n  get isMobileTop() {\n    return this.composition === 'top' || this.composition === 'left';\n  }\n\n  componentWillLoad() {\n    this.setIcons();\n\n    this.floating = this.variant === 'floating';\n\n    if (this.expanded) {\n      this.onParentSizeChange();\n    }\n\n    this.isMobile = matchBreakpoint('sm');\n    applicationLayoutService.onChange.on(() => {\n      this.isMobile = matchBreakpoint('sm');\n    });\n\n    if (this.currentSlot) {\n      this.setPosition(this.currentSlot);\n    }\n\n    this.mutationObserver = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (\n          mutation.type === 'attributes' &&\n          mutation.attributeName === 'slot'\n        ) {\n          const newSlot = this.currentSlot;\n          const oldSlot = mutation.oldValue;\n\n          if (newSlot !== oldSlot) {\n            this.slotChanged.emit({\n              slot: oldSlot ?? '',\n              newSlot: newSlot ?? '',\n            });\n\n            if (newSlot) {\n              this.setPosition(newSlot);\n            }\n          }\n        }\n      });\n    });\n    this.mutationObserver.observe(this.hostElement, {\n      attributes: true,\n      attributeOldValue: true,\n    });\n\n    const parentElement = this.hostElement.parentElement;\n    this.resizeObserver = new ResizeObserver((entries) => {\n      this.parentWidthPx = entries[0].borderBoxSize[0].inlineSize;\n      this.parentHeightPx = entries[0].borderBoxSize[0].blockSize;\n    });\n    if (parentElement) this.resizeObserver.observe(parentElement);\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver?.disconnect();\n    this.resizeObserver?.disconnect();\n  }\n\n  private setPosition(value: string) {\n    if (Pane.validPositions.includes(value)) {\n      this.composition = value as Composition;\n    }\n  }\n\n  private getExpandPaneSize() {\n    let expandPaneSize: string;\n\n    if (this.isBottomTopPane) {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentHeightPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentHeightPx / 3)}px`;\n        }\n      }\n    } else {\n      if (this.size.includes('px')) {\n        const referenceValue = Math.round(this.parentWidthPx / 2);\n        const currentValue = Number(this.size.replace('px', ''));\n\n        if (referenceValue && referenceValue < currentValue) {\n          expandPaneSize = `${referenceValue}px`;\n        } else {\n          expandPaneSize = `${currentValue}px`;\n        }\n      } else {\n        if (this.size === '50%') {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 2)}px`;\n        } else {\n          expandPaneSize = `${Math.round(this.parentWidthPx / 3)}px`;\n        }\n      }\n    }\n\n    return expandPaneSize;\n  }\n\n  private setIcons() {\n    const { expandIcon, minimizeIcon } = this.getIconNames();\n    this.expandIcon = expandIcon;\n    this.minimizeIcon = minimizeIcon;\n  }\n\n  private getIconNames(): { expandIcon: string; minimizeIcon: string } {\n    let expandIcon = '';\n    let minimizeIcon = '';\n\n    switch (this.composition) {\n      case 'left':\n        expandIcon = this.isMobile\n          ? iconDoubleChevronUp\n          : iconDoubleChevronLeft;\n        minimizeIcon = this.isMobile\n          ? iconDoubleChevronDown\n          : iconDoubleChevronRight;\n        break;\n      case 'right':\n        expandIcon = this.isMobile\n          ? iconDoubleChevronDown\n          : iconDoubleChevronRight;\n        minimizeIcon = this.isMobile\n          ? iconDoubleChevronUp\n          : iconDoubleChevronLeft;\n        break;\n      case 'bottom':\n        expandIcon = iconDoubleChevronDown;\n        minimizeIcon = iconDoubleChevronUp;\n        break;\n      case 'top':\n        expandIcon = iconDoubleChevronUp;\n        minimizeIcon = iconDoubleChevronDown;\n        break;\n    }\n\n    return { expandIcon, minimizeIcon };\n  }\n\n  private getKey() {\n    return (this.animationCounter++).toString();\n  }\n\n  private animateVerticalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      width: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          this.animateVerticalPadding('0px');\n        } else {\n          this.animateVerticalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateHorizontalFadeIn(size: string) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement,\n      duration: Animation.mediumTime,\n      height: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      begin: () => {\n        if (!this.expanded) {\n          this.showContent = false;\n          if (!this.isMobile) this.animateHorizontalPadding('0px');\n        } else {\n          if (!this.isMobile) this.animateHorizontalPadding('8px');\n        }\n      },\n      complete: () => {\n        if (this.expanded) {\n          this.showContent = true;\n        }\n\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private removePadding() {\n    anime({\n      targets: this.hostElement.shadowRoot!.querySelector('#title-div'),\n      duration: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n      paddingLeft: 0,\n      paddingRight: 0,\n      delay: 0,\n    });\n  }\n\n  private animateHorizontalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot!.querySelector('#title-div'),\n      duration: duration,\n      paddingTop: size,\n      paddingBottom: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private animateVerticalPadding(\n    size: string,\n    duration = Animation.mediumTime\n  ) {\n    let key = this.getKey();\n    let animation = anime({\n      targets: this.hostElement.shadowRoot!.querySelector('#title-div'),\n      duration: duration,\n      paddingLeft: size,\n      paddingRight: size,\n      easing: 'easeInOutSine',\n      delay: 0,\n      complete: () => {\n        this.animations.delete(key);\n      },\n    });\n\n    this.animations.set(key, animation);\n  }\n\n  private clearAnimations() {\n    this.animations.forEach((animation) => animation.pause());\n    this.animations.clear();\n    this.animationCounter = 0;\n  }\n\n  @Watch('isMobile')\n  onMobileChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.hostElement.style.removeProperty('min-height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('composition')\n  onPositionChange() {\n    this.setIcons();\n    this.hostElement.style.removeProperty('width');\n    this.hostElement.style.removeProperty('height');\n    this.onParentSizeChange();\n  }\n\n  @Watch('hideOnCollapse')\n  onHideOnCollapseChange(value: boolean) {\n    this.onParentSizeChange();\n\n    this.hideOnCollapseChanged.emit({\n      slot: this.currentSlot ?? '',\n      hideOnCollapse: value,\n    });\n  }\n\n  @Watch('variant')\n  onVariantChange(value: 'inline' | 'floating') {\n    this.floating = value === 'floating';\n\n    this.variantChanged.emit({\n      slot: this.currentSlot ?? '',\n      variant: value,\n    });\n  }\n\n  @Watch('borderless')\n  onBorderlessChange(value: boolean) {\n    this.borderlessChanged.emit({\n      slot: this.currentSlot ?? '',\n      borderless: value,\n    });\n  }\n\n  private dispatchExpandedChangedEvent() {\n    const event = this.expandedChanged.emit({\n      slot: this.currentSlot ?? '',\n      expanded: !this.expanded,\n    });\n\n    if (!event.defaultPrevented) {\n      this.expanded = !this.expanded;\n    }\n  }\n\n  @Watch('parentHeightPx')\n  @Watch('parentWidthPx')\n  onParentSizeChange() {\n    this.clearAnimations();\n    this.removePadding();\n\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.height = '100%';\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = expandPaneSize;\n          this.animateHorizontalPadding('8px', 0);\n        } else {\n          this.hostElement.style.width = expandPaneSize;\n          this.animateVerticalPadding('8px', 0);\n        }\n      }\n\n      this.showContent = true;\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = this.hideOnCollapse\n          ? '0'\n          : Pane.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n        }\n      }\n    }\n  }\n\n  @Watch('expanded')\n  @Watch('size')\n  onSizeChange() {\n    if (this.expanded) {\n      if (this.isMobile) {\n        this.hostElement.style.minHeight = this.hideOnCollapse\n          ? '0'\n          : Pane.collapsedPaneMobile;\n        this.animateHorizontalFadeIn('100%');\n      } else {\n        const expandPaneSize = this.getExpandPaneSize();\n\n        if (this.isBottomTopPane) {\n          this.hostElement.style.height = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n          this.animateHorizontalFadeIn(expandPaneSize);\n        } else {\n          this.hostElement.style.width = this.hideOnCollapse\n            ? '0'\n            : Pane.collapsedPane;\n          this.animateVerticalFadeIn(expandPaneSize);\n        }\n      }\n    } else {\n      this.showContent = false;\n\n      if (this.isMobile) {\n        this.hostElement.style.height = Pane.collapsedPaneMobile;\n      } else {\n        if (this.isBottomTopPane) {\n          this.animateHorizontalFadeIn(Pane.collapsedPane);\n        } else {\n          this.animateVerticalFadeIn(Pane.collapsedPane);\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'inline-color': !this.floating,\n          'mobile-overlay': this.expanded && this.isMobile,\n          'top-expanded': this.expanded && this.isMobileTop && this.isMobile,\n          'bottom-expanded':\n            this.expanded && !this.isMobileTop && this.isMobile,\n          'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n          'left-right-pane': this.isLeftRightPane && !this.isMobile,\n          [`${this.composition}-pane-border`]:\n            !this.borderless && !this.isMobile && !this.floating,\n          'nav-left-border':\n            !this.borderless &&\n            !this.isMobile &&\n            this.composition !== 'right' &&\n            this.floating,\n          'mobile-border-top':\n            !this.borderless &&\n            this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'mobile-border-bottom':\n            !this.borderless &&\n            !this.isMobileTop &&\n            this.isMobile &&\n            !this.expanded &&\n            !this.floating,\n          'box-shadow': this.floating,\n          'aria-expanded': this.expanded,\n          'not-visible': this.hideOnCollapse && !this.expanded,\n        }}\n      >\n        <aside\n          id={`pane-${this.composition}`}\n          class={{\n            'top-bottom-pane': this.isBottomTopPane && !this.isMobile,\n            'left-right-pane': this.isLeftRightPane && !this.isMobile,\n            'mobile-pane': this.isMobile,\n            expanded: this.expanded,\n          }}\n        >\n          <div\n            id=\"title-div\"\n            class={{\n              title:\n                !this.isMobile && !this.hideOnCollapse && !this.showContent,\n              'title-finished':\n                !this.isMobile && !this.hideOnCollapse && this.showContent,\n              'title-expanded':\n                !this.isMobile && !this.hideOnCollapse && this.expanded,\n              'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,\n              'title-mobile': this.isMobile,\n              'header-gap': !this.isMobile && !this.hideOnCollapse,\n            }}\n          >\n            <ix-icon-button\n              class=\"title-icon\"\n              size=\"24\"\n              icon={\n                this.expanded\n                  ? this.isMobile || this.hideOnCollapse\n                    ? iconClose\n                    : this.expandIcon\n                  : this.minimizeIcon\n              }\n              ghost\n              onClick={() => this.dispatchExpandedChangedEvent()}\n              aria-controls={`pane-${this.composition}`}\n            />\n            <span\n              class={{\n                'title-text': true,\n                rotate:\n                  !this.expanded && !this.isMobile && this.isLeftRightPane,\n              }}\n            >\n              {this.icon ? (\n                <ix-icon size=\"24\" name={this.icon}></ix-icon>\n              ) : null}\n              <div class=\"title-text-overflow\">\n                <ix-typography format=\"h4\">{this.heading}</ix-typography>\n              </div>\n            </span>\n          </div>\n          <div class=\"side-pane-content\" hidden={!this.showContent}>\n            <slot></slot>\n          </div>\n        </aside>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wSAAA,MAAMA,EAAU,g4I,MC8DHC,EAAI,MALjB,WAAAC,CAAAC,G,qQAiBUC,KAAOC,QAA0B,SAKjCD,KAAcE,eAAY,MAK1BF,KAAIG,KAOA,QAMJH,KAAUI,WAAY,MAKLJ,KAAQK,SAAY,MAMpBL,KAAWM,YAAgB,MAW5CN,KAAoBO,qBAAY,MAKfP,KAAQQ,SAAY,MA2B5BR,KAAUS,WAAG,GACbT,KAAWU,YAAG,MACdV,KAAYW,aAAG,GACfX,KAAQY,SAAG,MACXZ,KAAaa,cAAG,EAChBb,KAAcc,eAAG,EAKjBd,KAAAe,WAA+C,IAAIC,IAC5DhB,KAAgBiB,iBAAG,CAqgB5B,CAhgBC,eAAIC,GACF,OAAOlB,KAAKmB,YAAYC,aAAa,O,CAGvC,mBAAIC,GACF,OAAOrB,KAAKM,cAAgB,UAAYN,KAAKM,cAAgB,K,CAG/D,mBAAIgB,GACF,OAAOtB,KAAKM,cAAgB,QAAUN,KAAKM,cAAgB,O,CAG7D,eAAIiB,GACF,OAAOvB,KAAKM,cAAgB,OAASN,KAAKM,cAAgB,M,CAG5D,iBAAAkB,GACExB,KAAKyB,WAELzB,KAAKY,SAAWZ,KAAKC,UAAY,WAEjC,GAAID,KAAKK,SAAU,CACjBL,KAAK0B,oB,CAGP1B,KAAKQ,SAAWmB,EAAgB,MAChCC,EAAyBC,SAASC,IAAG,KACnC9B,KAAKQ,SAAWmB,EAAgB,KAAK,IAGvC,GAAI3B,KAAKkB,YAAa,CACpBlB,KAAK+B,YAAY/B,KAAKkB,Y,CAGxBlB,KAAKgC,iBAAmB,IAAIC,kBAAkBC,IAC5CA,EAAUC,SAASC,IACjB,GACEA,EAASC,OAAS,cAClBD,EAASE,gBAAkB,OAC3B,CACA,MAAMC,EAAUvC,KAAKkB,YACrB,MAAMsB,EAAUJ,EAASK,SAEzB,GAAIF,IAAYC,EAAS,CACvBxC,KAAK0C,YAAYC,KAAK,CACpBC,KAAMJ,IAAO,MAAPA,SAAA,EAAAA,EAAW,GACjBD,QAASA,IAAO,MAAPA,SAAA,EAAAA,EAAW,KAGtB,GAAIA,EAAS,CACXvC,KAAK+B,YAAYQ,E,MAIvB,IAEJvC,KAAKgC,iBAAiBa,QAAQ7C,KAAKmB,YAAa,CAC9C2B,WAAY,KACZC,kBAAmB,OAGrB,MAAMC,EAAgBhD,KAAKmB,YAAY6B,cACvChD,KAAKiD,eAAiB,IAAIC,gBAAgBC,IACxCnD,KAAKa,cAAgBsC,EAAQ,GAAGC,cAAc,GAAGC,WACjDrD,KAAKc,eAAiBqC,EAAQ,GAAGC,cAAc,GAAGE,SAAS,IAE7D,GAAIN,EAAehD,KAAKiD,eAAeJ,QAAQG,E,CAGjD,oBAAAO,G,SACEC,EAAAxD,KAAKgC,oBAAkB,MAAAwB,SAAA,SAAAA,EAAAC,cACvBC,EAAA1D,KAAKiD,kBAAgB,MAAAS,SAAA,SAAAA,EAAAD,Y,CAGf,WAAA1B,CAAY4B,GAClB,GAAI9D,EAAK+D,eAAeC,SAASF,GAAQ,CACvC3D,KAAKM,YAAcqD,C,EAIf,iBAAAG,GACN,IAAIC,EAEJ,GAAI/D,KAAKqB,gBAAiB,CACxB,GAAIrB,KAAKG,KAAK0D,SAAS,MAAO,CAC5B,MAAMG,EAAiBC,KAAKC,MAAMlE,KAAKc,eAAiB,GACxD,MAAMqD,EAAeC,OAAOpE,KAAKG,KAAKkE,QAAQ,KAAM,KAEpD,GAAIL,GAAkBA,EAAiBG,EAAc,CACnDJ,EAAiB,GAAGC,K,KACf,CACLD,EAAiB,GAAGI,K,MAEjB,CACL,GAAInE,KAAKG,OAAS,MAAO,CACvB4D,EAAiB,GAAGE,KAAKC,MAAMlE,KAAKc,eAAiB,M,KAChD,CACLiD,EAAiB,GAAGE,KAAKC,MAAMlE,KAAKc,eAAiB,M,OAGpD,CACL,GAAId,KAAKG,KAAK0D,SAAS,MAAO,CAC5B,MAAMG,EAAiBC,KAAKC,MAAMlE,KAAKa,cAAgB,GACvD,MAAMsD,EAAeC,OAAOpE,KAAKG,KAAKkE,QAAQ,KAAM,KAEpD,GAAIL,GAAkBA,EAAiBG,EAAc,CACnDJ,EAAiB,GAAGC,K,KACf,CACLD,EAAiB,GAAGI,K,MAEjB,CACL,GAAInE,KAAKG,OAAS,MAAO,CACvB4D,EAAiB,GAAGE,KAAKC,MAAMlE,KAAKa,cAAgB,M,KAC/C,CACLkD,EAAiB,GAAGE,KAAKC,MAAMlE,KAAKa,cAAgB,M,GAK1D,OAAOkD,C,CAGD,QAAAtC,GACN,MAAMhB,WAAEA,EAAUE,aAAEA,GAAiBX,KAAKsE,eAC1CtE,KAAKS,WAAaA,EAClBT,KAAKW,aAAeA,C,CAGd,YAAA2D,GACN,IAAI7D,EAAa,GACjB,IAAIE,EAAe,GAEnB,OAAQX,KAAKM,aACX,IAAK,OACHG,EAAaT,KAAKQ,SACd+D,EACAC,EACJ7D,EAAeX,KAAKQ,SAChBiE,EACAC,EACJ,MACF,IAAK,QACHjE,EAAaT,KAAKQ,SACdiE,EACAC,EACJ/D,EAAeX,KAAKQ,SAChB+D,EACAC,EACJ,MACF,IAAK,SACH/D,EAAagE,EACb9D,EAAe4D,EACf,MACF,IAAK,MACH9D,EAAa8D,EACb5D,EAAe8D,EACf,MAGJ,MAAO,CAAEhE,aAAYE,e,CAGf,MAAAgE,GACN,OAAQ3E,KAAKiB,oBAAoB2D,U,CAG3B,qBAAAC,CAAsB1E,GAC5B,IAAI2E,EAAM9E,KAAK2E,SACf,IAAII,EAAYC,EAAM,CACpBC,QAASjF,KAAKmB,YACd+D,SAAUC,EAAUC,WACpBC,MAAOlF,EACPmF,OAAQ,gBACRC,MAAO,EACPC,MAAO,KACL,IAAKxF,KAAKK,SAAU,CAClBL,KAAKU,YAAc,MACnBV,KAAKyF,uBAAuB,M,KACvB,CACLzF,KAAKyF,uBAAuB,M,GAGhCC,SAAU,KACR,GAAI1F,KAAKK,SAAU,CACjBL,KAAKU,YAAc,I,CAGrBV,KAAKe,WAAW4E,OAAOb,EAAI,IAI/B9E,KAAKe,WAAW6E,IAAId,EAAKC,E,CAGnB,uBAAAc,CAAwB1F,GAC9B,IAAI2E,EAAM9E,KAAK2E,SACf,IAAII,EAAYC,EAAM,CACpBC,QAASjF,KAAKmB,YACd+D,SAAUC,EAAUC,WACpBU,OAAQ3F,EACRmF,OAAQ,gBACRC,MAAO,EACPC,MAAO,KACL,IAAKxF,KAAKK,SAAU,CAClBL,KAAKU,YAAc,MACnB,IAAKV,KAAKQ,SAAUR,KAAK+F,yBAAyB,M,KAC7C,CACL,IAAK/F,KAAKQ,SAAUR,KAAK+F,yBAAyB,M,GAGtDL,SAAU,KACR,GAAI1F,KAAKK,SAAU,CACjBL,KAAKU,YAAc,I,CAGrBV,KAAKe,WAAW4E,OAAOb,EAAI,IAI/B9E,KAAKe,WAAW6E,IAAId,EAAKC,E,CAGnB,aAAAiB,GACNhB,EAAM,CACJC,QAASjF,KAAKmB,YAAY8E,WAAYC,cAAc,cACpDhB,SAAU,EACViB,WAAY,EACZC,cAAe,EACfC,YAAa,EACbC,aAAc,EACdf,MAAO,G,CAIH,wBAAAQ,CACN5F,EACA+E,EAAWC,EAAUC,YAErB,IAAIN,EAAM9E,KAAK2E,SACf,IAAII,EAAYC,EAAM,CACpBC,QAASjF,KAAKmB,YAAY8E,WAAYC,cAAc,cACpDhB,SAAUA,EACViB,WAAYhG,EACZiG,cAAejG,EACfmF,OAAQ,gBACRC,MAAO,EACPG,SAAU,KACR1F,KAAKe,WAAW4E,OAAOb,EAAI,IAI/B9E,KAAKe,WAAW6E,IAAId,EAAKC,E,CAGnB,sBAAAU,CACNtF,EACA+E,EAAWC,EAAUC,YAErB,IAAIN,EAAM9E,KAAK2E,SACf,IAAII,EAAYC,EAAM,CACpBC,QAASjF,KAAKmB,YAAY8E,WAAYC,cAAc,cACpDhB,SAAUA,EACVmB,YAAalG,EACbmG,aAAcnG,EACdmF,OAAQ,gBACRC,MAAO,EACPG,SAAU,KACR1F,KAAKe,WAAW4E,OAAOb,EAAI,IAI/B9E,KAAKe,WAAW6E,IAAId,EAAKC,E,CAGnB,eAAAwB,GACNvG,KAAKe,WAAWoB,SAAS4C,GAAcA,EAAUyB,UACjDxG,KAAKe,WAAW0F,QAChBzG,KAAKiB,iBAAmB,C,CAI1B,cAAAyF,GACE1G,KAAKyB,WACLzB,KAAKmB,YAAYwF,MAAMC,eAAe,SACtC5G,KAAKmB,YAAYwF,MAAMC,eAAe,UACtC5G,KAAKmB,YAAYwF,MAAMC,eAAe,cACtC5G,KAAK0B,oB,CAIP,gBAAAmF,GACE7G,KAAKyB,WACLzB,KAAKmB,YAAYwF,MAAMC,eAAe,SACtC5G,KAAKmB,YAAYwF,MAAMC,eAAe,UACtC5G,KAAK0B,oB,CAIP,sBAAAoF,CAAuBnD,G,MACrB3D,KAAK0B,qBAEL1B,KAAK+G,sBAAsBpE,KAAK,CAC9BC,MAAMY,EAAAxD,KAAKkB,eAAW,MAAAsC,SAAA,EAAAA,EAAI,GAC1BtD,eAAgByD,G,CAKpB,eAAAqD,CAAgBrD,G,MACd3D,KAAKY,SAAW+C,IAAU,WAE1B3D,KAAKiH,eAAetE,KAAK,CACvBC,MAAMY,EAAAxD,KAAKkB,eAAW,MAAAsC,SAAA,EAAAA,EAAI,GAC1BvD,QAAS0D,G,CAKb,kBAAAuD,CAAmBvD,G,MACjB3D,KAAKmH,kBAAkBxE,KAAK,CAC1BC,MAAMY,EAAAxD,KAAKkB,eAAW,MAAAsC,SAAA,EAAAA,EAAI,GAC1BpD,WAAYuD,G,CAIR,4BAAAyD,G,MACN,MAAMC,EAAQrH,KAAKsH,gBAAgB3E,KAAK,CACtCC,MAAMY,EAAAxD,KAAKkB,eAAW,MAAAsC,SAAA,EAAAA,EAAI,GAC1BnD,UAAWL,KAAKK,WAGlB,IAAKgH,EAAME,iBAAkB,CAC3BvH,KAAKK,UAAYL,KAAKK,Q,EAM1B,kBAAAqB,GACE1B,KAAKuG,kBACLvG,KAAKgG,gBAEL,GAAIhG,KAAKK,SAAU,CACjB,GAAIL,KAAKQ,SAAU,CACjBR,KAAKmB,YAAYwF,MAAMb,OAAS,M,KAC3B,CACL,MAAM/B,EAAiB/D,KAAK8D,oBAE5B,GAAI9D,KAAKqB,gBAAiB,CACxBrB,KAAKmB,YAAYwF,MAAMb,OAAS/B,EAChC/D,KAAK+F,yBAAyB,MAAO,E,KAChC,CACL/F,KAAKmB,YAAYwF,MAAMtB,MAAQtB,EAC/B/D,KAAKyF,uBAAuB,MAAO,E,EAIvCzF,KAAKU,YAAc,I,KACd,CACLV,KAAKU,YAAc,MAEnB,GAAIV,KAAKQ,SAAU,CACjBR,KAAKmB,YAAYwF,MAAMb,OAAS9F,KAAKE,eACjC,IACAL,EAAK2H,mB,KACJ,CACL,GAAIxH,KAAKqB,gBAAiB,CACxBrB,KAAKmB,YAAYwF,MAAMb,OAAS9F,KAAKE,eACjC,IACAL,EAAK4H,a,KACJ,CACLzH,KAAKmB,YAAYwF,MAAMtB,MAAQrF,KAAKE,eAChC,IACAL,EAAK4H,a,IAQjB,YAAAC,GACE,GAAI1H,KAAKK,SAAU,CACjB,GAAIL,KAAKQ,SAAU,CACjBR,KAAKmB,YAAYwF,MAAMgB,UAAY3H,KAAKE,eACpC,IACAL,EAAK2H,oBACTxH,KAAK6F,wBAAwB,O,KACxB,CACL,MAAM9B,EAAiB/D,KAAK8D,oBAE5B,GAAI9D,KAAKqB,gBAAiB,CACxBrB,KAAKmB,YAAYwF,MAAMb,OAAS9F,KAAKE,eACjC,IACAL,EAAK4H,cACTzH,KAAK6F,wBAAwB9B,E,KACxB,CACL/D,KAAKmB,YAAYwF,MAAMtB,MAAQrF,KAAKE,eAChC,IACAL,EAAK4H,cACTzH,KAAK6E,sBAAsBd,E,OAG1B,CACL/D,KAAKU,YAAc,MAEnB,GAAIV,KAAKQ,SAAU,CACjBR,KAAKmB,YAAYwF,MAAMb,OAASjG,EAAK2H,mB,KAChC,CACL,GAAIxH,KAAKqB,gBAAiB,CACxBrB,KAAK6F,wBAAwBhG,EAAK4H,c,KAC7B,CACLzH,KAAK6E,sBAAsBhF,EAAK4H,c,IAMxC,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAhD,IAAA,2CACHiD,MAAO,CACL,gBAAiB/H,KAAKY,SACtB,iBAAkBZ,KAAKK,UAAYL,KAAKQ,SACxC,eAAgBR,KAAKK,UAAYL,KAAKuB,aAAevB,KAAKQ,SAC1D,kBACER,KAAKK,WAAaL,KAAKuB,aAAevB,KAAKQ,SAC7C,kBAAmBR,KAAKqB,kBAAoBrB,KAAKQ,SACjD,kBAAmBR,KAAKsB,kBAAoBtB,KAAKQ,SACjD,CAAC,GAAGR,KAAKM,4BACNN,KAAKI,aAAeJ,KAAKQ,WAAaR,KAAKY,SAC9C,mBACGZ,KAAKI,aACLJ,KAAKQ,UACNR,KAAKM,cAAgB,SACrBN,KAAKY,SACP,qBACGZ,KAAKI,YACNJ,KAAKuB,aACLvB,KAAKQ,WACJR,KAAKK,WACLL,KAAKY,SACR,wBACGZ,KAAKI,aACLJ,KAAKuB,aACNvB,KAAKQ,WACJR,KAAKK,WACLL,KAAKY,SACR,aAAcZ,KAAKY,SACnB,gBAAiBZ,KAAKK,SACtB,cAAeL,KAAKE,iBAAmBF,KAAKK,WAG9CwH,EACE,SAAA/C,IAAA,2CAAAkD,GAAI,QAAQhI,KAAKM,cACjByH,MAAO,CACL,kBAAmB/H,KAAKqB,kBAAoBrB,KAAKQ,SACjD,kBAAmBR,KAAKsB,kBAAoBtB,KAAKQ,SACjD,cAAeR,KAAKQ,SACpBH,SAAUL,KAAKK,WAGjBwH,EAAA,OAAA/C,IAAA,2CACEkD,GAAG,YACHD,MAAO,CACLE,OACGjI,KAAKQ,WAAaR,KAAKE,iBAAmBF,KAAKU,YAClD,kBACGV,KAAKQ,WAAaR,KAAKE,gBAAkBF,KAAKU,YACjD,kBACGV,KAAKQ,WAAaR,KAAKE,gBAAkBF,KAAKK,SACjD,0BAA2BL,KAAKQ,UAAYR,KAAKE,eACjD,eAAgBF,KAAKQ,SACrB,cAAeR,KAAKQ,WAAaR,KAAKE,iBAGxC2H,EAAA,kBAAA/C,IAAA,2CACEiD,MAAM,aACN5H,KAAK,KACL+H,KACElI,KAAKK,SACDL,KAAKQ,UAAYR,KAAKE,eACpBiI,EACAnI,KAAKS,WACPT,KAAKW,aAEXyH,MAAK,KACLC,QAAS,IAAMrI,KAAKoH,+BAA8B,gBACnC,QAAQpH,KAAKM,gBAE9BuH,EAAA,QAAA/C,IAAA,2CACEiD,MAAO,CACL,aAAc,KACdO,QACGtI,KAAKK,WAAaL,KAAKQ,UAAYR,KAAKsB,kBAG5CtB,KAAKkI,KACJL,EAAA,WAAS1H,KAAK,KAAKoI,KAAMvI,KAAKkI,OAC5B,KACJL,EAAK,OAAA/C,IAAA,2CAAAiD,MAAM,uBACTF,EAAe,iBAAA/C,IAAA,2CAAA0D,OAAO,MAAMxI,KAAKyI,YAIvCZ,EAAK,OAAA/C,IAAA,2CAAAiD,MAAM,oBAAoBW,QAAS1I,KAAKU,aAC3CmH,EAAA,QAAA/C,IAAA,+C,kWAngBcjF,EAAc+D,eAAG,CAAC,MAAO,OAAQ,SAAU,SAC3C/D,EAAa4H,cAAG,OAChB5H,EAAmB2H,oBAAG,O","ignoreList":[]}

package/dist/siemens-ix/p-5963369c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tooltipCss","numberToPixel","value","tooltipInstance","Tooltip","constructor","hostRef","this","interactive","placement","showDelay","hideDelay","animationFrame","visible","instance","dialogRef","makeRef","arrowElement","hostElement","shadowRoot","querySelector","showTooltip","anchorElement","clearTimeouts","showTooltipTimeout","visibleFor","dialog","waitForCurrent","setTimeout","setAnchorElement","showPopover","applyTooltipPosition","registerTooltipListener","hideTooltip","hideTooltipTimeout","hidePopover","_a","disposeAutoUpdate","call","_b","disposeTooltipListener","undefined","computeArrowPosition","middlewareData","x","y","arrow","resetPosition","top","right","bottom","left","startsWith","Object","assign","computeTooltipPosition","target","computePosition","strategy","middleware","shift","offset","element","flip","fallbackStrategy","fallbackAxisSideDirection","padding","hide","applyTooltipArrowPosition","computeResponse","arrowPosition","style","Promise","resolve","autoUpdate","async","isHidden","referenceHidden","ancestorResize","ancestorScroll","elementResize","queryAnchorElements","for","Array","isArray","resolveElements","references","elements","all","map","reference","resolvedElements","resolveSelector","push","HTMLElement","registerTriggerListener","disposeTriggerListener","triggerElementList","listeners","forEach","eventType","callback","addDisposableEventListenerAsArray","clearHideTimeout","event","stopPropagation","document","key","registerDomChangeListener","observer","MutationObserver","observe","body","attributes","attributeFilter","childList","subtree","disposeDomChangeListener","disconnect","clearTimeout","clearShowTimeout","componentWillLoad","componentDidLoad","disconnectedCallback","_c","_d","render","h","Host","role","class","ref","id","popover","inert","name","format","titleContent"],"sources":["src/components/tooltip/tooltip.scss?tag=ix-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 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.dialog {\n  margin: 0;\n  padding: 0;\n  border: none;\n  max-width: 18.25rem;\n  width: max-content;\n  background-color: transparent;\n  overflow-wrap: break-word;\n  box-shadow: none;\n  overflow: visible;\n}\n\n.tooltip-container {\n  display: block;\n  position: relative;\n  width: auto;\n  height: 100%;\n  background: var(--theme-tootlip--background);\n  color: var(--theme-color-std-text);\n  padding: 0.375rem 0.75rem 0.375rem 0.875rem;\n\n  box-shadow: var(--theme-shadow-4);\n  border-radius: 0.25rem;\n}\n\n.content-wrapper {\n  overflow: auto;\n}\n\n.tooltip-title {\n  display: flex;\n  align-items: center;\n\n  ::slotted(ix-icon) {\n    margin-right: 0.35rem;\n  }\n}\n\n.arrow,\n.arrow::before {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  background: inherit;\n}\n\n.arrow {\n  visibility: hidden;\n}\n\n.arrow::before {\n  visibility: visible;\n  content: '';\n  transform: rotate(45deg);\n  background-color: var(--theme-tootlip--background);\n}\n","/*\n * SPDX-FileCopyrightText: 2025 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  arrow,\n  autoUpdate,\n  computePosition,\n  ComputePositionReturn,\n  flip,\n  hide,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { resolveSelector } from '../utils/find-element';\nimport { ElementReference } from 'src/components';\nimport { makeRef } from '../utils/make-ref';\nimport { addDisposableEventListenerAsArray } from '../utils/disposable-event-listener';\n\ntype ArrowPosition = {\n  top?: string;\n  left?: string;\n  right?: string;\n};\n\nconst numberToPixel = (value?: number | null) =>\n  value !== null ? `${value}px` : '';\n\nlet tooltipInstance = 0;\n\n/**\n * @slot title-icon - Icon of tooltip title\n * @slot title-content - Content of tooltip title\n *\n * @since 1.4.0\n */\n@Component({\n  tag: 'ix-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true,\n})\nexport class Tooltip {\n  /**\n   * CSS selector for hover trigger element e.g. `for=\"[data-my-custom-select]\"`\n   */\n  @Prop() for?: ElementReference | ElementReference[];\n\n  /**\n   * Title of the tooltip\n   */\n  @Prop() titleContent?: string;\n\n  /**\n   * Define if the user can access the tooltip via mouse.\n   */\n  @Prop() interactive = false;\n\n  /**\n   * Initial placement of the tooltip.\n   * If the selected placement doesn't have enough space, the tooltip will be repositioned to another location.\n   * @since 1.5.0\n   */\n  @Prop() placement: 'top' | 'right' | 'bottom' | 'left' = 'top';\n\n  /** @internal */\n  @Prop() showDelay = 0;\n\n  /** @internal */\n  @Prop() hideDelay = 50;\n\n  /** @internal */\n  @Prop() animationFrame = false;\n\n  @Element() hostElement!: HTMLIxTooltipElement;\n\n  @State() private visible = false;\n\n  private hideTooltipTimeout?: NodeJS.Timeout;\n  private showTooltipTimeout?: NodeJS.Timeout;\n  private visibleFor?: Element;\n\n  private disposeAutoUpdate?: () => void;\n  private disposeTriggerListener?: () => void;\n  private disposeTooltipListener?: () => void;\n  private disposeDomChangeListener?: () => void;\n\n  private readonly instance = tooltipInstance++;\n\n  private readonly dialogRef = makeRef<HTMLDialogElement>();\n\n  private get arrowElement(): HTMLElement {\n    return this.hostElement.shadowRoot!.querySelector('.arrow')!;\n  }\n\n  /** @internal */\n  @Method()\n  async showTooltip(anchorElement: Element) {\n    this.clearTimeouts();\n\n    if (this.showTooltipTimeout || this.visibleFor === anchorElement) {\n      return;\n    }\n\n    const dialog = await this.dialogRef.waitForCurrent();\n\n    this.showTooltipTimeout = setTimeout(() => {\n      this.setAnchorElement(anchorElement);\n      dialog.showPopover();\n      this.applyTooltipPosition(anchorElement, dialog);\n      this.registerTooltipListener(dialog);\n    }, this.showDelay);\n  }\n\n  /** @internal */\n  @Method()\n  async hideTooltip(hideDelay: number = this.hideDelay) {\n    this.clearTimeouts();\n\n    if (this.hideTooltipTimeout || !this.visible) {\n      return;\n    }\n\n    if (this.interactive && hideDelay === 50) {\n      hideDelay = 150;\n    }\n\n    const dialog = await this.dialogRef.waitForCurrent();\n\n    this.hideTooltipTimeout = setTimeout(() => {\n      this.setAnchorElement();\n      dialog.hidePopover();\n      this.disposeAutoUpdate?.();\n      this.disposeTooltipListener?.();\n    }, hideDelay);\n  }\n\n  private setAnchorElement(anchorElement?: Element) {\n    if (!anchorElement) {\n      this.visibleFor = undefined;\n      this.visible = false;\n    } else {\n      this.visibleFor = anchorElement;\n      this.visible = true;\n    }\n  }\n\n  private computeArrowPosition({\n    placement,\n    middlewareData,\n  }: ComputePositionReturn): ArrowPosition | undefined {\n    let { x, y } = middlewareData.arrow!;\n    const resetPosition = {\n      top: 'unset',\n      right: 'unset',\n      bottom: 'unset',\n      left: 'unset',\n    };\n\n    if (placement.startsWith('top')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(x),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('right')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(-6),\n        top: numberToPixel(y),\n      };\n    }\n\n    if (placement.startsWith('bottom')) {\n      return {\n        ...resetPosition,\n        left: numberToPixel(x),\n        top: numberToPixel(-6),\n      };\n    }\n\n    if (placement.startsWith('left')) {\n      return {\n        ...resetPosition,\n        right: numberToPixel(-6),\n        top: numberToPixel(y),\n      };\n    }\n  }\n\n  private async computeTooltipPosition(\n    target: Element,\n    dialog: HTMLDialogElement\n  ): Promise<ComputePositionReturn> {\n    return computePosition(target, dialog, {\n      strategy: 'fixed',\n      placement: this.placement,\n      middleware: [\n        shift(),\n        offset(12),\n        arrow({\n          element: this.arrowElement,\n        }),\n        flip({\n          fallbackStrategy: 'initialPlacement',\n          fallbackAxisSideDirection: 'end',\n          padding: 10,\n        }),\n        hide(),\n      ],\n    });\n  }\n\n  private applyTooltipArrowPosition(computeResponse: ComputePositionReturn) {\n    const arrowPosition = this.computeArrowPosition(computeResponse);\n    Object.assign(this.arrowElement.style, arrowPosition);\n  }\n\n  private async applyTooltipPosition(\n    target: Element,\n    dialog: HTMLDialogElement\n  ): Promise<ComputePositionReturn | undefined> {\n    if (!target) {\n      return;\n    }\n\n    return new Promise<ComputePositionReturn>((resolve) => {\n      this.disposeAutoUpdate?.();\n\n      this.disposeAutoUpdate = autoUpdate(\n        target,\n        dialog,\n        async () => {\n          const computeResponse = await this.computeTooltipPosition(\n            target,\n            dialog\n          );\n\n          const isHidden = computeResponse.middlewareData.hide?.referenceHidden;\n\n          if (isHidden) {\n            this.hideTooltip(0);\n            resolve(computeResponse);\n          }\n\n          if (computeResponse.middlewareData.arrow) {\n            this.applyTooltipArrowPosition(computeResponse);\n          }\n\n          const { x, y } = computeResponse;\n          Object.assign(dialog.style, {\n            left: numberToPixel(x),\n            top: numberToPixel(y),\n          });\n\n          resolve(computeResponse);\n        },\n        {\n          ancestorResize: true,\n          ancestorScroll: true,\n          elementResize: true,\n          animationFrame: this.animationFrame,\n        }\n      );\n    });\n  }\n\n  private async queryAnchorElements(): Promise<HTMLElement[] | undefined> {\n    if (this.for) {\n      if (Array.isArray(this.for)) {\n        return this.resolveElements(this.for);\n      } else {\n        return this.resolveElements([this.for]);\n      }\n    }\n  }\n\n  private async resolveElements(\n    references: ElementReference[]\n  ): Promise<HTMLElement[]> {\n    const elements: HTMLElement[] = [];\n\n    await Promise.all(\n      references.map(async (reference) => {\n        if (typeof reference === 'string') {\n          const resolvedElements = await resolveSelector(\n            reference,\n            this.hostElement\n          );\n\n          if (resolvedElements) {\n            elements.push(...resolvedElements);\n          }\n        } else if (reference instanceof HTMLElement) {\n          elements.push(reference);\n        } else if (reference instanceof Promise) {\n          elements.push(await reference);\n        }\n      })\n    );\n\n    return elements;\n  }\n\n  private async registerTriggerListener() {\n    this.disposeTriggerListener?.();\n\n    const triggerElementList = await this.queryAnchorElements();\n\n    if (!triggerElementList) {\n      return;\n    }\n\n    const listeners: {\n      element: Element | Window | Document;\n      eventType: string;\n      callback: EventListenerOrEventListenerObject;\n    }[] = [];\n\n    triggerElementList.forEach((element) => {\n      listeners.push(\n        ...[\n          {\n            element: element,\n            eventType: 'mouseenter',\n            callback: () => {\n              this.showTooltip(element);\n            },\n          },\n          {\n            element: element,\n            eventType: 'mouseleave',\n            callback: () => {\n              this.hideTooltip();\n            },\n          },\n          {\n            element: element,\n            eventType: 'focus',\n            callback: () => {\n              this.showTooltip(element);\n            },\n          },\n          {\n            element: element,\n            eventType: 'focusout',\n            callback: () => {\n              this.hideTooltip();\n            },\n          },\n        ]\n      );\n    });\n\n    this.disposeTriggerListener = addDisposableEventListenerAsArray(listeners);\n  }\n\n  private registerTooltipListener(dialog: HTMLDialogElement) {\n    this.disposeTooltipListener?.();\n\n    this.disposeTooltipListener = addDisposableEventListenerAsArray([\n      {\n        element: dialog,\n        eventType: 'mouseenter',\n        callback: () => {\n          if (this.interactive) {\n            this.clearHideTimeout();\n          }\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'focus',\n        callback: () => {\n          if (this.interactive) {\n            this.clearHideTimeout();\n          }\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'mouseleave',\n        callback: () => {\n          this.hideTooltip();\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'focusout',\n        callback: () => {\n          this.hideTooltip();\n        },\n      },\n      {\n        element: dialog,\n        eventType: 'click',\n        callback: (event: Event) => {\n          event.stopPropagation();\n        },\n      },\n      {\n        element: document,\n        eventType: 'keydown',\n        callback: (event: Event) => {\n          if ((event as KeyboardEvent).key === 'Escape') {\n            this.hideTooltip();\n          }\n        },\n      },\n    ]);\n  }\n\n  private registerDomChangeListener() {\n    const observer = new MutationObserver(() => {\n      this.registerTriggerListener();\n    });\n\n    observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: ['data-ix-tooltip'],\n      childList: true,\n      subtree: true,\n    });\n\n    this.disposeDomChangeListener = () => {\n      observer.disconnect();\n    };\n  }\n\n  private clearHideTimeout() {\n    clearTimeout(this.hideTooltipTimeout);\n    this.hideTooltipTimeout = undefined;\n  }\n\n  private clearShowTimeout() {\n    clearTimeout(this.showTooltipTimeout);\n    this.showTooltipTimeout = undefined;\n  }\n\n  private clearTimeouts() {\n    this.clearHideTimeout();\n    this.clearShowTimeout();\n  }\n\n  componentWillLoad() {\n    this.registerTriggerListener();\n  }\n\n  componentDidLoad() {\n    this.registerDomChangeListener();\n  }\n\n  disconnectedCallback() {\n    this.clearTimeouts();\n\n    this.disposeAutoUpdate?.();\n    this.disposeTriggerListener?.();\n    this.disposeTooltipListener?.();\n    this.disposeDomChangeListener?.();\n  }\n\n  render() {\n    return (\n      <Host role=\"tooltip\" class={{ visible: this.visible }}>\n        <dialog\n          ref={this.dialogRef}\n          id={'tooltip-' + this.instance}\n          class=\"dialog\"\n          popover=\"manual\"\n          inert={!this.visible}\n        >\n          <div class=\"tooltip-container\">\n            <div class=\"content-wrapper\">\n              <div class={'tooltip-title'}>\n                <slot name=\"title-icon\"></slot>\n                <ix-typography format=\"h5\">\n                  {this.titleContent}\n                  <slot name=\"title-content\"></slot>\n                </ix-typography>\n              </div>\n              <slot></slot>\n              <div class=\"arrow\"></div>\n            </div>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-5b1d3595.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as o,H as d,g as t}from"./p-BNpBEtDH.js";import{m as a}from"./p-bcj7UEIC.js";import{a as i}from"./p-Bb7pDeaQ.js";const c=":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px;margin-right:0.5rem}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}:host input[type=radio]{display:none}:host label{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) button,:host([indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) button,:host([indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) button,:host([indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host([indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}ix-typography{margin-top:0.125rem}:host(.ix-info:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--info);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--info--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--info--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--info);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--info--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--info--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--info);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--info--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--info--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--info);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--info--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--info--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--info);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--info--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--info--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--info);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--info--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--info--active)}:host(.ix-info) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--warning);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--warning--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--warning--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--warning);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--warning--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--warning--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--warning);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--warning--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--warning--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--warning);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--warning--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--warning--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--warning);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--warning--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--warning--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--warning);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--warning--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--warning--active)}:host(.ix-warning) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid--required) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) button{--theme-radiobtn-unchecked--background:var(--theme-radiobtn-unchecked--background--invalid);--theme-radiobtn-unchecked--background--hover:var(--theme-radiobtn-unchecked--background--invalid--hover);--theme-radiobtn-unchecked--background--active:var(--theme-radiobtn-unchecked--background--invalid--active);--theme-radiobtn-unchecked--border-color:var(--theme-radiobtn-unchecked--border-color--invalid);--theme-radiobtn-unchecked--border-color--hover:var(--theme-radiobtn-unchecked--border-color--invalid--hover);--theme-radiobtn-unchecked--border-color--active:var(--theme-radiobtn-unchecked--border-color--invalid--active);--theme-radiobtn-checked--background:var(--theme-radiobtn-checked--background--invalid);--theme-radiobtn-checked--background--hover:var(--theme-radiobtn-checked--background--invalid--hover);--theme-radiobtn-checked--background--active:var(--theme-radiobtn-checked--background--invalid--active);--theme-radiobtn-checked--border-color:var(--theme-radiobtn-checked--border-color--invalid);--theme-radiobtn-checked--border-color--hover:var(--theme-radiobtn-checked--border-color--invalid--hover);--theme-radiobtn-checked--border-color--active:var(--theme-radiobtn-checked--border-color--invalid--active);--theme-radiobtn-mixed--background:var(--theme-radiobtn-mixed--background--invalid);--theme-radiobtn-mixed--background--hover:var(--theme-radiobtn-mixed--background--invalid--hover);--theme-radiobtn-mixed--background--active:var(--theme-radiobtn-mixed--background--invalid--active);--theme-radiobtn-mixed--border-color:var(--theme-radiobtn-mixed--border-color--invalid);--theme-radiobtn-mixed--border-color--hover:var(--theme-radiobtn-mixed--border-color--invalid--hover);--theme-radiobtn-mixed--border-color--active:var(--theme-radiobtn-mixed--border-color--invalid--active)}:host(.ix-invalid) button{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid[indeterminate]) button{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid[indeterminate]:hover) button{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid[indeterminate]:active) button{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid[indeterminate].disabled) button{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}";const n=class{constructor(o){e(this,o);this.checkedChange=r(this,"checkedChange",7);this.valueChange=r(this,"valueChange",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.disabled=false;this.checked=false;this.required=false;this.inputRef=a((e=>{e.checked=this.checked}))}setCheckedState(e){if(this.checked){return}const r=this.checkedChange.emit(e);if(r.defaultPrevented){return}this.checked=e}async onCheckedChange(){const e=await this.inputRef.waitForCurrent();e.checked=this.checked;this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){var e;if(this.checked){this.formInternals.setFormValue((e=this.value)!==null&&e!==void 0?e:"on")}else{this.formInternals.setFormValue(null)}}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){return o(d,{key:"104c0e841b0efdc9dbeda3bb6faa0ac1e6fcff37","aria-checked":i(this.checked),"aria-disabled":i(this.disabled),role:"radio",class:{disabled:this.disabled,checked:this.checked}},o("label",{key:"d954fd4fc1af2f3160a545f50838a9cc9962cf68"},o("input",{key:"c1a47c6fa4262aabc296bf9a77b4a2e13eccf47b","aria-checked":i(this.checked),disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"radio",onChange:()=>{const e=this.inputRef.current;if(e){this.setCheckedState(e.checked)}}}),o("button",{key:"475c1a6f7a61d3cefacc83e719a53ee5695b316a",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},o("div",{key:"a408a279ae88ff6c4504df59649b95a27e720b64",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}})),o("ix-typography",{key:"44aa6d54d72700c4a5ce8de88fa970b66fc6c343",format:"label",textColor:this.disabled?"weak":"std"},this.label,o("slot",{key:"cb45153ff3ea8da5b61c7f95e46fd04d51965644"}))))}static get formAssociated(){return true}get hostElement(){return t(this)}static get watchers(){return{checked:["onCheckedChange"],value:["onValueChange"]}}};n.style=c;export{n as ix_radio};
-//# sourceMappingURL=p-5b1d3595.entry.js.map

package/dist/siemens-ix/p-5b1d3595.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["radioCss","Radio","constructor","hostRef","this","disabled","checked","required","inputRef","makeRef","radiobuttonRef","setCheckedState","newChecked","result","checkedChange","emit","defaultPrevented","onCheckedChange","waitForCurrent","updateFormInternalValue","onValueChange","valueChange","value","componentWillLoad","formInternals","setFormValue","_a","hasValidValue","Promise","resolve","getAssociatedFormElement","form","render","h","Host","key","a11yBoolean","role","class","ref","type","onChange","current","onClick","style","visibility","format","textColor","label"],"sources":["src/components/radio/radio.scss?tag=ix-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n @import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  button {\n    all: unset;\n\n    display: inline-flex;\n    position: relative;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 1.125rem;\n    min-width: 1.125rem;\n    max-width: 1.125rem;\n    height: 1.125rem;\n    min-height: 1.125rem;\n    max-height: 1.125rem;\n\n    border: 1px solid white;\n    border-radius: 100px;\n\n    margin-right: 0.5rem;\n  }\n\n  button:focus-visible {\n    outline: 0.0625rem solid var(--theme-color-focus-bdr);\n    outline-offset: var(--theme-radiobtn--focus--outline-offset);\n  }\n\n  input[type=\"radio\"] {\n    display: none;\n  }\n\n  label {\n    display: flex;\n\n    justify-content: flex-start;\n    align-items: flex-start;\n\n    width: 100%;\n    height: 100%;\n  }\n\n  .checkmark {\n    border-radius: 100px;\n    background-color: var(--theme-color-primary--contrast);\n    width: 0.5rem;\n    height: 0.5rem;\n  }\n}\n\n@mixin radio-base() {\n  :host {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color);\n    }\n  }\n\n  :host(:hover) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--hover);\n    }\n  }\n\n  :host(:active) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--active);\n    }\n  }\n\n  :host(.checked),\n  :host([indeterminate]) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color);\n    }\n  }\n\n  :host(.checked:hover),\n  :host([indeterminate]:hover) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--hover);\n    }\n  }\n\n  :host(.checked:active),\n  :host([indeterminate]:active) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--active);\n    }\n  }\n\n  :host(.disabled) {\n    pointer-events: none;\n\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--disabled);\n    }\n  }\n\n  :host(.checked.disabled),\n  :host([indeterminate].disabled) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--disabled);\n    }\n  }\n\n  ix-typography {\n    margin-top: 0.125rem;\n  }\n}\n\n@mixin radio-variant($selector) {\n  :host(#{$selector}:not(.disabled)) {\n    button {\n      @content;\n    }\n  }\n\n  :host(#{$selector}) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color);\n    }\n  }\n\n  :host(#{$selector}:hover) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--hover);\n    }\n  }\n\n  :host(#{$selector}:active) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--active);\n    }\n  }\n\n  :host(#{$selector}.checked),\n  :host(#{$selector}[indeterminate]) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color);\n    }\n  }\n\n  :host(#{$selector}.checked:hover),\n  :host(#{$selector}[indeterminate]:hover) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--hover);\n    }\n  }\n\n  :host(#{$selector}.checked:active),\n  :host(#{$selector}[indeterminate]:active) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--active);\n    }\n  }\n\n  :host(#{$selector}.disabled) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--disabled);\n    }\n  }\n\n  :host(#{$selector}.checked.disabled),\n  :host(#{$selector}[indeterminate].disabled) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--disabled);\n    }\n  }\n}\n\n@mixin define-radio-vars($state, $type) {\n  --theme-radiobtn-#{$state}--background: var(--theme-radiobtn-#{$state}--background--#{$type});\n  --theme-radiobtn-#{$state}--background--hover: var(--theme-radiobtn-#{$state}--background--#{$type}--hover);\n  --theme-radiobtn-#{$state}--background--active: var(--theme-radiobtn-#{$state}--background--#{$type}--active);\n\n  --theme-radiobtn-#{$state}--border-color: var(--theme-radiobtn-#{$state}--border-color--#{$type});\n  --theme-radiobtn-#{$state}--border-color--hover: var(--theme-radiobtn-#{$state}--border-color--#{$type}--hover);\n  --theme-radiobtn-#{$state}--border-color--active: var(--theme-radiobtn-#{$state}--border-color--#{$type}--active);\n}\n\n@include radio-base();\n@include radio-variant(\n  $selector: '.ix-info',\n) {\n  @include define-radio-vars('unchecked', 'info');\n  @include define-radio-vars('checked', 'info');\n  @include define-radio-vars('mixed', 'info');\n}\n\n@include radio-variant(\n  $selector: '.ix-warning',\n) {\n  @include define-radio-vars('unchecked', 'warning');\n  @include define-radio-vars('checked', 'warning');\n  @include define-radio-vars('mixed', 'warning');\n}\n\n@include radio-variant(\n  $selector: '.ix-invalid--required',\n) {\n  @include define-radio-vars('unchecked', 'invalid');\n  @include define-radio-vars('checked', 'invalid');\n  @include define-radio-vars('mixed', 'invalid');\n}\n\n@include radio-variant(\n  $selector: '.ix-invalid',\n) {\n  @include define-radio-vars('unchecked', 'invalid');\n  @include define-radio-vars('checked', 'invalid');\n  @include define-radio-vars('mixed', 'invalid');\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  AttachInternals,\n  Component,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  Watch,\n  h,\n  Method,\n  Element,\n} from '@stencil/core';\nimport { makeRef } from '../utils/make-ref';\nimport { IxFormComponent } from '../utils/input';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-radio',\n  styleUrl: 'radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Radio implements IxFormComponent<string> {\n  @Element() hostElement!: HTMLIxRadioElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * Name of the radio component\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Value of the radio component\n   */\n  @Prop({ reflect: true }) value?: string;\n\n  /**\n   * Label for the radio component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Disabled state of the radio component\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Checked state of the radio component\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n\n  /**\n   * Event emitted when the checked state of the radio changes\n   */\n  @Event() checkedChange!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the value of the radio changes\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  /**\n   * Single radio cannot be required\n   * */\n  required = false;\n\n  private readonly inputRef = makeRef<HTMLInputElement>((radiobuttonRef) => {\n    radiobuttonRef.checked = this.checked;\n  });\n\n  private setCheckedState(newChecked: boolean) {\n    if (this.checked) {\n      return;\n    }\n    const result = this.checkedChange.emit(newChecked);\n    if (result.defaultPrevented) {\n      return;\n    }\n\n    this.checked = newChecked;\n  }\n\n  @Watch('checked')\n  async onCheckedChange() {\n    const radiobuttonRef = await this.inputRef.waitForCurrent();\n    radiobuttonRef.checked = this.checked;\n\n    this.updateFormInternalValue();\n  }\n\n  @Watch('value')\n  onValueChange() {\n    this.valueChange.emit(this.value);\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue();\n  }\n\n  updateFormInternalValue() {\n    if (this.checked) {\n      this.formInternals.setFormValue(this.value ?? 'on');\n    } else {\n      this.formInternals.setFormValue(null);\n    }\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(this.checked);\n  }\n\n  /** @internal */\n  @Method()\n  getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return Promise.resolve(this.formInternals.form);\n  }\n\n  render() {\n    return (\n      <Host\n        aria-checked={a11yBoolean(this.checked)}\n        aria-disabled={a11yBoolean(this.disabled)}\n        role=\"radio\"\n        class={{\n          disabled: this.disabled,\n          checked: this.checked,\n        }}\n      >\n        <label>\n          <input\n            aria-checked={a11yBoolean(this.checked)}\n            disabled={this.disabled}\n            checked={this.checked}\n            ref={this.inputRef}\n            type=\"radio\"\n            onChange={() => {\n              const ref = this.inputRef.current;\n              if (ref) {\n                this.setCheckedState(ref.checked);\n              }\n            }}\n          />\n          <button\n            disabled={this.disabled}\n            class={{\n              checked: this.checked,\n            }}\n            onClick={() => this.setCheckedState(!this.checked)}\n          >\n            <div\n              class=\"checkmark\"\n              style={{ visibility: this.checked ? 'visible' : 'hidden' }}\n            ></div>\n          </button>\n          <ix-typography\n            format=\"label\"\n            textColor={this.disabled ? 'weak' : 'std'}\n          >\n            {this.label}\n            <slot></slot>\n          </ix-typography>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAW,gkjB,MCmCJC,EAAK,MANlB,WAAAC,CAAAC,G,4QA4BUC,KAAQC,SAAY,MAKYD,KAAOE,QAAY,MAe3DF,KAAQG,SAAG,MAEMH,KAAAI,SAAWC,GAA2BC,IACrDA,EAAeJ,QAAUF,KAAKE,OAAO,GAoGxC,CAjGS,eAAAK,CAAgBC,GACtB,GAAIR,KAAKE,QAAS,CAChB,M,CAEF,MAAMO,EAAST,KAAKU,cAAcC,KAAKH,GACvC,GAAIC,EAAOG,iBAAkB,CAC3B,M,CAGFZ,KAAKE,QAAUM,C,CAIjB,qBAAMK,GACJ,MAAMP,QAAuBN,KAAKI,SAASU,iBAC3CR,EAAeJ,QAAUF,KAAKE,QAE9BF,KAAKe,yB,CAIP,aAAAC,GACEhB,KAAKiB,YAAYN,KAAKX,KAAKkB,M,CAG7B,iBAAAC,GACEnB,KAAKe,yB,CAGP,uBAAAA,G,MACE,GAAIf,KAAKE,QAAS,CAChBF,KAAKoB,cAAcC,cAAaC,EAAAtB,KAAKkB,SAAK,MAAAI,SAAA,EAAAA,EAAI,K,KACzC,CACLtB,KAAKoB,cAAcC,aAAa,K,EAMpC,aAAAE,GACE,OAAOC,QAAQC,QAAQzB,KAAKE,Q,CAK9B,wBAAAwB,GACE,OAAOF,QAAQC,QAAQzB,KAAKoB,cAAcO,K,CAG5C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,0DACWC,EAAYhC,KAAKE,SAAQ,gBACxB8B,EAAYhC,KAAKC,UAChCgC,KAAK,QACLC,MAAO,CACLjC,SAAUD,KAAKC,SACfC,QAASF,KAAKE,UAGhB2B,EAAA,SAAAE,IAAA,4CACEF,EAAA,SAAAE,IAAA,0DACgBC,EAAYhC,KAAKE,SAC/BD,SAAUD,KAAKC,SACfC,QAASF,KAAKE,QACdiC,IAAKnC,KAAKI,SACVgC,KAAK,QACLC,SAAU,KACR,MAAMF,EAAMnC,KAAKI,SAASkC,QAC1B,GAAIH,EAAK,CACPnC,KAAKO,gBAAgB4B,EAAIjC,Q,KAI/B2B,EAAA,UAAAE,IAAA,2CACE9B,SAAUD,KAAKC,SACfiC,MAAO,CACLhC,QAASF,KAAKE,SAEhBqC,QAAS,IAAMvC,KAAKO,iBAAiBP,KAAKE,UAE1C2B,EACE,OAAAE,IAAA,2CAAAG,MAAM,YACNM,MAAO,CAAEC,WAAYzC,KAAKE,QAAU,UAAY,aAGpD2B,EAAA,iBAAAE,IAAA,2CACEW,OAAO,QACPC,UAAW3C,KAAKC,SAAW,OAAS,OAEnCD,KAAK4C,MACNf,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/siemens-ix/p-5fef5328.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["applicationHeaderCss","ApplicationHeader","constructor","hostRef","this","showMenu","breakpoint","menuExpanded","suppressResponsive","hasSlottedElements","contentBackground","hostElement","shadowRoot","querySelector","componentWillLoad","useContextConsumer","ApplicationLayoutContext","ctx","host","applicationLayoutService","applicationLayoutContext","tryUpdateAppSwitch","menuDisposable","menuController","expandChange","on","show","modeDisposable","onChange","mode","updateIsSlottedContent","componentDidLoad","attachSiemensLogoIfLoaded","disconnectedCallback","_a","dispose","_b","watchApplicationLayoutContext","watchSuppressResponsive","isLogoSlotted","slotElement","nodes","assignedNodes","flatten","length","logoElement","document","createElement","appendChild","onMenuClick","toggle","menuToggle","emit","resolveContextMenuButton","Promise","resolve","readTask","callbackUpdateAppSwitchModal","appSwitchConfig","showAppSwitch","defaultPrevented","openAppSwitch","onContentBgClick","e","target","preventDefault","render","hasApplicationContextAvailable","showMenuByApplicationFrame","showApplicationSwitch","h","Host","key","class","slot","onClick","expanded","icon","iconApps","ghost","logo","name","format","Fragment","iconMoreMenu","discoverAllSubmenus","trigger","onSlotchange"],"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@import 'mixins/shadow-dom/component';\n@import 'mixins/break-points';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  align-items: flex-end;\n  flex-wrap: nowrap;\n  position: relative;\n  width: 100%;\n  height: calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));\n  min-height: calc(2.75rem + var(--ix-safe-area-inset-top, 0rem));\n  padding-top: 0;\n  padding-right: calc(1rem + var(--ix-safe-area-inset-right, 0rem));\n  padding-bottom: 0.3rem;\n  padding-left: calc(0.625rem + var(--ix-safe-area-inset-left, 0rem));\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  z-index: var(--theme-z-index-fixed);\n\n  .app-switch {\n    margin-right: 1rem;\n  }\n\n  .name {\n    overflow: hidden;\n    overflow-wrap: anywhere;\n    text-overflow: ellipsis;\n    text-wrap: nowrap;\n    max-width: 50%;\n    margin-left: 1.5rem;\n    margin-right: 2.5rem;\n    margin-bottom: 0.25rem;\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    margin-left: 0.375rem;\n  }\n\n  .content {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    margin-left: auto;\n    margin-right: 0px;\n  }\n\n  .dropdown {\n    overflow: visible;\n  }\n\n  .dropdown-content {\n    padding: 1rem;\n  }\n\n  .context-menu {\n    display: none;\n  }\n\n  .context-menu.context-menu-visible {\n    display: block;\n  }\n\n  @include media-breakpoint-match('sm') {\n    .logo {\n      display: none;\n    }\n  }\n\n  ::slotted(ix-avatar) {\n    margin-left: 1rem;\n  }\n}\n\n:host(.breakpoint-sm) {\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 */\nimport { iconApps, iconMoreMenu } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  readTask,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport {\n  ApplicationLayoutContext,\n  AppSwitchConfiguration,\n} from '../utils/application-layout/context';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport { Disposable } from '../utils/typed-event';\n\n/**\n * @slot logo - Location of the logo\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   * Controls the visibility of the menu toggle button based on the context of the application header.\n   *\n   * When the application header is utilized outside the application frame, the menu toggle button is displayed.\n   * Conversely, if the header is within the application frame, this property is ineffective.\n   *\n   * @since 2.5.0\n   */\n  @Prop({ mutable: true }) showMenu?: boolean = false;\n\n  /**\n   * Event emitted when the menu toggle button is clicked\n   *\n   * @since 2.5.0\n   */\n  @Event() menuToggle!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the app switch button is clicked\n   *\n   * @since 3.0.0\n   */\n  @Event() openAppSwitch!: EventEmitter<void>;\n\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() menuExpanded = false;\n  @State() suppressResponsive = false;\n\n  @State() hasSlottedElements = false;\n\n  private menuDisposable?: Disposable;\n  private modeDisposable?: Disposable;\n  private callbackUpdateAppSwitchModal?: (\n    config: AppSwitchConfiguration\n  ) => void;\n\n  @State() applicationLayoutContext?: ContextType<\n    typeof ApplicationLayoutContext\n  >;\n\n  get contentBackground() {\n    return this.hostElement.shadowRoot!.querySelector('.dropdown-content');\n  }\n\n  componentWillLoad() {\n    useContextConsumer(\n      this.hostElement,\n      ApplicationLayoutContext,\n      (ctx) => {\n        if (ctx?.host === 'map-navigation') {\n          this.suppressResponsive = true;\n          this.breakpoint = 'md';\n          return;\n        }\n\n        this.breakpoint = applicationLayoutService.breakpoint;\n        this.applicationLayoutContext = ctx;\n\n        this.tryUpdateAppSwitch();\n      },\n      true\n    );\n\n    this.menuDisposable = menuController.expandChange.on((show) => {\n      this.menuExpanded = show;\n    });\n\n    this.modeDisposable = applicationLayoutService.onChange.on((mode) => {\n      if (this.suppressResponsive) {\n        return;\n      }\n\n      this.breakpoint = mode;\n    });\n\n    this.updateIsSlottedContent();\n  }\n\n  componentDidLoad() {\n    this.attachSiemensLogoIfLoaded();\n  }\n\n  disconnectedCallback() {\n    this.menuDisposable?.dispose();\n    this.modeDisposable?.dispose();\n  }\n\n  @Watch('applicationLayoutContext')\n  watchApplicationLayoutContext() {\n    if (this.applicationLayoutContext) {\n      this.showMenu = false;\n    }\n  }\n  @Watch('suppressResponsive')\n  watchSuppressResponsive() {\n    this.breakpoint = 'md';\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 attachSiemensLogoIfLoaded() {\n    const logoElement = document.createElement('ix-siemens-logo');\n    if (!this.isLogoSlotted()) {\n      this.hostElement\n        .shadowRoot!.querySelector('.logo')\n        ?.appendChild(logoElement);\n    }\n  }\n\n  private async onMenuClick() {\n    if (this.applicationLayoutContext) {\n      menuController.toggle();\n    } else {\n      this.menuExpanded = !this.menuExpanded;\n    }\n\n    this.menuToggle.emit(this.menuExpanded);\n  }\n\n  private resolveContextMenuButton() {\n    return new Promise<HTMLElement>((resolve) =>\n      readTask(() =>\n        resolve(\n          this.hostElement.shadowRoot!.querySelector(\n            '[data-context-menu]'\n          ) as HTMLElement\n        )\n      )\n    );\n  }\n\n  private tryUpdateAppSwitch() {\n    if (\n      !this.callbackUpdateAppSwitchModal ||\n      !this.applicationLayoutContext?.appSwitchConfig\n    ) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private async showAppSwitch() {\n    const { defaultPrevented } = this.openAppSwitch.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.applicationLayoutContext?.appSwitchConfig) {\n      return;\n    }\n\n    this.callbackUpdateAppSwitchModal = await showAppSwitch(\n      this.applicationLayoutContext?.appSwitchConfig\n    );\n  }\n\n  private updateIsSlottedContent() {\n    const slotElement =\n      this.hostElement.shadowRoot!.querySelector('.content slot');\n\n    this.hasSlottedElements = hasSlottedElements(slotElement);\n  }\n\n  private onContentBgClick(e: MouseEvent) {\n    if (e.target === this.contentBackground) {\n      e.preventDefault();\n    }\n  }\n\n  render() {\n    const hasApplicationContextAvailable = !!this.applicationLayoutContext;\n\n    const showMenuByApplicationFrame =\n      this.breakpoint === 'sm' &&\n      this.suppressResponsive === false &&\n      hasApplicationContextAvailable;\n\n    const showApplicationSwitch =\n      this.applicationLayoutContext?.appSwitchConfig &&\n      this.breakpoint !== 'sm' &&\n      this.suppressResponsive === false;\n\n    return (\n      <Host\n        class={{\n          [`breakpoint-${this.breakpoint}`]: true,\n        }}\n        slot=\"application-header\"\n      >\n        {(this.showMenu || showMenuByApplicationFrame) && (\n          <ix-menu-expand-icon\n            onClick={() => this.onMenuClick()}\n            expanded={this.menuExpanded}\n          ></ix-menu-expand-icon>\n        )}\n        {showApplicationSwitch && (\n          <ix-icon-button\n            onClick={() => this.showAppSwitch()}\n            icon={iconApps}\n            ghost\n            class=\"app-switch\"\n          ></ix-icon-button>\n        )}\n        <div class={{ logo: true }}>\n          <slot name=\"logo\"></slot>\n        </div>\n        <ix-typography format=\"body-lg\" class=\"name\">\n          {this.name}\n        </ix-typography>\n        <div class=\"content\">\n          {this.breakpoint === 'sm' ? (\n            <Fragment>\n              <ix-icon-button\n                class={{\n                  ['context-menu']: true,\n                  ['context-menu-visible']: this.hasSlottedElements,\n                }}\n                data-context-menu\n                data-testid=\"show-more\"\n                icon={iconMoreMenu}\n                ghost\n              ></ix-icon-button>\n              <ix-dropdown\n                data-overflow-dropdown\n                class=\"dropdown\"\n                discoverAllSubmenus\n                trigger={this.resolveContextMenuButton()}\n              >\n                <div\n                  class=\"dropdown-content\"\n                  onClick={(e) => this.onContentBgClick(e)}\n                >\n                  <slot\n                    onSlotchange={() => this.updateIsSlottedContent()}\n                  ></slot>\n                </div>\n              </ix-dropdown>\n            </Fragment>\n          ) : (\n            <slot onSlotchange={() => this.updateIsSlottedContent()}></slot>\n          )}\n          <slot name=\"ix-application-header-avatar\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-6691703e.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as e,H as t}from"./p-BNpBEtDH.js";const c=":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host .notification{font-size:40px}:host ix-card-content{height:11rem}";const i=class{constructor(e){a(this,e);this.variant="outline";this.collapse=true}render(){var a;return e(t,{key:"729eb7aa95e11b35f41a8fbb3257f2d430022e43"},e("ix-card",{key:"0ba1030c9440bb5e90190f532bb303ae6e6598b1",variant:this.variant},e("ix-card-content",{key:"30425a6f9279103ea821f031ad6f41bbc9942185"},e("ix-card-title",{key:"7aa2d8165b766d32cb4b8ecdf232502c91300a4a"},this.icon?e("ix-icon",{class:"icon",name:this.icon,size:"32"}):null,e("span",{key:"b73e8e8ead6c6a54bfbab5f8a71338a2b9e278a6",class:"notification"},(a=this.notification)!==null&&a!==void 0?a:0),e("slot",{key:"848b45aac86c3a48e673300ff377b595caf7e678",name:"title-action"})),e("ix-typography",{key:"69f3127aa6fb433d503b302ea8ecccde980dc23b",format:"h4"},this.heading),e("ix-typography",{key:"19518c77b67d53fd71f060627ae6c49527639bfb"},this.subheading)),e("ix-card-accordion",{key:"54d7cdf97845183ef112afdc83089f2cdc8e82bf",collapse:this.collapse},e("slot",{key:"648f716ecf8be35f43746d453780a5a2a0e12ae7"}))))}};i.style=c;export{i as ix_push_card};
-//# sourceMappingURL=p-6691703e.entry.js.map

package/dist/siemens-ix/p-6691703e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["pushCardCss","PushCard","constructor","hostRef","this","variant","collapse","render","h","Host","key","icon","class","name","size","_a","notification","format","heading","subheading"],"sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.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: block;\n  position: relative;\n\n  ix-card {\n    cursor: default;\n  }\n\n  ix-card-accordion {\n    cursor: pointer;\n  }\n\n  .icon {\n    height: 2.5rem;\n    width: 2.5rem;\n  }\n\n  .notification {\n    font-size: 40px;\n  }\n\n  ix-card-content {\n    height: 11rem;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport { CardVariant } from '../card/card';\n\nexport type PushCardVariant = CardVariant;\n\n/**\n * @since 1.6.0\n */\n@Component({\n  tag: 'ix-push-card',\n  styleUrl: 'push-card.scss',\n  shadow: true,\n})\nexport class PushCard {\n  /**\n   * Card icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Card KPI value\n   */\n  @Prop() notification?: string;\n\n  /**\n   * Card heading\n   */\n  @Prop() heading?: string;\n\n  /**\n   * Card subheading\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * Card variant\n   */\n  @Prop() variant: PushCardVariant = 'outline';\n\n  /**\n   * Collapse the card\n   * @since 2.1.0\n   */\n  @Prop() collapse: boolean = true;\n\n  render() {\n    return (\n      <Host>\n        <ix-card variant={this.variant}>\n          <ix-card-content>\n            <ix-card-title>\n              {this.icon ? (\n                <ix-icon class={'icon'} name={this.icon} size=\"32\"></ix-icon>\n              ) : null}\n              <span class={'notification'}>{this.notification ?? 0}</span>\n              <slot name=\"title-action\"></slot>\n            </ix-card-title>\n            <ix-typography format=\"h4\">{this.heading}</ix-typography>\n            <ix-typography>{this.subheading}</ix-typography>\n          </ix-card-content>\n          <ix-card-accordion collapse={this.collapse}>\n            <slot></slot>\n          </ix-card-accordion>\n        </ix-card>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,0N,MCsBPC,EAAQ,MALrB,WAAAC,CAAAC,G,UA6BUC,KAAOC,QAAoB,UAM3BD,KAAQE,SAAY,IAwB7B,CAtBC,MAAAC,G,MACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,2CAASL,QAASD,KAAKC,SACrBG,EAAA,mBAAAE,IAAA,4CACEF,EAAA,iBAAAE,IAAA,4CACGN,KAAKO,KACJH,EAAS,WAAAI,MAAO,OAAQC,KAAMT,KAAKO,KAAMG,KAAK,OAC5C,KACJN,EAAM,QAAAE,IAAA,2CAAAE,MAAO,iBAAiBG,EAAAX,KAAKY,gBAAgB,MAAAD,SAAA,EAAAA,EAAA,GACnDP,EAAA,QAAAE,IAAA,2CAAMG,KAAK,kBAEbL,EAAA,iBAAAE,IAAA,2CAAeO,OAAO,MAAMb,KAAKc,SACjCV,EAAA,iBAAAE,IAAA,4CAAgBN,KAAKe,aAEvBX,EAAA,qBAAAE,IAAA,2CAAmBJ,SAAUF,KAAKE,UAChCE,EAAA,QAAAE,IAAA,+C","ignoreList":[]}