@siemens/ix 2.5.0 → 2.6.0

package/dist/siemens-ix/p-6a4a2064.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ApplicationSidebarToggleEvent","Event","constructor","force","super","bubbles","composed","this","menuCss","IxMenuStyle0","Menu","isTransitionDisabled","isVisible","elm","style","display","_b","_a","parentElement","pinnedChange","newPinned","applicationLayoutContext","host","console","warn","setPinned","pinned","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","breakpoint","menuController","register","onChange","on","componentDidRender","show","appendFragments","showPinned","setIsPinned","mode","initial","toggleMenu","startExpanded","appendAboutNewsPopover","getAboutPopoverVerticalPosition","heightArrow","offsetArrow","rectAbout","getBoundingClientRect","bottom","window","innerHeight","height","offset","convertToRemString","contains","showMore","aboutItemLabel","activeTabLabel","toggleAbout","addEventListener","bind","body","appendChild","toggleMapExpand","undefined","mapExpand","expand","expanded","expandChange","emit","checkTransition","setTimeout","container","transitionProperty","isOverlayVisible","showAbout","showSettings","toggleSettings","animateOverlayFadeIn","resetOverlay","onOverlayClose","getCollapseText","i18nCollapse","i18nExpand","getCollapseIcon","isMenuItemClicked","event","target","HTMLElement","tagName","clientHeight","scrollTop","scrollHeight","itemsScrollShadowTop","itemsScrollShadowBottom","Math","round","animateOverlayFadeOut","anime","targets","duration","backdropFilter","translateX","opacity","easing","begin","onComplete","complete","onMenuItemsClick","isHiddenFromViewport","sidebarToggle","mapExpandChange","dispatchEvent","render","h","Host","key","class","slot","ixAriaLabel","i18nExpandSidebar","onClick","async","appSwitchConfig","showAppSwitch","icon","ghost","id","e","tabs","onScroll","name","disabled","active","label","i18nSettings","i18nLegal","enableToggleTheme","themeSwitcher","toggleMode","i18nToggleTheme","enableMapExpand","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';\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  /**\n   * Internal\n   */\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   * Maximum number of menu items to show in case enough vertical space is available.\n   * Extra menu items will be collapsed to 'show more' menu item.\n   *\n   * @deprecated - Has no effect on component. Will get removed with next major release (v3)\n   */\n  @Prop() maxVisibleMenuItems = 9;\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  @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    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    this.expandChange.emit(this.expand);\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    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    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 ? 'navigation-left' : 'navigation-right';\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  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              ></ix-menu-expand-icon>\n            )}\n            {this.breakpoint === 'sm' &&\n              this.applicationLayoutContext?.appSwitchConfig && (\n                <ix-icon-button\n                  onClick={() => {\n                    if (this.applicationLayoutContext?.appSwitchConfig) {\n                      showAppSwitch(\n                        this.applicationLayoutContext.appSwitchConfig\n                      );\n                    }\n                  }}\n                  icon=\"apps\"\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={'cogwheel'}\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={'info'}\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={'light-dark'}\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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"}

