@siemens/ix 0.0.0-pr-1974-20250627115746 → 0.0.0-pr-2015-20250716160704

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

@@ -1 +1 @@
-{"version":3,"file":"ix-toast.entry.esm.js","sources":["src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","src/components/toast/toast.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: 17.5rem;\n  max-width: 17.5rem;\n  min-height: 3.5rem;\n\n  pointer-events: all;\n\n  background-color: var(--theme-toast--background);\n  border: var(--theme-toast--border-thickness) solid\n    var(--theme-toast--border-color);\n  border-radius: var(--theme-toast--border-radius);\n  box-shadow: var(--theme-toast--box-shadow);\n\n  --animate-duration: #{$medium-time};\n\n  .toast-body {\n    display: flex;\n    position: relative;\n    min-height: 3.5rem;\n    width: 100%;\n    flex-grow: 1;\n    padding: 0.75rem;\n\n    .toast-icon {\n      display: flex;\n      align-items: flex-start;\n      margin-right: $default-space;\n    }\n\n    .toast-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-width: 0;\n      width: 100%;\n\n      .toast-title {\n        @include text-default-title-single;\n        margin: 0.25rem 0px;\n      }\n\n      .toast-message {\n        min-width: 0;\n\n        @include text-default;\n      }\n    }\n\n    .toast-icon + .toast-content {\n      max-width: 10.25rem;\n    }\n  }\n\n  .toast-close {\n    display: flex;\n    position: relative;\n    pointer-events: all;\n    margin-left: auto;\n    margin-right: 0px;\n  }\n\n  .toast-progress-bar {\n    position: absolute;\n    bottom: 0;\n    height: $tiny-space;\n    width: 100%;\n    background-color: var(--theme-toast-timer-value--background);\n    transform-origin: left;\n\n    &--animated {\n      animation: trackProgress linear 1 forwards;\n    }\n  }\n\n  @keyframes trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\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  Prop,\n  State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n  iconClose,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-toast',\n  styleUrl: 'toast.scss',\n  shadow: true,\n})\nexport class Toast {\n  /**\n   * Toast type\n   */\n  @Prop() type: ToastType = 'info';\n\n  /**\n   * Toast title\n   */\n  @Prop() toastTitle?: string;\n\n  /**\n   * Autoclose title after delay\n   */\n  @Prop() autoCloseDelay = 5000;\n\n  /**\n   * Autoclose behavior\n   */\n  @Prop() autoClose = true;\n\n  /**\n   * Icon of toast\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Icon color of toast\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Toast closed\n   */\n  @Event() closeToast!: EventEmitter;\n\n  @State() progress = 0;\n  @State() touched = false;\n\n  @Element() hostElement!: HTMLIxToastElement;\n\n  private getIcon() {\n    if (this.icon) {\n      return (\n        <ix-icon\n          data-testid=\"toast-icon\"\n          name={this.icon}\n          color={this.iconColor}\n          size=\"24\"\n        />\n      );\n    }\n\n    switch (this.type) {\n      case 'info':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconInfo}\n            size=\"24\"\n            color=\"color-std-text\"\n          />\n        );\n\n      case 'error':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconError}\n            size=\"24\"\n            color=\"color-alarm\"\n          />\n        );\n\n      case 'success':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconSuccess}\n            size=\"24\"\n            color=\"color-success\"\n          />\n        );\n\n      case 'warning':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconWarning}\n            size=\"24\"\n            color=\"color-warning\"\n          />\n        );\n\n      default:\n        return '';\n    }\n  }\n\n  private close() {\n    if (this.hostElement) {\n      this.hostElement.classList.add('animate__fadeOut');\n    }\n    setTimeout(() => {\n      this.closeToast.emit();\n    }, 250);\n  }\n\n  render() {\n    let progressBarStyle: Record<string, string> = {};\n\n    const progressBarClass = ['toast-progress-bar'];\n\n    progressBarStyle = {\n      animationDuration: `${this.autoCloseDelay}ms`,\n      animationPlayState: this.touched ? 'paused' : 'running',\n    };\n\n    progressBarClass.push('toast-progress-bar--animated');\n\n    return (\n      <Host class=\"animate__animated animate__fadeIn\">\n        <div\n          class=\"toast-body\"\n          onPointerLeave={() => {\n            this.touched = false;\n          }}\n          onPointerEnter={() => {\n            this.touched = true;\n          }}\n        >\n          {this.type || this.icon ? (\n            <div class=\"toast-icon\">{this.getIcon()}</div>\n          ) : null}\n          <div class=\"toast-content\">\n            {this.toastTitle ? (\n              <div class=\"toast-title\">{this.toastTitle}</div>\n            ) : null}\n            <div class=\"toast-message\">\n              <slot></slot>\n            </div>\n          </div>\n          <div class=\"toast-close\">\n            <ix-icon-button\n              icon={iconClose}\n              size=\"24\"\n              ghost\n              onClick={() => this.closeToast.emit()}\n            />\n          </div>\n        </div>\n        {this.autoClose ? (\n          <div\n            class={progressBarClass.join(' ')}\n            style={progressBarStyle}\n            onAnimationEnd={() => {\n              this.close();\n            }}\n            onTransitionEnd={() => {\n              if (this.progress === 0) {\n                this.close();\n              }\n            }}\n          ></div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ix-toast.entry.esm.js","sources":["src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","src/components/toast/toast.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n@import 'legacy/mixins/fonts';\n\n:host {\n  @include ix-component;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  min-width: 17.5rem;\n  max-width: 17.5rem;\n  min-height: 3.5rem;\n\n  pointer-events: all;\n\n  background-color: var(--theme-toast--background);\n  border: var(--theme-toast--border-thickness) solid\n    var(--theme-toast--border-color);\n  border-radius: var(--theme-toast--border-radius,\n    var(--theme-toast--border-radus)\n  );\n  box-shadow: var(--theme-toast--box-shadow);\n\n  --animate-duration: #{$medium-time};\n\n  .toast-body {\n    display: flex;\n    position: relative;\n    min-height: 3.5rem;\n    width: 100%;\n    flex-grow: 1;\n    padding: 0.75rem;\n\n    .toast-icon {\n      display: flex;\n      align-items: flex-start;\n      margin-right: 0.5rem;\n    }\n\n    .toast-content {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      min-width: 0;\n      width: 100%;\n\n      .toast-title {\n        @include text-default-title-single;\n        margin: 0.25rem 0px;\n      }\n\n      .toast-message {\n        min-width: 0;\n\n        @include text-default;\n      }\n\n      .toast-action {\n        margin-top: 0.5rem;\n      }\n    }\n\n    .toast-icon + .toast-content {\n      max-width: 10.25rem;\n    }\n  }\n\n  .toast-close {\n    display: flex;\n    position: relative;\n    pointer-events: all;\n    margin-left: auto;\n    margin-right: 0px;\n    opacity: 0.6;\n    &:hover {\n      opacity: 1;\n    }\n  }\n\n  .toast-progress-bar {\n    position: absolute;\n    bottom: 0;\n    height: 0.125rem;\n    width: 100%;\n    background-color: var(--theme-toast-timer-value--background);\n    transform-origin: left;\n\n    &--animated {\n      animation: trackProgress linear 1 forwards;\n    }\n  }\n\n  @keyframes trackProgress {\n    0% {\n      transform: scaleX(1);\n    }\n    100% {\n      transform: scaleX(0);\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  Prop,\n  State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n  iconClose,\n  iconError,\n  iconInfo,\n  iconSuccess,\n  iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-toast',\n  styleUrl: 'toast.scss',\n  shadow: true,\n})\nexport class Toast {\n  /**\n   * Toast type\n   */\n  @Prop() type: ToastType = 'info';\n\n  /**\n   * Toast title\n   */\n  @Prop() toastTitle?: string;\n\n  /**\n   * Autoclose title after delay\n   */\n  @Prop() autoCloseDelay = 5000;\n\n  /**\n   * Autoclose behavior\n   */\n  @Prop() autoClose = true;\n\n  /**\n   * Icon of toast\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Icon color of toast\n   */\n  @Prop() iconColor?: string;\n\n  /**\n   * Toast closed\n   */\n  @Event() closeToast!: EventEmitter;\n\n  @State() progress = 0;\n  @State() touched = false;\n\n  @Element() hostElement!: HTMLIxToastElement;\n\n  private getIcon() {\n    if (this.icon) {\n      return (\n        <ix-icon\n          data-testid=\"toast-icon\"\n          name={this.icon}\n          color={this.iconColor}\n          size=\"24\"\n        />\n      );\n    }\n\n    switch (this.type) {\n      case 'info':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconInfo}\n            size=\"24\"\n            color=\"color-std-text\"\n          />\n        );\n\n      case 'error':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconError}\n            size=\"24\"\n            color=\"color-alarm\"\n          />\n        );\n\n      case 'success':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconSuccess}\n            size=\"24\"\n            color=\"color-success\"\n          />\n        );\n\n      case 'warning':\n        return (\n          <ix-icon\n            data-testid=\"toast-icon\"\n            name={iconWarning}\n            size=\"24\"\n            color=\"color-warning\"\n          />\n        );\n\n      default:\n        return '';\n    }\n  }\n\n  private close() {\n    if (this.hostElement) {\n      this.hostElement.classList.add('animate__fadeOut');\n    }\n    setTimeout(() => {\n      this.closeToast.emit();\n    }, 250);\n  }\n\n  render() {\n    let progressBarStyle: Record<string, string> = {};\n\n    const progressBarClass = ['toast-progress-bar'];\n\n    progressBarStyle = {\n      animationDuration: `${this.autoCloseDelay}ms`,\n      animationPlayState: this.touched ? 'paused' : 'running',\n    };\n\n    progressBarClass.push('toast-progress-bar--animated');\n\n    return (\n      <Host class=\"animate__animated animate__fadeIn\">\n        <div\n          class=\"toast-body\"\n          onPointerLeave={() => {\n            this.touched = false;\n          }}\n          onPointerEnter={() => {\n            this.touched = true;\n          }}\n        >\n          {this.type || this.icon ? (\n            <div class=\"toast-icon\">{this.getIcon()}</div>\n          ) : null}\n          <div class=\"toast-content\">\n            {this.toastTitle ? (\n              <div class=\"toast-title\">{this.toastTitle}</div>\n            ) : null}\n            <div class=\"toast-message\">\n              <slot></slot>\n            </div>\n            <div class=\"toast-action\">\n              <slot name=\"action\"></slot>\n            </div>\n          </div>\n          <div class=\"toast-close\">\n            <ix-icon-button\n              icon={iconClose}\n              size=\"24\"\n              ghost\n              onClick={() => this.closeToast.emit()}\n            />\n          </div>\n        </div>\n        {this.autoClose ? (\n          <div\n            class={progressBarClass.join(' ')}\n            style={progressBarStyle}\n            onAnimationEnd={() => {\n              this.close();\n            }}\n            onTransitionEnd={() => {\n              if (this.progress === 0) {\n                this.close();\n              }\n            }}\n          ></div>\n        ) : null}\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,QAAQ,GAAG,ugFAAugF;;MCiC3gF,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAME;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAc,MAAM;AAOhC;;AAEG;AACK,QAAA,IAAc,CAAA,cAAA,GAAG,IAAI;AAE7B;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAG,IAAI;AAiBf,QAAA,IAAQ,CAAA,QAAA,GAAG,CAAC;AACZ,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAsIzB;IAlIS,OAAO,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,QACE,8BACc,YAAY,EACxB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,IAAI,EAAC,IAAI,EACT,CAAA;;AAIN,QAAA,QAAQ,IAAI,CAAC,IAAI;AACf,YAAA,KAAK,MAAM;gBACT,QACE,CACc,CAAA,SAAA,EAAA,EAAA,aAAA,EAAA,YAAY,EACxB,IAAI,EAAE,QAAQ,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,gBAAgB,EAAA,CACtB;AAGN,YAAA,KAAK,OAAO;gBACV,QACE,CACc,CAAA,SAAA,EAAA,EAAA,aAAA,EAAA,YAAY,EACxB,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,aAAa,EAAA,CACnB;AAGN,YAAA,KAAK,SAAS;gBACZ,QACE,CACc,CAAA,SAAA,EAAA,EAAA,aAAA,EAAA,YAAY,EACxB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,eAAe,EAAA,CACrB;AAGN,YAAA,KAAK,SAAS;gBACZ,QACE,CACc,CAAA,SAAA,EAAA,EAAA,aAAA,EAAA,YAAY,EACxB,IAAI,EAAE,WAAW,EACjB,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,eAAe,EAAA,CACrB;AAGN,YAAA;AACE,gBAAA,OAAO,EAAE;;;IAIP,KAAK,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC;;QAEpD,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;SACvB,EAAE,GAAG,CAAC;;IAGT,MAAM,GAAA;QACJ,IAAI,gBAAgB,GAA2B,EAAE;AAEjD,QAAA,MAAM,gBAAgB,GAAG,CAAC,oBAAoB,CAAC;AAE/C,QAAA,gBAAgB,GAAG;AACjB,YAAA,iBAAiB,EAAE,CAAA,EAAG,IAAI,CAAC,cAAc,CAAI,EAAA,CAAA;YAC7C,kBAAkB,EAAE,IAAI,CAAC,OAAO,GAAG,QAAQ,GAAG,SAAS;SACxD;AAED,QAAA,gBAAgB,CAAC,IAAI,CAAC,8BAA8B,CAAC;AAErD,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mCAAmC,EAAA,EAC7C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,YAAY,EAClB,cAAc,EAAE,MAAK;AACnB,gBAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,aAAC,EACD,cAAc,EAAE,MAAK;AACnB,gBAAA,IAAI,CAAC,OAAO,GAAG,IAAI;aACpB,EAAA,EAEA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,IACrB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EAAE,IAAI,CAAC,OAAO,EAAE,CAAO,IAC5C,IAAI,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACvB,IAAI,CAAC,UAAU,IACd,WAAK,KAAK,EAAC,aAAa,EAAE,EAAA,IAAI,CAAC,UAAU,CAAO,IAC9C,IAAI,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CACE,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,SAAS,EACf,IAAI,EAAC,IAAI,EACT,KAAK,EACL,IAAA,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EACrC,CAAA,CACE,CACF,EACL,IAAI,CAAC,SAAS,IACb,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,CAAC,EACjC,KAAK,EAAE,gBAAgB,EACvB,cAAc,EAAE,MAAK;gBACnB,IAAI,CAAC,KAAK,EAAE;AACd,aAAC,EACD,eAAe,EAAE,MAAK;AACpB,gBAAA,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,EAAE;oBACvB,IAAI,CAAC,KAAK,EAAE;;aAEf,EAAA,CACI,IACL,IAAI,CACH;;;;;;;;"}

package/dist/siemens-ix/ix-toggle-button.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ix-toggle-button.entry.esm.js","sources":["src/components/toggle-button/toggle-button.scss?tag=ix-toggle-button&encapsulation=shadow","src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/components/buttons';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  width: auto;\n  height: $x-large-space;\n  vertical-align: middle;\n\n  .btn {\n    width: 100%;\n    height: 100%;\n  }\n\n  /**\n  * Overwrite the default button styles because toggle button looks different as primary variant\n  */\n  .btn.selected.btn-primary {\n    background: var(--theme-color-dynamic);\n    color: var(--theme-color-primary--contrast);\n  }\n\n  .btn.selected.btn-primary:hover {\n    background: var(--theme-color-dynamic--hover);\n    color: var(--theme-color-primary--contrast);\n  }\n\n  .btn.selected.btn-primary:active {\n    background: var(--theme-color-dynamic--active);\n    color: var(--theme-color-primary--contrast);\n  }\n\n  button:not(:disabled) {\n    cursor: pointer;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { a11yBoolean } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-toggle-button',\n  shadow: true,\n  styleUrl: './toggle-button.scss',\n})\nexport class ToggleButton {\n  /**\n   * Button variant.\n   * Important: Variant 'primary' can only be combined with either outline or ghost.\n   */\n  @Prop() variant: ButtonVariant = 'secondary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Disable the button\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Loading button\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Icon name\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Show button as pressed\n   */\n  @Prop() pressed = false;\n\n  /**\n   * Pressed change event\n   */\n  @Event() pressedChange!: EventEmitter<boolean>;\n\n  private isIllegalToggleButtonConfig() {\n    return this.variant === 'primary' && (this.outline || this.ghost);\n  }\n\n  private logIllegalConfig() {\n    console.warn(\n      'iX toggle button with illegal configuration detected. Variant \"primary\" can only be combined with \"outline\" or \"ghost\".'\n    );\n  }\n\n  @Watch('variant')\n  onVariantChange() {\n    if (this.isIllegalToggleButtonConfig()) {\n      this.logIllegalConfig();\n    }\n  }\n\n  @Watch('ghost')\n  onGhostChange() {\n    this.onVariantChange();\n  }\n\n  @Watch('outline')\n  onOutlineChange() {\n    this.onVariantChange();\n  }\n\n  componentDidLoad() {\n    this.onVariantChange();\n  }\n\n  private dispatchPressedChange() {\n    this.pressedChange.emit(!this.pressed);\n  }\n\n  render() {\n    const baseButtonProps: BaseButtonProps = {\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      iconOnly: false,\n      iconOval: false,\n      selected: this.pressed,\n      disabled: this.disabled || this.loading,\n      icon: this.icon,\n      loading: this.loading,\n      onClick: () => this.dispatchPressedChange(),\n      type: 'button',\n      ariaAttributes: {\n        'aria-pressed': a11yBoolean(this.pressed),\n      },\n    };\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled || this.loading,\n        }}\n      >\n        <BaseButton {...baseButtonProps}>\n          <slot></slot>\n        </BaseButton>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,gybAAgyb;;MC2B3yb,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAME;;;AAGG;AACK,QAAA,IAAO,CAAA,OAAA,GAAkB,WAAW;AAE5C;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAEvB;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAErB;;AAEG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEzC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAOhC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAwExB;IAjES,2BAA2B,GAAA;AACjC,QAAA,OAAO,IAAI,CAAC,OAAO,KAAK,SAAS,KAAK,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC;;IAG3D,gBAAgB,GAAA;AACtB,QAAA,OAAO,CAAC,IAAI,CACV,yHAAyH,CAC1H;;IAIH,eAAe,GAAA;AACb,QAAA,IAAI,IAAI,CAAC,2BAA2B,EAAE,EAAE;YACtC,IAAI,CAAC,gBAAgB,EAAE;;;IAK3B,aAAa,GAAA;QACX,IAAI,CAAC,eAAe,EAAE;;IAIxB,eAAe,GAAA;QACb,IAAI,CAAC,eAAe,EAAE;;IAGxB,gBAAgB,GAAA;QACd,IAAI,CAAC,eAAe,EAAE;;IAGhB,qBAAqB,GAAA;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;;IAGxC,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAoB;YACvC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,IAAI,CAAC,OAAO;AACtB,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YACvC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,qBAAqB,EAAE;AAC3C,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,cAAc,EAAE;AACd,gBAAA,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC;AAC1C,aAAA;SACF;QAED,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;AACxC,aAAA,EAAA,EAED,CAAC,CAAA,UAAU,qEAAK,eAAe,CAAA,EAC7B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF,CACR;;;;;;;;;;;;"}
+{"version":3,"file":"ix-toggle-button.entry.esm.js","sources":["src/components/toggle-button/toggle-button.scss?tag=ix-toggle-button&encapsulation=shadow","src/components/toggle-button/toggle-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'legacy/components/buttons';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  width: auto;\n  height: $x-large-space;\n  vertical-align: middle;\n\n  .btn {\n    width: 100%;\n    height: 100%;\n  }\n\n  /**\n  * Overwrite the default button styles because toggle button looks different as primary variant\n  */\n  .btn.selected.btn-primary {\n    background: var(--theme-color-dynamic);\n    color: var(--theme-color-primary--contrast);\n  }\n\n  .btn.selected.btn-primary:hover {\n    background: var(--theme-color-dynamic--hover);\n    color: var(--theme-color-primary--contrast);\n  }\n\n  .btn.selected.btn-primary:active {\n    background: var(--theme-color-dynamic--active);\n    color: var(--theme-color-primary--contrast);\n  }\n\n  button:not(:disabled) {\n    cursor: pointer;\n  }\n}\n\n:host(.disabled) {\n  pointer-events: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { a11yBoolean } from '../utils/a11y';\n\n@Component({\n  tag: 'ix-toggle-button',\n  shadow: true,\n  styleUrl: './toggle-button.scss',\n})\nexport class ToggleButton {\n  /**\n   * Button variant.\n   */\n  @Prop() variant: ButtonVariant = 'secondary';\n\n  /**\n   * Outline button\n   */\n  @Prop() outline = false;\n\n  /**\n   * Button with no background or outline\n   */\n  @Prop() ghost = false;\n\n  /**\n   * Disable the button\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Loading button\n   */\n  @Prop() loading: boolean = false;\n\n  /**\n   * Icon name\n   */\n  @Prop() icon?: string;\n\n  /**\n   * Show button as pressed\n   */\n  @Prop() pressed = false;\n\n  /**\n   * Pressed change event\n   */\n  @Event() pressedChange!: EventEmitter<boolean>;\n\n  private dispatchPressedChange() {\n    this.pressedChange.emit(!this.pressed);\n  }\n\n  render() {\n    const baseButtonProps: BaseButtonProps = {\n      variant: this.variant,\n      outline: this.outline,\n      ghost: this.ghost,\n      iconOnly: false,\n      iconOval: false,\n      selected: this.pressed,\n      disabled: this.disabled || this.loading,\n      icon: this.icon,\n      loading: this.loading,\n      onClick: () => this.dispatchPressedChange(),\n      type: 'button',\n      ariaAttributes: {\n        'aria-pressed': a11yBoolean(this.pressed),\n      },\n    };\n\n    return (\n      <Host\n        class={{\n          disabled: this.disabled || this.loading,\n        }}\n      >\n        <BaseButton {...baseButtonProps}>\n          <slot></slot>\n        </BaseButton>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,eAAe,GAAG,gybAAgyb;;MCmB3yb,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAME;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAkB,WAAW;AAE5C;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAEvB;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAAG,KAAK;AAErB;;AAEG;AACsB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAEzC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AAOhC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAyCxB;IAlCS,qBAAqB,GAAA;QAC3B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;;IAGxC,MAAM,GAAA;AACJ,QAAA,MAAM,eAAe,GAAoB;YACvC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;AACjB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,IAAI,CAAC,OAAO;AACtB,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YACvC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,qBAAqB,EAAE;AAC3C,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,cAAc,EAAE;AACd,gBAAA,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC;AAC1C,aAAA;SACF;QAED,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;AACxC,aAAA,EAAA,EAED,CAAC,CAAA,UAAU,qEAAK,eAAe,CAAA,EAC7B,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF,CACR;;;;;;;"}

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@import 'common-variables';\n@import '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  @include ix-component;\n  display: inline-block;\n  position: relative;\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 $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: $default-space;\n      width: 100%;\n      padding: 0 $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 $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    const selectedStyle = this.selected ? '--selected' : '';\n\n    if (this.status === 'open') {\n      this.iconName = this.selected ? iconCircleDot : iconCircle;\n      this.iconColor = `workflow-step-icon-default--color${selectedStyle}`;\n    }\n\n    if (this.status === 'done' && !this.disabled) {\n      this.iconColor = `workflow-step-icon-done--color${selectedStyle}`;\n    }\n  }\n\n  @Watch('disabled')\n  @Watch('status')\n  watchPropHandler() {\n    switch (this.status) {\n      case 'open':\n        this.iconName = iconCircle;\n        this.iconColor = 'workflow-step-icon-default--color';\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';\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\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  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        ></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@import 'common-variables';\n@import '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  @include ix-component;\n  display: inline-block;\n  position: relative;\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 $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: $default-space;\n      width: 100%;\n      padding: 0 $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 $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":";;;AAAA,MAAM,eAAe,GAAG,6/GAA6/G;;MCoCxgH,YAAY,GAAA,MAAA;AALzB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAQE;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjC;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAsD,MAAM;AAE1E;;AAEG;AACK,QAAA,IAAS,CAAA,SAAA,GAAY,KAAK;AAElC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjC;;;;AAIG;AACK,QAAA,IAAQ,CAAA,QAAA,GAA8C,WAAW;AAIhE,QAAA,IAAS,CAAA,SAAA,GAAW,mCAAmC;AAOxD,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AA2IxC;IAxIC,eAAe,GAAA;QACb,IAAI,CAAC,qBAAqB,EAAE;;IAK9B,gBAAgB,GAAA;QACd,IAAI,CAAC,qBAAqB,EAAE;;IAG9B,qBAAqB,GAAA;AACnB,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,YAAY,GAAG,EAAE;AACvD,QAAA,QAAQ,IAAI,CAAC,MAAM;AACjB,YAAA,KAAK,MAAM;AACT,gBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,GAAG,aAAa,GAAG,UAAU;AAC1D,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAoC,iCAAA,EAAA,aAAa,EAAE;gBACpE;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,QAAQ,GAAG,WAAW;AAC3B,gBAAA,IAAI,CAAC,SAAS,GAAG,eAAe;gBAChC;AACF,YAAA,KAAK,MAAM;AACT,gBAAA,IAAI,CAAC,QAAQ,GAAG,gBAAgB;AAChC,gBAAA,IAAI,CAAC,SAAS,GAAG,CAAiC,8BAAA,EAAA,aAAa,EAAE;gBACjE;AACF,YAAA,KAAK,SAAS;AACZ,gBAAA,IAAI,CAAC,QAAQ,GAAG,WAAW;AAC3B,gBAAA,IAAI,CAAC,SAAS,GAAG,eAAe;gBAChC;AACF,YAAA,KAAK,OAAO;AACV,gBAAA,IAAI,CAAC,QAAQ,GAAG,SAAS;AACzB,gBAAA,IAAI,CAAC,SAAS,GAAG,aAAa;gBAC9B;AACF,YAAA;AACE,gBAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;gBAC1B;;AAGJ,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,GAAG,6CAA6C;;;IAIlE,iBAAiB,GAAA;QACf,IAAI,CAAC,gBAAgB,EAAE;QACvB,IAAI,CAAC,eAAe,EAAE;AAEtB,QAAA,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CACpD,sBAAsB,CACvB;;IAGH,WAAW,GAAA;QACT,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,SAAS,EAAE;YACpC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;;IAI/C,gBAAgB,GAAA;AACd,QAAA,QAAQ,IAAI,CAAC,QAAQ;AACnB,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,QAAQ;AACjB,YAAA,KAAK,aAAa;AAChB,gBAAA,OAAO,YAAY;AACrB,YAAA,KAAK,gBAAgB;AACnB,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,OAAO;AAChB,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,kBAAkB;AACrB,gBAAA,OAAO,SAAS;AAClB,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,SAAS;AAClB,YAAA;AACE,gBAAA,OAAO,MAAM;;;IAInB,MAAM,GAAA;AACJ,QAAA,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,cAAc,IAChC,CAAA,CAAC,QAAQ,EAAA,IAAA,EACP,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAC,SAAS,EACf,IAAI,EACF,IAAI,CAAC,MAAM,KAAK,SAAS,GAAG,kBAAkB,GAAG,gBAAgB,EAEnE,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,IAAI,EACA,CAAA,EACX,CAAA,CAAA,SAAA,EAAA,EACE,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,IAAI,EAAE,IAAI,CAAC,QAAQ,EACnB,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,IAAI,EACG,YAAA,EAAA,IAAI,CAAC,gBAAgB,EAAE,EAC1B,CAAA,CACF,IACT,IAAI;QAER,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,QAAQ,EAAE,EACzC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAA,EAEjC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,SAAS,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,QAAQ;aAC5C,EAAA,EAED,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,SAAS,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,gBAAA,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI;AACnB,gBAAA,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI;AACtB,aAAA,EACI,CAAA,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACrB,KAAK,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,aAAa,EAAA,CAAQ,CAC5B,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACF,CACD;;;;;;;;;;;;;"}

package/dist/siemens-ix/loader.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"loader.esm.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}
+{"version":3,"file":"loader.esm.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":[],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;"}

package/dist/siemens-ix/{p-6549edf0.entry.js → p-004329be.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c,h as o,F as r,H as h,a as d}from"./p-DJsXFBNm.js";import{a as t}from"./p-Bb7pDeaQ.js";import{H as b}from"./p-CFsAnuUU.js";import{m as n}from"./p-bcj7UEIC.js";const a=":host{--ix-checkbox-check-color:var(--theme-color-primary--contrast);display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;margin-right:0.5rem}:host button:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}:host input[type=checkbox]{display:none}:host label{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}:host ix-typography{margin-top:0.125rem}:host button{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.checked) button,:host(.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.checked:hover) button,:host(.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.checked:active) button,:host(.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host(.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-info) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--info\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--info--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--info--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--info\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--info--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--info--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--info\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--info--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--info--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--info\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--info--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--info--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--info\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--info--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--info--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--info\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--info--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--info--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-warning) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--warning\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--warning--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--warning--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--warning\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--warning--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--warning--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--warning\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--warning--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--warning--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--warning\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--warning--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--warning--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--warning\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--warning--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--warning--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--warning\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--warning--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--warning--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid--required) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--invalid\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--invalid--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--invalid--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--invalid\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--invalid--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--invalid--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--invalid\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--invalid--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--invalid--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--invalid\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--invalid--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--invalid--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--invalid\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--invalid--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--invalid--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--invalid\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--invalid--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--invalid--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--invalid\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--invalid--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--invalid--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--invalid\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--invalid--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--invalid--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--invalid\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--invalid--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--invalid--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--invalid\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--invalid--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--invalid--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--invalid\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--invalid--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--invalid--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--invalid\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--invalid--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--invalid--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.disabled){pointer-events:none}:host(.disabled) button,:host(.disabled) label,:host(.disabled) input{pointer-events:none}";var k=undefined&&undefined.__decorate||function(e,c,o,r){var h=arguments.length,d=h<3?c:r===null?r=Object.getOwnPropertyDescriptor(c,o):r,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")d=Reflect.decorate(e,c,o,r);else for(var b=e.length-1;b>=0;b--)if(t=e[b])d=(h<3?t(d):h>3?t(c,o,d):t(c,o))||d;return h>3&&d&&Object.defineProperty(c,o,d),d};const i=class{constructor(o){e(this,o);this.checkedChange=c(this,"checkedChange",7);this.valueChange=c(this,"valueChange",7);this.ixBlur=c(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.value="on";this.checked=false;this.disabled=false;this.indeterminate=false;this.required=false;this.touched=false;this.inputRef=n((e=>{e.checked=this.checked}))}setCheckedState(e){this.checked=e;this.checkedChange.emit(this.checked)}onCheckedChange(){this.touched=true;this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){var e;if(this.checked){this.formInternals.setFormValue((e=this.value)!==null&&e!==void 0?e:"on")}else{this.formInternals.setFormValue(null)}}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}renderCheckmark(){return o("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},this.indeterminate&&o(r,null,o("rect",{width:"18",height:"18",fill:"transparent"}),o("rect",{x:"3",y:"8",width:"12",height:"2",fill:"var(--ix-checkbox-check-color)"})),this.checked&&o("path",{d:"M3.65625 8.15625L8.4375 12.9375L14.625 3.9375",stroke:"var(--ix-checkbox-check-color)","stroke-width":"2"}))}render(){return o(h,{key:"edd3e1db46df2972d32c7163e9ec8cea31ab1442","aria-checked":t(this.checked),"aria-disabled":t(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate},onFocus:()=>this.touched=true,onBlur:()=>this.ixBlur.emit()},o("label",{key:"4613265c56703e7492610ec4628292acaa1d687a"},o("input",{key:"7aa0618e7587d985033ff91aa12830a068d87bc5","aria-checked":t(this.checked),required:this.required,disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),o("button",{key:"77ef1f2cd6ca06a41e19553eeb74a5c016dee5db",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark()),o("ix-typography",{key:"951668fe3462fcf3b739b74f8329259a245165f3",format:"label",textColor:this.disabled?"weak":"std"},this.label,o("slot",{key:"7ecee7334a8b9fa3d37a2f7bf166caf793fe6ccb"}))))}static get formAssociated(){return true}get hostElement(){return d(this)}static get watchers(){return{checked:["onCheckedChange"],value:["onValueChange"]}}};k([b()],i.prototype,"updateClassMappings",null);i.style=a;export{i as ix_checkbox};
-//# sourceMappingURL=p-6549edf0.entry.js.map
+import{r as e,c,h as o,F as r,H as h,g as d}from"./p-DUcGWByh.js";import{a as t}from"./p-Bb7pDeaQ.js";import{H as b}from"./p-KOszTQAT.js";import{m as n}from"./p-bcj7UEIC.js";const a=":host{--ix-checkbox-check-color:var(--theme-color-primary--contrast);display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;margin-right:0.5rem}:host button:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}:host input[type=checkbox]{display:none}:host label{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%}:host ix-typography{margin-top:0.125rem}:host button{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.checked) button,:host(.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.checked:hover) button,:host(.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.checked:active) button,:host(.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host(.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-info) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--info\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--info--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--info--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--info\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--info--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--info--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--info\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--info--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--info--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--info\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--info--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--info--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--info\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--info--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--info--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--info\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--info--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--info--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-warning) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--warning\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--warning--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--warning--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--warning\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--warning--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--warning--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--warning\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--warning--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--warning--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--warning\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--warning--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--warning--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--warning\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--warning--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--warning--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--warning\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--warning--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--warning--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid--required) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--invalid\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--invalid--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--invalid--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--invalid\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--invalid--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--invalid--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--invalid\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--invalid--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--invalid--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--invalid\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--invalid--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--invalid--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--invalid\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--invalid--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--invalid--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--invalid\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--invalid--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--invalid--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid) button{--theme-checkbox-unchecked--background:var(\n    --theme-checkbox-unchecked--background--invalid\n  );--theme-checkbox-unchecked--background--hover:var(\n    --theme-checkbox-unchecked--background--invalid--hover\n  );--theme-checkbox-unchecked--background--active:var(\n    --theme-checkbox-unchecked--background--invalid--active\n  );--theme-checkbox-unchecked--border-color:var(\n    --theme-checkbox-unchecked--border-color--invalid\n  );--theme-checkbox-unchecked--border-color--hover:var(\n    --theme-checkbox-unchecked--border-color--invalid--hover\n  );--theme-checkbox-unchecked--border-color--active:var(\n    --theme-checkbox-unchecked--border-color--invalid--active\n  );--theme-checkbox-checked--background:var(\n    --theme-checkbox-checked--background--invalid\n  );--theme-checkbox-checked--background--hover:var(\n    --theme-checkbox-checked--background--invalid--hover\n  );--theme-checkbox-checked--background--active:var(\n    --theme-checkbox-checked--background--invalid--active\n  );--theme-checkbox-checked--border-color:var(\n    --theme-checkbox-checked--border-color--invalid\n  );--theme-checkbox-checked--border-color--hover:var(\n    --theme-checkbox-checked--border-color--invalid--hover\n  );--theme-checkbox-checked--border-color--active:var(\n    --theme-checkbox-checked--border-color--invalid--active\n  );--theme-checkbox-mixed--background:var(\n    --theme-checkbox-mixed--background--invalid\n  );--theme-checkbox-mixed--background--hover:var(\n    --theme-checkbox-mixed--background--invalid--hover\n  );--theme-checkbox-mixed--background--active:var(\n    --theme-checkbox-mixed--background--invalid--active\n  );--theme-checkbox-mixed--border-color:var(\n    --theme-checkbox-mixed--border-color--invalid\n  );--theme-checkbox-mixed--border-color--hover:var(\n    --theme-checkbox-mixed--border-color--invalid--hover\n  );--theme-checkbox-mixed--border-color--active:var(\n    --theme-checkbox-mixed--border-color--invalid--active\n  );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.disabled){pointer-events:none}:host(.disabled) button,:host(.disabled) label,:host(.disabled) input{pointer-events:none}";var k=undefined&&undefined.__decorate||function(e,c,o,r){var h=arguments.length,d=h<3?c:r===null?r=Object.getOwnPropertyDescriptor(c,o):r,t;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")d=Reflect.decorate(e,c,o,r);else for(var b=e.length-1;b>=0;b--)if(t=e[b])d=(h<3?t(d):h>3?t(c,o,d):t(c,o))||d;return h>3&&d&&Object.defineProperty(c,o,d),d};const i=class{constructor(o){e(this,o);this.checkedChange=c(this,"checkedChange",7);this.valueChange=c(this,"valueChange",7);this.ixBlur=c(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.value="on";this.checked=false;this.disabled=false;this.indeterminate=false;this.required=false;this.touched=false;this.inputRef=n((e=>{e.checked=this.checked}))}setCheckedState(e){this.checked=e;this.checkedChange.emit(this.checked)}onCheckedChange(){this.touched=true;this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){var e;if(this.checked){this.formInternals.setFormValue((e=this.value)!==null&&e!==void 0?e:"on")}else{this.formInternals.setFormValue(null)}}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}renderCheckmark(){return o("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},this.indeterminate&&o(r,null,o("rect",{width:"18",height:"18",fill:"transparent"}),o("rect",{x:"3",y:"8",width:"12",height:"2",fill:"var(--ix-checkbox-check-color)"})),this.checked&&o("path",{d:"M3.65625 8.15625L8.4375 12.9375L14.625 3.9375",stroke:"var(--ix-checkbox-check-color)","stroke-width":"2"}))}render(){return o(h,{key:"edd3e1db46df2972d32c7163e9ec8cea31ab1442","aria-checked":t(this.checked),"aria-disabled":t(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate},onFocus:()=>this.touched=true,onBlur:()=>this.ixBlur.emit()},o("label",{key:"4613265c56703e7492610ec4628292acaa1d687a"},o("input",{key:"7aa0618e7587d985033ff91aa12830a068d87bc5","aria-checked":t(this.checked),required:this.required,disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),o("button",{key:"77ef1f2cd6ca06a41e19553eeb74a5c016dee5db",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark()),o("ix-typography",{key:"951668fe3462fcf3b739b74f8329259a245165f3",format:"label",textColor:this.disabled?"weak":"std"},this.label,o("slot",{key:"7ecee7334a8b9fa3d37a2f7bf166caf793fe6ccb"}))))}static get formAssociated(){return true}get hostElement(){return d(this)}static get watchers(){return{checked:["onCheckedChange"],value:["onValueChange"]}}};k([b()],i.prototype,"updateClassMappings",null);i.style=a;export{i as ix_checkbox};
+//# sourceMappingURL=p-004329be.entry.js.map

package/dist/siemens-ix/{p-173dfb9e.entry.js → p-0665081e.entry.js}

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

package/dist/siemens-ix/{p-d0c1473e.entry.js → p-0bfb601e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as r,a as n}from"./p-DJsXFBNm.js";import{D as i}from"./p-bDicGJUN.js";import{O as a}from"./p-CpY7qbN7.js";const l='input{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;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)}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{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;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)}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]){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{border-color:var(--theme-input--border-color--warning--active) !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{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:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .ix-form-control,:host .ix-form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}:host .ix-form-control::-moz-placeholder,:host .ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control::placeholder,:host .ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:focus-visible{color:var(--theme-input--color)}:host .ix-form-control[type=number]{text-align:right}:host .ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .ix-form-control.readonly,:host .ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}:host .ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only,:host .ix-form-control[readonly],:host .ix-form-control[readOnly],:host .ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only::-moz-placeholder,:host .ix-form-control[readonly]::-moz-placeholder,:host .ix-form-control[readOnly]::-moz-placeholder,:host .ix-form-control.readonly::-moz-placeholder{color:transparent}:host .ix-form-control:-moz-read-only::placeholder{color:transparent}:host .ix-form-control:read-only::placeholder,:host .ix-form-control[readonly]::placeholder,:host .ix-form-control[readOnly]::placeholder,:host .ix-form-control.readonly::placeholder{color:transparent}:host .ix-form-control:disabled,:host .ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}:host .ix-form-control:disabled::-moz-placeholder,:host .ix-form-control.disabled::-moz-placeholder{color:transparent}:host .ix-form-control:disabled::placeholder,:host .ix-form-control.disabled::placeholder{color:transparent}:host .ix-form-control-plaintext{outline:0}:host .form-group{position:relative}:host .input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}:host .input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}:host .input-wrapper>input{padding-inline-start:2.2rem}:host select.ix-form-control{padding:0 0.312rem}:host textarea.ix-form-control{padding:0.375rem 0.5rem}:host input.ix-form-control.disabled,:host input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}:host input.ix-form-control:-moz-read-only{cursor:default}:host input.ix-form-control:read-only,:host input.ix-form-control.readonly{cursor:default}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2.5rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-top:1px}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-seperator{display:flex;align-items:center;margin:0 0.125rem;min-height:100%;margin-top:3.25rem}:host .clock .element-list{list-style-type:none;overflow:auto;max-height:15.375rem;padding-top:0.125rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{width:2.375rem;height:2.375rem;margin:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-list-padding{width:2.5rem;height:12.563rem;min-height:12.563rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .footer .time-ref-buttons--datetime-picker-appearance{margin-left:auto}:host .footer .time-ref-buttons button{all:unset;width:2.625rem;height:1.875rem;text-align:center;border:1px solid var(--theme-color-primary);color:var(--theme-color-primary);background-color:var(--theme-color-secondary);font-weight:700}:host .footer .time-ref-buttons button:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .footer .time-ref-buttons button:hover{cursor:pointer;background-color:var(--theme-color-secondary-hover);border-color:var(--theme-btn-primary--background--hover)}:host .footer .time-ref-buttons button.selected{color:var(--theme-color-secondary);background-color:var(--theme-btn-primary--background)}:host .footer .time-ref-buttons button.selected:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--background--hover)}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}:host .hidden{display:none}:host .time-reference{margin-top:0.5rem;margin-bottom:0.5rem}';var s=undefined&&undefined.__decorate||function(t,e,o,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,o):r,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)if(a=t[l])i=(n<3?a(i):n>3?a(e,o,i):a(e,o))||i;return n>3&&i&&Object.defineProperty(e,o,i),i};const d={hours:/\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,minutes:/\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,seconds:/\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,milliseconds:/\bS\b|SSS|u|uu|uuu/};const h=1;const c=1;const m=1;const b=100;const u="Confirm";const p="Time";const f={hour:"",minute:"",second:"",millisecond:""};const v=class{constructor(o){t(this,o);this.timeSelect=e(this,"timeSelect",7);this.timeChange=e(this,"timeChange",7);this.format="TT";this.corners="rounded";this.standaloneAppearance=true;this.dateTimePickerAppearance=false;this.showHour=true;this.showMinutes=true;this.showSeconds=true;this.hideHeader=false;this.hourInterval=h;this.minuteInterval=c;this.secondInterval=m;this.millisecondInterval=b;this.time=i.now().toFormat(this.format);this.textSelectTime=u;this.i18nConfirmTime=u;this.textTime=p;this.i18nHeader=p;this.i18nHourColumnHeader="hr";this.i18nMinuteColumnHeader="min";this.i18nSecondColumnHeader="sec";this.i18nMillisecondColumnHeader="ms";this.formattedTime=f;this.timePickerDescriptors=[];this.isUnitFocused=false;this.focusedUnit="hour";this.focusedValue=0;this.focusScrollAlignment="start"}watchFormatIntervalPropHandler(t){if(!t){return}this.initPicker();this.updateScrollPositions()}watchHourIntervalPropHandler(t){if(Number.isInteger(t)&&t>=0&&t<=(this.timeRef?12:23)){this.setTimePickerDescriptors();return}this.printIntervalError("hour",t);this.hourInterval=h}watchMinuteIntervalPropHandler(t){if(t>=0&&t<=59){this.setTimePickerDescriptors();return}this.printIntervalError("minute",t);this.minuteInterval=c}watchSecondIntervalPropHandler(t){if(t>=0&&t<=59){this.setTimePickerDescriptors();return}this.printIntervalError("second",t);this.secondInterval=m}watchMillisecondIntervalPropHandler(t){if(t>=0&&t<=999){this.setTimePickerDescriptors();return}this.printIntervalError("millisecond",t);this.millisecondInterval=b}printIntervalError(t,e){console.error(`Value ${e} is not valid for ${t}-interval. Falling back to default.`)}watchTimePropHandler(t){const e=i.fromFormat(t,this.format);if(!e.isValid){throw new Error("Format is not supported or not correct")}this._time=e}async getCurrentTime(){var t;return(t=this._time)===null||t===void 0?void 0:t.toFormat(this.format)}onTimeChange(){const t=this.formattedTime;this.setTimeRef();this.formattedTime=this.getFormattedTime();this.updateScrollPositions(t)}componentWillLoad(){this.initPicker()}initPicker(){this._time=i.fromFormat(this.time,this.format);if(!this._time.isValid){console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);this._time=i.now()}this.setTimeRef();this.setTimePickerDescriptors();this.setInitialFocusedValueAndUnit();this.watchHourIntervalPropHandler(this.hourInterval);this.watchMinuteIntervalPropHandler(this.minuteInterval);this.watchSecondIntervalPropHandler(this.secondInterval);this.watchMillisecondIntervalPropHandler(this.millisecondInterval)}componentDidLoad(){this.updateScrollPositions();this.setupVisibilityObserver()}componentDidRender(){if(this.isUnitFocused){const t=this.getElementContainer(this.focusedUnit,this.focusedValue);const e=this.getElementList(this.focusedUnit);if(t){t.focus({preventScroll:true});if(!this.isElementVisible(t,e)){t.scrollIntoView({block:this.focusScrollAlignment});if(this.focusScrollAlignment==="end"){e.scrollTop+=4}else{e.scrollTop-=4}}}}}disconnectedCallback(){if(this.visibilityObserver){this.visibilityObserver.disconnect()}}handleKeyDown(t){if(!this.isUnitFocused){return}let e=this.focusedValue;let o=true;let r;switch(this.focusedUnit){case"hour":r=this.hourInterval;break;case"minute":r=this.minuteInterval;break;case"second":r=this.secondInterval;break;case"millisecond":r=this.millisecondInterval;break}switch(t.key){case"Tab":o=false;this.setInitialFocusedValueAndUnit();break;case"ArrowUp":e-=r;this.focusScrollAlignment="start";this.updateFocusedValue(e);break;case"ArrowDown":e+=r;this.focusScrollAlignment="end";this.updateFocusedValue(e);break;case"ArrowLeft":this.moveFocusToAdjacentUnit(-1);break;case"ArrowRight":this.moveFocusToAdjacentUnit(1);break;case"Enter":case" ":this.select(this.focusedUnit,this.focusedValue);break;default:return}if(o){t.preventDefault()}}onUnitCellBlur(){this.isUnitFocused=false}onUnitCellFocus(){this.isUnitFocused=true}getElementList(t){var e;return(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.querySelector(`[data-element-list-id="${t}"]`)}getElementContainer(t,e){var o;return(o=this.hostElement.shadowRoot)===null||o===void 0?void 0:o.querySelector(`[data-element-container-id="${t}-${e}"]`)}isElementVisible(t,e){const o=t.getBoundingClientRect();const r=e.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}updateFocusedValue(t){const e=this.getNumberArrayForUnit(this.focusedUnit);const o=e[e.length-1];const r=e[0];if(t>o){t=r;this.focusScrollAlignment="start"}else if(t<r){t=o;this.focusScrollAlignment="end"}this.focusedValue=t}moveFocusToAdjacentUnit(t){const e=this.timePickerDescriptors.findIndex((t=>t.unit===this.focusedUnit));const o=e+t;if(o>=0&&o<this.timePickerDescriptors.length){const t=this.timePickerDescriptors[o].unit;const e=Number(this.formattedTime[t]);this.focusedUnit=t;this.updateFocusedValue(e)}}setInitialFocusedValueAndUnit(){const t=this.timePickerDescriptors.find((t=>!t.hidden));if(!t){return}const e=Number(this.formattedTime[t.unit]);const o=t.numberArray.includes(e);this.focusedValue=o?e:t.numberArray[0];this.focusedUnit=t.unit}setupVisibilityObserver(){let t=this.hostElement;while(t&&t.tagName!=="IX-DROPDOWN"){t=t.parentElement}if(!t){return}this.visibilityObserver=new MutationObserver((t=>this.mutationObserverCallback(t)));this.visibilityObserver.observe(t,{attributes:true,attributeFilter:["class","style"]})}mutationObserverCallback(t){for(const e of t){if(e.type!=="attributes"){continue}const t=e.target;if(!t.classList.contains("show")){this._time=i.fromFormat(this.time,this.format);this.setInitialFocusedValueAndUnit();continue}const o=this.areElementsRendered();if(!o){continue}this.updateScrollPositions()}}areElementsRendered(){var t;const e=(t=this.hostElement.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(".element-list");if(!e||e.length===0){return false}return Array.from(e).some((t=>t.offsetHeight>0))}getFormattedTime(){if(!this._time){return f}return{hour:this.timeRef!==undefined?this._time.toFormat("h"):this._time.toFormat("H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}}timeUpdate(t,e){var o;let r=i.now().endOf("day").get(t);if(t==="hour"){if(this.timeRef==="PM"){e=e===12?12:e+12}else if(this.timeRef==="AM"){e=e===12?0:e;r=12}}if(e>r){e=r}else if(e<0){e=0}this._time=(o=this._time)===null||o===void 0?void 0:o.set({[t]:e});return e}changeTimeReference(t){if(!this._time){return}if(this.timeRef===t){return}this.timeRef=t;const e=this._time.hour;if(t==="PM"&&e<12){this._time=this._time.plus({hours:12})}else if(t==="AM"&&e>=12){this._time=this._time.minus({hours:12})}this.timeChange.emit(this._time.toFormat(this.format))}isFormat12Hour(t){let e="";let o=false;for(let r=0;r<t.length;r++){const n=t[r];if(n==="'"){o=!o}else if(!o){e+=n}}return/h|a|t/.test(e)}setTimeRef(){const t=this.isFormat12Hour(this.format);if(t&&this._time){this.timeRef=this._time.hour>=12?"PM":"AM"}else{this.timeRef=undefined}}setTimePickerDescriptors(){let t=[];let e=[];let o=[];let r=[];if(this.timeRef!==undefined){t=Array.from({length:Math.ceil(12/this.hourInterval)},((t,e)=>e*this.hourInterval+1)).filter((t=>t<=12))}else{t=Array.from({length:Math.ceil(24/this.hourInterval)},((t,e)=>e*this.hourInterval))}e=Array.from({length:Math.ceil(60/this.minuteInterval)},((t,e)=>e*this.minuteInterval));o=Array.from({length:Math.ceil(60/this.secondInterval)},((t,e)=>e*this.secondInterval));r=Array.from({length:Math.ceil(1e3/this.millisecondInterval)},((t,e)=>e*this.millisecondInterval));this.timePickerDescriptors=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!d.hours.test(this.format)||!this.showHour,numberArray:t},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!d.minutes.test(this.format)||!this.showMinutes,numberArray:e},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!d.seconds.test(this.format)||!this.showSeconds,numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!d.milliseconds.test(this.format),numberArray:r}];this.timePickerDescriptors=this.timePickerDescriptors.filter((t=>!t.hidden))}getNumberArrayForUnit(t){const e=this.timePickerDescriptors.find((e=>e.unit===t));return e?e.numberArray:[]}isSelected(t,e){return this.formattedTime[t]===String(e)}select(t,e){this.formattedTime=Object.assign(Object.assign({},this.formattedTime),{[t]:String(e)});this.timeUpdate(t,e);this.elementListScrollToTop(t,e,"smooth");this.timeChange.emit(this._time.toFormat(this.format))}elementListScrollToTop(t,e,o){const r=this.getElementList(t);const n=this.getElementContainer(t,e);if(r&&n){const t=r.clientHeight;const e=n.clientHeight;let i=15;if(this.hideHeader){i-=74}const a=n.offsetTop-t/2+e/2-i;r.scrollTo({top:a,behavior:o})}}updateScrollPositions(t=undefined){for(const e in this.formattedTime){const o=e;if(!t||this.formattedTime[o]!==t[o]){this.elementListScrollToTop(o,Number(this.formattedTime[o]),"instant")}}}formatUnitValue(t,e){if(t==="millisecond"){return e.toString().padStart(3,"0")}return e<10?`0${e}`:e.toString()}getColumnSeparator(t){if(t+1<this.timePickerDescriptors.length){const e=this.timePickerDescriptors[t+1].unit;return e==="millisecond"?".":":"}return":"}getElementContainerTabIndex(t,e){return t===this.focusedValue&&e===this.focusedUnit?"0":"-1"}getConfirmButtonText(){if(this.i18nConfirmTime!==u){return this.i18nConfirmTime}if(this.textSelectTime!==u){return this.textSelectTime}return this.i18nConfirmTime}getHeaderText(){if(this.i18nHeader!==p){return this.i18nHeader}if(this.textTime!=p){return this.textTime}return this.i18nHeader}render(){return o(r,{key:"d2bbda2ae6d80b7c7124dad326bb0cd4056d8ff0"},o("ix-date-time-card",{key:"ada5e46c86a34888ae7e528ad88b2392cf749537",standaloneAppearance:this.standaloneAppearance,timePickerAppearance:true,corners:this.corners,hasFooter:true,hideHeader:this.hideHeader},o("div",{key:"dfbddd86e4ce4bdfd79ac223cb193d24f1cb6406",class:"header",slot:"header"},o("ix-typography",{key:"a93cd0fbf96b4ae7ff3723784cd735c7ac0b28dd",format:"h5"},this.getHeaderText())),o("div",{key:"dcf216e3b82b8f9d64bd74636e62a4c6e69a2f00",class:"clock"},this.timePickerDescriptors.map(((t,e)=>o("div",{class:"flex"},o("div",{class:{columns:true,hidden:t.hidden}},o("div",{class:"column-header",title:t.header},t.header),o("div",{"data-element-list-id":t.unit,class:"element-list",tabIndex:-1},t.numberArray.map((e=>o("button",{"data-element-container-id":`${t.unit}-${e}`,class:{selected:this.isSelected(t.unit,e),"element-container":true},onClick:()=>this.select(t.unit,e),onFocus:()=>{this.focusedUnit=t.unit;this.focusedValue=e;this.onUnitCellFocus()},onBlur:()=>this.onUnitCellBlur(),tabindex:this.getElementContainerTabIndex(e,t.unit),role:"button","aria-label":`${t.header}: ${e}`},this.formatUnitValue(t.unit,e)))),o("div",{class:"element-list-padding"}))),e!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-seperator":true,hidden:t.hidden}},this.getColumnSeparator(e)))))),o("div",{key:"81b475ebaefe71315d016a66214d62513649d6e3",class:{footer:true,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},this.timeRef&&o("div",{key:"668635b1aaecd2a7156bc5b1d4299aef3b6c7d63",class:{"time-ref-buttons":true,"time-ref-buttons--datetime-picker-appearance":this.dateTimePickerAppearance}},o("button",{key:"a11593644095c4989b93827fa45310cbdcfa2f07","data-am-pm-id":"AM",class:{selected:this.timeRef==="AM"},onClick:()=>this.changeTimeReference("AM")},"AM"),o("button",{key:"d381d94b66769d5ee24d9f3392b5d6df5ccf3ad8","data-am-pm-id":"PM",class:{selected:this.timeRef==="PM"},onClick:()=>this.changeTimeReference("PM")},"PM")),!this.dateTimePickerAppearance&&o("ix-button",{key:"a87f1a14daf036d885c63f605d035330d9cb8eb5",class:"confirm-button",onClick:()=>{var t;this.timeSelect.emit((t=this._time)===null||t===void 0?void 0:t.toFormat(this.format))}},this.getConfirmButtonText()))))}get hostElement(){return n(this)}static get watchers(){return{format:["watchFormatIntervalPropHandler"],hourInterval:["watchHourIntervalPropHandler"],minuteInterval:["watchMinuteIntervalPropHandler"],secondInterval:["watchSecondIntervalPropHandler"],millisecondInterval:["watchMillisecondIntervalPropHandler"],time:["watchTimePropHandler"],_time:["onTimeChange"]}}};s([a("keydown")],v.prototype,"handleKeyDown",null);v.style=l;export{v as ix_time_picker};
-//# sourceMappingURL=p-d0c1473e.entry.js.map
+import{r as t,c as e,h as o,H as r,g as n}from"./p-DUcGWByh.js";import{D as i}from"./p-bDicGJUN.js";import{O as a}from"./p-DtbRs-BR.js";const l='input{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;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)}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{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;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)}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]){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{border-color:var(--theme-input--border-color--warning--active) !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{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:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .ix-form-control,:host .ix-form-control-plaintext{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);color:var(--theme-input--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem}:host .ix-form-control::-moz-placeholder,:host .ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control::placeholder,:host .ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}:host .ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,:host .ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}:host .ix-form-control:focus-visible{color:var(--theme-input--color)}:host .ix-form-control[type=number]{text-align:right}:host .ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .ix-form-control.readonly,:host .ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}:host .ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only,:host .ix-form-control[readonly],:host .ix-form-control[readOnly],:host .ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}:host .ix-form-control:read-only::-moz-placeholder,:host .ix-form-control[readonly]::-moz-placeholder,:host .ix-form-control[readOnly]::-moz-placeholder,:host .ix-form-control.readonly::-moz-placeholder{color:transparent}:host .ix-form-control:-moz-read-only::placeholder{color:transparent}:host .ix-form-control:read-only::placeholder,:host .ix-form-control[readonly]::placeholder,:host .ix-form-control[readOnly]::placeholder,:host .ix-form-control.readonly::placeholder{color:transparent}:host .ix-form-control:disabled,:host .ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}:host .ix-form-control:disabled::-moz-placeholder,:host .ix-form-control.disabled::-moz-placeholder{color:transparent}:host .ix-form-control:disabled::placeholder,:host .ix-form-control.disabled::placeholder{color:transparent}:host .ix-form-control-plaintext{outline:0}:host .form-group{position:relative}:host .input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}:host .input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}:host .input-wrapper>input{padding-inline-start:2.2rem}:host select.ix-form-control{padding:0 0.312rem}:host textarea.ix-form-control{padding:0.375rem 0.5rem}:host input.ix-form-control.disabled,:host input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}:host input.ix-form-control:-moz-read-only{cursor:default}:host input.ix-form-control:read-only,:host input.ix-form-control.readonly{cursor:default}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2.5rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-top:1px}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-seperator{display:flex;align-items:center;margin:0 0.125rem;min-height:100%;margin-top:3.25rem}:host .clock .element-list{list-style-type:none;overflow:auto;max-height:15.375rem;padding-top:0.125rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{width:2.375rem;height:2.375rem;margin:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-list-padding{width:2.5rem;height:12.563rem;min-height:12.563rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .footer .time-ref-buttons--datetime-picker-appearance{margin-left:auto}:host .footer .time-ref-buttons button{all:unset;width:2.625rem;height:1.875rem;text-align:center;border:1px solid var(--theme-color-primary);color:var(--theme-color-primary);background-color:var(--theme-color-secondary);font-weight:700}:host .footer .time-ref-buttons button:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .footer .time-ref-buttons button:hover{cursor:pointer;background-color:var(--theme-color-secondary-hover);border-color:var(--theme-btn-primary--background--hover)}:host .footer .time-ref-buttons button.selected{color:var(--theme-color-secondary);background-color:var(--theme-btn-primary--background)}:host .footer .time-ref-buttons button.selected:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--background--hover)}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}:host .hidden{display:none}:host .time-reference{margin-top:0.5rem;margin-bottom:0.5rem}';var s=undefined&&undefined.__decorate||function(t,e,o,r){var n=arguments.length,i=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,o):r,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)if(a=t[l])i=(n<3?a(i):n>3?a(e,o,i):a(e,o))||i;return n>3&&i&&Object.defineProperty(e,o,i),i};const d={hours:/\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,minutes:/\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,seconds:/\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,milliseconds:/\bS\b|SSS|u|uu|uuu/};const h=1;const c=1;const m=1;const b=100;const u="Confirm";const p="Time";const f={hour:"",minute:"",second:"",millisecond:""};const v=class{constructor(o){t(this,o);this.timeSelect=e(this,"timeSelect",7);this.timeChange=e(this,"timeChange",7);this.format="TT";this.corners="rounded";this.standaloneAppearance=true;this.dateTimePickerAppearance=false;this.showHour=true;this.showMinutes=true;this.showSeconds=true;this.hideHeader=false;this.hourInterval=h;this.minuteInterval=c;this.secondInterval=m;this.millisecondInterval=b;this.time=i.now().toFormat(this.format);this.textSelectTime=u;this.i18nConfirmTime=u;this.textTime=p;this.i18nHeader=p;this.i18nHourColumnHeader="hr";this.i18nMinuteColumnHeader="min";this.i18nSecondColumnHeader="sec";this.i18nMillisecondColumnHeader="ms";this.formattedTime=f;this.timePickerDescriptors=[];this.isUnitFocused=false;this.focusedUnit="hour";this.focusedValue=0;this.focusScrollAlignment="start"}watchFormatIntervalPropHandler(t){if(!t){return}this.initPicker();this.updateScrollPositions()}watchHourIntervalPropHandler(t){if(Number.isInteger(t)&&t>=0&&t<=(this.timeRef?12:23)){this.setTimePickerDescriptors();return}this.printIntervalError("hour",t);this.hourInterval=h}watchMinuteIntervalPropHandler(t){if(t>=0&&t<=59){this.setTimePickerDescriptors();return}this.printIntervalError("minute",t);this.minuteInterval=c}watchSecondIntervalPropHandler(t){if(t>=0&&t<=59){this.setTimePickerDescriptors();return}this.printIntervalError("second",t);this.secondInterval=m}watchMillisecondIntervalPropHandler(t){if(t>=0&&t<=999){this.setTimePickerDescriptors();return}this.printIntervalError("millisecond",t);this.millisecondInterval=b}printIntervalError(t,e){console.error(`Value ${e} is not valid for ${t}-interval. Falling back to default.`)}watchTimePropHandler(t){const e=i.fromFormat(t,this.format);if(!e.isValid){throw new Error("Format is not supported or not correct")}this._time=e}async getCurrentTime(){var t;return(t=this._time)===null||t===void 0?void 0:t.toFormat(this.format)}onTimeChange(){const t=this.formattedTime;this.setTimeRef();this.formattedTime=this.getFormattedTime();this.updateScrollPositions(t)}componentWillLoad(){this.initPicker()}initPicker(){this._time=i.fromFormat(this.time,this.format);if(!this._time.isValid){console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);this._time=i.now()}this.setTimeRef();this.setTimePickerDescriptors();this.setInitialFocusedValueAndUnit();this.watchHourIntervalPropHandler(this.hourInterval);this.watchMinuteIntervalPropHandler(this.minuteInterval);this.watchSecondIntervalPropHandler(this.secondInterval);this.watchMillisecondIntervalPropHandler(this.millisecondInterval)}componentDidLoad(){this.updateScrollPositions();this.setupVisibilityObserver()}componentDidRender(){if(this.isUnitFocused){const t=this.getElementContainer(this.focusedUnit,this.focusedValue);const e=this.getElementList(this.focusedUnit);if(t){t.focus({preventScroll:true});if(!this.isElementVisible(t,e)){t.scrollIntoView({block:this.focusScrollAlignment});if(this.focusScrollAlignment==="end"){e.scrollTop+=4}else{e.scrollTop-=4}}}}}disconnectedCallback(){if(this.visibilityObserver){this.visibilityObserver.disconnect()}}handleKeyDown(t){if(!this.isUnitFocused){return}let e=this.focusedValue;let o=true;let r;switch(this.focusedUnit){case"hour":r=this.hourInterval;break;case"minute":r=this.minuteInterval;break;case"second":r=this.secondInterval;break;case"millisecond":r=this.millisecondInterval;break}switch(t.key){case"Tab":o=false;this.setInitialFocusedValueAndUnit();break;case"ArrowUp":e-=r;this.focusScrollAlignment="start";this.updateFocusedValue(e);break;case"ArrowDown":e+=r;this.focusScrollAlignment="end";this.updateFocusedValue(e);break;case"ArrowLeft":this.moveFocusToAdjacentUnit(-1);break;case"ArrowRight":this.moveFocusToAdjacentUnit(1);break;case"Enter":case" ":this.select(this.focusedUnit,this.focusedValue);break;default:return}if(o){t.preventDefault()}}onUnitCellBlur(){this.isUnitFocused=false}onUnitCellFocus(){this.isUnitFocused=true}getElementList(t){var e;return(e=this.hostElement.shadowRoot)===null||e===void 0?void 0:e.querySelector(`[data-element-list-id="${t}"]`)}getElementContainer(t,e){var o;return(o=this.hostElement.shadowRoot)===null||o===void 0?void 0:o.querySelector(`[data-element-container-id="${t}-${e}"]`)}isElementVisible(t,e){const o=t.getBoundingClientRect();const r=e.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}updateFocusedValue(t){const e=this.getNumberArrayForUnit(this.focusedUnit);const o=e[e.length-1];const r=e[0];if(t>o){t=r;this.focusScrollAlignment="start"}else if(t<r){t=o;this.focusScrollAlignment="end"}this.focusedValue=t}moveFocusToAdjacentUnit(t){const e=this.timePickerDescriptors.findIndex((t=>t.unit===this.focusedUnit));const o=e+t;if(o>=0&&o<this.timePickerDescriptors.length){const t=this.timePickerDescriptors[o].unit;const e=Number(this.formattedTime[t]);this.focusedUnit=t;this.updateFocusedValue(e)}}setInitialFocusedValueAndUnit(){const t=this.timePickerDescriptors.find((t=>!t.hidden));if(!t){return}const e=Number(this.formattedTime[t.unit]);const o=t.numberArray.includes(e);this.focusedValue=o?e:t.numberArray[0];this.focusedUnit=t.unit}setupVisibilityObserver(){let t=this.hostElement;while(t&&t.tagName!=="IX-DROPDOWN"){t=t.parentElement}if(!t){return}this.visibilityObserver=new MutationObserver((t=>this.mutationObserverCallback(t)));this.visibilityObserver.observe(t,{attributes:true,attributeFilter:["class","style"]})}mutationObserverCallback(t){for(const e of t){if(e.type!=="attributes"){continue}const t=e.target;if(!t.classList.contains("show")){this._time=i.fromFormat(this.time,this.format);this.setInitialFocusedValueAndUnit();continue}const o=this.areElementsRendered();if(!o){continue}this.updateScrollPositions()}}areElementsRendered(){var t;const e=(t=this.hostElement.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(".element-list");if(!e||e.length===0){return false}return Array.from(e).some((t=>t.offsetHeight>0))}getFormattedTime(){if(!this._time){return f}return{hour:this.timeRef!==undefined?this._time.toFormat("h"):this._time.toFormat("H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}}timeUpdate(t,e){var o;let r=i.now().endOf("day").get(t);if(t==="hour"){if(this.timeRef==="PM"){e=e===12?12:e+12}else if(this.timeRef==="AM"){e=e===12?0:e;r=12}}if(e>r){e=r}else if(e<0){e=0}this._time=(o=this._time)===null||o===void 0?void 0:o.set({[t]:e});return e}changeTimeReference(t){if(!this._time){return}if(this.timeRef===t){return}this.timeRef=t;const e=this._time.hour;if(t==="PM"&&e<12){this._time=this._time.plus({hours:12})}else if(t==="AM"&&e>=12){this._time=this._time.minus({hours:12})}this.timeChange.emit(this._time.toFormat(this.format))}isFormat12Hour(t){let e="";let o=false;for(let r=0;r<t.length;r++){const n=t[r];if(n==="'"){o=!o}else if(!o){e+=n}}return/h|a|t/.test(e)}setTimeRef(){const t=this.isFormat12Hour(this.format);if(t&&this._time){this.timeRef=this._time.hour>=12?"PM":"AM"}else{this.timeRef=undefined}}setTimePickerDescriptors(){let t=[];let e=[];let o=[];let r=[];if(this.timeRef!==undefined){t=Array.from({length:Math.ceil(12/this.hourInterval)},((t,e)=>e*this.hourInterval+1)).filter((t=>t<=12))}else{t=Array.from({length:Math.ceil(24/this.hourInterval)},((t,e)=>e*this.hourInterval))}e=Array.from({length:Math.ceil(60/this.minuteInterval)},((t,e)=>e*this.minuteInterval));o=Array.from({length:Math.ceil(60/this.secondInterval)},((t,e)=>e*this.secondInterval));r=Array.from({length:Math.ceil(1e3/this.millisecondInterval)},((t,e)=>e*this.millisecondInterval));this.timePickerDescriptors=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!d.hours.test(this.format)||!this.showHour,numberArray:t},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!d.minutes.test(this.format)||!this.showMinutes,numberArray:e},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!d.seconds.test(this.format)||!this.showSeconds,numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!d.milliseconds.test(this.format),numberArray:r}];this.timePickerDescriptors=this.timePickerDescriptors.filter((t=>!t.hidden))}getNumberArrayForUnit(t){const e=this.timePickerDescriptors.find((e=>e.unit===t));return e?e.numberArray:[]}isSelected(t,e){return this.formattedTime[t]===String(e)}select(t,e){this.formattedTime=Object.assign(Object.assign({},this.formattedTime),{[t]:String(e)});this.timeUpdate(t,e);this.elementListScrollToTop(t,e,"smooth");this.timeChange.emit(this._time.toFormat(this.format))}elementListScrollToTop(t,e,o){const r=this.getElementList(t);const n=this.getElementContainer(t,e);if(r&&n){const t=r.clientHeight;const e=n.clientHeight;let i=15;if(this.hideHeader){i-=74}const a=n.offsetTop-t/2+e/2-i;r.scrollTo({top:a,behavior:o})}}updateScrollPositions(t=undefined){for(const e in this.formattedTime){const o=e;if(!t||this.formattedTime[o]!==t[o]){this.elementListScrollToTop(o,Number(this.formattedTime[o]),"instant")}}}formatUnitValue(t,e){if(t==="millisecond"){return e.toString().padStart(3,"0")}return e<10?`0${e}`:e.toString()}getColumnSeparator(t){if(t+1<this.timePickerDescriptors.length){const e=this.timePickerDescriptors[t+1].unit;return e==="millisecond"?".":":"}return":"}getElementContainerTabIndex(t,e){return t===this.focusedValue&&e===this.focusedUnit?"0":"-1"}getConfirmButtonText(){if(this.i18nConfirmTime!==u){return this.i18nConfirmTime}if(this.textSelectTime!==u){return this.textSelectTime}return this.i18nConfirmTime}getHeaderText(){if(this.i18nHeader!==p){return this.i18nHeader}if(this.textTime!=p){return this.textTime}return this.i18nHeader}render(){return o(r,{key:"d2bbda2ae6d80b7c7124dad326bb0cd4056d8ff0"},o("ix-date-time-card",{key:"ada5e46c86a34888ae7e528ad88b2392cf749537",standaloneAppearance:this.standaloneAppearance,timePickerAppearance:true,corners:this.corners,hasFooter:true,hideHeader:this.hideHeader},o("div",{key:"dfbddd86e4ce4bdfd79ac223cb193d24f1cb6406",class:"header",slot:"header"},o("ix-typography",{key:"a93cd0fbf96b4ae7ff3723784cd735c7ac0b28dd",format:"h5"},this.getHeaderText())),o("div",{key:"dcf216e3b82b8f9d64bd74636e62a4c6e69a2f00",class:"clock"},this.timePickerDescriptors.map(((t,e)=>o("div",{class:"flex"},o("div",{class:{columns:true,hidden:t.hidden}},o("div",{class:"column-header",title:t.header},t.header),o("div",{"data-element-list-id":t.unit,class:"element-list",tabIndex:-1},t.numberArray.map((e=>o("button",{"data-element-container-id":`${t.unit}-${e}`,class:{selected:this.isSelected(t.unit,e),"element-container":true},onClick:()=>this.select(t.unit,e),onFocus:()=>{this.focusedUnit=t.unit;this.focusedValue=e;this.onUnitCellFocus()},onBlur:()=>this.onUnitCellBlur(),tabindex:this.getElementContainerTabIndex(e,t.unit),role:"button","aria-label":`${t.header}: ${e}`},this.formatUnitValue(t.unit,e)))),o("div",{class:"element-list-padding"}))),e!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-seperator":true,hidden:t.hidden}},this.getColumnSeparator(e)))))),o("div",{key:"81b475ebaefe71315d016a66214d62513649d6e3",class:{footer:true,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},this.timeRef&&o("div",{key:"668635b1aaecd2a7156bc5b1d4299aef3b6c7d63",class:{"time-ref-buttons":true,"time-ref-buttons--datetime-picker-appearance":this.dateTimePickerAppearance}},o("button",{key:"a11593644095c4989b93827fa45310cbdcfa2f07","data-am-pm-id":"AM",class:{selected:this.timeRef==="AM"},onClick:()=>this.changeTimeReference("AM")},"AM"),o("button",{key:"d381d94b66769d5ee24d9f3392b5d6df5ccf3ad8","data-am-pm-id":"PM",class:{selected:this.timeRef==="PM"},onClick:()=>this.changeTimeReference("PM")},"PM")),!this.dateTimePickerAppearance&&o("ix-button",{key:"a87f1a14daf036d885c63f605d035330d9cb8eb5",class:"confirm-button",onClick:()=>{var t;this.timeSelect.emit((t=this._time)===null||t===void 0?void 0:t.toFormat(this.format))}},this.getConfirmButtonText()))))}get hostElement(){return n(this)}static get watchers(){return{format:["watchFormatIntervalPropHandler"],hourInterval:["watchHourIntervalPropHandler"],minuteInterval:["watchMinuteIntervalPropHandler"],secondInterval:["watchSecondIntervalPropHandler"],millisecondInterval:["watchMillisecondIntervalPropHandler"],time:["watchTimePropHandler"],_time:["onTimeChange"]}}};s([a("keydown")],v.prototype,"handleKeyDown",null);v.style=l;export{v as ix_time_picker};
+//# sourceMappingURL=p-0bfb601e.entry.js.map

package/dist/siemens-ix/{p-5b22342c.entry.js → p-0e49595e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as o,h as r,H as t}from"./p-DJsXFBNm.js";import{p as a,w as s}from"./p-DLTnniMb.js";const i=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";const n=class{constructor(r){e(this,r);this.showMore=o(this,"showMore",7);this.closePopover=o(this,"closePopover",7);this.show=false;this.i18nShowMore="Show more";this.offsetBottom=0;this.expanded=false}render(){return r(t,{key:"c64b5cf97a522d325d022d8c926d8c9734646425",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"9ba716f9fcc223d7b5b2d9bc28c2f8f28a457462",class:"banner-container"},r("ix-icon",{key:"798f58b181ab9e91f8b1d88567eec52f6442978b",color:"color-inv-contrast-text",name:s,size:"32"}),r("svg",{key:"46bad2b7a6bf5ceb43c305b9e5089a2bbdb18c22",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"6a4b421a8d3dbabf524dec74b37476f968646fb8",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"f2180d9fcee77160fc4b1ad071e57ed3adf160a3",class:"cui-popover-news-header"},r("ix-typography",{key:"8831582147f84df598c0b138f6f438259b161cc3",format:"label",bold:true},this.label)),r("ix-icon-button",{key:"13a882de3bb1422ff65eac1d8b53740b3fb552e5",size:"24",icon:a,ghost:true,onClick:()=>{this.show=false;this.closePopover.emit()}}),r("div",{key:"e60241c90b56bae060f50035daa12d165d6be785",class:"slot-container"},r("slot",{key:"8a0e881cfa403d2576e4cfbb149f310316d53fba"})),this.aboutItemLabel?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=false;this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"a4516f11dc0ccc3e492f8fca096d03938a415439",id:"arrow"}))}};n.style=i;export{n as ix_menu_about_news};
-//# sourceMappingURL=p-5b22342c.entry.js.map
+import{r as e,c as o,h as r,H as t}from"./p-DUcGWByh.js";import{p as a,w as s}from"./p-BSqRUSbt.js";const i=":host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}";const n=class{constructor(r){e(this,r);this.showMore=o(this,"showMore",7);this.closePopover=o(this,"closePopover",7);this.show=false;this.i18nShowMore="Show more";this.offsetBottom=0;this.expanded=false}render(){return r(t,{key:"c64b5cf97a522d325d022d8c926d8c9734646425",class:{expanded:this.expanded,show:!this.show}},r("div",{key:"9ba716f9fcc223d7b5b2d9bc28c2f8f28a457462",class:"banner-container"},r("ix-icon",{key:"798f58b181ab9e91f8b1d88567eec52f6442978b",color:"color-inv-contrast-text",name:s,size:"32"}),r("svg",{key:"46bad2b7a6bf5ceb43c305b9e5089a2bbdb18c22",viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},r("polygon",{key:"6a4b421a8d3dbabf524dec74b37476f968646fb8",points:"0 0 48 0 48 56 24 48 0 56"}))),r("div",{key:"f2180d9fcee77160fc4b1ad071e57ed3adf160a3",class:"cui-popover-news-header"},r("ix-typography",{key:"8831582147f84df598c0b138f6f438259b161cc3",format:"label",bold:true},this.label)),r("ix-icon-button",{key:"13a882de3bb1422ff65eac1d8b53740b3fb552e5",size:"24",icon:a,ghost:true,onClick:()=>{this.show=false;this.closePopover.emit()}}),r("div",{key:"e60241c90b56bae060f50035daa12d165d6be785",class:"slot-container"},r("slot",{key:"8a0e881cfa403d2576e4cfbb149f310316d53fba"})),this.aboutItemLabel?r("div",{class:"cui-popover-news-footer"},r("ix-button",{variant:"primary",onClick:e=>{this.show=false;this.showMore.emit(e)}},this.i18nShowMore)):null,r("div",{key:"a4516f11dc0ccc3e492f8fca096d03938a415439",id:"arrow"}))}};n.style=i;export{n as ix_menu_about_news};
+//# sourceMappingURL=p-0e49595e.entry.js.map

package/dist/siemens-ix/{p-4fe2d0f7.entry.js → p-0edb2d84.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as o,h as i,a as s}from"./p-DJsXFBNm.js";import{s as n,i as a,M as m}from"./p-Cpl-a_ti.js";import"./p-DLTnniMb.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";const l=class{constructor(o){t(this,o);this.tabChange=e(this,"tabChange",7);this.close=e(this,"close",7);this.label="About & legal information";this.show=false}updateTab(t){n(this,t)}componentWillLoad(){a(this)}componentDidLoad(){o(this.el)}render(){return i(m,{key:"f39b61fd405141b8e2e7061bd76194ee4beb3a3d",context:this})}get el(){return s(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};l.style=r;export{l as ix_menu_about};
-//# sourceMappingURL=p-4fe2d0f7.entry.js.map
+import{r as t,c as e,f as o,h as i,g as s}from"./p-DUcGWByh.js";import{s as n,i as a,M as m}from"./p-CLItqyfi.js";import"./p-BSqRUSbt.js";const r=".text-xs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text)}.text-l{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a{color:var(--theme-color-primary)}:host{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}:host .about-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}:host .about-header h2{color:var(--theme-nav-overlay-header--color);margin-bottom:1rem}:host ix-tabs{margin-bottom:1.5rem}:host ix-menu-about-item{display:none}";const l=class{constructor(o){t(this,o);this.tabChange=e(this,"tabChange",7);this.close=e(this,"close",7);this.label="About & legal information";this.show=false}updateTab(t){n(this,t)}componentWillLoad(){a(this)}componentDidLoad(){o(this.el)}render(){return i(m,{key:"f39b61fd405141b8e2e7061bd76194ee4beb3a3d",context:this})}get el(){return s(this)}static get watchers(){return{activeTabLabel:["updateTab"]}}};l.style=r;export{l as ix_menu_about};
+//# sourceMappingURL=p-0edb2d84.entry.js.map

package/dist/siemens-ix/{p-4657ec52.entry.js → p-0f2e11db.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,f as s,h as o,H as e,a as i}from"./p-DJsXFBNm.js";import{a as l}from"./p-CyFFBc_G.js";import{m as n}from"./p-D6vSVaHq.js";import"./p-BdCnOrqW.js";const a=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";const h=class{constructor(s){t(this,s);this.layout="full-vertical";this.variant="inline";this.borderless=false;this.isMobile=false;this.paneElements=0;this.panes=[]}get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length;this.observer=new MutationObserver((t=>{var s,o;if(((s=t[0].addedNodes.item(0))===null||s===void 0?void 0:s.nodeName)==="IX-PANE"){this.paneElements+=1}else if(((o=t[0].removedNodes.item(0))===null||o===void 0?void 0:o.nodeName)==="IX-PANE"){this.paneElements-=1}}));this.observer.observe(this.hostElement,{childList:true});this.isMobile=n("sm");l.onChange.on((()=>{this.isMobile=n("sm")}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}setPaneVariant(t){if(!t.ignoreLayoutSettings){t.variant=this.variant}}setPaneBorder(t){if(!t.ignoreLayoutSettings){if(this.borderless){t.borderless=true}else{const s=!!this.panes.find((t=>t.slot==="left"&&!t.hideOnCollapse));if(t.variant==="floating"&&this.layout==="full-vertical"&&s&&(t.composition==="top"||t.composition==="bottom")){t.borderless=true}else{t.borderless=false}}}}setPaneZIndex(t){const s=t.slot==="top";const o=t.slot==="bottom";const e=t.slot==="left";const i=t.slot==="right";let l=1;if(this.isMobile){if(o||s){l=3}}else{if(this.layout==="full-vertical"){if(e||i){l=3}}else{if(o||s){l=3}}}t.style.zIndex=l.toString()}setPanes(t){this.panes=[];t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:t.variant==="floating"})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{if(t.expanded&&t.variant==="floating"){t.expanded=false}}))}configurePanes(){let t=0;let o=0;let e=0;let i=0;this.currentPanes.forEach((s=>{const l=s.slot==="top";const n=s.slot==="bottom";const a=s.slot==="left";const h=s.slot==="right";if(a){if(e){s.slot="";return}e++}else if(h){if(i){s.slot="";return}i++}else if(l){if(t){s.slot="";return}t++}else if(n){if(o){s.slot="";return}o++}else{s.slot="";return}this.setPaneVariant(s);this.setPaneBorder(s);this.setPaneZIndex(s)}));this.setPanes(this.currentPanes);s(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:o,hideOnCollapse:e}=t.detail;this.panes.forEach((t=>{if(t.slot===o){t.hideOnCollapse=e}}));s(this.hostElement)}onVariantChanged(t){const{slot:o,variant:e}=t.detail;this.panes.forEach((t=>{if(t.slot===o){t.floating=e==="floating"}}));s(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t);this.setPaneBorder(t)}));this.setPanes(this.currentPanes);s(this.hostElement)}onBorderChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t)}))}onLayoutChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t);this.setPaneZIndex(t)}))}onMobileChange(){this.currentPanes.forEach((t=>{this.setPaneZIndex(t)}))}hasPadding(t){const s=this.panes.find((s=>s.slot===t));return s?!s.hideOnCollapse&&s.floating:false}hasPaddingMobile(t){const s=this.panes.find((s=>s.slot===t));return s&&!s.hideOnCollapse}slotExists(t){const s=this.panes.find((s=>s.slot===t));return!!s}isFloating(t){const s=this.panes.find((s=>s.slot===t));return s?s.floating:false}render(){return o(e,{key:"a372c27b25dc920eb19525cead2589dcbc0af652"},!this.isMobile?this.layout=="full-vertical"?o("div",{class:"side-panes-wrapper"},o("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},o("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},o("slot",{name:"left"})),o("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},o("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},o("slot",{name:"top"})),o("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},o("slot",{name:"content"}),o("slot",null)),o("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},o("slot",{name:"bottom"}))),o("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},o("slot",{name:"right"})))):o("div",{class:"side-panes-wrapper"},o("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},o("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},o("slot",{name:"top"})),o("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},o("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},o("slot",{name:"left"})),o("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},o("slot",{name:"content"}),o("slot",null)),o("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},o("slot",{name:"right"}))),o("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},o("slot",{name:"bottom"})))):o("div",{class:"col"},o("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},o("slot",{name:"top"})),o("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},o("slot",{name:"left"})),o("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},o("slot",{name:"content"}),o("slot",null)),o("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},o("slot",{name:"right"})),o("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},o("slot",{name:"bottom"}))))}get hostElement(){return i(this)}static get watchers(){return{paneElements:["onPaneElementsChange"],variant:["onVariableChange"],borderless:["onBorderChange"],layout:["onLayoutChange"],isMobile:["onMobileChange"]}}};h.style=a;export{h as ix_pane_layout};
-//# sourceMappingURL=p-4657ec52.entry.js.map
+import{r as t,f as s,h as o,H as e,g as i}from"./p-DUcGWByh.js";import{a as l}from"./p-CyFFBc_G.js";import{m as n}from"./p-D6vSVaHq.js";import"./p-BdCnOrqW.js";const a=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";const h=class{constructor(s){t(this,s);this.layout="full-vertical";this.variant="inline";this.borderless=false;this.isMobile=false;this.paneElements=0;this.panes=[]}get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length;this.observer=new MutationObserver((t=>{var s,o;if(((s=t[0].addedNodes.item(0))===null||s===void 0?void 0:s.nodeName)==="IX-PANE"){this.paneElements+=1}else if(((o=t[0].removedNodes.item(0))===null||o===void 0?void 0:o.nodeName)==="IX-PANE"){this.paneElements-=1}}));this.observer.observe(this.hostElement,{childList:true});this.isMobile=n("sm");l.onChange.on((()=>{this.isMobile=n("sm")}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}setPaneVariant(t){if(!t.ignoreLayoutSettings){t.variant=this.variant}}setPaneBorder(t){if(!t.ignoreLayoutSettings){if(this.borderless){t.borderless=true}else{const s=!!this.panes.find((t=>t.slot==="left"&&!t.hideOnCollapse));if(t.variant==="floating"&&this.layout==="full-vertical"&&s&&(t.composition==="top"||t.composition==="bottom")){t.borderless=true}else{t.borderless=false}}}}setPaneZIndex(t){const s=t.slot==="top";const o=t.slot==="bottom";const e=t.slot==="left";const i=t.slot==="right";let l=1;if(this.isMobile){if(o||s){l=3}}else{if(this.layout==="full-vertical"){if(e||i){l=3}}else{if(o||s){l=3}}}t.style.zIndex=l.toString()}setPanes(t){this.panes=[];t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:t.variant==="floating"})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{if(t.expanded&&t.variant==="floating"){t.expanded=false}}))}configurePanes(){let t=0;let o=0;let e=0;let i=0;this.currentPanes.forEach((s=>{const l=s.slot==="top";const n=s.slot==="bottom";const a=s.slot==="left";const h=s.slot==="right";if(a){if(e){s.slot="";return}e++}else if(h){if(i){s.slot="";return}i++}else if(l){if(t){s.slot="";return}t++}else if(n){if(o){s.slot="";return}o++}else{s.slot="";return}this.setPaneVariant(s);this.setPaneBorder(s);this.setPaneZIndex(s)}));this.setPanes(this.currentPanes);s(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:o,hideOnCollapse:e}=t.detail;this.panes.forEach((t=>{if(t.slot===o){t.hideOnCollapse=e}}));s(this.hostElement)}onVariantChanged(t){const{slot:o,variant:e}=t.detail;this.panes.forEach((t=>{if(t.slot===o){t.floating=e==="floating"}}));s(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t);this.setPaneBorder(t)}));this.setPanes(this.currentPanes);s(this.hostElement)}onBorderChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t)}))}onLayoutChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t);this.setPaneZIndex(t)}))}onMobileChange(){this.currentPanes.forEach((t=>{this.setPaneZIndex(t)}))}hasPadding(t){const s=this.panes.find((s=>s.slot===t));return s?!s.hideOnCollapse&&s.floating:false}hasPaddingMobile(t){const s=this.panes.find((s=>s.slot===t));return s&&!s.hideOnCollapse}slotExists(t){const s=this.panes.find((s=>s.slot===t));return!!s}isFloating(t){const s=this.panes.find((s=>s.slot===t));return s?s.floating:false}render(){return o(e,{key:"a372c27b25dc920eb19525cead2589dcbc0af652"},!this.isMobile?this.layout=="full-vertical"?o("div",{class:"side-panes-wrapper"},o("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},o("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},o("slot",{name:"left"})),o("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},o("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},o("slot",{name:"top"})),o("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},o("slot",{name:"content"}),o("slot",null)),o("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},o("slot",{name:"bottom"}))),o("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},o("slot",{name:"right"})))):o("div",{class:"side-panes-wrapper"},o("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},o("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},o("slot",{name:"top"})),o("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},o("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},o("slot",{name:"left"})),o("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},o("slot",{name:"content"}),o("slot",null)),o("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},o("slot",{name:"right"}))),o("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},o("slot",{name:"bottom"})))):o("div",{class:"col"},o("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},o("slot",{name:"top"})),o("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},o("slot",{name:"left"})),o("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},o("slot",{name:"content"}),o("slot",null)),o("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},o("slot",{name:"right"})),o("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},o("slot",{name:"bottom"}))))}get hostElement(){return i(this)}static get watchers(){return{paneElements:["onPaneElementsChange"],variant:["onVariableChange"],borderless:["onBorderChange"],layout:["onLayoutChange"],isMobile:["onMobileChange"]}}};h.style=a;export{h as ix_pane_layout};
+//# sourceMappingURL=p-0f2e11db.entry.js.map