@siemens/ix 3.0.0 → 3.1.0

package/dist/siemens-ix/{p-a4d17743.entry.js.map → p-ad6b0196.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["groupCss","Group","constructor","hostRef","this","suppressHeaderSelection","collapsed","selected","expandOnHeaderClick","itemSelected","slotSize","groupItems","length","footerVisible","showExpandCollapsedIcon","observer","selectedChanged","newSelected","changeItemIndex","dropdownItems","Array","from","hostElement","querySelectorAll","groupContent","_a","shadowRoot","querySelector","onExpandClick","event","oldCollapsed","defaultPrevented","collapsedChanged","emit","stopPropagation","onHeaderClick","changeHeaderSelection","newSelection","oldIsHeaderSelected","newIsHeaderSelected","selectGroup","index","oldIndex","newIndex","undefined","selectItem","items","forEach","item","i","some","onSlotChange","slot","hasSlottedElements","componentWillRender","componentDidLoad","createMutationObserver","observe","childList","disconnectedCallback","disconnect","onItemClicked","target","HTMLElement","indexOf","render","h","Host","key","class","expand","tabindex","onClick","e","hidden","name","iconChevronRightSmall","iconChevronDownSmall","header","title","subHeader","style","display","onSlotchange","suppressSelection","focusable","footer"],"sources":["src/components/group/group.scss?tag=ix-group&encapsulation=shadow","src/components/group/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\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ellipsis;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 19.75rem;\n  min-width: 12rem;\n  border-color: var(--theme-group-item--border-color);\n\n  .group-header {\n    height: 4rem;\n    min-height: 4rem;\n    max-height: 4rem;\n    border-radius: var(--theme-group--border-radius)\n      var(--theme-group--border-radius) 0 0;\n    display: flex;\n    background-color: var(--theme-group-item--background);\n    color: var(--theme-group-header--color);\n\n    cursor: pointer;\n\n    @include hover {\n      background-color: var(--theme-group-item--background--hover);\n\n      &.selected {\n        background-color: var(--theme-group-item--background--selected);\n      }\n    }\n\n    @include active {\n      background-color: var(--theme-group-item--background--active);\n\n      &.selected {\n        background-color: var(--theme-group-item--background--selected);\n      }\n    }\n\n    @include focus-visible {\n      border: 1px solid var(--theme-color-focus-bdr);\n      border-radius: var(--theme-default-border-radius)\n        var(--theme-default-border-radius) 0px 0px;\n      outline: none;\n    }\n\n    &.selected {\n      background-color: var(--theme-group-item--background--selected);\n\n      .group-header-selection-indicator {\n        background-color: var(\n          --theme-group-item-indicator--background--selected\n        );\n      }\n    }\n\n    .group-header-selection-indicator {\n      background-color: var(--theme-color-input--focus);\n\n      &.group-header-selection-indicator-item-selected {\n        background-color: var(\n          --theme-group-item-indicator--background--selected\n        );\n      }\n    }\n  }\n\n  .group-header-clickable {\n    @include ellipsis;\n\n    display: flex;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .group-header-selection-indicator {\n    width: $tiny-space;\n    border-top-left-radius: var(--theme-group--border-radius);\n  }\n\n  .group-header-content {\n    @include ellipsis;\n\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    min-width: 0;\n    flex-grow: 1;\n    flex-basis: 0;\n    padding: 0.5rem;\n    padding-left: 0;\n\n    .group-header-props-container {\n      width: 100%;\n    }\n\n    .group-header-title {\n      display: flex;\n      align-items: center;\n      font-size: 1rem;\n      font-weight: $font-weight-bold;\n      height: 1.5rem;\n\n      & > * {\n        @include ellipsis;\n\n        min-width: 0;\n        padding-right: 0;\n      }\n    }\n\n    .group-subheader {\n      @include ellipsis();\n\n      height: 1.25rem;\n      font-size: 0.875rem;\n      color: var(--theme-group-subheader--color);\n    }\n  }\n\n  .expand-icon {\n    padding: 0.125rem 0.437rem;\n    color: var(--theme-color-std-text);\n  }\n\n  .btn-expand-header {\n    margin: $small-space;\n    margin-inline-end: $tiny-space;\n    min-width: 1.5rem;\n  }\n\n  .group-content {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    margin-top: 1px;\n  }\n\n  .footer {\n    visibility: collapse;\n    height: auto;\n    min-height: 0;\n  }\n\n  .footer-visible {\n    visibility: visible;\n  }\n\n  .hidden {\n    display: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport {\n  iconChevronDownSmall,\n  iconChevronRightSmall,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-group',\n  styleUrl: 'group.scss',\n  shadow: true,\n})\nexport class Group {\n  @Element() hostElement!: HTMLIxGroupElement;\n\n  /**\n   * Prevent header from being selectable\n   */\n  @Prop() suppressHeaderSelection = false;\n\n  /**\n   * Group header\n   */\n  @Prop() header?: string;\n\n  /**\n   * Group header subtitle\n   */\n  @Prop() subHeader?: string;\n\n  /**\n   * Whether the group is collapsed or expanded. Defaults to true.\n   */\n  @Prop({ mutable: true, reflect: true }) collapsed = true;\n\n  /**\n   * Whether the group is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) selected = false;\n\n  /**\n   * The index of the selected group entry.\n   * If undefined no group item is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) index?: number;\n\n  /**\n   * Expand the group if the header is clicked\n   */\n  @Prop() expandOnHeaderClick = false;\n\n  /**\n   * Emits when whole group gets selected.\n   */\n  @Event() selectGroup!: EventEmitter<boolean>;\n\n  /**\n   * Emits when group item gets selected.\n   */\n  @Event() selectItem!: EventEmitter<number>;\n\n  /**\n   * Group collapsed\n   */\n  @Event() collapsedChanged!: EventEmitter<boolean>;\n\n  @State() itemSelected = false;\n  @State() slotSize = this.groupItems.length;\n  @State() footerVisible = false;\n\n  @State() showExpandCollapsedIcon = false;\n\n  private observer: MutationObserver = null!;\n\n  @Watch('selected')\n  selectedChanged(newSelected: boolean) {\n    if (newSelected === false) {\n      this.changeItemIndex();\n    }\n  }\n\n  get dropdownItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll('ix-group-dropdown-item')\n    );\n  }\n\n  get groupItems(): Array<HTMLIxGroupItemElement> {\n    return Array.from(\n      this.hostElement.querySelectorAll('ix-group-item:not(.footer)')\n    );\n  }\n\n  get groupContent() {\n    return this.hostElement.shadowRoot?.querySelector('.group-content');\n  }\n\n  private onExpandClick(event: Event) {\n    const oldCollapsed = this.collapsed;\n    this.collapsed = !this.collapsed;\n    const { defaultPrevented } = this.collapsedChanged.emit(this.collapsed);\n    event.stopPropagation();\n\n    if (defaultPrevented) {\n      this.collapsed = oldCollapsed;\n    }\n  }\n\n  private onHeaderClick(event: Event) {\n    if (this.suppressHeaderSelection) {\n      this.onExpandClick(event);\n      return;\n    }\n\n    this.changeHeaderSelection(!this.selected);\n    this.changeItemIndex();\n  }\n\n  private changeHeaderSelection(newSelection: boolean) {\n    const oldIsHeaderSelected = this.selected;\n    const newIsHeaderSelected = newSelection;\n    this.selected = newIsHeaderSelected;\n    const { defaultPrevented } = this.selectGroup.emit(newIsHeaderSelected);\n\n    if (defaultPrevented) {\n      this.selected = oldIsHeaderSelected;\n      return;\n    }\n  }\n\n  private changeItemIndex(index?: number) {\n    const oldIndex = this.index;\n    const newIndex = index === this.index ? undefined : index;\n\n    if (this.index === newIndex) {\n      return;\n    }\n\n    this.index = newIndex;\n    const { defaultPrevented } = this.selectItem.emit(newIndex);\n    if (defaultPrevented) {\n      this.index = oldIndex;\n      return;\n    }\n\n    const items = this.groupItems;\n    items.forEach((item, i) => {\n      item.selected = i === this.index;\n    });\n\n    this.itemSelected = items.some((item) => item.selected);\n  }\n\n  private onSlotChange() {\n    const slot = this.hostElement.shadowRoot?.querySelector(\n      'slot[name=\"footer\"]'\n    );\n\n    if (slot) {\n      this.footerVisible = hasSlottedElements(slot);\n    }\n  }\n\n  componentWillRender() {\n    this.groupItems.forEach((item, index) => {\n      item.selected = index === this.index;\n      item.index = index;\n    });\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver(() => {\n      this.slotSize = this.groupItems.length;\n    });\n    if (!this.groupContent) {\n      return;\n    }\n    this.observer.observe(this.groupContent, {\n      childList: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  @Listen('selectedChanged')\n  onItemClicked(event: CustomEvent) {\n    if (event.target instanceof HTMLElement) {\n      const item = event.target as HTMLIxGroupItemElement;\n      const index = this.groupItems.indexOf(item);\n      this.changeItemIndex(index);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'group-header': true,\n            expand: !this.collapsed,\n            selected: this.selected,\n          }}\n          tabindex=\"0\"\n        >\n          <div\n            class=\"group-header-clickable\"\n            onClick={(e) => this.onHeaderClick(e)}\n          >\n            <div\n              class={{\n                'group-header-selection-indicator': true,\n                'group-header-selection-indicator-item-selected':\n                  this.itemSelected,\n              }}\n            ></div>\n            <div class=\"btn-expand-header\">\n              <ix-icon\n                data-testid=\"expand-collapsed-icon\"\n                class={{\n                  hidden: !this.showExpandCollapsedIcon,\n                }}\n                name={\n                  this.collapsed ? iconChevronRightSmall : iconChevronDownSmall\n                }\n                onClick={(event: Event) => this.onExpandClick(event)}\n              ></ix-icon>\n            </div>\n\n            <div class=\"group-header-content\">\n              {this.header ? (\n                <div class=\"group-header-props-container\">\n                  <div class=\"group-header-title\">\n                    <span title={this.header}>{this.header}</span>\n                  </div>\n                  <div class=\"group-subheader\" title={this.subHeader}>\n                    {this.subHeader}\n                  </div>\n                </div>\n              ) : null}\n              <slot name=\"header\"></slot>\n            </div>\n          </div>\n          <ix-group-context-menu>\n            <slot name=\"dropdown\"></slot>\n          </ix-group-context-menu>\n        </div>\n        <div\n          class={{\n            'group-content': true,\n          }}\n        >\n          <div\n            style={{\n              display: this.collapsed ? 'none' : 'contents',\n            }}\n          >\n            <slot\n              onSlotchange={() => {\n                const slot =\n                  this.hostElement.shadowRoot?.querySelector(\n                    'slot:not([name])'\n                  );\n                this.showExpandCollapsedIcon = hasSlottedElements(slot);\n              }}\n            ></slot>\n            <ix-group-item\n              suppressSelection={true}\n              focusable={false}\n              class={{\n                footer: true,\n                'footer-visible': this.footerVisible,\n              }}\n            >\n              <slot\n                name=\"footer\"\n                onSlotchange={() => this.onSlotChange()}\n              ></slot>\n            </ix-group-item>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["groupCss","Group","constructor","hostRef","this","suppressHeaderSelection","collapsed","selected","expandOnHeaderClick","itemSelected","slotSize","groupItems","length","footerVisible","showExpandCollapsedIcon","observer","selectedChanged","newSelected","changeItemIndex","dropdownItems","Array","from","hostElement","querySelectorAll","groupContent","_a","shadowRoot","querySelector","onExpandClick","event","oldCollapsed","defaultPrevented","collapsedChanged","emit","stopPropagation","onHeaderClick","changeHeaderSelection","newSelection","oldIsHeaderSelected","newIsHeaderSelected","selectGroup","index","oldIndex","newIndex","undefined","selectItem","items","forEach","item","i","some","onSlotChange","slot","hasSlottedElements","componentWillRender","componentDidLoad","createMutationObserver","observe","childList","disconnectedCallback","disconnect","onItemClicked","target","HTMLElement","indexOf","render","h","Host","key","class","expand","tabindex","onClick","e","hidden","name","iconChevronRightSmall","iconChevronDownSmall","header","title","subHeader","style","display","onSlotchange","suppressSelection","focusable","footer"],"sources":["src/components/group/group.scss?tag=ix-group&encapsulation=shadow","src/components/group/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\n@import 'common-variables';\n@import 'legacy/mixins/fonts';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n\n:host {\n  @include ellipsis;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 19.75rem;\n  min-width: 12rem;\n  border-color: var(--theme-group-item--border-color);\n\n  .group-header {\n    height: 4rem;\n    min-height: 4rem;\n    max-height: 4rem;\n    border-radius: var(--theme-group--border-radius)\n      var(--theme-group--border-radius) 0 0;\n    display: flex;\n    background-color: var(--theme-group-item--background);\n    color: var(--theme-group-header--color);\n\n    cursor: pointer;\n\n    @include hover {\n      background-color: var(--theme-group-item--background--hover);\n\n      &.selected {\n        background-color: var(--theme-group-item--background--selected);\n      }\n    }\n\n    @include active {\n      background-color: var(--theme-group-item--background--active);\n\n      &.selected {\n        background-color: var(--theme-group-item--background--selected);\n      }\n    }\n\n    @include focus-visible {\n      border: 1px solid var(--theme-color-focus-bdr);\n      border-radius: var(--theme-default-border-radius)\n        var(--theme-default-border-radius) 0px 0px;\n      outline: none;\n    }\n\n    &.selected {\n      background-color: var(--theme-group-item--background--selected);\n\n      .group-header-selection-indicator {\n        background-color: var(\n          --theme-group-item-indicator--background--selected\n        );\n      }\n    }\n\n    .group-header-selection-indicator {\n      background-color: var(--theme-color-input--focus);\n\n      &.group-header-selection-indicator-item-selected {\n        background-color: var(\n          --theme-group-item-indicator--background--selected\n        );\n      }\n    }\n  }\n\n  .group-header-clickable {\n    @include ellipsis;\n\n    display: flex;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .group-header-selection-indicator {\n    width: $tiny-space;\n    border-top-left-radius: var(--theme-group--border-radius);\n  }\n\n  .group-header-content {\n    @include ellipsis;\n\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    min-width: 0;\n    flex-grow: 1;\n    flex-basis: 0;\n    padding: 0.5rem;\n    padding-left: 0;\n\n    .group-header-props-container {\n      width: 100%;\n    }\n\n    .group-header-title {\n      display: flex;\n      align-items: center;\n      font-size: 1rem;\n      font-weight: $font-weight-bold;\n      height: 1.5rem;\n\n      & > * {\n        @include ellipsis;\n\n        min-width: 0;\n        padding-right: 0;\n      }\n    }\n\n    .group-subheader {\n      @include ellipsis();\n\n      height: 1.25rem;\n      font-size: 0.875rem;\n      color: var(--theme-group-subheader--color);\n    }\n  }\n\n  .expand-icon {\n    padding: 0.125rem 0.437rem;\n    color: var(--theme-color-std-text);\n  }\n\n  .btn-expand-header {\n    margin: $small-space;\n    margin-inline-end: $tiny-space;\n    min-width: 1.5rem;\n  }\n\n  .group-content {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n    margin-top: 1px;\n  }\n\n  .footer {\n    visibility: collapse;\n    height: auto;\n    min-height: 0;\n  }\n\n  .footer-visible {\n    visibility: visible;\n  }\n\n  .hidden {\n    display: none;\n  }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { hasSlottedElements } from '../utils/shadow-dom';\nimport {\n  iconChevronDownSmall,\n  iconChevronRightSmall,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-group',\n  styleUrl: 'group.scss',\n  shadow: true,\n})\nexport class Group {\n  @Element() hostElement!: HTMLIxGroupElement;\n\n  /**\n   * Prevent header from being selectable\n   */\n  @Prop() suppressHeaderSelection = false;\n\n  /**\n   * Group header\n   */\n  @Prop() header?: string;\n\n  /**\n   * Group header subtitle\n   */\n  @Prop() subHeader?: string;\n\n  /**\n   * Whether the group is collapsed or expanded. Defaults to true.\n   */\n  @Prop({ mutable: true, reflect: true }) collapsed = true;\n\n  /**\n   * Whether the group is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) selected = false;\n\n  /**\n   * The index of the selected group entry.\n   * If undefined no group item is selected.\n   */\n  @Prop({ mutable: true, reflect: true }) index?: number;\n\n  /**\n   * Expand the group if the header is clicked\n   */\n  @Prop() expandOnHeaderClick = false;\n\n  /**\n   * Emits when whole group gets selected.\n   */\n  @Event() selectGroup!: EventEmitter<boolean>;\n\n  /**\n   * Emits when group item gets selected.\n   */\n  @Event() selectItem!: EventEmitter<number>;\n\n  /**\n   * Group collapsed\n   */\n  @Event() collapsedChanged!: EventEmitter<boolean>;\n\n  @State() itemSelected = false;\n  @State() slotSize = this.groupItems.length;\n  @State() footerVisible = false;\n\n  @State() showExpandCollapsedIcon = false;\n\n  private observer: MutationObserver = null!;\n\n  @Watch('selected')\n  selectedChanged(newSelected: boolean) {\n    if (newSelected === false) {\n      this.changeItemIndex();\n    }\n  }\n\n  get dropdownItems() {\n    return Array.from(\n      this.hostElement.querySelectorAll('ix-group-dropdown-item')\n    );\n  }\n\n  get groupItems(): Array<HTMLIxGroupItemElement> {\n    return Array.from(\n      this.hostElement.querySelectorAll('ix-group-item:not(.footer)')\n    );\n  }\n\n  get groupContent() {\n    return this.hostElement.shadowRoot?.querySelector('.group-content');\n  }\n\n  private onExpandClick(event: Event) {\n    const oldCollapsed = this.collapsed;\n    this.collapsed = !this.collapsed;\n    const { defaultPrevented } = this.collapsedChanged.emit(this.collapsed);\n    event.stopPropagation();\n\n    if (defaultPrevented) {\n      this.collapsed = oldCollapsed;\n    }\n  }\n\n  private onHeaderClick(event: Event) {\n    if (this.suppressHeaderSelection) {\n      this.onExpandClick(event);\n      return;\n    }\n\n    this.changeHeaderSelection(!this.selected);\n    this.changeItemIndex();\n  }\n\n  private changeHeaderSelection(newSelection: boolean) {\n    const oldIsHeaderSelected = this.selected;\n    const newIsHeaderSelected = newSelection;\n    this.selected = newIsHeaderSelected;\n    const { defaultPrevented } = this.selectGroup.emit(newIsHeaderSelected);\n\n    if (defaultPrevented) {\n      this.selected = oldIsHeaderSelected;\n      return;\n    }\n  }\n\n  private changeItemIndex(index?: number) {\n    const oldIndex = this.index;\n    const newIndex = index === this.index ? undefined : index;\n\n    if (this.index === newIndex) {\n      return;\n    }\n\n    this.index = newIndex;\n    const { defaultPrevented } = this.selectItem.emit(newIndex);\n    if (defaultPrevented) {\n      this.index = oldIndex;\n      return;\n    }\n\n    const items = this.groupItems;\n    items.forEach((item, i) => {\n      item.selected = i === this.index;\n    });\n\n    this.itemSelected = items.some((item) => item.selected);\n  }\n\n  private onSlotChange() {\n    const slot = this.hostElement.shadowRoot?.querySelector(\n      'slot[name=\"footer\"]'\n    );\n\n    if (slot) {\n      this.footerVisible = hasSlottedElements(slot);\n    }\n  }\n\n  componentWillRender() {\n    this.groupItems.forEach((item, index) => {\n      item.selected = index === this.index;\n      item.index = index;\n    });\n  }\n\n  componentDidLoad() {\n    this.observer = createMutationObserver(() => {\n      this.slotSize = this.groupItems.length;\n    });\n    if (!this.groupContent) {\n      return;\n    }\n    this.observer.observe(this.groupContent, {\n      childList: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  @Listen('selectedChanged')\n  onItemClicked(event: CustomEvent) {\n    if (event.target instanceof HTMLElement) {\n      const item = event.target as HTMLIxGroupItemElement;\n      const index = this.groupItems.indexOf(item);\n      this.changeItemIndex(index);\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            'group-header': true,\n            expand: !this.collapsed,\n            selected: this.selected,\n          }}\n          tabindex=\"0\"\n        >\n          <div\n            class=\"group-header-clickable\"\n            onClick={(e) => this.onHeaderClick(e)}\n          >\n            <div\n              class={{\n                'group-header-selection-indicator': true,\n                'group-header-selection-indicator-item-selected':\n                  this.itemSelected,\n              }}\n            ></div>\n            <div class=\"btn-expand-header\">\n              <ix-icon\n                data-testid=\"expand-collapsed-icon\"\n                class={{\n                  hidden: !this.showExpandCollapsedIcon,\n                }}\n                name={\n                  this.collapsed ? iconChevronRightSmall : iconChevronDownSmall\n                }\n                onClick={(event: Event) => this.onExpandClick(event)}\n              ></ix-icon>\n            </div>\n\n            <div class=\"group-header-content\">\n              {this.header ? (\n                <div class=\"group-header-props-container\">\n                  <div class=\"group-header-title\">\n                    <span title={this.header}>{this.header}</span>\n                  </div>\n                  <div class=\"group-subheader\" title={this.subHeader}>\n                    {this.subHeader}\n                  </div>\n                </div>\n              ) : null}\n              <slot name=\"header\"></slot>\n            </div>\n          </div>\n          <ix-group-context-menu>\n            <slot name=\"dropdown\"></slot>\n          </ix-group-context-menu>\n        </div>\n        <div\n          class={{\n            'group-content': true,\n          }}\n        >\n          <div\n            style={{\n              display: this.collapsed ? 'none' : 'contents',\n            }}\n          >\n            <slot\n              onSlotchange={() => {\n                const slot =\n                  this.hostElement.shadowRoot?.querySelector(\n                    'slot:not([name])'\n                  );\n                this.showExpandCollapsedIcon = hasSlottedElements(slot);\n              }}\n            ></slot>\n            <ix-group-item\n              suppressSelection={true}\n              focusable={false}\n              class={{\n                footer: true,\n                'footer-visible': this.footerVisible,\n              }}\n            >\n              <slot\n                name=\"footer\"\n                onSlotchange={() => this.onSlotChange()}\n              ></slot>\n            </ix-group-item>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/siemens-ix/{p-19e9505f.entry.js → p-b60d8b91.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as o,H as r}from"./p-BNpBEtDH.js";import{g as t}from"./p-Df9aoecP.js";import{a as n}from"./p-Bb7pDeaQ.js";import{G as i,F as a}from"./p-CrTP-icT.js";const l=".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}: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 svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";const d=class{constructor(o){e(this,o);this.ixAriaLabel="Expand";this.expanded=false;this.pinned=false}getSmallScreenIcon(){return o("button",{class:Object.assign(Object.assign({},t("secondary",false,true,true,false,false,false)),{"menu-expand-button":true})},o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},o("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),o("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),o("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return o("ix-icon-button",{icon:this.expanded?i:a,ghost:true})}getMenuIcon(){if(this.pinned){return this.getLargeScreenIcon()}if(this.breakpoint==="md"){return this.getLargeScreenIcon()}if(this.breakpoint==="lg"){return this.getLargeScreenIcon()}return this.getSmallScreenIcon()}render(){return o(r,{key:"2745f28be0c8e04560a997bc13d50393eee4beee",class:{expanded:this.expanded},type:"button","aria-label":this.ixAriaLabel,"aria-pressed":n(this.expanded)},this.getMenuIcon())}};d.style=l;export{d as ix_menu_expand_icon};
-//# sourceMappingURL=p-19e9505f.entry.js.map
+import{r as e,h as o,H as r}from"./p-BNpBEtDH.js";import{g as t}from"./p-Df9aoecP.js";import{a as n}from"./p-Bb7pDeaQ.js";import{G as i,F as a}from"./p-v48bcPT9.js";const l=".btn{display:inline-flex;align-items:center;justify-content:center;height:2rem;font-size:0.875rem;font-weight:700;transition:var(--theme-default-time);padding:0 0.5rem;min-width:5rem;gap:0.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn .glyph{margin-right:0.25rem;font-weight:400}.btn:focus-visible,.btn.focus{box-shadow:none}.btn-primary{border-radius:var(--theme-btn--border-radius)}.btn-primary,.btn-primary.focus,.btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}.btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-primary.hover,.btn-primary:hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}.btn-primary.selected.hover,.btn-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}.btn-primary.selected:not(:disabled):not(.disabled):active,.btn-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-primary.disabled,.btn-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}.btn-outline-primary{border-radius:var(--theme-btn--border-radius)}.btn-outline-primary,.btn-outline-primary.focus,.btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}.btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-primary.hover,.btn-outline-primary:hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}.btn-outline-primary.selected.hover,.btn-outline-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}.btn-outline-primary.selected:not(:disabled):not(.disabled):active,.btn-outline-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}.btn-invisible-primary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-primary,.btn-invisible-primary.focus,.btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}.btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-primary.hover,.btn-invisible-primary:hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}.btn-invisible-primary.selected.hover,.btn-invisible-primary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-primary:not(:disabled):not(.disabled):active,.btn-invisible-primary:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.dropdown-toggle{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}.btn-invisible-primary.selected:not(:disabled):not(.disabled):active,.btn-invisible-primary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-primary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-primary.disabled,.btn-invisible-primary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}.btn-secondary{border-radius:var(--theme-btn--border-radius)}.btn-secondary,.btn-secondary.focus,.btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}.btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-secondary.hover,.btn-secondary:hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}.btn-secondary.selected.hover,.btn-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}.btn-secondary.selected:not(:disabled):not(.disabled):active,.btn-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-secondary.disabled,.btn-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}.btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}.btn-outline-secondary,.btn-outline-secondary.focus,.btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}.btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-outline-secondary.hover,.btn-outline-secondary:hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}.btn-outline-secondary.selected.hover,.btn-outline-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}.btn-outline-secondary.selected:not(:disabled):not(.disabled):active,.btn-outline-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{pointer-events:none;cursor:initial;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}.btn-invisible-secondary{border-radius:var(--theme-btn--border-radius);--bs-btn-border-width:0px;--bs-btn-active-border-color:none}.btn-invisible-secondary,.btn-invisible-secondary.focus,.btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}.btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}.btn-invisible-secondary.hover,.btn-invisible-secondary:hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}.btn-invisible-secondary.selected.hover,.btn-invisible-secondary.selected:hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}.btn-invisible-secondary:not(:disabled):not(.disabled):active,.btn-invisible-secondary:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.dropdown-toggle{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}.btn-invisible-secondary.selected:not(:disabled):not(.disabled):active,.btn-invisible-secondary.selected:not(:disabled):not(.disabled).active,.show>.btn-invisible-secondary.selected.dropdown-toggle{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}.btn-invisible-secondary.disabled,.btn-invisible-secondary:disabled{pointer-events:none;cursor:initial;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}.btn-oval,.btn-icon{min-width:2rem;width:2rem}.btn-oval .glyph,.btn-icon .glyph{margin-right:0}.btn-oval{border-radius:6.25rem;width:2rem}.btn-icon-xs,.btn-icon-12{height:1rem;width:1rem;min-width:1rem;min-height:1rem}.btn-icon-s,.btn-icon-16{height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}.btn-icon-32{height:2rem;width:2rem;min-width:2rem;min-height:2rem}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}: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 svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";const d=class{constructor(o){e(this,o);this.ixAriaLabel="Expand";this.expanded=false;this.pinned=false}getSmallScreenIcon(){return o("button",{class:Object.assign(Object.assign({},t("secondary",false,true,true,false,false,false)),{"menu-expand-button":true})},o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},o("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),o("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),o("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return o("ix-icon-button",{icon:this.expanded?i:a,ghost:true})}getMenuIcon(){if(this.pinned){return this.getLargeScreenIcon()}if(this.breakpoint==="md"){return this.getLargeScreenIcon()}if(this.breakpoint==="lg"){return this.getLargeScreenIcon()}return this.getSmallScreenIcon()}render(){return o(r,{key:"2745f28be0c8e04560a997bc13d50393eee4beee",class:{expanded:this.expanded},type:"button","aria-label":this.ixAriaLabel,"aria-pressed":n(this.expanded)},this.getMenuIcon())}};d.style=l;export{d as ix_menu_expand_icon};
+//# sourceMappingURL=p-b60d8b91.entry.js.map

package/dist/siemens-ix/{p-2e4b9c1a.entry.js → p-c0df311f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as a,h as s,H as e}from"./p-BNpBEtDH.js";import{m as i}from"./p-CrTP-icT.js";const o=":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";const r=class{constructor(s){t(this,s);this.backButtonClick=a(this,"backButtonClick",7);this.variant="primary";this.headerSubtitle=undefined;this.hasBackButton=false}render(){return s(e,{key:"928efa217011fe719ae85f242af1a6a53dd9f9a0"},this.hasBackButton?s("ix-icon-button",{class:"backButton",variant:"primary",icon:i,ghost:true,onClick:()=>this.backButtonClick.emit()}):null,s("div",{key:"9ea073b90b1b71caa19ffd417a49eed7c4308061",class:"titleGroup"},s("ix-typography",{key:"961dced5d7117a17efe8f1830968796d1d864be3",format:this.variant==="secondary"?"h4":"h3",class:this.variant==="secondary"?"secondary":""},this.headerTitle),!!this.headerSubtitle&&s("ix-typography",{key:"9bf3c18838430fdffbbc146b1577f5d2251dc3e4",format:"h6","text-color":"soft",class:this.variant==="secondary"?"subtitle":""},this.headerSubtitle)),s("div",{key:"8952391cb6163493dc5ab27b690c4375ef535ac4",class:"buttons"},s("slot",{key:"afa8f83adfda8f12a5ac50a1bde46d1e1ba60671"})))}};r.style=o;export{r as ix_content_header};
-//# sourceMappingURL=p-2e4b9c1a.entry.js.map
+import{r as t,c as a,h as s,H as e}from"./p-BNpBEtDH.js";import{m as i}from"./p-v48bcPT9.js";const o=":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";const r=class{constructor(s){t(this,s);this.backButtonClick=a(this,"backButtonClick",7);this.variant="primary";this.headerSubtitle=undefined;this.hasBackButton=false}render(){return s(e,{key:"928efa217011fe719ae85f242af1a6a53dd9f9a0"},this.hasBackButton?s("ix-icon-button",{class:"backButton",variant:"primary",icon:i,ghost:true,onClick:()=>this.backButtonClick.emit()}):null,s("div",{key:"9ea073b90b1b71caa19ffd417a49eed7c4308061",class:"titleGroup"},s("ix-typography",{key:"961dced5d7117a17efe8f1830968796d1d864be3",format:this.variant==="secondary"?"h4":"h3",class:this.variant==="secondary"?"secondary":""},this.headerTitle),!!this.headerSubtitle&&s("ix-typography",{key:"9bf3c18838430fdffbbc146b1577f5d2251dc3e4",format:"h6","text-color":"soft",class:this.variant==="secondary"?"subtitle":""},this.headerSubtitle)),s("div",{key:"8952391cb6163493dc5ab27b690c4375ef535ac4",class:"buttons"},s("slot",{key:"afa8f83adfda8f12a5ac50a1bde46d1e1ba60671"})))}};r.style=o;export{r as ix_content_header};
+//# sourceMappingURL=p-c0df311f.entry.js.map

package/dist/siemens-ix/{p-37f6a541.entry.js → p-c9050427.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,f as t,h as r,H as i,c as o,F as a,g as s}from"./p-BNpBEtDH.js";import{m as d}from"./p-D6vSVaHq.js";import{D as c,I as n}from"./p-bDicGJUN.js";import{O as l}from"./p-MzQjR-h5.js";import{m as h}from"./p-bcj7UEIC.js";import{f as u,C as b,O as m}from"./p-CrTP-icT.js";const f=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}";const g=class{constructor(t){e(this,t)}onResize(){t(this)}getSize(e){if(e===""){return this.size}if(e==="sm"){return this.sizeSm}if(e==="md"){return this.sizeMd}if(e==="lg"){return this.sizeLg}}getColumnSize(){let e;g.Breakpoints.forEach((t=>{const r=t!==""?d(t):true;if(!r){return}const i=this.getSize(t);if(i){e=i}}));return e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e){return}if(e==="auto"){return{flex:"0 0 auto",width:"auto","max-width":"auto"}}const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return r(i,{key:"c079ab348a6cdc2a541a589b3b420d017168b650",style:Object.assign({},this.getColumnSizeStyling())},r("slot",{key:"d547e6ec36b0e50394f8f75d18e3d4ab62e1110e"}))}};g.Breakpoints=["","sm","md","lg"];g.style=f;const k=":host{display:block;position:relative;width:21rem}: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 .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0.25rem 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .fontSize{font-size:16px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:first-child{width:24px}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:12px;line-height:20px;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";var p=undefined&&undefined.__decorate||function(e,t,r,i){var o=arguments.length,a=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,r,i);else for(var d=e.length-1;d>=0;d--)if(s=e[d])a=(o<3?s(a):o>3?s(t,r,a):s(t,r))||a;return o>3&&a&&Object.defineProperty(t,r,a),a};const v=class{constructor(t){e(this,t);this.dateChange=o(this,"dateChange",7);this.dateRangeChange=o(this,"dateRangeChange",7);this.dateSelect=o(this,"dateSelect",7);this.format="yyyy/LL/dd";this.range=true;this.corners="rounded";this.minDate="";this.maxDate="";this.i18nDone="Done";this.weekStartIndex=0;this.showWeekNumbers=false;this.standaloneAppearance=true;this.today=c.now().toISO();this.selectedYear=0;this.tempYear=0;this.startYear=0;this.endYear=0;this.selectedMonth=0;this.tempMonth=0;this.dropdownButtonRef=h();this.yearContainerRef=h();this.firstMonthRef=h();this.focusedDay=1;this.isDayFocus=false;this.monthChangedFromFocus=false;this.DAYS_IN_WEEK=7;this.calendar=[]}watchFromPropHandler(e){if(!e){this.currFromDate=undefined;return}const t=this.parseDateString(e);if(t){this.currFromDate=t;this.updateSelectedYearMonth(t)}}watchToPropHandler(e){if(!e){this.currToDate=undefined;return}const t=this.parseDateString(e);if(t){this.currToDate=t;this.updateSelectedYearMonth(t)}}onLocaleChange(){this.setTranslations()}async getCurrentDate(){var e,t,r,i;const o=((e=this.currFromDate)===null||e===void 0?void 0:e.isValid)?(t=this.currFromDate)===null||t===void 0?void 0:t.toFormat(this.format):undefined;const a=((r=this.currToDate)===null||r===void 0?void 0:r.isValid)?(i=this.currToDate)===null||i===void 0?void 0:i.toFormat(this.format):undefined;if(this.range){return{from:o,to:a}}return{from:o,to:undefined}}handleKeyUp(e){if(!this.isDayFocus){return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t=t-7;break;case"ArrowDown":t=t+7;break;default:return}if(t>this.getDaysInCurrentMonth()){t=t-this.getDaysInCurrentMonth();this.changeToAdjacentMonth(1);this.monthChangedFromFocus=true}else if(t<1){this.changeToAdjacentMonth(-1);t=t+this.getDaysInCurrentMonth();this.monthChangedFromFocus=true}this.focusedDay=t}getDaysInCurrentMonth(){return c.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getDateTimeNow(){return c.fromISO(this.today)}parseDateString(e){const t=c.fromFormat(e,this.format);if(!t.isValid){console.error(t.invalidExplanation);return undefined}return t}updateSelectedYearMonth(e){this.selectedYear=e.year;this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=false}onDayFocus(){this.isDayFocus=true}componentWillLoad(){var e,t,r,i;this.setTranslations();this.currFromDate=this.from?c.fromFormat(this.from,this.format):undefined;this.currToDate=this.to?c.fromFormat(this.to,this.format):undefined;const o=(t=(e=this.currFromDate)===null||e===void 0?void 0:e.year)!==null&&t!==void 0?t:this.getDateTimeNow().year;this.startYear=o-5;this.endYear=o+5;this.selectedMonth=((i=(r=this.currFromDate)===null||r===void 0?void 0:r.month)!==null&&i!==void 0?i:this.getDateTimeNow().month)-1;this.selectedYear=o;this.tempMonth=this.selectedMonth;this.tempYear=this.selectedYear}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus){return}const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(n.weekdays("long",{locale:this.locale}),this.weekStartIndex);this.monthNames=n.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const r=[...e];if(t===0){return r}t=-t;const i=e.length;r.push(...r.splice(0,(-t%i+i)%i));return r}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[];const t=c.utc(this.selectedYear,this.selectedMonth+1);const r=t.startOf("month");const i=t.endOf("month");let o=r.weekNumber;let a=i.weekNumber;let s=r.weekday-1;let d=i.weekday-1;if(this.weekStartIndex!==0){const e=n.weekdays();const t=e[r.weekday];s=this.dayNames.findIndex((e=>e===t));const o=e[i.weekday];d=this.dayNames.findIndex((e=>e===o))}let l=false;if(a===1){a=i.weeksInWeekYear+1;l=true}let h=false;if(o===r.weeksInWeekYear){o=1;a++;h=true}let u=1;for(let t=o;t<=a&&u<=31;t++){const c=[];for(let e=0;e<this.DAYS_IN_WEEK&&u<=31;e++){if(t===o&&e<s||t===a&&e>d){c.push(undefined)}else{c.push(u++)}}if(h||l){if(t===1){e.push({weekNumber:r.weeksInWeekYear,dayNumbers:c})}else if(t===i.weekNumber){e.push({weekNumber:1,dayNumbers:c})}else{e.push({weekNumber:t-1,dayNumbers:c})}continue}e.push({weekNumber:t,dayNumbers:c})}this.calendar=e}selectTempYear(e,t){e===null||e===void 0?void 0:e.stopPropagation();this.tempYear=t}focusMonth(){var e;(e=this.firstMonthRef.current)===null||e===void 0?void 0:e.focus()}infiniteScrollYears(){const e=this.yearContainerRef.current;if(!e){return}const t=e.scrollTop;const r=e.scrollHeight;const i=t===0;const o=Math.round(t+e.offsetHeight)>=r;const a=200;if(this.endYear-this.startYear>a)return;if(i){const t=e.firstElementChild;this.startYear-=5;e.scrollTo(0,t.offsetTop);return}if(o){const t=e.lastElementChild;this.endYear+=5;e.scrollTo(0,t.offsetTop)}}selectMonth(e){this.selectedMonth=e;this.selectedYear=this.tempYear;this.tempMonth=e;const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");if(t){t.show=false}}changeToAdjacentMonth(e){if(this.selectedMonth+e<0){this.selectedYear--;this.selectedMonth=11}else if(this.selectedMonth+e>11){this.selectedYear++;this.selectedMonth=0}else{this.selectedMonth+=e}}selectDay(e,t){if(t.classList.contains("disabled")){return}const r=c.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));if(!this.range||this.currFromDate===undefined){this.currFromDate=r;this.onDateChange();return}if(this.currToDate!==undefined){this.currFromDate=r;this.currToDate=undefined;this.onDateChange();return}if(r<this.currFromDate){this.currToDate=this.currFromDate;this.currFromDate=r;this.onDateChange();return}this.currToDate=r;this.onDateChange()}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e);if(this.range){this.dateRangeChange.emit(e)}}))}getDayClasses(e){var t,r,i;const o=this.getDateTimeNow();const a=c.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{"calendar-item":true,"empty-day":e===undefined,today:o.hasSame(a,"day"),selected:((t=this.currFromDate)===null||t===void 0?void 0:t.hasSame(a,"day"))||((r=this.currToDate)===null||r===void 0?void 0:r.hasSame(a,"day")),range:this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&this.currToDate!==undefined&&a.startOf("day")<((i=this.currToDate)===null||i===void 0?void 0:i.startOf("day")),disabled:!this.isWithinMinMaxDate(a)}}isWithinMinMaxYear(e){const t=this.minDate?c.fromFormat(this.minDate,this.format).year:undefined;const r=this.maxDate?c.fromFormat(this.maxDate,this.format).year:undefined;const i=t?e<t:false;const o=r?e>r:false;return!i&&!o}isWithinMinMaxMonth(e){const t=this.minDate?c.fromFormat(this.minDate,this.format):undefined;const r=this.maxDate?c.fromFormat(this.maxDate,this.format):undefined;const i=t===null||t===void 0?void 0:t.month;const o=r===null||r===void 0?void 0:r.month;const a=i?this.tempYear===t.year&&e<i:false;const s=o?this.tempYear===r.year&&e>o:false;return!a&&!s}isWithinMinMaxDate(e){const t=this.minDate?c.fromFormat(this.minDate,this.format):undefined;const r=this.maxDate?c.fromFormat(this.maxDate,this.format):undefined;const i=t?e.startOf("day")<t.startOf("day"):false;const o=r?e.startOf("day")>r.startOf("day"):false;return!i&&!o}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++){e.push(r("div",{key:t,class:{arrowYear:true,"month-dropdown-item":true,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:e=>this.selectTempYear(e,t),onKeyUp:e=>{if(e.key==="Enter"){this.tempYear=t;this.focusMonth()}},tabIndex:0},r("ix-icon",{class:{hidden:this.tempYear!==t,arrowPosition:true},name:u,size:"12"}),r("div",{style:{"min-width":"max-content"}},`${t}`)))}return e}render(){return r(i,{key:"ec25433a60f924c7c819a92c57b2b629f79b663f"},r("ix-date-time-card",{key:"56f5ac9540a23986a08ccfddb143c24ff25c9a81",corners:this.corners,standaloneAppearance:this.standaloneAppearance},r("div",{key:"145d9df28d8a093d0af698e85fe3d9cc6aacec64",class:"header",slot:"header"},r("ix-icon-button",{key:"bc4a0fd59f15329eac25c289990ed1f50df963a9",onClick:()=>this.changeToAdjacentMonth(-1),ghost:true,icon:b,variant:"primary",class:"arrows"}),r("div",{key:"0c61ba812857744d7566c16524646d1d30667249",class:"selector"},r("ix-button",{key:"3d92b9b3817ea2aef09cb145a2af8f9c1bf76b28",ghost:true,ref:this.dropdownButtonRef,"data-testid":"year-month-button"},r("span",{key:"5f696b8753daaa9c5988152b62e54a25c5e8dd26",class:"fontSize capitalize"},this.monthNames[this.selectedMonth]," ",this.selectedYear)),r("ix-dropdown",{key:"ee0db36f54c1149a39e6b2d405cf79bfa562ed43","data-testid":"year-month-dropdown",class:"dropdown",trigger:this.dropdownButtonRef.waitForCurrent(),ignoreRelatedSubmenu:true,placement:"bottom-start"},r("div",{key:"0031f047384be91ad8e2ee4f72a290b741c8f1fd",class:"wrapper"},r("div",{key:"7de4de328365b482a12fb336d6aac1f32e6ec073","data-testid":"year-container",class:"overflow",onScroll:()=>this.infiniteScrollYears(),ref:this.yearContainerRef},this.renderYears()),r("div",{key:"217bd672e7a1f9111102de327c725e676741709e",class:"overflow","data-testid":"month-container"},this.monthNames.map(((e,t)=>r("div",{key:e,ref:t=>{if(e===this.monthNames[0]){this.firstMonthRef(t)}},class:{arrowYear:true,"month-dropdown-item":true,selected:this.tempYear===this.selectedYear&&this.tempMonth===t,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>this.selectMonth(t),onKeyUp:e=>e.key==="Enter"&&this.selectMonth(t),tabIndex:0},r("ix-icon",{class:{hidden:this.tempYear!==this.selectedYear||this.tempMonth!==t,checkPosition:true},name:m,size:"16"}),r("div",null,r("span",{class:"capitalize monthMargin"},`${e} ${this.tempYear}`))))))))),r("ix-icon-button",{key:"7e33eae68de31647ee19d704a182b57e926d50dc",onClick:()=>this.changeToAdjacentMonth(1),ghost:true,icon:u,variant:"primary",class:"arrows"})),r("div",{key:"e12141e31ccd52b9d9c7056d131435f66651ea98",class:{grid:true,"grid--show-week-numbers":this.showWeekNumbers}},this.showWeekNumbers&&r("div",{key:"63e5860be65d58cecef6c862150220b963923db9",class:"calendar-item week-day"}),this.dayNames.map((e=>r("div",{key:e,class:"calendar-item week-day"},r("div",{class:"overflow"},e.slice(0,3))))),this.calendar.map((e=>r(a,null,this.showWeekNumbers&&r("div",{class:"calendar-item week-number"},e.weekNumber),e.dayNumbers.map((e=>e?r("div",{key:e,id:`day-cell-${e}`,"date-calender-day":true,class:this.getDayClasses(e),onClick:t=>{const r=t.currentTarget;this.selectDay(e,r)},onKeyUp:t=>{const r=t.currentTarget;if(t.key==="Enter"){this.selectDay(e,r)}},tabIndex:e===this.focusedDay?0:-1,onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur()},e):r("div",null))))))),r("div",{key:"00ee4cadb9498c9a99fbc5f68b4fc06f38d0d4f6",class:{button:true,hidden:!this.range||!this.standaloneAppearance}},r("ix-button",{key:"f546328ff53b946deb5f9a8caba642bb4983170f",onClick:()=>this.onDone()},this.i18nDone))))}get hostElement(){return s(this)}static get watchers(){return{from:["watchFromPropHandler"],to:["watchToPropHandler"],locale:["onLocaleChange"]}}};p([l("keydown")],v.prototype,"handleKeyUp",null);v.style=k;const y=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const w=class{constructor(t){e(this,t);this.noMargin=false;this.gap="24";this.columns=12}render(){return r(i,{key:"d40e8aced8025bbe08dd872852003bcc29c03dac",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},r("slot",{key:"cec24b350d29b7e30e73d408ad15887951f30184"}))}};w.style=y;const x=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const z=class{constructor(t){e(this,t)}render(){return r(i,{key:"d196cf5b6609b66fd1d8e60175373e6463faec5c"},r("slot",{key:"cd5208fe0e779fb69579e8f9bbc1af21572d8bbc"}))}};z.style=x;export{g as ix_col,v as ix_date_picker,w as ix_layout_grid,z as ix_row};
-//# sourceMappingURL=p-37f6a541.entry.js.map
+import{r as e,f as t,h as r,H as i,c as o,F as a,g as s}from"./p-BNpBEtDH.js";import{m as d}from"./p-D6vSVaHq.js";import{D as c,I as n}from"./p-bDicGJUN.js";import{O as l}from"./p-MzQjR-h5.js";import{m as h}from"./p-bcj7UEIC.js";import{f as u,C as b,O as m}from"./p-v48bcPT9.js";const f=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}";const g=class{constructor(t){e(this,t)}onResize(){t(this)}getSize(e){if(e===""){return this.size}if(e==="sm"){return this.sizeSm}if(e==="md"){return this.sizeMd}if(e==="lg"){return this.sizeLg}}getColumnSize(){let e;g.Breakpoints.forEach((t=>{const r=t!==""?d(t):true;if(!r){return}const i=this.getSize(t);if(i){e=i}}));return e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e){return}if(e==="auto"){return{flex:"0 0 auto",width:"auto","max-width":"auto"}}const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return r(i,{key:"c079ab348a6cdc2a541a589b3b420d017168b650",style:Object.assign({},this.getColumnSizeStyling())},r("slot",{key:"d547e6ec36b0e50394f8f75d18e3d4ab62e1110e"}))}};g.Breakpoints=["","sm","md","lg"];g.style=f;const k=":host{display:block;position:relative;width:21rem}: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 .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0.25rem 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .fontSize{font-size:16px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:first-child{width:24px}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:12px;line-height:20px;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";var p=undefined&&undefined.__decorate||function(e,t,r,i){var o=arguments.length,a=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,r):i,s;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,r,i);else for(var d=e.length-1;d>=0;d--)if(s=e[d])a=(o<3?s(a):o>3?s(t,r,a):s(t,r))||a;return o>3&&a&&Object.defineProperty(t,r,a),a};const v=class{constructor(t){e(this,t);this.dateChange=o(this,"dateChange",7);this.dateRangeChange=o(this,"dateRangeChange",7);this.dateSelect=o(this,"dateSelect",7);this.format="yyyy/LL/dd";this.range=true;this.corners="rounded";this.minDate="";this.maxDate="";this.i18nDone="Done";this.weekStartIndex=0;this.showWeekNumbers=false;this.standaloneAppearance=true;this.today=c.now().toISO();this.selectedYear=0;this.tempYear=0;this.startYear=0;this.endYear=0;this.selectedMonth=0;this.tempMonth=0;this.dropdownButtonRef=h();this.yearContainerRef=h();this.firstMonthRef=h();this.focusedDay=1;this.isDayFocus=false;this.monthChangedFromFocus=false;this.DAYS_IN_WEEK=7;this.calendar=[]}watchFromPropHandler(e){if(!e){this.currFromDate=undefined;return}const t=this.parseDateString(e);if(t){this.currFromDate=t;this.updateSelectedYearMonth(t)}}watchToPropHandler(e){if(!e){this.currToDate=undefined;return}const t=this.parseDateString(e);if(t){this.currToDate=t;this.updateSelectedYearMonth(t)}}onLocaleChange(){this.setTranslations()}async getCurrentDate(){var e,t,r,i;const o=((e=this.currFromDate)===null||e===void 0?void 0:e.isValid)?(t=this.currFromDate)===null||t===void 0?void 0:t.toFormat(this.format):undefined;const a=((r=this.currToDate)===null||r===void 0?void 0:r.isValid)?(i=this.currToDate)===null||i===void 0?void 0:i.toFormat(this.format):undefined;if(this.range){return{from:o,to:a}}return{from:o,to:undefined}}handleKeyUp(e){if(!this.isDayFocus){return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t=t-7;break;case"ArrowDown":t=t+7;break;default:return}if(t>this.getDaysInCurrentMonth()){t=t-this.getDaysInCurrentMonth();this.changeToAdjacentMonth(1);this.monthChangedFromFocus=true}else if(t<1){this.changeToAdjacentMonth(-1);t=t+this.getDaysInCurrentMonth();this.monthChangedFromFocus=true}this.focusedDay=t}getDaysInCurrentMonth(){return c.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getDateTimeNow(){return c.fromISO(this.today)}parseDateString(e){const t=c.fromFormat(e,this.format);if(!t.isValid){console.error(t.invalidExplanation);return undefined}return t}updateSelectedYearMonth(e){this.selectedYear=e.year;this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=false}onDayFocus(){this.isDayFocus=true}componentWillLoad(){var e,t,r,i;this.setTranslations();this.currFromDate=this.from?c.fromFormat(this.from,this.format):undefined;this.currToDate=this.to?c.fromFormat(this.to,this.format):undefined;const o=(t=(e=this.currFromDate)===null||e===void 0?void 0:e.year)!==null&&t!==void 0?t:this.getDateTimeNow().year;this.startYear=o-5;this.endYear=o+5;this.selectedMonth=((i=(r=this.currFromDate)===null||r===void 0?void 0:r.month)!==null&&i!==void 0?i:this.getDateTimeNow().month)-1;this.selectedYear=o;this.tempMonth=this.selectedMonth;this.tempYear=this.selectedYear}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus){return}const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(n.weekdays("long",{locale:this.locale}),this.weekStartIndex);this.monthNames=n.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const r=[...e];if(t===0){return r}t=-t;const i=e.length;r.push(...r.splice(0,(-t%i+i)%i));return r}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[];const t=c.utc(this.selectedYear,this.selectedMonth+1);const r=t.startOf("month");const i=t.endOf("month");let o=r.weekNumber;let a=i.weekNumber;let s=r.weekday-1;let d=i.weekday-1;if(this.weekStartIndex!==0){const e=n.weekdays();const t=e[r.weekday];s=this.dayNames.findIndex((e=>e===t));const o=e[i.weekday];d=this.dayNames.findIndex((e=>e===o))}let l=false;if(a===1){a=i.weeksInWeekYear+1;l=true}let h=false;if(o===r.weeksInWeekYear){o=1;a++;h=true}let u=1;for(let t=o;t<=a&&u<=31;t++){const c=[];for(let e=0;e<this.DAYS_IN_WEEK&&u<=31;e++){if(t===o&&e<s||t===a&&e>d){c.push(undefined)}else{c.push(u++)}}if(h||l){if(t===1){e.push({weekNumber:r.weeksInWeekYear,dayNumbers:c})}else if(t===i.weekNumber){e.push({weekNumber:1,dayNumbers:c})}else{e.push({weekNumber:t-1,dayNumbers:c})}continue}e.push({weekNumber:t,dayNumbers:c})}this.calendar=e}selectTempYear(e,t){e===null||e===void 0?void 0:e.stopPropagation();this.tempYear=t}focusMonth(){var e;(e=this.firstMonthRef.current)===null||e===void 0?void 0:e.focus()}infiniteScrollYears(){const e=this.yearContainerRef.current;if(!e){return}const t=e.scrollTop;const r=e.scrollHeight;const i=t===0;const o=Math.round(t+e.offsetHeight)>=r;const a=200;if(this.endYear-this.startYear>a)return;if(i){const t=e.firstElementChild;this.startYear-=5;e.scrollTo(0,t.offsetTop);return}if(o){const t=e.lastElementChild;this.endYear+=5;e.scrollTo(0,t.offsetTop)}}selectMonth(e){this.selectedMonth=e;this.selectedYear=this.tempYear;this.tempMonth=e;const t=this.hostElement.shadowRoot.querySelector("ix-dropdown");if(t){t.show=false}}changeToAdjacentMonth(e){if(this.selectedMonth+e<0){this.selectedYear--;this.selectedMonth=11}else if(this.selectedMonth+e>11){this.selectedYear++;this.selectedMonth=0}else{this.selectedMonth+=e}}selectDay(e,t){if(t.classList.contains("disabled")){return}const r=c.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));if(!this.range||this.currFromDate===undefined){this.currFromDate=r;this.onDateChange();return}if(this.currToDate!==undefined){this.currFromDate=r;this.currToDate=undefined;this.onDateChange();return}if(r<this.currFromDate){this.currToDate=this.currFromDate;this.currFromDate=r;this.onDateChange();return}this.currToDate=r;this.onDateChange()}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e);if(this.range){this.dateRangeChange.emit(e)}}))}getDayClasses(e){var t,r,i;const o=this.getDateTimeNow();const a=c.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{"calendar-item":true,"empty-day":e===undefined,today:o.hasSame(a,"day"),selected:((t=this.currFromDate)===null||t===void 0?void 0:t.hasSame(a,"day"))||((r=this.currToDate)===null||r===void 0?void 0:r.hasSame(a,"day")),range:this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&this.currToDate!==undefined&&a.startOf("day")<((i=this.currToDate)===null||i===void 0?void 0:i.startOf("day")),disabled:!this.isWithinMinMaxDate(a)}}isWithinMinMaxYear(e){const t=this.minDate?c.fromFormat(this.minDate,this.format).year:undefined;const r=this.maxDate?c.fromFormat(this.maxDate,this.format).year:undefined;const i=t?e<t:false;const o=r?e>r:false;return!i&&!o}isWithinMinMaxMonth(e){const t=this.minDate?c.fromFormat(this.minDate,this.format):undefined;const r=this.maxDate?c.fromFormat(this.maxDate,this.format):undefined;const i=t===null||t===void 0?void 0:t.month;const o=r===null||r===void 0?void 0:r.month;const a=i?this.tempYear===t.year&&e<i:false;const s=o?this.tempYear===r.year&&e>o:false;return!a&&!s}isWithinMinMaxDate(e){const t=this.minDate?c.fromFormat(this.minDate,this.format):undefined;const r=this.maxDate?c.fromFormat(this.maxDate,this.format):undefined;const i=t?e.startOf("day")<t.startOf("day"):false;const o=r?e.startOf("day")>r.startOf("day"):false;return!i&&!o}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++){e.push(r("div",{key:t,class:{arrowYear:true,"month-dropdown-item":true,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:e=>this.selectTempYear(e,t),onKeyUp:e=>{if(e.key==="Enter"){this.tempYear=t;this.focusMonth()}},tabIndex:0},r("ix-icon",{class:{hidden:this.tempYear!==t,arrowPosition:true},name:u,size:"12"}),r("div",{style:{"min-width":"max-content"}},`${t}`)))}return e}render(){return r(i,{key:"ec25433a60f924c7c819a92c57b2b629f79b663f"},r("ix-date-time-card",{key:"56f5ac9540a23986a08ccfddb143c24ff25c9a81",corners:this.corners,standaloneAppearance:this.standaloneAppearance},r("div",{key:"145d9df28d8a093d0af698e85fe3d9cc6aacec64",class:"header",slot:"header"},r("ix-icon-button",{key:"bc4a0fd59f15329eac25c289990ed1f50df963a9",onClick:()=>this.changeToAdjacentMonth(-1),ghost:true,icon:b,variant:"primary",class:"arrows"}),r("div",{key:"0c61ba812857744d7566c16524646d1d30667249",class:"selector"},r("ix-button",{key:"3d92b9b3817ea2aef09cb145a2af8f9c1bf76b28",ghost:true,ref:this.dropdownButtonRef,"data-testid":"year-month-button"},r("span",{key:"5f696b8753daaa9c5988152b62e54a25c5e8dd26",class:"fontSize capitalize"},this.monthNames[this.selectedMonth]," ",this.selectedYear)),r("ix-dropdown",{key:"ee0db36f54c1149a39e6b2d405cf79bfa562ed43","data-testid":"year-month-dropdown",class:"dropdown",trigger:this.dropdownButtonRef.waitForCurrent(),ignoreRelatedSubmenu:true,placement:"bottom-start"},r("div",{key:"0031f047384be91ad8e2ee4f72a290b741c8f1fd",class:"wrapper"},r("div",{key:"7de4de328365b482a12fb336d6aac1f32e6ec073","data-testid":"year-container",class:"overflow",onScroll:()=>this.infiniteScrollYears(),ref:this.yearContainerRef},this.renderYears()),r("div",{key:"217bd672e7a1f9111102de327c725e676741709e",class:"overflow","data-testid":"month-container"},this.monthNames.map(((e,t)=>r("div",{key:e,ref:t=>{if(e===this.monthNames[0]){this.firstMonthRef(t)}},class:{arrowYear:true,"month-dropdown-item":true,selected:this.tempYear===this.selectedYear&&this.tempMonth===t,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>this.selectMonth(t),onKeyUp:e=>e.key==="Enter"&&this.selectMonth(t),tabIndex:0},r("ix-icon",{class:{hidden:this.tempYear!==this.selectedYear||this.tempMonth!==t,checkPosition:true},name:m,size:"16"}),r("div",null,r("span",{class:"capitalize monthMargin"},`${e} ${this.tempYear}`))))))))),r("ix-icon-button",{key:"7e33eae68de31647ee19d704a182b57e926d50dc",onClick:()=>this.changeToAdjacentMonth(1),ghost:true,icon:u,variant:"primary",class:"arrows"})),r("div",{key:"e12141e31ccd52b9d9c7056d131435f66651ea98",class:{grid:true,"grid--show-week-numbers":this.showWeekNumbers}},this.showWeekNumbers&&r("div",{key:"63e5860be65d58cecef6c862150220b963923db9",class:"calendar-item week-day"}),this.dayNames.map((e=>r("div",{key:e,class:"calendar-item week-day"},r("div",{class:"overflow"},e.slice(0,3))))),this.calendar.map((e=>r(a,null,this.showWeekNumbers&&r("div",{class:"calendar-item week-number"},e.weekNumber),e.dayNumbers.map((e=>e?r("div",{key:e,id:`day-cell-${e}`,"date-calender-day":true,class:this.getDayClasses(e),onClick:t=>{const r=t.currentTarget;this.selectDay(e,r)},onKeyUp:t=>{const r=t.currentTarget;if(t.key==="Enter"){this.selectDay(e,r)}},tabIndex:e===this.focusedDay?0:-1,onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur()},e):r("div",null))))))),r("div",{key:"00ee4cadb9498c9a99fbc5f68b4fc06f38d0d4f6",class:{button:true,hidden:!this.range||!this.standaloneAppearance}},r("ix-button",{key:"f546328ff53b946deb5f9a8caba642bb4983170f",onClick:()=>this.onDone()},this.i18nDone))))}get hostElement(){return s(this)}static get watchers(){return{from:["watchFromPropHandler"],to:["watchToPropHandler"],locale:["onLocaleChange"]}}};p([l("keydown")],v.prototype,"handleKeyUp",null);v.style=k;const y=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const w=class{constructor(t){e(this,t);this.noMargin=false;this.gap="24";this.columns=12}render(){return r(i,{key:"d40e8aced8025bbe08dd872852003bcc29c03dac",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},r("slot",{key:"cec24b350d29b7e30e73d408ad15887951f30184"}))}};w.style=y;const x=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const z=class{constructor(t){e(this,t)}render(){return r(i,{key:"d196cf5b6609b66fd1d8e60175373e6463faec5c"},r("slot",{key:"cd5208fe0e779fb69579e8f9bbc1af21572d8bbc"}))}};z.style=x;export{g as ix_col,v as ix_date_picker,w as ix_layout_grid,z as ix_row};
+//# sourceMappingURL=p-c9050427.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as e,H as r,g as o}from"./p-BNpBEtDH.js";import{g as i}from"./p-i60z1FJC.js";import{x as s}from"./p-v48bcPT9.js";const l=":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time);border-radius:1.25rem}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";const d=class{constructor(e){t(this,e);this.logoutClick=a(this,"logoutClick",7);this.i18nLogout="Logout";this.showLogoutButton=true;this.showContextMenu=false;this.avatarElementId="ix-menu-avatar-id"}onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t){return}const a=i(t);this.showContextMenu=a.length!==0}render(){return e(r,{key:"0de17572a27311bdac05540ef99db83d45805f75",slot:"ix-menu-avatar"},e("button",{key:"92f5318a7f2d858eb2c5de56dc2fb936e89287ec",class:"nav-item top-item avatar no-hover",title:this.top,id:this.avatarElementId,tabIndex:0},e("ix-avatar",{key:"467817b892981995dad63306d86a37c319667677",image:this.image,initials:this.initials}),e("div",{key:"25339aa123e84ed37d4d6733c571a4b9c542b3b0",class:"avatar-name"},e("span",{key:"b4be6b9c6821461b2c01679ed5343dc233441b7c",class:"text-default-single",title:this.top},this.top),e("span",{key:"1beaa9327403d4d8a5da0ca6a9ec0e546ee2172e",class:"text-default-single",title:this.bottom},this.bottom))),e("ix-dropdown",{key:"d5fcd99be86d4d13dad176354bfb7d8ba516c269",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&!this.showLogoutButton,offset:{mainAxis:16}},e("slot",{key:"dd3580e96699f31becd4c16705ee4275960c1442",onSlotchange:()=>this.onSlotChange()}),this.showLogoutButton?e("ix-menu-avatar-item",{label:this.i18nLogout,icon:s,onClick:t=>{this.logoutClick.emit(t)}}):null))}get hostElement(){return o(this)}};d.style=l;export{d as ix_menu_avatar};
+//# sourceMappingURL=p-cabf35ff.entry.js.map

package/dist/siemens-ix/{p-781e0057.entry.js.map → p-cabf35ff.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["menuAvatarCss","MenuAvatar","constructor","hostRef","this","i18nLogout","showLogoutButton","showContextMenu","avatarElementId","onSlotChange","slot","hostElement","shadowRoot","querySelector","elements","getSlottedElements","length","render","h","Host","key","class","title","top","id","tabIndex","image","initials","bottom","trigger","placement","hidden","offset","mainAxis","onSlotchange","label","icon","iconLogOut","onClick","e","logoutClick","emit"],"sources":["src/components/menu-avatar/menu-avatar.scss?tag=ix-menu-avatar&encapsulation=shadow","src/components/menu-avatar/menu-avatar.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/text-truncation';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  margin-bottom: 0.5rem;\n  margin-right: 0.75rem;\n\n  .avatar {\n    all: unset;\n    box-sizing: border-box;\n\n    display: flex;\n    align-items: center;\n    height: 2.5rem;\n    width: 100%;\n    max-height: 2.5rem;\n    padding-left: 0.25rem;\n    margin-left: 0.41rem;\n    margin-right: 0.35rem;\n    transition: var(--theme-default-time);\n\n    .avatar-name {\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      white-space: nowrap;\n      margin-left: $default-space;\n      line-height: 1.14;\n\n      .text-default-single {\n        color: var(--theme-nav-item-primary--color);\n        @include ellipsis;\n      }\n    }\n\n    border-radius: 1.25rem;\n\n    @include hover {\n      background-color: var(--theme-avatar-btn--background--hover);\n      color: var(--theme-avatar-btn--color--hover);\n    }\n\n    @include active {\n      background-color: var(--theme-avatar-btn--background--active);\n      color: var(--theme-avatar-btn--color--active);\n    }\n  }\n\n  .avatar:focus-visible {\n    outline: 1px solid var(--theme-color-focus-bdr);\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  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\nimport { iconLogOut } from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-menu-avatar',\n  styleUrl: 'menu-avatar.scss',\n  shadow: true,\n})\nexport class MenuAvatar {\n  @Element() hostElement!: HTMLIxMenuAvatarElement;\n\n  /**\n   * First line of text\n   */\n  @Prop() top?: string;\n\n  /**\n   * Second line of text\n   */\n  @Prop() bottom?: string;\n\n  /**\n   * Display a avatar image\n   */\n  @Prop() image?: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   */\n  @Prop() initials?: string;\n\n  /**\n   * Use for translation\n   */\n  @Prop() i18nLogout: string = 'Logout';\n\n  /**\n   *  Control the visibility of the logout button\n   */\n  @Prop() showLogoutButton: boolean = true;\n\n  /**\n   * Control the visibility of the dropdown menu\n   */\n  @State() showContextMenu: boolean = false;\n\n  /**\n   * Logout click\n   */\n  @Event() logoutClick!: EventEmitter;\n\n  private avatarElementId = 'ix-menu-avatar-id';\n\n  onSlotChange() {\n    const slot = this.hostElement.shadowRoot!.querySelector('slot');\n    if (!slot) {\n      return;\n    }\n    const elements = getSlottedElements(slot);\n    this.showContextMenu = elements.length !== 0;\n  }\n\n  render() {\n    return (\n      <Host slot=\"ix-menu-avatar\">\n        <button\n          class=\"nav-item top-item avatar no-hover\"\n          title={this.top}\n          id={this.avatarElementId}\n          tabIndex={0}\n        >\n          <ix-avatar image={this.image} initials={this.initials}></ix-avatar>\n\n          <div class=\"avatar-name\">\n            <span class=\"text-default-single\" title={this.top}>\n              {this.top}\n            </span>\n            <span class=\"text-default-single\" title={this.bottom}>\n              {this.bottom}\n            </span>\n          </div>\n        </button>\n        <ix-dropdown\n          trigger={this.hostElement}\n          placement={'right-start'}\n          hidden={!this.showContextMenu && !this.showLogoutButton}\n          offset={{\n            mainAxis: 16,\n          }}\n        >\n          <slot onSlotchange={() => this.onSlotChange()}></slot>\n          {this.showLogoutButton ? (\n            <ix-menu-avatar-item\n              label={this.i18nLogout}\n              icon={iconLogOut}\n              onClick={(e) => {\n                this.logoutClick.emit(e);\n              }}\n            ></ix-menu-avatar-item>\n          ) : null}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAgB,g4D,MC0BTC,EAAU,MALvB,WAAAC,CAAAC,G,mDA+BUC,KAAUC,WAAW,SAKrBD,KAAgBE,iBAAY,KAK3BF,KAAeG,gBAAY,MAO5BH,KAAeI,gBAAG,mBAqD3B,CAnDC,YAAAC,GACE,MAAMC,EAAON,KAAKO,YAAYC,WAAYC,cAAc,QACxD,IAAKH,EAAM,CACT,M,CAEF,MAAMI,EAAWC,EAAmBL,GACpCN,KAAKG,gBAAkBO,EAASE,SAAW,C,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAV,KAAK,kBACTQ,EAAA,UAAAE,IAAA,2CACEC,MAAM,oCACNC,MAAOlB,KAAKmB,IACZC,GAAIpB,KAAKI,gBACTiB,SAAU,GAEVP,EAAW,aAAAE,IAAA,2CAAAM,MAAOtB,KAAKsB,MAAOC,SAAUvB,KAAKuB,WAE7CT,EAAK,OAAAE,IAAA,2CAAAC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBC,MAAOlB,KAAKmB,KAC3CnB,KAAKmB,KAERL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBC,MAAOlB,KAAKwB,QAC3CxB,KAAKwB,UAIZV,EACE,eAAAE,IAAA,2CAAAS,QAASzB,KAAKO,YACdmB,UAAW,cACXC,QAAS3B,KAAKG,kBAAoBH,KAAKE,iBACvC0B,OAAQ,CACNC,SAAU,KAGZf,EAAM,QAAAE,IAAA,2CAAAc,aAAc,IAAM9B,KAAKK,iBAC9BL,KAAKE,iBACJY,EAAA,uBACEiB,MAAO/B,KAAKC,WACZ+B,KAAMC,EACNC,QAAUC,IACRnC,KAAKoC,YAAYC,KAAKF,EAAE,IAG1B,M","ignoreList":[]}
+{"version":3,"names":["menuAvatarCss","MenuAvatar","constructor","hostRef","this","i18nLogout","showLogoutButton","showContextMenu","avatarElementId","onSlotChange","slot","hostElement","shadowRoot","querySelector","elements","getSlottedElements","length","render","h","Host","key","class","title","top","id","tabIndex","image","initials","bottom","trigger","placement","hidden","offset","mainAxis","onSlotchange","label","icon","iconLogOut","onClick","e","logoutClick","emit"],"sources":["src/components/menu-avatar/menu-avatar.scss?tag=ix-menu-avatar&encapsulation=shadow","src/components/menu-avatar/menu-avatar.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/text-truncation';\n@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  @include ix-component;\n  display: block;\n  position: relative;\n  margin-bottom: 0.5rem;\n  margin-right: 0.75rem;\n\n  .avatar {\n    all: unset;\n    box-sizing: border-box;\n\n    display: flex;\n    align-items: center;\n    height: 2.5rem;\n    width: 100%;\n    max-height: 2.5rem;\n    padding-left: 0.25rem;\n    margin-left: 0.41rem;\n    margin-right: 0.35rem;\n    transition: var(--theme-default-time);\n\n    .avatar-name {\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      white-space: nowrap;\n      margin-left: $default-space;\n      line-height: 1.14;\n\n      .text-default-single {\n        color: var(--theme-nav-item-primary--color);\n        @include ellipsis;\n      }\n    }\n\n    border-radius: 1.25rem;\n\n    @include hover {\n      background-color: var(--theme-avatar-btn--background--hover);\n      color: var(--theme-avatar-btn--color--hover);\n    }\n\n    @include active {\n      background-color: var(--theme-avatar-btn--background--active);\n      color: var(--theme-avatar-btn--color--active);\n    }\n  }\n\n  .avatar:focus-visible {\n    outline: 1px solid var(--theme-color-focus-bdr);\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  Event,\n  EventEmitter,\n  h,\n  Host,\n  Prop,\n  State,\n} from '@stencil/core';\nimport { getSlottedElements } from '../utils/shadow-dom';\nimport { iconLogOut } from '@siemens/ix-icons/icons';\n\n@Component({\n  tag: 'ix-menu-avatar',\n  styleUrl: 'menu-avatar.scss',\n  shadow: true,\n})\nexport class MenuAvatar {\n  @Element() hostElement!: HTMLIxMenuAvatarElement;\n\n  /**\n   * First line of text\n   */\n  @Prop() top?: string;\n\n  /**\n   * Second line of text\n   */\n  @Prop() bottom?: string;\n\n  /**\n   * Display a avatar image\n   */\n  @Prop() image?: string;\n\n  /**\n   * Display the initials of the user. Will be overwritten by image\n   */\n  @Prop() initials?: string;\n\n  /**\n   * Use for translation\n   */\n  @Prop() i18nLogout: string = 'Logout';\n\n  /**\n   *  Control the visibility of the logout button\n   */\n  @Prop() showLogoutButton: boolean = true;\n\n  /**\n   * Control the visibility of the dropdown menu\n   */\n  @State() showContextMenu: boolean = false;\n\n  /**\n   * Logout click\n   */\n  @Event() logoutClick!: EventEmitter;\n\n  private avatarElementId = 'ix-menu-avatar-id';\n\n  onSlotChange() {\n    const slot = this.hostElement.shadowRoot!.querySelector('slot');\n    if (!slot) {\n      return;\n    }\n    const elements = getSlottedElements(slot);\n    this.showContextMenu = elements.length !== 0;\n  }\n\n  render() {\n    return (\n      <Host slot=\"ix-menu-avatar\">\n        <button\n          class=\"nav-item top-item avatar no-hover\"\n          title={this.top}\n          id={this.avatarElementId}\n          tabIndex={0}\n        >\n          <ix-avatar image={this.image} initials={this.initials}></ix-avatar>\n\n          <div class=\"avatar-name\">\n            <span class=\"text-default-single\" title={this.top}>\n              {this.top}\n            </span>\n            <span class=\"text-default-single\" title={this.bottom}>\n              {this.bottom}\n            </span>\n          </div>\n        </button>\n        <ix-dropdown\n          trigger={this.hostElement}\n          placement={'right-start'}\n          hidden={!this.showContextMenu && !this.showLogoutButton}\n          offset={{\n            mainAxis: 16,\n          }}\n        >\n          <slot onSlotchange={() => this.onSlotChange()}></slot>\n          {this.showLogoutButton ? (\n            <ix-menu-avatar-item\n              label={this.i18nLogout}\n              icon={iconLogOut}\n              onClick={(e) => {\n                this.logoutClick.emit(e);\n              }}\n            ></ix-menu-avatar-item>\n          ) : null}\n        </ix-dropdown>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAgB,k7D,MC0BTC,EAAU,MALvB,WAAAC,CAAAC,G,mDA+BUC,KAAUC,WAAW,SAKrBD,KAAgBE,iBAAY,KAK3BF,KAAeG,gBAAY,MAO5BH,KAAeI,gBAAG,mBAqD3B,CAnDC,YAAAC,GACE,MAAMC,EAAON,KAAKO,YAAYC,WAAYC,cAAc,QACxD,IAAKH,EAAM,CACT,M,CAEF,MAAMI,EAAWC,EAAmBL,GACpCN,KAAKG,gBAAkBO,EAASE,SAAW,C,CAG7C,MAAAC,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAV,KAAK,kBACTQ,EAAA,UAAAE,IAAA,2CACEC,MAAM,oCACNC,MAAOlB,KAAKmB,IACZC,GAAIpB,KAAKI,gBACTiB,SAAU,GAEVP,EAAW,aAAAE,IAAA,2CAAAM,MAAOtB,KAAKsB,MAAOC,SAAUvB,KAAKuB,WAE7CT,EAAK,OAAAE,IAAA,2CAAAC,MAAM,eACTH,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBC,MAAOlB,KAAKmB,KAC3CnB,KAAKmB,KAERL,EAAA,QAAAE,IAAA,2CAAMC,MAAM,sBAAsBC,MAAOlB,KAAKwB,QAC3CxB,KAAKwB,UAIZV,EACE,eAAAE,IAAA,2CAAAS,QAASzB,KAAKO,YACdmB,UAAW,cACXC,QAAS3B,KAAKG,kBAAoBH,KAAKE,iBACvC0B,OAAQ,CACNC,SAAU,KAGZf,EAAM,QAAAE,IAAA,2CAAAc,aAAc,IAAM9B,KAAKK,iBAC9BL,KAAKE,iBACJY,EAAA,uBACEiB,MAAO/B,KAAKC,WACZ+B,KAAMC,EACNC,QAAUC,IACRnC,KAAKoC,YAAYC,KAAKF,EAAE,IAG1B,M","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as s,H as e,g as r}from"./p-BNpBEtDH.js";import{f as o,i as h,s as n,o as a,a as d,c as l}from"./p-CAqtPJ4-.js";import{A as c}from"./p-CUWFODSd.js";import{d as u,h as f}from"./p-D3K9vmFp.js";import{f as m}from"./p-CFRrPFxi.js";import{a as b}from"./p-CKoABG1h.js";const v=":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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 .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none}";let w=0;const p=class{constructor(s){t(this,s);this.showChanged=i(this,"showChanged",7);this.suppressAutomaticPlacement=false;this.show=false;this.closeBehavior="both";this.placement="bottom-start";this.positioningStrategy="fixed";this.discoverAllSubmenus=false;this.ignoreRelatedSubmenu=false;this.suppressOverflowBehavior=false;this.localUId=`dropdown-${w++}`;this.assignedSubmenu=[];this.itemObserver=new MutationObserver((()=>{if(this.arrowFocusController){this.arrowFocusController.items=this.dropdownItems}}))}connectedCallback(){u.connected(this);if(this.trigger!=undefined){this.registerListener(this.trigger)}}cacheSubmenuId(t){t.stopImmediatePropagation();t.preventDefault();const{detail:i}=t;if(this.assignedSubmenu.indexOf(i)===-1){this.assignedSubmenu.push(i)}}disconnectedCallback(){var t;u.dismiss(this);u.disconnected(this);if(this.arrowFocusController){(t=this.arrowFocusController)===null||t===void 0?void 0:t.disconnect();this.arrowFocusController=undefined}if(this.itemObserver){this.itemObserver.disconnect();this.itemObserver=undefined}if(this.disposeClickListener){this.disposeClickListener();this.disposeClickListener=undefined}if(this.disposeKeyListener){this.disposeKeyListener();this.disposeKeyListener=undefined}if(this.autoUpdateCleanup){this.autoUpdateCleanup();this.autoUpdateCleanup=undefined}}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=true}dismiss(){this.show=false}getId(){return this.localUId}willDismiss(){const{defaultPrevented:t}=this.showChanged.emit(false);return!t}willPresent(){const{defaultPrevented:t}=this.showChanged.emit(true);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}addEventListenersFor(){var t,i,s;(t=this.disposeClickListener)===null||t===void 0?void 0:t.call(this);(i=this.disposeKeyListener)===null||i===void 0?void 0:i.call(this);const e=()=>{if(!this.isPresent()){u.present(this)}else{u.dismiss(this)}u.dismissOthers(this.getId())};if(!this.triggerElement){return}this.disposeClickListener=b(this.triggerElement,"click",(t=>{if(!t.defaultPrevented){e()}}));(s=this.triggerElement)===null||s===void 0?void 0:s.setAttribute("data-ix-dropdown-trigger",this.localUId)}async discoverSubmenu(){var t;(t=this.triggerElement)===null||t===void 0?void 0:t.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:true,composed:true,cancelable:true,detail:this.localUId}))}registerKeyListener(){if(!this.triggerElement){return}this.disposeKeyListener=b(this.triggerElement,"keydown",(t=>{if(t.key!=="ArrowDown"){return}if(document.activeElement!==this.triggerElement){return}u.present(this);setTimeout((()=>{this.focusDropdownItem(0)}))}))}async registerListener(t){this.triggerElement=await this.resolveElement(t);if(this.triggerElement){this.addEventListenersFor();this.discoverSubmenu()}}async resolveElement(t){const i=await m(t);return this.checkForSubmenuAnchor(i)}async checkForSubmenuAnchor(t){if(!t){return undefined}if(f(t)){const i=await t.getDropdownItemElement();i.isSubMenu=true;this.hostElement.style.zIndex=`var(--theme-z-index-dropdown)`}if(t.tagName==="IX-DROPDOWN-ITEM"){t.isSubMenu=true;this.hostElement.style.zIndex=`var(--theme-z-index-dropdown)`}return t}async resolveAnchorElement(){if(this.anchor){this.anchorElement=await this.resolveElement(this.anchor)}else if(this.trigger){this.anchorElement=await this.resolveElement(this.trigger)}}async changedShow(t){var i,s,e,r;if(t){await this.resolveAnchorElement();if(this.anchorElement){this.applyDropdownPosition()}this.arrowFocusController=new c(this.dropdownItems,this.hostElement,(t=>this.focusDropdownItem(t)));(i=this.itemObserver)===null||i===void 0?void 0:i.observe(this.hostElement,{childList:true,subtree:true});this.registerKeyListener()}else{this.destroyAutoUpdate();(s=this.arrowFocusController)===null||s===void 0?void 0:s.disconnect();(e=this.itemObserver)===null||e===void 0?void 0:e.disconnect();(r=this.disposeKeyListener)===null||r===void 0?void 0:r.call(this)}}changedTrigger(t){this.registerListener(t)}destroyAutoUpdate(){if(this.autoUpdateCleanup){this.autoUpdateCleanup();this.autoUpdateCleanup=undefined}}isAnchorSubmenu(){var t;if(!f(this.anchorElement)){return!!((t=this.anchorElement)===null||t===void 0?void 0:t.closest("ix-dropdown-item"))}return true}async applyDropdownPosition(){var t,i;if(!this.show){return}if(!this.anchorElement){return}const s=this.isAnchorSubmenu();let e={strategy:this.positioningStrategy,middleware:[]};if(!this.suppressAutomaticPlacement){(t=e.middleware)===null||t===void 0?void 0:t.push(o({fallbackStrategy:"initialPlacement"}))}e.placement=s?"right-start":this.placement;e.middleware=[...((i=e.middleware)===null||i===void 0?void 0:i.filter(Boolean))||[],h(),n()];if(this.offset){e.middleware.push(a(this.offset))}this.destroyAutoUpdate();if(!this.anchorElement){return}this.autoUpdateCleanup=d(this.anchorElement,this.hostElement,(async()=>{if(this.anchorElement){const t=await l(this.anchorElement,this.hostElement,e);Object.assign(this.hostElement.style,{top:"0",left:"0",transform:`translate(${Math.round(t.x)}px,${Math.round(t.y)}px)`})}if(this.overwriteDropdownStyle){const t=await this.overwriteDropdownStyle({dropdownRef:this.hostElement,triggerRef:this.triggerElement});Object.assign(this.hostElement.style,t)}}),{ancestorResize:true,ancestorScroll:true,elementResize:true})}focusDropdownItem(t){requestAnimationFrame((()=>{var i,s;const e=(s=(i=this.dropdownItems[t])===null||i===void 0?void 0:i.shadowRoot)===null||s===void 0?void 0:s.querySelector("button");if(e){e.focus()}}))}async componentDidLoad(){if(!this.trigger){return}this.changedTrigger(this.trigger)}async componentDidRender(){await this.applyDropdownPosition();await this.resolveAnchorElement()}isTriggerElement(t){const i=!!t.hasAttribute("data-ix-dropdown-trigger");return i}onDropdownClick(t){const i=u.pathIncludesTrigger(t.composedPath());if(i){if(i!==this.triggerElement){t.preventDefault()}if(this.isTriggerElement(i)){if(this.closeBehavior==="outside"){t.preventDefault()}return}}if(!t.defaultPrevented&&(this.closeBehavior==="inside"||this.closeBehavior==="both")){u.dismissAll([this.getId()],this.ignoreRelatedSubmenu);return}u.dismissOthers(this.getId())}async updatePosition(){this.applyDropdownPosition()}render(){return s(e,{key:"d54c0ad79513d4a564be19f747cca05b85098672","data-ix-dropdown":this.localUId,class:{"dropdown-menu":true,show:this.show,overflow:!this.suppressOverflowBehavior},style:{margin:"0",minWidth:"0px",position:this.positioningStrategy},role:"list",onClick:t=>this.onDropdownClick(t)},s("div",{key:"87156dc26d388771694bdd0e780f686e10d4fe65",style:{display:"contents"}},this.header&&s("div",{key:"d15f860e42ea138f7ce06b2da188f439ddf033ff",class:"dropdown-header"},this.header),this.show&&s("slot",{key:"fa6bef0ff0885d610de9ad6e1d5884da93438e9d"})))}get hostElement(){return r(this)}static get watchers(){return{show:["changedShow"],trigger:["changedTrigger"]}}};p.style=v;export{p as ix_dropdown};
+//# sourceMappingURL=p-cc7bbfe5.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownCss","sequenceId","Dropdown","constructor","hostRef","this","suppressAutomaticPlacement","show","closeBehavior","placement","positioningStrategy","discoverAllSubmenus","ignoreRelatedSubmenu","suppressOverflowBehavior","localUId","assignedSubmenu","itemObserver","MutationObserver","arrowFocusController","items","dropdownItems","connectedCallback","dropdownController","connected","trigger","undefined","registerListener","cacheSubmenuId","event","stopImmediatePropagation","preventDefault","detail","indexOf","push","disconnectedCallback","dismiss","disconnected","_a","disconnect","disposeClickListener","disposeKeyListener","autoUpdateCleanup","getAssignedSubmenuIds","isPresent","present","getId","willDismiss","defaultPrevented","showChanged","emit","willPresent","Array","from","hostElement","querySelectorAll","slotElement","shadowRoot","querySelector","addEventListenersFor","call","_b","toggleController","dismissOthers","triggerElement","addDisposableEventListener","_c","setAttribute","discoverSubmenu","dispatchEvent","CustomEvent","bubbles","composed","cancelable","registerKeyListener","key","document","activeElement","setTimeout","focusDropdownItem","element","resolveElement","el","findElement","checkForSubmenuAnchor","hasDropdownItemWrapperImplemented","dropdownItem","getDropdownItemElement","isSubMenu","style","zIndex","tagName","resolveAnchorElement","anchor","anchorElement","changedShow","newShow","applyDropdownPosition","ArrowFocusController","index","observe","childList","subtree","destroyAutoUpdate","_d","changedTrigger","newTriggerValue","isAnchorSubmenu","closest","isSubmenu","positionConfig","strategy","middleware","flip","fallbackStrategy","filter","Boolean","inline","shift","offset","autoUpdate","async","computeResponse","computePosition","Object","assign","top","left","transform","Math","round","x","y","overwriteDropdownStyle","overwriteStyle","dropdownRef","triggerRef","ancestorResize","ancestorScroll","elementResize","requestAnimationFrame","button","focus","componentDidLoad","componentDidRender","isTriggerElement","hasAttribute","onDropdownClick","target","pathIncludesTrigger","composedPath","dismissAll","updatePosition","render","h","Host","class","overflow","margin","minWidth","position","role","onClick","display","header"],"sources":["src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import 'common-variables';\n\n@import 'legacy/mixins/fonts';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n  background-color: var(--theme-color-2);\n  border-radius: var(--theme-default-border-radius);\n  @include ix-component;\n  min-width: 0px;\n  z-index: var(--theme-z-index-dropdown);\n  box-shadow: var(--theme-shadow-4);\n\n  padding: 0.25rem 0px;\n\n  .dropdown-header {\n    display: flex;\n    align-items: center;\n    height: $large-control-height;\n    color: var(--theme-menu-header--color);\n    padding: 0 $default-space;\n  }\n}\n\n$dropdown-offset: 3rem;\n\n:host(.overflow) {\n  max-height: calc(50vh - $dropdown-offset); \n  overflow-y: auto;\n}\n\n:host(:not(.show)) {\n  display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  autoUpdate,\n  computePosition,\n  ComputePositionConfig,\n  flip,\n  inline,\n  offset,\n  shift,\n} from '@floating-ui/dom';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\nimport { ComponentInterface } from '@stencil/core/internal';\nimport { ArrowFocusController } from '../utils/focus';\nimport {\n  CloseBehavior,\n  dropdownController,\n  DropdownInterface,\n  hasDropdownItemWrapperImplemented,\n} from './dropdown-controller';\nimport { AlignedPlacement } from './placement';\nimport { findElement } from '../utils/find-element';\nimport {\n  addDisposableEventListener,\n  DisposableEventListener,\n} from '../utils/disposable-event-listener';\nimport { ElementReference } from '../utils/element-reference';\n\nlet sequenceId = 0;\n\n@Component({\n  tag: 'ix-dropdown',\n  styleUrl: 'dropdown.scss',\n  shadow: true,\n})\nexport class Dropdown implements ComponentInterface, DropdownInterface {\n  @Element() hostElement!: HTMLIxDropdownElement;\n\n  /**\n   * Suppress the automatic placement of the dropdown.\n   */\n  @Prop() suppressAutomaticPlacement = false;\n\n  /**\n   * Show dropdown\n   */\n  @Prop({ mutable: true, reflect: true }) show = false;\n\n  /**\n   * Define an element that triggers the dropdown.\n   * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n   */\n  @Prop() trigger?: ElementReference;\n\n  /**\n   * Define an anchor element\n   */\n  @Prop() anchor?: ElementReference;\n\n  /**\n   * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n   * If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.\n   */\n  @Prop() closeBehavior: CloseBehavior = 'both';\n\n  /**\n   * Placement of the dropdown\n   */\n  @Prop() placement: AlignedPlacement = 'bottom-start';\n\n  /**\n   * Position strategy\n   */\n  @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n  /**\n   * An optional header shown at the top of the dropdown\n   */\n  @Prop() header?: string;\n\n  /**\n   * Move dropdown along main axis of alignment\n   *\n   * @internal\n   */\n  @Prop() offset?: {\n    mainAxis?: number;\n    crossAxis?: number;\n    alignmentAxis?: number;\n  };\n\n  /**\n   * @internal\n   */\n  @Prop() overwriteDropdownStyle?: (delegate: {\n    dropdownRef: HTMLElement;\n    triggerRef?: HTMLElement;\n  }) => Promise<Partial<CSSStyleDeclaration>>;\n\n  /**\n   * @internal\n   * If initialization of this dropdown is expected to be deferred submenu discovery will have to be re-run globally by the controller.\n   * This property indicates the need for that to the controller.\n   */\n  @Prop() discoverAllSubmenus = false;\n\n  /** @internal */\n  @Prop() ignoreRelatedSubmenu = false;\n\n  /** @internal */\n  @Prop() suppressOverflowBehavior = false;\n\n  /**\n   * Fire event after visibility of dropdown has changed\n   */\n  @Event() showChanged!: EventEmitter<boolean>;\n\n  private autoUpdateCleanup?: () => void;\n\n  private triggerElement?: Element;\n  private anchorElement?: Element;\n  private arrowFocusController?: ArrowFocusController;\n\n  private localUId = `dropdown-${sequenceId++}`;\n  private assignedSubmenu: string[] = [];\n\n  private itemObserver? = new MutationObserver(() => {\n    if (this.arrowFocusController) {\n      this.arrowFocusController.items = this.dropdownItems;\n    }\n  });\n\n  connectedCallback(): void {\n    dropdownController.connected(this);\n\n    if (this.trigger != undefined) {\n      this.registerListener(this.trigger);\n    }\n  }\n\n  @Listen('ix-assign-sub-menu')\n  cacheSubmenuId(event: CustomEvent<string>) {\n    event.stopImmediatePropagation();\n    event.preventDefault();\n\n    const { detail } = event;\n\n    if (this.assignedSubmenu.indexOf(detail) === -1) {\n      this.assignedSubmenu.push(detail);\n    }\n  }\n\n  disconnectedCallback() {\n    dropdownController.dismiss(this);\n    dropdownController.disconnected(this);\n\n    if (this.arrowFocusController) {\n      this.arrowFocusController?.disconnect();\n      this.arrowFocusController = undefined;\n    }\n\n    if (this.itemObserver) {\n      this.itemObserver.disconnect();\n      this.itemObserver = undefined;\n    }\n\n    if (this.disposeClickListener) {\n      this.disposeClickListener();\n      this.disposeClickListener = undefined;\n    }\n\n    if (this.disposeKeyListener) {\n      this.disposeKeyListener();\n      this.disposeKeyListener = undefined;\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n      this.autoUpdateCleanup = undefined;\n    }\n  }\n\n  getAssignedSubmenuIds() {\n    return this.assignedSubmenu;\n  }\n\n  isPresent() {\n    return this.show;\n  }\n\n  present() {\n    this.show = true;\n  }\n\n  dismiss() {\n    this.show = false;\n  }\n\n  getId() {\n    return this.localUId;\n  }\n\n  willDismiss() {\n    const { defaultPrevented } = this.showChanged.emit(false);\n    return !defaultPrevented;\n  }\n\n  willPresent() {\n    const { defaultPrevented } = this.showChanged.emit(true);\n    return !defaultPrevented;\n  }\n\n  get dropdownItems() {\n    return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n  }\n\n  get slotElement() {\n    return this.hostElement.shadowRoot!.querySelector('slot');\n  }\n\n  private disposeClickListener?: DisposableEventListener;\n  private disposeKeyListener?: DisposableEventListener;\n\n  private addEventListenersFor() {\n    this.disposeClickListener?.();\n    this.disposeKeyListener?.();\n\n    const toggleController = () => {\n      if (!this.isPresent()) {\n        dropdownController.present(this);\n      } else {\n        dropdownController.dismiss(this);\n      }\n\n      dropdownController.dismissOthers(this.getId());\n    };\n\n    if (!this.triggerElement) {\n      return;\n    }\n\n    this.disposeClickListener = addDisposableEventListener(\n      this.triggerElement,\n      'click',\n      (event: Event) => {\n        if (!event.defaultPrevented) {\n          toggleController();\n        }\n      }\n    );\n\n    this.triggerElement?.setAttribute(\n      'data-ix-dropdown-trigger',\n      this.localUId\n    );\n  }\n\n  /** @internal */\n  @Method()\n  async discoverSubmenu() {\n    this.triggerElement?.dispatchEvent(\n      new CustomEvent('ix-assign-sub-menu', {\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n        detail: this.localUId,\n      })\n    );\n  }\n\n  private registerKeyListener() {\n    if (!this.triggerElement) {\n      return;\n    }\n\n    this.disposeKeyListener = addDisposableEventListener(\n      this.triggerElement,\n      'keydown',\n      ((event: KeyboardEvent) => {\n        if (event.key !== 'ArrowDown') {\n          return;\n        }\n\n        if (document.activeElement !== this.triggerElement) {\n          return;\n        }\n\n        dropdownController.present(this);\n\n        setTimeout(() => {\n          this.focusDropdownItem(0);\n        });\n      }) as EventListener\n    );\n  }\n\n  private async registerListener(element: ElementReference) {\n    this.triggerElement = await this.resolveElement(element);\n    if (this.triggerElement) {\n      this.addEventListenersFor();\n      this.discoverSubmenu();\n    }\n  }\n\n  private async resolveElement(element: ElementReference) {\n    const el = await findElement(element);\n\n    return this.checkForSubmenuAnchor(el);\n  }\n\n  private async checkForSubmenuAnchor(element?: Element) {\n    if (!element) {\n      return undefined;\n    }\n\n    if (hasDropdownItemWrapperImplemented(element)) {\n      const dropdownItem = await element.getDropdownItemElement();\n      dropdownItem.isSubMenu = true;\n      this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n    }\n\n    if (element.tagName === 'IX-DROPDOWN-ITEM') {\n      (element as HTMLIxDropdownItemElement).isSubMenu = true;\n      this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n    }\n\n    return element;\n  }\n\n  private async resolveAnchorElement() {\n    if (this.anchor) {\n      this.anchorElement = await this.resolveElement(this.anchor);\n    } else if (this.trigger) {\n      this.anchorElement = await this.resolveElement(this.trigger);\n    }\n  }\n\n  @Watch('show')\n  async changedShow(newShow: boolean) {\n    if (newShow) {\n      await this.resolveAnchorElement();\n\n      if (this.anchorElement) {\n        this.applyDropdownPosition();\n      }\n\n      this.arrowFocusController = new ArrowFocusController(\n        this.dropdownItems,\n        this.hostElement,\n        (index) => this.focusDropdownItem(index)\n      );\n\n      this.itemObserver?.observe(this.hostElement, {\n        childList: true,\n        subtree: true,\n      });\n\n      this.registerKeyListener();\n    } else {\n      this.destroyAutoUpdate();\n      this.arrowFocusController?.disconnect();\n      this.itemObserver?.disconnect();\n      this.disposeKeyListener?.();\n    }\n  }\n\n  @Watch('trigger')\n  changedTrigger(newTriggerValue: ElementReference) {\n    this.registerListener(newTriggerValue);\n  }\n\n  private destroyAutoUpdate() {\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n      this.autoUpdateCleanup = undefined;\n    }\n  }\n\n  private isAnchorSubmenu(): boolean {\n    if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {\n      // Is no official dropdown-item, but check if any dropdown-item\n      // is placed somewhere up the DOM\n      return !!this.anchorElement?.closest('ix-dropdown-item');\n    }\n\n    return true;\n  }\n\n  private async applyDropdownPosition() {\n    if (!this.show) {\n      return;\n    }\n    if (!this.anchorElement) {\n      return;\n    }\n    const isSubmenu = this.isAnchorSubmenu();\n\n    let positionConfig: Partial<ComputePositionConfig> = {\n      strategy: this.positioningStrategy,\n      middleware: [],\n    };\n\n    if (!this.suppressAutomaticPlacement) {\n      positionConfig.middleware?.push(\n        flip({ fallbackStrategy: 'initialPlacement' })\n      );\n    }\n\n    positionConfig.placement = isSubmenu ? 'right-start' : this.placement;\n\n    positionConfig.middleware = [\n      ...(positionConfig.middleware?.filter(Boolean) || []),\n      inline(),\n      shift(),\n    ];\n\n    if (this.offset) {\n      positionConfig.middleware.push(offset(this.offset));\n    }\n\n    this.destroyAutoUpdate();\n\n    if (!this.anchorElement) {\n      return;\n    }\n\n    this.autoUpdateCleanup = autoUpdate(\n      this.anchorElement,\n      this.hostElement,\n      async () => {\n        if (this.anchorElement) {\n          const computeResponse = await computePosition(\n            this.anchorElement,\n            this.hostElement,\n            positionConfig\n          );\n          Object.assign(this.hostElement.style, {\n            top: '0',\n            left: '0',\n            transform: `translate(${Math.round(\n              computeResponse.x\n            )}px,${Math.round(computeResponse.y)}px)`,\n          });\n        }\n        if (this.overwriteDropdownStyle) {\n          const overwriteStyle = await this.overwriteDropdownStyle({\n            dropdownRef: this.hostElement,\n            triggerRef: this.triggerElement as HTMLElement,\n          });\n\n          Object.assign(this.hostElement.style, overwriteStyle);\n        }\n      },\n      {\n        ancestorResize: true,\n        ancestorScroll: true,\n        elementResize: true,\n      }\n    );\n  }\n\n  private focusDropdownItem(index: number) {\n    requestAnimationFrame(() => {\n      const button =\n        this.dropdownItems[index]?.shadowRoot?.querySelector('button');\n\n      if (button) {\n        button.focus();\n      }\n    });\n  }\n\n  async componentDidLoad() {\n    if (!this.trigger) {\n      return;\n    }\n\n    this.changedTrigger(this.trigger);\n  }\n\n  async componentDidRender() {\n    await this.applyDropdownPosition();\n    await this.resolveAnchorElement();\n  }\n\n  private isTriggerElement(element: HTMLElement) {\n    const trigger = !!element.hasAttribute('data-ix-dropdown-trigger');\n\n    return trigger;\n  }\n\n  private onDropdownClick(event: PointerEvent) {\n    const target = dropdownController.pathIncludesTrigger(event.composedPath());\n    if (target) {\n      if (target !== this.triggerElement) {\n        event.preventDefault();\n      }\n\n      if (this.isTriggerElement(target)) {\n        if (this.closeBehavior === 'outside') {\n          event.preventDefault();\n        }\n        return;\n      }\n    }\n\n    if (\n      !event.defaultPrevented &&\n      (this.closeBehavior === 'inside' || this.closeBehavior === 'both')\n    ) {\n      dropdownController.dismissAll([this.getId()], this.ignoreRelatedSubmenu);\n      return;\n    }\n\n    dropdownController.dismissOthers(this.getId());\n  }\n\n  /**\n   * Update position of dropdown\n   */\n  @Method()\n  async updatePosition() {\n    this.applyDropdownPosition();\n  }\n\n  render() {\n    return (\n      <Host\n        data-ix-dropdown={this.localUId}\n        class={{\n          'dropdown-menu': true,\n          show: this.show,\n          overflow: !this.suppressOverflowBehavior,\n        }}\n        style={{\n          margin: '0',\n          minWidth: '0px',\n          position: this.positioningStrategy,\n        }}\n        role=\"list\"\n        onClick={(event: PointerEvent) => this.onDropdownClick(event)}\n      >\n        <div style={{ display: 'contents' }}>\n          {this.header && <div class=\"dropdown-header\">{this.header}</div>}\n          {this.show && <slot></slot>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as s,g as r}from"./p-BNpBEtDH.js";import{H as a}from"./p-DHml78Yc.js";import{m as n}from"./p-bcj7UEIC.js";const h=":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}";var l=undefined&&undefined.__decorate||function(e,t,i,s){var r=arguments.length,a=r<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,i):s,n;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")a=Reflect.decorate(e,t,i,s);else for(var h=e.length-1;h>=0;h--)if(n=e[h])a=(r<3?n(a):r>3?n(t,i,a):n(t,i))||a;return r>3&&a&&Object.defineProperty(t,i,a),a};const o=class{constructor(i){e(this,i);this.valueChange=t(this,"valueChange",7);this.direction="column";this.required=false;this.isInvalid=false;this.isValid=false;this.isInfo=false;this.isWarning=false;this.touched=false;this.groupRef=n();this.observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked();this.hasNestedRequiredRadio()}))}get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:true,subtree:true,attributes:true,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue();this.ensureOnlyLastRadioChecked();this.hasNestedRequiredRadio()}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}selectInitialValue(){if(!this.value){return}this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{if(i===e.length-1){return}t.checked=false}))}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}onValueChangeHandler(e){this.touched=true;this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{if(t!==e.target){t.checked=false;return}t.checked=true;this.valueChange.emit(t.value)}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:r}){this.isInvalid=e||r;this.isInfo=t;this.isValid=i;this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}render(){return i(s,{key:"203a7e035db4618a46b19cd8f2fdc95c29a523c9",onIxBlur:()=>this.touched=true,ref:this.groupRef},i("ix-field-wrapper",{key:"e57767b89761a81570b6c07271009895b3590fa8",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},i("div",{key:"4022286816732dbb6f831e2818e37a5b8ce97737",class:{"checkbox-container":true,"row-layout":this.direction==="row"}},i("slot",{key:"82a37de491ea6fbd6ee90c624f87b882f43f99cd"}))))}get hostElement(){return r(this)}static get watchers(){return{value:["onValueChangeHandler"]}}};l([a({includeChildren:true})],o.prototype,"onClassField",null);o.style=h;export{o as ix_radio_group};
+//# sourceMappingURL=p-d1039043.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["radioGroupCss","RadiobuttonGroup","constructor","hostRef","this","direction","required","isInvalid","isValid","isInfo","isWarning","touched","groupRef","makeRef","observer","MutationObserver","ensureOnlyLastRadioChecked","hasNestedRequiredRadio","radiobuttonElements","Array","from","hostElement","querySelectorAll","connectedCallback","observe","childList","subtree","attributes","attributeFilter","componentWillLoad","selectInitialValue","disconnectedCallback","disconnect","value","forEach","radiobutton","checked","checkedRadios","filter","radio","index","length","some","onValueChangeHandler","newValue","onCheckedChangeHandler","event","target","valueChange","emit","onClassField","isInvalidByRequired","hasValidValue","Promise","resolve","find","isTouched","render","h","Host","key","onIxBlur","ref","label","helperText","invalidText","infoText","warningText","validText","showTextAsTooltip","controlRef","class","__decorate","HookValidationLifecycle","includeChildren","prototype"],"sources":["src/components/radio-group/radio-group.scss?tag=ix-radio-group&encapsulation=shadow","src/components/radio-group/radio-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","/*\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  EventEmitter,\n  Host,\n  Event,\n  Listen,\n  Prop,\n  State,\n  h,\n  Watch,\n  Method,\n} from '@stencil/core';\nimport {\n  ValidationResults,\n  HookValidationLifecycle,\n  FieldWrapperInterface,\n  IxFormValidationState,\n} from '../utils/input';\nimport { makeRef } from '../utils/make-ref';\n\n/**\n * @form-ready\n */\n@Component({\n  tag: 'ix-radio-group',\n  styleUrl: 'radio-group.scss',\n  shadow: true,\n})\nexport class RadiobuttonGroup\n  implements FieldWrapperInterface, IxFormValidationState\n{\n  @Element() hostElement!: HTMLIxRadioGroupElement;\n  /**\n   * Show text below the field component\n   */\n  @Prop() helperText?: string;\n\n  /**\n   * Label for the field component\n   */\n  @Prop() label?: string;\n\n  /**\n   * Value of the radiobutton group component\n   */\n  @Prop() value?: string;\n\n  /**\n   * Error text for the field component\n   */\n  @Prop() invalidText?: string;\n\n  /**\n   * Info text for the field component\n   */\n  @Prop() infoText?: string;\n\n  /**\n   * Warning text for the field component\n   */\n  @Prop() warningText?: string;\n\n  /**\n   * Valid text for the field component\n   */\n  @Prop() validText?: string;\n\n  /**\n   * Show helper, info, warning, error and valid text as tooltip\n   */\n  @Prop() showTextAsTooltip?: boolean;\n\n  /**\n   * Alignment of the radio buttons in the group\n   */\n  @Prop() direction: 'column' | 'row' = 'column';\n\n  /**\n   * Required state of the checkbox component\n   *\n   * @internal\n   */\n  @Prop() required?: boolean = false;\n\n  /**\n   * Event emitted when the value of the radiobutton group changes\n   */\n  @Event() valueChange!: EventEmitter<string>;\n\n  @State() isInvalid = false;\n  @State() isValid = false;\n  @State() isInfo = false;\n  @State() isWarning = false;\n\n  private touched = false;\n  private readonly groupRef = makeRef<HTMLElement>();\n\n  private readonly observer = new MutationObserver(() => {\n    this.ensureOnlyLastRadioChecked();\n    this.hasNestedRequiredRadio();\n  });\n\n  private get radiobuttonElements() {\n    return Array.from(this.hostElement.querySelectorAll('ix-radio'));\n  }\n\n  connectedCallback(): void {\n    this.observer.observe(this.hostElement, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['checked', 'required'],\n    });\n  }\n\n  componentWillLoad(): void | Promise<void> {\n    this.selectInitialValue();\n    this.ensureOnlyLastRadioChecked();\n    this.hasNestedRequiredRadio();\n  }\n\n  disconnectedCallback(): void {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  private selectInitialValue() {\n    if (!this.value) {\n      return;\n    }\n    this.radiobuttonElements.forEach((radiobutton) => {\n      radiobutton.checked = radiobutton.value === this.value;\n    });\n  }\n\n  private ensureOnlyLastRadioChecked() {\n    const checkedRadios = this.radiobuttonElements.filter(\n      (radio) => radio.checked\n    );\n    checkedRadios.forEach((radio, index) => {\n      if (index === checkedRadios.length - 1) {\n        return;\n      }\n      radio.checked = false;\n    });\n  }\n\n  private hasNestedRequiredRadio() {\n    this.required = this.radiobuttonElements.some(\n      (radiobutton) => radiobutton.required\n    );\n  }\n\n  @Watch('value')\n  onValueChangeHandler(newValue: string) {\n    this.touched = true;\n    this.radiobuttonElements.forEach((radiobutton) => {\n      radiobutton.checked = radiobutton.value === newValue;\n    });\n  }\n\n  @Listen('checkedChange')\n  onCheckedChangeHandler(event: CustomEvent<boolean>) {\n    this.radiobuttonElements.forEach((radiobutton) => {\n      if (radiobutton !== event.target) {\n        radiobutton.checked = false;\n        return;\n      }\n      radiobutton.checked = true;\n      this.valueChange.emit(radiobutton.value);\n    });\n  }\n\n  @HookValidationLifecycle({\n    includeChildren: true,\n  })\n  onClassField({\n    isInvalid,\n    isInfo,\n    isValid,\n    isWarning,\n    isInvalidByRequired,\n  }: ValidationResults) {\n    this.isInvalid = isInvalid || isInvalidByRequired;\n    this.isInfo = isInfo;\n    this.isValid = isValid;\n    this.isWarning = isWarning;\n  }\n\n  /** @internal */\n  @Method()\n  hasValidValue(): Promise<boolean> {\n    return Promise.resolve(\n      !!Array.from(this.hostElement.querySelectorAll('ix-radio')).find(\n        (radio) => radio.checked\n      )\n    );\n  }\n\n  /** @internal */\n  @Method()\n  isTouched(): Promise<boolean> {\n    return Promise.resolve(this.touched);\n  }\n\n  render() {\n    return (\n      <Host onIxBlur={() => (this.touched = true)} ref={this.groupRef}>\n        <ix-field-wrapper\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          isValid={this.isValid}\n          isInfo={this.isInfo}\n          isWarning={this.isWarning}\n          isInvalid={this.isInvalid}\n          controlRef={this.groupRef}\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":"wIAAA,MAAMA,EAAgB,+M,iXCqCTC,EAAgB,MAL7B,WAAAC,CAAAC,G,mDAoDUC,KAASC,UAAqB,SAO9BD,KAAQE,SAAa,MAOpBF,KAASG,UAAG,MACZH,KAAOI,QAAG,MACVJ,KAAMK,OAAG,MACTL,KAASM,UAAG,MAEbN,KAAOO,QAAG,MACDP,KAAQQ,SAAGC,IAEXT,KAAAU,SAAW,IAAIC,kBAAiB,KAC/CX,KAAKY,6BACLZ,KAAKa,wBAAwB,GAwIhC,CArIC,uBAAYC,GACV,OAAOC,MAAMC,KAAKhB,KAAKiB,YAAYC,iBAAiB,Y,CAGtD,iBAAAC,GACEnB,KAAKU,SAASU,QAAQpB,KAAKiB,YAAa,CACtCI,UAAW,KACXC,QAAS,KACTC,WAAY,KACZC,gBAAiB,CAAC,UAAW,a,CAIjC,iBAAAC,GACEzB,KAAK0B,qBACL1B,KAAKY,6BACLZ,KAAKa,wB,CAGP,oBAAAc,GACE,GAAI3B,KAAKU,SAAU,CACjBV,KAAKU,SAASkB,Y,EAIV,kBAAAF,GACN,IAAK1B,KAAK6B,MAAO,CACf,M,CAEF7B,KAAKc,oBAAoBgB,SAASC,IAChCA,EAAYC,QAAUD,EAAYF,QAAU7B,KAAK6B,KAAK,G,CAIlD,0BAAAjB,GACN,MAAMqB,EAAgBjC,KAAKc,oBAAoBoB,QAC5CC,GAAUA,EAAMH,UAEnBC,EAAcH,SAAQ,CAACK,EAAOC,KAC5B,GAAIA,IAAUH,EAAcI,OAAS,EAAG,CACtC,M,CAEFF,EAAMH,QAAU,KAAK,G,CAIjB,sBAAAnB,GACNb,KAAKE,SAAWF,KAAKc,oBAAoBwB,MACtCP,GAAgBA,EAAY7B,U,CAKjC,oBAAAqC,CAAqBC,GACnBxC,KAAKO,QAAU,KACfP,KAAKc,oBAAoBgB,SAASC,IAChCA,EAAYC,QAAUD,EAAYF,QAAUW,CAAQ,G,CAKxD,sBAAAC,CAAuBC,GACrB1C,KAAKc,oBAAoBgB,SAASC,IAChC,GAAIA,IAAgBW,EAAMC,OAAQ,CAChCZ,EAAYC,QAAU,MACtB,M,CAEFD,EAAYC,QAAU,KACtBhC,KAAK4C,YAAYC,KAAKd,EAAYF,MAAM,G,CAO5C,YAAAiB,EAAa3C,UACXA,EAASE,OACTA,EAAMD,QACNA,EAAOE,UACPA,EAASyC,oBACTA,IAEA/C,KAAKG,UAAYA,GAAa4C,EAC9B/C,KAAKK,OAASA,EACdL,KAAKI,QAAUA,EACfJ,KAAKM,UAAYA,C,CAKnB,aAAA0C,GACE,OAAOC,QAAQC,UACXnC,MAAMC,KAAKhB,KAAKiB,YAAYC,iBAAiB,aAAaiC,MACzDhB,GAAUA,EAAMH,U,CAOvB,SAAAoB,GACE,OAAOH,QAAQC,QAAQlD,KAAKO,Q,CAG9B,MAAA8C,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,SAAU,IAAOzD,KAAKO,QAAU,KAAOmD,IAAK1D,KAAKQ,UACrD8C,EAAA,oBAAAE,IAAA,2CACEG,MAAO3D,KAAK2D,MACZC,WAAY5D,KAAK4D,WACjBC,YAAa7D,KAAK6D,YAClBC,SAAU9D,KAAK8D,SACfC,YAAa/D,KAAK+D,YAClBC,UAAWhE,KAAKgE,UAChBC,kBAAmBjE,KAAKiE,kBACxB7D,QAASJ,KAAKI,QACdC,OAAQL,KAAKK,OACbC,UAAWN,KAAKM,UAChBH,UAAWH,KAAKG,UAChB+D,WAAYlE,KAAKQ,UAEjB8C,EAAA,OAAAE,IAAA,2CACEW,MAAO,CACL,qBAAsB,KACtB,aAAcnE,KAAKC,YAAc,QAGnCqD,EAAA,QAAAE,IAAA,+C,iGApDVY,EAAA,CAHCC,EAAwB,CACvBC,gBAAiB,QAalBzE,EAAA0E,UAAA,qB","ignoreList":[]}

package/dist/siemens-ix/{p-2b496519.entry.js → p-d3a4559a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as e,H as o,g as i}from"./p-BNpBEtDH.js";import{c as s}from"./p-CX81WQtk.js";import{m as a}from"./p-bcj7UEIC.js";import{m as r}from"./p-DDHkNPby.js";import{N as h}from"./p-CrTP-icT.js";import"./p-BdCnOrqW.js";const n=':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}';const l=class{constructor(e){t(this,e);this.home=false;this.bottom=false;this.active=false;this.disabled=false;this.isCategory=false;this.menuExpanded=false;this.buttonRef=a();this.isHostedInsideCategory=false;this.observer=s((()=>{this.setTooltip()}))}componentWillLoad(){var t;this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");this.onIconChange();this.menuExpanded=((t=r.nativeElement)===null||t===void 0?void 0:t.expand)||false;this.menuExpandedDisposer=r.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){var t,e;this.tooltip=(e=(t=this.label)!==null&&t!==void 0?t:this.hostElement.textContent)!==null&&e!==void 0?e:undefined}connectedCallback(){this.observer.observe(this.hostElement,{subtree:true,childList:true,characterData:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.menuExpandedDisposer){this.menuExpandedDisposer.dispose()}}onIconChange(){if(!this.isHostedInsideCategory&&!this.hostElement.icon){this.icon=h}}render(){let t={};if(this.home){t={slot:"home"}}if(this.bottom){t={slot:"bottom"}}return e(o,Object.assign({key:"7f8f0ba3e7531f61372620595c711a1b615b0aca",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory}},t),e("button",{key:"9209b663ca49398c8329ec08ac692b00503ec31c",class:"tab",tabIndex:this.disabled?-1:0,ref:this.buttonRef},this.icon&&e("ix-icon",{key:"00945ff44564bfac670ec600c2b1333207f100b2",class:"tab-icon",name:this.icon}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"f338c56836e86831fbdbc5ce38c4435e9f46c372",class:"tab-text text-default"},this.label,e("slot",{key:"bad7031b601bd0bbd1080467163a565cd3d1115a"}))),!this.isCategory&&!this.isHostedInsideCategory&&!this.menuExpanded&&e("ix-tooltip",{key:"38a95e7ab53b1e56d6552ecdf18f8c7121ab5393",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3},this.tooltip))}get hostElement(){return i(this)}static get watchers(){return{icon:["onIconChange"]}}};l.style=n;export{l as ix_menu_item};
-//# sourceMappingURL=p-2b496519.entry.js.map
+import{r as t,h as e,H as o,g as i}from"./p-BNpBEtDH.js";import{c as s}from"./p-CX81WQtk.js";import{m as a}from"./p-bcj7UEIC.js";import{m as r}from"./p-DDHkNPby.js";import{N as h}from"./p-v48bcPT9.js";import"./p-BdCnOrqW.js";const n=':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}';const l=class{constructor(e){t(this,e);this.home=false;this.bottom=false;this.active=false;this.disabled=false;this.isCategory=false;this.menuExpanded=false;this.buttonRef=a();this.isHostedInsideCategory=false;this.observer=s((()=>{this.setTooltip()}))}componentWillLoad(){var t;this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");this.onIconChange();this.menuExpanded=((t=r.nativeElement)===null||t===void 0?void 0:t.expand)||false;this.menuExpandedDisposer=r.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){var t,e;this.tooltip=(e=(t=this.label)!==null&&t!==void 0?t:this.hostElement.textContent)!==null&&e!==void 0?e:undefined}connectedCallback(){this.observer.observe(this.hostElement,{subtree:true,childList:true,characterData:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}if(this.menuExpandedDisposer){this.menuExpandedDisposer.dispose()}}onIconChange(){if(!this.isHostedInsideCategory&&!this.hostElement.icon){this.icon=h}}render(){let t={};if(this.home){t={slot:"home"}}if(this.bottom){t={slot:"bottom"}}return e(o,Object.assign({key:"7f8f0ba3e7531f61372620595c711a1b615b0aca",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory}},t),e("button",{key:"9209b663ca49398c8329ec08ac692b00503ec31c",class:"tab",tabIndex:this.disabled?-1:0,ref:this.buttonRef},this.icon&&e("ix-icon",{key:"00945ff44564bfac670ec600c2b1333207f100b2",class:"tab-icon",name:this.icon}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"f338c56836e86831fbdbc5ce38c4435e9f46c372",class:"tab-text text-default"},this.label,e("slot",{key:"bad7031b601bd0bbd1080467163a565cd3d1115a"}))),!this.isCategory&&!this.isHostedInsideCategory&&!this.menuExpanded&&e("ix-tooltip",{key:"38a95e7ab53b1e56d6552ecdf18f8c7121ab5393",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3},this.tooltip))}get hostElement(){return i(this)}static get watchers(){return{icon:["onIconChange"]}}};l.style=n;export{l as ix_menu_item};
+//# sourceMappingURL=p-d3a4559a.entry.js.map