package/dist/siemens-ix/{p-b804b8c5.entry.js → p-6bae4e9b.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-f87cd962.js";const l=":host(.keyValue){display:flex;flex-direction:row;align-items:center;gap:1rem}:host(.keyValue) .keyValue__icon{padding:0.25rem 0}:host(.keyValue) .keyValue__content{display:flex;flex-grow:1;align-items:flex-start}:host(.keyValue) .keyValue__content,:host(.keyValue) .keyValue__content .content__label,:host(.keyValue) .keyValue__content .content__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:host(.keyValue) .keyValue__content .content__label{color:var(--theme-color-soft-text)}:host(.keyValue) .keyValue__content .content__value{width:100%}:host(.keyValue.keyValue--column){padding:0.5rem 0;border-bottom:1px solid var(--theme-color-soft-bdr)}:host(.keyValue.keyValue--column) .keyValue__content{flex-direction:column}:host(.keyValue.keyValue--column) .keyValue__content .content__label,:host(.keyValue.keyValue--column) .keyValue__content .content__value:not(.has-customValue){padding:2px 0}:host(.keyValue.keyValue--row){padding:0.25rem 0}:host(.keyValue.keyValue--row) .keyValue__content{flex-direction:row;gap:1rem;align-items:center}:host(.keyValue.keyValue--row) .keyValue__content .content__label,:host(.keyValue.keyValue--row) .keyValue__content .content__value:not(.has-customValue){padding:6px 0}:host(.keyValue.keyValue--row) .keyValue__content .content__label{min-width:8rem}";const o=l;const n=class{constructor(t){e(this,t);this.icon=undefined;this.label=undefined;this.labelPosition="top";this.value=undefined}render(){return t(a,{key:"8431e1a89798f462874f9357d36bd0535c19da6c",class:`keyValue keyValue--${this.labelPosition==="top"?"column":"row"}`},this.icon&&t("ix-icon",{key:"193efc04890c932b8f5c0d075539dec5f49dc37c",name:this.icon,size:"24",class:"keyValue__icon"}),t("div",{key:"8fe5d19dd71dab858d1b70689649e9c50ba610a2",class:"keyValue__content"},t("div",{key:"d8b2eee83899e12fe88afb3e453ca1a00560a200",class:"content__label"},this.label),t("div",{key:"b0aef82462c4dbdd4cc0f0b878b5684f7154cb8f",class:{content__value:true,"has-customValue":this.value===undefined}},this.value!==undefined?this.value:t("slot",{name:"custom-value"}))))}};n.style=o;export{n as ix_key_value};
-//# sourceMappingURL=p-b804b8c5.entry.js.map
+import{r as e,h as t,H as a}from"./p-5806df2b.js";const l=":host(.keyValue){display:flex;flex-direction:row;align-items:center;gap:1rem}:host(.keyValue) .keyValue__icon{padding:0.25rem 0}:host(.keyValue) .keyValue__content{display:flex;flex-grow:1;align-items:flex-start}:host(.keyValue) .keyValue__content,:host(.keyValue) .keyValue__content .content__label,:host(.keyValue) .keyValue__content .content__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}:host(.keyValue) .keyValue__content .content__label{color:var(--theme-color-soft-text)}:host(.keyValue) .keyValue__content .content__value{width:100%}:host(.keyValue.keyValue--column){padding:0.5rem 0;border-bottom:1px solid var(--theme-color-soft-bdr)}:host(.keyValue.keyValue--column) .keyValue__content{flex-direction:column}:host(.keyValue.keyValue--column) .keyValue__content .content__label,:host(.keyValue.keyValue--column) .keyValue__content .content__value:not(.has-customValue){padding:2px 0}:host(.keyValue.keyValue--row){padding:0.25rem 0}:host(.keyValue.keyValue--row) .keyValue__content{flex-direction:row;gap:1rem;align-items:center}:host(.keyValue.keyValue--row) .keyValue__content .content__label,:host(.keyValue.keyValue--row) .keyValue__content .content__value:not(.has-customValue){padding:6px 0}:host(.keyValue.keyValue--row) .keyValue__content .content__label{min-width:8rem}";const o=l;const n=class{constructor(t){e(this,t);this.icon=undefined;this.label=undefined;this.labelPosition="top";this.value=undefined}render(){return t(a,{key:"44e8dc174bc1098bbb777be9e35a09a5d4590c0a",class:`keyValue keyValue--${this.labelPosition==="top"?"column":"row"}`},this.icon&&t("ix-icon",{key:"f1aa9eddfeeb2abca0865660bfa86fbf57fa9e45",name:this.icon,size:"24",class:"keyValue__icon"}),t("div",{key:"09373c9da3a2554872e7c4de98f622c12ae29d2d",class:"keyValue__content"},t("div",{key:"ac0959a100949b8cc4c277ff94597f334a980437",class:"content__label"},this.label),t("div",{key:"e9ae9c4098d307801376b4e341ba9c42d806e106",class:{content__value:true,"has-customValue":this.value===undefined}},this.value!==undefined?this.value:t("slot",{name:"custom-value"}))))}};n.style=o;export{n as ix_key_value};
+//# sourceMappingURL=p-6bae4e9b.entry.js.map

package/dist/siemens-ix/p-6bf208b8.js

@@ -0,0 +1,2 @@
+import{h as t}from"./p-5806df2b.js";import{B as o}from"./p-35e14912.js";function r(r){return t(o,Object.assign({},r,{type:"button"}))}export{r as B};
+//# sourceMappingURL=p-6bf208b8.js.map

package/dist/siemens-ix/{p-3dc1294b.entry.js → p-6e3f1de3.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as s,g as o}from"./p-f87cd962.js";import{a as r}from"./p-71206084.js";import{c as a}from"./p-accec846.js";import{c as n}from"./p-e898862b.js";import"./p-c4749812.js";function h(e,t,{debounceTimeEnter:i,debounceTimeLeave:s}={debounceTimeEnter:0,debounceTimeLeave:500}){let o;let r;return{onEnter:()=>{clearTimeout(r);o=setTimeout((()=>{e()}),i)},onLeave:()=>{clearTimeout(o);r=setTimeout((()=>{t()}),s)}}}const c=":host{display:flex;flex-direction:column;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 .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}";const d=c;const l=40;const m=150;const u=class{constructor(i){e(this,i);this.closeOtherCategories=t(this,"closeOtherCategories",7);this.enterLeaveDebounce=h((()=>{this.onPointerEnter()}),(()=>{this.onPointerLeave()}));this.label=undefined;this.icon=undefined;this.notifications=undefined;this.menuExpand=false;this.showItems=false;this.showDropdown=false;this.nestedItems=[]}isNestedItemActive(){return this.getNestedItems().some((e=>e.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){const e=this.getNestedItems();return e.length*l}onExpandCategory(e){if(e){this.animateFadeIn()}else{this.animateFadeOut()}}animateFadeOut(){const e=25;r({targets:this.menuItemsContainer,duration:m,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+l,0],complete:()=>{setTimeout((()=>{this.showItems=false;this.showDropdown=false}),m+e)}})}animateFadeIn(){r({targets:this.menuItemsContainer,duration:m,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+l],begin:()=>{this.showItems=true;this.showDropdown=false}})}onPointerEnter(){if(this.ixMenu.expand){return}this.closeOtherCategories.emit();this.showDropdown=true}onPointerLeave(){this.showDropdown=false}onCategoryClick(e){e.stopPropagation();if(this.ixMenu.expand){e===null||e===void 0?void 0:e.stopPropagation();this.onExpandCategory(!this.showItems);return}}onNestedItemsChanged(){this.nestedItems=this.getNestedItems()}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){const e=a(this.hostElement);if(!e){throw Error("ix-menu-category can only be used as a child of ix-menu")}this.ixMenu=e;this.menuExpand=this.ixMenu.expand;this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=n((()=>this.onNestedItemsChanged()));this.observer.observe(this.hostElement,{attributes:true,childList:true,subtree:true});requestAnimationFrame((()=>{this.onNestedItemsChanged()}));this.ixMenu.addEventListener("expandChange",(({detail:e})=>{this.menuExpand=e;if(!e){this.clearMenuItemStyles()}this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemStyles(){this.menuItemsContainer.style.removeProperty("max-height");this.menuItemsContainer.style.removeProperty("opacity")}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){return i(s,{key:"3b7a2f4b780189c7527b050c20e036eec255ea29",class:{expanded:this.showItems},onPointerEnter:()=>{this.enterLeaveDebounce.onEnter()},onPointerLeave:e=>{if(e.pointerType==="touch"){return}this.enterLeaveDebounce.onLeave()}},i("ix-menu-item",{key:"740d283513848384f2b0a980f41e1a41edc3c87a",class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:e=>this.onCategoryClick(e),onFocus:()=>this.onPointerEnter(),isCategory:true},i("div",{key:"fc663a360899abcaced5bca9fded51d09c15f340",class:"category"},i("div",{key:"ce375f719315b0d4cccd9838435dc4e59ab126f7",class:"category-text"},this.label),i("ix-icon",{key:"ce17082c41e6f78ae19e0988b9c8f6b784387d5b",name:"chevron-down-small",class:{"category-chevron":true,"category-chevron--open":this.showItems}}))),i("div",{key:"2614bff20114b65cc5a79a3b9ab30effc2f09f3b",ref:e=>this.menuItemsContainer=e,class:{"menu-items":true,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems}},this.showItems?i("slot",null):null),i("ix-dropdown",{key:"ffd3996cf5fa75cea5d54a98b5d3fef1aee8baa0",closeBehavior:"both",show:this.showDropdown,onShowChanged:({detail:e})=>{this.showDropdown=e},class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},onClick:e=>{if(e.target instanceof HTMLElement){if(e.target.tagName==="IX-MENU-ITEM"){this.showDropdown=false}else{e.preventDefault()}}}},i("ix-dropdown-item",{key:"79200ca71682e57529ae12e3b858ed254b78bfda",class:"category-dropdown-header"},i("ix-typography",{key:"5b1615544787d9bbf831195251750b7c14171dc1",variant:"default-title-single",color:"std"},this.label)),i("ix-divider",{key:"f3a08498a76abecf1388607c36751de4b1becef8"}),i("slot",{key:"a099d0d632946c6afe98463d238c06360ea82903"})))}get hostElement(){return o(this)}};u.style=d;export{u as ix_menu_category};
-//# sourceMappingURL=p-3dc1294b.entry.js.map
+import{r as e,c as t,h as i,H as s,g as o}from"./p-5806df2b.js";import{a as r}from"./p-71206084.js";import{c as a}from"./p-10a522ca.js";import{c as n}from"./p-e898862b.js";import"./p-c4749812.js";function h(e,t,{debounceTimeEnter:i,debounceTimeLeave:s}={debounceTimeEnter:0,debounceTimeLeave:500}){let o;let r;return{onEnter:()=>{clearTimeout(r);o=setTimeout((()=>{e()}),i)},onLeave:()=>{clearTimeout(o);r=setTimeout((()=>{t()}),s)}}}const c=":host{display:flex;flex-direction:column;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 .category{display:flex;position:relative;align-items:center;width:100%;height:100%}:host .category-text{width:100%;padding-right:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .category-chevron{margin-left:auto;margin-right:0;transition:var(--theme-default-time) transform ease-in-out}:host .category-chevron--open{transform:rotate(-180deg)}:host .menu-items{overflow:hidden;max-height:0;transition:var(--theme-default-time) max-height ease-in-out}:host .menu-items--expanded{max-height:999999999px;padding:0.25rem 0 0.25rem 1.625rem}:host .menu-items--collapsed{display:none}:host .category-dropdown ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host .category-dropdown-header{pointer-events:none;padding-left:0.125rem;min-width:256px}:host ::slotted(ix-menu-item){--ix-menu-item-height:2.5rem}:host(.expanded){background-color:var(--theme-color-ghost--active)}:host ::slotted(a[href]){text-decoration:none !important}";const d=c;const l=40;const m=150;const u=class{constructor(i){e(this,i);this.closeOtherCategories=t(this,"closeOtherCategories",7);this.enterLeaveDebounce=h((()=>{this.onPointerEnter()}),(()=>{this.onPointerLeave()}));this.label=undefined;this.icon=undefined;this.notifications=undefined;this.menuExpand=false;this.showItems=false;this.showDropdown=false;this.nestedItems=[]}isNestedItemActive(){return this.getNestedItems().some((e=>e.active))}getNestedItems(){return Array.from(this.hostElement.querySelectorAll(":scope ix-menu-item"))}getNestedItemsHeight(){const e=this.getNestedItems();return e.length*l}onExpandCategory(e){if(e){this.animateFadeIn()}else{this.animateFadeOut()}}animateFadeOut(){const e=25;r({targets:this.menuItemsContainer,duration:m,easing:"easeInSine",opacity:[1,0],maxHeight:[this.getNestedItemsHeight()+l,0],complete:()=>{setTimeout((()=>{this.showItems=false;this.showDropdown=false}),m+e)}})}animateFadeIn(){r({targets:this.menuItemsContainer,duration:m,easing:"easeInSine",opacity:[0,1],maxHeight:[0,this.getNestedItemsHeight()+l],begin:()=>{this.showItems=true;this.showDropdown=false}})}onPointerEnter(){if(this.ixMenu.expand){return}this.closeOtherCategories.emit();this.showDropdown=true}onPointerLeave(){this.showDropdown=false}onCategoryClick(e){e.stopPropagation();if(this.ixMenu.expand){e===null||e===void 0?void 0:e.stopPropagation();this.onExpandCategory(!this.showItems);return}}onNestedItemsChanged(){this.nestedItems=this.getNestedItems()}isCategoryItemListVisible(){return this.menuExpand&&(this.showItems||this.isNestedItemActive())}componentWillLoad(){const e=a(this.hostElement);if(!e){throw Error("ix-menu-category can only be used as a child of ix-menu")}this.ixMenu=e;this.menuExpand=this.ixMenu.expand;this.showItems=this.isCategoryItemListVisible()}componentDidLoad(){this.observer=n((()=>this.onNestedItemsChanged()));this.observer.observe(this.hostElement,{attributes:true,childList:true,subtree:true});requestAnimationFrame((()=>{this.onNestedItemsChanged()}));this.ixMenu.addEventListener("expandChange",(({detail:e})=>{this.menuExpand=e;if(!e){this.clearMenuItemStyles()}this.showItems=this.isCategoryItemListVisible()}))}clearMenuItemStyles(){this.menuItemsContainer.style.removeProperty("max-height");this.menuItemsContainer.style.removeProperty("opacity")}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){return i(s,{key:"f9f4730936ba8f8ee2a46e0ce306117f947de177",class:{expanded:this.showItems},onPointerEnter:()=>{this.enterLeaveDebounce.onEnter()},onPointerLeave:e=>{if(e.pointerType==="touch"){return}this.enterLeaveDebounce.onLeave()}},i("ix-menu-item",{key:"c8c152e9c345945b50803bd72998a09b72a70d74",class:"category-parent",active:this.isNestedItemActive(),notifications:this.notifications,icon:this.icon,onClick:e=>this.onCategoryClick(e),onFocus:()=>this.onPointerEnter(),isCategory:true},i("div",{key:"3b584077fbdbf1ce09421f33fddc52ba4da5d168",class:"category"},i("div",{key:"73388008e380b2d6f341eef162727fd59aec88ee",class:"category-text"},this.label),i("ix-icon",{key:"ab5cf9fd56692b29bcc7501cb096411416a661a5",name:"chevron-down-small",class:{"category-chevron":true,"category-chevron--open":this.showItems}}))),i("div",{key:"faa34c42bcf4250389ca2f46566b3992b235db27",ref:e=>this.menuItemsContainer=e,class:{"menu-items":true,"menu-items--expanded":this.showItems,"menu-items--collapsed":!this.showItems}},this.showItems?i("slot",null):null),i("ix-dropdown",{key:"d366bdd594350a8f67ee80b0d7d7b98d8d57cb28",closeBehavior:"both",show:this.showDropdown,onShowChanged:({detail:e})=>{this.showDropdown=e},class:"category-dropdown",anchor:this.hostElement,placement:"right-start",offset:{mainAxis:3},onClick:e=>{if(e.target instanceof HTMLElement){if(e.target.tagName==="IX-MENU-ITEM"){this.showDropdown=false}else{e.preventDefault()}}}},i("ix-dropdown-item",{key:"66918af3f1d25eaa574e47eda975b1ce23e954d4",class:"category-dropdown-header"},i("ix-typography",{key:"7479a92697b5e704aa75a9281d75aad54384328e",format:"label",bold:true,color:"std"},this.label)),i("ix-divider",{key:"ac0f5ce34503cfe9e77071185b46789eed2c3eef"}),i("slot",{key:"78dc27c30debcc86f4040e359a8659b55d8259b1"})))}get hostElement(){return o(this)}};u.style=d;export{u as ix_menu_category};
+//# sourceMappingURL=p-6e3f1de3.entry.js.map

package/dist/siemens-ix/p-6e3f1de3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createEnterLeaveDebounce","enterCallback","leaveCallback","debounceTimeEnter","debounceTimeLeave","enterTimeout","leaveTimeout","onEnter","clearTimeout","setTimeout","onLeave","menuCategoryCss","IxMenuCategoryStyle0","DefaultIxMenuItemHeight","DefaultAnimationTimeout","MenuCategory","this","enterLeaveDebounce","onPointerEnter","onPointerLeave","isNestedItemActive","getNestedItems","some","item","active","Array","from","hostElement","querySelectorAll","getNestedItemsHeight","items","length","onExpandCategory","showItems","animateFadeIn","animateFadeOut","slotHideThresholdMs","anime","targets","menuItemsContainer","duration","easing","opacity","maxHeight","complete","showDropdown","begin","ixMenu","expand","closeOtherCategories","emit","onCategoryClick","e","stopPropagation","onNestedItemsChanged","nestedItems","isCategoryItemListVisible","menuExpand","componentWillLoad","closestMenu","closestIxMenu","Error","componentDidLoad","observer","createMutationObserver","observe","attributes","childList","subtree","requestAnimationFrame","addEventListener","detail","clearMenuItemStyles","style","removeProperty","disconnectedCallback","disconnect","render","h","Host","key","class","expanded","event","pointerType","notifications","icon","onClick","onFocus","isCategory","label","name","ref","closeBehavior","show","onShowChanged","dropdownShown","anchor","placement","offset","mainAxis","target","HTMLElement","tagName","preventDefault","format","bold","color"],"sources":["src/components/menu-category/enter-leave.ts","src/components/menu-category/menu-category.scss?tag=ix-menu-category&encapsulation=shadow","src/components/menu-category/menu-category.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function createEnterLeaveDebounce(\n  enterCallback: Function,\n  leaveCallback: Function,\n  {\n    debounceTimeEnter,\n    debounceTimeLeave,\n  }: {\n    debounceTimeEnter: number;\n    debounceTimeLeave: number;\n  } = {\n    debounceTimeEnter: 0,\n    debounceTimeLeave: 500,\n  }\n) {\n  let enterTimeout: NodeJS.Timeout;\n  let leaveTimeout: NodeJS.Timeout;\n\n  return {\n    onEnter: () => {\n      clearTimeout(leaveTimeout);\n      enterTimeout = setTimeout(() => {\n        enterCallback();\n      }, debounceTimeEnter);\n    },\n    onLeave: () => {\n      clearTimeout(enterTimeout);\n      leaveTimeout = setTimeout(() => {\n        leaveCallback();\n      }, debounceTimeLeave);\n    },\n  };\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'mixins/shadow-dom/component';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ix-component;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n\n  .category {\n    display: flex;\n    position: relative;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n  }\n\n  .category-text {\n    width: 100%;\n    padding-right: 0.25rem;\n    @include ellipsis;\n  }\n\n  .category-chevron {\n    margin-left: auto;\n    margin-right: 0;\n    transition: var(--theme-default-time) transform ease-in-out;\n  }\n\n  .category-chevron--open {\n    transform: rotate(-180deg);\n  }\n\n  .menu-items {\n    overflow: hidden;\n    max-height: 0;\n    transition: var(--theme-default-time) max-height ease-in-out;\n  }\n\n  .menu-items--expanded {\n    max-height: 999999999px;\n    padding: 0.25rem 0 0.25rem 1.625rem;\n  }\n\n  .menu-items--collapsed {\n    display: none;\n  }\n\n  .category-dropdown {\n    ::slotted(ix-menu-item) {\n      --ix-menu-item-height: 2.5rem;\n    }\n  }\n\n  .category-dropdown-header {\n    pointer-events: none;\n    padding-left: 0.125rem;\n    min-width: 256px;\n  }\n\n  ::slotted(ix-menu-item) {\n    --ix-menu-item-height: 2.5rem;\n  }\n}\n\n:host(.expanded) {\n  background-color: var(--theme-color-ghost--active);\n}\n\n:host {\n  ::slotted(a[href]) {\n    text-decoration: none !important;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport {\n  Component,\n  Element,\n  h,\n  Host,\n  Prop,\n  State,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport anime from 'animejs';\nimport { closestIxMenu } from '../utils/application-layout/context';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { createEnterLeaveDebounce } from './enter-leave';\n\nconst DefaultIxMenuItemHeight = 40;\nconst DefaultAnimationTimeout = 150;\n\n/**\n * @since 2.0.0\n */\n@Component({\n  tag: 'ix-menu-category',\n  styleUrl: 'menu-category.scss',\n  shadow: true,\n})\nexport class MenuCategory {\n  @Element() hostElement: HTMLIxMenuCategoryElement;\n\n  /**\n   * Display name of the category\n   */\n  @Prop() label: string;\n\n  /**\n   * Icon of the category\n   */\n  @Prop() icon: string;\n\n  /**\n   * Show notification count on the category\n   */\n  @Prop() notifications: number;\n\n  /** @internal */\n  // eslint-disable-next-line @stencil-community/decorators-style\n  @Event({ bubbles: true, cancelable: true })\n  closeOtherCategories: EventEmitter;\n\n  @State() menuExpand = false;\n  @State() showItems = false;\n  @State() showDropdown = false;\n  @State() nestedItems: HTMLIxMenuItemElement[] = [];\n\n  private observer: MutationObserver;\n  private menuItemsContainer: HTMLDivElement;\n  private ixMenu: HTMLIxMenuElement;\n\n  private enterLeaveDebounce = createEnterLeaveDebounce(\n    () => {\n      this.onPointerEnter();\n    },\n    () => {\n      this.onPointerLeave();\n    }\n  );\n\n  private isNestedItemActive() {\n    return this.getNestedItems().some((item) => item.active);\n  }\n\n  private getNestedItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll(':scope ix-menu-item')\n    ) as HTMLIxMenuItemElement[];\n  }\n\n  private getNestedItemsHeight() {\n    const items = this.getNestedItems();\n\n    return items.length * DefaultIxMenuItemHeight;\n  }\n\n  private onExpandCategory(showItems: boolean) {\n    if (showItems) {\n      this.animateFadeIn();\n    } else {\n      this.animateFadeOut();\n    }\n  }\n\n  private animateFadeOut() {\n    const slotHideThresholdMs = 25;\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [1, 0],\n      maxHeight: [this.getNestedItemsHeight() + DefaultIxMenuItemHeight, 0],\n      complete: () => {\n        setTimeout(() => {\n          this.showItems = false;\n          this.showDropdown = false;\n        }, DefaultAnimationTimeout + slotHideThresholdMs);\n      },\n    });\n  }\n\n  private animateFadeIn() {\n    anime({\n      targets: this.menuItemsContainer,\n      duration: DefaultAnimationTimeout,\n      easing: 'easeInSine',\n      opacity: [0, 1],\n      maxHeight: [0, this.getNestedItemsHeight() + DefaultIxMenuItemHeight],\n      begin: () => {\n        this.showItems = true;\n        this.showDropdown = false;\n      },\n    });\n  }\n\n  private onPointerEnter() {\n    if (this.ixMenu.expand) {\n      return;\n    }\n    this.closeOtherCategories.emit();\n    this.showDropdown = true;\n  }\n\n  @Listen('closeOtherCategories', { target: 'window' })\n  private onPointerLeave() {\n    this.showDropdown = false;\n  }\n\n  private onCategoryClick(e: MouseEvent) {\n    e.stopPropagation();\n    if (this.ixMenu.expand) {\n      e?.stopPropagation();\n      this.onExpandCategory(!this.showItems);\n      return;\n    }\n  }\n\n  private onNestedItemsChanged() {\n    this.nestedItems = this.getNestedItems();\n  }\n\n  private isCategoryItemListVisible() {\n    return this.menuExpand && (this.showItems || this.isNestedItemActive());\n  }\n\n  componentWillLoad() {\n    const closestMenu = closestIxMenu(this.hostElement);\n    if (!closestMenu) {\n      throw Error('ix-menu-category can only be used as a child of ix-menu');\n    }\n    this.ixMenu = closestMenu;\n\n    this.menuExpand = this.ixMenu.expand;\n    this.showItems = this.isCategoryItemListVisible();\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver(() => this.onNestedItemsChanged());\n    this.observer.observe(this.hostElement, {\n      attributes: true,\n      childList: true,\n      subtree: true,\n    });\n\n    requestAnimationFrame(() => {\n      this.onNestedItemsChanged();\n    });\n\n    this.ixMenu.addEventListener(\n      'expandChange',\n      ({ detail: menuExpand }: CustomEvent<boolean>) => {\n        this.menuExpand = menuExpand;\n        if (!menuExpand) {\n          this.clearMenuItemStyles();\n        }\n        this.showItems = this.isCategoryItemListVisible();\n      }\n    );\n  }\n\n  clearMenuItemStyles() {\n    this.menuItemsContainer.style.removeProperty('max-height');\n    this.menuItemsContainer.style.removeProperty('opacity');\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          expanded: this.showItems,\n        }}\n        onPointerEnter={() => {\n          this.enterLeaveDebounce.onEnter();\n        }}\n        onPointerLeave={(event: PointerEvent) => {\n          if (event.pointerType === 'touch') {\n            return;\n          }\n          this.enterLeaveDebounce.onLeave();\n        }}\n      >\n        <ix-menu-item\n          class={'category-parent'}\n          active={this.isNestedItemActive()}\n          notifications={this.notifications}\n          icon={this.icon}\n          onClick={(e) => this.onCategoryClick(e)}\n          onFocus={() => this.onPointerEnter()}\n          isCategory\n        >\n          <div class=\"category\">\n            <div class=\"category-text\">{this.label}</div>\n            <ix-icon\n              name={'chevron-down-small'}\n              class={{\n                'category-chevron': true,\n                'category-chevron--open': this.showItems,\n              }}\n            ></ix-icon>\n          </div>\n        </ix-menu-item>\n        <div\n          ref={(ref) => (this.menuItemsContainer = ref!)}\n          class={{\n            'menu-items': true,\n            'menu-items--expanded': this.showItems,\n            'menu-items--collapsed': !this.showItems,\n          }}\n        >\n          {this.showItems ? <slot></slot> : null}\n        </div>\n        <ix-dropdown\n          closeBehavior={'both'}\n          show={this.showDropdown}\n          onShowChanged={({ detail: dropdownShown }: CustomEvent<boolean>) => {\n            this.showDropdown = dropdownShown;\n          }}\n          class={'category-dropdown'}\n          anchor={this.hostElement}\n          placement=\"right-start\"\n          offset={{\n            mainAxis: 3,\n          }}\n          onClick={(e) => {\n            if (e.target instanceof HTMLElement) {\n              if (e.target.tagName === 'IX-MENU-ITEM') {\n                this.showDropdown = false;\n              } else {\n                e.preventDefault();\n              }\n            }\n          }}\n        >\n          <ix-dropdown-item class={'category-dropdown-header'}>\n            <ix-typography format=\"label\" bold color=\"std\">\n              {this.label}\n            </ix-typography>\n          </ix-dropdown-item>\n          <ix-divider></ix-divider>\n          <slot></slot>\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6MAQgBA,EACdC,EACAC,GACAC,kBACEA,EAAiBC,kBACjBA,GAIE,CACFD,kBAAmB,EACnBC,kBAAmB,MAGrB,IAAIC,EACJ,IAAIC,EAEJ,MAAO,CACLC,QAAS,KACPC,aAAaF,GACbD,EAAeI,YAAW,KACxBR,GAAe,GACdE,EAAkB,EAEvBO,QAAS,KACPF,aAAaH,GACbC,EAAeG,YAAW,KACxBP,GAAe,GACdE,EAAkB,EAG3B,CCvCA,MAAMO,EAAkB,ovDACxB,MAAAC,EAAeD,ECuBf,MAAME,EAA0B,GAChC,MAAMC,EAA0B,I,MAUnBC,EAAY,M,oFAgCfC,KAAAC,mBAAqBjB,GAC3B,KACEgB,KAAKE,gBAAgB,IAEvB,KACEF,KAAKG,gBAAgB,I,sFAdH,M,eACD,M,kBACG,M,iBACwB,E,CAexC,kBAAAC,GACN,OAAOJ,KAAKK,iBAAiBC,MAAMC,GAASA,EAAKC,Q,CAG3C,cAAAH,GACN,OAAOI,MAAMC,KACXV,KAAKW,YAAYC,iBAAiB,uB,CAI9B,oBAAAC,GACN,MAAMC,EAAQd,KAAKK,iBAEnB,OAAOS,EAAMC,OAASlB,C,CAGhB,gBAAAmB,CAAiBC,GACvB,GAAIA,EAAW,CACbjB,KAAKkB,e,KACA,CACLlB,KAAKmB,gB,EAID,cAAAA,GACN,MAAMC,EAAsB,GAC5BC,EAAM,CACJC,QAAStB,KAAKuB,mBACdC,SAAU1B,EACV2B,OAAQ,aACRC,QAAS,CAAC,EAAG,GACbC,UAAW,CAAC3B,KAAKa,uBAAyBhB,EAAyB,GACnE+B,SAAU,KACRnC,YAAW,KACTO,KAAKiB,UAAY,MACjBjB,KAAK6B,aAAe,KAAK,GACxB/B,EAA0BsB,EAAoB,G,CAK/C,aAAAF,GACNG,EAAM,CACJC,QAAStB,KAAKuB,mBACdC,SAAU1B,EACV2B,OAAQ,aACRC,QAAS,CAAC,EAAG,GACbC,UAAW,CAAC,EAAG3B,KAAKa,uBAAyBhB,GAC7CiC,MAAO,KACL9B,KAAKiB,UAAY,KACjBjB,KAAK6B,aAAe,KAAK,G,CAKvB,cAAA3B,GACN,GAAIF,KAAK+B,OAAOC,OAAQ,CACtB,M,CAEFhC,KAAKiC,qBAAqBC,OAC1BlC,KAAK6B,aAAe,I,CAId,cAAA1B,GACNH,KAAK6B,aAAe,K,CAGd,eAAAM,CAAgBC,GACtBA,EAAEC,kBACF,GAAIrC,KAAK+B,OAAOC,OAAQ,CACtBI,IAAC,MAADA,SAAC,SAADA,EAAGC,kBACHrC,KAAKgB,kBAAkBhB,KAAKiB,WAC5B,M,EAII,oBAAAqB,GACNtC,KAAKuC,YAAcvC,KAAKK,gB,CAGlB,yBAAAmC,GACN,OAAOxC,KAAKyC,aAAezC,KAAKiB,WAAajB,KAAKI,qB,CAGpD,iBAAAsC,GACE,MAAMC,EAAcC,EAAc5C,KAAKW,aACvC,IAAKgC,EAAa,CAChB,MAAME,MAAM,0D,CAEd7C,KAAK+B,OAASY,EAEd3C,KAAKyC,WAAazC,KAAK+B,OAAOC,OAC9BhC,KAAKiB,UAAYjB,KAAKwC,2B,CAGxB,gBAAAM,GACE9C,KAAK+C,SAAWC,GAAuB,IAAMhD,KAAKsC,yBAClDtC,KAAK+C,SAASE,QAAQjD,KAAKW,YAAa,CACtCuC,WAAY,KACZC,UAAW,KACXC,QAAS,OAGXC,uBAAsB,KACpBrD,KAAKsC,sBAAsB,IAG7BtC,KAAK+B,OAAOuB,iBACV,gBACA,EAAGC,OAAQd,MACTzC,KAAKyC,WAAaA,EAClB,IAAKA,EAAY,CACfzC,KAAKwD,qB,CAEPxD,KAAKiB,UAAYjB,KAAKwC,2BAA2B,G,CAKvD,mBAAAgB,GACExD,KAAKuB,mBAAmBkC,MAAMC,eAAe,cAC7C1D,KAAKuB,mBAAmBkC,MAAMC,eAAe,U,CAG/C,oBAAAC,GACE,GAAI3D,KAAK+C,SAAU,CACjB/C,KAAK+C,SAASa,Y,EAIlB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACLC,SAAUlE,KAAKiB,WAEjBf,eAAgB,KACdF,KAAKC,mBAAmBV,SAAS,EAEnCY,eAAiBgE,IACf,GAAIA,EAAMC,cAAgB,QAAS,CACjC,M,CAEFpE,KAAKC,mBAAmBP,SAAS,GAGnCoE,EAAA,gBAAAE,IAAA,2CACEC,MAAO,kBACPzD,OAAQR,KAAKI,qBACbiE,cAAerE,KAAKqE,cACpBC,KAAMtE,KAAKsE,KACXC,QAAUnC,GAAMpC,KAAKmC,gBAAgBC,GACrCoC,QAAS,IAAMxE,KAAKE,iBACpBuE,WAAU,MAEVX,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,iBAAiBjE,KAAK0E,OACjCZ,EAAA,WAAAE,IAAA,2CACEW,KAAM,qBACNV,MAAO,CACL,mBAAoB,KACpB,yBAA0BjE,KAAKiB,eAKvC6C,EAAA,OAAAE,IAAA,2CACEY,IAAMA,GAAS5E,KAAKuB,mBAAqBqD,EACzCX,MAAO,CACL,aAAc,KACd,uBAAwBjE,KAAKiB,UAC7B,yBAA0BjB,KAAKiB,YAGhCjB,KAAKiB,UAAY6C,EAAA,aAAgB,MAEpCA,EAAA,eAAAE,IAAA,2CACEa,cAAe,OACfC,KAAM9E,KAAK6B,aACXkD,cAAe,EAAGxB,OAAQyB,MACxBhF,KAAK6B,aAAemD,CAAa,EAEnCf,MAAO,oBACPgB,OAAQjF,KAAKW,YACbuE,UAAU,cACVC,OAAQ,CACNC,SAAU,GAEZb,QAAUnC,IACR,GAAIA,EAAEiD,kBAAkBC,YAAa,CACnC,GAAIlD,EAAEiD,OAAOE,UAAY,eAAgB,CACvCvF,KAAK6B,aAAe,K,KACf,CACLO,EAAEoD,gB,KAKR1B,EAAA,oBAAAE,IAAA,2CAAkBC,MAAO,4BACvBH,EAAA,iBAAAE,IAAA,2CAAeyB,OAAO,QAAQC,KAAI,KAACC,MAAM,OACtC3F,KAAK0E,QAGVZ,EAAA,cAAAE,IAAA,6CACAF,EAAA,QAAAE,IAAA,8C"}

package/dist/siemens-ix/{p-90440046.entry.js → p-76b57ff0.entry.js}

@@ -1,2 +1,2 @@
-import{r,h as e,H as a}from"./p-f87cd962.js";const o=":host{}: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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0 rgba(0, 0, 0, 0.1);border-radius:4px}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 0.75rem 0.75rem 0.75rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}";const t=o;const d=class{constructor(e){r(this,e);this.standaloneAppearance=undefined;this.individual=true;this.corners="rounded"}cardClasses(){return{card:true,standaloneAppearance:this.standaloneAppearance!==undefined?this.standaloneAppearance:this.individual,rounded:this.corners==="rounded",left:this.corners==="left",right:this.corners==="right"}}render(){return e(a,{key:"b699133fd52ef092307f90f515aa7046a99cd21f"},e("div",{key:"938a7c031dae445fee084ea8c1390627b1743bfb",class:this.cardClasses()},e("div",{key:"1d20df2d528d8219a7fcea504f63da8a07a4fe74",class:"header"},e("slot",{key:"0dadc7cb6813210aa9de4299f86a2e1b8ed01764",name:"header"})),e("div",{key:"79a1560d676b4d7583edf9c2fc14be75d4a35514",class:"separator"}),e("div",{key:"e0f633c51c1167383fc9f75d153cfb20ee77bc39",class:"content"},e("slot",{key:"eb8a5596284dd1a461d7f83abe3ec94ac0ebe76c"}))))}};d.style=t;export{d as ix_date_time_card};
-//# sourceMappingURL=p-90440046.entry.js.map
+import{r,h as e,H as a}from"./p-5806df2b.js";const o=":host{}: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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0 rgba(0, 0, 0, 0.1);border-radius:4px}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}";const t=o;const d=class{constructor(e){r(this,e);this.standaloneAppearance=undefined;this.individual=true;this.corners="rounded"}cardClasses(){var r;return{card:true,standaloneAppearance:(r=this.standaloneAppearance)!==null&&r!==void 0?r:this.individual,rounded:this.corners==="rounded",left:this.corners==="left",right:this.corners==="right"}}render(){return e(a,{key:"77a37aa7870189df01421b6d82b60441e41deaf4"},e("div",{key:"17852809f2b373e8bc1675c1fba569dbd173463e",class:this.cardClasses()},e("div",{key:"8c806d4db94332771387bc598a21e3bf9a908a8e",class:"header"},e("slot",{key:"df31d6a6e5bb15f4fa2da1b8c50f9ce56b85849d",name:"header"})),e("div",{key:"40fd41f6fab1fca75e12e279c5793061d906c513",class:"separator"}),e("div",{key:"56e09ff2ccf4a972b89d222632bca92577a218ee",class:"content"},e("slot",{key:"74c55c0adf88f5f9ba608e164432ab51ab5a6c26"}))))}};d.style=t;export{d as ix_date_time_card};
+//# sourceMappingURL=p-76b57ff0.entry.js.map

package/dist/siemens-ix/p-76b57ff0.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dateTimeCardCss","IxDateTimeCardStyle0","DateTimeCard","cardClasses","card","standaloneAppearance","_a","this","individual","rounded","corners","left","right","render","h","Host","key","class","name"],"sources":["src/components/date-time-card/date-time-card.scss?tag=ix-date-time-card&encapsulation=shadow","src/components/date-time-card/date-time-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n\n  .card {\n    background-color: var(--theme-menu--background);\n    width: 100%;\n    box-shadow: none;\n    border: none;\n    border-radius: unset;\n    display: flex;\n    flex-direction: column;\n\n    &.standaloneAppearance {\n      box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1),\n        0 12px 18px 0 rgba(0, 0, 0, 0.1);\n      border-radius: 4px;\n    }\n\n    &.rounded {\n      border-radius: 4px;\n    }\n\n    &.left {\n      border-radius: 4px 0 0 4px;\n      height: 100%;\n    }\n\n    &.right {\n      border-radius: 0 4px 4px 0;\n      height: 100%;\n    }\n\n    .header {\n      padding: $default-space;\n      flex: 0 1 auto;\n    }\n\n    .separator {\n      border: 1px solid var(--theme-datepicker-separator--background);\n      width: 100%;\n      flex: 0 1 auto;\n    }\n\n    .content {\n      padding: 0 $default-space $default-space $default-space;\n      flex: 1 1 auto;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\n\nexport type DateTimeCardCorners = 'rounded' | 'left' | 'right' | 'straight';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'ix-date-time-card',\n  styleUrl: 'date-time-card.scss',\n  shadow: true,\n})\nexport class DateTimeCard {\n  /** @internal */\n  @Prop() standaloneAppearance?: boolean;\n\n  /**\n   * set styles\n   */\n  @Prop() individual: boolean = true;\n\n  /**\n   * Set corners style\n   */\n  @Prop() corners: DateTimeCardCorners = 'rounded';\n\n  private cardClasses() {\n    return {\n      card: true,\n      standaloneAppearance: this.standaloneAppearance ?? this.individual,\n      rounded: this.corners === 'rounded',\n      left: this.corners === 'left',\n      right: this.corners === 'right',\n    };\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.cardClasses()}>\n          <div class=\"header\">\n            <slot name=\"header\"></slot>\n          </div>\n\n          <div class=\"separator\"></div>\n\n          <div class=\"content\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAkB,i+CACxB,MAAAC,EAAeD,E,MCoBFE,EAAY,M,6EAOO,K,aAKS,S,CAE/B,WAAAC,G,MACN,MAAO,CACLC,KAAM,KACNC,sBAAsBC,EAAAC,KAAKF,wBAAoB,MAAAC,SAAA,EAAAA,EAAIC,KAAKC,WACxDC,QAASF,KAAKG,UAAY,UAC1BC,KAAMJ,KAAKG,UAAY,OACvBE,MAAOL,KAAKG,UAAY,Q,CAI5B,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOV,KAAKJ,eACfW,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UACTH,EAAA,QAAAE,IAAA,2CAAME,KAAK,YAGbJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,cAEXH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,WACTH,EAAA,QAAAE,IAAA,+C"}

package/dist/siemens-ix/p-792e1c52.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as o,h as t,H as r,g as a}from"./p-5806df2b.js";import{e as i,f as n}from"./p-a427e6a2.js";import{H as d}from"./p-f97a15c4.js";import{m as l}from"./p-ce563a48.js";import{m as s,a as b,b as c,I as p,c as h,o as m,S as u,g as v}from"./p-79bb0d39.js";import"./p-5fe87e71.js";import"./p-360b158e.js";import"./p-71206084.js";const f="label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}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:100%;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:-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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}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:100%;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:-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~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;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}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}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}label{color:var(--theme-color-soft-text);padding:2px 0px}label.label-alignment-left{padding:6px 0px}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:100%;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:-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}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea{padding:0.375rem 1.25rem 0.375rem 0.5rem}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:100%;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:-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~.valid-feedback,textarea~.invalid-feedback,input~.valid-feedback,input~.invalid-feedback{display:none;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}form textarea~.valid-feedback,form input~.valid-feedback{color:var(--theme-color-success)}form textarea~.invalid-feedback,form input~.invalid-feedback{color:var(--theme-color-alarm-text)}form:not([novalidate]) :invalid,form:not([novalidate]) .is-invalid,form.was-validated :invalid,form.was-validated .is-invalid{background-color:var(--theme-input-error--background);border-color:var(--theme-input-error--border-color);background-image:url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;background-position:left calc(0.375em + 0.1875rem) center;padding-right:0.75rem;padding-left:calc(1.5em + 0.75rem);background-size:18px;background-repeat:no-repeat}form:not([novalidate]) :invalid~.invalid-feedback,form:not([novalidate]) .is-invalid~.invalid-feedback,form.was-validated :invalid~.invalid-feedback,form.was-validated .is-invalid~.invalid-feedback{display:block}form:not([novalidate]) :valid~.valid-feedback,form:not([novalidate]) .is-valid~.valid-feedback,form.was-validated :valid~.valid-feedback,form.was-validated .is-valid~.valid-feedback{display:block}form:not(.was-validated) .invalid-feedback,form:not(.was-validated) .valid-feedback{display:none !important}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}";const x=f;var g=undefined&&undefined.__decorate||function(e,o,t,r){var a=arguments.length,i=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,t):r,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)if(n=e[d])i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i;return a>3&&i&&Object.defineProperty(o,t,i),i};let y=0;const k=class{constructor(t){e(this,t);this.valueChange=o(this,"valueChange",7);this.validityStateChange=o(this,"validityStateChange",7);this.ixBlur=o(this,"ixBlur",7);if(t.$hostElement$["s-ei"]){this.formInternals=t.$hostElement$["s-ei"]}else{this.formInternals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.formInternals}this.inputRef=l();this.slotEndRef=l();this.slotStartRef=l();this.inputId=`input-${y++}`;this.type="text";this.name=undefined;this.placeholder=undefined;this.value="";this.required=false;this.disabled=false;this.readonly=false;this.helperText=undefined;this.infoText=undefined;this.showTextAsTooltip=undefined;this.validText=undefined;this.warningText=undefined;this.label=undefined;this.invalidText=undefined;this.pattern=undefined;this.maxLength=undefined;this.minLength=undefined;this.allowedCharactersPattern=undefined;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.isInvalidByRequired=false;this.inputType="text"}updateClassMappings(e){s(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value);this.inputType=this.type}componentDidRender(){this.updatePaddings()}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}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()}render(){var e;const o=v(this);return t(r,{key:"842ff9fc4e182372da40d4bcb4f89653fc1c90fd",class:{disabled:this.disabled,readonly:this.readonly}},t("ix-field-wrapper",{key:"3614d6006a3c55191f6fce25c70c1383b46fec0b",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},t("div",{key:"71ba199ce76ca1ac0135a403827e47aec4c88977",class:"input-wrapper"},t(c,{key:"f6a8ea82539d59e475e6e62d498ea7150de90506",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),t(p,{key:"4c4ff361edcf9d5b780825142ba64bee79531153",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=>h(this,e),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>m(this,this.inputRef.current),ariaAttributes:o}),t(u,{key:"9b0dab754362fbe7abf36c505209da7063490a52",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},t("ix-icon-button",{key:"6003d03e3d8efd967c932fc05e2270f83a102ae4",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&&t("ix-typography",{key:"ecb767e15d688a8f93237a2572fcdf2343c087c6",class:"bottom-text",slot:"bottom-right",color:"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-792e1c52.entry.js.map

package/dist/siemens-ix/p-792e1c52.entry.js.map

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

package/dist/siemens-ix/p-79bb0d39.js

@@ -0,0 +1,2 @@
+import{h as n}from"./p-5806df2b.js";import{a as e}from"./p-5fe87e71.js";import{s as t}from"./p-f97a15c4.js";import{a}from"./p-360b158e.js";import{a as i}from"./p-71206084.js";function o(e){return n("textarea",Object.assign({readOnly:e.readonly,disabled:e.disabled,maxLength:e.maxLength,minLength:e.minLength,cols:e.textareaCols,rows:e.textareaRows,ref:e.textAreaRef,class:{"is-invalid":e.isInvalid},required:e.required,value:e.value,placeholder:e.placeholder,onChange:n=>{const t=n.target;e.valueChange(t.value)},onInput:n=>{const t=n.target;e.updateFormInternalValue(t.value)},onBlur:()=>e.onBlur(),style:{resize:e.resizeBehavior,height:e.textareaHeight,width:e.textareaWidth}},e.ariaAttributes))}function s(e){return n("input",Object.assign({id:e.id,autoComplete:"off",readOnly:e.readonly,disabled:e.disabled,min:e.min,max:e.max,maxLength:e.maxLength?Number(e.maxLength):undefined,minLength:e.maxLength?Number(e.minLength):undefined,ref:e.inputRef,pattern:e.pattern,type:e.type,class:{"is-invalid":e.isInvalid},required:e.required,value:e.value,placeholder:e.placeholder,onKeyPress:n=>e.onKeyPress(n),onChange:n=>{const t=n.target;e.valueChange(t.value)},onInput:n=>{const t=n.target;e.updateFormInternalValue(t.value)},onBlur:()=>e.onBlur()},e.ariaAttributes))}const r=(e,t)=>n("div",{class:"end-container",ref:e.slotEndRef},n("slot",{name:"end",onSlotchange:e.onSlotChange}),t);const c=e=>n("div",{class:"start-container",ref:e.slotStartRef},n("slot",{name:"start",onSlotchange:e.onSlotChange}));function l(n){const e=5;i({targets:n,duration:200,easing:"easeInOutSine",loop:2,translateX:[{value:e*-1},{value:e},{value:e/-2},{value:e/2},{value:0}]})}function u(n,e){n.isInvalid=e.isInvalid||e.isInvalidByRequired;n.isValid=e.isValid;n.isInfo=e.isInfo;n.isWarning=e.isWarning}function f(n,e){if(n.allowedCharactersPattern){const t=new RegExp(n.allowedCharactersPattern);if(!t.test(e.key)){e.preventDefault();l(n.inputRef.current)}}}async function d(n,e){const a=e.validity;const i=n.validityStateChange.emit(a);if(i.defaultPrevented){return}if(!n.value){return}const o=await t(n);if(o){return}const{valid:s}=a;n.hostElement.classList.toggle("ix-invalid",!s)}function m(n,e){n.ixBlur.emit();if(!e){throw new Error("Input element is not available")}d(n,e)}function p(n,e,t){var i;if(!n){return}const o=16;const s=a(e+o/2);if(t.slotEnd){n.style.paddingRight=`calc(${s} + ${(i=t.additionalPaddingRight)!==null&&i!==void 0?i:"0rem"})`}else{n.style.paddingLeft=s}}function v(n,e,t){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(n){const e=n.getBoundingClientRect();if(e){p(t,e.width,{slotEnd:false})}}if(e){const n=e.getBoundingClientRect();if(n){p(t,n.width,{slotEnd:true})}}}))}))}function h(n){const t={"aria-invalid":`${e(n.isInvalid)}`,"aria-required":`${e(n.required)}`};if(n.isInvalid&&n.invalidText){t["aria-errormessage"]=n.invalidText}return t}export{s as I,r as S,o as T,v as a,c as b,f as c,d,h as g,u as m,m as o};
+//# sourceMappingURL=p-79bb0d39.js.map

package/dist/siemens-ix/p-79bb0d39.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextareaElement","props","h","Object","assign","readOnly","readonly","disabled","maxLength","minLength","cols","textareaCols","rows","textareaRows","ref","textAreaRef","class","isInvalid","required","value","placeholder","onChange","changeEvent","target","valueChange","onInput","inputEvent","updateFormInternalValue","onBlur","style","resize","resizeBehavior","height","textareaHeight","width","textareaWidth","ariaAttributes","InputElement","id","autoComplete","min","max","Number","undefined","inputRef","pattern","type","onKeyPress","event","SlotEnd","children","slotEndRef","name","onSlotchange","onSlotChange","SlotStart","slotStartRef","shakeInput","input","xMax","anime","targets","duration","easing","loop","translateX","mapValidationResult","result","isInvalidByRequired","isValid","isInfo","isWarning","checkAllowedKeys","comp","allowedCharactersPattern","regex","RegExp","test","key","preventDefault","current","async","checkInternalValidity","validityState","validity","eventResult","validityStateChange","emit","defaultPrevented","skipValidation","shouldSuppressInternalValidation","valid","hostElement","classList","toggle","onInputBlur","ixBlur","Error","applyPaddingEnd","inputElement","options","remInPixels","padding","convertToRemString","slotEnd","paddingRight","_a","additionalPaddingRight","paddingLeft","adjustPaddingForStartAndEnd","startElement","endElement","requestAnimationFrame","startBoundingRect","getBoundingClientRect","endBoundingRect","getAriaAttributesForInput","component","inputAria","a11yBoolean","invalidText"],"sources":["src/components/input/input.fc.tsx","src/components/input/input.animation.ts","src/components/input/input.util.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { h, FunctionalComponent } from '@stencil/core';\nimport { MakeRef } from '../utils/make-ref';\nimport { A11yAttributes } from '../utils/a11y';\n\nexport function TextareaElement(props: {\n  resizeBehavior: 'both' | 'horizontal' | 'vertical' | 'none';\n  textareaHeight?: string;\n  textareaWidth?: string;\n  textareaRows?: number;\n  textareaCols?: number;\n  disabled: boolean;\n  readonly: boolean;\n  maxLength?: number;\n  minLength?: number;\n  isInvalid: boolean;\n  required: boolean;\n  value: string;\n  placeholder?: string;\n  textAreaRef: (el: HTMLTextAreaElement | undefined) => void;\n  valueChange: (value: string) => void;\n  updateFormInternalValue: (value: string) => void;\n  onBlur: () => void;\n  ariaAttributes?: A11yAttributes;\n}) {\n  return (\n    <textarea\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      maxLength={props.maxLength}\n      minLength={props.minLength}\n      cols={props.textareaCols}\n      rows={props.textareaRows}\n      ref={props.textAreaRef}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onChange={(changeEvent) => {\n        const target = changeEvent.target as HTMLInputElement;\n        props.valueChange(target.value);\n      }}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      style={{\n        resize: props.resizeBehavior,\n        height: props.textareaHeight,\n        width: props.textareaWidth,\n      }}\n      {...props.ariaAttributes}\n    ></textarea>\n  );\n}\n\nexport function InputElement(props: {\n  id: string;\n  disabled: boolean;\n  readonly: boolean;\n  maxLength?: string | number;\n  minLength?: string | number;\n  max?: string | number;\n  min?: string | number;\n  pattern?: string;\n  type: string;\n  isInvalid: boolean;\n  required: boolean;\n  value: string | number;\n  placeholder?: string;\n  inputRef: (el: HTMLInputElement | undefined) => void;\n  onKeyPress: (event: KeyboardEvent) => void;\n  valueChange: (value: string) => void;\n  updateFormInternalValue: (value: string) => void;\n  onBlur: () => void;\n  ariaAttributes?: A11yAttributes;\n}) {\n  return (\n    <input\n      id={props.id}\n      autoComplete=\"off\"\n      readOnly={props.readonly}\n      disabled={props.disabled}\n      min={props.min}\n      max={props.max}\n      maxLength={props.maxLength ? Number(props.maxLength) : undefined}\n      minLength={props.maxLength ? Number(props.minLength) : undefined}\n      ref={props.inputRef}\n      pattern={props.pattern}\n      type={props.type}\n      class={{\n        'is-invalid': props.isInvalid,\n      }}\n      required={props.required}\n      value={props.value}\n      placeholder={props.placeholder}\n      onKeyPress={(event) => props.onKeyPress(event)}\n      onChange={(changeEvent) => {\n        const target = changeEvent.target as HTMLInputElement;\n        props.valueChange(target.value);\n      }}\n      onInput={(inputEvent) => {\n        const target = inputEvent.target as HTMLInputElement;\n        props.updateFormInternalValue(target.value);\n      }}\n      onBlur={() => props.onBlur()}\n      {...props.ariaAttributes}\n    ></input>\n  );\n}\n\nexport const SlotEnd: FunctionalComponent<{\n  slotEndRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props, children) => {\n  return (\n    <div class=\"end-container\" ref={props.slotEndRef}>\n      <slot name=\"end\" onSlotchange={props.onSlotChange}></slot>\n      {children}\n    </div>\n  );\n};\n\nexport const SlotStart: FunctionalComponent<{\n  slotStartRef: MakeRef<HTMLDivElement>;\n  onSlotChange?: (e: Event) => void;\n}> = (props) => {\n  return (\n    <div class=\"start-container\" ref={props.slotStartRef}>\n      <slot name=\"start\" onSlotchange={props.onSlotChange}></slot>\n    </div>\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 */\nimport anime from 'animejs';\n\nexport function shakeInput(input: HTMLInputElement) {\n  const xMax = 5;\n  anime({\n    targets: input,\n    duration: 200,\n    easing: 'easeInOutSine',\n    loop: 2,\n    translateX: [\n      {\n        value: xMax * -1,\n      },\n      {\n        value: xMax,\n      },\n      {\n        value: xMax / -2,\n      },\n      {\n        value: xMax / 2,\n      },\n      {\n        value: 0,\n      },\n    ],\n  });\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { A11yAttributes, a11yBoolean } from '../utils/a11y';\nimport {\n  IxFormComponent,\n  IxInputFieldComponent,\n  ValidationResults,\n  shouldSuppressInternalValidation,\n} from '../utils/input';\nimport { convertToRemString } from '../utils/rwd.util';\nimport { generateUUID } from '../utils/uuid';\nimport { shakeInput } from './input.animation';\n\nexport function createIdIfNotExists(\n  element: IxFormComponent,\n  idPrefix: string = 'input'\n) {\n  return element.hasAttribute('id')\n    ? element.getAttribute('id')\n    : `${idPrefix}-${generateUUID()}`;\n}\n\nexport function mapValidationResult<T>(\n  ref: IxInputFieldComponent<T>,\n  result: ValidationResults\n) {\n  ref.isInvalid = result.isInvalid || result.isInvalidByRequired;\n  ref.isValid = result.isValid;\n  ref.isInfo = result.isInfo;\n  ref.isWarning = result.isWarning;\n}\n\nexport function checkAllowedKeys<T>(\n  comp: IxInputFieldComponent<T>,\n  event: KeyboardEvent\n) {\n  if (comp.allowedCharactersPattern) {\n    const regex = new RegExp(comp.allowedCharactersPattern);\n    if (!regex.test(event.key)) {\n      event.preventDefault();\n      shakeInput(comp.inputRef.current);\n    }\n  }\n}\n\nexport async function checkInternalValidity<T>(\n  comp: IxFormComponent<T>,\n  input: HTMLInputElement | HTMLTextAreaElement\n) {\n  const validityState = input.validity;\n\n  const eventResult = comp.validityStateChange.emit(validityState);\n\n  if (eventResult.defaultPrevented) {\n    return;\n  }\n\n  if (!comp.value) {\n    return;\n  }\n\n  const skipValidation = await shouldSuppressInternalValidation(comp);\n  if (skipValidation) {\n    return;\n  }\n\n  const { valid } = validityState;\n  comp.hostElement.classList.toggle('ix-invalid', !valid);\n}\n\nexport function onInputBlur<T>(\n  comp: IxInputFieldComponent<T>,\n  input?: HTMLInputElement | HTMLTextAreaElement | null\n) {\n  comp.ixBlur.emit();\n\n  if (!input) {\n    throw new Error('Input element is not available');\n  }\n  checkInternalValidity(comp, input);\n}\n\nexport function applyPaddingEnd(\n  inputElement: HTMLElement | null,\n  width: number,\n  options: {\n    slotEnd: boolean;\n    additionalPaddingRight?: string;\n  }\n) {\n  if (!inputElement) {\n    return;\n  }\n\n  const remInPixels = 16;\n  const padding = convertToRemString(width + remInPixels / 2);\n\n  if (options.slotEnd) {\n    inputElement.style.paddingRight = `calc(${padding} + ${\n      options.additionalPaddingRight ?? '0rem'\n    })`;\n  } else {\n    inputElement.style.paddingLeft = padding;\n  }\n}\n\nexport function adjustPaddingForStartAndEnd(\n  startElement: HTMLElement | null,\n  endElement: HTMLElement | null,\n  inputElement: HTMLElement | null\n) {\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      if (startElement) {\n        const startBoundingRect = startElement.getBoundingClientRect();\n        if (startBoundingRect) {\n          applyPaddingEnd(inputElement, startBoundingRect.width, {\n            slotEnd: false,\n          });\n        }\n      }\n\n      if (endElement) {\n        const endBoundingRect = endElement.getBoundingClientRect();\n        if (endBoundingRect) {\n          applyPaddingEnd(inputElement, endBoundingRect.width, {\n            slotEnd: true,\n          });\n        }\n      }\n    });\n  });\n}\n\nexport function getAriaAttributesForInput(\n  component: IxInputFieldComponent\n): A11yAttributes {\n  const inputAria: A11yAttributes = {\n    'aria-invalid': `${a11yBoolean(component.isInvalid)}`,\n    'aria-required': `${a11yBoolean(component.required)}`,\n  };\n\n  if (component.isInvalid && component.invalidText) {\n    inputAria['aria-errormessage'] = component.invalidText;\n  }\n  return inputAria;\n}\n"],"mappings":"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"}

package/dist/siemens-ix/p-7aa07d9b.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as i,H as t,g as s}from"./p-5806df2b.js";import{H as n}from"./p-f97a15c4.js";const d=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";const a=d;var o=undefined&&undefined.__decorate||function(e,i,t,s){var n=arguments.length,d=n<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,t):s,a;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")d=Reflect.decorate(e,i,t,s);else for(var o=e.length-1;o>=0;o--)if(a=e[o])d=(n<3?a(d):n>3?a(i,t,d):a(i,t))||d;return n>3&&d&&Object.defineProperty(i,t,d),d};const l=class{constructor(i){e(this,i);this.helperText=undefined;this.label=undefined;this.direction="column";this.invalidText=undefined;this.infoText=undefined;this.validText=undefined;this.warningText=undefined;this.showTextAsTooltip=false;this.isInvalid=false;this.isInfo=false;this.isValid=false;this.isWarning=false}onClassFieldUpdate({isInvalid:e,isInvalidByRequired:i,isInfo:t,isValid:s,isWarning:n}){this.isInvalid=e||i;this.isInfo=t;this.isValid=s;this.isWarning=n}render(){return i(t,{key:"3b3403b167dbcd69cce94ece70070d6d4a633fd5"},i("ix-field-wrapper",{key:"47692f7cadd2bf1798302f4854d0c16efca49dd4",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,validText:this.validText,warningText:this.warningText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isInfo:this.isInfo,isValid:this.isValid,isWarning:this.isWarning},i("div",{key:"82181467dda161e570576dd4644c5cc45584ac3a",class:{"checkbox-container":true,"row-layout":this.direction==="row"}},i("slot",{key:"a1fe76fc0d07422227cddc9d8e2b51ef1894311a"}))))}get hostElement(){return s(this)}};o([n({includeChildren:true})],l.prototype,"onClassFieldUpdate",null);l.style=a;export{l as ix_checkbox_group};
+//# sourceMappingURL=p-7aa07d9b.entry.js.map

package/dist/siemens-ix/p-7aa07d9b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["checkboxGroupCss","IxCheckboxGroupStyle0","CheckboxGroup","onClassFieldUpdate","isInvalid","isInvalidByRequired","isInfo","isValid","isWarning","this","render","h","Host","key","label","helperText","invalidText","infoText","validText","warningText","showTextAsTooltip","class","direction","__decorate","HookValidationLifecycle","includeChildren"],"sources":["src/components/checkbox-group/checkbox-group.scss?tag=ix-checkbox-group&encapsulation=shadow","src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@import 'mixins/shadow-dom/component';\n\n:host {\n  display: inline-block;\n  position: relative;\n\n  .checkbox-container {\n    display: flex;\n    flex-direction: column;\n    gap: 1rem;\n    margin: 0.375rem 0;\n    flex-wrap: wrap;\n\n    &.row-layout {\n      flex-direction: row;\n    }\n  }\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\nimport {\n  FieldWrapperInterface,\n  HookValidationLifecycle,\n  IxFormValidationState,\n  ValidationResults,\n} from '../utils/input';\nimport { IxComponent } from '../utils/internal';\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-checkbox-group',\n  styleUrl: 'checkbox-group.scss',\n  shadow: true,\n})\nexport class CheckboxGroup\n  implements FieldWrapperInterface, IxFormValidationState, IxComponent\n{\n  @Element() hostElement!: HTMLIxCheckboxGroupElement;\n  /**\n   * Optional helper text displayed below the checkbox group\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * Label for the checkbox group\n   */\n  @Prop() label?: string;\n\n  /**\n   * Alignment of the checkboxes in the group\n   */\n  @Prop() direction: 'row' | 'column' = 'column';\n\n  /**\n   * Error text for the checkbox group\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * Info text for the checkbox group\n   */\n  @Prop() infoText?: string;\n  /**\n   * Valid text for the checkbox group\n   */\n  @Prop() validText?: string;\n  /**\n   * Warning text for the checkbox group\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * Show helper, info, warning, error and valid text as tooltip\n   */\n  @Prop() showTextAsTooltip = false;\n\n  @State() isInvalid = false;\n  @State() isInfo = false;\n  @State() isValid = false;\n  @State() isWarning = false;\n\n  @HookValidationLifecycle({\n    includeChildren: true,\n  })\n  onClassFieldUpdate({\n    isInvalid,\n    isInvalidByRequired,\n    isInfo,\n    isValid,\n    isWarning,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  render() {\n    return (\n      <Host>\n        <ix-field-wrapper\n          label={this.label}\n          helperText={this.helperText}\n          invalidText={this.invalidText}\n          infoText={this.infoText}\n          validText={this.validText}\n          warningText={this.warningText}\n          showTextAsTooltip={this.showTextAsTooltip}\n          isInvalid={this.isInvalid}\n          isInfo={this.isInfo}\n          isValid={this.isValid}\n          isWarning={this.isWarning}\n        >\n          <div\n            class={{\n              'checkbox-container': true,\n              'row-layout': this.direction === 'row',\n            }}\n          >\n            <slot></slot>\n          </div>\n        </ix-field-wrapper>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAmB,+MACzB,MAAAC,EAAeD,E,iXCiBFE,EAAa,M,uFAiBc,S,8HAuBV,M,eAEP,M,YACH,M,aACC,M,eACE,K,CAKrB,kBAAAC,EAAmBC,UACjBA,EAASC,oBACTA,EAAmBC,OACnBA,EAAMC,QACNA,EAAOC,UACPA,IAEAC,KAAKL,UAAYA,GAAaC,EAC9BI,KAAKH,OAASA,EACdG,KAAKF,QAAUA,EACfE,KAAKD,UAAYA,C,CAGnB,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,oBAAAE,IAAA,2CACEC,MAAOL,KAAKK,MACZC,WAAYN,KAAKM,WACjBC,YAAaP,KAAKO,YAClBC,SAAUR,KAAKQ,SACfC,UAAWT,KAAKS,UAChBC,YAAaV,KAAKU,YAClBC,kBAAmBX,KAAKW,kBACxBhB,UAAWK,KAAKL,UAChBE,OAAQG,KAAKH,OACbC,QAASE,KAAKF,QACdC,UAAWC,KAAKD,WAEhBG,EAAA,OAAAE,IAAA,2CACEQ,MAAO,CACL,qBAAsB,KACtB,aAAcZ,KAAKa,YAAc,QAGnCX,EAAA,QAAAE,IAAA,+C,oCAnCVU,EAAA,CAHCC,EAAwB,CACvBC,gBAAiB,Q"}

package/dist/siemens-ix/p-7aa26727.js

@@ -0,0 +1,2 @@
+function t(t){return t!==null&&t.getDropdownItemElement!==undefined&&typeof t.getDropdownItemElement==="function"}class s{constructor(){this.dropdowns=new Map;this.submenuIds={};this.isWindowListenerActive=false}connected(t){if(!this.isWindowListenerActive){this.addOverlayListeners()}this.dropdowns.set(t.getId(),t);if(t.discoverAllSubmenus){this.discoverSubmenus()}}disconnected(t){const s=t.getId();this.removeFromSubmenuIds(s);this.dropdowns.delete(s)}removeFromSubmenuIds(t){this.dropdowns.forEach((s=>{const i=this.submenuIds[s.getId()];if(i){const s=i.indexOf(t);if(s>-1){i.splice(s,1)}}}));delete this.submenuIds[t]}getDropdownById(t){return this.dropdowns.get(t)}discoverSubmenus(){this.dropdowns.forEach((t=>{t.discoverSubmenu()}))}present(t){var s;if(!t.isPresent()&&((s=t.willPresent)===null||s===void 0?void 0:s.call(t))){this.submenuIds[t.getId()]=t.getAssignedSubmenuIds();t.present()}}dismissChildren(t){const s=this.submenuIds[t]||[];for(const t of s){const s=this.dropdowns.get(t);if(s){this.dismiss(s)}}}dismiss(t){var s;if(t.isPresent()&&((s=t.willDismiss)===null||s===void 0?void 0:s.call(t))){this.dismissChildren(t.getId());t.dismiss();delete this.submenuIds[t.getId()]}}dismissAll(t=[],s=false){this.dropdowns.forEach((i=>{const e=i.closeBehavior==="inside"||i.closeBehavior===false;const n=t.includes(i.getId());const o=this.buildComposedPath(i.getId(),new Set);if(t.length>0&&s){let s=false;t.forEach((t=>{if(o.has(t)){s=true;return}}));if(!s){return}}if(!n&&e){return}this.dismiss(i)}))}dismissOthers(t){let s=this.buildComposedPath(t,new Set);s.add(t);this.dropdowns.forEach((t=>{if(t.closeBehavior!=="inside"&&t.closeBehavior!==false&&!s.has(t.getId())){this.dismiss(t)}}))}pathIncludesTrigger(t){for(let s of t){if(s instanceof HTMLElement){if(s.hasAttribute("data-ix-dropdown-trigger")){return s}}}return}pathIncludesDropdown(t){return!!t.find((t=>t.tagName==="IX-DROPDOWN"))}buildComposedPath(t,s){if(this.submenuIds[t]){s.add(t)}for(const i of Object.keys(this.submenuIds)){if(this.submenuIds[i].includes(t)){this.buildComposedPath(i,s).forEach((t=>s.add(t)))}}return s}addOverlayListeners(){this.isWindowListenerActive=true;window.addEventListener("click",(t=>{const s=this.pathIncludesTrigger(t.composedPath());const i=this.pathIncludesDropdown(t.composedPath());if(!s&&!i){this.dismissAll()}}));window.addEventListener("keydown",(t=>{if(t.key==="Escape"){this.dismissAll([...this.dropdowns.keys()])}}))}}const i=new s;export{i as d,t as h};
+//# sourceMappingURL=p-7aa26727.js.map

package/dist/siemens-ix/p-7aa26727.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["hasDropdownItemWrapperImplemented","item","getDropdownItemElement","undefined","DropdownController","constructor","this","dropdowns","Map","submenuIds","isWindowListenerActive","connected","dropdown","addOverlayListeners","set","getId","discoverAllSubmenus","discoverSubmenus","disconnected","id","removeFromSubmenuIds","delete","forEach","index","indexOf","splice","getDropdownById","get","discoverSubmenu","present","isPresent","_a","willPresent","call","getAssignedSubmenuIds","dismissChildren","uid","childIds","dismiss","willDismiss","dismissAll","ignoreBehaviorForIds","ignoreRelatedDropdowns","preventClosing","closeBehavior","shouldIgnore","includes","path","buildComposedPath","Set","length","skipRelatedDropdown","has","dismissOthers","add","pathIncludesTrigger","eventTargets","eventTarget","HTMLElement","hasAttribute","pathIncludesDropdown","find","element","tagName","ruleKey","Object","keys","key","window","addEventListener","event","hasTrigger","composedPath","hasDropdown","dropdownController"],"sources":["src/components/dropdown/dropdown-controller.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { IxComponent } from '../utils/internal';\nexport type CloseBehavior = 'inside' | 'outside' | 'both' | boolean;\n\nexport interface DropdownInterface extends IxComponent {\n  closeBehavior: CloseBehavior;\n  discoverAllSubmenus: boolean;\n\n  getAssignedSubmenuIds(): string[];\n  getId(): string;\n\n  discoverSubmenu(): void;\n\n  isPresent(): boolean;\n\n  willPresent?(): boolean;\n  willDismiss?(): boolean;\n\n  present(): void;\n  dismiss(): void;\n}\n\nexport function hasDropdownItemWrapperImplemented(\n  item: unknown\n): item is DropdownItemWrapper {\n  return (\n    item !== null &&\n    (item as DropdownItemWrapper).getDropdownItemElement !== undefined &&\n    typeof (item as DropdownItemWrapper).getDropdownItemElement === 'function'\n  );\n}\n\nexport interface DropdownItemWrapper {\n  getDropdownItemElement(): Promise<HTMLIxDropdownItemElement>;\n}\n\ntype SubmenuIds = Record<string, string[]>;\n\nclass DropdownController {\n  private readonly dropdowns: Map<string, DropdownInterface> = new Map<\n    string,\n    DropdownInterface\n  >();\n  private submenuIds: SubmenuIds = {};\n\n  private isWindowListenerActive = false;\n\n  connected(dropdown: DropdownInterface) {\n    if (!this.isWindowListenerActive) {\n      this.addOverlayListeners();\n    }\n    this.dropdowns.set(dropdown.getId(), dropdown);\n\n    if (dropdown.discoverAllSubmenus) {\n      this.discoverSubmenus();\n    }\n  }\n\n  disconnected(dropdown: DropdownInterface) {\n    const id = dropdown.getId();\n    this.removeFromSubmenuIds(id);\n    this.dropdowns.delete(id);\n  }\n\n  removeFromSubmenuIds(id: string) {\n    this.dropdowns.forEach((dropdown) => {\n      const submenuIds = this.submenuIds[dropdown.getId()];\n      if (submenuIds) {\n        const index = submenuIds.indexOf(id);\n        if (index > -1) {\n          submenuIds.splice(index, 1);\n        }\n      }\n    });\n\n    delete this.submenuIds[id];\n  }\n\n  getDropdownById(id: string) {\n    return this.dropdowns.get(id);\n  }\n\n  discoverSubmenus() {\n    this.dropdowns.forEach((dropdown) => {\n      dropdown.discoverSubmenu();\n    });\n  }\n\n  present(dropdown: DropdownInterface) {\n    if (!dropdown.isPresent() && dropdown.willPresent?.()) {\n      this.submenuIds[dropdown.getId()] = dropdown.getAssignedSubmenuIds();\n      dropdown.present();\n    }\n  }\n\n  dismissChildren(uid: string) {\n    const childIds = this.submenuIds[uid] || [];\n    for (const id of childIds) {\n      const dropdown = this.dropdowns.get(id);\n      if (dropdown) {\n        this.dismiss(dropdown);\n      }\n    }\n  }\n\n  dismiss(dropdown: DropdownInterface) {\n    if (dropdown.isPresent() && dropdown.willDismiss?.()) {\n      this.dismissChildren(dropdown.getId());\n      dropdown.dismiss();\n      delete this.submenuIds[dropdown.getId()];\n    }\n  }\n\n  dismissAll(\n    ignoreBehaviorForIds: string[] = [],\n    ignoreRelatedDropdowns = false\n  ) {\n    this.dropdowns.forEach((dropdown) => {\n      const preventClosing =\n        dropdown.closeBehavior === 'inside' || dropdown.closeBehavior === false;\n\n      const shouldIgnore = ignoreBehaviorForIds.includes(dropdown.getId());\n      const path = this.buildComposedPath(dropdown.getId(), new Set<string>());\n\n      if (ignoreBehaviorForIds.length > 0 && ignoreRelatedDropdowns) {\n        let skipRelatedDropdown = false;\n\n        ignoreBehaviorForIds.forEach((id) => {\n          if (path.has(id)) {\n            skipRelatedDropdown = true;\n            return;\n          }\n        });\n\n        if (!skipRelatedDropdown) {\n          return;\n        }\n      }\n\n      if (!shouldIgnore && preventClosing) {\n        return;\n      }\n\n      this.dismiss(dropdown);\n    });\n  }\n\n  dismissOthers(uid: string) {\n    let path = this.buildComposedPath(uid, new Set<string>());\n    path.add(uid);\n\n    this.dropdowns.forEach((dropdown) => {\n      if (\n        dropdown.closeBehavior !== 'inside' &&\n        dropdown.closeBehavior !== false &&\n        !path.has(dropdown.getId())\n      ) {\n        this.dismiss(dropdown);\n      }\n    });\n  }\n\n  pathIncludesTrigger(eventTargets: EventTarget[]) {\n    for (let eventTarget of eventTargets) {\n      if (eventTarget instanceof HTMLElement) {\n        if (eventTarget.hasAttribute('data-ix-dropdown-trigger')) {\n          return eventTarget;\n        }\n      }\n    }\n\n    return;\n  }\n\n  private pathIncludesDropdown(eventTargets: EventTarget[]) {\n    return !!eventTargets.find(\n      (element: EventTarget) =>\n        (element as HTMLElement).tagName === 'IX-DROPDOWN'\n    );\n  }\n\n  private buildComposedPath(id: string, path: Set<string>): Set<string> {\n    if (this.submenuIds[id]) {\n      path.add(id);\n    }\n\n    for (const ruleKey of Object.keys(this.submenuIds)) {\n      if (this.submenuIds[ruleKey].includes(id)) {\n        this.buildComposedPath(ruleKey, path).forEach((key) => path.add(key));\n      }\n    }\n\n    return path;\n  }\n\n  private addOverlayListeners() {\n    this.isWindowListenerActive = true;\n\n    window.addEventListener('click', (event: MouseEvent) => {\n      const hasTrigger = this.pathIncludesTrigger(event.composedPath());\n      const hasDropdown = this.pathIncludesDropdown(event.composedPath());\n\n      if (!hasTrigger && !hasDropdown) {\n        this.dismissAll();\n      }\n    });\n\n    window.addEventListener('keydown', (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        this.dismissAll([...this.dropdowns.keys()]);\n      }\n    });\n  }\n}\n\nexport const dropdownController = new DropdownController();\n"],"mappings":"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"}

