@siemens/ix 3.0.0-alpha.3 → 3.0.0-alpha.4

package/dist/siemens-ix/{p-6ae131ad.entry.js.map → p-c7384379.entry.js.map}

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

package/dist/siemens-ix/{p-a48f6140.entry.js → p-c80dddf1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as o,H as r,g as a}from"./p-DtF9fwpD.js";import{s as i,t as n}from"./p-CrTP-icT.js";import{H as d}from"./p-Cdt22lfd.js";import{m as l}from"./p-bcj7UEIC.js";import{m as s,a as b,b as h,c,I as p,g as u,d as m,o as v,S as f}from"./p-CANRrgK_.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const x='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:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .password-eye{margin-left:0.125rem;color:red}:host .password-eye.eye-hidden{display:none}';var g=undefined&&undefined.__decorate||function(e,t,o,r){var a=arguments.length,i=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i;return a>3&&i&&Object.defineProperty(t,o,i),i};let y=0;const k=class{constructor(o){e(this,o);this.valueChange=t(this,"valueChange",7);this.validityStateChange=t(this,"validityStateChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.type="text";this.value="";this.required=false;this.disabled=false;this.readonly=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.inputType="text";this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.inputId=`input-${y++}`;this.touched=false}updateClassMappings(e){s(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value);this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=b(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){var e;(e=this.disposableChangesAndVisibilityObservers)===null||e===void 0?void 0:e.call(this)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;const t=u(this);return o(r,{key:"e97028201512da11b9689b345c9fa798067eb763",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"922e59e33affd1e1fb0ddabad74adb65b91ed1a1",htmlForLabel:this.inputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"a01046da7f1c0ef87780ef6535fc15941df56605",class:"input-wrapper"},o(c,{key:"e35395215ee831413792f31d021d65b36106a002",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(p,{key:"ef08393ffd6f5715e9493bec32ee652177cf11fc",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>m(this,e),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{v(this,this.inputRef.current);this.touched=true},ariaAttributes:t}),o(f,{key:"a21e3d12f0525430e8898a9b979c1e038fd2a76f",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("ix-icon-button",{key:"1c45547f969085a5b484143c5f1b1de3d801696d",color:"color-weak-text",class:{"password-eye":true,"eye-hidden":this.type!=="password"},ghost:true,icon:this.inputType==="password"?i:n,onClick:()=>{if(this.inputType==="password"){this.inputType="text";return}this.inputType="password"}}))),!!this.maxLength&&this.maxLength>0&&o("ix-typography",{key:"8d699ee76f3b7be660c5b8bab57a9d18f6abb769",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(e=this.value)===null||e===void 0?void 0:e.length,"/",this.maxLength)))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{type:["updateInputType"]}}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_input};
-//# sourceMappingURL=p-a48f6140.entry.js.map
+import{r as e,c as t,h as o,H as r,g as a}from"./p-BNpBEtDH.js";import{s as i,t as n}from"./p-CrTP-icT.js";import{H as d}from"./p-2j3Ly91D.js";import{m as l}from"./p-bcj7UEIC.js";import{m as s,a as b,b as h,c,I as p,g as u,d as m,o as v,S as f}from"./p-BPfEX8mR.js";import"./p-Bb7pDeaQ.js";import"./p-CX81WQtk.js";import"./p-pXYAoEyc.js";import"./p-Ou74PMQs.js";const x='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:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .password-eye{margin-left:0.125rem;color:red}:host .password-eye.eye-hidden{display:none}';var g=undefined&&undefined.__decorate||function(e,t,o,r){var a=arguments.length,i=a<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(t,o,i):n(t,o))||i;return a>3&&i&&Object.defineProperty(t,o,i),i};let y=0;const k=class{constructor(o){e(this,o);this.valueChange=t(this,"valueChange",7);this.validityStateChange=t(this,"validityStateChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.type="text";this.value="";this.required=false;this.disabled=false;this.readonly=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.inputType="text";this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.inputId=`input-${y++}`;this.touched=false}updateClassMappings(e){s(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value);this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=b(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){var e;(e=this.disposableChangesAndVisibilityObservers)===null||e===void 0?void 0:e.call(this)}updateFormInternalValue(e){this.formInternals.setFormValue(e);this.value=e}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){var e;const t=u(this);return o(r,{key:"e97028201512da11b9689b345c9fa798067eb763",class:{disabled:this.disabled,readonly:this.readonly}},o("ix-field-wrapper",{key:"922e59e33affd1e1fb0ddabad74adb65b91ed1a1",htmlForLabel:this.inputId,required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"a01046da7f1c0ef87780ef6535fc15941df56605",class:"input-wrapper"},o(c,{key:"e35395215ee831413792f31d021d65b36106a002",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),o(p,{key:"ef08393ffd6f5715e9493bec32ee652177cf11fc",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>m(this,e),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{v(this,this.inputRef.current);this.touched=true},ariaAttributes:t}),o(f,{key:"a21e3d12f0525430e8898a9b979c1e038fd2a76f",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},o("ix-icon-button",{key:"1c45547f969085a5b484143c5f1b1de3d801696d",color:"color-weak-text",class:{"password-eye":true,"eye-hidden":this.type!=="password"},ghost:true,icon:this.inputType==="password"?i:n,onClick:()=>{if(this.inputType==="password"){this.inputType="text";return}this.inputType="password"}}))),!!this.maxLength&&this.maxLength>0&&o("ix-typography",{key:"8d699ee76f3b7be660c5b8bab57a9d18f6abb769",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(e=this.value)===null||e===void 0?void 0:e.length,"/",this.maxLength)))}static get formAssociated(){return true}get hostElement(){return a(this)}static get watchers(){return{type:["updateInputType"]}}};g([d()],k.prototype,"updateClassMappings",null);k.style=x;export{k as ix_input};
+//# sourceMappingURL=p-c80dddf1.entry.js.map

package/dist/siemens-ix/{p-cb5000ac.entry.js → p-c93a8094.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as o,H as a,g as r}from"./p-DtF9fwpD.js";import{f as n}from"./p-CrTP-icT.js";const i=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}:host .expand-action:hover{background:var(--theme-color-component-1--hover)}:host .expand-action:active{background:var(--theme-color-component-1--active)}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-action:not(.show),:host .expand-action:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(90deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}';let s=0;const c=(t="expand-content")=>[t,s++].join("-");const d=class{constructor(o){t(this,o);this.accordionExpand=e(this,"accordionExpand",7);this.collapse=false;this.expandContent=false}onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(t){t.preventDefault();t.stopPropagation();this.expandContent=!this.expandContent;this.accordionExpand.emit({expand:this.expandContent,nativeEvent:t});if(this.expandContent){this.scrollExpandedContentIntoView()}}scrollExpandedContentIntoView(){setTimeout((()=>{const t=this.expandedContent.getBoundingClientRect();if(t.bottom>window.innerHeight){this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(false)}}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return o(a,{key:"491fb99db65dab3492d23e3122ca9da2c899b232",slot:"card-accordion"},o("button",{key:"b498d87343ed4e70ef4a094642fc4906b309f5b3",tabIndex:0,class:{"expand-action":true,show:this.expandContent},onClick:t=>this.onExpandActionClick(t),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":c()},o("ix-icon",{key:"eb8b3af0c8ded220c6c8d62b3c9da45ba302c5d6",name:n,class:{"expand-icon":true,show:this.expandContent}})),o("div",{key:"9b0b53385f7b0b7f3365c89e7134869990c6270a",class:{"expand-content":true,show:this.expandContent}},o("div",{key:"a79520b455e3d344aca02ca70a9b7ff3262c76f8",class:"expand-content-inner"},o("div",{key:"c0798bb66e28ca6e2a5d6ee38b21222677d5a09a",class:"expand-content-body"},o("slot",{key:"01f775b08d53d8ea428b35d972d75af719006e8c"})),o("div",{key:"df5f62b0667977076557472c5713e30a7840a1a4",class:"expand-content-footer"}))))}get hostElement(){return r(this)}static get watchers(){return{collapse:["onInitialExpandChange"]}}};d.style=i;const l=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";const h=class{constructor(e){t(this,e)}render(){return o(a,{key:"0f4e8785e6861fa9151cece5946a7b33e85bd7fd"},o("slot",{key:"d8909ebe344940cda53d4076ccd1291eb1240f8b"}),o("div",{key:"f87b52b2b467664d6e9d886d358b1c6b5403aae8",class:"title-actions"},o("slot",{key:"9e45b897368e305f0ce1e66b47424360c44c148d",name:"title-actions"})))}};h.style=l;export{d as ix_card_accordion,h as ix_card_title};
-//# sourceMappingURL=p-cb5000ac.entry.js.map
+import{r as t,c as e,h as o,H as a,g as r}from"./p-BNpBEtDH.js";import{f as n}from"./p-CrTP-icT.js";const i=':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}:host .expand-action:hover{background:var(--theme-color-component-1--hover)}:host .expand-action:active{background:var(--theme-color-component-1--active)}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-action:not(.show),:host .expand-action:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(90deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}';let s=0;const c=(t="expand-content")=>[t,s++].join("-");const d=class{constructor(o){t(this,o);this.accordionExpand=e(this,"accordionExpand",7);this.collapse=false;this.expandContent=false}onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(t){t.preventDefault();t.stopPropagation();this.expandContent=!this.expandContent;this.accordionExpand.emit({expand:this.expandContent,nativeEvent:t});if(this.expandContent){this.scrollExpandedContentIntoView()}}scrollExpandedContentIntoView(){setTimeout((()=>{const t=this.expandedContent.getBoundingClientRect();if(t.bottom>window.innerHeight){this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(false)}}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return o(a,{key:"491fb99db65dab3492d23e3122ca9da2c899b232",slot:"card-accordion"},o("button",{key:"b498d87343ed4e70ef4a094642fc4906b309f5b3",tabIndex:0,class:{"expand-action":true,show:this.expandContent},onClick:t=>this.onExpandActionClick(t),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":c()},o("ix-icon",{key:"eb8b3af0c8ded220c6c8d62b3c9da45ba302c5d6",name:n,class:{"expand-icon":true,show:this.expandContent}})),o("div",{key:"9b0b53385f7b0b7f3365c89e7134869990c6270a",class:{"expand-content":true,show:this.expandContent}},o("div",{key:"a79520b455e3d344aca02ca70a9b7ff3262c76f8",class:"expand-content-inner"},o("div",{key:"c0798bb66e28ca6e2a5d6ee38b21222677d5a09a",class:"expand-content-body"},o("slot",{key:"01f775b08d53d8ea428b35d972d75af719006e8c"})),o("div",{key:"df5f62b0667977076557472c5713e30a7840a1a4",class:"expand-content-footer"}))))}get hostElement(){return r(this)}static get watchers(){return{collapse:["onInitialExpandChange"]}}};d.style=i;const l=":host{display:flex;position:relative;flex-direction:row;align-items:center;margin-top:0.25rem;margin-bottom:0.25rem;gap:1rem;width:100%}:host .title-actions{display:flex;position:relative;flex-direction:row;gap:0.25rem;margin-left:auto;margin-right:0}";const h=class{constructor(e){t(this,e)}render(){return o(a,{key:"0f4e8785e6861fa9151cece5946a7b33e85bd7fd"},o("slot",{key:"d8909ebe344940cda53d4076ccd1291eb1240f8b"}),o("div",{key:"f87b52b2b467664d6e9d886d358b1c6b5403aae8",class:"title-actions"},o("slot",{key:"9e45b897368e305f0ce1e66b47424360c44c148d",name:"title-actions"})))}};h.style=l;export{d as ix_card_accordion,h as ix_card_title};
+//# sourceMappingURL=p-c93a8094.entry.js.map

package/dist/siemens-ix/{p-08d2c2e8.entry.js → p-ca328fc2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,H as i}from"./p-DtF9fwpD.js";import{p as o}from"./p-CrTP-icT.js";import{a as r}from"./p-Ou74PMQs.js";const a=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);display:block;position:absolute;justify-content:flex-start;align-items:center;opacity:0;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .drawer-container{z-index:100}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;order:2;height:100%;width:100%;overflow-y:auto}:host(.display-none){display:none}";const h=class{constructor(s){t(this,s);this.open=e(this,"open",7);this.drawerClose=e(this,"drawerClose",7);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth;this.toggle=false;this.callback=this.clickedOutside.bind(this);this.showContent=true}onShowChanged(t,e){if(t===e){return}this.toggleDrawer(t)}async toggleDrawer(t){t=t!==null&&t!==void 0?t:!this.show;if(t){const{defaultPrevented:t}=this.open.emit();if(t){return}this.show=true;if(!this.toggle&&this.divElement){this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),h.duration)}}else{const{defaultPrevented:t}=this.drawerClose.emit();if(t){return}this.show=false;if(this.toggle&&this.divElement){this.slideOutRight(this.divElement)}window.removeEventListener("mousedown",this.callback)}this.toggle=this.show;return Promise.resolve()}onCloseClicked(){this.toggleDrawer(false)}clickedOutside(t){if(!this.closeOnClickOutside){return}const e=t.target;const s=e.closest("#div-container");const i=e.closest("#drawer-btn");if(t.target.type!=="button"&&s!==this.divElement&&e!==i){this.show=false}}getConstrainedWidth(t){return Math.min(Math.max(t,this.minWidth),this.maxWidth)}slideOutRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[e,0],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("display-none")}})}slideInRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[0,e],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("display-none")},complete:()=>{this.showContent=true}})}componentDidLoad(){this.toggleDrawer(this.show)}render(){return s(i,{key:"909d53fac8f9b093953e32c351aa753e64d185ca",class:{"drawer-container":true,"display-none":true},style:{width:"0","max-width":`${this.maxWidth}rem`,height:this.fullHeight?"100%":"auto",overflow:"hidden"},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},s("div",{key:"f1c46494754afe5bf34726bd62fc747925e96052",style:{width:this.width==="auto"?"auto":`${this.getConstrainedWidth(this.width)}rem`}},s("div",{key:"80059cbd571e3216c87a16913f5481d5028a1dcf",class:"header"},s("div",{key:"9482f1bea71cf507ebc87f40663fa2586a286fc5",class:"header-content"},s("slot",{key:"f348a131de977557d6aeb45839e88b278ecdb3c6",name:"header"})),s("ix-icon-button",{key:"a3578ca3c9802cfe777f30804549f3670089a510",class:"close-button",style:{display:this.showContent?"block":"none"},icon:o,size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),s("div",{key:"8b1aad2acde63f6c04c602fd098a08985a5057c1",class:"content",style:{display:this.showContent?"block":"none"}},s("slot",{key:"de9a51c6e383bce7dfdbf8b5f687f37d3767ff2c"}))))}static get watchers(){return{show:["onShowChanged"]}}};h.duration=300;h.style=a;export{h as ix_drawer};
-//# sourceMappingURL=p-08d2c2e8.entry.js.map
+import{r as t,c as e,h as s,H as i}from"./p-BNpBEtDH.js";import{p as o}from"./p-CrTP-icT.js";import{a as r}from"./p-Ou74PMQs.js";const a=":host{top:0;right:0;box-shadow:var(--theme-box-shadow-level-3);display:block;position:absolute;justify-content:flex-start;align-items:center;opacity:0;max-height:100vh;min-height:1.5rem;background-color:var(--theme-color-1);border-radius:0.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .drawer-container{z-index:100}:host .header{display:flex;position:relative;align-items:center;justify-content:flex-end;padding:0.5rem;width:100%;order:1}:host .header .header-content{flex-grow:1;margin-right:1rem}:host .content{position:relative;flex:1;order:2;height:100%;width:100%;overflow-y:auto}:host(.display-none){display:none}";const h=class{constructor(s){t(this,s);this.open=e(this,"open",7);this.drawerClose=e(this,"drawerClose",7);this.show=false;this.closeOnClickOutside=true;this.fullHeight=false;this.minWidth=16;this.maxWidth=28;this.width=this.minWidth;this.toggle=false;this.callback=this.clickedOutside.bind(this);this.showContent=true}onShowChanged(t,e){if(t===e){return}this.toggleDrawer(t)}async toggleDrawer(t){t=t!==null&&t!==void 0?t:!this.show;if(t){const{defaultPrevented:t}=this.open.emit();if(t){return}this.show=true;if(!this.toggle&&this.divElement){this.slideInRight(this.divElement);setTimeout((()=>{window.addEventListener("mousedown",this.callback)}),h.duration)}}else{const{defaultPrevented:t}=this.drawerClose.emit();if(t){return}this.show=false;if(this.toggle&&this.divElement){this.slideOutRight(this.divElement)}window.removeEventListener("mousedown",this.callback)}this.toggle=this.show;return Promise.resolve()}onCloseClicked(){this.toggleDrawer(false)}clickedOutside(t){if(!this.closeOnClickOutside){return}const e=t.target;const s=e.closest("#div-container");const i=e.closest("#drawer-btn");if(t.target.type!=="button"&&s!==this.divElement&&e!==i){this.show=false}}getConstrainedWidth(t){return Math.min(Math.max(t,this.minWidth),this.maxWidth)}slideOutRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[e,0],opacity:[1,0],easing:"easeInSine",complete:()=>{t.classList.add("display-none")}})}slideInRight(t){const e=`${this.getConstrainedWidth(this.width==="auto"?this.minWidth:this.width)}rem`;r({targets:t,duration:h.duration,width:[0,e],opacity:[0,1],easing:"easeOutSine",begin:()=>{t.classList.remove("display-none")},complete:()=>{this.showContent=true}})}componentDidLoad(){this.toggleDrawer(this.show)}render(){return s(i,{key:"909d53fac8f9b093953e32c351aa753e64d185ca",class:{"drawer-container":true,"display-none":true},style:{width:"0","max-width":`${this.maxWidth}rem`,height:this.fullHeight?"100%":"auto",overflow:"hidden"},ref:t=>this.divElement=t,"data-testid":"container",id:"div-container"},s("div",{key:"f1c46494754afe5bf34726bd62fc747925e96052",style:{width:this.width==="auto"?"auto":`${this.getConstrainedWidth(this.width)}rem`}},s("div",{key:"80059cbd571e3216c87a16913f5481d5028a1dcf",class:"header"},s("div",{key:"9482f1bea71cf507ebc87f40663fa2586a286fc5",class:"header-content"},s("slot",{key:"f348a131de977557d6aeb45839e88b278ecdb3c6",name:"header"})),s("ix-icon-button",{key:"a3578ca3c9802cfe777f30804549f3670089a510",class:"close-button",style:{display:this.showContent?"block":"none"},icon:o,size:"24",ghost:true,onClick:()=>this.onCloseClicked(),"data-testid":"close-button"})),s("div",{key:"8b1aad2acde63f6c04c602fd098a08985a5057c1",class:"content",style:{display:this.showContent?"block":"none"}},s("slot",{key:"de9a51c6e383bce7dfdbf8b5f687f37d3767ff2c"}))))}static get watchers(){return{show:["onShowChanged"]}}};h.duration=300;h.style=a;export{h as ix_drawer};
+//# sourceMappingURL=p-ca328fc2.entry.js.map

package/dist/siemens-ix/{p-033a9520.entry.js → p-cd52e37a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as e,g as i}from"./p-DtF9fwpD.js";import{g as r}from"./p-i60z1FJC.js";const o=":host{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch}: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 .group{display:flex;position:absolute;align-items:center;height:100%}:host .group-start{left:0px;height:2rem;margin-left:0.5rem;color:var(--theme-color-soft-text)}:host .group-end{right:0px;height:2rem;margin-right:0.5rem;color:var(--theme-color-soft-text)}:host ::slotted(*){display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .group-start ::slotted(*),:host(.disabled) .group-end ::slotted(*){opacity:0.4 !important}";const a=class{constructor(s){t(this,s);this.disabled=false;this.inputPaddingLeft=0;this.inputPaddingRight=0}get inputElement(){return this.hostElement.querySelector("input")}componentWillLoad(){var t;const{valid:s}=this.inputElement.validity;this.inputElement.addEventListener("valid",(()=>{this.onValidInput()}));this.inputElement.addEventListener("invalid",(()=>{this.onInvalidInput()}));this.inputElement.addEventListener("input",(()=>{this.startSlotChanged()}));(t=this.inputElement.form)===null||t===void 0?void 0:t.addEventListener("submit",(()=>{this.startSlotChanged()}));s?this.onValidInput():this.onInvalidInput();this.observer=new MutationObserver((()=>{this.slotChanged();this.startSlotChanged();this.endSlotChanged()}));this.observer.observe(this.hostElement,{subtree:true,childList:true,attributes:true,characterData:true})}componentDidRender(){this.prepareInputElement()}onValidInput(){this.startSlotChanged()}onInvalidInput(){this.startSlotChanged()}prepareInputElement(){if(this.inputElement){this.inputElement.style.width="100%";if(this.inputPaddingRight!==0){this.inputElement.style.paddingRight=this.inputPaddingRight+"px"}else{this.inputElement.style.paddingRight="0.5rem"}if(this.inputPaddingLeft!==0){this.inputElement.style.paddingLeft=this.inputPaddingLeft+"px"}else{this.inputElement.style.paddingLeft="0.5rem"}}else{console.warn('You used the ix-input-group without an input tag, e.g. <input class="ix-form-control" />')}}slotChanged(){var t;this.disabled=(t=this.inputElement)===null||t===void 0?void 0:t.disabled}startSlotChanged(){setTimeout((()=>{var t,s;const e=this.getChildrenWidth(this.startSlotRef);if(e!==0){this.inputPaddingLeft=11+e}else{this.inputPaddingLeft=0}if(!this.inputElement){return}const i=!this.inputElement.validity.valid||this.inputElement.classList.contains("is-invalid");const r=((t=this.inputElement.form)===null||t===void 0?void 0:t.classList.contains("was-validated"))||((s=this.inputElement.form)===null||s===void 0?void 0:s.noValidate)===false;if(r&&i){const t=this.inputPaddingLeft!==0?this.inputPaddingLeft:7;this.inputElement.style.backgroundPosition=`left ${t}px center`;this.inputPaddingLeft+=26}}))}endSlotChanged(){setTimeout((()=>{this.inputPaddingRight=15+this.getChildrenWidth(this.endSlotRef)}))}getChildrenWidth(t){if(!t){return 0}const s=r(t);if(s.length===0){return 0}let e=0;s.forEach((t=>{e+=t.getBoundingClientRect().width}));return e}render(){return s(e,{key:"f911a9b30ed5788e3a2e81da5d935ccdc2bbfbbd",class:{disabled:this.disabled}},s("div",{key:"65d7c4134a794f46c89d7a8a55140ac515a9d27b",class:"group group-start"},s("slot",{key:"39bdf4ec556d693e34862bd058a4dfa25f93c82c",ref:t=>this.startSlotRef=t,name:"input-start"})),s("slot",{key:"88a1331fdda64f4981cad520f93027740284ce4d"}),s("div",{key:"7b6b3c4b1c365b3bcf0a60715c678fe973c17483",class:"group group-end"},s("slot",{key:"a8f4717abc967a4a7fcebd261937ee3533ae344a",ref:t=>this.endSlotRef=t,name:"input-end"})))}get hostElement(){return i(this)}};a.style=o;export{a as ix_input_group};
-//# sourceMappingURL=p-033a9520.entry.js.map
+import{r as t,h as s,H as e,g as i}from"./p-BNpBEtDH.js";import{g as r}from"./p-i60z1FJC.js";const o=":host{position:relative;display:flex;width:100%;flex-wrap:wrap;align-items:stretch}: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 .group{display:flex;position:absolute;align-items:center;height:100%}:host .group-start{left:0px;height:2rem;margin-left:0.5rem;color:var(--theme-color-soft-text)}:host .group-end{right:0px;height:2rem;margin-right:0.5rem;color:var(--theme-color-soft-text)}:host ::slotted(*){display:flex}:host(.disabled){pointer-events:none}:host(.disabled) .group-start ::slotted(*),:host(.disabled) .group-end ::slotted(*){opacity:0.4 !important}";const a=class{constructor(s){t(this,s);this.disabled=false;this.inputPaddingLeft=0;this.inputPaddingRight=0}get inputElement(){return this.hostElement.querySelector("input")}componentWillLoad(){var t;const{valid:s}=this.inputElement.validity;this.inputElement.addEventListener("valid",(()=>{this.onValidInput()}));this.inputElement.addEventListener("invalid",(()=>{this.onInvalidInput()}));this.inputElement.addEventListener("input",(()=>{this.startSlotChanged()}));(t=this.inputElement.form)===null||t===void 0?void 0:t.addEventListener("submit",(()=>{this.startSlotChanged()}));s?this.onValidInput():this.onInvalidInput();this.observer=new MutationObserver((()=>{this.slotChanged();this.startSlotChanged();this.endSlotChanged()}));this.observer.observe(this.hostElement,{subtree:true,childList:true,attributes:true,characterData:true})}componentDidRender(){this.prepareInputElement()}onValidInput(){this.startSlotChanged()}onInvalidInput(){this.startSlotChanged()}prepareInputElement(){if(this.inputElement){this.inputElement.style.width="100%";if(this.inputPaddingRight!==0){this.inputElement.style.paddingRight=this.inputPaddingRight+"px"}else{this.inputElement.style.paddingRight="0.5rem"}if(this.inputPaddingLeft!==0){this.inputElement.style.paddingLeft=this.inputPaddingLeft+"px"}else{this.inputElement.style.paddingLeft="0.5rem"}}else{console.warn('You used the ix-input-group without an input tag, e.g. <input class="ix-form-control" />')}}slotChanged(){var t;this.disabled=(t=this.inputElement)===null||t===void 0?void 0:t.disabled}startSlotChanged(){setTimeout((()=>{var t,s;const e=this.getChildrenWidth(this.startSlotRef);if(e!==0){this.inputPaddingLeft=11+e}else{this.inputPaddingLeft=0}if(!this.inputElement){return}const i=!this.inputElement.validity.valid||this.inputElement.classList.contains("is-invalid");const r=((t=this.inputElement.form)===null||t===void 0?void 0:t.classList.contains("was-validated"))||((s=this.inputElement.form)===null||s===void 0?void 0:s.noValidate)===false;if(r&&i){const t=this.inputPaddingLeft!==0?this.inputPaddingLeft:7;this.inputElement.style.backgroundPosition=`left ${t}px center`;this.inputPaddingLeft+=26}}))}endSlotChanged(){setTimeout((()=>{this.inputPaddingRight=15+this.getChildrenWidth(this.endSlotRef)}))}getChildrenWidth(t){if(!t){return 0}const s=r(t);if(s.length===0){return 0}let e=0;s.forEach((t=>{e+=t.getBoundingClientRect().width}));return e}render(){return s(e,{key:"f911a9b30ed5788e3a2e81da5d935ccdc2bbfbbd",class:{disabled:this.disabled}},s("div",{key:"65d7c4134a794f46c89d7a8a55140ac515a9d27b",class:"group group-start"},s("slot",{key:"39bdf4ec556d693e34862bd058a4dfa25f93c82c",ref:t=>this.startSlotRef=t,name:"input-start"})),s("slot",{key:"88a1331fdda64f4981cad520f93027740284ce4d"}),s("div",{key:"7b6b3c4b1c365b3bcf0a60715c678fe973c17483",class:"group group-end"},s("slot",{key:"a8f4717abc967a4a7fcebd261937ee3533ae344a",ref:t=>this.endSlotRef=t,name:"input-end"})))}get hostElement(){return i(this)}};a.style=o;export{a as ix_input_group};
+//# sourceMappingURL=p-cd52e37a.entry.js.map

package/dist/siemens-ix/{p-b2fd83da.entry.js → p-ce0642f0.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c,h as o,F as r,H as h,g as d}from"./p-DtF9fwpD.js";import{H as t}from"./p-Cdt22lfd.js";import{m as b}from"./p-bcj7UEIC.js";import{a as n}from"./p-Bb7pDeaQ.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);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.inputRef=b((e=>{e.checked=this.checked}))}setCheckedState(e){this.checked=e;this.checkedChange.emit(this.checked)}onCheckedChange(){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)}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:"d089bc3c663788b708f2ceb7fd1bbb21706a1534","aria-checked":n(this.checked),"aria-disabled":n(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate}},o("label",{key:"c80b9d8f724f6b76bfaffb2f5a1a182bb8753e53"},o("input",{key:"ab21dcea80e6823ae3029ba769853be39cab7bf4","aria-checked":n(this.checked),disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),o("button",{key:"100dc970576623fc11099abfefc9a51479c9ea14",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark()),o("ix-typography",{key:"0852bd38494e0d39fc8d37d8e1f5b8469fe8b811",format:"label",textColor:this.disabled?"weak":"std"},this.label,o("slot",{key:"9ec03a9c86d0ec8e1306320963fc690640a55723"}))))}static get formAssociated(){return true}get hostElement(){return d(this)}static get watchers(){return{checked:["onCheckedChange"],value:["onValueChange"]}}};k([t()],i.prototype,"updateClassMappings",null);i.style=a;export{i as ix_checkbox};
-//# sourceMappingURL=p-b2fd83da.entry.js.map
+import{r as e,c,h as o,F as r,H as h,g as d}from"./p-BNpBEtDH.js";import{H as t}from"./p-2j3Ly91D.js";import{m as b}from"./p-bcj7UEIC.js";import{a as n}from"./p-Bb7pDeaQ.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);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.inputRef=b((e=>{e.checked=this.checked}))}setCheckedState(e){this.checked=e;this.checkedChange.emit(this.checked)}onCheckedChange(){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)}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:"d089bc3c663788b708f2ceb7fd1bbb21706a1534","aria-checked":n(this.checked),"aria-disabled":n(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate}},o("label",{key:"c80b9d8f724f6b76bfaffb2f5a1a182bb8753e53"},o("input",{key:"ab21dcea80e6823ae3029ba769853be39cab7bf4","aria-checked":n(this.checked),disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),o("button",{key:"100dc970576623fc11099abfefc9a51479c9ea14",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark()),o("ix-typography",{key:"0852bd38494e0d39fc8d37d8e1f5b8469fe8b811",format:"label",textColor:this.disabled?"weak":"std"},this.label,o("slot",{key:"9ec03a9c86d0ec8e1306320963fc690640a55723"}))))}static get formAssociated(){return true}get hostElement(){return d(this)}static get watchers(){return{checked:["onCheckedChange"],value:["onValueChange"]}}};k([t()],i.prototype,"updateClassMappings",null);i.style=a;export{i as ix_checkbox};
+//# sourceMappingURL=p-ce0642f0.entry.js.map

package/dist/siemens-ix/{p-b606a172.entry.js → p-d132ce81.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as r,F as o,H as s,g as a}from"./p-DtF9fwpD.js";import{H as i,I as l,i as c,a as h,J as n,c as d,K as p}from"./p-CrTP-icT.js";const b=":host(:not(.host-vertical)){width:12rem;height:4rem;min-width:2rem;min-height:4rem;max-width:12rem}:host(.host-vertical){width:100%;height:4rem;min-width:4rem;min-height:2rem;max-height:12rem}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);padding:1.125rem 0 0.5rem 0}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:100%;padding:0 0.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}:host .step.vertical{flex-direction:row;padding:0;height:100%}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:100%}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin:0 1rem;padding:0;width:auto}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";const w=class{constructor(r){e(this,r);this.selectedChanged=t(this,"selectedChanged",7);this.vertical=false;this.disabled=false;this.status="open";this.clickable=false;this.selected=false;this.position="undefined";this.iconColor="workflow-step-icon-default--color";this.customIconSlot=false}selectedHandler(){const e=this.selected?"--selected":"";if(this.status==="open"){this.iconName=this.selected?i:l;this.iconColor=`workflow-step-icon-default--color${e}`}if(this.status==="done"&&!this.disabled){this.iconColor=`workflow-step-icon-done--color${e}`}}watchPropHandler(){switch(this.status){case"open":this.iconName=l;this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName=d;this.iconColor="color-success";break;case"done":this.iconName=n;this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName=h;this.iconColor="color-warning";break;case"error":this.iconName=c;this.iconColor="color-alarm";break;default:this.iconName=l;break}if(this.disabled){this.iconColor="workflow-step-icon-success--color--disabled"}}componentWillLoad(){this.watchPropHandler();this.selectedHandler();this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}onStepClick(){if(!this.disabled&&this.clickable){this.selectedChanged.emit(this.hostElement)}}render(){const e=!this.customIconSlot?r(o,null,r("ix-icon",{color:"color-1",name:this.status==="warning"?p:n,class:"absolute",size:"24"}),r("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"})):null;return r(s,{key:"24a5f9161abb12783379518006da477ff692b9f1",class:{"host-vertical":this.vertical},onClick:()=>this.onStepClick()},r("div",{key:"d9ee53b74a6b2746ab112d79b3342eac60cd2b75",tabIndex:0,class:{step:true,selected:this.selected,vertical:this.vertical,disabled:this.disabled,clickable:this.clickable&&!this.disabled}},r("div",{key:"8ddc4a7837b74bfb5bcd113cdb570f95606720cf",class:"wrapper"},r("div",{key:"a83f5d344a08351a0a95d882d2f56791f1508e51",class:{line:true,selected:this.selected,[this.status]:true,[this.position]:true}}),r("div",{key:"65967894ee2986df460362e6452a1a8d65e96740",class:"iconWrapper"},e,r("slot",{key:"328b81589cd56c4a55668303691aea213e870a18",name:"custom-icon"}))),r("div",{key:"20506bf99bb237219a9c4050f585d7890feddaef",class:"text"},r("slot",{key:"b0524caf6e84aac8f1145e4ffa130afe32d69544"}))))}get hostElement(){return a(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["watchPropHandler"],status:["watchPropHandler"]}}};w.style=b;export{w as ix_workflow_step};
-//# sourceMappingURL=p-b606a172.entry.js.map
+import{r as e,c as t,h as r,F as o,H as s,g as a}from"./p-BNpBEtDH.js";import{H as i,I as l,i as c,a as h,J as n,c as d,K as p}from"./p-CrTP-icT.js";const b=":host(:not(.host-vertical)){width:12rem;height:4rem;min-width:2rem;min-height:4rem;max-width:12rem}:host(.host-vertical){width:100%;height:4rem;min-width:4rem;min-height:2rem;max-height:12rem}:host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);padding:1.125rem 0 0.5rem 0}:host .step .wrapper{display:flex;width:100%;align-items:center;justify-content:center;position:relative}:host .step .wrapper .line{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}:host .step .wrapper .line.first,:host .step .wrapper .line.last{width:50%;margin:0 0 0 auto}:host .step .wrapper .line.last{margin:0 auto 0 0}:host .step .wrapper .line.single{width:0}:host .step .wrapper .line.selected{background-color:var(--theme-workflow-step-icon-default--color--selected)}:host .step .wrapper .line.done{background-color:var(--theme-workflow-step-icon-done--color)}:host .step .wrapper .line.done.selected{background-color:var(--theme-workflow-step-icon-done--color--selected)}:host .step .wrapper .line.warning{background-color:var(--theme-color-warning)}:host .step .wrapper .line.success{background-color:var(--theme-color-success)}:host .step .wrapper .line.error{background-color:var(--theme-color-alarm)}:host .step .wrapper .iconWrapper{display:flex;align-items:center;justify-content:center;position:absolute}:host .step .wrapper .iconWrapper .absolute{position:absolute}:host .step .text{margin-top:1rem;width:100%;padding:0 0.5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-align:center}:host .step.vertical{flex-direction:row;padding:0;height:100%}:host .step.vertical .wrapper{width:auto;padding-left:1.125rem;height:100%}:host .step.vertical .wrapper .line{width:0.125rem;height:100%}:host .step.vertical .wrapper .line.first,:host .step.vertical .wrapper .line.last{height:50%;margin:auto 0 0 0}:host .step.vertical .wrapper .line.last{margin:0 0 auto 0}:host .step.vertical .wrapper .line.single{width:0}:host .step.vertical .text{margin:0 1rem;padding:0;width:auto}:host .step.clickable:hover{background-color:var(--theme-workflow-step--background--hover)}:host .step.clickable:active{background-color:var(--theme-workflow-step--background--active)}:host .step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}:host .step.selected{background-color:var(--theme-workflow-step--background--selected)}:host .step.disabled{background-color:var(--theme-workflow-step--background--disabled)}:host .step.disabled .line{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}:host .step.disabled .text{color:var(--theme-workflow-step--color--disabled)}";const w=class{constructor(r){e(this,r);this.selectedChanged=t(this,"selectedChanged",7);this.vertical=false;this.disabled=false;this.status="open";this.clickable=false;this.selected=false;this.position="undefined";this.iconColor="workflow-step-icon-default--color";this.customIconSlot=false}selectedHandler(){const e=this.selected?"--selected":"";if(this.status==="open"){this.iconName=this.selected?i:l;this.iconColor=`workflow-step-icon-default--color${e}`}if(this.status==="done"&&!this.disabled){this.iconColor=`workflow-step-icon-done--color${e}`}}watchPropHandler(){switch(this.status){case"open":this.iconName=l;this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName=d;this.iconColor="color-success";break;case"done":this.iconName=n;this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName=h;this.iconColor="color-warning";break;case"error":this.iconName=c;this.iconColor="color-alarm";break;default:this.iconName=l;break}if(this.disabled){this.iconColor="workflow-step-icon-success--color--disabled"}}componentWillLoad(){this.watchPropHandler();this.selectedHandler();this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}onStepClick(){if(!this.disabled&&this.clickable){this.selectedChanged.emit(this.hostElement)}}render(){const e=!this.customIconSlot?r(o,null,r("ix-icon",{color:"color-1",name:this.status==="warning"?p:n,class:"absolute",size:"24"}),r("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"})):null;return r(s,{key:"24a5f9161abb12783379518006da477ff692b9f1",class:{"host-vertical":this.vertical},onClick:()=>this.onStepClick()},r("div",{key:"d9ee53b74a6b2746ab112d79b3342eac60cd2b75",tabIndex:0,class:{step:true,selected:this.selected,vertical:this.vertical,disabled:this.disabled,clickable:this.clickable&&!this.disabled}},r("div",{key:"8ddc4a7837b74bfb5bcd113cdb570f95606720cf",class:"wrapper"},r("div",{key:"a83f5d344a08351a0a95d882d2f56791f1508e51",class:{line:true,selected:this.selected,[this.status]:true,[this.position]:true}}),r("div",{key:"65967894ee2986df460362e6452a1a8d65e96740",class:"iconWrapper"},e,r("slot",{key:"328b81589cd56c4a55668303691aea213e870a18",name:"custom-icon"}))),r("div",{key:"20506bf99bb237219a9c4050f585d7890feddaef",class:"text"},r("slot",{key:"b0524caf6e84aac8f1145e4ffa130afe32d69544"}))))}get hostElement(){return a(this)}static get watchers(){return{selected:["selectedHandler"],disabled:["watchPropHandler"],status:["watchPropHandler"]}}};w.style=b;export{w as ix_workflow_step};
+//# sourceMappingURL=p-d132ce81.entry.js.map