@siemens/ix 0.0.0-pr-2155-20250919111817 → 0.0.0-pr-2155-20250923141322

package/dist/siemens-ix/ix-upload.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-upload.entry.esm.js","sources":["src/components/upload/upload.scss?tag=ix-upload&encapsulation=shadow","src/components/upload/upload.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@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n@use 'mixins/text-truncation';\n\n:host {\n  display: block;\n  min-height: 4rem;\n  height: 4rem;\n\n  @include component.ix-component;\n\n  .file-upload-area {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    overflow: hidden;\n\n    height: 100%;\n    width: 100%;\n\n    padding: vars.$default-space;\n\n    border: 1px dashed var(--theme-upload--border-color);\n    border-radius: var(--theme-upload--border-radius);\n    color: var(--theme-upload-text--color);\n\n    &.multiline {\n      max-height: unset;\n      height: auto;\n\n      .glyph {\n        align-self: flex-start;\n        margin-block-start: 3px;\n      }\n\n      > div {\n        align-self: flex-start;\n      }\n    }\n\n    &:not(.multiline) {\n      .state,\n      .upload-text {\n        @include text-truncation.ellipsis;\n      }\n    }\n\n    &:not(.disabled).file-over {\n      border-color: var(--theme-upload--border-color--dragover);\n      border-style: solid;\n    }\n\n    &.checking {\n      color: var(--theme-upload-text--color--checking);\n      border-style: solid;\n    }\n\n    &.disabled {\n      border-style: solid;\n      color: var(--theme-upload-text--color--disabled);\n    }\n\n    ix-button {\n      margin-inline-start: vars.$default-space;\n    }\n\n    .upload-browser {\n      border: 0;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      margin: -1px;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px;\n    }\n\n    .loader {\n      margin: 2.187rem auto;\n      font-size: 0.937rem;\n      width: vars.$default-space;\n      height: vars.$default-space;\n      border-radius: 50%;\n      position: relative;\n      text-indent: -9999em;\n      animation: optimise-loading 1.1s infinite ease;\n      transform: translateZ(0);\n    }\n\n    .upload-filename {\n      margin-bottom: vars.$default-space;\n    }\n\n    .state {\n      display: flex;\n      align-items: center;\n\n      > ix-spinner {\n        margin-inline-end: vars.$small-space;\n      }\n\n      > ix-icon {\n        margin-inline-end: vars.$small-space;\n\n        &.icon-error {\n          color: var(--theme-color-alarm);\n        }\n\n        &.icon-success {\n          color: var(--theme-color-success);\n        }\n      }\n    }\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\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  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { UploadFileState } from './upload-file-state';\nimport { iconError, iconSuccess } from '@siemens/ix-icons/icons';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n})\nexport class Upload {\n  /**\n   * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).\n   * See {@link https://www.w3schools.com/tags/att_input_accept.asp}\n   */\n  @Prop() accept?: string;\n\n  /**\n   * If multiple is true the user can drop or select multiple files\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Whether the text should wrap to more than one line\n   */\n  @Prop() multiline = false;\n\n  /**\n   * Disable all input events\n   */\n  @Prop() disabled = false;\n\n  /**\n   * After a file is uploaded you can set the upload component to a defined state\n   */\n  @Prop() state: UploadFileState = UploadFileState.SELECT_FILE;\n\n  /**\n   * Will be used by state = UploadFileState.SELECT_FILE\n   */\n  @Prop() selectFileText = '+ Drag files here or…';\n\n  /**\n   * Will be used by state = UploadFileState.LOADING\n   */\n  @Prop() loadingText = 'Checking files…';\n\n  /**\n   * Will be used by state = UploadFileState.UPLOAD_FAILED\n   */\n  @Prop() uploadFailedText = 'Upload failed. Please try again.';\n\n  /**\n   * Will be used by state = UploadFileState.UPLOAD_SUCCESSED\n   */\n  @Prop() uploadSuccessText = 'Upload successful';\n\n  /**\n   * Label for upload file button\n   */\n  @Prop() i18nUploadFile = 'Upload file…';\n\n  /**\n   * Text for disabled state\n   */\n  @Prop() i18nUploadDisabled = 'File upload currently not possible.';\n\n  /**\n   * You get an array of Files after drop-action or browse action is finished\n   */\n  @Event() filesChanged!: EventEmitter<Array<File>>;\n\n  @Element() hostElement!: HTMLIxUploadElement;\n\n  get inputElement(): HTMLInputElement {\n    return this.hostElement.shadowRoot!.querySelector('#upload-browser')!;\n  }\n\n  @State() isFileOver = false;\n\n  private filesToUpload?: Array<File>;\n\n  private a11y: A11yAttributes = {};\n\n  constructor() {}\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement);\n  }\n\n  private fileDropped(evt: DragEvent) {\n    evt.preventDefault();\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (!evt.dataTransfer) {\n      return;\n    }\n\n    const file: File | FileList = evt.dataTransfer.files;\n    this.isFileOver = false;\n\n    this.filesToUpload = this.convertToFileArray(file);\n    this.filesChanged.emit(this.filesToUpload);\n  }\n\n  private fileOver(event: DragEvent) {\n    if (!event.dataTransfer) {\n      return;\n    }\n\n    if (this.state !== UploadFileState.LOADING) {\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'move';\n    }\n\n    if (!this.multiple && event.dataTransfer.items.length > 1) {\n      event.preventDefault();\n      event.stopPropagation();\n      event.dataTransfer.effectAllowed = 'none';\n      event.dataTransfer.dropEffect = 'none';\n    } else {\n      this.isFileOver = true;\n    }\n  }\n\n  private fileLeave() {\n    this.isFileOver = false;\n  }\n\n  private fileChangeEvent(event: Event) {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!event.target) {\n      return;\n    }\n\n    this.filesToUpload = this.convertToFileArray(\n      (event.target as HTMLInputElement).files\n    );\n\n    this.filesChanged.emit(this.filesToUpload);\n\n    // Workaround for bug in native input element, that prevents the user from uploading\n    // a file with the same name as the most recent one, but with changed content.\n    this.inputElement.type = '';\n    this.inputElement.type = 'file';\n  }\n\n  private convertToFileArray(filesFromEvent: FileList | File | null): File[] {\n    let files = [];\n\n    if (!filesFromEvent) {\n      return [];\n    }\n\n    if (filesFromEvent instanceof FileList) {\n      files = Array.from(filesFromEvent);\n    } else {\n      files = [filesFromEvent];\n    }\n    return files;\n  }\n\n  private renderUploadState() {\n    if (this.disabled) {\n      return (\n        <span class=\"state\">\n          <span class=\"upload-text\">{this.i18nUploadDisabled}</span>\n        </span>\n      );\n    }\n\n    switch (this.state) {\n      case UploadFileState.SELECT_FILE:\n        return (\n          <span class=\"state\">\n            <span class=\"upload-text\">{this.selectFileText}</span>\n          </span>\n        );\n      case UploadFileState.LOADING:\n        return (\n          <span class=\"state\">\n            <ix-spinner variant=\"primary\"></ix-spinner>\n            <span class=\"upload-text\">{this.loadingText}</span>\n          </span>\n        );\n      case UploadFileState.UPLOAD_FAILED:\n        return (\n          <span class=\"state\">\n            <ix-icon name={iconError} class=\"icon-error\"></ix-icon>\n            <span class=\"upload-text\">{this.uploadFailedText}</span>\n          </span>\n        );\n      case UploadFileState.UPLOAD_SUCCESSED:\n        return (\n          <span class=\"state\">\n            <ix-icon name={iconSuccess} class=\"icon-success\"></ix-icon>\n            <span class=\"upload-text\">{this.uploadSuccessText}</span>\n          </span>\n        );\n      default:\n        return '';\n    }\n  }\n\n  /**\n   * Set files\n   * @param obj\n   */\n  @Method()\n  async setFilesToUpload(obj: any) {\n    this.filesToUpload = obj;\n  }\n\n  render() {\n    const disabled = this.disabled || this.state === UploadFileState.LOADING;\n    const { 'aria-label': ariaLabel = 'Upload files', ...a11y } = this.a11y;\n    return (\n      <Host {...a11y} aria-disabled={disabled}>\n        <div\n          class={{\n            'file-upload-area': true,\n            'file-over':\n              this.state !== UploadFileState.LOADING && this.isFileOver,\n            checking: this.state === UploadFileState.LOADING,\n            disabled: this.disabled,\n            multiline: this.multiline,\n          }}\n          onDrop={(e) => {\n            if (this.state !== UploadFileState.LOADING) {\n              this.fileDropped(e);\n            }\n          }}\n          onDragOver={(e) => this.fileOver(e)}\n          onDragLeave={() => this.fileLeave()}\n          draggable={!this.disabled}\n        >\n          {this.renderUploadState()}\n          <div>\n            <input\n              aria-label={ariaLabel}\n              aria-disabled={disabled}\n              multiple={this.multiple}\n              type=\"file\"\n              class=\"upload-browser\"\n              id=\"upload-browser\"\n              tabindex=\"-1\"\n              onChange={(e) => {\n                this.fileChangeEvent(e);\n              }}\n              accept={this.accept}\n              disabled={disabled}\n            />\n            <ix-button\n              variant=\"secondary\"\n              aria-disabled={disabled}\n              onClick={() => this.inputElement.click()}\n              disabled={disabled}\n            >\n              {this.i18nUploadFile}\n            </ix-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ix-upload.entry.esm.js","sources":["src/components/upload/upload.scss?tag=ix-upload&encapsulation=shadow","src/components/upload/upload.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@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n@use 'mixins/text-truncation';\n\n:host {\n  display: block;\n  min-height: 4rem;\n  height: 4rem;\n\n  @include component.ix-component;\n\n  .file-upload-area {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n\n    overflow: hidden;\n\n    height: 100%;\n    width: 100%;\n\n    padding: vars.$default-space;\n\n    border: 1px dashed var(--theme-upload--border-color);\n    border-radius: var(--theme-upload--border-radius);\n    color: var(--theme-upload-text--color);\n\n    &.multiline {\n      max-height: unset;\n      height: auto;\n\n      .glyph {\n        align-self: flex-start;\n        margin-block-start: 3px;\n      }\n\n      > div {\n        align-self: flex-start;\n      }\n    }\n\n    &:not(.multiline) {\n      .state,\n      .upload-text {\n        @include text-truncation.ellipsis;\n      }\n    }\n\n    &:not(.disabled).file-over {\n      border-color: var(--theme-upload--border-color--dragover);\n      border-style: solid;\n    }\n\n    &.checking {\n      color: var(--theme-upload-text--color--checking);\n      border-style: solid;\n    }\n\n    &.disabled {\n      border-style: solid;\n      color: var(--theme-upload-text--color--disabled);\n    }\n\n    ix-button {\n      margin-inline-start: vars.$default-space;\n    }\n\n    .upload-browser {\n      border: 0;\n      clip: rect(0 0 0 0);\n      height: 1px;\n      margin: -1px;\n      overflow: hidden;\n      padding: 0;\n      position: absolute;\n      width: 1px;\n    }\n\n    .loader {\n      margin: 2.187rem auto;\n      font-size: 0.937rem;\n      width: vars.$default-space;\n      height: vars.$default-space;\n      border-radius: 50%;\n      position: relative;\n      text-indent: -9999em;\n      animation: optimise-loading 1.1s infinite ease;\n      transform: translateZ(0);\n    }\n\n    .upload-filename {\n      margin-bottom: vars.$default-space;\n    }\n\n    .state {\n      display: flex;\n      align-items: center;\n\n      > ix-spinner {\n        margin-inline-end: vars.$small-space;\n      }\n\n      > ix-icon {\n        margin-inline-end: vars.$small-space;\n\n        &.icon-error {\n          color: var(--theme-color-alarm);\n        }\n\n        &.icon-success {\n          color: var(--theme-color-success);\n        }\n      }\n    }\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\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  Method,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { UploadFileState } from './upload-file-state';\nimport { iconError, iconSuccess } from '@siemens/ix-icons/icons';\nimport { A11yAttributes, a11yHostAttributes } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-upload',\n  styleUrl: 'upload.scss',\n  shadow: true,\n})\nexport class Upload {\n  /**\n   * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).\n   * See {@link https://www.w3schools.com/tags/att_input_accept.asp}\n   */\n  @Prop() accept?: string;\n\n  /**\n   * If multiple is true the user can drop or select multiple files\n   */\n  @Prop() multiple = false;\n\n  /**\n   * Whether the text should wrap to more than one line\n   */\n  @Prop() multiline = false;\n\n  /**\n   * Disable all input events\n   */\n  @Prop() disabled = false;\n\n  /**\n   * After a file is uploaded you can set the upload component to a defined state\n   */\n  @Prop() state: UploadFileState = UploadFileState.SELECT_FILE;\n\n  /**\n   * Will be used by state = UploadFileState.SELECT_FILE\n   */\n  @Prop() selectFileText = '+ Drag files here or…';\n\n  /**\n   * Will be used by state = UploadFileState.LOADING\n   */\n  @Prop() loadingText = 'Checking files…';\n\n  /**\n   * Will be used by state = UploadFileState.UPLOAD_FAILED\n   */\n  @Prop() uploadFailedText = 'Upload failed. Please try again.';\n\n  /**\n   * Will be used by state = UploadFileState.UPLOAD_SUCCESSED\n   */\n  @Prop() uploadSuccessText = 'Upload successful';\n\n  /**\n   * Label for upload file button\n   */\n  @Prop() i18nUploadFile = 'Upload file…';\n\n  /**\n   * Text for disabled state\n   */\n  @Prop() i18nUploadDisabled = 'File upload currently not possible.';\n\n  /**\n   * You get an array of Files after drop-action or browse action is finished\n   */\n  @Event() filesChanged!: EventEmitter<Array<File>>;\n\n  @Element() hostElement!: HTMLIxUploadElement;\n\n  get inputElement(): HTMLInputElement {\n    return this.hostElement.shadowRoot!.querySelector('#upload-browser')!;\n  }\n\n  @State() isFileOver = false;\n\n  private filesToUpload?: Array<File>;\n\n  private a11y: A11yAttributes = {};\n\n  constructor() {}\n\n  componentWillLoad() {\n    this.a11y = a11yHostAttributes(this.hostElement);\n  }\n\n  private fileDropped(evt: DragEvent) {\n    evt.preventDefault();\n\n    if (this.disabled) {\n      return;\n    }\n\n    if (!evt.dataTransfer) {\n      return;\n    }\n\n    const file: File | FileList = evt.dataTransfer.files;\n    this.isFileOver = false;\n\n    this.filesToUpload = this.convertToFileArray(file);\n    this.filesChanged.emit(this.filesToUpload);\n  }\n\n  private fileOver(event: DragEvent) {\n    if (!event.dataTransfer) {\n      return;\n    }\n\n    if (this.state !== UploadFileState.LOADING) {\n      event.preventDefault();\n      event.dataTransfer.dropEffect = 'move';\n    }\n\n    if (!this.multiple && event.dataTransfer.items.length > 1) {\n      event.preventDefault();\n      event.stopPropagation();\n      event.dataTransfer.effectAllowed = 'none';\n      event.dataTransfer.dropEffect = 'none';\n    } else {\n      this.isFileOver = true;\n    }\n  }\n\n  private fileLeave() {\n    this.isFileOver = false;\n  }\n\n  private fileChangeEvent(event: Event) {\n    if (this.disabled) {\n      return;\n    }\n\n    if (!event.target) {\n      return;\n    }\n\n    this.filesToUpload = this.convertToFileArray(\n      (event.target as HTMLInputElement).files\n    );\n\n    this.filesChanged.emit(this.filesToUpload);\n\n    // Workaround for bug in native input element, that prevents the user from uploading\n    // a file with the same name as the most recent one, but with changed content.\n    this.inputElement.type = '';\n    this.inputElement.type = 'file';\n  }\n\n  private convertToFileArray(filesFromEvent: FileList | File | null): File[] {\n    let files = [];\n\n    if (!filesFromEvent) {\n      return [];\n    }\n\n    if (filesFromEvent instanceof FileList) {\n      files = Array.from(filesFromEvent);\n    } else {\n      files = [filesFromEvent];\n    }\n    return files;\n  }\n\n  private renderUploadState() {\n    if (this.disabled) {\n      return (\n        <span class=\"state\">\n          <span class=\"upload-text\">{this.i18nUploadDisabled}</span>\n        </span>\n      );\n    }\n\n    switch (this.state) {\n      case UploadFileState.SELECT_FILE:\n        return (\n          <span class=\"state\">\n            <span class=\"upload-text\">{this.selectFileText}</span>\n          </span>\n        );\n      case UploadFileState.LOADING:\n        return (\n          <span class=\"state\">\n            <ix-spinner variant=\"primary\"></ix-spinner>\n            <span class=\"upload-text\">{this.loadingText}</span>\n          </span>\n        );\n      case UploadFileState.UPLOAD_FAILED:\n        return (\n          <span class=\"state\">\n            <ix-icon name={iconError} class=\"icon-error\"></ix-icon>\n            <span class=\"upload-text\">{this.uploadFailedText}</span>\n          </span>\n        );\n      case UploadFileState.UPLOAD_SUCCESSED:\n        return (\n          <span class=\"state\">\n            <ix-icon name={iconSuccess} class=\"icon-success\"></ix-icon>\n            <span class=\"upload-text\">{this.uploadSuccessText}</span>\n          </span>\n        );\n      default:\n        return '';\n    }\n  }\n\n  /**\n   * Set files\n   * @param obj\n   */\n  @Method()\n  async setFilesToUpload(obj: any) {\n    this.filesToUpload = obj;\n  }\n\n  render() {\n    const disabled = this.disabled || this.state === UploadFileState.LOADING;\n    const { 'aria-label': ariaLabel = 'Upload files', ...a11y } = this.a11y;\n    return (\n      <Host {...a11y} aria-disabled={disabled}>\n        <div\n          class={{\n            'file-upload-area': true,\n            'file-over':\n              this.state !== UploadFileState.LOADING && this.isFileOver,\n            checking: this.state === UploadFileState.LOADING,\n            disabled: this.disabled,\n            multiline: this.multiline,\n          }}\n          onDrop={(e) => {\n            if (this.state !== UploadFileState.LOADING) {\n              this.fileDropped(e);\n            }\n          }}\n          onDragOver={(e) => this.fileOver(e)}\n          onDragLeave={() => this.fileLeave()}\n          draggable={!this.disabled}\n        >\n          {this.renderUploadState()}\n          <div>\n            <input\n              aria-label={ariaLabel}\n              aria-disabled={disabled}\n              multiple={this.multiple}\n              type=\"file\"\n              class=\"upload-browser\"\n              id=\"upload-browser\"\n              tabindex=\"-1\"\n              onChange={(e) => {\n                this.fileChangeEvent(e);\n              }}\n              accept={this.accept}\n              disabled={disabled}\n            />\n            <ix-button\n              variant=\"secondary\"\n              aria-disabled={disabled}\n              onClick={() => this.inputElement.click()}\n              disabled={disabled}\n            >\n              {this.i18nUploadFile}\n            </ix-button>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-workflow-step.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-workflow-step.entry.esm.js","sources":["src/components/workflow-step/workflow-step.scss?tag=ix-workflow-step&encapsulation=shadow","src/components/workflow-step/workflow-step.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n\n:host(:not(.host-vertical)) {\n  width: 12rem;\n  height: 4rem;\n  min-width: 2rem;\n  min-height: 4rem;\n  max-width: 12rem;\n}\n\n:host(.host-vertical) {\n  width: 100%;\n  height: 4rem;\n  min-width: 4rem;\n  min-height: 2rem;\n  max-height: 12rem;\n}\n\n:host {\n  display: inline-block;\n  position: relative;\n\n  @include component.ix-component;\n\n  .step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: var(--theme-workflow-step--background);\n    border-radius: var(--theme-workflow--border-radius);\n    padding: 1.125rem 0 vars.$small-space 0;\n\n    .wrapper {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n\n      .line {\n        width: 100%;\n        height: 0.125rem;\n        background-color: var(--theme-workflow-step-icon-default--color);\n\n        &.first,\n        &.last {\n          width: 50%;\n          margin: 0 0 0 auto;\n        }\n\n        &.last {\n          margin: 0 auto 0 0;\n        }\n\n        &.single {\n          width: 0;\n        }\n\n        &.selected {\n          background-color: var(\n              --theme-workflow-step-icon-default--color--selected\n          );\n        }\n\n        &.done {\n          background-color: var(--theme-workflow-step-icon-done--color);\n\n          &.selected {\n            background-color: var(\n                --theme-workflow-step-icon-done--color--selected\n            );\n          }\n        }\n\n        &.warning {\n          background-color: var(--theme-color-warning);\n        }\n\n        &.success {\n          background-color: var(--theme-color-success);\n        }\n\n        &.error {\n          background-color: var(--theme-color-alarm);\n        }\n      }\n\n      .iconWrapper {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n\n        .absolute {\n          position: absolute;\n        }\n      }\n    }\n\n    .text {\n      margin-top: vars.$default-space;\n      width: 100%;\n      padding: 0 vars.$small-space;\n\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    &.vertical {\n      flex-direction: row;\n      padding: 0;\n      height: 100%;\n\n      .wrapper {\n        width: auto;\n        padding-left: 1.125rem;\n        height: 100%;\n\n        .line {\n          width: 0.125rem;\n          height: 100%;\n\n          &.first,\n          &.last {\n            height: 50%;\n            margin: auto 0 0 0;\n          }\n\n          &.last {\n            margin: 0 0 auto 0;\n          }\n\n          &.single {\n            width: 0;\n          }\n        }\n      }\n\n      .text {\n        margin: 0 vars.$default-space;\n        padding: 0;\n        width: auto;\n      }\n    }\n\n    &.clickable {\n      &:hover {\n        background-color: var(--theme-workflow-step--background--hover);\n      }\n\n      &:active {\n        background-color: var(--theme-workflow-step--background--active);\n      }\n    }\n\n    &:focus-visible {\n      outline: 1px solid var(--focus--border-color);\n      border-radius: 0;\n    }\n\n    &.selected {\n      background-color: var(--theme-workflow-step--background--selected);\n    }\n\n    &.disabled {\n      background-color: var(--theme-workflow-step--background--disabled);\n\n      .line {\n        background-color: var(\n          --theme-workflow-step-icon-default--color--disabled\n        ) !important;\n      }\n\n      .text {\n        color: var(--theme-workflow-step--color--disabled);\n      }\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconCircle,\n  iconCircleDot,\n  iconCircleFilled,\n  iconError,\n  iconSuccess,\n  iconTriangleFilled,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-workflow-step',\n  styleUrl: 'workflow-step.scss',\n  shadow: true,\n})\nexport class WorkflowStep {\n  @Element() hostElement!: HTMLIxWorkflowStepElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Set disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Set status\n   */\n  @Prop() status: 'open' | 'success' | 'done' | 'warning' | 'error' = 'open';\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Set selected\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * Activate navigation click\n   *\n   * @internal\n   */\n  @Prop() position: 'first' | 'last' | 'single' | 'undefined' = 'undefined';\n\n  @State() iconName?: string;\n\n  @State() iconColor: string = 'workflow-step-icon-default--color';\n\n  /**\n   * @internal\n   */\n  @Event() selectedChanged!: EventEmitter<HTMLIxWorkflowStepElement>;\n\n  private customIconSlot: boolean = false;\n\n  @Watch('selected')\n  selectedHandler() {\n    this.setWorkflowStepStyles();\n  }\n\n  @Watch('disabled')\n  @Watch('status')\n  watchPropHandler() {\n    this.setWorkflowStepStyles();\n  }\n\n  setWorkflowStepStyles() {\n    const selectedStyle = this.selected ? '--selected' : '';\n    switch (this.status) {\n      case 'open':\n        this.iconName = this.selected ? iconCircleDot : iconCircle;\n        this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;\n        break;\n      case 'success':\n        this.iconName = iconSuccess;\n        this.iconColor = 'color-success';\n        break;\n      case 'done':\n        this.iconName = iconCircleFilled;\n        this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;\n        break;\n      case 'warning':\n        this.iconName = iconWarning;\n        this.iconColor = 'color-warning';\n        break;\n      case 'error':\n        this.iconName = iconError;\n        this.iconColor = 'color-alarm';\n        break;\n      default:\n        this.iconName = iconCircle;\n        break;\n    }\n\n    if (this.disabled) {\n      this.iconColor = 'workflow-step-icon-success--color--disabled';\n    }\n  }\n\n  componentWillLoad() {\n    this.watchPropHandler();\n    this.selectedHandler();\n\n    this.customIconSlot = !!this.hostElement.querySelector(\n      '[slot=\"custom-icon\"]'\n    );\n  }\n\n  onStepClick() {\n    if (!this.disabled && this.clickable) {\n      this.selectedChanged.emit(this.hostElement);\n    }\n  }\n\n  getIconAriaLabel() {\n    switch (this.iconName) {\n      case iconCircle:\n        return 'Circle';\n      case iconCircleDot:\n        return 'Circle dot';\n      case iconCircleFilled:\n        return 'Done';\n      case iconError:\n        return 'Error';\n      case iconSuccess:\n        return 'Success';\n      case iconTriangleFilled:\n        return 'Warning';\n      case iconWarning:\n        return 'Warning';\n      default:\n        return 'Step';\n    }\n  }\n\n  render() {\n    const icons = !this.customIconSlot ? (\n      <Fragment>\n        <ix-icon\n          color=\"color-1\"\n          name={\n            this.status === 'warning' ? iconTriangleFilled : iconCircleFilled\n          }\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n        <ix-icon\n          color={this.iconColor}\n          name={this.iconName}\n          class=\"absolute\"\n          size=\"24\"\n          aria-label={this.getIconAriaLabel()}\n        ></ix-icon>\n      </Fragment>\n    ) : null;\n\n    return (\n      <Host\n        class={{ 'host-vertical': this.vertical }}\n        onClick={() => this.onStepClick()}\n      >\n        <div\n          tabIndex={0}\n          class={{\n            step: true,\n            selected: this.selected,\n            vertical: this.vertical,\n            disabled: this.disabled,\n            clickable: this.clickable && !this.disabled,\n          }}\n        >\n          <div class=\"wrapper\">\n            <div\n              class={{\n                line: true,\n                selected: this.selected,\n                [this.status]: true,\n                [this.position]: true,\n              }}\n            ></div>\n            <div class=\"iconWrapper\">\n              {icons}\n              <slot name=\"custom-icon\"></slot>\n            </div>\n          </div>\n          <div class=\"text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ix-workflow-step.entry.esm.js","sources":["src/components/workflow-step/workflow-step.scss?tag=ix-workflow-step&encapsulation=shadow","src/components/workflow-step/workflow-step.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n\n:host(:not(.host-vertical)) {\n  width: 12rem;\n  height: 4rem;\n  min-width: 2rem;\n  min-height: 4rem;\n  max-width: 12rem;\n}\n\n:host(.host-vertical) {\n  width: 100%;\n  height: 4rem;\n  min-width: 4rem;\n  min-height: 2rem;\n  max-height: 12rem;\n}\n\n:host {\n  display: inline-block;\n  position: relative;\n\n  @include component.ix-component;\n\n  .step {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    background-color: var(--theme-workflow-step--background);\n    border-radius: var(--theme-workflow--border-radius);\n    padding: 1.125rem 0 vars.$small-space 0;\n\n    .wrapper {\n      display: flex;\n      width: 100%;\n      align-items: center;\n      justify-content: center;\n      position: relative;\n\n      .line {\n        width: 100%;\n        height: 0.125rem;\n        background-color: var(--theme-workflow-step-icon-default--color);\n\n        &.first,\n        &.last {\n          width: 50%;\n          margin: 0 0 0 auto;\n        }\n\n        &.last {\n          margin: 0 auto 0 0;\n        }\n\n        &.single {\n          width: 0;\n        }\n\n        &.selected {\n          background-color: var(\n              --theme-workflow-step-icon-default--color--selected\n          );\n        }\n\n        &.done {\n          background-color: var(--theme-workflow-step-icon-done--color);\n\n          &.selected {\n            background-color: var(\n                --theme-workflow-step-icon-done--color--selected\n            );\n          }\n        }\n\n        &.warning {\n          background-color: var(--theme-color-warning);\n        }\n\n        &.success {\n          background-color: var(--theme-color-success);\n        }\n\n        &.error {\n          background-color: var(--theme-color-alarm);\n        }\n      }\n\n      .iconWrapper {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n\n        .absolute {\n          position: absolute;\n        }\n      }\n    }\n\n    .text {\n      margin-top: vars.$default-space;\n      width: 100%;\n      padding: 0 vars.$small-space;\n\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n      text-align: center;\n    }\n\n    &.vertical {\n      flex-direction: row;\n      padding: 0;\n      height: 100%;\n\n      .wrapper {\n        width: auto;\n        padding-left: 1.125rem;\n        height: 100%;\n\n        .line {\n          width: 0.125rem;\n          height: 100%;\n\n          &.first,\n          &.last {\n            height: 50%;\n            margin: auto 0 0 0;\n          }\n\n          &.last {\n            margin: 0 0 auto 0;\n          }\n\n          &.single {\n            width: 0;\n          }\n        }\n      }\n\n      .text {\n        margin: 0 vars.$default-space;\n        padding: 0;\n        width: auto;\n      }\n    }\n\n    &.clickable {\n      &:hover {\n        background-color: var(--theme-workflow-step--background--hover);\n      }\n\n      &:active {\n        background-color: var(--theme-workflow-step--background--active);\n      }\n    }\n\n    &:focus-visible {\n      outline: 1px solid var(--focus--border-color);\n      border-radius: 0;\n    }\n\n    &.selected {\n      background-color: var(--theme-workflow-step--background--selected);\n    }\n\n    &.disabled {\n      background-color: var(--theme-workflow-step--background--disabled);\n\n      .line {\n        background-color: var(\n          --theme-workflow-step-icon-default--color--disabled\n        ) !important;\n      }\n\n      .text {\n        color: var(--theme-workflow-step--color--disabled);\n      }\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  iconCircle,\n  iconCircleDot,\n  iconCircleFilled,\n  iconError,\n  iconSuccess,\n  iconTriangleFilled,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Fragment,\n  h,\n  Host,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\n@Component({\n  tag: 'ix-workflow-step',\n  styleUrl: 'workflow-step.scss',\n  shadow: true,\n})\nexport class WorkflowStep {\n  @Element() hostElement!: HTMLIxWorkflowStepElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Set disabled\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Set status\n   */\n  @Prop() status: 'open' | 'success' | 'done' | 'warning' | 'error' = 'open';\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Set selected\n   */\n  @Prop() selected: boolean = false;\n\n  /**\n   * Activate navigation click\n   *\n   * @internal\n   */\n  @Prop() position: 'first' | 'last' | 'single' | 'undefined' = 'undefined';\n\n  @State() iconName?: string;\n\n  @State() iconColor: string = 'workflow-step-icon-default--color';\n\n  /**\n   * @internal\n   */\n  @Event() selectedChanged!: EventEmitter<HTMLIxWorkflowStepElement>;\n\n  private customIconSlot: boolean = false;\n\n  @Watch('selected')\n  selectedHandler() {\n    this.setWorkflowStepStyles();\n  }\n\n  @Watch('disabled')\n  @Watch('status')\n  watchPropHandler() {\n    this.setWorkflowStepStyles();\n  }\n\n  setWorkflowStepStyles() {\n    const selectedStyle = this.selected ? '--selected' : '';\n    switch (this.status) {\n      case 'open':\n        this.iconName = this.selected ? iconCircleDot : iconCircle;\n        this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;\n        break;\n      case 'success':\n        this.iconName = iconSuccess;\n        this.iconColor = 'color-success';\n        break;\n      case 'done':\n        this.iconName = iconCircleFilled;\n        this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;\n        break;\n      case 'warning':\n        this.iconName = iconWarning;\n        this.iconColor = 'color-warning';\n        break;\n      case 'error':\n        this.iconName = iconError;\n        this.iconColor = 'color-alarm';\n        break;\n      default:\n        this.iconName = iconCircle;\n        break;\n    }\n\n    if (this.disabled) {\n      this.iconColor = 'workflow-step-icon-success--color--disabled';\n    }\n  }\n\n  componentWillLoad() {\n    this.watchPropHandler();\n    this.selectedHandler();\n\n    this.customIconSlot = !!this.hostElement.querySelector(\n      '[slot=\"custom-icon\"]'\n    );\n  }\n\n  onStepClick() {\n    if (!this.disabled && this.clickable) {\n      this.selectedChanged.emit(this.hostElement);\n    }\n  }\n\n  getIconAriaLabel() {\n    switch (this.iconName) {\n      case iconCircle:\n        return 'Circle';\n      case iconCircleDot:\n        return 'Circle dot';\n      case iconCircleFilled:\n        return 'Done';\n      case iconError:\n        return 'Error';\n      case iconSuccess:\n        return 'Success';\n      case iconTriangleFilled:\n        return 'Warning';\n      case iconWarning:\n        return 'Warning';\n      default:\n        return 'Step';\n    }\n  }\n\n  render() {\n    const icons = !this.customIconSlot ? (\n      <Fragment>\n        <ix-icon\n          color=\"color-1\"\n          name={\n            this.status === 'warning' ? iconTriangleFilled : iconCircleFilled\n          }\n          class=\"absolute\"\n          size=\"24\"\n        ></ix-icon>\n        <ix-icon\n          color={this.iconColor}\n          name={this.iconName}\n          class=\"absolute\"\n          size=\"24\"\n          aria-label={this.getIconAriaLabel()}\n        ></ix-icon>\n      </Fragment>\n    ) : null;\n\n    return (\n      <Host\n        class={{ 'host-vertical': this.vertical }}\n        onClick={() => this.onStepClick()}\n      >\n        <div\n          tabIndex={0}\n          class={{\n            step: true,\n            selected: this.selected,\n            vertical: this.vertical,\n            disabled: this.disabled,\n            clickable: this.clickable && !this.disabled,\n          }}\n        >\n          <div class=\"wrapper\">\n            <div\n              class={{\n                line: true,\n                selected: this.selected,\n                [this.status]: true,\n                [this.position]: true,\n              }}\n            ></div>\n            <div class=\"iconWrapper\">\n              {icons}\n              <slot name=\"custom-icon\"></slot>\n            </div>\n          </div>\n          <div class=\"text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/ix-workflow-steps.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-workflow-steps.entry.esm.js","sources":["src/components/workflow-steps/workflow-steps.scss?tag=ix-workflow-steps&encapsulation=shadow","src/components/workflow-steps/workflow-steps.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/shadow-dom/component';\n\n:host {\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n  min-width: 2rem;\n\n  @include component.ix-component;\n\n  .steps {\n    display: flex;\n    height: 100%;\n\n    &.vertical {\n      flex-direction: column;\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n@Component({\n  tag: 'ix-workflow-steps',\n  styleUrl: 'workflow-steps.scss',\n  shadow: true,\n})\nexport class WorkflowSteps {\n  @Element() hostElement!: HTMLIxWorkflowStepsElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() selectedIndex: number = 0;\n\n  /**\n   * On step selected event\n   */\n  @Event() stepSelected!: EventEmitter<number>;\n\n  private getSteps() {\n    return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));\n  }\n\n  updateSteps() {\n    let steps = this.getSteps();\n    steps.forEach((element, index) => {\n      element.vertical = this.vertical;\n      element.clickable = this.clickable;\n      element.selected = this.selectedIndex === index;\n\n      if (steps.length === 1) {\n        element.position = 'single';\n        return;\n      }\n\n      if (index === 0) {\n        element.position = 'first';\n      } else if (index === steps.length - 1) {\n        element.position = 'last';\n      } else {\n        element.position = 'undefined';\n      }\n    });\n  }\n\n  private observer?: MutationObserver;\n\n  @Listen('selectedChanged')\n  onStepSelectionChanged(event: CustomEvent<HTMLIxWorkflowStepElement>) {\n    const eventTarget = event.detail;\n\n    const steps = this.getSteps();\n    const clickIndex = steps.findIndex((step) => step === eventTarget);\n    const clientEvent = this.stepSelected.emit(clickIndex);\n\n    if (clientEvent.defaultPrevented) {\n      return;\n    }\n\n    steps.forEach((step, index) => {\n      step.selected = index === clickIndex;\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSteps();\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver((mutations) => {\n      for (let mutation of mutations) {\n        if (mutation.type === 'childList') {\n          this.updateSteps();\n        }\n      }\n    });\n\n    this.observer.observe(this.hostElement, { childList: true });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  componentDidRender() {\n    this.updateSteps();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={{ steps: true, vertical: this.vertical }}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ix-workflow-steps.entry.esm.js","sources":["src/components/workflow-steps/workflow-steps.scss?tag=ix-workflow-steps&encapsulation=shadow","src/components/workflow-steps/workflow-steps.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/shadow-dom/component';\n\n:host {\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n  min-width: 2rem;\n\n  @include component.ix-component;\n\n  .steps {\n    display: flex;\n    height: 100%;\n\n    &.vertical {\n      flex-direction: column;\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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\n@Component({\n  tag: 'ix-workflow-steps',\n  styleUrl: 'workflow-steps.scss',\n  shadow: true,\n})\nexport class WorkflowSteps {\n  @Element() hostElement!: HTMLIxWorkflowStepsElement;\n\n  /**\n   * Select orientation\n   */\n  @Prop() vertical: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() clickable: boolean = false;\n\n  /**\n   * Activate navigation click\n   */\n  @Prop() selectedIndex: number = 0;\n\n  /**\n   * On step selected event\n   */\n  @Event() stepSelected!: EventEmitter<number>;\n\n  private getSteps() {\n    return Array.from(this.hostElement.querySelectorAll('ix-workflow-step'));\n  }\n\n  updateSteps() {\n    let steps = this.getSteps();\n    steps.forEach((element, index) => {\n      element.vertical = this.vertical;\n      element.clickable = this.clickable;\n      element.selected = this.selectedIndex === index;\n\n      if (steps.length === 1) {\n        element.position = 'single';\n        return;\n      }\n\n      if (index === 0) {\n        element.position = 'first';\n      } else if (index === steps.length - 1) {\n        element.position = 'last';\n      } else {\n        element.position = 'undefined';\n      }\n    });\n  }\n\n  private observer?: MutationObserver;\n\n  @Listen('selectedChanged')\n  onStepSelectionChanged(event: CustomEvent<HTMLIxWorkflowStepElement>) {\n    const eventTarget = event.detail;\n\n    const steps = this.getSteps();\n    const clickIndex = steps.findIndex((step) => step === eventTarget);\n    const clientEvent = this.stepSelected.emit(clickIndex);\n\n    if (clientEvent.defaultPrevented) {\n      return;\n    }\n\n    steps.forEach((step, index) => {\n      step.selected = index === clickIndex;\n    });\n  }\n\n  componentWillLoad() {\n    this.updateSteps();\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver((mutations) => {\n      for (let mutation of mutations) {\n        if (mutation.type === 'childList') {\n          this.updateSteps();\n        }\n      }\n    });\n\n    this.observer.observe(this.hostElement, { childList: true });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  componentDidRender() {\n    this.updateSteps();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={{ steps: true, vertical: this.vertical }}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/siemens-ix/p-00a10004.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as r,g as n}from"./p-DGODjp4O.js";import{B as a}from"./p-BD4dR98z.js";import{L as i,I as d}from"./p-BH3f5fa3.js";import{j as s,k as l}from"./p-Cz75KU1f.js";import{m as b}from"./p-bcj7UEIC.js";import{a as c}from"./p-CKoABG1h.js";import{b as h}from"./p-Bb7pDeaQ.js";const u=':host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary,:host .btn-tertiary.focus,:host .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary,:host .btn-subtle-primary.focus,:host .btn-subtle-primary:focus-visible{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary,:host .btn-subtle-secondary.focus,:host .btn-subtle-secondary:focus-visible{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary,:host .btn-danger-primary.focus,:host .btn-danger-primary:focus-visible{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary,:host .btn-danger-secondary.focus,:host .btn-danger-secondary:focus-visible{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary,:host .btn-danger-tertiary.focus,:host .btn-danger-tertiary:focus-visible{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height:auto}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.disabled){min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container:not(.readonly):not(.disabled)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.disabled)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.disabled):-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.disabled):-webkit-autofill,:host .input-container:not(.readonly):not(.disabled):autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container:not(.readonly):not(.disabled)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container:not(.readonly):not(.disabled):disabled,:host .input-container:not(.readonly):not(.disabled).disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container:not(.readonly):not(.disabled):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):disabled::placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container.readonly[type=number]{text-align:right}:host .input-container.readonly[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly:-webkit-autofill,:host .input-container.readonly:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}:host .input-container.readonly::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}:host .input-container.readonly:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.read-only,:host .input-container.readonly:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.read-only::-moz-placeholder,:host .input-container.readonly:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.read-only::placeholder,:host .input-container.readonly:read-only::placeholder{color:transparent}:host .input-container.readonly:disabled,:host .input-container.readonly.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container.readonly:disabled::-moz-placeholder,:host .input-container.readonly.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:disabled::placeholder,:host .input-container.readonly.disabled::placeholder{color:transparent}:host .input-container{display:flex;height:auto;max-height:3.75rem;padding:1px 1.5rem 1px 1.75rem !important}:host .input-container.no-icon{padding-left:0.25rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .text-input::-moz-placeholder{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input::placeholder{font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}';const m=class{constructor(o){e(this,o);this.categoryChanged=t(this,"categoryChanged",7);this.inputChanged=t(this,"inputChanged",7);this.filterChanged=t(this,"filterChanged",7);this.filterCleared=t(this,"filterCleared",7);this.ID_CUSTOM_FILTER_VALUE="CW_CUSTOM_FILTER_VALUE";this.textInput=b();this.showDropdown=false;this.hasFocus=false;this.categoryLogicalOperator=i.EQUAL;this.inputValue="";this.category="";this.filterTokens=[];this.disabled=false;this.readonly=false;this.nonSelectableCategories={};this.hideIcon=false;this.repeatCategories=true;this.tmpDisableScrollIntoView=true;this.labelCategories="Categories";this.i18nPlainText="Filter by text"}get dropdown(){return this.hostElement.shadowRoot.querySelector("ix-dropdown")}watchFilterState(e){this.setFilterState(e)}preventDefault(e){e.preventDefault()}onFocusIn(){this.hasFocus=true}onFocusOut(){this.hasFocus=false}onInput(){var e,t,o,r;this.inputValue=(o=(t=(e=this.textInput)===null||e===void 0?void 0:e.current)===null||t===void 0?void 0:t.value)!==null&&o!==void 0?o:"";const n=new d(this.inputValue,this.category);this.inputChanged.emit(n);if(!((r=this.dropdown)===null||r===void 0?void 0:r.show)){this.openDropdown()}}componentWillLoad(){this.a11yAttributes=h(this.hostElement)}componentDidLoad(){var e;setTimeout((()=>{if(this.filterState!==undefined){this.setFilterState(this.filterState)}}));if(this.formElement!==undefined){this.formKeyDownListener=c(this.formElement,"keydown",(e=>this.handleFormElementKeyDown(e)));this.preventDefaultListener=c(this.formElement,"submit",this.preventDefault)}if(((e=this.textInput)===null||e===void 0?void 0:e.current)==null){console.warn("ix-category-filter - unable to add event listeners to native input element");return}this.inputKeyDownListener=c(this.textInput.current,"keydown",(e=>this.handleInputElementKeyDown(e)));this.focusInListener=c(this.textInput.current,"focusin",(()=>this.onFocusIn()));this.focusOutListener=c(this.textInput.current,"focusout",(()=>this.onFocusOut()));this.inputListener=c(this.textInput.current,"input",(()=>this.onInput()))}setFilterState(e){this.filterTokens=[];for(const t of e.tokens){this.addToken(t,this.ID_CUSTOM_FILTER_VALUE,this.categoryLogicalOperator,false)}for(const t of e.categories){this.addToken(t.value,t.id,t.operator,false)}this.emitFilterEvent()}closeDropdown(){if(this.disabled||this.readonly){return}if(this.dropdown){this.dropdown.show=false}}openDropdown(){if(this.disabled||this.readonly){return}if(this.dropdown){this.dropdown.show=true}}handleFormElementKeyDown(e){var t;switch(e.code){case"Enter":case"NumpadEnter":if(!((t=document.activeElement)===null||t===void 0?void 0:t.classList.contains("dropdown-item"))){return}const o=document.activeElement.getAttribute("data-id");if(o===null){break}if(this.hasCategorySelection()){if(this.category!==""){this.addToken(o,this.category)}else if(document.activeElement.classList.contains("category-item-id")){this.selectCategory(o)}}else{this.addToken(o)}e.preventDefault();break;case"ArrowUp":this.focusPreviousItem();e.preventDefault();break;case"ArrowDown":this.showDropdown=true;this.focusNextItem();e.preventDefault();break;case"Escape":this.closeDropdown();break}}focusPreviousItem(){var e;const t=(e=document.activeElement)===null||e===void 0?void 0:e.previousSibling;if(t instanceof HTMLElement){t.focus()}}focusNextItem(){var e;const t=(e=document.activeElement)===null||e===void 0?void 0:e.nextSibling;if(t instanceof HTMLElement){t.focus()}}focusElement(e){const t=this.hostElement.shadowRoot.querySelector(e);if(t instanceof HTMLElement){t.focus();return true}return false}onArrowDown(e){var t;const o=`.category-item-${this.category!==""?"value":"id"}`;const r=".category-item";if(this.focusElement(o)){e.stopPropagation();return}if(((t=this.suggestions)===null||t===void 0?void 0:t.length)&&this.focusElement(r)){e.stopPropagation()}}handleInputElementKeyDown(e){var t,o;switch(e.code){case"ArrowDown":{this.onArrowDown(e);break}case"Backspace":if(((o=(t=this.textInput)===null||t===void 0?void 0:t.current)===null||o===void 0?void 0:o.value)!==""){return}if(this.category!==""){this.category="";return}const r=this.filterTokens.length;if(r>0){this.removeToken(r-1)}break;case"Enter":case"NumpadEnter":this.addToken(this.inputValue,this.category||this.ID_CUSTOM_FILTER_VALUE);e.preventDefault();break}}emitFilterEvent(){const e=this.filterTokens.filter((e=>e.id===this.ID_CUSTOM_FILTER_VALUE)).map((e=>e.value));const t=this.filterTokens.filter((e=>e.id!==this.ID_CUSTOM_FILTER_VALUE));const o={tokens:e,categories:t};this.filterChanged.emit(o)}addToken(e,t=this.ID_CUSTOM_FILTER_VALUE,o=this.categoryLogicalOperator,r=true){var n,a,d;if(e===undefined||e===null){return}const s=e.trim();if(s===""){return}if(this.hasToken(s)){return}const l={id:t,value:s,operator:o};this.filterTokens=[...this.filterTokens,l];if((n=this.textInput)===null||n===void 0?void 0:n.current){this.textInput.current.value=""}this.inputValue="";this.categoryLogicalOperator=i.EQUAL;if(this.category!==""){this.category=""}this.isScrollStateDirty=true;(d=(a=this.textInput)===null||a===void 0?void 0:a.current)===null||d===void 0?void 0:d.focus();if(r){this.emitFilterEvent()}}removeToken(e){this.filterTokens=this.filterTokens.filter(((t,o)=>o!==e));this.emitFilterEvent()}getCategoryIds(){const e=[];for(const t in this.categories){if(Object.prototype.hasOwnProperty.call(this.categories,t)){e.push(t)}}return e}selectCategory(e){var t,o,r;this.category=e;if((t=this.textInput)===null||t===void 0?void 0:t.current){this.textInput.current.value=""}this.inputValue="";(r=(o=this.textInput)===null||o===void 0?void 0:o.current)===null||r===void 0?void 0:r.focus();this.categoryChanged.emit(e)}resetFilter(e){const{defaultPrevented:t}=this.filterCleared.emit();if(t){return}e.stopPropagation();this.closeDropdown();this.filterTokens=[];if(this.category){this.category="";this.categoryChanged.emit(undefined)}this.emitFilterEvent()}filterMultiples(e){if(this.repeatCategories){return true}const t=this.filterTokens.find((t=>t.id===e));return!t}hasToken(e){return this.filterTokens.some((t=>{const o=t.value===e;if(!o){return false}if(this.category!==""){return this.category===t.id}if(t.id){return t.id===this.ID_CUSTOM_FILTER_VALUE}return o}))}filterDuplicateTokens(e){return!this.hasToken(e)}filterByInput(e){if(this.inputValue===undefined||this.inputValue===""){return true}return e.toLowerCase().indexOf(this.inputValue.toLowerCase())!==-1}toggleCategoryOperator(){switch(this.categoryLogicalOperator){case i.EQUAL:this.categoryLogicalOperator=i.NOT_EQUAL;break;case i.NOT_EQUAL:this.categoryLogicalOperator=i.EQUAL;break}}getFilterChipLabel(e){var t,o,r,n,a;if(e.id===this.ID_CUSTOM_FILTER_VALUE){return e.value}const d=e.operator===i.EQUAL?"=":"!=";const s=(a=(r=(o=(t=this.categories)===null||t===void 0?void 0:t[e.id])===null||o===void 0?void 0:o.label)!==null&&r!==void 0?r:(n=this.nonSelectableCategories)===null||n===void 0?void 0:n[e.id])!==null&&a!==void 0?a:e.id;return`${s} ${d} ${e.value}`}getFilteredSuggestions(){var e,t;if(!((e=this.suggestions)===null||e===void 0?void 0:e.length)){return[]}return(t=this.suggestions)===null||t===void 0?void 0:t.filter((e=>this.filterByInput(e))).filter((e=>this.filterDuplicateTokens(e)))}hasCategorySelection(){return this.categories!==undefined}renderPlainSuggestions(){return o("div",{class:"dropdown-item-container"},this.getFilteredSuggestions().map((e=>o("button",{class:"dropdown-item","data-id":e,onClick:()=>this.addToken(e),key:e,title:e},e))))}renderOperatorButton(){if(this.staticOperator){return""}const e={type:"button",variant:"subtle-tertiary",iconOnly:true,iconOval:false,selected:false,disabled:this.disabled||this.staticOperator!==undefined,loading:false,icon:"",onClick:e=>{e.stopPropagation();this.toggleCategoryOperator()},extraClasses:{"btn-icon-32":true,"btn-toggle-operator":true},ariaAttributes:{"aria-label":this.ariaLabelOperatorButton}};return o(a,Object.assign({},e),this.categoryLogicalOperator===i.NOT_EQUAL?"=":"!=")}getFilterOperatorString(){let e;if(this.staticOperator!==undefined){e=this.staticOperator}else{e=this.categoryLogicalOperator}return`${e===i.EQUAL?"=":"!="} `}renderCategoryValues(){var e,t;if(this.categories===undefined){return}return o("div",{class:"dropdown-item-container"},this.renderOperatorButton(),o("div",{class:"dropdown-header"},(e=this.categories[this.category])===null||e===void 0?void 0:e.label),(t=this.categories[this.category])===null||t===void 0?void 0:t.options.filter((e=>this.filterByInput(e))).filter((e=>this.filterDuplicateTokens(e))).map((e=>o("button",{class:"dropdown-item category-item-value","data-id":e,title:e,key:e,onClick:t=>{t.preventDefault();this.addToken(e,this.category)}},`${this.getFilterOperatorString()} ${e}`))))}renderDropdownContent(){if(this.hasCategorySelection()){if(this.category!==""){return this.renderCategoryValues()}else{return this.renderCategorySelection()}}else return this.renderPlainSuggestions()}renderCategorySelection(){var e;return o("div",{class:"dropdown-item-container"},(e=this.getCategoryIds())===null||e===void 0?void 0:e.filter((e=>this.categories&&this.filterByInput(this.categories[e].label))).filter((e=>this.filterMultiples(e))).map((e=>{var t,r,n,a;return o("button",{class:"dropdown-item category-item category-item-id","data-id":e,title:(r=(t=this.categories)===null||t===void 0?void 0:t[e])===null||r===void 0?void 0:r.label,key:e,onClick:t=>{t.preventDefault();this.selectCategory(e)},tabindex:"0"},(a=(n=this.categories)===null||n===void 0?void 0:n[e])===null||a===void 0?void 0:a.label)})))}getDropdownHeader(){if(this.categories!==undefined){if(this.category!==""){return undefined}else{return this.labelCategories}}return this.i18nPlainText}componentDidRender(){var e,t;if(this.isScrollStateDirty){if(!this.tmpDisableScrollIntoView){(t=(e=this.textInput)===null||e===void 0?void 0:e.current)===null||t===void 0?void 0:t.scrollIntoView()}this.isScrollStateDirty=false}}disconnectedCallback(){var e;if(this.preventDefaultListener){this.preventDefaultListener()}if(this.formKeyDownListener){this.formKeyDownListener()}if(this.inputKeyDownListener){(e=this.inputKeyDownListener)===null||e===void 0?void 0:e.call(this)}if(this.focusInListener){this.focusInListener()}if(this.focusOutListener){this.focusOutListener()}if(this.inputListener){this.inputListener()}}getResetButton(){return o("ix-icon-button",{onClick:e=>this.resetFilter(e),class:{"reset-button":true,"hide-reset-button":!this.filterTokens.length&&this.category===""},variant:"tertiary",oval:true,icon:s,iconColor:"color-soft-text",size:"16","aria-label":this.ariaLabelResetButton})}getIconColor(){if(this.disabled){return"color-componentn-1"}if(this.readonly){return"color-std-txt"}return"color-primary"}render(){var e,t,n;return o(r,{key:"f9440f389259e19514ffa98a88ccb27131dbb7d1"},o("form",{key:"c4613c63f246a88feda56778a8d02c154d5d4947",ref:e=>this.formElement=e},o("div",{key:"1f3710d4b10c45f88c16708485171740f95ad7b2","read-only":this.readonly,class:{"input-container":true,disabled:this.disabled,focus:this.hasFocus,readonly:this.readonly,"no-icon":this.hideIcon}},o("ix-icon",{key:"b9325f36c0524729b7f03f782692e8dafe1b4496",color:this.getIconColor(),class:{"display-none":this.hideIcon},name:(e=this.icon)!==null&&e!==void 0?e:l,size:"16"}),o("div",{key:"b4dc6e8254acf84678cc6a9eab591f5af3f67bf6",class:"token-container"},o("div",{key:"4c2670b652f23533275d4fe011d313f63e23e047",class:"list-unstyled"},this.filterTokens.map(((e,t)=>o("span",{key:e.toString(),class:{animate__animated:true,animate__fadein:true}},o("ix-filter-chip",{disabled:this.disabled,readonly:this.readonly,onClick:e=>e.stopPropagation(),onCloseClick:()=>this.removeToken(t)},this.getFilterChipLabel(e))))),this.categories===undefined?"":o("span",{class:{"category-preview":true,"display-none":this.category===""}},(t=this.categories[this.category])===null||t===void 0?void 0:t.label),o("input",Object.assign({key:"b25e2a1f6bb30f4bae27a11abe6fa2dd1206fb2c",class:{"text-input":true,"hide-placeholder":this.readonly||this.disabled||this.category!==""},autocomplete:"off",name:"category-filter-input",disabled:this.disabled,readonly:this.readonly,ref:this.textInput,type:"text",placeholder:this.placeholder},this.a11yAttributes,{"aria-label":this.ariaLabelFilterInput})))),!this.readonly&&!this.disabled&&this.getResetButton())),this.disabled||this.readonly?"":o("ix-dropdown",{show:this.showDropdown,closeBehavior:"outside",offset:{mainAxis:2},anchor:(n=this.textInput)===null||n===void 0?void 0:n.waitForCurrent(),trigger:this.hostElement,header:this.getDropdownHeader()},this.renderDropdownContent()))}get hostElement(){return n(this)}static get watchers(){return{filterState:["watchFilterState"]}}};m.style=u;export{m as ix_category_filter};
+//# sourceMappingURL=p-00a10004.entry.js.map