package/dist/siemens-ix/p-7af324e9.entry.js

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

package/dist/siemens-ix/p-7af324e9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["radioCss","IxRadioStyle0","Radio","this","required","inputRef","makeRef","radiobuttonRef","checked","setCheckedState","newChecked","result","checkedChange","emit","defaultPrevented","onCheckedChange","waitForCurrent","updateFormInternalValue","onValueChange","valueChange","value","componentWillLoad","formInternals","setFormValue","_a","hasValidValue","Promise","resolve","getAssociatedFormElement","form","render","h","Host","key","disabled","role","class","ref","type","onChange","current","onClick","format","textColor","label"],"sources":["src/components/radio/radio.scss?tag=ix-radio&encapsulation=shadow","src/components/radio/radio.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n @import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: inline-block;\n  position: relative;\n\n  button {\n    all: unset;\n\n    display: inline-flex;\n    position: relative;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 1.125rem;\n    min-width: 1.125rem;\n    max-width: 1.125rem;\n    height: 1.125rem;\n    min-height: 1.125rem;\n    max-height: 1.125rem;\n\n    border: 1px solid white;\n    border-radius: 100px;\n\n    margin-right: 0.5rem;\n  }\n\n  button:focus-visible {\n    outline: 0.0625rem solid var(--theme-color-focus-bdr);\n    outline-offset: var(--theme-radiobtn--focus--outline-offset);\n  }\n\n  input[type=\"radio\"] {\n    display: none;\n  }\n\n  label {\n    display: flex;\n\n    justify-content: flex-start;\n    align-items: flex-start;\n\n    width: 100%;\n    height: 100%;\n  }\n\n  .checkmark {\n    border-radius: 100px;\n    background-color: var(--theme-color-primary--contrast);\n    width: 0.5rem;\n    height: 0.5rem;\n  }\n}\n\n@mixin radio-base() {\n  :host {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color);\n    }\n  }\n\n  :host(:hover) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--hover);\n    }\n  }\n\n  :host(:active) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--active);\n    }\n  }\n\n  :host(.checked),\n  :host([indeterminate]) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color);\n    }\n  }\n\n  :host(.checked:hover),\n  :host([indeterminate]:hover) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--hover);\n    }\n  }\n\n  :host(.checked:active),\n  :host([indeterminate]:active) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--active);\n    }\n  }\n\n  :host(:disabled),\n  :host(.disabled) {\n    pointer-events: none;\n\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--disabled);\n    }\n  }\n\n  :host(.checked:disabled),\n  :host(.checked.disabled),\n  :host([indeterminate]:disabled),\n  :host([indeterminate].disabled) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--disabled);\n    }\n  }\n\n  ix-typography {\n    margin-top: 0.125rem;\n  }\n}\n\n@mixin radio-variant($selector) {\n  :host(#{$selector}:not(.disabled)) {\n    button {\n      @content;\n    }\n  }\n\n  :host(#{$selector}) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color);\n    }\n  }\n\n  :host(#{$selector}:hover) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--hover);\n    }\n  }\n\n  :host(#{$selector}:active) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--active);\n    }\n  }\n\n  :host(#{$selector}.checked),\n  :host(#{$selector}[indeterminate]) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color);\n    }\n  }\n\n  :host(#{$selector}.checked:hover),\n  :host(#{$selector}[indeterminate]:hover) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--hover);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--hover);\n    }\n  }\n\n  :host(#{$selector}.checked:active),\n  :host(#{$selector}[indeterminate]:active) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--active);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--active);\n    }\n  }\n\n  :host(#{$selector}:disabled),\n  :host(#{$selector}.disabled) {\n    button {\n      background-color: var(--theme-radiobtn-unchecked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-unchecked--border-color--disabled);\n    }\n  }\n\n  :host(#{$selector}.checked:disabled),\n  :host(#{$selector}.checked.disabled),\n  :host(#{$selector}[indeterminate]:disabled),\n  :host(#{$selector}[indeterminate].disabled) {\n    button {\n      background-color: var(--theme-radiobtn-checked--background--disabled);\n      border: var(--theme-radiobtn--border-thickness) solid\n        var(--theme-radiobtn-checked--border-color--disabled);\n    }\n  }\n}\n\n@mixin define-radio-vars($state, $type) {\n  --theme-radiobtn-#{$state}--background: var(--theme-radiobtn-#{$state}--background--#{$type});\n  --theme-radiobtn-#{$state}--background--hover: var(--theme-radiobtn-#{$state}--background--#{$type}--hover);\n  --theme-radiobtn-#{$state}--background--active: var(--theme-radiobtn-#{$state}--background--#{$type}--active);\n\n  --theme-radiobtn-#{$state}--border-color: var(--theme-radiobtn-#{$state}--border-color--#{$type});\n  --theme-radiobtn-#{$state}--border-color--hover: var(--theme-radiobtn-#{$state}--border-color--#{$type}--hover);\n  --theme-radiobtn-#{$state}--border-color--active: var(--theme-radiobtn-#{$state}--border-color--#{$type}--active);\n}\n\n@include radio-base();\n@include radio-variant(\n  $selector: '.ix-info',\n) {\n  @include define-radio-vars('unchecked', 'info');\n  @include define-radio-vars('checked', 'info');\n  @include define-radio-vars('mixed', 'info');\n}\n\n@include radio-variant(\n  $selector: '.ix-warning',\n) {\n  @include define-radio-vars('unchecked', 'warning');\n  @include define-radio-vars('checked', 'warning');\n  @include define-radio-vars('mixed', 'warning');\n}\n\n@include radio-variant(\n  $selector: '.ix-invalid--required',\n) {\n  @include define-radio-vars('unchecked', 'invalid');\n  @include define-radio-vars('checked', 'invalid');\n  @include define-radio-vars('mixed', 'invalid');\n}\n\n@include radio-variant(\n  $selector: '.ix-invalid',\n) {\n  @include define-radio-vars('unchecked', 'invalid');\n  @include define-radio-vars('checked', 'invalid');\n  @include define-radio-vars('mixed', 'invalid');\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  AttachInternals,\n  Component,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  Watch,\n  h,\n  Method,\n  Element,\n} from '@stencil/core';\nimport { makeRef } from '../utils/make-ref';\nimport { IxFormComponent } from '../utils/input';\n\n/**\n * @since 2.6.0\n * @form-ready 2.6.0\n */\n@Component({\n  tag: 'ix-radio',\n  styleUrl: 'radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class Radio implements IxFormComponent<string> {\n  @Element() hostElement!: HTMLIxRadioElement;\n  @AttachInternals() formInternals!: ElementInternals;\n\n  /**\n   * Name of the radio component\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * Value of the radio component\n   */\n  @Prop({ reflect: true }) value?: string;\n\n  /**\n   * Label for the radio component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Disabled state of the radio component\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Checked state of the radio component\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n\n  /**\n   * Event emitted when the checked state of the radio changes\n   */\n  @Event() checkedChange!: EventEmitter<boolean>;\n\n  /**\n   * Event emitted when the value of the radio changes\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  /**\n   * Single radio cannot be required\n   * */\n  required = false;\n\n  private readonly inputRef = makeRef<HTMLInputElement>((radiobuttonRef) => {\n    radiobuttonRef.checked = this.checked;\n  });\n\n  private setCheckedState(newChecked: boolean) {\n    if (this.checked) {\n      return;\n    }\n    const result = this.checkedChange.emit(newChecked);\n    if (result.defaultPrevented) {\n      return;\n    }\n\n    this.checked = newChecked;\n  }\n\n  @Watch('checked')\n  async onCheckedChange() {\n    const radiobuttonRef = await this.inputRef.waitForCurrent();\n    radiobuttonRef.checked = this.checked;\n\n    this.updateFormInternalValue();\n  }\n\n  @Watch('value')\n  onValueChange() {\n    this.valueChange.emit(this.value);\n  }\n\n  componentWillLoad() {\n    this.updateFormInternalValue();\n  }\n\n  updateFormInternalValue() {\n    if (this.checked) {\n      this.formInternals.setFormValue(this.value ?? 'on');\n    } else {\n      this.formInternals.setFormValue(null);\n    }\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(this.checked);\n  }\n\n  /** @internal */\n  @Method()\n  getAssociatedFormElement(): Promise<HTMLFormElement | null> {\n    return Promise.resolve(this.formInternals.form);\n  }\n\n  render() {\n    return (\n      <Host\n        aria-checked={`${this.checked}`}\n        aria-disabled={`${this.disabled}`}\n        role=\"radio\"\n        class={{\n          disabled: this.disabled,\n          checked: this.checked,\n        }}\n      >\n        <label>\n          <input\n            aria-checked={`${this.checked}`}\n            disabled={this.disabled}\n            checked={this.checked}\n            ref={this.inputRef}\n            type=\"radio\"\n            onChange={() => {\n              const ref = this.inputRef.current;\n              if (ref) {\n                this.setCheckedState(ref.checked);\n              }\n            }}\n          />\n          <button\n            disabled={this.disabled}\n            class={{\n              checked: this.checked,\n            }}\n            onClick={() => this.setCheckedState(!this.checked)}\n          >\n            {this.checked && <div class=\"checkmark\"></div>}\n          </button>\n          <ix-typography\n            format=\"label\"\n            textColor={this.disabled ? 'weak' : 'std'}\n          >\n            {this.label}\n            <slot></slot>\n          </ix-typography>\n        </label>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oGAAA,MAAMA,EAAW,qskBACjB,MAAAC,EAAeD,E,MCiCFE,EAAK,M,2RA0ChBC,KAAAC,SAAW,MAEMD,KAAAE,SAAWC,GAA2BC,IACrDA,EAAeC,QAAUL,KAAKK,OAAO,I,4EAvBX,M,aAK+B,K,CAqBnD,eAAAC,CAAgBC,GACtB,GAAIP,KAAKK,QAAS,CAChB,M,CAEF,MAAMG,EAASR,KAAKS,cAAcC,KAAKH,GACvC,GAAIC,EAAOG,iBAAkB,CAC3B,M,CAGFX,KAAKK,QAAUE,C,CAIjB,qBAAMK,GACJ,MAAMR,QAAuBJ,KAAKE,SAASW,iBAC3CT,EAAeC,QAAUL,KAAKK,QAE9BL,KAAKc,yB,CAIP,aAAAC,GACEf,KAAKgB,YAAYN,KAAKV,KAAKiB,M,CAG7B,iBAAAC,GACElB,KAAKc,yB,CAGP,uBAAAA,G,MACE,GAAId,KAAKK,QAAS,CAChBL,KAAKmB,cAAcC,cAAaC,EAAArB,KAAKiB,SAAK,MAAAI,SAAA,EAAAA,EAAI,K,KACzC,CACLrB,KAAKmB,cAAcC,aAAa,K,EAMpC,aAAAE,GACE,OAAOC,QAAQC,QAAQxB,KAAKK,Q,CAK9B,wBAAAoB,GACE,OAAOF,QAAQC,QAAQxB,KAAKmB,cAAcO,K,CAG5C,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,0DACW,GAAG9B,KAAKK,UAAS,gBAChB,GAAGL,KAAK+B,WACvBC,KAAK,QACLC,MAAO,CACLF,SAAU/B,KAAK+B,SACf1B,QAASL,KAAKK,UAGhBuB,EAAA,SAAAE,IAAA,4CACEF,EAAA,SAAAE,IAAA,0DACgB,GAAG9B,KAAKK,UACtB0B,SAAU/B,KAAK+B,SACf1B,QAASL,KAAKK,QACd6B,IAAKlC,KAAKE,SACViC,KAAK,QACLC,SAAU,KACR,MAAMF,EAAMlC,KAAKE,SAASmC,QAC1B,GAAIH,EAAK,CACPlC,KAAKM,gBAAgB4B,EAAI7B,Q,KAI/BuB,EAAA,UAAAE,IAAA,2CACEC,SAAU/B,KAAK+B,SACfE,MAAO,CACL5B,QAASL,KAAKK,SAEhBiC,QAAS,IAAMtC,KAAKM,iBAAiBN,KAAKK,UAEzCL,KAAKK,SAAWuB,EAAA,OAAAE,IAAA,2CAAKG,MAAM,eAE9BL,EAAA,iBAAAE,IAAA,2CACES,OAAO,QACPC,UAAWxC,KAAK+B,SAAW,OAAS,OAEnC/B,KAAKyC,MACNb,EAAA,QAAAE,IAAA,+C"}

