@siemens/ix 3.0.0-alpha.4 → 3.0.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["modalContentCss","ModalContent","render","h","Host","key","modalHeaderCss","ModalHeader","constructor","hostRef","this","hideClose","onIconChange","icon","parentDialog","classList","add","remove","componentDidLoad","closestPassShadow","hostElement","onCloseClick","event","ce","closeClick","emit","defaultPrevented","dismissModal","name","color","iconColor","size","class","format","onClick","ghost","iconClose"],"sources":["src/components/modal-content/modal-content.scss?tag=ix-modal-content&encapsulation=shadow","src/components/modal-content/modal-content.tsx","src/components/modal-header/modal-header.scss?tag=ix-modal-header&encapsulation=shadow","src/components/modal-header/modal-header.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\n  display: block;\n  position: relative;\n  overflow: auto;\n  padding: 0 0.5rem 0.5rem;\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 } from '@stencil/core';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-modal-content',\n  styleUrl: 'modal-content.scss',\n  shadow: true,\n})\nexport class ModalContent {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  padding: 0.5rem 0 0.5rem 0.5rem;\n  align-items: center;\n  gap: 1rem;\n\n  .modal-title {\n    flex-grow: 1;\n  }\n\n  .modal-close  {\n    align-self: flex-start;\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  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { closestPassShadow } from '../utils/shadow-dom';\nimport { iconClose } from '@siemens/ix-icons/icons';\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-modal-header',\n  styleUrl: 'modal-header.scss',\n  shadow: true,\n})\nexport class ModalHeader {\n  @Element() hostElement!: HTMLIxModalHeaderElement;\n\n  /**\n   * Hide the close button\n   */\n  @Prop() hideClose = false;\n\n  /**\n   * Icon of the Header\n   */\n  @Prop() icon?: string;\n\n  @Watch('icon')\n  onIconChange(icon?: string) {\n    if (this.parentDialog) {\n      if (icon) {\n        this.parentDialog.classList.add('with-icon');\n      } else {\n        this.parentDialog.classList.remove('with-icon');\n      }\n    }\n  }\n\n  /**\n   * Icon color\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Emits when close icon is clicked and closes the modal\n   * Can be prevented, in which case only the event is triggered, and the modal remains open\n   */\n  @Event() closeClick!: EventEmitter<MouseEvent>;\n\n  private parentDialog!: HTMLIxModalElement;\n\n  componentDidLoad() {\n    this.parentDialog = closestPassShadow(\n      this.hostElement,\n      'ix-modal'\n    ) as HTMLIxModalElement;\n    this.onIconChange(this.icon);\n  }\n\n  private onCloseClick(event: MouseEvent) {\n    const ce = this.closeClick.emit(event);\n    if (ce.defaultPrevented || event.defaultPrevented) {\n      return;\n    }\n\n    this.parentDialog.dismissModal();\n  }\n\n  render() {\n    return (\n      <Host>\n        {this.icon ? (\n          <ix-icon name={this.icon} color={this.iconColor} size=\"32\"></ix-icon>\n        ) : null}\n        <div class=\"modal-title\">\n          <ix-typography format=\"h5\">\n            <slot></slot>\n          </ix-typography>\n        </div>\n        {!this.hideClose ? (\n          <ix-icon-button\n            class=\"modal-close\"\n            onClick={(event) => this.onCloseClick(event)}\n            ghost\n            icon={iconClose}\n          ></ix-icon-button>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAkB,u0B,MCmBXC,EAAY,M,yBACvB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6C,aCvBrB,MAAMC,EAAiB,i5B,MC8BVC,EAAW,MALxB,WAAAC,CAAAC,G,iDAWUC,KAASC,UAAG,KAsErB,CA9DC,YAAAC,CAAaC,GACX,GAAIH,KAAKI,aAAc,CACrB,GAAID,EAAM,CACRH,KAAKI,aAAaC,UAAUC,IAAI,Y,KAC3B,CACLN,KAAKI,aAAaC,UAAUE,OAAO,Y,GAkBzC,gBAAAC,GACER,KAAKI,aAAeK,EAClBT,KAAKU,YACL,YAEFV,KAAKE,aAAaF,KAAKG,K,CAGjB,YAAAQ,CAAaC,GACnB,MAAMC,EAAKb,KAAKc,WAAWC,KAAKH,GAChC,GAAIC,EAAGG,kBAAoBJ,EAAMI,iBAAkB,CACjD,M,CAGFhB,KAAKI,aAAaa,c,CAGpB,MAAAzB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACFK,KAAKG,KACJV,EAAA,WAASyB,KAAMlB,KAAKG,KAAMgB,MAAOnB,KAAKoB,UAAWC,KAAK,OACpD,KACJ5B,EAAK,OAAAE,IAAA,2CAAA2B,MAAM,eACT7B,EAAe,iBAAAE,IAAA,2CAAA4B,OAAO,MACpB9B,EAAA,QAAAE,IAAA,gDAGFK,KAAKC,UACLR,EAAA,kBACE6B,MAAM,cACNE,QAAUZ,GAAUZ,KAAKW,aAAaC,GACtCa,MAAK,KACLtB,KAAMuB,IAEN,K","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["numberInputCss","numberInputIds","NumberInput","constructor","hostRef","this","value","required","disabled","readonly","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","inputRef","makeRef","slotEndRef","slotStartRef","numberInputId","touched","updateClassMappings","result","mapValidationResult","componentWillLoad","updateFormInternalValue","connectedCallback","disposableChangesAndVisibilityObservers","addDisposableChangesAndVisibilityObservers","hostElement","updatePaddings","bind","disconnectedCallback","_a","call","adjustPaddingForStartAndEnd","current","formInternals","setFormValue","toString","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","render","showStepperButtons","h","Host","key","class","id","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","SlotStart","onSlotChange","InputElement","min","max","pattern","type","placeholder","onKeyPress","event","checkAllowedKeys","valueChange","emit","Number","onBlur","onInputBlur","SlotEnd","ghost","icon","iconMinus","size","onClick","stepDown","checkInternalValidity","iconPlus","stepUp","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/input/number-input.scss?tag=ix-number-input&encapsulation=shadow","src/components/input/number-input.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:host {\n  .input-wrapper.show-stepper-buttons {\n    input[type='number'] {\n      min-width: 6rem;\n    }\n  }\n\n  .number-stepper-container {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    margin-right: 0.25rem;\n\n    &.container-hidden {\n      display: none;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconMinus, iconPlus } from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { InputElement, SlotEnd, SlotStart } from './input.fc';\nimport {\n  addDisposableChangesAndVisibilityObservers,\n  adjustPaddingForStartAndEnd,\n  checkAllowedKeys,\n  checkInternalValidity,\n  DisposableChangesAndVisibilityObservers,\n  mapValidationResult,\n  onInputBlur,\n} from './input.util';\n\nlet numberInputIds = 0;\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n  tag: 'ix-number-input',\n  styleUrl: 'number-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class NumberInput implements IxInputFieldComponent<number> {\n  @Element() hostElement!: HTMLIxNumberInputElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * name of the input element\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * placeholder of the input element\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * The value of the input field\n   */\n  @Prop({ reflect: true, mutable: true }) value: number = 0;\n\n  /**\n   * Indicates if the field is required\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Disables the input field\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Indicates if the field is read-only\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * The helper text for the input field\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The info text for the input field\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Indicates if the text should be shown as a tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * The valid text for the input field\n   */\n  @Prop() validText?: string;\n\n  /**\n   * The warning text for the input field\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * The label for the input field\n   */\n  @Prop({ reflect: true }) label?: string;\n\n  /**\n   * The error text for the input field\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * The pattern for the input field\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * The minimum value for the input field\n   */\n  @Prop() min?: string | number;\n\n  /**\n   * The maximum value for the input field\n   */\n  @Prop() max?: string | number;\n\n  /**\n   * The allowed characters pattern for the input field\n   */\n  @Prop() allowedCharactersPattern?: string;\n\n  /**\n   * Indicates if the stepper buttons should be shown\n   */\n  @Prop() showStepperButtons?: boolean;\n\n  /**\n   * Event emitted when the value of the input field changes\n   */\n  @Event() valueChange!: EventEmitter<number>;\n\n  /**\n   * Event emitted when the validity state of the input field changes\n   */\n  @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n  /**\n   * Event emitted when the input 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 inputRef = makeRef<HTMLInputElement>();\n  private readonly slotEndRef = makeRef<HTMLDivElement>();\n  private readonly slotStartRef = makeRef<HTMLDivElement>();\n  private readonly numberInputId = `number-input-${numberInputIds++}`;\n  private touched = false;\n\n  private disposableChangesAndVisibilityObservers?: DisposableChangesAndVisibilityObservers;\n\n  @HookValidationLifecycle()\n  updateClassMappings(result: ValidationResults) {\n    mapValidationResult(this, result);\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue(this.value);\n  }\n\n  connectedCallback() {\n    this.disposableChangesAndVisibilityObservers =\n      addDisposableChangesAndVisibilityObservers(\n        this.hostElement,\n        this.updatePaddings.bind(this)\n      );\n  }\n\n  disconnectedCallback() {\n    this.disposableChangesAndVisibilityObservers?.();\n  }\n\n  private updatePaddings() {\n    adjustPaddingForStartAndEnd(\n      this.slotStartRef.current,\n      this.slotEndRef.current,\n      this.inputRef.current\n    );\n  }\n\n  updateFormInternalValue(value: number) {\n    this.formInternals.setFormValue(value.toString());\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   * Returns the native input element used under the hood\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    return this.inputRef.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   * Returns true 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    const showStepperButtons =\n      this.showStepperButtons && (this.disabled || this.readonly) === false;\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          id={this.numberInputId}\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              'input-wrapper': true,\n              'show-stepper-buttons': !!this.showStepperButtons,\n            }}\n          >\n            <SlotStart\n              slotStartRef={this.slotStartRef}\n              onSlotChange={() => this.updatePaddings()}\n            ></SlotStart>\n\n            <InputElement\n              id={this.numberInputId}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              min={this.min}\n              max={this.max}\n              pattern={this.pattern}\n              type={'number'}\n              isInvalid={this.isInvalid}\n              required={this.required}\n              value={this.value}\n              placeholder={this.placeholder}\n              inputRef={this.inputRef}\n              onKeyPress={(event) => checkAllowedKeys(this, event)}\n              valueChange={(value) => this.valueChange.emit(Number(value))}\n              updateFormInternalValue={(value) =>\n                this.updateFormInternalValue(Number(value))\n              }\n              onBlur={() => {\n                onInputBlur(this, this.inputRef.current);\n                this.touched = true;\n              }}\n            ></InputElement>\n            <SlotEnd\n              slotEndRef={this.slotEndRef}\n              onSlotChange={() => this.updatePaddings()}\n            >\n              <div\n                class={{\n                  'number-stepper-container': true,\n                  'container-hidden': !showStepperButtons,\n                }}\n              >\n                <ix-icon-button\n                  ghost\n                  icon={iconMinus}\n                  size=\"16\"\n                  class=\"number-stepper-button step-minus\"\n                  onClick={() => {\n                    if (!this.inputRef.current) {\n                      return;\n                    }\n                    this.inputRef.current.stepDown();\n                    checkInternalValidity(this, this.inputRef.current);\n                    this.updateFormInternalValue(\n                      Number(this.inputRef.current.value)\n                    );\n                    this.valueChange.emit(this.value);\n                  }}\n                ></ix-icon-button>\n                <ix-icon-button\n                  ghost\n                  icon={iconPlus}\n                  size=\"16\"\n                  class=\"number-stepper-button step-plus\"\n                  onClick={() => {\n                    if (!this.inputRef.current) {\n                      return;\n                    }\n                    this.inputRef.current.stepUp();\n                    checkInternalValidity(this, this.inputRef.current);\n                    this.updateFormInternalValue(\n                      Number(this.inputRef.current.value)\n                    );\n                    this.valueChange.emit(this.value);\n                  }}\n                ></ix-icon-button>\n              </div>\n            </SlotEnd>\n          </div>\n        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as s}from"./p-BNpBEtDH.js";const a=":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}";const d=class{constructor(t){e(this,t);this.striped=false}render(){return t(s,{key:"7d8dd7871cd6618bc773f7d71feea75fa0506d8e",class:{keyValueList:true,"keyValueList--striped":this.striped}},t("slot",{key:"1ad1d9d4acf4bdcbe766bb40583d4fe6e1fe60f3"}))}};d.style=a;export{d as ix_key_value_list};
-//# sourceMappingURL=p-b01c5093.entry.js.map

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["splitButtonCss","SplitButton","constructor","hostRef","this","variant","closeBehavior","outline","ghost","disabled","placement","toggle","linkTriggerRef","triggerElement","dropdownElement","trigger","componentDidLoad","render","buttonAttributes","class","h","Host","key","label","Object","assign","icon","onClick","e","buttonClick","emit","ref","r","_a","splitIcon","iconContextMenu"],"sources":["src/components/split-button/split-button.scss?tag=ix-split-button&encapsulation=shadow","src/components/split-button/split-button.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 'legacy/components/button-group';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n\n  .btn-group {\n    position: relative;\n    display: inline-flex;\n    vertical-align: middle;\n    width: 100%;\n\n    > ix-button:nth-child(1) {\n      width: calc(100% - 2rem);\n    }\n\n    > ix-button:nth-child(2) {\n      width: 2rem;\n    }\n  }\n\n  .middle-gap {\n    gap: 0.125rem;\n  }\n\n  .left-button-border {\n    border-top-width: 0.125rem;\n    border-right-width: 0;\n    border-left-width: 0.125rem;\n    border-bottom-width: 0.125rem;\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} from '@stencil/core';\nimport { ButtonVariant } from '../button/button';\nimport { AlignedPlacement } from '../dropdown/placement';\nimport { iconContextMenu } from '@siemens/ix-icons/icons';\nimport { CloseBehavior } from '../dropdown/dropdown-controller';\n\nexport type SplitButtonVariant = ButtonVariant;\n\n@Component({\n  tag: 'ix-split-button',\n  styleUrl: 'split-button.scss',\n  shadow: true,\n})\nexport class SplitButton {\n  @Element() hostElement!: HTMLIxSplitButtonElement;\n\n  /**\n   * Color variant of button\n   */\n  @Prop() variant: SplitButtonVariant = 'primary';\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   * @since 2.3.0\n   */\n  @Prop() closeBehavior: CloseBehavior = 'both';\n\n  /**\n   * Button outline variant\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button invisible\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Button label\n   */\n  @Prop() label?: string;\n\n  /**\n   * Button icon\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Icon of the button on the right\n   */\n  @Prop() splitIcon?: string;\n\n  /**\n   * Disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement: AlignedPlacement = 'bottom-start';\n\n  @State() toggle = false;\n\n  /**\n   * Button clicked\n   */\n  @Event() buttonClick!: EventEmitter<MouseEvent>;\n\n  private triggerElement?: HTMLElement;\n  private dropdownElement?: HTMLIxDropdownElement;\n\n  private linkTriggerRef() {\n    if (this.triggerElement && this.dropdownElement) {\n      this.dropdownElement.trigger = this.triggerElement;\n    }\n  }\n\n  componentDidLoad() {\n    this.linkTriggerRef();\n  }\n\n  render() {\n    const buttonAttributes = {\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      disabled: this.disabled,\n      class: {\n        'left-button-border': !this.outline,\n      },\n    };\n    return (\n      <Host>\n        <div class={{ 'btn-group': true, 'middle-gap': !this.outline }}>\n          {this.label ? (\n            <ix-button\n              {...buttonAttributes}\n              icon={this.icon}\n              onClick={(e) => this.buttonClick.emit(e)}\n            >\n              {this.label}\n            </ix-button>\n          ) : (\n            <ix-icon-button\n              {...buttonAttributes}\n              icon={this.icon}\n              onClick={(e) => this.buttonClick.emit(e)}\n            ></ix-icon-button>\n          )}\n          <ix-icon-button\n            {...buttonAttributes}\n            ref={(r) => (this.triggerElement = r)}\n            class={'anchor'}\n            icon={this.splitIcon ?? iconContextMenu}\n          ></ix-icon-button>\n        </div>\n\n        <ix-dropdown\n          ref={(r) => (this.dropdownElement = r)}\n          closeBehavior={this.closeBehavior}\n        >\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAiB,i7C,MC+BVC,EAAW,MALxB,WAAAC,CAAAC,G,mDAWUC,KAAOC,QAAuB,UAM9BD,KAAaE,cAAkB,OAK/BF,KAAOG,QAAG,MAKVH,KAAKI,MAAG,MAoBRJ,KAAQK,SAAG,MAKXL,KAASM,UAAqB,eAE7BN,KAAMO,OAAG,KAiEnB,CAvDS,cAAAC,GACN,GAAIR,KAAKS,gBAAkBT,KAAKU,gBAAiB,CAC/CV,KAAKU,gBAAgBC,QAAUX,KAAKS,c,EAIxC,gBAAAG,GACEZ,KAAKQ,gB,CAGP,MAAAK,G,MACE,MAAMC,EAAmB,CACvBb,QAASD,KAAKC,QACdE,QAASH,KAAKG,QACdC,MAAOJ,KAAKI,MACZC,SAAUL,KAAKK,SACfU,MAAO,CACL,sBAAuBf,KAAKG,UAGhC,OACEa,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKH,MAAO,CAAE,YAAa,KAAM,cAAef,KAAKG,UAClDH,KAAKmB,MACJH,EACM,YAAAI,OAAAC,OAAA,GAAAP,EACJ,CAAAQ,KAAMtB,KAAKsB,KACXC,QAAUC,GAAMxB,KAAKyB,YAAYC,KAAKF,KAErCxB,KAAKmB,OAGRH,EACM,iBAAAI,OAAAC,OAAA,GAAAP,EACJ,CAAAQ,KAAMtB,KAAKsB,KACXC,QAAUC,GAAMxB,KAAKyB,YAAYC,KAAKF,MAG1CR,EAAA,iBAAAI,OAAAC,OAAA,CAAAH,IAAA,4CACMJ,EAAgB,CACpBa,IAAMC,GAAO5B,KAAKS,eAAiBmB,EACnCb,MAAO,SACPO,MAAMO,EAAA7B,KAAK8B,aAAa,MAAAD,SAAA,EAAAA,EAAAE,MAI5Bf,EAAA,eAAAE,IAAA,2CACES,IAAMC,GAAO5B,KAAKU,gBAAkBkB,EACpC1B,cAAeF,KAAKE,eAEpBc,EAAa,QAAAE,IAAA,8C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["ApplicationSidebarToggleEvent","Event","constructor","force","super","bubbles","composed","this","menuCss","Menu","hostRef","showSettings","showAbout","enableToggleTheme","enableSettings","enableMapExpand","applicationDescription","i18nExpandSidebar","expand","startExpanded","pinned","i18nLegal","i18nSettings","i18nToggleTheme","i18nExpand","i18nCollapse","showPinned","mapExpand","breakpoint","itemsScrollShadowTop","itemsScrollShadowBottom","isTransitionDisabled","isVisible","elm","style","display","_b","_a","parentElement","pinnedChange","newPinned","applicationLayoutContext","host","console","warn","setPinned","applicationLayoutService","disableBreakpointDetection","setBreakpoint","enableBreakpointDetection","popoverArea","hostElement","shadowRoot","querySelector","menu","menuItemsContainer","overlayContainer","menuItems","Array","from","querySelectorAll","filter","menuBottomItems","homeTab","moreItemsDropdown","isMoreItemsDropdownEmpty","length","moreItemsDropdownItems","activeMoreTabContainer","activeMoreTab","aboutPopoverContainer","aboutNewsPopover","document","aboutTab","about","settings","isSettingsEmpty","tabsContainer","componentDidLoad","requestAnimationFrame","handleOverflowIndicator","componentWillLoad","useContextConsumer","ApplicationLayoutContext","ctx","hideHeader","onBreakpointChange","menuController","register","onChange","on","componentDidRender","show","appendFragments","setIsPinned","mode","initial","toggleMenu","appendAboutNewsPopover","getAboutPopoverVerticalPosition","heightArrow","offsetArrow","rectAbout","getBoundingClientRect","bottom","window","innerHeight","height","offset","convertToRemString","contains","showMore","aboutItemLabel","activeTabLabel","toggleAbout","addEventListener","bind","body","appendChild","toggleMapExpand","undefined","oldExpand","expanded","defaultPrevented","expandChange","emit","checkTransition","setTimeout","container","transitionProperty","isOverlayVisible","toggleSettings","openSettings","animateOverlayFadeIn","resetOverlay","onOverlayClose","openAbout","getCollapseText","getCollapseIcon","iconNavigationLeft","iconNavigationRight","isMenuItemClicked","event","target","HTMLElement","tagName","clientHeight","scrollTop","scrollHeight","Math","round","animateOverlayFadeOut","anime","targets","duration","backdropFilter","translateX","opacity","easing","begin","onComplete","complete","onMenuItemsClick","isHiddenFromViewport","sidebarToggle","mapExpandChange","dispatchEvent","showAppSwitch","openAppSwitch","appSwitchConfig","render","h","Host","key","class","slot","ixAriaLabel","onClick","async","icon","iconApps","ghost","id","e","tabs","onScroll","name","disabled","active","iconCogwheel","label","iconInfo","themeSwitcher","toggleMode","iconLightDark","sidebar","visible","onTransitionEnd"],"sources":["src/components/application-sidebar/events.ts","src/components/menu/menu.scss?tag=ix-menu&encapsulation=shadow","src/components/menu/menu.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\nexport class ApplicationSidebarToggleEvent extends Event {\n  public constructor(public readonly force?: boolean) {\n    super('application-sidebar-toggle', { bubbles: true, composed: true });\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\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n@import '~animate.css/animate.min';\n\n$menu-expanded-width: 16rem;\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  height: 100%;\n  min-height: min-content;\n  z-index: var(--theme-z-index-sticky);\n  width: auto;\n\n  bottom: 0;\n\n  .tabs {\n    height: 100%;\n    position: relative;\n    overflow-y: auto;\n    pointer-events: all;\n\n    -ms-overflow-style: none;\n\n    scrollbar-width: none;\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  .show-scrollbar {\n    scrollbar-width: inherit;\n\n    &::-webkit-scrollbar {\n      display: inherit;\n    }\n  }\n\n  .tabs-shadow-container {\n    overflow: hidden;\n    display: block;\n    position: relative;\n    margin-bottom: 0.75rem;\n  }\n\n  .tabs--shadow {\n    opacity: 0;\n    position: absolute;\n    width: 100%;\n    height: 0.625rem;\n\n    background: linear-gradient(var(--theme-color-shadow-1), transparent);\n    pointer-events: none;\n    z-index: var(--theme-z-index-sticky);\n\n    transition: opacity var(--theme-default-time);\n  }\n  .tabs--shadow-top {\n    top: 0;\n    background: linear-gradient(var(--theme-color-shadow-1), transparent);\n  }\n\n  .tabs--shadow-bottom {\n    bottom: 0;\n    background: linear-gradient(transparent, var(--theme-color-shadow-1));\n  }\n\n  .tabs--shadow--show {\n    opacity: 1;\n  }\n\n  .menu {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    width: calc(3.25rem + var(--ix-application-menu-safe-area-left, 0rem));\n    height: 100%;\n    padding-block-end: calc(1rem + var(--ix-safe-area-inset-bottom, 0rem));\n    overflow: hidden;\n\n    padding-left: var(--ix-application-menu-safe-area-left, 0rem);\n\n    &.expanded {\n      box-shadow: var(--theme-navigation--box-shadow);\n    }\n\n    background-color: var(--theme-nav--background);\n    transition: width var(--theme-default-time) ease-in-out;\n  }\n\n  .menu-overlay {\n    display: none;\n    position: absolute;\n    width: calc(100vw - 3.25rem);\n    height: 100%;\n    left: 3.25rem;\n    z-index: -1;\n    backdrop-filter: blur(1rem);\n    background-color: var(--theme-sidebar-overlay-blur);\n    transition: left var(--theme-default-time) ease-in-out;\n  }\n\n  .menu-overlay.visible {\n    display: block;\n  }\n\n  .menu.expanded {\n    width: $menu-expanded-width;\n  }\n\n  .menu-overlay.expanded {\n    width: calc(100vw - $menu-expanded-width);\n    left: $menu-expanded-width;\n  }\n\n  .menu-overlay-container {\n    display: contents;\n  }\n\n  .menu-avatar {\n    max-height: 3rem;\n  }\n\n  .avatar {\n    margin-bottom: 2rem;\n  }\n\n  #cui-imprint {\n    .cui-imprint-product-name {\n      margin-bottom: $default-space;\n    }\n\n    .cui-imprint-product-description {\n      margin-bottom: $x-large-space;\n    }\n\n    .cui-imprint-link-container {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  .bottom-tab-divider {\n    margin-top: auto;\n  }\n\n  .menu-buttons {\n    margin: 0.5rem 0 0 0.625rem;\n  }\n\n  .menu-buttons > :last-child {\n    margin-bottom: 1rem;\n  }\n}\n\n:host(.breakpoint-sm) {\n  .menu:not(.expanded) {\n    width: 0;\n  }\n\n  .menu-overlay {\n    left: 0;\n    width: 100vw;\n  }\n}\n\n:host(.breakpoint-lg) {\n  position: relative;\n\n  .menu.expanded {\n    box-shadow: none;\n  }\n}\n\n:host {\n  ::slotted(a[href]) {\n    all: unset;\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  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 anime from 'animejs';\nimport { ApplicationSidebarToggleEvent } from '../application-sidebar/events';\nimport { showAppSwitch } from '../utils/app-switch';\nimport { ApplicationLayoutContext } from '../utils/application-layout/context';\nimport { applicationLayoutService } from '../utils/application-layout/service';\nimport { Breakpoint } from '../utils/breakpoints';\nimport { ContextType, useContextConsumer } from '../utils/context';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { convertToRemString } from '../utils/rwd.util';\nimport { themeSwitcher } from '../utils/theme-switcher';\nimport {\n  iconApps,\n  iconCogwheel,\n  iconInfo,\n  iconLightDark,\n  iconNavigationLeft,\n  iconNavigationRight,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-menu',\n  styleUrl: 'menu.scss',\n  shadow: true,\n})\nexport class Menu {\n  @Element() hostElement!: HTMLIxMenuElement;\n\n  /**\n   * Is settings tab visible\n   */\n  @Prop({ mutable: true }) showSettings = false;\n\n  /**\n   * Is about tab visible\n   */\n  @Prop({ mutable: true }) showAbout = false;\n\n  /**\n   * Show toggle between light and dark variant. Only if the provided theme have implemented both!\n   */\n  @Prop() enableToggleTheme = false;\n\n  /**\n   * Is settings tab is visible\n   */\n  @Prop() enableSettings = true;\n\n  /** @internal */\n  @Prop() enableMapExpand = false;\n\n  /**\n   * Should only be set if you use ix-menu standalone\n   */\n  @Prop() applicationName?: string;\n\n  /**\n   * Should only be set if you use ix-menu standalone\n   */\n  @Prop() applicationDescription = '';\n\n  /**\n   * Accessibility i18n label for the burger menu of the sidebar\n   */\n  @Prop() i18nExpandSidebar = 'Expand sidebar';\n\n  /**\n   *  Toggle the expand state of the menu\n   */\n  @Prop({ mutable: true, reflect: true }) expand = false;\n\n  /**\n   *  If set the menu will be expanded initially. This will only take effect at the breakpoint 'lg'.\n   *\n   *  @since 2.2.0\n   */\n  @Prop() startExpanded = false;\n\n  /**\n   * Menu stays pinned to the left\n   */\n  @Prop() pinned = false;\n\n  @Watch('pinned')\n  pinnedChange(newPinned: boolean) {\n    if (this.applicationLayoutContext?.host === 'map-navigation') {\n      console.warn('ix-map-navigation does not support pinning of the menu');\n      return;\n    }\n    this.setPinned(this.pinned);\n    if (newPinned) {\n      applicationLayoutService.disableBreakpointDetection();\n      applicationLayoutService.setBreakpoint('lg');\n      return;\n    }\n\n    applicationLayoutService.enableBreakpointDetection();\n  }\n\n  /**\n   */\n  @Prop() i18nLegal = 'About & legal information';\n\n  /**\n   */\n  @Prop() i18nSettings = 'Settings';\n\n  /**\n   */\n  @Prop() i18nToggleTheme = 'Toggle theme';\n\n  /**\n   */\n  @Prop() i18nExpand = ' Expand';\n\n  /**\n   */\n  @Prop() i18nCollapse = 'Collapse';\n\n  /**\n   * Menu expanded\n   */\n  @Event() expandChange!: EventEmitter<boolean>;\n\n  /**\n   * Map Sidebar expanded\n   */\n  @Event() mapExpandChange!: 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  /**\n   * Event emitted when the settings button is clicked\n   * @since 3.0.0\n   */\n  @Event() openSettings!: EventEmitter<void>;\n\n  /**\n   * Event emitted when the about button is clicked\n   * @since 3.0.0\n   */\n  @Event() openAbout!: EventEmitter<void>;\n\n  @State() showPinned = false;\n  @State() mapExpand = true;\n  @State() breakpoint: Breakpoint = 'lg';\n  @State() itemsScrollShadowTop = false;\n  @State() itemsScrollShadowBottom = false;\n  @State() applicationLayoutContext?: ContextType<\n    typeof ApplicationLayoutContext\n  >;\n  private isTransitionDisabled = false;\n\n  // FBC IAM workaround #488\n  private readonly isVisible = (elm: HTMLElement) => {\n    return (\n      elm.style.display !== 'none' &&\n      elm.parentElement?.parentElement?.style.display !== 'none'\n    );\n  };\n\n  get popoverArea() {\n    return this.hostElement.shadowRoot!.querySelector('#popover-area');\n  }\n\n  get menu() {\n    return this.hostElement.shadowRoot!.querySelector('.menu');\n  }\n\n  get menuItemsContainer(): HTMLDivElement {\n    return this.menu!.querySelector('.tabs')!;\n  }\n\n  get overlayContainer() {\n    return this.hostElement.shadowRoot!.querySelector(\n      '.menu-overlay'\n    ) as HTMLDivElement;\n  }\n\n  get menuItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll(\n        'ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab):not([slot=\"bottom\"])'\n      )\n    ).filter((elm) => this.isVisible(elm as HTMLElement));\n  }\n\n  get menuBottomItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll(\n        'ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)'\n      )\n    ).filter((elm) => this.isVisible(elm as HTMLElement));\n  }\n\n  get homeTab() {\n    return this.hostElement.querySelector('ix-menu-item.home-tab');\n  }\n\n  get moreItemsDropdown(): HTMLElement {\n    return this.hostElement.shadowRoot!.querySelector(\n      '.internal-tab ix-dropdown'\n    )!;\n  }\n\n  get isMoreItemsDropdownEmpty(): boolean {\n    return (\n      this.hostElement.shadowRoot!.querySelectorAll(\n        '.internal-tab ix-dropdown .appended'\n      ).length === 0\n    );\n  }\n\n  get moreItemsDropdownItems() {\n    return this.hostElement.shadowRoot!.querySelectorAll(\n      '.internal-tab ix-dropdown ix-menu-item'\n    );\n  }\n\n  get activeMoreTabContainer() {\n    return this.hostElement.shadowRoot!.querySelector('.active-more-tab');\n  }\n\n  get activeMoreTab() {\n    return this.hostElement.shadowRoot!.querySelector(\n      '.active-more-tab ix-menu-item'\n    );\n  }\n\n  get aboutPopoverContainer(): HTMLElement {\n    return this.hostElement.querySelector('.about-news')!;\n  }\n\n  get aboutNewsPopover(): HTMLIxMenuAboutNewsElement {\n    return (\n      document.querySelector('ix-menu-about-news') ??\n      this.hostElement.querySelector('ix-menu-about-news')!\n    );\n  }\n\n  get aboutTab(): HTMLElement | null {\n    return this.hostElement.shadowRoot!.querySelector('#aboutAndLegal');\n  }\n\n  get about(): HTMLIxMenuAboutElement | null {\n    return this.hostElement.querySelector('ix-menu-about');\n  }\n\n  get settings(): HTMLIxMenuSettingsElement | null {\n    return this.hostElement.querySelector('ix-menu-settings');\n  }\n\n  get isSettingsEmpty(): boolean {\n    return (\n      Array.from(\n        this.hostElement.shadowRoot!.querySelectorAll('ix-menu-settings-item')\n      ).length === 0\n    );\n  }\n\n  get tabsContainer() {\n    return this.hostElement;\n  }\n\n  componentDidLoad() {\n    requestAnimationFrame(() => {\n      this.handleOverflowIndicator();\n    });\n\n    if (this.pinned) {\n      this.pinnedChange(this.pinned);\n    }\n  }\n\n  componentWillLoad() {\n    useContextConsumer(\n      this.hostElement,\n      ApplicationLayoutContext,\n      (ctx) => {\n        this.applicationLayoutContext = ctx;\n        if (ctx.hideHeader === true) {\n          this.onBreakpointChange('md');\n          return;\n        }\n\n        this.onBreakpointChange(applicationLayoutService.breakpoint);\n      },\n      true\n    );\n\n    menuController.register(this.hostElement);\n    applicationLayoutService.onChange.on((breakpoint) =>\n      this.onBreakpointChange(breakpoint)\n    );\n    this.onBreakpointChange(applicationLayoutService.breakpoint, true);\n  }\n\n  componentDidRender() {\n    if (!this.about && this.aboutNewsPopover) {\n      this.aboutNewsPopover.show = false;\n    }\n    this.appendFragments();\n  }\n\n  private setPinned(pinned: boolean) {\n    this.showPinned = pinned;\n    menuController.setIsPinned(pinned);\n  }\n\n  private onBreakpointChange(mode: Breakpoint, initial = false) {\n    if (!this.applicationLayoutContext && mode === 'sm') {\n      return;\n    }\n    if (this.applicationLayoutContext?.host === 'map-navigation') {\n      this.breakpoint = 'md';\n      return;\n    }\n    if (!this.applicationLayoutContext) {\n      return;\n    }\n\n    if (this.applicationLayoutContext.hideHeader && mode === 'sm') {\n      return;\n    }\n\n    this.setPinned(mode === 'lg');\n    if (initial || mode !== this.breakpoint)\n      this.toggleMenu(mode === 'lg' && this.startExpanded);\n\n    this.breakpoint = mode;\n  }\n\n  private appendFragments() {\n    this.appendAboutNewsPopover();\n  }\n\n  private getAboutPopoverVerticalPosition() {\n    const heightArrow = 12;\n    const offsetArrow = 6;\n    const rectAbout = this.aboutTab?.getBoundingClientRect() || {\n      bottom: -window.innerHeight,\n      height: 0,\n    };\n    const offset =\n      window.innerHeight -\n      (rectAbout.bottom - rectAbout.height / 2 + heightArrow / 2 + offsetArrow);\n    return convertToRemString(offset);\n  }\n\n  private appendAboutNewsPopover() {\n    if (!this.aboutNewsPopover || !this.about) {\n      return;\n    }\n\n    this.aboutNewsPopover.style.bottom = this.getAboutPopoverVerticalPosition();\n\n    if (!this.popoverArea?.contains(this.aboutNewsPopover)) {\n      const showMore = () => {\n        if (this.aboutNewsPopover?.aboutItemLabel && this.about) {\n          this.about.activeTabLabel = this.aboutNewsPopover.aboutItemLabel;\n          this.toggleAbout(true);\n        }\n      };\n\n      this.aboutNewsPopover.addEventListener('showMore', showMore.bind(this));\n      document.body.appendChild(this.aboutNewsPopover);\n    }\n  }\n\n  /**\n   * Toggle map sidebar expand\n   * @param show\n   */\n  @Method()\n  async toggleMapExpand(show?: boolean) {\n    if (show !== undefined) {\n      this.mapExpand = show;\n    } else {\n      this.mapExpand = !this.mapExpand;\n    }\n  }\n\n  /**\n   * Toggle menu\n   * @param show\n   */\n  @Method()\n  async toggleMenu(show?: boolean) {\n    const oldExpand = this.expand;\n\n    if (show !== undefined) {\n      this.expand = show;\n    } else {\n      this.expand = !this.expand;\n    }\n\n    if (this.aboutNewsPopover) {\n      this.aboutNewsPopover.expanded = this.expand;\n    }\n\n    const { defaultPrevented } = this.expandChange.emit(this.expand);\n\n    if (defaultPrevented) {\n      this.expand = oldExpand;\n\n      if (this.aboutNewsPopover) {\n        this.aboutNewsPopover.expanded = oldExpand;\n      }\n\n      return;\n    }\n\n    this.isTransitionDisabled = false;\n    this.checkTransition();\n\n    if (this.breakpoint == 'sm' && this.expand) {\n      setTimeout(() => {\n        this.handleOverflowIndicator();\n      }, 100);\n    }\n  }\n\n  /**\n   * Disable transition of overlay while menu animation is running.\n   */\n  private checkTransition() {\n    const container = this.overlayContainer;\n\n    if (!container) {\n      return;\n    }\n\n    if (this.isTransitionDisabled) {\n      container.style.transitionProperty = 'left';\n    } else {\n      container.style.transitionProperty = 'all';\n    }\n  }\n\n  private isOverlayVisible() {\n    return this.showAbout || this.showSettings;\n  }\n\n  /**\n   * Toggle Settings tabs\n   * @param show\n   */\n  @Method()\n  async toggleSettings(show: boolean) {\n    if (!this.settings) {\n      return;\n    }\n\n    const { defaultPrevented } = this.openSettings.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.isOverlayVisible()) {\n      this.animateOverlayFadeIn();\n    }\n\n    if (show) {\n      this.resetOverlay();\n      this.showSettings = show;\n      this.settings.show = this.showSettings;\n    } else {\n      this.onOverlayClose();\n    }\n  }\n\n  /**\n   * Toggle About tabs\n   * @param show\n   */\n  @Method()\n  async toggleAbout(show: boolean) {\n    if (!this.about) {\n      return;\n    }\n\n    const { defaultPrevented } = this.openAbout.emit();\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    if (!this.isOverlayVisible()) {\n      this.animateOverlayFadeIn();\n    }\n\n    if (show) {\n      this.resetOverlay();\n      this.showAbout = show;\n      this.about.show = this.showAbout;\n    } else {\n      this.onOverlayClose();\n    }\n  }\n\n  private resetOverlay() {\n    this.showSettings = false;\n    this.showAbout = false;\n\n    if (this.settings) {\n      this.settings.show = false;\n    }\n\n    if (this.about) {\n      this.about.show = false;\n    }\n  }\n\n  private getCollapseText() {\n    return this.mapExpand ? this.i18nCollapse : this.i18nExpand;\n  }\n\n  private getCollapseIcon() {\n    return this.mapExpand ? iconNavigationLeft : iconNavigationRight;\n  }\n\n  private isMenuItemClicked(event: Event) {\n    if (event.target instanceof HTMLElement) {\n      return event.target.tagName === 'IX-MENU-ITEM';\n    }\n\n    return false;\n  }\n\n  @Listen('resize', { target: 'window' })\n  private handleOverflowIndicator() {\n    const { clientHeight, scrollTop, scrollHeight } = this.menuItemsContainer;\n    this.itemsScrollShadowTop = scrollTop > 0;\n    this.itemsScrollShadowBottom =\n      Math.round(scrollTop + clientHeight) < scrollHeight;\n  }\n\n  @Listen('close')\n  onOverlayClose() {\n    this.animateOverlayFadeOut(() => {\n      this.resetOverlay();\n    });\n  }\n\n  private animateOverlayFadeIn() {\n    requestAnimationFrame(() => {\n      anime({\n        targets: this.overlayContainer,\n        duration: 300,\n        backdropFilter: [0, 'blur(1rem)'],\n        translateX: ['-4rem', 0],\n        opacity: [0, 1],\n        easing: 'easeInSine',\n        begin: () => {\n          if (this.showPinned) {\n            return;\n          }\n\n          this.toggleMenu(false);\n        },\n      });\n    });\n  }\n\n  private animateOverlayFadeOut(onComplete: Function) {\n    requestAnimationFrame(() => {\n      anime({\n        targets: this.overlayContainer,\n        duration: 300,\n        backdropFilter: ['blur(1rem)', 0],\n        translateX: [0, '-4rem'],\n        opacity: [1, 0],\n        easing: 'easeInSine',\n        complete: () => onComplete(),\n      });\n    });\n  }\n\n  private onMenuItemsClick(event: Event) {\n    if (this.isMenuItemClicked(event)) {\n      if (!this.showPinned) {\n        this.toggleMenu(false);\n      }\n      this.onOverlayClose();\n    }\n  }\n\n  private isHiddenFromViewport() {\n    return this.breakpoint === 'sm' && this.expand === false;\n  }\n\n  private sidebarToggle() {\n    this.mapExpandChange.emit(this.mapExpand);\n\n    this.hostElement.dispatchEvent(\n      new ApplicationSidebarToggleEvent(this.mapExpand)\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      showAppSwitch(this.applicationLayoutContext.appSwitchConfig);\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.expand,\n          [`breakpoint-${this.breakpoint}`]: true,\n        }}\n        slot=\"menu\"\n      >\n        <nav\n          class={{\n            menu: true,\n            expanded: this.expand,\n          }}\n        >\n          <div class=\"menu-buttons\">\n            {this.breakpoint !== 'sm' && (\n              <ix-menu-expand-icon\n                breakpoint={this.breakpoint}\n                expanded={this.expand}\n                pinned={this.pinned}\n                class=\"menu-expand-icon\"\n                ixAriaLabel={this.i18nExpandSidebar}\n                onClick={async () => this.toggleMenu()}\n                data-testid=\"expand-collapse-menu\"\n              ></ix-menu-expand-icon>\n            )}\n            {this.breakpoint === 'sm' &&\n              this.applicationLayoutContext?.appSwitchConfig && (\n                <ix-icon-button\n                  onClick={() => {\n                    this.showAppSwitch();\n                  }}\n                  icon={iconApps}\n                  ghost\n                ></ix-icon-button>\n              )}\n          </div>\n\n          <div\n            id=\"menu-tabs\"\n            style={{\n              display: 'contents',\n            }}\n            onClick={(e) => this.onMenuItemsClick(e)}\n          >\n            <div class=\"tabs-shadow-container\">\n              <div\n                class={{\n                  'tabs--shadow': true,\n                  'tabs--shadow-top': true,\n                  'tabs--shadow--show': this.itemsScrollShadowTop,\n                }}\n              ></div>\n              <div\n                class={{\n                  tabs: true,\n                  'show-scrollbar': this.expand,\n                }}\n                onScroll={() => this.handleOverflowIndicator()}\n              >\n                <div class=\"menu-avatar\">\n                  <slot name=\"ix-menu-avatar\"></slot>\n                </div>\n                <slot name=\"home\"></slot>\n                {this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (\n                  <slot></slot>\n                ) : null}\n              </div>\n              <div\n                class={{\n                  'tabs--shadow': true,\n                  'tabs--shadow-bottom': true,\n                  'tabs--shadow--show': this.itemsScrollShadowBottom,\n                }}\n              ></div>\n            </div>\n          </div>\n          <div class=\"bottom-tab-divider\"></div>\n          {this.settings ? (\n            <ix-menu-item\n              disabled={this.isHiddenFromViewport()}\n              id=\"settings\"\n              class={{\n                'internal-tab': true,\n                'bottom-tab': true,\n                active: this.showSettings,\n              }}\n              icon={iconCogwheel}\n              onClick={async () => this.toggleSettings(!this.showSettings)}\n              label={this.i18nSettings}\n            ></ix-menu-item>\n          ) : null}\n          <div onClick={(e) => this.onMenuItemsClick(e)}>\n            <slot name=\"bottom\"></slot>\n          </div>\n\n          <div id=\"popover-area\"></div>\n          {this.about ? (\n            <ix-menu-item\n              disabled={this.isHiddenFromViewport()}\n              id=\"aboutAndLegal\"\n              class={{\n                'internal-tab': true,\n                'bottom-tab': true,\n                active: this.showAbout,\n              }}\n              icon={iconInfo}\n              onClick={async () => this.toggleAbout(!this.showAbout)}\n              label={this.i18nLegal}\n            ></ix-menu-item>\n          ) : null}\n          {this.enableToggleTheme ? (\n            <ix-menu-item\n              disabled={this.isHiddenFromViewport()}\n              id=\"toggleTheme\"\n              onClick={() => themeSwitcher.toggleMode()}\n              class=\"internal-tab bottom-tab\"\n              icon={iconLightDark}\n              label={this.i18nToggleTheme}\n            ></ix-menu-item>\n          ) : null}\n          {this.enableMapExpand || this.applicationLayoutContext?.sidebar ? (\n            <ix-menu-item\n              disabled={this.isHiddenFromViewport()}\n              id=\"menu-collapse\"\n              onClick={() => this.sidebarToggle()}\n              class=\"internal-tab bottom-tab\"\n              icon={`${this.getCollapseIcon()}`}\n              label={this.getCollapseText()}\n            ></ix-menu-item>\n          ) : null}\n        </nav>\n        <div\n          class={{\n            'menu-overlay': true,\n            visible: this.isOverlayVisible(),\n            expanded: this.expand,\n          }}\n          onTransitionEnd={() => {\n            this.isTransitionDisabled = true;\n            this.checkTransition();\n          }}\n        >\n          <div class={'menu-overlay-container'}>\n            {this.showSettings ? <slot name=\"ix-menu-settings\"></slot> : null}\n          </div>\n          <div class={'menu-overlay-container'}>\n            {this.showAbout ? <slot name=\"ix-menu-about\"></slot> : null}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["inputCss","inputIds","Input","constructor","hostRef","this","type","value","required","disabled","readonly","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","inputType","inputRef","makeRef","slotEndRef","slotStartRef","inputId","touched","updateClassMappings","result","mapValidationResult","updateInputType","componentWillLoad","updateFormInternalValue","connectedCallback","disposableChangesAndVisibilityObservers","addDisposableChangesAndVisibilityObservers","hostElement","updatePaddings","bind","adjustPaddingForStartAndEnd","current","disconnectedCallback","_a","call","formInternals","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","focusInput","focus","isTouched","render","inputAria","getAriaAttributesForInput","h","Host","key","class","htmlForLabel","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","SlotStart","onSlotChange","InputElement","id","maxLength","minLength","pattern","placeholder","onKeyPress","event","checkAllowedKeys","valueChange","emit","onBlur","onInputBlur","ariaAttributes","SlotEnd","color","ghost","icon","iconEye","iconEyeCancelled","onClick","slot","textColor","length","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/input/input.scss?tag=ix-input&encapsulation=shadow","src/components/input/input.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@import 'mixins/validation/form-component';\n@import './input.mixins.scss';\n\n@include input-field;\n\n:host {\n  .password-eye {\n    margin-left: 0.125rem;\n    color: red;\n\n    &.eye-hidden {\n      display: none;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { iconEye, iconEyeCancelled } from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from '@stencil/core';\nimport { A11yAttributes } from '../utils/a11y';\nimport {\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { InputElement, SlotEnd, SlotStart } from './input.fc';\nimport {\n  addDisposableChangesAndVisibilityObservers,\n  adjustPaddingForStartAndEnd,\n  checkAllowedKeys,\n  DisposableChangesAndVisibilityObservers,\n  getAriaAttributesForInput,\n  mapValidationResult,\n  onInputBlur,\n} from './input.util';\n\nlet inputIds = 0;\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n  tag: 'ix-input',\n  styleUrl: 'input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Input implements IxInputFieldComponent<string> {\n  @Element() hostElement!: HTMLIxInputElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * The type of the text field. Possible values are 'text', 'email', or 'password'.\n   */\n  @Prop() type: 'text' | 'email' | 'password' | 'tel' | 'url' = 'text';\n\n  /**\n   * The name of the text field.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * The placeholder text for the text field.\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * The value of the text field.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = '';\n\n  /**\n   * Specifies whether the text field is required.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n\n  /**\n   * Specifies whether the text field is disabled.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Specifies whether the text field is readonly.\n   */\n  @Prop({ reflect: true }) readonly: boolean = false;\n\n  /**\n   * The helper text for the text field.\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * The info text for the text field.\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Specifies whether to show the text as a tooltip.\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * The valid text for the text field.\n   */\n  @Prop() validText?: string;\n\n  /**\n   * The warning text for the text field.\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * The label for the text field.\n   */\n  @Prop({ reflect: true }) label?: string;\n\n  /**\n   * The error text for the text field.\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * The pattern for the text field.\n   */\n  @Prop() pattern?: string;\n\n  /**\n   * The maximum length of the text field.\n   */\n  @Prop() maxLength?: number;\n\n  /**\n   * The minimum length of the text field.\n   */\n  @Prop() minLength?: number;\n\n  /**\n   * The allowed characters pattern for the text field.\n   */\n  @Prop() allowedCharactersPattern?: string;\n\n  /**\n   * Event emitted when the value of the text field changes.\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  /**\n   * Event emitted when the validity state of the text field changes.\n   */\n  @Event() validityStateChange!: EventEmitter<ValidityState>;\n\n  /**\n   * Event emitted when the text 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  @State() inputType = 'text';\n\n  private readonly inputRef = makeRef<HTMLInputElement>();\n  private readonly slotEndRef = makeRef<HTMLDivElement>();\n  private readonly slotStartRef = makeRef<HTMLDivElement>();\n  private readonly inputId = `input-${inputIds++}`;\n  private touched = false;\n\n  private disposableChangesAndVisibilityObservers?: DisposableChangesAndVisibilityObservers;\n\n  @HookValidationLifecycle()\n  updateClassMappings(result: ValidationResults) {\n    mapValidationResult(this, result);\n  }\n\n  @Watch('type')\n  updateInputType() {\n    this.inputType = this.type;\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue(this.value);\n    this.inputType = this.type;\n  }\n\n  connectedCallback(): void {\n    this.disposableChangesAndVisibilityObservers =\n      addDisposableChangesAndVisibilityObservers(\n        this.hostElement,\n        this.updatePaddings.bind(this)\n      );\n  }\n\n  private updatePaddings() {\n    adjustPaddingForStartAndEnd(\n      this.slotStartRef.current,\n      this.slotEndRef.current,\n      this.inputRef.current\n    );\n  }\n\n  disconnectedCallback(): void {\n    this.disposableChangesAndVisibilityObservers?.();\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   * Returns the native input element used in the text field.\n   */\n  @Method()\n  getNativeInputElement() {\n    return this.inputRef.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   * Returns whether the text field has been touched.\n   * @internal\n   */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    const inputAria: A11yAttributes = getAriaAttributesForInput(this);\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          htmlForLabel={this.inputId}\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 class=\"input-wrapper\">\n            <SlotStart\n              slotStartRef={this.slotStartRef}\n              onSlotChange={() => this.updatePaddings()}\n            ></SlotStart>\n            <InputElement\n              id={this.inputId}\n              readonly={this.readonly}\n              disabled={this.disabled}\n              maxLength={this.maxLength}\n              minLength={this.minLength}\n              pattern={this.pattern}\n              type={this.inputType}\n              isInvalid={this.isInvalid}\n              required={this.required}\n              value={this.value}\n              placeholder={this.placeholder}\n              inputRef={this.inputRef}\n              onKeyPress={(event) => checkAllowedKeys(this, event)}\n              valueChange={(value) => this.valueChange.emit(value)}\n              updateFormInternalValue={(value) =>\n                this.updateFormInternalValue(value)\n              }\n              onBlur={() => {\n                onInputBlur(this, this.inputRef.current);\n                this.touched = true;\n              }}\n              ariaAttributes={inputAria}\n            ></InputElement>\n            <SlotEnd\n              slotEndRef={this.slotEndRef}\n              onSlotChange={() => this.updatePaddings()}\n            >\n              <ix-icon-button\n                color=\"color-weak-text\"\n                class={{\n                  'password-eye': true,\n                  'eye-hidden': this.type !== 'password',\n                }}\n                ghost\n                icon={\n                  this.inputType === 'password' ? iconEye : iconEyeCancelled\n                }\n                onClick={() => {\n                  if (this.inputType === 'password') {\n                    this.inputType = 'text';\n                    return;\n                  }\n\n                  this.inputType = 'password';\n                }}\n              ></ix-icon-button>\n            </SlotEnd>\n          </div>\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        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["cardAccordionCss","accordionControlId","getAriaControlsId","prefix","join","CardAccordion","constructor","hostRef","this","collapse","expandContent","onInitialExpandChange","expandedContent","hostElement","shadowRoot","querySelector","onExpandActionClick","event","preventDefault","stopPropagation","accordionExpand","emit","expand","nativeEvent","scrollExpandedContentIntoView","setTimeout","rect","getBoundingClientRect","bottom","window","innerHeight","scrollIntoView","componentWillLoad","render","h","Host","key","slot","tabIndex","class","show","onClick","role","type","name","iconChevronRightSmall","cardTitleCss","CardHeader"],"sources":["src/components/card-accordion/card-accordion.scss?tag=ix-card-accordion&encapsulation=shadow","src/components/card-accordion/card-accordion.tsx","src/components/card-title/card-title.scss?tag=ix-card-title&encapsulation=shadow","src/components/card-title/card-title.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/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  width: 100%;\n  transition: var(--theme-default-time) ease-in-out;\n\n  .expand-action {\n    all: unset;\n    display: flex;\n    position: relative;\n\n    appearance: button;\n\n    height: 2.5rem;\n    width: 100%;\n\n    background-color: var(--theme-color-component-1);\n    align-items: center;\n    justify-content: flex-start;\n\n    &:hover {\n      background: var(--theme-color-component-1--hover);\n    }\n\n    &:active {\n      background: var(--theme-color-component-1--active);\n    }\n\n    @include focus-visible {\n      outline: 1px solid var(--theme-color-focus-bdr);\n      outline-offset: var(--theme-btn--focus--outline-offset);\n    }\n  }\n\n  .expand-action::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    background-color: var(--ix-card-background);\n    z-index: -1;\n  }\n\n  .expand-action:not(.show),\n  .expand-action:not(.show)::before {\n    border-bottom-left-radius: var(--theme-default-border-radius);\n    border-bottom-right-radius: var(--theme-default-border-radius);\n  }\n\n  .expand-icon {\n    margin-left: 0.5rem;\n    transition: var(--theme-default-time) transform ease-in-out;\n  }\n\n  .expand-icon.show {\n    transform: rotate(90deg);\n  }\n\n  .expand-content {\n    display: grid;\n    position: relative;\n    grid-template-rows: 0fr;\n    transition: var(--theme-default-time) ease-in-out;\n    width: 100%;\n    max-height: 14.75rem;\n    opacity: 0;\n    background-color: var(--theme-color-component-1);\n  }\n\n  .expand-content.show {\n    grid-template-rows: 14.75rem;\n    opacity: 1;\n  }\n\n  .expand-content-inner {\n    position: relative;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  .expand-content.show .expand-content-body {\n    display: none;\n    overflow: hidden;\n    color: var(--theme-color-std-text);\n  }\n\n  .expand-content.show .expand-content-body {\n    display: block;\n    overflow: auto;\n    height: calc(100% - 1rem);\n  }\n\n  .expand-content-footer {\n    display: block;\n    position: relative;\n    width: 100%;\n    height: 1rem;\n\n    margin-top: auto;\n    margin-bottom: 0px;\n\n    background-color: var(--theme-color-component-1);\n    border-bottom-left-radius: var(--theme-default-border-radius);\n    border-bottom-right-radius: var(--theme-default-border-radius);\n  }\n}\n","import { iconChevronRightSmall } from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nlet accordionControlId = 0;\nconst getAriaControlsId = (prefix: string = 'expand-content') => {\n  return [prefix, accordionControlId++].join('-');\n};\n\nexport type CardAccordionExpandChangeEvent = {\n  expand: boolean;\n  nativeEvent: Event;\n};\n\n/**\n * @since 1.6.0\n */\n@Component({\n  tag: 'ix-card-accordion',\n  styleUrl: 'card-accordion.scss',\n  shadow: true,\n})\nexport class CardAccordion {\n  /**\n   * Collapse the card\n   * @since 2.1.0\n   */\n  @Prop() collapse = false;\n\n  @Element() hostElement!: HTMLIxCardAccordionElement;\n\n  /**\n   * @internal\n   */\n  @Event() accordionExpand!: EventEmitter<CardAccordionExpandChangeEvent>;\n\n  @State() expandContent = false;\n\n  @Watch('collapse')\n  onInitialExpandChange() {\n    this.expandContent = !this.collapse;\n  }\n\n  get expandedContent() {\n    return this.hostElement.shadowRoot!.querySelector('.expand-content');\n  }\n\n  onExpandActionClick(event: Event) {\n    event.preventDefault();\n    event.stopPropagation();\n    this.expandContent = !this.expandContent;\n    this.accordionExpand.emit({\n      expand: this.expandContent,\n      nativeEvent: event,\n    });\n\n    if (this.expandContent) {\n      this.scrollExpandedContentIntoView();\n    }\n  }\n\n  private scrollExpandedContentIntoView() {\n    setTimeout(() => {\n      const rect = this.expandedContent!.getBoundingClientRect();\n      if (rect.bottom > window.innerHeight) {\n        this.hostElement\n          .shadowRoot!.querySelector('.expand-content')!\n          .scrollIntoView(false);\n      }\n    }, 150);\n  }\n\n  componentWillLoad() {\n    this.onInitialExpandChange();\n  }\n\n  render() {\n    return (\n      <Host slot=\"card-accordion\">\n        <button\n          tabIndex={0}\n          class={{ 'expand-action': true, show: this.expandContent }}\n          onClick={(event) => this.onExpandActionClick(event)}\n          role=\"button\"\n          type=\"button\"\n          aria-expanded={this.expandContent}\n          aria-controls={getAriaControlsId()}\n        >\n          <ix-icon\n            name={iconChevronRightSmall}\n            class={{\n              'expand-icon': true,\n              show: this.expandContent,\n            }}\n          ></ix-icon>\n        </button>\n        <div\n          class={{\n            'expand-content': true,\n            show: this.expandContent,\n          }}\n        >\n          <div class=\"expand-content-inner\">\n            <div class=\"expand-content-body\">\n              <slot></slot>\n            </div>\n            <div class=\"expand-content-footer\"></div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","@import 'common-variables';\n\n:host {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  align-items: center;\n  margin-top: 0.25rem;\n  margin-bottom: 0.25rem;\n  gap: $default-space;\n\n  width: 100%;\n\n  .title-actions {\n    display: flex;\n    position: relative;\n    flex-direction: row;\n    gap: 0.25rem;\n    margin-left: auto;\n    margin-right: 0;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot title-actions - Place additional actions inside title\n *\n * @since 1.6.0\n */\n@Component({\n  tag: 'ix-card-title',\n  styleUrl: 'card-title.scss',\n  shadow: true,\n})\nexport class CardHeader {\n  render() {\n    return (\n      <Host>\n        <slot></slot>\n        <div class=\"title-actions\">\n          <slot name=\"title-actions\"></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAmB,4tFCazB,IAAIC,EAAqB,EACzB,MAAMC,EAAoB,CAACC,EAAiB,mBACnC,CAACA,EAAQF,KAAsBG,KAAK,K,MAgBhCC,EAAa,MAL1B,WAAAC,CAAAC,G,2DAUUC,KAAQC,SAAG,MASVD,KAAaE,cAAG,KA4E1B,CAzEC,qBAAAC,GACEH,KAAKE,eAAiBF,KAAKC,Q,CAG7B,mBAAIG,GACF,OAAOJ,KAAKK,YAAYC,WAAYC,cAAc,kB,CAGpD,mBAAAC,CAAoBC,GAClBA,EAAMC,iBACND,EAAME,kBACNX,KAAKE,eAAiBF,KAAKE,cAC3BF,KAAKY,gBAAgBC,KAAK,CACxBC,OAAQd,KAAKE,cACba,YAAaN,IAGf,GAAIT,KAAKE,cAAe,CACtBF,KAAKgB,+B,EAID,6BAAAA,GACNC,YAAW,KACT,MAAMC,EAAOlB,KAAKI,gBAAiBe,wBACnC,GAAID,EAAKE,OAASC,OAAOC,YAAa,CACpCtB,KAAKK,YACFC,WAAYC,cAAc,mBAC1BgB,eAAe,M,IAEnB,I,CAGL,iBAAAC,GACExB,KAAKG,uB,CAGP,MAAAsB,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,kBACTH,EACE,UAAAE,IAAA,2CAAAE,SAAU,EACVC,MAAO,CAAE,gBAAiB,KAAMC,KAAMhC,KAAKE,eAC3C+B,QAAUxB,GAAUT,KAAKQ,oBAAoBC,GAC7CyB,KAAK,SACLC,KAAK,SAAQ,gBACEnC,KAAKE,cACL,gBAAAR,KAEfgC,EAAA,WAAAE,IAAA,2CACEQ,KAAMC,EACNN,MAAO,CACL,cAAe,KACfC,KAAMhC,KAAKE,kBAIjBwB,EAAA,OAAAE,IAAA,2CACEG,MAAO,CACL,iBAAkB,KAClBC,KAAMhC,KAAKE,gBAGbwB,EAAK,OAAAE,IAAA,2CAAAG,MAAM,wBACTL,EAAK,OAAAE,IAAA,2CAAAG,MAAM,uBACTL,EAAA,QAAAE,IAAA,8CAEFF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,4B,+GCnHvB,MAAMO,EAAe,8P,MCYRC,EAAU,M,yBACrB,MAAAd,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAa,QAAAE,IAAA,6CACbF,EAAK,OAAAE,IAAA,2CAAAG,MAAM,iBACTL,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,mB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["inputGroupCss","InputGroup","constructor","hostRef","this","disabled","inputPaddingLeft","inputPaddingRight","inputElement","hostElement","querySelector","componentWillLoad","valid","validity","addEventListener","onValidInput","onInvalidInput","startSlotChanged","_a","form","observer","MutationObserver","slotChanged","endSlotChanged","observe","subtree","childList","attributes","characterData","componentDidRender","prepareInputElement","style","width","paddingRight","paddingLeft","console","warn","setTimeout","startPadding","getChildrenWidth","startSlotRef","isInputInvalid","classList","contains","formWasValidated","_b","noValidate","left","backgroundPosition","endSlotRef","slotElement","endElements","getSlottedElements","length","forEach","element","getBoundingClientRect","render","h","Host","key","class","ref","el","name"],"sources":["src/components/input-group/input-group.scss?tag=ix-input-group&encapsulation=shadow","src/components/input-group/input-group.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/shadow-dom/host-disabled';\n\n:host {\n  @include ix-component;\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  flex-wrap: wrap;\n  align-items: stretch;\n\n  .group {\n    display: flex;\n    position: absolute;\n    align-items: center;\n    height: 100%;\n  }\n\n  .group-start {\n    left: 0px;\n    height: 2rem;\n    margin-left: 0.5rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  .group-end {\n    right: 0px;\n    height: 2rem;\n    margin-right: 0.5rem;\n    color: var(--theme-color-soft-text);\n  }\n\n  ::slotted(*) {\n    display: flex;\n  }\n}\n\n@include host-disabled {\n  .group-start,\n  .group-end {\n    ::slotted(*) {\n      opacity: 0.4 !important;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, State } from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\n\n/**\n * @deprecated since 3.0.0. Will be removed with 4.0.0.\n * Use the 'ix-input' component instead\n */\n@Component({\n  tag: 'ix-input-group',\n  styleUrl: 'input-group.scss',\n  shadow: true,\n})\nexport class InputGroup {\n  @Element() hostElement!: HTMLIxInputGroupElement;\n\n  @State() disabled = false;\n\n  @State() inputPaddingLeft = 0;\n  @State() inputPaddingRight = 0;\n\n  startSlotRef?: HTMLElement;\n  endSlotRef?: HTMLElement;\n\n  private get inputElement() {\n    return this.hostElement.querySelector('input') as HTMLInputElement;\n  }\n\n  private observer?: MutationObserver;\n\n  componentWillLoad() {\n    const { valid } = this.inputElement.validity;\n    this.inputElement.addEventListener('valid', () => {\n      this.onValidInput();\n    });\n    this.inputElement.addEventListener('invalid', () => {\n      this.onInvalidInput();\n    });\n    this.inputElement.addEventListener('input', () => {\n      this.startSlotChanged();\n    });\n\n    this.inputElement.form?.addEventListener('submit', () => {\n      this.startSlotChanged();\n    });\n\n    valid ? this.onValidInput() : this.onInvalidInput();\n\n    this.observer = new MutationObserver(() => {\n      this.slotChanged();\n      this.startSlotChanged();\n      this.endSlotChanged();\n    });\n\n    this.observer.observe(this.hostElement, {\n      subtree: true,\n      childList: true,\n      attributes: true,\n      characterData: true,\n    });\n  }\n\n  componentDidRender() {\n    this.prepareInputElement();\n  }\n\n  private onValidInput() {\n    this.startSlotChanged();\n  }\n\n  private onInvalidInput() {\n    this.startSlotChanged();\n  }\n\n  private prepareInputElement() {\n    if (this.inputElement) {\n      this.inputElement.style.width = '100%';\n\n      if (this.inputPaddingRight !== 0) {\n        this.inputElement.style.paddingRight = this.inputPaddingRight + 'px';\n      } else {\n        this.inputElement.style.paddingRight = '0.5rem';\n      }\n\n      if (this.inputPaddingLeft !== 0) {\n        this.inputElement.style.paddingLeft = this.inputPaddingLeft + 'px';\n      } else {\n        this.inputElement.style.paddingLeft = '0.5rem';\n      }\n    } else {\n      console.warn(\n        'You used the ix-input-group without an input tag, e.g. <input class=\"ix-form-control\" />'\n      );\n    }\n  }\n\n  private slotChanged() {\n    this.disabled = this.inputElement?.disabled;\n  }\n\n  private startSlotChanged() {\n    setTimeout(() => {\n      const startPadding = this.getChildrenWidth(this.startSlotRef);\n\n      if (startPadding !== 0) {\n        this.inputPaddingLeft = 11 + startPadding;\n      } else {\n        this.inputPaddingLeft = 0;\n      }\n\n      if (!this.inputElement) {\n        return;\n      }\n\n      const isInputInvalid =\n        !this.inputElement.validity.valid ||\n        this.inputElement.classList.contains('is-invalid');\n\n      const formWasValidated =\n        this.inputElement.form?.classList.contains('was-validated') ||\n        this.inputElement.form?.noValidate === false;\n\n      if (formWasValidated && isInputInvalid) {\n        const left = this.inputPaddingLeft !== 0 ? this.inputPaddingLeft : 7;\n        this.inputElement.style.backgroundPosition = `left ${left}px center`;\n        this.inputPaddingLeft += 26;\n      }\n    });\n  }\n\n  private endSlotChanged() {\n    setTimeout(() => {\n      this.inputPaddingRight = 15 + this.getChildrenWidth(this.endSlotRef);\n    });\n  }\n\n  private getChildrenWidth(slotElement: Element | undefined) {\n    if (!slotElement) {\n      return 0;\n    }\n\n    const endElements = getSlottedElements<HTMLElement>(slotElement);\n    if (endElements.length === 0) {\n      return 0;\n    }\n\n    let width = 0;\n\n    endElements.forEach((element) => {\n      width += element.getBoundingClientRect().width;\n    });\n\n    return width;\n  }\n\n  render() {\n    return (\n      <Host class={{ disabled: this.disabled }}>\n        <div class=\"group group-start\">\n          <slot\n            ref={(el) => (this.startSlotRef = el as HTMLElement)}\n            name=\"input-start\"\n          ></slot>\n        </div>\n        <slot></slot>\n        <div class=\"group group-end\">\n          <slot\n            ref={(el) => (this.endSlotRef = el as HTMLElement)}\n            name=\"input-end\"\n          ></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAgB,qwC,MCqBTC,EAAU,MALvB,WAAAC,CAAAC,G,UAQWC,KAAQC,SAAG,MAEXD,KAAgBE,iBAAG,EACnBF,KAAiBG,kBAAG,CA2J9B,CAtJC,gBAAYC,GACV,OAAOJ,KAAKK,YAAYC,cAAc,Q,CAKxC,iBAAAC,G,MACE,MAAMC,MAAEA,GAAUR,KAAKI,aAAaK,SACpCT,KAAKI,aAAaM,iBAAiB,SAAS,KAC1CV,KAAKW,cAAc,IAErBX,KAAKI,aAAaM,iBAAiB,WAAW,KAC5CV,KAAKY,gBAAgB,IAEvBZ,KAAKI,aAAaM,iBAAiB,SAAS,KAC1CV,KAAKa,kBAAkB,KAGzBC,EAAAd,KAAKI,aAAaW,QAAM,MAAAD,SAAA,SAAAA,EAAAJ,iBAAiB,UAAU,KACjDV,KAAKa,kBAAkB,IAGzBL,EAAQR,KAAKW,eAAiBX,KAAKY,iBAEnCZ,KAAKgB,SAAW,IAAIC,kBAAiB,KACnCjB,KAAKkB,cACLlB,KAAKa,mBACLb,KAAKmB,gBAAgB,IAGvBnB,KAAKgB,SAASI,QAAQpB,KAAKK,YAAa,CACtCgB,QAAS,KACTC,UAAW,KACXC,WAAY,KACZC,cAAe,M,CAInB,kBAAAC,GACEzB,KAAK0B,qB,CAGC,YAAAf,GACNX,KAAKa,kB,CAGC,cAAAD,GACNZ,KAAKa,kB,CAGC,mBAAAa,GACN,GAAI1B,KAAKI,aAAc,CACrBJ,KAAKI,aAAauB,MAAMC,MAAQ,OAEhC,GAAI5B,KAAKG,oBAAsB,EAAG,CAChCH,KAAKI,aAAauB,MAAME,aAAe7B,KAAKG,kBAAoB,I,KAC3D,CACLH,KAAKI,aAAauB,MAAME,aAAe,Q,CAGzC,GAAI7B,KAAKE,mBAAqB,EAAG,CAC/BF,KAAKI,aAAauB,MAAMG,YAAc9B,KAAKE,iBAAmB,I,KACzD,CACLF,KAAKI,aAAauB,MAAMG,YAAc,Q,MAEnC,CACLC,QAAQC,KACN,2F,EAKE,WAAAd,G,MACNlB,KAAKC,UAAWa,EAAAd,KAAKI,gBAAc,MAAAU,SAAA,SAAAA,EAAAb,Q,CAG7B,gBAAAY,GACNoB,YAAW,K,QACT,MAAMC,EAAelC,KAAKmC,iBAAiBnC,KAAKoC,cAEhD,GAAIF,IAAiB,EAAG,CACtBlC,KAAKE,iBAAmB,GAAKgC,C,KACxB,CACLlC,KAAKE,iBAAmB,C,CAG1B,IAAKF,KAAKI,aAAc,CACtB,M,CAGF,MAAMiC,GACHrC,KAAKI,aAAaK,SAASD,OAC5BR,KAAKI,aAAakC,UAAUC,SAAS,cAEvC,MAAMC,IACJ1B,EAAAd,KAAKI,aAAaW,QAAI,MAAAD,SAAA,SAAAA,EAAEwB,UAAUC,SAAS,qBAC3CE,EAAAzC,KAAKI,aAAaW,QAAM,MAAA0B,SAAA,SAAAA,EAAAC,cAAe,MAEzC,GAAIF,GAAoBH,EAAgB,CACtC,MAAMM,EAAO3C,KAAKE,mBAAqB,EAAIF,KAAKE,iBAAmB,EACnEF,KAAKI,aAAauB,MAAMiB,mBAAqB,QAAQD,aACrD3C,KAAKE,kBAAoB,E,KAKvB,cAAAiB,GACNc,YAAW,KACTjC,KAAKG,kBAAoB,GAAKH,KAAKmC,iBAAiBnC,KAAK6C,WAAW,G,CAIhE,gBAAAV,CAAiBW,GACvB,IAAKA,EAAa,CAChB,OAAO,C,CAGT,MAAMC,EAAcC,EAAgCF,GACpD,GAAIC,EAAYE,SAAW,EAAG,CAC5B,OAAO,C,CAGT,IAAIrB,EAAQ,EAEZmB,EAAYG,SAASC,IACnBvB,GAASuB,EAAQC,wBAAwBxB,KAAK,IAGhD,OAAOA,C,CAGT,MAAAyB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,CAAExD,SAAUD,KAAKC,WAC5BqD,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACTH,EAAA,QAAAE,IAAA,2CACEE,IAAMC,GAAQ3D,KAAKoC,aAAeuB,EAClCC,KAAK,iBAGTN,EAAa,QAAAE,IAAA,6CACbF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,mBACTH,EACE,QAAAE,IAAA,2CAAAE,IAAMC,GAAQ3D,KAAK6C,WAAac,EAChCC,KAAK,e","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["checkboxCss","Checkbox","constructor","hostRef","this","value","checked","disabled","indeterminate","required","inputRef","makeRef","checkboxRef","setCheckedState","newChecked","checkedChange","emit","onCheckedChange","updateFormInternalValue","onValueChange","valueChange","componentWillLoad","formInternals","setFormValue","_a","hasValidValue","Promise","resolve","getAssociatedFormElement","form","updateClassMappings","renderCheckmark","h","width","height","viewBox","fill","xmlns","Fragment","x","y","d","stroke","render","Host","key","a11yBoolean","role","class","ref","type","onChange","onClick","format","textColor","label","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/checkbox/checkbox.scss?tag=ix-checkbox&encapsulation=shadow","src/components/checkbox/checkbox.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  --ix-checkbox-check-color: var(--theme-color-primary--contrast);\n\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  button {\n    all: unset;\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    margin-right: 0.5rem;\n  }\n\n  button:disabled {\n    background-color: var(--theme-checkbox-unchecked--background--disabled);\n    border: var(--theme-checkbox--border-thickness) solid\n      var(--theme-checkbox-unchecked--border-color--disabled);\n  }\n\n  button:focus-visible {\n    outline: 0.0625rem solid var(--theme-color-focus-bdr);\n    outline-offset: var(--theme-checkbox--focus--outline-offset);\n  }\n\n  input[type='checkbox'] {\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  ix-typography {\n    margin-top: 0.125rem;\n  }\n}\n\n@mixin checkbox-base() {\n  :host {\n    button {\n      background-color: var(--theme-checkbox-unchecked--background);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color);\n    }\n  }\n\n  :host(:hover) {\n    button {\n      background-color: var(--theme-checkbox-unchecked--background--hover);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color--hover);\n    }\n  }\n\n  :host(:active) {\n    button {\n      background-color: var(--theme-checkbox-unchecked--background--active);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color--active);\n    }\n  }\n\n  :host(.checked),\n  :host(.indeterminate) {\n    button {\n      background-color: var(--theme-checkbox-checked--background);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color);\n    }\n  }\n\n  :host(.checked:hover),\n  :host(.indeterminate:hover) {\n    button {\n      background-color: var(--theme-checkbox-checked--background--hover);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color--hover);\n    }\n  }\n\n  :host(.checked:active),\n  :host(.indeterminate:active) {\n    button {\n      background-color: var(--theme-checkbox-checked--background--active);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color--active);\n    }\n  }\n\n  :host(.disabled) {\n    button {\n      background-color: var(--theme-checkbox-unchecked--background--disabled);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color--disabled);\n    }\n  }\n\n  :host(.checked.disabled),\n  :host(.indeterminate.disabled) {\n    button {\n      background-color: var(--theme-checkbox-checked--background--disabled);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color--disabled);\n    }\n  }\n}\n\n@mixin checkbox-variant($selector) {\n  :host(#{$selector}) {\n    button {\n      @content;\n      background-color: var(--theme-checkbox-unchecked--background);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color);\n    }\n  }\n\n  :host(#{$selector}:hover) {\n    button {\n      background-color: var(--theme-checkbox-unchecked--background--hover);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color--hover);\n    }\n  }\n\n  :host(#{$selector}:active) {\n    button {\n      background-color: var(--theme-checkbox-unchecked--background--active);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color--active);\n    }\n  }\n\n  :host(#{$selector}.checked),\n  :host(#{$selector}.indeterminate) {\n    button {\n      background-color: var(--theme-checkbox-checked--background);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color);\n    }\n  }\n\n  :host(#{$selector}.checked:hover),\n  :host(#{$selector}.indeterminate:hover) {\n    button {\n      background-color: var(--theme-checkbox-checked--background--hover);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color--hover);\n    }\n  }\n\n  :host(#{$selector}.checked:active),\n  :host(#{$selector}.indeterminate:active) {\n    button {\n      background-color: var(--theme-checkbox-checked--background--active);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color--active);\n    }\n  }\n\n  :host(#{$selector}.disabled) {\n    button {\n      background-color: var(--theme-checkbox-unchecked--background--disabled);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-unchecked--border-color--disabled);\n    }\n  }\n\n  :host(#{$selector}.checked.disabled),\n  :host(#{$selector}.indeterminate.disabled) {\n    button {\n      background-color: var(--theme-checkbox-checked--background--disabled);\n      border: var(--theme-checkbox--border-thickness) solid\n        var(--theme-checkbox-checked--border-color--disabled);\n    }\n  }\n}\n\n@mixin define-checkbox-vars($state, $type) {\n  --theme-checkbox-#{$state}--background: var(\n    --theme-checkbox-#{$state}--background--#{$type}\n  );\n  --theme-checkbox-#{$state}--background--hover: var(\n    --theme-checkbox-#{$state}--background--#{$type}--hover\n  );\n  --theme-checkbox-#{$state}--background--active: var(\n    --theme-checkbox-#{$state}--background--#{$type}--active\n  );\n\n  --theme-checkbox-#{$state}--border-color: var(\n    --theme-checkbox-#{$state}--border-color--#{$type}\n  );\n  --theme-checkbox-#{$state}--border-color--hover: var(\n    --theme-checkbox-#{$state}--border-color--#{$type}--hover\n  );\n  --theme-checkbox-#{$state}--border-color--active: var(\n    --theme-checkbox-#{$state}--border-color--#{$type}--active\n  );\n}\n\n@include checkbox-base();\n@include checkbox-variant($selector: '.ix-info') {\n  @include define-checkbox-vars('unchecked', 'info');\n  @include define-checkbox-vars('checked', 'info');\n  @include define-checkbox-vars('mixed', 'info');\n}\n\n@include checkbox-variant($selector: '.ix-warning') {\n  @include define-checkbox-vars('unchecked', 'warning');\n  @include define-checkbox-vars('checked', 'warning');\n  @include define-checkbox-vars('mixed', 'warning');\n}\n\n@include checkbox-variant($selector: '.ix-invalid--required') {\n  @include define-checkbox-vars('unchecked', 'invalid');\n  @include define-checkbox-vars('checked', 'invalid');\n  @include define-checkbox-vars('mixed', 'invalid');\n}\n\n@include checkbox-variant($selector: '.ix-invalid') {\n  @include define-checkbox-vars('unchecked', 'invalid');\n  @include define-checkbox-vars('checked', 'invalid');\n  @include define-checkbox-vars('mixed', 'invalid');\n}\n\n:host(.disabled) {\n  pointer-events: none;\n\n  button,\n  label,\n  input {\n    pointer-events: none;\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  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  Watch,\n  h,\n  Element,\n  Method,\n  Fragment,\n} from '@stencil/core';\nimport { HookValidationLifecycle, IxFormComponent } from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\nimport { a11yBoolean } from '../utils/a11y';\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-checkbox',\n  styleUrl: 'checkbox.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Checkbox implements IxFormComponent<string> {\n  @Element() hostElement!: HTMLIxCheckboxElement;\n\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * Name of the checkbox component\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Value of the checkbox component\n   */\n  @Prop({ reflect: true }) value: string = 'on';\n\n  /**\n   * Label for the checkbox component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Checked state of the checkbox component\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n\n  /**\n   * Disabled state of the checkbox component\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /**\n   * Indeterminate state of the checkbox component\n   */\n  @Prop({ reflect: true }) indeterminate: boolean = false;\n\n  /**\n   * Required state of the checkbox component.\n   *\n   * If true, checkbox needs to be checked to be valid\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * Event emitted when the checked state of the checkbox changes\n   */\n  @Event() checkedChange!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the value of the checkbox changes\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  private readonly inputRef = makeRef<HTMLInputElement>((checkboxRef) => {\n    checkboxRef.checked = this.checked;\n  });\n\n  private setCheckedState(newChecked: boolean) {\n    this.checked = newChecked;\n    this.checkedChange.emit(this.checked);\n  }\n\n  @Watch('checked')\n  onCheckedChange() {\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  @HookValidationLifecycle()\n  updateClassMappings() {\n    /** This function is intentionally empty */\n  }\n\n  private renderCheckmark() {\n    return (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        {this.indeterminate && (\n          <Fragment>\n            <rect width=\"18\" height=\"18\" fill=\"transparent\" />\n            <rect\n              x=\"3\"\n              y=\"8\"\n              width=\"12\"\n              height=\"2\"\n              fill=\"var(--ix-checkbox-check-color)\"\n            />\n          </Fragment>\n        )}\n\n        {this.checked && (\n          <path\n            d=\"M3.65625 8.15625L8.4375 12.9375L14.625 3.9375\"\n            stroke=\"var(--ix-checkbox-check-color)\"\n            stroke-width=\"2\"\n          />\n        )}\n      </svg>\n    );\n  }\n\n  render() {\n    return (\n      <Host\n        aria-checked={a11yBoolean(this.checked)}\n        aria-disabled={a11yBoolean(this.disabled)}\n        role=\"checkbox\"\n        class={{\n          disabled: this.disabled,\n          checked: this.checked,\n          indeterminate: this.indeterminate,\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=\"checkbox\"\n            onChange={() => this.setCheckedState(!this.checked)}\n          />\n          <button\n            disabled={this.disabled}\n            class={{\n              checked: this.checked,\n            }}\n            onClick={() => this.setCheckedState(!this.checked)}\n          >\n            {this.renderCheckmark()}\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":"8KAAA,MAAMA,EAAc,4xkB,iXCoCPC,EAAQ,MANrB,WAAAC,CAAAC,G,4QAmB2BC,KAAKC,MAAW,KAUDD,KAAOE,QAAY,MAKlCF,KAAQG,SAAY,MAKpBH,KAAaI,cAAY,MAOzBJ,KAAQK,SAAG,MAYnBL,KAAAM,SAAWC,GAA2BC,IACrDA,EAAYN,QAAUF,KAAKE,OAAO,GAyHrC,CAtHS,eAAAO,CAAgBC,GACtBV,KAAKE,QAAUQ,EACfV,KAAKW,cAAcC,KAAKZ,KAAKE,Q,CAI/B,eAAAW,GACEb,KAAKc,yB,CAIP,aAAAC,GACEf,KAAKgB,YAAYJ,KAAKZ,KAAKC,M,CAG7B,iBAAAgB,GACEjB,KAAKc,yB,CAGP,uBAAAA,G,MACE,GAAId,KAAKE,QAAS,CAChBF,KAAKkB,cAAcC,cAAaC,EAAApB,KAAKC,SAAK,MAAAmB,SAAA,EAAAA,EAAI,K,KACzC,CACLpB,KAAKkB,cAAcC,aAAa,K,EAMpC,aAAAE,GACE,OAAOC,QAAQC,QAAQvB,KAAKE,Q,CAK9B,wBAAAsB,GACE,OAAOF,QAAQC,QAAQvB,KAAKkB,cAAcO,K,CAI5C,mBAAAC,G,CAIQ,eAAAC,GACN,OACEC,EAAA,OACEC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAELjC,KAAKI,eACJwB,EAACM,EAAQ,KACPN,EAAM,QAAAC,MAAM,KAAKC,OAAO,KAAKE,KAAK,gBAClCJ,EACE,QAAAO,EAAE,IACFC,EAAE,IACFP,MAAM,KACNC,OAAO,IACPE,KAAK,oCAKVhC,KAAKE,SACJ0B,EACE,QAAAS,EAAE,gDACFC,OAAO,iCACM,qB,CAOvB,MAAAC,GACE,OACEX,EAACY,EAAI,CAAAC,IAAA,0DACWC,EAAY1C,KAAKE,SAAQ,gBACxBwC,EAAY1C,KAAKG,UAChCwC,KAAK,WACLC,MAAO,CACLzC,SAAUH,KAAKG,SACfD,QAASF,KAAKE,QACdE,cAAeJ,KAAKI,gBAGtBwB,EAAA,SAAAa,IAAA,4CACEb,EAAA,SAAAa,IAAA,0DACgBC,EAAY1C,KAAKE,SAC/BC,SAAUH,KAAKG,SACfD,QAASF,KAAKE,QACd2C,IAAK7C,KAAKM,SACVwC,KAAK,WACLC,SAAU,IAAM/C,KAAKS,iBAAiBT,KAAKE,WAE7C0B,EAAA,UAAAa,IAAA,2CACEtC,SAAUH,KAAKG,SACfyC,MAAO,CACL1C,QAASF,KAAKE,SAEhB8C,QAAS,IAAMhD,KAAKS,iBAAiBT,KAAKE,UAEzCF,KAAK2B,mBAERC,EAAA,iBAAAa,IAAA,2CACEQ,OAAO,QACPC,UAAWlD,KAAKG,SAAW,OAAS,OAEnCH,KAAKmD,MACNvB,EAAA,QAAAa,IAAA,+C,8JAxEVW,EAAA,CADCC,KAGAxD,EAAAyD,UAAA,4B","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["iconButtonCss","IconButton","constructor","hostRef","this","variant","outline","ghost","oval","size","disabled","type","loading","componentDidLoad","submitButton","document","createElement","style","display","tabIndex","hostElement","appendChild","submitButtonElement","dispatchFormEvents","click","getIconSizeClass","render","baseButtonProps","ariaAttributes","a11yLabel","getFallbackLabelFromIconName","icon","iconOnly","iconOval","selected","iconColor","iconSize","onClick","extraClasses","h","Host","key","class","Object","assign","BaseIconButton","spinnerCss","Spinner","hideTrack","primary"],"sources":["src/components/icon-button/icon-button.scss?tag=ix-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx","src/components/spinner/spinner.scss?tag=ix-spinner&encapsulation=shadow","src/components/spinner/spinner.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import './icon-button-mixin.scss';\n\n@include base-icon-button;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { BaseIconButton } from '../icon-button/base-icon-button';\nimport { getFallbackLabelFromIconName } from '../utils/a11y';\n\nexport type IconButtonVariant = ButtonVariant;\n\n@Component({\n  tag: 'ix-icon-button',\n  styleUrl: 'icon-button.scss',\n  shadow: true,\n})\nexport class IconButton {\n  @Element() hostElement!: HTMLIxIconButtonElement;\n\n  /**\n   * Accessibility label for the icon button\n   * Will be set as aria-label on the nested HTML button element\n   *\n   * @since 2.1.0\n   */\n  @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n  /**\n   * Variant of button\n   * @since 2.3.0 - variant danger\n   */\n  @Prop() variant: IconButtonVariant = 'secondary';\n\n  /**\n   * Button outline\n   */\n  @Prop() outline: boolean = false;\n\n  /**\n   * Button invisible\n   */\n  @Prop() ghost: boolean = false;\n\n  /**\n   * Button in oval shape\n   */\n  @Prop() oval: boolean = false;\n\n  /**\n   * Icon name\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Size of icon in button\n   *\n   */\n  @Prop() size: '24' | '16' | '12' = '24';\n\n  /**\n   * Color of icon in  button\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Disabled\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Type of the button\n   */\n  @Prop() type: 'button' | 'submit' = 'button';\n\n  /**\n   * Loading button\n   *\n   * @since 2.0.0\n   */\n  @Prop() loading = false;\n\n  /**\n   * Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n   */\n  submitButtonElement!: HTMLButtonElement;\n\n  componentDidLoad() {\n    if (this.type === 'submit') {\n      const submitButton = document.createElement('button');\n      submitButton.style.display = 'none';\n      submitButton.type = 'submit';\n      submitButton.tabIndex = -1;\n      this.hostElement.appendChild(submitButton);\n\n      this.submitButtonElement = submitButton;\n    }\n  }\n\n  dispatchFormEvents() {\n    if (this.type === 'submit' && this.submitButtonElement) {\n      this.submitButtonElement.click();\n    }\n  }\n\n  private getIconSizeClass() {\n    return {\n      'btn-icon-12': this.size === '12',\n      'btn-icon-16': this.size === '16',\n      'btn-icon-32': this.size === '24' || !this.size,\n    };\n  }\n\n  render() {\n    const baseButtonProps: BaseButtonProps = {\n      ariaAttributes: {\n        'aria-label': this.a11yLabel\n          ? this.a11yLabel\n          : getFallbackLabelFromIconName(this.icon),\n      },\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      iconOnly: true,\n      iconOval: this.oval,\n      selected: false,\n      disabled: this.disabled || this.loading,\n      icon: this.icon,\n      iconColor: this.iconColor,\n      iconSize: this.size,\n      loading: this.loading,\n      onClick: () => this.dispatchFormEvents(),\n      type: this.type,\n      extraClasses: this.getIconSizeClass(),\n    };\n\n    return (\n      <Host\n        class={{\n          ...this.getIconSizeClass(),\n          disabled: this.disabled || this.loading,\n        }}\n      >\n        <BaseIconButton {...baseButtonProps}></BaseIconButton>\n      </Host>\n    );\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n\n@mixin ix-spinner($size-name: 'medium', $size: 2rem, $track-size: 4px) {\n  :host {\n    @include ix-component;\n    display: block;\n    position: relative;\n  }\n\n  .#{$size-name} {\n    width: $size;\n    height: $size;\n    min-width: $size;\n    min-height: $size;\n    max-width: $size;\n    max-height: $size;\n    border-radius: 100%;\n    position: relative;\n    animation: rotate 2s linear infinite;\n\n    @keyframes rotate {\n      100% {\n        transform: rotate(360deg);\n      }\n    }\n\n    @keyframes clipMask {\n      0% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n      12.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);\n      }\n      25% {\n        clip-path: polygon(\n          50% 50%,\n          0 0,\n          100% 0,\n          100% 100%,\n          100% 100%,\n          100% 100%\n        );\n      }\n      37.5% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);\n      }\n      50% {\n        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      62.5% {\n        clip-path: polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0);\n      }\n      75% {\n        clip-path: polygon(\n          50% 50%,\n          100% 100%,\n          100% 100%,\n          100% 100%,\n          0 100%,\n          0 0\n        );\n      }\n      87.5% {\n        clip-path: polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0);\n      }\n      100% {\n        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);\n      }\n    }\n  }\n\n  .#{$size-name}::after {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid\n      var(--ix-button-color, var(--theme-color-soft-text));\n    animation: clipMask 3s linear infinite;\n  }\n\n  .#{$size-name}:not(.hide-track)::before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    inset: 8.33%;\n    border-radius: 100%;\n    border: $track-size solid var(--theme-color-ghost--hover);\n  }\n\n  .primary::after {\n    border-color: var(--theme-color-dynamic);\n  }\n\n  .primary::before {\n    border-color: var(--theme-color-ghost--hover);\n  }\n}\n\n@include ix-spinner($size-name: 'xx-small', $size: 0.75rem, $track-size: 1px);\n@include ix-spinner($size-name: 'x-small', $size: 1.25rem, $track-size: 2px);\n@include ix-spinner($size-name: 'small', $size: 1.5rem, $track-size: 2px);\n@include ix-spinner($size-name: 'medium', $size: 2rem, $track-size: 2px);\n@include ix-spinner($size-name: 'large', $size: 6rem, $track-size: 4px);\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'ix-spinner',\n  styleUrl: 'spinner.scss',\n  shadow: true,\n})\nexport class Spinner {\n  @Element() hostElement!: HTMLIxSpinnerElement;\n\n  /**\n   * Variant of spinner\n   */\n  @Prop() variant: 'primary' | 'secondary' = 'secondary';\n\n  /**\n   * Size of spinner\n   */\n  @Prop() size: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' =\n    'medium';\n\n  /**\n   * @internal\n   */\n  @Prop() hideTrack = false;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            primary: this.variant === 'primary',\n            [this.size]: true,\n            'hide-track': this.hideTrack,\n          }}\n        ></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yJAAA,MAAMA,EAAgB,07tB,MCsBTC,EAAU,MALvB,WAAAC,CAAAC,G,UAoBUC,KAAOC,QAAsB,YAK7BD,KAAOE,QAAY,MAKnBF,KAAKG,MAAY,MAKjBH,KAAII,KAAY,MAWhBJ,KAAIK,KAAuB,KAU3BL,KAAQM,SAAG,MAKXN,KAAIO,KAAwB,SAO5BP,KAAOQ,QAAG,KAmEnB,CA5DC,gBAAAC,GACE,GAAIT,KAAKO,OAAS,SAAU,CAC1B,MAAMG,EAAeC,SAASC,cAAc,UAC5CF,EAAaG,MAAMC,QAAU,OAC7BJ,EAAaH,KAAO,SACpBG,EAAaK,UAAW,EACxBf,KAAKgB,YAAYC,YAAYP,GAE7BV,KAAKkB,oBAAsBR,C,EAI/B,kBAAAS,GACE,GAAInB,KAAKO,OAAS,UAAYP,KAAKkB,oBAAqB,CACtDlB,KAAKkB,oBAAoBE,O,EAIrB,gBAAAC,GACN,MAAO,CACL,cAAerB,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,OAASL,KAAKK,K,CAI/C,MAAAiB,GACE,MAAMC,EAAmC,CACvCC,eAAgB,CACd,aAAcxB,KAAKyB,UACfzB,KAAKyB,UACLC,EAA6B1B,KAAK2B,OAExC1B,QAASD,KAAKC,QACdC,QAASF,KAAKE,QACdC,MAAOH,KAAKG,MACZyB,SAAU,KACVC,SAAU7B,KAAKI,KACf0B,SAAU,MACVxB,SAAUN,KAAKM,UAAYN,KAAKQ,QAChCmB,KAAM3B,KAAK2B,KACXI,UAAW/B,KAAK+B,UAChBC,SAAUhC,KAAKK,KACfG,QAASR,KAAKQ,QACdyB,QAAS,IAAMjC,KAAKmB,qBACpBZ,KAAMP,KAAKO,KACX2B,aAAclC,KAAKqB,oBAGrB,OACEc,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAKC,OAAAC,OAAAD,OAAAC,OAAA,GACAxC,KAAKqB,oBACR,CAAAf,SAAUN,KAAKM,UAAYN,KAAKQ,WAGlC2B,EAACM,EAAmBF,OAAAC,OAAA,CAAAH,IAAA,4CAAAd,I,8CCpJ5B,MAAMmB,EAAa,ugV,MCgBNC,EAAO,MALpB,WAAA7C,CAAAC,G,UAWUC,KAAOC,QAA4B,YAKnCD,KAAIK,KACV,SAKML,KAAS4C,UAAG,KAerB,CAbC,MAAAtB,GACE,OACEa,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CACEC,MAAO,CACLO,QAAS7C,KAAKC,UAAY,UAC1B,CAACD,KAAKK,MAAO,KACb,aAAcL,KAAK4C,a","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["dateInputCss","DateInput","constructor","hostRef","this","value","format","readonly","disabled","i18nErrorDateUnparsable","showWeekNumbers","show","from","isInputInvalid","isInvalid","isValid","isInfo","isWarning","focus","slotStartRef","makeRef","slotEndRef","datepickerRef","inputElementRef","dropdownElementRef","touched","updateFormInternalValue","formInternals","setFormValue","connectedCallback","classObserver","createClassMutationObserver","hostElement","checkClassList","disposableChangesAndVisibilityObservers","addDisposableChangesAndVisibilityObservers","updatePaddings","bind","componentWillLoad","onInput","watchValue","adjustPaddingForStartAndEnd","current","disconnectedCallback","_a","destroy","_b","call","hasValidValue","Promise","resolve","getAssociatedFormElement","form","valueChange","emit","date","DateTime","fromFormat","closeDropdown","invalidReason","onCalenderClick","event","stopPropagation","preventDefault","openDropdown","dropdownElement","waitForCurrent","id","getAttribute","dropdownController","dismissAll","dropdown","getDropdownById","present","dismiss","classList","contains","renderInput","h","class","SlotStart","onSlotChange","autoComplete","readOnly","required","ref","type","target","onClick","onFocus","async","ixFocus","onBlur","ixBlur","SlotEnd","ghost","icon","iconCalendar","hookValidationLifecycle","isInvalidByRequired","onInputValidationChange","state","getValidityState","validityStateChange","patternMismatch","badInput","customError","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valid","valueMissing","getNativeInputElement","focusInput","isTouched","render","invalidText","Host","key","label","helperText","infoText","warningText","validText","showTextAsTooltip","controlRef","trigger","closeBehavior","suppressOverflowBehavior","onShowChanged","detail","locale","range","onDateChange","__decorate","HookValidationLifecycle","prototype"],"sources":["src/components/date-input/date-input.scss?tag=ix-date-input&encapsulation=shadow","src/components/date-input/date-input.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@import 'mixins/input';\n@import './../input/input.mixins.scss';\n\n@include input-field;\n\n:host {\n  @include ix-component;\n\n  display: inline-block;\n  position: relative;\n\n  input {\n    width: 100%;\n    height: 100%;\n  }\n\n  .calendar-hidden {\n    display: none;\n  }\n}\n\n:host(.readonly) {\n  input {\n    pointer-events: none;\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 { iconCalendar } from '@siemens/ix-icons/icons';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { dropdownController } from '../dropdown/dropdown-controller';\nimport { SlotEnd, SlotStart } from '../input/input.fc';\nimport {\n  DisposableChangesAndVisibilityObservers,\n  addDisposableChangesAndVisibilityObservers,\n  adjustPaddingForStartAndEnd,\n} from '../input/input.util';\nimport {\n  ClassMutationObserver,\n  HookValidationLifecycle,\n  IxInputFieldComponent,\n  ValidationResults,\n  createClassMutationObserver,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\n\nexport type DateInputValidityState = {\n  patternMismatch: boolean;\n  invalidReason?: string;\n};\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n * @slot start - Element will be displayed at the start of the input\n * @slot end - Element will be displayed at the end of the input\n */\n@Component({\n  tag: 'ix-date-input',\n  styleUrl: 'date-input.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class DateInput implements IxInputFieldComponent<string | undefined> {\n  @Element() hostElement!: HTMLIxDateInputElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * name of the input element\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * placeholder of the input element\n   */\n  @Prop({ reflect: true }) placeholder?: string;\n\n  /**\n   * value of the input element\n   */\n  @Prop({ reflect: true, mutable: true }) value?: string = '';\n\n  /**\n   * Locale identifier (e.g. 'en' or 'de').\n   *\n   * @since 2.6.0\n   */\n  @Prop() locale?: string;\n\n  /**\n   * Date format string.\n   * See {@link \"https://moment.github.io/luxon/#/formatting?id=table-of-tokens\"} for all available tokens.\n   */\n  @Prop() format: string = 'yyyy/LL/dd';\n\n  /**\n   * required attribute\n   */\n  @Prop() required?: boolean;\n\n  /**\n   * helper text below the input field\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * label of the input field\n   */\n  @Prop() label?: string;\n\n  /**\n   * error text below the input field\n   */\n  @Prop({ reflect: true }) invalidText?: string;\n\n  /**\n   * readonly attribute\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * disabled attribute\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * info text below the input field\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * warning text below the input field\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * valid text below the input field\n   */\n  @Prop() validText?: string;\n\n  /**\n   * show text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * i18n string for the error message when the date is not parsable\n   */\n  @Prop({ attribute: 'i18n-error-date-unparsable' }) i18nErrorDateUnparsable =\n    'Date is not valid';\n\n  /**\n   * Shows week numbers displayed on the left side of the date picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() showWeekNumbers = false;\n\n  /**\n   * Input change event.\n   */\n  @Event({ cancelable: false }) valueChange!: EventEmitter<string | undefined>;\n\n  /**\n   * Validation state change event.\n   */\n  @Event() validityStateChange!: EventEmitter<DateInputValidityState>;\n\n  /** @internal */\n  @Event() ixFocus!: EventEmitter<void>;\n\n  /** @internal */\n  @Event() ixBlur!: EventEmitter<void>;\n\n  @State() show = false;\n  @State() from: string | null = null;\n  @State() isInputInvalid = false;\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n  @State() focus = false;\n\n  private readonly slotStartRef = makeRef<HTMLDivElement>();\n  private readonly slotEndRef = makeRef<HTMLDivElement>();\n\n  private readonly datepickerRef = makeRef<HTMLIxDatePickerElement>();\n\n  private readonly inputElementRef = makeRef<HTMLInputElement>();\n  private readonly dropdownElementRef = makeRef<HTMLIxDropdownElement>();\n  private classObserver?: ClassMutationObserver;\n  private invalidReason?: string;\n  private touched = false;\n\n  private disposableChangesAndVisibilityObservers?: DisposableChangesAndVisibilityObservers;\n\n  updateFormInternalValue(value: string | undefined): void {\n    this.formInternals.setFormValue(value);\n    this.value = value;\n  }\n\n  connectedCallback(): void {\n    this.classObserver = createClassMutationObserver(this.hostElement, () =>\n      this.checkClassList()\n    );\n\n    this.disposableChangesAndVisibilityObservers =\n      addDisposableChangesAndVisibilityObservers(\n        this.hostElement,\n        this.updatePaddings.bind(this)\n      );\n  }\n\n  componentWillLoad(): void {\n    this.onInput(this.value);\n    if (this.isInputInvalid) {\n      this.from = null;\n    } else {\n      this.watchValue();\n    }\n\n    this.checkClassList();\n    this.updateFormInternalValue(this.value);\n  }\n\n  private updatePaddings() {\n    adjustPaddingForStartAndEnd(\n      this.slotStartRef.current,\n      this.slotEndRef.current,\n      this.inputElementRef.current\n    );\n  }\n\n  disconnectedCallback(): void {\n    this.classObserver?.destroy();\n    this.disposableChangesAndVisibilityObservers?.();\n  }\n\n  @Watch('value')\n  watchValue() {\n    this.from = this.value;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(!!this.value);\n  }\n\n  /** @internal */\n  @Method()\n  getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return Promise.resolve(this.formInternals.form);\n  }\n\n  async onInput(value: string | undefined) {\n    this.value = value;\n    if (!value) {\n      this.valueChange.emit(value);\n      return;\n    }\n\n    if (!this.format) {\n      return;\n    }\n\n    const date = DateTime.fromFormat(value, this.format);\n    if (date.isValid) {\n      this.isInputInvalid = false;\n\n      this.updateFormInternalValue(value);\n      this.closeDropdown();\n    } else {\n      this.isInputInvalid = true;\n      this.invalidReason = date.invalidReason;\n    }\n\n    this.valueChange.emit(value);\n  }\n\n  onCalenderClick(event: Event) {\n    if (!this.show) {\n      event.stopPropagation();\n      event.preventDefault();\n      this.openDropdown();\n    }\n\n    if (this.inputElementRef.current) {\n      this.inputElementRef.current.focus();\n    }\n  }\n\n  async openDropdown() {\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    dropdownController.dismissAll();\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.present(dropdown);\n  }\n\n  async closeDropdown() {\n    const dropdownElement = await this.dropdownElementRef.waitForCurrent();\n    const id = dropdownElement.getAttribute('data-ix-dropdown');\n\n    if (!id) {\n      return;\n    }\n\n    const dropdown = dropdownController.getDropdownById(id);\n    if (!dropdown) {\n      return;\n    }\n    dropdownController.dismiss(dropdown);\n  }\n\n  private checkClassList() {\n    this.isInvalid = this.hostElement.classList.contains('ix-invalid');\n  }\n\n  private renderInput() {\n    return (\n      <div class=\"input-wrapper\">\n        <SlotStart\n          slotStartRef={this.slotStartRef}\n          onSlotChange={() => this.updatePaddings()}\n        ></SlotStart>\n        <input\n          autoComplete=\"off\"\n          class={{\n            'is-invalid': this.isInputInvalid,\n          }}\n          disabled={this.disabled}\n          readOnly={this.readonly}\n          readonly={this.readonly}\n          required={this.required}\n          ref={this.inputElementRef}\n          type=\"text\"\n          value={this.value ?? ''}\n          onInput={(event) => {\n            const target = event.target as HTMLInputElement;\n            this.onInput(target.value);\n          }}\n          onClick={(event) => {\n            if (this.show) {\n              event.stopPropagation();\n              event.preventDefault();\n            }\n          }}\n          onFocus={async () => {\n            this.openDropdown();\n            this.ixFocus.emit();\n          }}\n          onBlur={() => {\n            this.ixBlur.emit();\n            this.touched = true;\n          }}\n        ></input>\n        <SlotEnd\n          slotEndRef={this.slotEndRef}\n          onSlotChange={() => this.updatePaddings()}\n        >\n          <ix-icon-button\n            data-testid=\"open-calendar\"\n            class={{ 'calendar-hidden': this.disabled || this.readonly }}\n            ghost\n            icon={iconCalendar}\n            onClick={(event) => this.onCalenderClick(event)}\n          ></ix-icon-button>\n        </SlotEnd>\n      </div>\n    );\n  }\n\n  @HookValidationLifecycle()\n  hookValidationLifecycle({\n    isInfo,\n    isInvalid,\n    isInvalidByRequired,\n    isValid,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  @Watch('isInputInvalid')\n  async onInputValidationChange() {\n    const state = await this.getValidityState();\n    this.validityStateChange.emit({\n      patternMismatch: state.patternMismatch,\n      invalidReason: this.invalidReason,\n    });\n  }\n\n  /** @internal */\n  @Method()\n  getValidityState(): Promise<ValidityState> {\n    return Promise.resolve({\n      badInput: false,\n      customError: false,\n      patternMismatch: this.isInputInvalid,\n      rangeOverflow: false,\n      rangeUnderflow: false,\n      stepMismatch: false,\n      tooLong: false,\n      tooShort: false,\n      typeMismatch: false,\n      valid: !this.isInputInvalid,\n      valueMissing: !!this.required && !this.value,\n    });\n  }\n\n  /**\n   * Get the native input element\n   */\n  @Method()\n  getNativeInputElement(): Promise<HTMLInputElement> {\n    return this.inputElementRef.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   * Returns whether the text field has been touched.\n   * @internal\n   */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    const invalidText = this.isInputInvalid\n      ? this.i18nErrorDateUnparsable\n      : this.invalidText;\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n          readonly: this.readonly,\n        }}\n      >\n        <ix-field-wrapper\n          label={this.label}\n          helperText={this.helperText}\n          isInvalid={this.isInvalid}\n          invalidText={invalidText}\n          infoText={this.infoText}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          warningText={this.warningText}\n          isValid={this.isValid}\n          validText={this.validText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          required={this.required}\n          controlRef={this.inputElementRef}\n        >\n          {this.renderInput()}\n        </ix-field-wrapper>\n        <ix-dropdown\n          data-testid=\"date-dropdown\"\n          trigger={this.inputElementRef.waitForCurrent()}\n          ref={this.dropdownElementRef}\n          closeBehavior=\"outside\"\n          suppressOverflowBehavior={true}\n          show={this.show}\n          onShowChanged={(event) => {\n            this.show = event.detail;\n          }}\n        >\n          <ix-date-picker\n            ref={this.datepickerRef}\n            format={this.format}\n            locale={this.locale}\n            range={false}\n            from={this.from ?? ''}\n            onDateChange={(event) => {\n              const { from } = event.detail;\n              this.onInput(from);\n            }}\n            showWeekNumbers={this.showWeekNumbers}\n          ></ix-date-picker>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,H as r,g as h}from"./p-BNpBEtDH.js";import{a as i}from"./p-Bb7pDeaQ.js";const c=':host{display:inline-flex;flex-direction:row;position:relative;height:1.5rem;margin-block-start:0.25rem;margin-block-end:0.25rem}: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 input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;height:100%}:host .label{display:inline-block;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-block-start:0.125rem;margin-inline-start:0.5625rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--info\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--info--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--info--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--info\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--info--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--info--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--info\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--info--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--info--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--info\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--info--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--info--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--info\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--info--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--info--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--info\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--info--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--info--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--info\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--info--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--info--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--info\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--info--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--info--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--info\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--info--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--info--active\n  )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--warning\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--warning--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--warning--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--warning\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--warning--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--warning--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--warning\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--warning--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--warning--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--warning\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--warning--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--warning--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--warning\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--warning--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--warning--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--warning\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--warning--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--warning--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--warning\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--warning--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--warning--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--warning\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--warning--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--warning--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--warning\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--warning--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--warning--active\n  )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(\n    --theme-switch-off--background--invalid\n  );--theme-switch-off--background--hover:var(\n    --theme-switch-off--background--invalid--hover\n  );--theme-switch-off--background--active:var(\n    --theme-switch-off--background--invalid--active\n  );--theme-switch-thumb-off--background:var(\n    --theme-switch-thumb-off--background--invalid\n  );--theme-switch-thumb-off--background--hover:var(\n    --theme-switch-thumb-off--background--invalid--hover\n  );--theme-switch-thumb-off--background--active:var(\n    --theme-switch-thumb-off--background--invalid--active\n  );--theme-switch-off--border-color:var(\n    --theme-switch-off--border-color--invalid\n  );--theme-switch-off--border-color--hover:var(\n    --theme-switch-off--border-color--invalid--hover\n  );--theme-switch-off--border-color--active:var(\n    --theme-switch-off--border-color--invalid--active\n  );--theme-switch-on--background:var(\n    --theme-switch-on--background--invalid\n  );--theme-switch-on--background--hover:var(\n    --theme-switch-on--background--invalid--hover\n  );--theme-switch-on--background--active:var(\n    --theme-switch-on--background--invalid--active\n  );--theme-switch-thumb-on--background:var(\n    --theme-switch-thumb-on--background--invalid\n  );--theme-switch-thumb-on--background--hover:var(\n    --theme-switch-thumb-on--background--invalid--hover\n  );--theme-switch-thumb-on--background--active:var(\n    --theme-switch-thumb-on--background--invalid--active\n  );--theme-switch-on--border-color:var(\n    --theme-switch-on--border-color--invalid\n  );--theme-switch-on--border-color--hover:var(\n    --theme-switch-on--border-color--invalid--hover\n  );--theme-switch-on--border-color--active:var(\n    --theme-switch-on--border-color--invalid--active\n  );--theme-switch-mixed--background:var(\n    --theme-switch-mixed--background--invalid\n  );--theme-switch-mixed--background--hover:var(\n    --theme-switch-mixed--background--invalid--hover\n  );--theme-switch-mixed--background--active:var(\n    --theme-switch-mixed--background--invalid--active\n  );--theme-switch-thumb-mixed--background:var(\n    --theme-switch-thumb-mixed--background--invalid\n  );--theme-switch-thumb-mixed--background--hover:var(\n    --theme-switch-thumb-mixed--background--invalid--hover\n  );--theme-switch-thumb-mixed--background--active:var(\n    --theme-switch-thumb-mixed--background--invalid--active\n  );--theme-switch-mixed--border-color:var(\n    --theme-switch-mixed--border-color--invalid\n  );--theme-switch-mixed--border-color--hover:var(\n    --theme-switch-mixed--border-color--invalid--hover\n  );--theme-switch-mixed--border-color--active:var(\n    --theme-switch-mixed--border-color--invalid--active\n  )}';const n=class{constructor(t){e(this,t);this.checkedChange=o(this,"checkedChange",7);this.valueChange=o(this,"valueChange",7);if(t.$hostElement$["s-ei"]){this.formInternals=t.$hostElement$["s-ei"]}else{this.formInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.formInternals}this.value="on";this.checked=false;this.disabled=false;this.indeterminate=false;this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false;this.required=false}onCheckedChange(e){if(this.disabled){return}const o=this.indeterminate;const t=this.checked;if(this.indeterminate){this.indeterminate=false}this.checked=e;const{defaultPrevented:r}=this.checkedChange.emit(this.checked);if(r){this.indeterminate=o;this.checked=t}}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){if(this.checked){this.formInternals.setFormValue(this.value)}else{this.formInternals.setFormValue(null)}}watchCheckedChange(){this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=this.textOff;if(this.checked){e=this.textOn}if(this.indeterminate){e=this.textIndeterminate}return t(r,{key:"f531e9d80601ee7884a09b26adbcef4ccb1e6220",class:{disabled:this.disabled}},t("label",{key:"f1ed4a7be7a1b54fd2b22ee722f4548652e902e5",class:"wrapper"},t("button",{key:"f5c1b49ff55e2696ad7887a45ab316e41f189dab",role:"switch","aria-checked":i(this.checked),class:{switch:true,checked:this.checked,indeterminate:this.indeterminate},onClick:()=>this.onCheckedChange(!this.checked)},t("div",{key:"78d480eb757f90adff629dee453be7989aa263f7",class:"slider"})),t("input",{key:"e95ea3776b169e735cf471807dc1c18debdbaed0",type:"checkbox",disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,tabindex:0,"aria-hidden":i(true),"aria-checked":i(this.checked),onChange:e=>this.onCheckedChange(e.target.checked)}),!this.hideText&&t("ix-typography",{key:"1edb349714ec98ed6b3b57071d2a588bdd0c5bba",class:"label"},e)))}static get formAssociated(){return true}get hostElement(){return h(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};n.style=c;export{n as ix_toggle};
-//# sourceMappingURL=p-e501b6ca.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["toggleCss","Toggle","constructor","hostRef","this","value","checked","disabled","indeterminate","textOn","textOff","textIndeterminate","hideText","required","onCheckedChange","newChecked","wasIndeterminate","oldChecked","defaultPrevented","checkedChange","emit","componentWillLoad","updateFormInternalValue","formInternals","setFormValue","watchCheckedChange","hasValidValue","Promise","resolve","getAssociatedFormElement","form","render","toggleText","h","Host","key","class","role","a11yBoolean","switch","onClick","type","tabindex","onChange","event","target"],"sources":["src/components/toggle/toggle.scss?tag=ix-toggle&encapsulation=shadow","src/components/toggle/toggle.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-flex;\n  flex-direction: row;\n  position: relative;\n  height: 1.5rem;\n  margin-block-start: 0.25rem;\n  margin-block-end: 0.25rem;\n\n  input[type='checkbox'] {\n    display: none;\n  }\n\n  .wrapper {\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    height: 100%;\n  }\n\n  .label {\n    display: inline-block;\n    white-space: normal;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-block-start: 0.125rem;\n    margin-inline-start: 0.5625rem;\n  }\n\n  .switch {\n    all: unset;\n    position: relative;\n    display: inline-block;\n    width: 3rem;\n    min-width: 3rem;\n    max-width: 3rem;\n    height: 1.5rem;\n  }\n\n  .slider {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--theme-switch-off--background);\n    transition: var(--theme-default-time);\n    border-radius: 1.5rem;\n    border: 0.0625rem solid transparent;\n  }\n\n  .slider:before {\n    position: absolute;\n    content: '';\n    height: 1.125rem;\n    width: 1.125rem;\n    left: 0.125rem;\n    bottom: 0.125rem;\n    background-color: var(--theme-switch-thumb-off--background);\n    transition: var(--theme-default-time);\n    border-radius: 50%;\n  }\n\n  .switch.checked > .slider::before {\n    background-color: var(--theme-switch-thumb-on--background);\n    transform: translateX(1.5rem);\n  }\n\n  .switch > .slider {\n    border-color: var(--theme-switch-off--border-color);\n  }\n\n  .switch:hover > .slider {\n    background-color: var(--theme-switch-off--background--hover);\n    border-color: var(--theme-switch-off--border-color--hover);\n  }\n\n  .switch:hover > .slider:before {\n    background-color: var(--theme-switch-thumb-off--background--hover);\n  }\n\n  .switch:active > .slider {\n    background-color: var(--theme-switch-off--background--active);\n    border-color: var(--theme-switch-off--border-color--active);\n  }\n\n  .switch:active > .slider:before {\n    background-color: var(--theme-switch-thumb-off--background--active);\n  }\n\n  .switch.checked > .slider {\n    background-color: var(--theme-switch-on--background);\n    border-color: var(--theme-switch-on--border-color);\n  }\n\n  .switch.checked:hover > .slider {\n    background-color: var(--theme-switch-on--background--hover);\n    border-color: var(--theme-switch-on--border-color--hover);\n  }\n\n  .switch.checked:hover > .slider:before {\n    background-color: var(--theme-switch-thumb-on--background--hover);\n  }\n\n  .switch.checked:active > .slider {\n    background-color: var(--theme-switch-on--background--active);\n    border-color: var(--theme-switch-on--border-color--active);\n  }\n\n  .switch.checked:active > .slider:before {\n    background-color: var(--theme-switch-thumb-on--background--active);\n  }\n\n  .switch.indeterminate > .slider::before {\n    transform: translateX(0.75rem);\n  }\n}\n\n:host(:not(.disabled)) {\n  .wrapper {\n    cursor: pointer;\n  }\n\n  .switch:focus-visible > .slider {\n    outline: 0.0625rem solid var(--theme-color-focus-bdr);\n    outline-offset: 0.0625rem;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n\n  .switch {\n    opacity: 0.5;\n  }\n\n  .switch > .slider {\n    background-color: var(--theme-switch-off--background--disabled);\n  }\n\n  .switch > .slider:before {\n    background-color: var(--theme-switch-thumb-off--background--disabled);\n  }\n\n  .switch.checked > .slider {\n    background-color: var(--theme-switch-on--background--disabled);\n  }\n\n  .switch.checked > .slider:before {\n    background-color: var(--theme-switch-thumb-on--background--disabled);\n  }\n\n  .label {\n    color: var(--theme-color-weak-text);\n  }\n}\n\n@mixin toggle-variant($selector) {\n  :host(#{$selector}:not(.disabled)) {\n    .slider {\n      @content;\n    }\n  }\n}\n\n@mixin define-toggle-vars($state, $type) {\n  --theme-switch-#{$state}--background: var(\n    --theme-switch-#{$state}--background--#{$type}\n  );\n  --theme-switch-#{$state}--background--hover: var(\n    --theme-switch-#{$state}--background--#{$type}--hover\n  );\n  --theme-switch-#{$state}--background--active: var(\n    --theme-switch-#{$state}--background--#{$type}--active\n  );\n\n  --theme-switch-thumb-#{$state}--background: var(\n    --theme-switch-thumb-#{$state}--background--#{$type}\n  );\n  --theme-switch-thumb-#{$state}--background--hover: var(\n    --theme-switch-thumb-#{$state}--background--#{$type}--hover\n  );\n  --theme-switch-thumb-#{$state}--background--active: var(\n    --theme-switch-thumb-#{$state}--background--#{$type}--active\n  );\n\n  --theme-switch-#{$state}--border-color: var(\n    --theme-switch-#{$state}--border-color--#{$type}\n  );\n  --theme-switch-#{$state}--border-color--hover: var(\n    --theme-switch-#{$state}--border-color--#{$type}--hover\n  );\n  --theme-switch-#{$state}--border-color--active: var(\n    --theme-switch-#{$state}--border-color--#{$type}--active\n  );\n}\n\n@include toggle-variant($selector: '.ix-info') {\n  @include define-toggle-vars('off', 'info');\n  @include define-toggle-vars('on', 'info');\n  @include define-toggle-vars('mixed', 'info');\n}\n\n@include toggle-variant($selector: '.ix-warning') {\n  @include define-toggle-vars('off', 'warning');\n  @include define-toggle-vars('on', 'warning');\n  @include define-toggle-vars('mixed', 'warning');\n}\n\n@include toggle-variant($selector: '.ix-invalid--required') {\n  @include define-toggle-vars('off', 'invalid');\n  @include define-toggle-vars('on', 'invalid');\n  @include define-toggle-vars('mixed', 'invalid');\n}\n\n@include toggle-variant($selector: '.ix-invalid') {\n  @include define-toggle-vars('off', 'invalid');\n  @include define-toggle-vars('on', 'invalid');\n  @include define-toggle-vars('mixed', 'invalid');\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  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { a11yBoolean } from '../utils/a11y';\nimport { IxFormComponent } from '../utils/input';\n\n/**\n * @form-ready 2.6.0\n * */\n@Component({\n  tag: 'ix-toggle',\n  styleUrl: 'toggle.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Toggle implements IxFormComponent<string> {\n  @AttachInternals() formInternals!: ElementInternals;\n\n  @Element() hostElement!: HTMLIxToggleElement;\n\n  /**\n   * Name of the checkbox component\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Value of the checkbox component\n   */\n  @Prop({ reflect: true }) value: string = 'on';\n\n  /**\n   * Whether the slide-toggle element is checked or not.\n   */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * Whether the slide-toggle element is disabled or not.\n   */\n  @Prop() disabled = false;\n\n  /**\n   * If true the control is in indeterminate state\n   */\n  @Prop({ mutable: true, reflect: true }) indeterminate = false;\n\n  /**\n   * Text for on state\n   */\n  @Prop() textOn = 'On';\n\n  /**\n   * Text for off state\n   */\n  @Prop() textOff = 'Off';\n\n  /**\n   * Text for indeterminate state\n   */\n  @Prop() textIndeterminate = 'Mixed';\n\n  /**\n   * Hide `on` and `off` text\n   */\n  @Prop() hideText = false;\n\n  /**\n   * Required state of the checkbox component.\n   *\n   * If true, checkbox needs to be checked to be valid\n   */\n  @Prop({ reflect: true }) required = false;\n\n  /**\n   * An event will be dispatched each time the slide-toggle changes its value.\n   */\n  @Event() checkedChange!: EventEmitter<boolean>;\n\n  /** @internal */\n  @Event() valueChange!: EventEmitter<string>;\n\n  onCheckedChange(newChecked: boolean) {\n    if (this.disabled) {\n      return;\n    }\n\n    const wasIndeterminate = this.indeterminate;\n    const oldChecked = this.checked;\n\n    if (this.indeterminate) {\n      this.indeterminate = false;\n    }\n\n    this.checked = newChecked;\n\n    const { defaultPrevented } = this.checkedChange.emit(this.checked);\n\n    if (defaultPrevented) {\n      this.indeterminate = wasIndeterminate;\n      this.checked = oldChecked;\n    }\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue();\n  }\n\n  updateFormInternalValue(): void {\n    if (this.checked) {\n      this.formInternals.setFormValue(this.value);\n    } else {\n      this.formInternals.setFormValue(null);\n    }\n  }\n\n  @Watch('checked')\n  watchCheckedChange() {\n    this.updateFormInternalValue();\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    let toggleText = this.textOff;\n\n    if (this.checked) {\n      toggleText = this.textOn;\n    }\n\n    if (this.indeterminate) {\n      toggleText = this.textIndeterminate;\n    }\n    return (\n      <Host\n        class={{\n          disabled: this.disabled,\n        }}\n      >\n        <label class=\"wrapper\">\n          <button\n            role=\"switch\"\n            aria-checked={a11yBoolean(this.checked)}\n            class={{\n              switch: true,\n              checked: this.checked,\n              indeterminate: this.indeterminate,\n            }}\n            onClick={() => this.onCheckedChange(!this.checked)}\n          >\n            <div class=\"slider\"></div>\n          </button>\n          <input\n            type=\"checkbox\"\n            disabled={this.disabled}\n            indeterminate={this.indeterminate}\n            checked={this.checked}\n            tabindex={0}\n            aria-hidden={a11yBoolean(true)}\n            aria-checked={a11yBoolean(this.checked)}\n            onChange={(event) =>\n              this.onCheckedChange((event.target as HTMLInputElement).checked)\n            }\n          />\n          {!this.hideText && (\n            <ix-typography class=\"label\">{toggleText}</ix-typography>\n          )}\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAY,ood,MCiCLC,EAAM,MANnB,WAAAC,CAAAC,G,4QAmB2BC,KAAKC,MAAW,KAKDD,KAAOE,QAAG,MAK1CF,KAAQG,SAAG,MAKqBH,KAAaI,cAAG,MAKhDJ,KAAMK,OAAG,KAKTL,KAAOM,QAAG,MAKVN,KAAiBO,kBAAG,QAKpBP,KAAQQ,SAAG,MAOMR,KAAQS,SAAG,KA6GrC,CAnGC,eAAAC,CAAgBC,GACd,GAAIX,KAAKG,SAAU,CACjB,M,CAGF,MAAMS,EAAmBZ,KAAKI,cAC9B,MAAMS,EAAab,KAAKE,QAExB,GAAIF,KAAKI,cAAe,CACtBJ,KAAKI,cAAgB,K,CAGvBJ,KAAKE,QAAUS,EAEf,MAAMG,iBAAEA,GAAqBd,KAAKe,cAAcC,KAAKhB,KAAKE,SAE1D,GAAIY,EAAkB,CACpBd,KAAKI,cAAgBQ,EACrBZ,KAAKE,QAAUW,C,EAInB,iBAAAI,GACEjB,KAAKkB,yB,CAGP,uBAAAA,GACE,GAAIlB,KAAKE,QAAS,CAChBF,KAAKmB,cAAcC,aAAapB,KAAKC,M,KAChC,CACLD,KAAKmB,cAAcC,aAAa,K,EAKpC,kBAAAC,GACErB,KAAKkB,yB,CAKP,aAAAI,GACE,OAAOC,QAAQC,QAAQxB,KAAKE,Q,CAK9B,wBAAAuB,GACE,OAAOF,QAAQC,QAAQxB,KAAKmB,cAAcO,K,CAG5C,MAAAC,GACE,IAAIC,EAAa5B,KAAKM,QAEtB,GAAIN,KAAKE,QAAS,CAChB0B,EAAa5B,KAAKK,M,CAGpB,GAAIL,KAAKI,cAAe,CACtBwB,EAAa5B,KAAKO,iB,CAEpB,OACEsB,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL7B,SAAUH,KAAKG,WAGjB0B,EAAO,SAAAE,IAAA,2CAAAC,MAAM,WACXH,EAAA,UAAAE,IAAA,2CACEE,KAAK,SAAQ,eACCC,EAAYlC,KAAKE,SAC/B8B,MAAO,CACLG,OAAQ,KACRjC,QAASF,KAAKE,QACdE,cAAeJ,KAAKI,eAEtBgC,QAAS,IAAMpC,KAAKU,iBAAiBV,KAAKE,UAE1C2B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAEbH,EACE,SAAAE,IAAA,2CAAAM,KAAK,WACLlC,SAAUH,KAAKG,SACfC,cAAeJ,KAAKI,cACpBF,QAASF,KAAKE,QACdoC,SAAU,EACG,cAAAJ,EAAY,MACX,eAAAA,EAAYlC,KAAKE,SAC/BqC,SAAWC,GACTxC,KAAKU,gBAAiB8B,EAAMC,OAA4BvC,YAG1DF,KAAKQ,UACLqB,EAAA,iBAAAE,IAAA,2CAAeC,MAAM,SAASJ,I","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["flipTileCss","FlipTile","constructor","hostRef","this","height","width","index","isFlipAnimationActive","ANIMATION_DURATION","contentItems","watchIndex","newIndex","oldIndex","doFlipAnimation","componentDidLoad","observer","createMutationObserver","updateContentItems","observe","hostElement","childList","componentWillLoad","updateContentVisibility","disconnectedCallback","disconnect","Array","from","querySelectorAll","indexVisible","forEach","content","contentVisible","toggleIndex","length","defaultPrevented","toggle","emit","setTimeout","render","h","Host","key","style","class","info","state","FlipTileState","Info","warning","Warning","alarm","Alarm","primary","Primary","name","icon","iconEye","variant","ghost","onClick","footer"],"sources":["src/components/flip-tile/flip-tile.scss?tag=ix-flip-tile&encapsulation=shadow","src/components/flip-tile/flip-tile.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/animations';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/fonts';\n\n@include keyframes(flip-animation) {\n  0% {\n    transform: rotateY(0);\n  }\n  50% {\n    transform: rotateY(90deg);\n  }\n  51% {\n    transform: rotateY(270deg);\n  }\n  100% {\n    transform: rotateY(360deg);\n  }\n}\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  perspective: 1000px;\n\n  .flip-tile-header {\n    display: flex;\n    align-items: center;\n    height: $large-control-height;\n    padding: 0 $small-space 0 $default-space;\n\n    .header-slot-container {\n      @include ellipsis;\n      flex-grow: 1;\n      min-width: 0;\n    }\n  }\n\n  .content-container {\n    flex-grow: 1;\n    margin: $default-space;\n  }\n\n  .flip-tile-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background-color: var(--theme-blind-base--background);\n    border: solid 1px var(--theme-blind-base--border-color);\n    border-radius: var(--theme-flip-tile--border-radius)\n      var(--theme-flip-tile--border-radius) 0 0;\n    transform-style: preserve-3d;\n\n    &.flip-animation-active {\n      @include animation(flip-animation, 2 * $default-time, ease-in-out);\n    }\n\n    .footer {\n      display: flex;\n      height: 3rem;\n      align-items: center;\n      justify-content: center;\n      padding: 0 $small-space;\n      color: var(--theme-flip-footer--color);\n      background-color: var(--theme-blind-base--background);\n\n      :first-child {\n        @include ellipsis;\n        height: 100%;\n      }\n    }\n\n    ::slotted(*) {\n      @include ellipsis;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      min-width: 0;\n    }\n\n    &.primary {\n      border-color: var(--theme-color-primary);\n\n      .footer {\n        background-color: var(--theme-color-primary);\n        color: var(--theme-color-primary--contrast);\n      }\n    }\n\n    &.info {\n      border-color: var(--theme-color-info);\n\n      .footer {\n        background-color: var(--theme-color-info);\n        color: var(--theme-color-info--contrast);\n      }\n    }\n\n    &.warning {\n      border-color: var(--theme-color-warning);\n\n      .footer {\n        background-color: var(--theme-color-warning);\n        color: var(--theme-color-warning--contrast);\n      }\n    }\n\n    &.alarm {\n      border-color: var(--theme-color-alarm);\n\n      .footer {\n        background-color: var(--theme-color-alarm);\n        color: var(--theme-color-alarm--contrast);\n      }\n    }\n  }\n\n  &:hover .flip-tile-container .footer ix-icon {\n    color: var(--theme-color-std-text);\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { FlipTileState } from './flip-tile-state';\nimport { iconEye } from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-flip-tile',\n  styleUrl: 'flip-tile.scss',\n  shadow: true,\n})\nexport class FlipTile {\n  @Element() hostElement!: HTMLIxFlipTileElement;\n\n  /**\n   * Variation of the Flip\n   */\n  @Prop() state?: FlipTileState;\n\n  /**\n   * Height interpreted as REM\n   * @since 1.5.0\n   */\n  @Prop() height: number | 'auto' = 15.125;\n\n  /**\n   * Width interpreted as REM\n   * @since 1.5.0\n   */\n  @Prop() width: number | 'auto' = 16;\n\n  /**\n   * Index of the currently visible content\n   * @since 3.0.0\n   */\n  @Prop() index = 0;\n\n  /**\n   * Event emitted when the index changes\n   * @since 3.0.0\n   */\n  @Event() toggle!: EventEmitter<number>;\n\n  @State() isFlipAnimationActive: boolean = false;\n\n  private readonly ANIMATION_DURATION = 150;\n  private contentItems: Array<HTMLIxFlipTileContentElement> = [];\n  private observer?: MutationObserver;\n\n  @Watch('index')\n  watchIndex(newIndex: number, oldIndex: number) {\n    if (newIndex === oldIndex) {\n      return;\n    }\n\n    this.doFlipAnimation(newIndex);\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver(() => this.updateContentItems());\n    this.observer.observe(this.hostElement, {\n      childList: true,\n    });\n  }\n\n  componentWillLoad() {\n    this.updateContentItems();\n    this.updateContentVisibility(this.index);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private updateContentItems() {\n    this.contentItems = Array.from(\n      this.hostElement.querySelectorAll('ix-flip-tile-content')\n    );\n  }\n\n  private updateContentVisibility(indexVisible: number) {\n    this.contentItems.forEach(\n      (content, index) => (content.contentVisible = index === indexVisible)\n    );\n  }\n\n  private toggleIndex() {\n    let newIndex;\n\n    if (this.index >= this.contentItems.length - 1) {\n      newIndex = 0;\n    } else {\n      newIndex = this.index + 1;\n    }\n\n    const { defaultPrevented } = this.toggle.emit(newIndex);\n\n    if (defaultPrevented) {\n      return;\n    }\n\n    this.doFlipAnimation(newIndex);\n  }\n\n  private doFlipAnimation(index: number) {\n    if (this.isFlipAnimationActive) {\n      return;\n    }\n\n    this.isFlipAnimationActive = true;\n\n    setTimeout(() => {\n      this.index = index;\n\n      this.updateContentVisibility(this.index);\n    }, this.ANIMATION_DURATION);\n\n    setTimeout(() => {\n      this.isFlipAnimationActive = false;\n    }, 2 * this.ANIMATION_DURATION);\n  }\n\n  render() {\n    return (\n      <Host\n        style={{\n          height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          'min-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          'max-height': `${this.height}${this.height === 'auto' ? '' : 'rem'}`,\n          width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n          'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n          'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,\n        }}\n      >\n        <div\n          class={{\n            'flip-tile-container': true,\n            info: this.state === FlipTileState.Info,\n            warning: this.state === FlipTileState.Warning,\n            alarm: this.state === FlipTileState.Alarm,\n            primary: this.state === FlipTileState.Primary,\n            'flip-animation-active': this.isFlipAnimationActive,\n          }}\n        >\n          <div class=\"flip-tile-header\">\n            <div class=\"header-slot-container text-l-title\">\n              <slot name=\"header\"></slot>\n            </div>\n            <ix-icon-button\n              icon={iconEye}\n              variant=\"primary\"\n              ghost\n              onClick={() => this.toggleIndex()}\n            ></ix-icon-button>\n          </div>\n\n          <div class=\"content-container\">\n            <slot></slot>\n          </div>\n          <div\n            class={{\n              footer: true,\n              'contrast-light': this.state === FlipTileState.Warning,\n              'contrast-dark':\n                this.state === FlipTileState.Info ||\n                this.state === FlipTileState.Alarm,\n            }}\n          >\n            <slot name=\"footer\"></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"4KAAA,MAAMA,EAAc,yyL,MC6BPC,EAAQ,MALrB,WAAAC,CAAAC,G,yCAiBUC,KAAMC,OAAoB,OAM1BD,KAAKE,MAAoB,GAMzBF,KAAKG,MAAG,EAQPH,KAAqBI,sBAAY,MAEzBJ,KAAkBK,mBAAG,IAC9BL,KAAYM,aAAwC,EAkI7D,CA9HC,UAAAC,CAAWC,EAAkBC,GAC3B,GAAID,IAAaC,EAAU,CACzB,M,CAGFT,KAAKU,gBAAgBF,E,CAGvB,gBAAAG,GACEX,KAAKY,SAAWC,GAAuB,IAAMb,KAAKc,uBAClDd,KAAKY,SAASG,QAAQf,KAAKgB,YAAa,CACtCC,UAAW,M,CAIf,iBAAAC,GACElB,KAAKc,qBACLd,KAAKmB,wBAAwBnB,KAAKG,M,CAGpC,oBAAAiB,GACE,GAAIpB,KAAKY,SAAU,CACjBZ,KAAKY,SAASS,Y,EAIV,kBAAAP,GACNd,KAAKM,aAAegB,MAAMC,KACxBvB,KAAKgB,YAAYQ,iBAAiB,wB,CAI9B,uBAAAL,CAAwBM,GAC9BzB,KAAKM,aAAaoB,SAChB,CAACC,EAASxB,IAAWwB,EAAQC,eAAiBzB,IAAUsB,G,CAIpD,WAAAI,GACN,IAAIrB,EAEJ,GAAIR,KAAKG,OAASH,KAAKM,aAAawB,OAAS,EAAG,CAC9CtB,EAAW,C,KACN,CACLA,EAAWR,KAAKG,MAAQ,C,CAG1B,MAAM4B,iBAAEA,GAAqB/B,KAAKgC,OAAOC,KAAKzB,GAE9C,GAAIuB,EAAkB,CACpB,M,CAGF/B,KAAKU,gBAAgBF,E,CAGf,eAAAE,CAAgBP,GACtB,GAAIH,KAAKI,sBAAuB,CAC9B,M,CAGFJ,KAAKI,sBAAwB,KAE7B8B,YAAW,KACTlC,KAAKG,MAAQA,EAEbH,KAAKmB,wBAAwBnB,KAAKG,MAAM,GACvCH,KAAKK,oBAER6B,YAAW,KACTlC,KAAKI,sBAAwB,KAAK,GACjC,EAAIJ,KAAKK,mB,CAGd,MAAA8B,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLtC,OAAQ,GAAGD,KAAKC,SAASD,KAAKC,SAAW,OAAS,GAAK,QACvD,aAAc,GAAGD,KAAKC,SAASD,KAAKC,SAAW,OAAS,GAAK,QAC7D,aAAc,GAAGD,KAAKC,SAASD,KAAKC,SAAW,OAAS,GAAK,QAC7DC,MAAO,GAAGF,KAAKE,QAAQF,KAAKE,QAAU,OAAS,GAAK,QACpD,YAAa,GAAGF,KAAKE,QAAQF,KAAKE,QAAU,OAAS,GAAK,QAC1D,YAAa,GAAGF,KAAKE,QAAQF,KAAKE,QAAU,OAAS,GAAK,UAG5DkC,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACL,sBAAuB,KACvBC,KAAMzC,KAAK0C,QAAUC,EAAcC,KACnCC,QAAS7C,KAAK0C,QAAUC,EAAcG,QACtCC,MAAO/C,KAAK0C,QAAUC,EAAcK,MACpCC,QAASjD,KAAK0C,QAAUC,EAAcO,QACtC,wBAAyBlD,KAAKI,wBAGhCgC,EAAK,OAAAE,IAAA,2CAAAE,MAAM,oBACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,sCACTJ,EAAA,QAAAE,IAAA,2CAAMa,KAAK,YAEbf,EACE,kBAAAE,IAAA,2CAAAc,KAAMC,EACNC,QAAQ,UACRC,MAAK,KACLC,QAAS,IAAMxD,KAAK6B,iBAIxBO,EAAK,OAAAE,IAAA,2CAAAE,MAAM,qBACTJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,OAAAE,IAAA,2CACEE,MAAO,CACLiB,OAAQ,KACR,iBAAkBzD,KAAK0C,QAAUC,EAAcG,QAC/C,gBACE9C,KAAK0C,QAAUC,EAAcC,MAC7B5C,KAAK0C,QAAUC,EAAcK,QAGjCZ,EAAM,QAAAE,IAAA,2CAAAa,KAAK,a","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["dateDropdownCss","DateDropdown","constructor","hostRef","this","disabled","format","range","from","to","minDate","maxDate","dateRangeId","variant","outline","ghost","loading","showWeekNumbers","customRangeAllowed","dateRangeOptions","weekStartIndex","i18nCustomItem","i18nDone","i18nNoRange","today","DateTime","now","toISO","selectedDateRangeId","triggerRef","makeRef","datePickerTouched","onDateRangeIdChange","onRangeListSelect","updateCurrentDate","setDateRangeSelection","currentRangeValue","onDateSelect","id","onDateRangeOptionsChange","initialize","onDisabledChange","closeDropdown","componentWillLoad","getDateRange","isCustomRange","isValidConfiguration","console","warn","rangeValue","preserveDropdown","dateRangeChange","emit","option","find","dropdown","hostElement","shadowRoot","querySelector","show","getButtonLabel","_a","_b","length","error","label","render","h","Host","key","icon","iconHistory","ref","class","trigger","waitForCurrent","closeBehavior","placement","onShowChanged","detail","noMargin","map","dateRangeOption","onClick","checked","hidden","Fragment","standaloneAppearance","locale","onDateChange","e","stopPropagation","Object","assign","onDateRangeChange","_c"],"sources":["src/components/date-dropdown/date-dropdown.scss?tag=ix-date-dropdown&encapsulation=shadow","src/components/date-dropdown/date-dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  @media (max-width: 48em) {\n    .min-width {\n      width: min-content;\n    }\n  }\n\n  @media (min-width: 48em) {\n    .border-right {\n      border-right: var(--theme-x-weak-bdr-2);\n    }\n  }\n\n  ix-button {\n    width: 100%;\n  }\n\n  .max-height {\n    max-height: max-content;\n  }\n\n  .no-margin {\n    margin: 0;\n    padding: 0;\n  }\n\n  .pull-right {\n    float: right;\n    padding: 0 $default-space $medium-space $default-space;  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { DateTime } from 'luxon';\nimport { type LiteralStringUnion } from '../utils/type-helper';\nimport { IxDatePickerComponent } from '../date-picker/date-picker-component';\nimport { makeRef } from '../utils/make-ref';\nimport { ButtonVariant } from '../button/button';\nimport { IxButtonComponent } from '../button/button-component';\nimport { iconHistory } from '@siemens/ix-icons/icons';\n\nexport type DateDropdownOption = {\n  id: string;\n  label: string;\n  from?: string;\n  to?: string;\n};\n\nexport type DateRangeChangeEvent = {\n  id: string;\n  from?: string;\n  to?: string;\n};\n\n/**\n * @since 2.1.0\n */\n@Component({\n  tag: 'ix-date-dropdown',\n  styleUrl: 'date-dropdown.scss',\n  shadow: true,\n})\nexport class DateDropdown\n  implements\n    Omit<IxDatePickerComponent, 'corners'>,\n    Omit<IxButtonComponent, 'type' | 'icon'>\n{\n  @Element() hostElement!: HTMLIxDateDropdownElement;\n\n  /**\n   * Disable the button that opens the dropdown containing the date picker.\n   *\n   * @since 2.3.0\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Date format string.\n   * See @link https://moment.github.io/luxon/#/formatting?id=table-of-tokens for all available tokens.\n   */\n  @Prop() format = 'yyyy/LL/dd';\n\n  /**\n   * If true a range of dates can be selected.\n   */\n  @Prop() range = true;\n\n  /**\n   * Picker date. If the picker is in range mode this property is the start date.\n   * If set to `null` no default start date will be pre-selected.\n   *\n   * Format is based on `format`\n   */\n  @Prop() from = '';\n\n  /**\n   * Picker date. If the picker is in range mode this property is the end date.\n   * If the picker is not in range mode leave this value `null`\n   *\n   * Format is based on `format`\n   */\n  @Prop() to = '';\n\n  /**\n   * The earliest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() minDate = '';\n\n  /**\n   * The latest date that can be selected by the date picker.\n   * If not set there will be no restriction.\n   */\n  @Prop() maxDate = '';\n\n  /**\n   * Used to set the initial select date range as well as the button name,\n   * if not set or no according date range label is found, nothing will be selected\n   */\n  @Prop() dateRangeId = 'custom';\n\n  /**\n   * Button variant\n   */\n  @Prop() variant: ButtonVariant = 'primary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Loading button\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Shows week numbers displayed on the left side of the date picker\n   *\n   * @since 3.0.0\n   */\n  @Prop() showWeekNumbers = false;\n\n  @Watch('dateRangeId')\n  @Watch('to')\n  @Watch('from')\n  onDateRangeIdChange() {\n    this.onRangeListSelect(this.dateRangeId);\n    this.updateCurrentDate();\n    this.setDateRangeSelection(this.dateRangeId);\n\n    if (!this.currentRangeValue) {\n      return;\n    }\n\n    this.onDateSelect({\n      from: this.currentRangeValue.from,\n      to: this.currentRangeValue.to,\n      id: this.currentRangeValue.id,\n    });\n  }\n\n  /**\n   * Controls whether the user is allowed to pick custom date ranges in the component.\n   * When set to 'true', the user can select a custom date range using the date picker.\n   * When set to 'false', only predefined time date ranges are available for selection.\n   */\n  @Prop() customRangeAllowed = true;\n\n  /**\n   * An array of predefined date range options for the date picker.\n   * Each option is an object with a label describing the range and a function\n   * that returns the start and end dates of the range as a DateRangeOption object.\n   *\n   * Example format:\n   *   {\n   *     id: 'some unique id',\n   *     label: 'Name of the range',\n   *     from: undefined, to: '2023/03/29'\n   *   },\n   *   // ... other predefined date range options ...\n   */\n  @Prop() dateRangeOptions: DateDropdownOption[] = [];\n\n  @Watch('dateRangeOptions')\n  onDateRangeOptionsChange() {\n    this.initialize();\n    this.onDateRangeIdChange();\n  }\n\n  /**\n   * Locale identifier (e.g. 'en' or 'de').\n   *\n   * @since 2.6.0\n   */\n  @Prop() locale?: string;\n\n  /**\n   * The index of which day to start the week on, based on the Locale#weekdays array.\n   * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.\n   *\n   * @since 2.6.0\n   */\n  @Prop() weekStartIndex = 0;\n\n  /**\n   * Text for custom dropdown item. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-custom-item' }) i18nCustomItem = 'Custom...';\n\n  /**\n   * Text for the done button. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-done' }) i18nDone = 'Done';\n\n  /**\n   * Text for the done button. Will be used for translation.\n   */\n  @Prop({ attribute: 'i18n-no-range' }) i18nNoRange = 'No range set';\n\n  /** @internal */\n  @Prop() today = DateTime.now().toISO();\n\n  /**\n   * EventEmitter for date range change events.\n   *\n   * This event is emitted when the date range changes within the component.\n   * The event payload contains information about the selected date range.\n   */\n  @Event()\n  private readonly dateRangeChange!: EventEmitter<DateRangeChangeEvent>;\n\n  @State() private selectedDateRangeId: LiteralStringUnion<'custom'> = '';\n  @State() private currentRangeValue?: {\n    from?: string;\n    to?: string;\n    id: string;\n  };\n  private readonly triggerRef = makeRef<HTMLElement>();\n\n  @Watch('disabled')\n  onDisabledChange() {\n    if (this.disabled) {\n      this.closeDropdown();\n    }\n  }\n\n  private datePickerTouched = false;\n\n  componentWillLoad() {\n    this.initialize();\n    this.setDateRangeSelection(this.dateRangeId);\n  }\n\n  /**\n   * Retrieves the currently selected date range from the component.\n   * This method returns the selected date range as a `DateChangeEvent` object.\n   */\n  @Method()\n  public async getDateRange(): Promise<DateRangeChangeEvent> {\n    return this.currentRangeValue || { id: '', from: '', to: '' };\n  }\n\n  private initialize() {\n    const isCustomRange =\n      this.dateRangeId === 'custom' ||\n      (!this.dateRangeId && !!this.from && !!this.to);\n\n    if (isCustomRange && this.customRangeAllowed) {\n      this.selectedDateRangeId = 'custom';\n      this.updateCurrentDate();\n\n      return;\n    }\n    const isValidConfiguration = !isCustomRange && !this.from;\n    if (!isValidConfiguration) {\n      console.warn(\n        '\"from\" and \"range-date-id\" is provided this is an invalid combination. Using \"custom\".'\n      );\n\n      this.selectedDateRangeId = 'custom';\n      this.updateCurrentDate();\n\n      return;\n    }\n  }\n\n  private updateCurrentDate() {\n    this.currentRangeValue = {\n      id: this.selectedDateRangeId,\n      from: this.from,\n      to: this.to,\n    };\n  }\n\n  private onDateSelect(\n    rangeValue: { from?: string; to?: string; id: string },\n    preserveDropdown = true\n  ) {\n    this.dateRangeChange.emit(rangeValue);\n\n    if (preserveDropdown) {\n      this.closeDropdown();\n    }\n\n    this.datePickerTouched = false;\n  }\n\n  private onRangeListSelect(id: string) {\n    if (this.setDateRangeSelection(id) && this.currentRangeValue) {\n      this.onDateSelect(this.currentRangeValue);\n    }\n  }\n\n  private setDateRangeSelection(id: string) {\n    this.selectedDateRangeId = id;\n    const option = this.dateRangeOptions.find((range) => range.id === id);\n\n    if (option) {\n      this.currentRangeValue = option;\n    }\n\n    return option;\n  }\n\n  private closeDropdown() {\n    const dropdown = this.hostElement.shadowRoot!.querySelector('ix-dropdown');\n\n    if (dropdown) {\n      dropdown.show = false;\n    }\n  }\n\n  private getButtonLabel() {\n    if (this.selectedDateRangeId === 'custom' && this.currentRangeValue?.from) {\n      let range = this.currentRangeValue.from;\n\n      if (this.currentRangeValue.to) {\n        range += ` - ${this.currentRangeValue.to}`;\n      }\n\n      return range;\n    }\n\n    if (!this.selectedDateRangeId) {\n      return this.i18nNoRange;\n    }\n\n    if (!this.dateRangeOptions || this.dateRangeOptions?.length === 0) {\n      return this.i18nNoRange;\n    }\n\n    const option = this.dateRangeOptions.find(\n      (option) => option.id === this.selectedDateRangeId\n    );\n\n    if (!option) {\n      console.error(\n        `Cannot find range option with id ${this.selectedDateRangeId}`\n      );\n      return this.i18nNoRange;\n    }\n\n    return option.label;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-button\n          data-testid=\"date-dropdown-trigger\"\n          data-date-dropdown-trigger\n          variant={this.variant}\n          ghost={this.ghost}\n          outline={this.outline}\n          loading={this.loading}\n          icon={iconHistory}\n          ref={this.triggerRef}\n          disabled={this.disabled}\n        >\n          {this.getButtonLabel()}\n        </ix-button>\n        <ix-dropdown\n          data-testid=\"date-dropdown\"\n          data-date-dropdown\n          class=\"min-width max-height\"\n          trigger={this.triggerRef.waitForCurrent()}\n          closeBehavior=\"outside\"\n          placement=\"bottom-start\"\n          onShowChanged={({ detail: show }) => {\n            if (\n              !show &&\n              this.selectedDateRangeId === 'custom' &&\n              this.datePickerTouched &&\n              this.currentRangeValue\n            ) {\n              this.onDateSelect(this.currentRangeValue);\n            }\n          }}\n        >\n          <ix-layout-grid noMargin>\n            <ix-row>\n              {this.dateRangeOptions?.length > 1 && (\n                <ix-col\n                  class={{\n                    'no-margin': true,\n                    'border-right': this.selectedDateRangeId === 'custom',\n                  }}\n                >\n                  {this.dateRangeOptions.map((dateRangeOption) => (\n                    <ix-dropdown-item\n                      label={dateRangeOption.label}\n                      onClick={() => this.onRangeListSelect(dateRangeOption.id)}\n                      checked={this.selectedDateRangeId === dateRangeOption.id}\n                    ></ix-dropdown-item>\n                  ))}\n                  <div hidden={!this.customRangeAllowed}>\n                    <ix-dropdown-item\n                      label={this.i18nCustomItem}\n                      checked={this.selectedDateRangeId === 'custom'}\n                      onClick={() => this.onRangeListSelect('custom')}\n                    ></ix-dropdown-item>\n                  </div>\n                </ix-col>\n              )}\n              <ix-col class=\"no-margin\">\n                {this.selectedDateRangeId === 'custom' && (\n                  <Fragment>\n                    <ix-date-picker\n                      standaloneAppearance={false}\n                      locale={this.locale}\n                      onDateChange={(e) => {\n                        e.stopPropagation();\n                        this.currentRangeValue = {\n                          ...e.detail,\n                          id: 'custom',\n                        };\n                        this.datePickerTouched = true;\n                      }}\n                      onDateRangeChange={(e) => e.stopPropagation()}\n                      format={this.format}\n                      range={this.range}\n                      from={this.from || this.currentRangeValue?.from}\n                      to={this.to || this.currentRangeValue?.to}\n                      minDate={this.minDate}\n                      maxDate={this.maxDate}\n                      today={this.today}\n                      weekStartIndex={this.weekStartIndex}\n                      showWeekNumbers={this.showWeekNumbers}\n                    ></ix-date-picker>\n                    <div class=\"pull-right\">\n                      <ix-button\n                        onClick={() => {\n                          if (this.currentRangeValue) {\n                            this.onDateSelect(this.currentRangeValue);\n                          }\n                        }}\n                      >\n                        {this.i18nDone}\n                      </ix-button>\n                    </div>\n                  </Fragment>\n                )}\n              </ix-col>\n            </ix-row>\n          </ix-layout-grid>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}