package/dist/siemens-ix/{p-20b3dbe7.entry.js.map → p-00a10004.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","BaseButton","LogicalFilterOperator","InputState","iconClear","iconSearch","makeRef","addDisposableEventListener","a11yHostAttributes","categoryFilterCss","CategoryFilter","constructor","hostRef","this","categoryChanged","inputChanged","filterChanged","filterCleared","ID_CUSTOM_FILTER_VALUE","textInput","showDropdown","hasFocus","categoryLogicalOperator","EQUAL","inputValue","category","filterTokens","disabled","readonly","nonSelectableCategories","hideIcon","repeatCategories","tmpDisableScrollIntoView","labelCategories","i18nPlainText","dropdown","hostElement","shadowRoot","querySelector","watchFilterState","newValue","setFilterState","preventDefault","e","onFocusIn","onFocusOut","onInput","_a","_b","_c","_d","current","value","inputState","emit","show","openDropdown","componentWillLoad","a11yAttributes","componentDidLoad","setTimeout","filterState","undefined","formElement","formKeyDownListener","handleFormElementKeyDown","preventDefaultListener","console","warn","inputKeyDownListener","handleInputElementKeyDown","focusInListener","focusOutListener","inputListener","state","token","tokens","addToken","categories","id","operator","emitFilterEvent","closeDropdown","code","document","activeElement","classList","contains","getAttribute","hasCategorySelection","selectCategory","focusPreviousItem","focusNextItem","sibling","previousSibling","HTMLElement","focus","nextSibling","focusElement","selector","item","onArrowDown","baseSelector","fallbackSelector","stopPropagation","suggestions","length","tokenCount","removeToken","filter","map","emitEvent","newToken","trim","hasToken","pair","isScrollStateDirty","index","_","i","getCategoryIds","ids","Object","prototype","hasOwnProperty","call","push","resetFilter","defaultPrevented","filterMultiples","isCategoryAlreadySet","find","some","filterToken","hasSameValue","filterDuplicateTokens","filterByInput","toLowerCase","indexOf","toggleCategoryOperator","NOT_EQUAL","getFilterChipLabel","_e","operatorString","label","getFilteredSuggestions","renderPlainSuggestions","class","suggestion","onClick","key","title","renderOperatorButton","staticOperator","params","type","variant","iconOnly","iconOval","selected","loading","icon","extraClasses","ariaAttributes","ariaLabelOperatorButton","assign","getFilterOperatorString","renderCategoryValues","options","renderDropdownContent","renderCategorySelection","tabindex","getDropdownHeader","componentDidRender","scrollIntoView","disconnectedCallback","getResetButton","oval","iconColor","size","ariaLabelResetButton","getIconColor","render","ref","el","color","name","toString","animate__animated","animate__fadein","onCloseClick","autocomplete","placeholder","ariaLabelFilterInput","closeBehavior","offset","mainAxis","anchor","waitForCurrent","trigger","header","watchers","style"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","BaseButton","LogicalFilterOperator","InputState","iconClear","iconSearch","makeRef","addDisposableEventListener","a11yHostAttributes","categoryFilterCss","CategoryFilter","constructor","hostRef","this","categoryChanged","inputChanged","filterChanged","filterCleared","ID_CUSTOM_FILTER_VALUE","textInput","showDropdown","hasFocus","categoryLogicalOperator","EQUAL","inputValue","category","filterTokens","disabled","readonly","nonSelectableCategories","hideIcon","repeatCategories","tmpDisableScrollIntoView","labelCategories","i18nPlainText","dropdown","hostElement","shadowRoot","querySelector","watchFilterState","newValue","setFilterState","preventDefault","e","onFocusIn","onFocusOut","onInput","_a","_b","_c","_d","current","value","inputState","emit","show","openDropdown","componentWillLoad","a11yAttributes","componentDidLoad","setTimeout","filterState","undefined","formElement","formKeyDownListener","handleFormElementKeyDown","preventDefaultListener","console","warn","inputKeyDownListener","handleInputElementKeyDown","focusInListener","focusOutListener","inputListener","state","token","tokens","addToken","categories","id","operator","emitFilterEvent","closeDropdown","code","document","activeElement","classList","contains","getAttribute","hasCategorySelection","selectCategory","focusPreviousItem","focusNextItem","sibling","previousSibling","HTMLElement","focus","nextSibling","focusElement","selector","item","onArrowDown","baseSelector","fallbackSelector","stopPropagation","suggestions","length","tokenCount","removeToken","filter","map","emitEvent","newToken","trim","hasToken","pair","isScrollStateDirty","index","_","i","getCategoryIds","ids","Object","prototype","hasOwnProperty","call","push","resetFilter","defaultPrevented","filterMultiples","isCategoryAlreadySet","find","some","filterToken","hasSameValue","filterDuplicateTokens","filterByInput","toLowerCase","indexOf","toggleCategoryOperator","NOT_EQUAL","getFilterChipLabel","_e","operatorString","label","getFilteredSuggestions","renderPlainSuggestions","class","suggestion","onClick","key","title","renderOperatorButton","staticOperator","params","type","variant","iconOnly","iconOval","selected","loading","icon","extraClasses","ariaAttributes","ariaLabelOperatorButton","assign","getFilterOperatorString","renderCategoryValues","options","renderDropdownContent","renderCategorySelection","tabindex","getDropdownHeader","componentDidRender","scrollIntoView","disconnectedCallback","getResetButton","oval","iconColor","size","ariaLabelResetButton","getIconColor","render","ref","el","color","name","toString","animate__animated","animate__fadein","onCloseClick","autocomplete","placeholder","ariaLabelFilterInput","closeBehavior","offset","mainAxis","anchor","waitForCurrent","trigger","header","watchers","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as o,H as r,g as a}from"./p-DGODjp4O.js";import{s as i,t as n}from"./p-Cz75KU1f.js";import{H as d}from"./p-BlIjqRam.js";import{m as l}from"./p-bcj7UEIC.js";import{m as s,a as b,b as h,c,I as p,g as u,d as m,o as v,S as f}from"./p-q1WCgUmY.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-DhE1t8Qh.js";import"./p-C5MWUgDN.js";const x='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .password-eye{margin-left:0.125rem;color:red}:host .password-eye.eye-hidden{display:none}';var g=undefined&&undefined.__decorate||function(e,t,o,r){var a=arguments.length,i=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i;return a>3&&i&&Object.defineProperty(t,o,i),i};let y=0;const k=class{constructor(o){e(this,o);this.valueChange=t(this,"valueChange",7);this.validityStateChange=t(this,"validityStateChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.type="text";this.value="";this.required=false;this.disabled=false;this.readonly=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.inputType="text";this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.inputId=`input-${y++}`;this.touched=false}updateClassMappings(e){s(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value);this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=b(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){var e;(e=this.disposableChangesAndVisibilityObservers)===null||e===void 0?void 0:e.call(this)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;const t=u(this);return o(r,{key:"f1a0a8e252682aab237e572ad8079cf496d0b519",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"a6bd8f0e90398dfb1288ceb585c9852fc4056552",htmlForLabel:this.inputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"30e5e1debfa21d1d6a9db780a1fa807e88e5fd62",class:"input-wrapper"},o(c,{key:"04338b8d4de55cb1cacfaeb381c39796ed542b27",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(p,{key:"3fe643f62d02522dad0bd63876bbf9873f77881b",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>m(this,e),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{v(this,this.inputRef.current);this.touched=true},ariaAttributes:t}),o(f,{key:"7b3f09276058e7c9081c5a5c406ccb6f31556593",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("ix-icon-button",{key:"d383d7bb55402f970bd393b7a2b2ec818d8bdd13",color:"color-weak-text",class:{"password-eye":true,"eye-hidden":this.type!=="password"},variant:"tertiary",icon:this.inputType==="password"?i:n,onClick:()=>{if(this.inputType==="password"){this.inputType="text";return}this.inputType="password"}}))),!!this.maxLength&&this.maxLength>0&&o("ix-typography",{key:"1d256d9a9b688dfc7ab55308b1c7e758a45f8504",class:"bottom-text",slot:"bottom-right",textColor:"soft"},((e=this.value)!==null&&e!==void 0?e:"").length,"/",this.maxLength)))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{type:["updateInputType"]}}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_input};
+//# sourceMappingURL=p-01656234.entry.js.map

package/dist/siemens-ix/{p-12e7c378.entry.js.map → p-01656234.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","iconEye","iconEyeCancelled","HookValidationLifecycle","makeRef","mapValidationResult","addDisposableChangesAndVisibilityObservers","adjustPaddingForStartAndEnd","SlotStart","InputElement","getAriaAttributesForInput","checkAllowedKeys","onInputBlur","SlotEnd","inputCss","__decorate","undefined","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","inputIds","Input","constructor","hostRef","this","valueChange","validityStateChange","ixBlur","$hostElement$","formInternals","attachInternals","type","value","required","disabled","readonly","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","inputType","inputRef","slotEndRef","slotStartRef","inputId","touched","updateClassMappings","result","updateInputType","componentWillLoad","updateFormInternalValue","connectedCallback","disposableChangesAndVisibilityObservers","hostElement","updatePaddings","bind","current","disconnectedCallback","_a","call","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","getValidityState","input","validity","focusInput","focus","isTouched","render","inputAria","class","htmlForLabel","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","onSlotChange","id","maxLength","minLength","pattern","placeholder","onKeyPress","event","emit","onBlur","ariaAttributes","color","variant","icon","onClick","slot","textColor","formAssociated","watchers","prototype","style"],"sources":["0"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Host","getElement","iconEye","iconEyeCancelled","HookValidationLifecycle","makeRef","mapValidationResult","addDisposableChangesAndVisibilityObservers","adjustPaddingForStartAndEnd","SlotStart","InputElement","getAriaAttributesForInput","checkAllowedKeys","onInputBlur","SlotEnd","inputCss","__decorate","undefined","decorators","target","key","desc","c","arguments","length","r","Object","getOwnPropertyDescriptor","d","Reflect","decorate","i","defineProperty","inputIds","Input","constructor","hostRef","this","valueChange","validityStateChange","ixBlur","$hostElement$","formInternals","attachInternals","type","value","required","disabled","readonly","isInvalid","isValid","isInfo","isWarning","isInvalidByRequired","inputType","inputRef","slotEndRef","slotStartRef","inputId","touched","updateClassMappings","result","updateInputType","componentWillLoad","updateFormInternalValue","connectedCallback","disposableChangesAndVisibilityObservers","hostElement","updatePaddings","bind","current","disconnectedCallback","_a","call","setFormValue","getAssociatedFormElement","form","hasValidValue","Promise","resolve","getNativeInputElement","waitForCurrent","getValidityState","input","validity","focusInput","focus","isTouched","render","inputAria","class","htmlForLabel","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","onSlotChange","id","maxLength","minLength","pattern","placeholder","onKeyPress","event","emit","onBlur","ariaAttributes","color","variant","icon","onClick","slot","textColor","formAssociated","watchers","prototype","style"],"sources":["0"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/p-03c6893a.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,H as r,g as i}from"./p-DGODjp4O.js";import{o as a}from"./p-Cz75KU1f.js";import{D as n}from"./p-bDicGJUN.js";import{a as l,b as d,S as s,c as h}from"./p-q1WCgUmY.js";import{H as c,c as b}from"./p-BlIjqRam.js";import{m as u}from"./p-bcj7UEIC.js";import{h as p,o as m,c as v,a as f}from"./p-BvFOMxgl.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-DhE1t8Qh.js";import"./p-C5MWUgDN.js";import"./p-D3K9vmFp.js";const g='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}: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{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input{width:100%;height:100%}:host .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}';var x=undefined&&undefined.__decorate||function(t,o,e,r){var i=arguments.length,a=i<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,e):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(t,o,e,r);else for(var l=t.length-1;l>=0;l--)if(n=t[l])a=(i<3?n(a):i>3?n(o,e,a):n(o,e))||a;return i>3&&a&&Object.defineProperty(o,e,a),a};const k=class{constructor(e){t(this,e);this.valueChange=o(this,"valueChange",6);this.validityStateChange=o(this,"validityStateChange",7);this.ixFocus=o(this,"ixFocus",7);this.ixBlur=o(this,"ixBlur",7);if(e.$hostElement$["s-ei"]){this.formInternals=e.$hostElement$["s-ei"]}else{this.formInternals=e.$hostElement$.attachInternals();e.$hostElement$["s-ei"]=this.formInternals}this.value="";this.minDate="";this.maxDate="";this.format="yyyy/LL/dd";this.readonly=false;this.disabled=false;this.i18nErrorDateUnparsable="Date is not valid";this.showWeekNumbers=false;this.weekStartIndex=0;this.show=false;this.from=null;this.isInputInvalid=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.focus=false;this.slotStartRef=u();this.slotEndRef=u();this.datepickerRef=u();this.inputElementRef=u();this.dropdownElementRef=u();this.touched=false}watchValuePropHandler(t){this.onInput(t)}updateFormInternalValue(t){if(t){this.formInternals.setFormValue(t)}else{this.formInternals.setFormValue(null)}this.value=t}connectedCallback(){this.classObserver=b(this.hostElement,(()=>this.checkClassList()));this.disposableChangesAndVisibilityObservers=l(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value);if(this.isInputInvalid){this.from=null}else{this.watchValue()}this.checkClassList();this.updateFormInternalValue(this.value)}updatePaddings(){d(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){var t,o;(t=this.classObserver)===null||t===void 0?void 0:t.destroy();(o=this.disposableChangesAndVisibilityObservers)===null||o===void 0?void 0:o.call(this)}watchValue(){this.from=this.value}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}async onInput(t){this.value=t;if(!t){this.valueChange.emit(t);return}if(!this.format){return}const o=n.fromFormat(t,this.format);const e=n.fromFormat(this.minDate,this.format);const r=n.fromFormat(this.maxDate,this.format);this.isInputInvalid=!o.isValid||o<e||o>r;if(this.isInputInvalid){this.invalidReason=o.invalidReason||undefined;this.from=undefined}else{this.updateFormInternalValue(t);this.closeDropdown()}this.valueChange.emit(t)}onCalenderClick(t){p(t,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return m(this.dropdownElementRef)}async closeDropdown(){return v(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){var t;return e("div",{class:"input-wrapper"},e(h,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),e("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,readOnly:this.readonly,readonly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:(t=this.value)!==null&&t!==void 0?t:"",placeholder:this.placeholder,name:this.name,onInput:t=>{const o=t.target;this.onInput(o.value)},onClick:t=>{if(this.show){t.stopPropagation();t.preventDefault()}},onFocus:async()=>{this.openDropdown();this.ixFocus.emit()},onBlur:()=>{this.ixBlur.emit();this.touched=true}}),e(s,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},e("ix-icon-button",{"data-testid":"open-calendar",class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",icon:a,onClick:t=>this.onCalenderClick(t),"aria-label":this.ariaLabelCalendarButton})))}hookValidationLifecycle({isInfo:t,isInvalid:o,isInvalidByRequired:e,isValid:r,isWarning:i}){this.isInvalid=o||e||this.isInputInvalid;this.isInfo=t;this.isValid=r;this.isWarning=i}async onInputValidationChange(){const t=await this.getValidityState();this.validityStateChange.emit({patternMismatch:t.patternMismatch,invalidReason:this.invalidReason})}getValidityState(){return Promise.resolve(f(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var t;const o=this.isInputInvalid?this.i18nErrorDateUnparsable:this.invalidText;return e(r,{key:"00644497cf3410dff8025cd84e012617d88c4bad",class:{disabled:this.disabled,readonly:this.readonly}},e("ix-field-wrapper",{key:"73aa5675f617a35479465eacc2959391f57e78e9",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:o,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),e("ix-dropdown",{key:"6b219ac0027370f8c140feb9c438750259f93ef8","data-testid":"date-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",suppressOverflowBehavior:true,show:this.show,onShowChanged:t=>{this.show=t.detail}},e("ix-date-picker",{key:"91dc533bd42ce5f118c73f0ea8641dd7098e082d",ref:this.datepickerRef,format:this.format,locale:this.locale,range:false,from:(t=this.from)!==null&&t!==void 0?t:"",minDate:this.minDate,maxDate:this.maxDate,onDateChange:t=>{const{from:o}=t.detail;this.onInput(o)},showWeekNumbers:this.showWeekNumbers,ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,standaloneAppearance:false})))}static get formAssociated(){return true}get hostElement(){return i(this)}static get watchers(){return{value:["watchValuePropHandler","watchValue"],isInputInvalid:["onInputValidationChange"]}}};x([c()],k.prototype,"hookValidationLifecycle",null);k.style=g;export{k as ix_date_input};
+//# sourceMappingURL=p-03c6893a.entry.js.map