package/dist/siemens-ix/p-815699d1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,H as e,g as o}from"./p-5806df2b.js";import{a as s}from"./p-71206084.js";import{b as d,a as r}from"./p-5fe87e71.js";import{A as l}from"./p-46a6cd9d.js";import{O as n}from"./p-9d5d4948.js";function h(t,i,a=3e3){return new Promise(((e,o)=>{const s=Date.now();const d=()=>{const r=i.querySelector(t);if(r){e(r)}else{if(Date.now()-s<a){setTimeout(d)}else{o()}}};d()}))}const c="::backdrop{--ix-dialog-backdrop:var(--theme-color-lightbox, #0000008c)}:focus-visible{outline:none !important}:host{display:none}:host dialog{--ix-dialog-padding:1rem;margin:0;padding:var(--ix-dialog-padding);padding-top:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-top));padding-bottom:calc(var(--ix-dialog-padding) + var(--ix-safe-area-inset-bottom));left:50%}:host dialog::backdrop{-webkit-backdrop-filter:blur(2.7182817459px);backdrop-filter:blur(2.7182817459px)}:host .modal{display:flex;flex-direction:column;position:relative;border:none;border-radius:var(--theme-default-border-radius);background:var(--theme-modal--background);box-shadow:var(--theme-shadow-4);color:var(--theme-color-std-text);overflow:visible;max-height:80vh;pointer-events:all}:host .modal-size-360{width:22.5rem}:host .modal-size-480{width:30rem}:host .modal-size-600{width:37.5rem}:host .modal-size-720{width:45rem}:host .modal-size-840{width:52.5rem}:host .modal-size-full-width{width:95%}:host .modal-size-full-screen{border-radius:0;left:0 !important;top:0 !important;transform:none !important;box-shadow:none;--ix-dialog-full-screen-height:calc(\n    var(--ix-safe-area-inset-top) + var(--ix-safe-area-inset-bottom)\n  );width:calc(100% - var(--ix-dialog-padding) * 2);min-width:calc(100% - var(--ix-dialog-padding) * 2);max-width:calc(100% - var(--ix-dialog-padding) * 2);min-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height));max-height:calc(100% - var(--ix-dialog-padding) * 2 - var(--ix-dialog-full-screen-height))}:host dialog.modal-size-full-screen::backdrop{background:var(--theme-modal--background)}:host .dialog-backdrop{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;pointer-events:none}:host ::slotted(ix-modal-footer){margin-top:auto}:host(.visible){display:block}:host(.align-center) dialog{margin:0;left:50%;top:50%}:host(.no-backdrop) dialog::backdrop{background-color:transparent !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}:host(.with-icon) ::slotted(ix-modal-footer),:host(.with-icon) ::slotted(ix-modal-content){margin-left:3rem}";const f=c;var m=undefined&&undefined.__decorate||function(t,i,a,e){var o=arguments.length,s=o<3?i:e===null?e=Object.getOwnPropertyDescriptor(i,a):e,d;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,i,a,e);else for(var r=t.length-1;r>=0;r--)if(d=t[r])s=(o<3?d(s):o>3?d(i,a,s):d(i,a))||s;return o>3&&s&&Object.defineProperty(i,a,s),s};const p=class{constructor(a){t(this,a);this.dialogClose=i(this,"dialogClose",7);this.dialogDismiss=i(this,"dialogDismiss",7);this.ariaAttributes={};this.size="360";this.animation=true;this.backdrop=true;this.closeOnBackdropClick=false;this.beforeDismiss=undefined;this.centered=false;this.keyboard=true;this.closeOnEscape=true;this.modalVisible=false}onKey(t){if(t.key==="Escape"){t.preventDefault()}}get dialog(){return this.hostElement.shadowRoot.querySelector("dialog")}slideInModal(){const t=this.animation?l.mediumTime:0;let i=this.centered?"-50%":40;s({targets:this.dialog,duration:t,opacity:[0,1],translateY:[0,i],translateX:["-50%","-50%"],easing:"easeOutSine"})}slideOutModal(t){const i=this.animation?l.mediumTime:0;let a=this.centered?"-50%":40;s({targets:this.dialog,duration:i,opacity:[1,0],translateY:[a,0],translateX:["-50%","-50%"],easing:"easeInSine",complete:()=>{if(t){t()}}})}onModalClick(t){if(t.target!==this.dialog){return}const i=this.dialog.getBoundingClientRect();const a=i.top<=t.clientY&&t.clientY<=i.top+i.height&&i.left<=t.clientX&&t.clientX<=i.left+i.width;if(!a&&this.closeOnBackdropClick){this.dismissModal()}}async showModal(){try{const t=await h("dialog",this.hostElement.shadowRoot);this.modalVisible=true;t.showModal()}catch(t){console.error("HTMLDialogElement not existing")}}async dismissModal(t){if(!this.modalVisible){return}let i=true;if(this.beforeDismiss!==undefined){i=await this.beforeDismiss(t)}if(!i){return}this.slideOutModal((()=>{this.modalVisible=false;this.dialog.close(JSON.stringify({type:"dismiss",reason:t},null,2));this.dialogDismiss.emit(t)}))}async closeModal(t){if(!this.modalVisible){return}this.slideOutModal((()=>{this.modalVisible=false;this.dialog.close(JSON.stringify({type:"close",reason:t},null,2));this.dialogClose.emit(t)}))}componentDidLoad(){this.slideInModal()}componentWillLoad(){this.ariaAttributes=d(this.hostElement)}render(){return a(e,{key:"843063a6cabaa8ed0d6f0da512fd79b3df2f11f7",class:{visible:this.modalVisible,"no-backdrop":this.backdrop===false,"align-center":this.centered}},a("div",{key:"c1419057ffea6a493dd8870894f491727209a0b3",class:"dialog-backdrop"},a("dialog",{key:"fc8d67009dbc4563287d87f3a60fe775cd92e1ba","aria-modal":r(true),"aria-describedby":this.ariaAttributes["aria-describedby"],"aria-labelledby":this.ariaAttributes["aria-labelledby"],class:{modal:true,[`modal-size-${this.size}`]:true},onClose:()=>this.dismissModal(),onClick:t=>this.onModalClick(t),onCancel:t=>{t.preventDefault();this.dismissModal()}},a("slot",{key:"7daaff4237ace41e3545af9831f039174c8336bb"}))))}get hostElement(){return o(this)}};m([n("keydown",(t=>!t.closeOnEscape||!t.keyboard))],p.prototype,"onKey",null);p.style=f;export{p as ix_modal};
+//# sourceMappingURL=p-815699d1.entry.js.map