@infineon/infineon-design-system-stencil 37.14.0--canary.1964.3cf2aed10bf7a9753cdb7124879aa7e2c314bcf8.0 → 37.14.1--canary.1990.b13d1053b56bc94bb0208688a929b6d341856554.0

package/dist/infineon-design-system-stencil/p-728a11db.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["multiselectCss","debounce","func","wait","timeout","executedFunction","args","later","clearTimeout","setTimeout","Multiselect","constructor","hostRef","this","disabled","error","errorMessage","label","placeholder","showSearch","showSelectAll","showClearButton","showExpandCollapse","noResultsMessage","showNoResultsMessage","searchPlaceholder","selectAllLabel","expandLabel","collapseLabel","ariaMultiSelectLabel","ariaMultiSelectLabelledBy","ariaMultiSelectDescribedBy","ariaSearchLabel","ariaClearLabel","ariaToggleLabel","ariaSelectAllLabel","ariaExpandAllLabel","ariaCollapseAllLabel","internalError","persistentSelectedOptions","dropdownOpen","searchTerm","handleSearch","targetElement","value","toLowerCase","isSearchActive","wrapper","el","shadowRoot","querySelector","classList","remove","searchField","searchFieldHasFocus","matches","add","optionsContainer","requestAnimationFrame","allOptions","querySelectorAll","forEach","option","searchEvent","CustomEvent","detail","isActive","dispatchEvent","visibleCount","style","window","getComputedStyle","rect","getBoundingClientRect","display","visibility","opacity","height","pendingSelectionUpdate","handleDocumentClick","event","path","composedPath","includes","dropdownElement","document","removeEventListener","resetSearch","ifxOpen","emit","parseChildOptions","options","childElements","Array","from","children","child","index","tagName","parseOptionElement","push","element","getAttribute","selected","hasAttribute","indeterminate","nestedOptions","filter","map","childIndex","opt","length","loadInitialOptions","internalErrorMessage","initiallySelected","collectSelectedOptions","initiallySelectedNotInState","init","some","selectedOptions","concat","collectLeafOptions","existingOption","leafOptions","handleSearchFocus","hasFocus","positionDropdown","wrapperRect","_a","spaceBelow","innerHeight","bottom","spaceAbove","top","dropdownFlipped","updateSlotBasedSelections","emitEvent","allOptionElements","selectedLeafOptions","optionEl","instance","hasChildren","ifxSelect","updateInitialParentStates","optionsByDepth","depth","parseInt","item","sort","a","b","updateParentState","parentInstance","directChildren","selectedCount","indeterminateCount","totalCount","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","addEventListener","componentWillLoad","updateInternalError","updateInternalErrorMessage","onSelectionChange","newValue","_","formData","FormData","append","name","internals","setFormValue","collapseAll","isExpanded","expandAll","selectAll","clearSelection","toggleDropdown","handleWrapperClick","currentTarget","target","handleKeyDown","code","preventDefault","closest","focusFirstOption","firstOption","labelElement","focus","renderSelectAll","allSelected","toggleSelectAll","stopPropagation","h","class","id","checked","size","onClick","onKeyDown","e","key","renderNoResultsMessage","render","selectedOptionsLabels","optionElement","textContent","trim","join","hasSelections","isFlatMultiselect","every","ref","role","undefined","tabindex","onIfxInput","onFocus","onBlur","tabIndex","icon","multiselectOptionCss","MultiselectOption","isSearchDisabled","handleSearchFilter","updateSearchClasses","handleCheckboxClick","newSelectedState","selectAllChildren","expandAllChildren","updateParentStates","notifyMultiselect","handleHeaderClick","handleClick","calculateDepth","setAttribute","toString","hasSelectedChildren","hasAnySelectedChildren","disconnectedCallback","optionDiv","removeHighlighting","getTextContent","matchesSearch","hasMatchingParent","hasMatchingChildren","highlightSearchTerm","slotElement","originalText","searchTermLower","originalTextLower","searchIndex","indexOf","beforeMatch","substring","matchText","afterMatch","highlightedContent","createElement","className","appendChild","createTextNode","boldElement","highlightedElement","removeChild","removeAttribute","text","childNodes","node","nodeType","Node","TEXT_NODE","childOptions","childInstance","childText","childMatches","grandChildrenMatch","parent","parentElement","parentText","type","toggleExpansion","updateEvent","bubbles","call","expanded","siblings","sibling","hasSelected","hasSelectedDescendants","checkForSelectedDescendants","nestedChild","isSelected","hasSelectedNested","parentMultiselect","basePadding","additionalPadding","totalPadding","optionItemStyle","paddingLeft","Host"],"sources":["src/components/select/multi-select/multiselect.scss?tag=ifx-multiselect&encapsulation=shadow","src/components/select/multi-select/multiselect.tsx","src/components/select/multi-select/multiselect-option.scss?tag=ifx-multiselect-option&encapsulation=shadow","src/components/select/multi-select/multiselect-option.tsx"],"sourcesContent":["// @import '~choices.js/public/assets/styles/choices.css';\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.ifx-multiselect-container {\n  position: relative;\n  box-sizing: border-box;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  .ifx-label-wrapper {\n    font-size: tokens.$ifxFontSizeM;\n    line-height: tokens.$ifxLineHeightM;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n    max-width: 100%;\n  }\n\n  .ifx-error-message-wrapper {\n    color: #CD002F;\n    font-size: tokens.$ifxFontSizeXs;\n    line-height: tokens.$ifxLineHeightXs;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n    max-width: 100%;\n  }\n\n  .ifx-multiselect-wrapper {\n    background-color: tokens.$ifxColorBaseWhite;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    border: 1px solid tokens.$ifxColorEngineering400;\n    border-radius: tokens.$ifxBorderRadius12;\n    width: 100%;\n    font-weight: 400;\n    font-style: normal;\n    height: 40px;\n    line-height: 24px;\n    padding: 8px 16px;\n    font-size: tokens.$ifxFontSizeM;\n    line-height: tokens.$ifxLineHeightM;\n\n    &:focus-visible {\n      outline: none;\n    }\n\n    &:focus-visible:not(.active):not(:active) {\n      outline: none;\n\n      &::before {\n        content: '';\n        position: absolute;\n        width: calc(100% + 4px);\n        height: calc(100% + 4px);\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        border: 2px solid tokens.$ifxColorOcean500;\n        border-radius: 2px;\n\n      }\n    }\n\n    &.disabled {\n      background: tokens.$ifxColorEngineering200;\n      color: #575352;\n      border-color: #575352;\n      cursor: default;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\n    }\n\n    &.error {\n      border-color: #CD002F;\n    }\n\n    &:hover:not(.focus, :focus) {\n      border-color: tokens.$ifxColorEngineering500;\n    }\n\n    &.active {\n      border-color: tokens.$ifxColorOcean500 !important; // Active border color\n\n      & .icon-wrapper-up {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding-left: tokens.$ifxSpace100;\n      }\n\n      & .icon-wrapper-down {\n        display: none\n      }\n    }\n\n\n    & .icon-wrapper-up {\n      display: none;\n    }\n\n    & .icon-wrapper-down {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding-left: tokens.$ifxSpace100;\n    }\n\n    &.is-flipped {\n      .ifx-multiselect-dropdown-menu {\n        top: auto;\n        bottom: 100%;\n      }\n    }\n  }\n\n  .ifx-multiselect-input {\n    flex-grow: 1;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &.placeholder {\n      opacity: 0.5;\n    }\n\n  }\n\n\n  .ifx-multiselect-icon-container {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: tokens.$ifxSpace100;\n\n    .ifx-multiselect-icon-container {\n      display: flex;\n    }\n\n    .icon-wrapper {\n      display: flex;\n      align-items: center;\n      transition: transform 0.2s ease-in-out;\n    }\n\n    .icon-wrapper--open {\n      transform: rotate(180deg);\n    }\n  }\n\n  .ifx-clear-button {\n    display: flex;\n    align-items: center;\n\n    &.hide {\n      display: none;\n    }\n  }\n\n  .ifx-multiselect-dropdown-menu {\n    box-sizing: border-box;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    width: 100%;\n    margin-top: tokens.$ifxSpace50;\n    border: 1px solid tokens.$ifxColorEngineering200;\n    background-color: #fff;\n    box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.10);\n    max-height: 300px;\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n  }\n}\n\n.ifx-multiselect-dropdown-functions {\n  padding: tokens.$ifxSpace150 tokens.$ifxSpace200;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n  flex-shrink: 0;\n}\n\n.ifx-multiselect-dropdown-search {\n  margin-bottom: tokens.$ifxSpace150;\n}\n\n.ifx-multiselect-dropdown-controls {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  gap: tokens.$ifxSpace100;\n\n  .select-all-wrapper {\n    display: flex;\n  }\n\n  .expand-collapse-controls {\n    display: flex;\n    gap: tokens.$ifxSpace150;\n  }\n\n  .control-item {\n    font-size: tokens.$ifxFontSizeS;\n    line-height: tokens.$ifxLineHeightS;\n\n    &:hover {\n      color: tokens.$ifxColorOcean500;\n    }\n\n    &:active {\n      color: tokens.$ifxColorOcean600;\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      outline: 2px solid tokens.$ifxColorOcean500;\n      outline-offset: 2px;\n      border-radius: tokens.$ifxBorderRadius12;\n    }\n  }\n}\n\n.ifx-multiselect-options {\n  flex: 1;\n  overflow-y: auto;\n  padding-top: tokens.$ifxSpace150;\n  padding-bottom: tokens.$ifxSpace150;\n\n  &.show-no-results {\n    .ifx-multiselect-no-results {\n      display: block;\n    }\n  }\n}\n\n.ifx-multiselect-no-results {\n  padding-left: tokens.$ifxSpace200;\n  padding-right: tokens.$ifxSpace200;\n  display: none;\n}\n\n","import { Component, Prop, State, Event, EventEmitter, Element, h, Watch, AttachInternals, Method } from '@stencil/core';\nimport { trackComponent } from '../../../global/utils/tracking'; \nimport { isNestedInIfxComponent } from '../../../global/utils/dom-utils';\nimport { detectFramework } from '../../../global/utils/framework-detection';\nimport { Option } from './interfaces';\n\nfunction debounce(func, wait) {\n  let timeout;\n  return function executedFunction(...args) {\n    const later = () => {\n      clearTimeout(timeout);\n      func(...args);\n    };\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n  };\n}\n\n@Component({\n  tag: 'ifx-multiselect',\n  styleUrl: 'multiselect.scss',\n  shadow: true,\n  formAssociated: true\n})\n\nexport class Multiselect {\n  @Prop() name: string;\n  @Prop() disabled: boolean = false;\n  @Prop() error: boolean = false;\n  @Prop() errorMessage: string = \"Error\";\n  @Prop() label: string = \"\";\n  @Prop() placeholder: string = \"\";\n  @Prop() showSearch: boolean = true;\n  @Prop() showSelectAll: boolean = true;\n  @Prop() showClearButton: boolean = true;\n  @Prop() showExpandCollapse: boolean = true;\n  @Prop() noResultsMessage: string = \"No results found.\";\n  @Prop() showNoResultsMessage: boolean = true;\n  @Prop() searchPlaceholder: string = \"Search\";\n  @Prop() selectAllLabel: string = \"Select all\";\n  @Prop() expandLabel: string = \"Expand\";\n  @Prop() collapseLabel: string = \"Collapse\";\n  @Prop() ariaMultiSelectLabel: string = \"Multi-select dropdown\";\n  @Prop() ariaMultiSelectLabelledBy: string = \"\";\n  @Prop() ariaMultiSelectDescribedBy: string = \"\";\n  @Prop() ariaSearchLabel: string = \"Search options\";\n  @Prop() ariaClearLabel: string = \"Clear all selections\";\n  @Prop() ariaToggleLabel: string = \"Toggle dropdown\";\n  @Prop() ariaSelectAllLabel: string = \"Select all options\";\n  @Prop() ariaExpandAllLabel: string = \"Expand all categories\";\n  @Prop() ariaCollapseAllLabel: string = \"Collapse all categories\";\n\n  @State() internalError: boolean = false;\n  @State() internalErrorMessage: string;\n  @State() persistentSelectedOptions: Option[] = [];\n  @State() dropdownOpen = false;\n  @State() dropdownFlipped: boolean;\n  @State() searchTerm: string = '';\n\n  @Event() ifxSelect: EventEmitter;\n  @Event() ifxOpen: EventEmitter;\n\n  @Element() el: HTMLElement;\n  dropdownElement!: HTMLElement;\n\n  @AttachInternals() internals: ElementInternals;\n  private parseChildOptions(): Option[] {\n    const options: Option[] = [];\n    const childElements = Array.from(this.el.children);\n\n    childElements.forEach((child, index) => {\n      if (child.tagName === 'IFX-MULTISELECT-OPTION') {\n        const option = this.parseOptionElement(child as HTMLElement, index);\n        if (option) {\n          options.push(option);\n        }\n      }\n    });\n\n    return options;\n  }\n\n  private parseOptionElement(element: HTMLElement, index: number): Option | null {\n    const value = element.getAttribute('value') || `option-${index}`;\n    const selected = element.hasAttribute('selected');\n    const disabled = element.hasAttribute('disabled');\n    const indeterminate = element.hasAttribute('indeterminate');\n\n    const option: Option = {\n      value,\n      selected,\n      disabled,\n      indeterminate\n    };\n\n    const nestedOptions = Array.from(element.children)\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION')\n      .map((child, childIndex) => this.parseOptionElement(child as HTMLElement, childIndex))\n      .filter(opt => opt !== null) as Option[];\n\n    if (nestedOptions.length > 0) {\n      option.children = nestedOptions;\n    }\n\n    return option;\n  }\n\n  loadInitialOptions() {\n    this.internalError = this.error;\n    this.internalErrorMessage = this.errorMessage;\n\n    const allOptions = this.parseChildOptions();\n    const initiallySelected = this.collectSelectedOptions(allOptions);\n    const initiallySelectedNotInState = initiallySelected.filter(init =>\n      !this.persistentSelectedOptions.some(opt => opt.value == init.value)\n    );\n    this.persistentSelectedOptions = [...this.persistentSelectedOptions, ...initiallySelectedNotInState];\n  }\n\n  private collectSelectedOptions(options: Option[]): Option[] {\n    let selectedOptions: Option[] = [];\n\n    for (const option of options) {\n      if (option.selected) {\n        if (option.children && option.children.length > 0) {\n          selectedOptions = selectedOptions.concat(this.collectLeafOptions(option.children));\n        } else {\n          if (!selectedOptions.some(existingOption => existingOption.value === option.value)) {\n            selectedOptions.push(option);\n          }\n        }\n      } else {\n        if (option.children && option.children.length > 0) {\n          selectedOptions = selectedOptions.concat(this.collectSelectedOptions(option.children));\n        }\n      }\n    }\n\n    return selectedOptions;\n  }\n\n  private collectLeafOptions(children: Option[]): Option[] {\n    let leafOptions = [];\n\n    for (const child of children) {\n      if (child.children && child.children.length > 0) {\n        leafOptions = leafOptions.concat(this.collectLeafOptions(child.children));\n      } else {\n        leafOptions.push(child);\n      }\n    }\n    return leafOptions;\n  }\n\n  handleSearch = debounce((targetElement: HTMLInputElement) => {\n    const searchTerm = targetElement.value.toLowerCase();\n    const isSearchActive = searchTerm !== '';\n\n    this.searchTerm = searchTerm;\n\n    const wrapper = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper');\n    if (wrapper) {\n      if (isSearchActive) {\n        wrapper.classList.remove('active');\n      } else {\n        const searchField = this.el.shadowRoot.querySelector('ifx-search-field');\n        const searchFieldHasFocus = searchField && searchField.matches(':focus-within');\n        if (!searchFieldHasFocus) {\n          wrapper.classList.add('active');\n        }\n      }\n    }\n\n    const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\n    if (optionsContainer) {\n      if (isSearchActive) {\n        optionsContainer.classList.add('has-search-filter');\n      } else {\n        optionsContainer.classList.remove('has-search-filter');\n      }\n    }\n\n    requestAnimationFrame(() => {\n      const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\n      allOptions.forEach(option => {\n        const searchEvent = new CustomEvent('ifx-search-filter', {\n          detail: { searchTerm, isActive: isSearchActive }\n        });\n        option.dispatchEvent(searchEvent);\n      });\n\n      if (isSearchActive) {\n        setTimeout(() => {\n          const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\n          let visibleCount = 0;\n\n          allOptions.forEach(option => {\n            const style = window.getComputedStyle(option);\n            const rect = option.getBoundingClientRect();\n\n            if (style.display !== 'none' &&\n                style.visibility !== 'hidden' &&\n                style.opacity !== '0' &&\n                rect.height > 0) {\n              visibleCount++;\n            }\n          });\n\n          const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\n          if (optionsContainer) {\n            if (visibleCount === 0) {\n              optionsContainer.classList.add('show-no-results');\n            } else {\n              optionsContainer.classList.remove('show-no-results');\n            }\n          }\n        }, 200);\n      } else {\n        const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\n        if (optionsContainer) {\n          optionsContainer.classList.remove('show-no-results');\n        }\n      }\n    });\n  }, 150);\n\n  private handleSearchFocus(hasFocus: boolean) {\n    const wrapper = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper');\n    if (wrapper) {\n      if (hasFocus || this.searchTerm !== '') {\n        wrapper.classList.remove('active');\n      } else {\n        wrapper.classList.add('active');\n      }\n    }\n  }\n\n  positionDropdown() {\n    const wrapperRect = this.el.shadowRoot.querySelector('.ifx-multiselect-wrapper')?.getBoundingClientRect();\n    const spaceBelow = window.innerHeight - wrapperRect.bottom;\n    const spaceAbove = wrapperRect.top;\n\n    if ((spaceAbove > spaceBelow && wrapperRect.height > spaceBelow) || (wrapperRect.bottom > window.innerHeight)) {\n      this.dropdownFlipped = true;\n    } else {\n      this.dropdownFlipped = false;\n    }\n  }\n\n  private pendingSelectionUpdate = false;\n  public updateSlotBasedSelections(emitEvent: boolean = false) {\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n    const selectedLeafOptions: Option[] = [];\n\n    allOptionElements.forEach((optionEl: any) => {\n      const instance = optionEl['__stencil_instance'];\n      if (instance && instance.selected && !instance.hasChildren) {\n        selectedLeafOptions.push({\n          value: instance.value,\n          selected: true,\n          disabled: instance.disabled\n        });\n      }\n    });\n\n    this.persistentSelectedOptions = selectedLeafOptions;\n\n    if (emitEvent) {\n      this.ifxSelect.emit(this.persistentSelectedOptions);\n    }\n  }\n\n  private updateInitialParentStates() {\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n    const optionsByDepth = Array.from(allOptionElements)\n      .map(el => ({\n        element: el,\n        instance: (el as any)['__stencil_instance'],\n        depth: parseInt(el.getAttribute('data-level') || '0')\n      }))\n      .filter(item => item.instance)\n      .sort((a, b) => b.depth - a.depth);\n\n    optionsByDepth.forEach(({ instance }) => {\n      if (instance.hasChildren) {\n        this.updateParentState(instance);\n      }\n    });\n  }\n\n  private updateParentState(parentInstance: any) {\n    const directChildren = Array.from(parentInstance.el.children as HTMLCollection)\n      .filter((child: Element) => child.tagName === 'IFX-MULTISELECT-OPTION')\n      .map(child => (child as any)['__stencil_instance'])\n      .filter(instance => instance !== null);\n\n    const selectedCount = directChildren.filter(child => child.selected).length;\n    const indeterminateCount = directChildren.filter(child => child.indeterminate).length;\n    const totalCount = directChildren.length;\n\n    if (selectedCount === totalCount && indeterminateCount === 0) {\n      parentInstance.selected = true;\n      parentInstance.indeterminate = false;\n    } else if (selectedCount === 0 && indeterminateCount === 0) {\n      parentInstance.selected = false;\n      parentInstance.indeterminate = false;\n    } else {\n      parentInstance.selected = false;\n      parentInstance.indeterminate = true;\n    }\n  }\n\n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-multiselect', await framework)\n    }\n    setTimeout(() => {\n      this.positionDropdown();\n    }, 500);\n\n    this.el.addEventListener('ifx-option-changed', () => {\n      if (!this.pendingSelectionUpdate) {\n        this.pendingSelectionUpdate = true;\n        requestAnimationFrame(() => {\n          this.updateSlotBasedSelections(true);\n          setTimeout(() => {\n            this.pendingSelectionUpdate = false;\n          }, 0);\n        });\n      }\n    });\n\n    setTimeout(() => {\n      this.updateSlotBasedSelections(false);\n      this.updateInitialParentStates();\n    }, 100);\n  }\n\n  componentWillLoad() {\n    this.loadInitialOptions();\n  }\n\n  @Watch('error')\n  updateInternalError() {\n    this.internalError = this.error;\n  }\n\n  @Watch('errorMessage')\n  updateInternalErrorMessage() {\n    this.internalErrorMessage = this.errorMessage;\n  }\n\n  @Watch('persistentSelectedOptions')\n  onSelectionChange(newValue: Option[], _: Option[]) {\n    const formData = new FormData();\n    newValue.forEach(option => formData.append(this.name, option.value));\n    this.internals.setFormValue(formData);\n  }\n  collapseAll() {\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n    allOptionElements.forEach((optionEl: any) => {\n      const instance = optionEl['__stencil_instance'];\n      if (instance && instance.hasChildren) {\n        instance.isExpanded = false;\n      }\n    });\n  }\n\n  expandAll() {\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n    allOptionElements.forEach((optionEl: any) => {\n      const instance = optionEl['__stencil_instance'];\n      if (instance && instance.hasChildren) {\n        instance.isExpanded = true;\n      }\n    });\n  }\n\n  selectAll() {\n    this.resetSearch();\n\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n\n    allOptionElements.forEach((optionEl: any) => {\n      const instance = optionEl['__stencil_instance'];\n      if (instance) {\n        if (instance.hasChildren) {\n          instance.isExpanded = true;\n        } else {\n          instance.selected = true;\n        }\n      }\n    });\n\n    setTimeout(() => {\n      this.updateInitialParentStates();\n      this.updateSlotBasedSelections(false);\n      this.ifxSelect.emit(this.persistentSelectedOptions);\n    }, 0);\n  }\n\n  @Method()\n  async clearSelection() {\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n    allOptionElements.forEach((optionEl: any) => {\n      const instance = optionEl['__stencil_instance'];\n      if (instance) {\n        instance.selected = false;\n        instance.indeterminate = false;\n        if (instance.hasChildren) {\n          instance.isExpanded = false;\n        }\n      }\n    });\n\n    this.persistentSelectedOptions = [];\n\n    setTimeout(() => {\n      this.updateSlotBasedSelections(false);\n      this.ifxSelect.emit(this.persistentSelectedOptions);\n    }, 0);\n  }\n\n  handleDocumentClick = (event: Event) => {\n    const path = event.composedPath();\n    if (!path.includes(this.dropdownElement)) {\n      this.dropdownOpen = false;\n      document.removeEventListener('click', this.handleDocumentClick);\n      this.resetSearch();\n      this.ifxOpen.emit(this.dropdownOpen);\n    }\n  }\n\n  toggleDropdown() {\n    this.dropdownOpen = !this.dropdownOpen;\n    setTimeout(() => {\n      if (this.dropdownOpen) {\n        document.addEventListener('click', this.handleDocumentClick);\n      } else {\n        this.resetSearch();\n      }\n      this.ifxOpen.emit(this.dropdownOpen);\n    }, 0);\n  }\n\n  private resetSearch() {\n    this.searchTerm = '';\n\n    const searchField = this.el.shadowRoot.querySelector('ifx-search-field') as any;\n    if (searchField) {\n      searchField.value = '';\n    }\n\n    const optionsContainer = this.el.shadowRoot.querySelector('.ifx-multiselect-options');\n    if (optionsContainer) {\n      optionsContainer.classList.remove('has-search-filter');\n    }\n\n    const allOptions = this.el.querySelectorAll('ifx-multiselect-option');\n    allOptions.forEach(option => {\n      const searchEvent = new CustomEvent('ifx-search-filter', {\n        detail: { searchTerm: '', isActive: false }\n      });\n      option.dispatchEvent(searchEvent);\n    });\n  }\n\n  handleWrapperClick(event: MouseEvent) {\n    this.positionDropdown();\n\n    if (event.currentTarget === event.target) {\n      this.toggleDropdown();\n    }\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.disabled) return;\n\n    // If dropdown is closed, only allow opening\n    if (!this.dropdownOpen) {\n      switch (event.code) {\n        case 'Enter':\n        case 'Space':\n        case 'ArrowDown':\n          event.preventDefault();\n          this.toggleDropdown();\n          break;\n      }\n      return;\n    }\n\n    // Dropdown is open - handle navigation and controls\n    switch (event.code) {\n      case 'Escape':\n        event.preventDefault();\n        this.toggleDropdown();\n        break;\n      case 'Enter':\n      case 'Space':\n        // Don't close dropdown when pressing space/enter in controls area\n        const target = event.target as HTMLElement;\n        if (!target.closest('.ifx-multiselect-dropdown-functions')) {\n          event.preventDefault();\n          this.toggleDropdown();\n        }\n        break;\n      case 'ArrowDown':\n      case 'ArrowUp':\n        // Focus first/last option for navigation\n        event.preventDefault();\n        this.focusFirstOption();\n        break;\n    }\n  }\n\n  private focusFirstOption() {\n    const firstOption = this.el.querySelector('ifx-multiselect-option:not(.search-hidden)');\n    if (firstOption) {\n      const labelElement = firstOption.shadowRoot?.querySelector('.option-label') as HTMLElement;\n      labelElement?.focus();\n    }\n  }\n\n  private renderSelectAll() {\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n    const leafOptions = Array.from(allOptionElements).filter((el: any) => !el.hasChildren);\n    const selectedLeafOptions = Array.from(allOptionElements).filter((el: any) => !el.hasChildren && el.selected);\n\n    const allSelected = leafOptions.length > 0 && selectedLeafOptions.length === leafOptions.length;\n\n    const toggleSelectAll = (event?: Event) => {\n      if (event) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      if (allSelected) {\n        this.clearSelection();\n      } else {\n        this.selectAll();\n      }\n    };\n\n    return (\n      <div class=\"select-all-wrapper\">\n        <ifx-checkbox\n          id='selectAll'\n          checked={allSelected}\n          size=\"s\"\n          aria-label={this.ariaSelectAllLabel}\n          onClick={toggleSelectAll}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault();\n              e.stopPropagation();\n              toggleSelectAll(e);\n            }\n          }}\n        >\n          {this.selectAllLabel}\n        </ifx-checkbox>\n      </div>\n    );\n  }\n\n  private renderNoResultsMessage() {\n    return (\n      <div class=\"ifx-multiselect-no-results\">\n        <div class=\"no-results-content\">\n          <span class=\"no-results-text\">{this.noResultsMessage}</span>\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const selectedOptionsLabels = this.persistentSelectedOptions\n      .map((option) => {\n        const optionElement = this.el.querySelector(`ifx-multiselect-option[value=\"${option.value}\"]`);\n        return optionElement?.textContent?.trim() || option.value;\n      })\n      .join(', ');\n\n    const hasSelections = this.persistentSelectedOptions.length > 0;\n\n    let isFlatMultiselect = false;\n    const allOptionElements = this.el.querySelectorAll('ifx-multiselect-option');\n    if (allOptionElements.length > 0) {\n      isFlatMultiselect = Array.from(allOptionElements).every(option => option.children.length === 0);\n    }\n\n    return (\n      <div class={`ifx-multiselect-container`} ref={el => this.dropdownElement = el as HTMLElement}>\n        {\n          this.label ?\n            <div class=\"ifx-label-wrapper\">\n              <span>{this.label}</span>\n            </div> : null\n        }\n        <div class={`ifx-multiselect-wrapper\n        ${this.dropdownOpen ? 'active' : ''}\n        ${this.dropdownFlipped ? 'is-flipped' : ''}\n        ${this.internalError ? 'error' : \"\"}\n        ${this.disabled ? 'disabled' : \"\"}`}\n          role=\"combobox\"\n          aria-label={this.ariaMultiSelectLabel}\n          aria-labelledby={this.ariaMultiSelectLabelledBy || undefined}\n          aria-describedby={this.ariaMultiSelectDescribedBy || undefined}\n          aria-expanded={this.dropdownOpen}\n          aria-haspopup=\"listbox\"\n          aria-disabled={this.disabled}\n          tabindex=\"0\"\n          onClick={this.disabled ? undefined : (event) => this.handleWrapperClick(event)}\n          onKeyDown={this.disabled ? undefined : (event) => this.handleKeyDown(event)} >\n          <div class={`ifx-multiselect-input\n          ${hasSelections ? '' : 'placeholder'}\n          `}\n            onClick={this.disabled ? undefined : () => this.toggleDropdown()}\n          >\n            {hasSelections ? selectedOptionsLabels : this.placeholder}\n          </div>\n          {this.dropdownOpen && (\n            <div class=\"ifx-multiselect-dropdown-menu\">\n\n              {(this.showSearch || this.showSelectAll || (this.showExpandCollapse && !isFlatMultiselect)) && (\n                <div class=\"ifx-multiselect-dropdown-functions\" onClick={(e) => e.stopPropagation()}>\n                  {this.showSearch && (\n                    <div class=\"ifx-multiselect-dropdown-search\">\n                      <ifx-search-field\n                        class=\"search-input\"\n                        placeholder={this.searchPlaceholder}\n                        size=\"s\"\n                        show-delete-icon=\"true\"\n                        aria-label={this.ariaSearchLabel}\n                        onKeyDown={(e) => { e.stopPropagation() }}\n                        onIfxInput={(event) => this.handleSearch(event.target)}\n                        onFocus={() => this.handleSearchFocus(true)}\n                        onBlur={() => this.handleSearchFocus(false)}\n                      ></ifx-search-field>\n                    </div>\n                  )}\n\n                  <div class=\"ifx-multiselect-dropdown-controls\">\n                    {this.showSelectAll && this.renderSelectAll()}\n                    {this.showExpandCollapse && !isFlatMultiselect && (\n                      <div class=\"expand-collapse-controls\">\n                        <span\n                          class=\"control-item\"\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-label={this.ariaExpandAllLabel}\n                          onClick={(e) => { e.stopPropagation(); this.expandAll(); }}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter' || e.key === ' ') {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              this.expandAll();\n                            }\n                          }}\n                        >\n                          {this.expandLabel}\n                        </span>\n                        <span\n                          class=\"control-item\"\n                          role=\"button\"\n                          tabIndex={0}\n                          aria-label={this.ariaCollapseAllLabel}\n                          onClick={(e) => { e.stopPropagation(); this.collapseAll(); }}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter' || e.key === ' ') {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              this.collapseAll();\n                            }\n                          }}\n                        >\n                          {this.collapseLabel}\n                        </span>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              )}\n\n              <div class=\"ifx-multiselect-options\" role=\"listbox\" aria-multiselectable=\"true\">\n                <slot />\n                {this.searchTerm && this.showNoResultsMessage && this.renderNoResultsMessage()}\n              </div>\n            </div>\n          )}\n          <div class='ifx-multiselect-icon-container'>\n\n            {/* Clear Button - will show only if there's a selection */}\n            {this.persistentSelectedOptions.length > 0 && (\n              <div class={`ifx-clear-button ${!this.showClearButton ? 'hide' : ''}`} onClick={this.disabled ? undefined : () => this.clearSelection()}>\n                <ifx-icon icon=\"cRemove16\"></ifx-icon>\n              </div>\n            )}\n            <div class=\"icon-wrapper-up\" onClick={this.disabled ? undefined : () => this.toggleDropdown()}>\n              <ifx-icon\n                key='icon-up'\n                icon='chevron-up-16'></ifx-icon>\n            </div>\n            <div class=\"icon-wrapper-down\" onClick={this.disabled ? undefined : () => this.toggleDropdown()}>\n              <ifx-icon\n                key='icon-down'\n                icon='chevron-down-16'></ifx-icon>\n            </div>\n          </div>\n\n        </div>\n        {\n          this.internalError ?\n            <div class=\"ifx-error-message-wrapper\">\n              <span>{this.internalErrorMessage}</span>\n            </div> : null\n        }\n      </div>\n    );\n  }\n}","@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: block;\n  width: 100%;\n}\n\n.option {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  cursor: pointer;\n  list-style: none;\n\n  &.option--expanded {\n    position: relative;\n  }\n\n  &.option--has-children {\n    position: relative;\n\n    .option-item > .chevron-wrapper {\n      display: flex;\n    }\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    color: tokens.$ifxColorEngineering300;\n  }\n\n  &--selected {\n    // Additional styles for selected state if needed\n    // .option-item {\n    //   background: red;\n    // }\n  }\n\n  &.search-hidden {\n    display: none !important;\n  }\n\n  &.search-match {\n    .option-item {\n      .option-label {\n        .search-highlight {\n          font-weight: bold;\n          // color: tokens.$ifxColorOcean400;\n        }\n      }\n    }\n  }\n}\n\n.option-item {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n  min-height: tokens.$ifxSize250;\n  padding: tokens.$ifxSize50 tokens.$ifxSpace200;\n  background-color: tokens.$ifxColorBaseWhite;\n  transition: background-color 0.2s ease-in-out;\n\n  &:hover {\n    background-color: tokens.$ifxColorEngineering100;\n  }\n\n  .option--disabled & {\n    &:hover {\n      background-color: transparent;\n    }\n  }\n}\n\n.option-children {\n  display: block;\n}\n\n.chevron-wrapper {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  margin-right: tokens.$ifxSpace100;\n  width: tokens.$ifxSize250;\n  height: tokens.$ifxSize250;\n  flex-shrink: 0;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n    border-radius: tokens.$ifxBorderRadius12;\n  }\n\n  .option--has-children & {\n    display: flex;\n  }\n\n  .chevron {\n    transition: transform 0.2s ease-in-out;\n    color: tokens.$ifxColorEngineering600;\n\n    &.chevron--expanded {\n      transform: rotate(90deg);\n    }\n\n    &.chevron--collapsed {\n      transform: rotate(0deg);\n    }\n  }\n}\n\n.checkbox-wrapper {\n  display: flex;\n  align-items: center;\n  margin-right: tokens.$ifxSpace100;\n  flex-shrink: 0;\n}\n\n.option-label {\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: tokens.$ifxSpace25 0;\n  font-size: tokens.$ifxFontSizeS;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n    border-radius: tokens.$ifxBorderRadius12;\n  }\n\n  .option--disabled & {\n    cursor: not-allowed;\n    color: tokens.$ifxColorEngineering300;\n  }\n}\n","import { Component, Prop, Element, h, Host, State, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-multiselect-option',\n  styleUrl: 'multiselect-option.scss',\n  shadow: true,\n})\nexport class MultiselectOption {\n  @Element() el: HTMLElement;\n\n  @Prop() value: string;\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n  @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n  @Prop({ reflect: true, mutable: true }) indeterminate: boolean = false;\n\n  @State() private isExpanded: boolean = false;\n  @State() private hasChildren: boolean = false;\n  @State() private depth: number = 0;\n  @State() private searchTerm: string = '';\n  @State() private isSearchActive: boolean = false;\n  @State() private isSearchDisabled: boolean = false;\n\n  componentWillLoad() {\n    this.hasChildren = this.el.children.length > 0;\n    this.depth = this.calculateDepth();\n\n    this.el.setAttribute('data-level', this.depth.toString());\n\n     if (this.hasChildren) {\n      const hasSelectedChildren = this.hasAnySelectedChildren();\n      if (hasSelectedChildren) {\n        this.isExpanded = true;\n      }\n    }\n  }\n\n  componentDidLoad() {\n    (this.el as any)['__stencil_instance'] = this;\n    this.notifyMultiselect();\n    this.el.addEventListener('ifx-search-filter', this.handleSearchFilter);\n  }\n\n  disconnectedCallback() {\n    this.el.removeEventListener('ifx-search-filter', this.handleSearchFilter);\n  }\n\n  private handleSearchFilter = (event: CustomEvent) => {\n    const { searchTerm, isActive } = event.detail;\n    this.searchTerm = searchTerm.toLowerCase();\n    this.isSearchActive = isActive;\n\n    requestAnimationFrame(() => {\n      this.updateSearchClasses();\n    });\n  }\n\n  private updateSearchClasses() {\n    const optionDiv = this.el.shadowRoot?.querySelector('.option');\n    if (!optionDiv) return;\n\n    if (!this.isSearchActive) {\n      optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\n      this.removeHighlighting();\n      this.isSearchDisabled = false;\n      return;\n    }\n\n    const textContent = this.getTextContent().toLowerCase();\n    const matchesSearch = textContent.includes(this.searchTerm);\n    const hasMatchingParent = this.hasMatchingParent();\n\n    requestAnimationFrame(() => {\n      const hasMatchingChildren = this.hasMatchingChildren();\n\n      optionDiv.classList.remove('search-hidden', 'search-parent', 'search-match');\n      this.isSearchDisabled = false;\n\n      if (matchesSearch && !this.hasChildren) {\n        optionDiv.classList.add('search-match');\n        this.highlightSearchTerm();\n      } else if (matchesSearch && this.hasChildren) {\n        optionDiv.classList.add('search-match');\n        this.highlightSearchTerm();\n        this.isExpanded = true;\n      } else if (!matchesSearch && this.hasChildren && hasMatchingChildren) {\n        optionDiv.classList.add('search-parent');\n        this.removeHighlighting();\n        this.isExpanded = true;\n        this.isSearchDisabled = true;\n      } else if (hasMatchingParent) {\n        optionDiv.classList.add('search-match');\n        this.removeHighlighting();\n      } else {\n        optionDiv.classList.add('search-hidden');\n        this.removeHighlighting();\n      }\n    });\n  }\n\n  private highlightSearchTerm() {\n    if (!this.searchTerm) return;\n\n    const labelElement = this.el.shadowRoot?.querySelector('.option-label');\n    if (!labelElement) return;\n\n    const slotElement = labelElement.querySelector('slot');\n    if (!slotElement) return;\n\n    this.removeHighlighting();\n\n    const originalText = this.getTextContent();\n    const searchTermLower = this.searchTerm.toLowerCase();\n    const originalTextLower = originalText.toLowerCase();\n\n    if (!originalTextLower.includes(searchTermLower)) return;\n\n    const searchIndex = originalTextLower.indexOf(searchTermLower);\n\n    if (searchIndex === -1) return;\n\n    const beforeMatch = originalText.substring(0, searchIndex);\n    const matchText = originalText.substring(searchIndex, searchIndex + searchTermLower.length);\n    const afterMatch = originalText.substring(searchIndex + searchTermLower.length);\n\n    const highlightedContent = document.createElement('span');\n    highlightedContent.className = 'highlighted-text';\n\n    if (beforeMatch) {\n      highlightedContent.appendChild(document.createTextNode(beforeMatch));\n    }\n\n    const boldElement = document.createElement('strong');\n    boldElement.className = 'search-highlight';\n    boldElement.textContent = matchText;\n    highlightedContent.appendChild(boldElement);\n\n    if (afterMatch) {\n      highlightedContent.appendChild(document.createTextNode(afterMatch));\n    }\n\n    labelElement.setAttribute('data-original-content', 'true');\n    slotElement.style.display = 'none';\n    labelElement.appendChild(highlightedContent);\n  }\n\n  private removeHighlighting() {\n    const labelElement = this.el.shadowRoot?.querySelector('.option-label');\n    if (!labelElement) return;\n\n    const slotElement = labelElement.querySelector('slot');\n    const highlightedElement = labelElement.querySelector('.highlighted-text');\n\n    if (highlightedElement) {\n      labelElement.removeChild(highlightedElement);\n    }\n\n    if (slotElement) {\n      slotElement.style.display = '';\n    }\n\n    labelElement.removeAttribute('data-original-content');\n  }\n\n  private getTextContent(): string {\n    let text = '';\n    Array.from(this.el.childNodes).forEach(node => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        text += node.textContent?.trim() || '';\n      }\n    });\n    return text || this.value || '';\n  }\n\n  private hasMatchingChildren(): boolean {\n    if (!this.hasChildren) return false;\n\n    const childOptions = Array.from(this.el.children)\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n    return childOptions.some(child => {\n      const childInstance = (child as any)['__stencil_instance'];\n      if (!childInstance) return false;\n\n      const childText = childInstance.getTextContent().toLowerCase();\n      const childMatches = childText.includes(this.searchTerm);\n      const grandChildrenMatch = childInstance.hasMatchingChildren();\n\n      return childMatches || grandChildrenMatch;\n    });\n  }\n\n  private hasMatchingParent(): boolean {\n    let parent = this.el.parentElement;\n    while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\n      const parentInstance = (parent as any)['__stencil_instance'];\n      if (parentInstance) {\n        const parentText = parentInstance.getTextContent().toLowerCase();\n        if (parentText.includes(this.searchTerm)) {\n          return true;\n        }\n      }\n      parent = parent.parentElement;\n    }\n    return false;\n  }\n\n  private calculateDepth(): number {\n    let depth = 0;\n    let parent = this.el.parentElement;\n    while (parent && parent.tagName !== 'IFX-MULTISELECT') {\n      if (parent.tagName === 'IFX-MULTISELECT-OPTION') {\n        depth++;\n      }\n      parent = parent.parentElement;\n    }\n    return depth;\n  }\n\n  @Listen('click')\n  handleClick(event: Event) {\n    if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n    event.stopPropagation();\n\n    if (event.type === 'click' && (event.target as HTMLElement).closest('.chevron-wrapper')) {\n      this.toggleExpansion();\n      return;\n    }\n\n    let newSelectedState: boolean;\n\n    if (this.indeterminate) {\n      newSelectedState = true;\n    } else {\n      newSelectedState = !this.selected;\n    }\n\n    this.selected = newSelectedState;\n    this.indeterminate = false;\n\n    if (this.hasChildren) {\n      this.isExpanded = newSelectedState;\n\n      requestAnimationFrame(() => {\n        this.selectAllChildren(newSelectedState);\n        this.expandAllChildren(newSelectedState);\n      });\n    }\n\n    this.updateParentStates();\n    this.notifyMultiselect();\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n    const target = event.target as HTMLElement;\n\n    if (target.closest('.chevron-wrapper') || target.closest('.checkbox-wrapper')) {\n      return;\n    }\n\n    if (event.key !== 'ArrowUp' && event.key !== 'ArrowDown') {\n      event.stopPropagation();\n    }\n\n    if (event.key === 'ArrowRight' && this.hasChildren) {\n      this.isExpanded = true;\n    }\n\n    if (event.key === 'ArrowLeft' && this.hasChildren) {\n      this.isExpanded = false;\n    }\n  }\n\n  private notifyMultiselect() {\n    const updateEvent = new CustomEvent('ifx-option-changed', {\n      bubbles: true,\n      detail: {\n        value: this.value,\n        selected: this.selected,\n        indeterminate: this.indeterminate\n      }\n    });\n    this.el.dispatchEvent(updateEvent);\n  }\n\n  private selectAllChildren(selected: boolean) {\n    const directChildren = Array.from(this.el.children)\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\n\n    directChildren.forEach((child: any) => {\n      const childInstance = child['__stencil_instance'];\n      if (childInstance) {\n        childInstance.selected = selected;\n        childInstance.indeterminate = false;\n\n        if (childInstance.hasChildren) {\n          childInstance.isExpanded = selected;\n          childInstance.selectAllChildren(selected);\n        }\n        childInstance.notifyMultiselect?.();\n      }\n    });\n  }\n\n  private expandAllChildren(expanded: boolean) {\n    const directChildren = Array.from(this.el.children)\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as any[];\n\n    directChildren.forEach((child: any) => {\n      const childInstance = child['__stencil_instance'];\n      if (childInstance && childInstance.hasChildren) {\n        childInstance.isExpanded = expanded;\n        childInstance.expandAllChildren(expanded);\n      }\n    });\n  }\n\n  private updateParentStates() {\n    let parent = this.el.parentElement;\n    while (parent && parent.tagName === 'IFX-MULTISELECT-OPTION') {\n      const parentInstance = (parent as any)['__stencil_instance'];\n      if (!parentInstance) {\n        parent = parent.parentElement;\n        continue;\n      }\n\n      const siblings = Array.from(parent.children)\n        .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION')\n        .map(child => (child as any)['__stencil_instance'])\n        .filter(instance => instance !== null);\n\n      const selectedCount = siblings.filter(sibling => sibling.selected).length;\n      const indeterminateCount = siblings.filter(sibling => sibling.indeterminate).length;\n      const totalCount = siblings.length;\n\n      if (selectedCount === totalCount && indeterminateCount === 0) {\n        parentInstance.selected = true;\n        parentInstance.indeterminate = false;\n      } else if (selectedCount === 0 && indeterminateCount === 0) {\n        parentInstance.selected = false;\n        parentInstance.indeterminate = false;\n      } else {\n        parentInstance.selected = false;\n        parentInstance.indeterminate = true;\n      }\n\n      parentInstance.notifyMultiselect?.();\n      parent = parent.parentElement;\n    }\n  }\n\n  private toggleExpansion() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  private handleCheckboxClick = (event: Event) => {\n    if (this.disabled || (this.isSearchActive && this.isSearchDisabled)) return;\n\n    event.stopPropagation();\n\n    let newSelectedState: boolean;\n\n    if (this.indeterminate) {\n      newSelectedState = true;\n    } else {\n      newSelectedState = !this.selected;\n    }\n\n    this.selected = newSelectedState;\n    this.indeterminate = false;\n\n    if (this.hasChildren) {\n      this.isExpanded = newSelectedState;\n\n      requestAnimationFrame(() => {\n        this.selectAllChildren(newSelectedState);\n        this.expandAllChildren(newSelectedState);\n      });\n    }\n\n    this.updateParentStates();\n    this.notifyMultiselect();\n  }\n\n  private handleHeaderClick = (event: Event) => {\n    event.stopPropagation();\n    if (!this.disabled && !(this.isSearchActive && this.isSearchDisabled)) {\n      this.handleClick(event);\n    }\n  }\n\n  private hasAnySelectedChildren(): boolean {\n    const childOptions = Array.from(this.el.children)\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n    return childOptions.some(child => {\n      const hasSelected = child.hasAttribute('selected');\n      const hasSelectedDescendants = this.checkForSelectedDescendants(child);\n\n      return hasSelected || hasSelectedDescendants;\n    });\n  }\n\n  private checkForSelectedDescendants(element: HTMLElement): boolean {\n    const nestedOptions = Array.from(element.children)\n      .filter(child => child.tagName === 'IFX-MULTISELECT-OPTION') as HTMLElement[];\n\n    return nestedOptions.some(nestedChild => {\n      const isSelected = nestedChild.hasAttribute('selected');\n      const hasSelectedNested = this.checkForSelectedDescendants(nestedChild);\n\n      return isSelected || hasSelectedNested;\n    });\n  }\n\n  render() {\n    let isFlatMultiselect = false;\n    const parentMultiselect = this.el.closest('ifx-multiselect');\n    if (parentMultiselect) {\n      const allOptions = Array.from(parentMultiselect.querySelectorAll('ifx-multiselect-option'));\n      isFlatMultiselect = allOptions.every(option => option.children.length === 0);\n    }\n\n    const basePadding = this.depth * 28 + 16;\n    const additionalPadding = this.hasChildren ? 0 : 28;\n    let totalPadding = basePadding + additionalPadding;\n\n    const optionItemStyle = isFlatMultiselect ? undefined : { paddingLeft: `${totalPadding}px` };\n\n    return (\n      <Host>\n        <div\n          class={{\n            'option': true,\n            'option--has-children': this.hasChildren,\n            'option--expanded': this.isExpanded,\n            'option--disabled': this.disabled,\n            'option--selected': this.selected,\n          }}\n          role=\"option\"\n          aria-expanded={this.hasChildren ? (this.isExpanded ? 'true' : 'false') : undefined}\n          aria-selected={this.selected ? 'true' : 'false'}\n          aria-disabled={this.disabled ? 'true' : 'false'}\n          data-level={this.depth}\n          data-value={this.value}\n        >\n          <div\n            class=\"option-item\"\n            style={optionItemStyle}\n          >\n            <div\n              class=\"chevron-wrapper\"\n              tabIndex={this.hasChildren ? 0 : -1}\n              role={this.hasChildren ? \"button\" : undefined}\n              aria-label={this.hasChildren ? (this.isExpanded ? \"Collapse\" : \"Expand\") : undefined}\n              onClick={(e) => { e.stopPropagation(); this.toggleExpansion(); }}\n              onKeyDown={(e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  e.stopPropagation();\n                  this.toggleExpansion();\n                }\n              }}\n            >\n              {this.hasChildren && (\n                <ifx-icon\n                  class={`chevron ${this.isExpanded ? 'chevron--expanded' : 'chevron--collapsed'}`}\n                  icon=\"chevron-right-16\"\n                />\n              )}\n            </div>\n\n            <div class=\"checkbox-wrapper\" onClick={(e) => e.stopPropagation()}>\n              <ifx-checkbox\n                size='s'\n                checked={(this.isSearchActive && this.isSearchDisabled) ? false : (this.indeterminate ? false : this.selected)}\n                indeterminate={(this.isSearchActive && this.isSearchDisabled) ? false : this.indeterminate}\n                onClick={this.handleCheckboxClick}\n                disabled={this.disabled || (this.isSearchActive && this.isSearchDisabled)}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    this.handleCheckboxClick(e);\n                  }\n                }}\n              />\n            </div>\n\n            <div\n              class=\"option-label\"\n              onClick={this.handleHeaderClick}\n              tabIndex={-1}\n            >\n              <slot/>\n            </div>\n          </div>\n\n          {this.isExpanded && <div class=\"option-children\"><slot name=\"children\"/></div>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-7499257e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["datePickerCss","DatePicker","constructor","hostRef","this","inputId","datePickerId","size","error","success","disabled","type","required","autocomplete","getDate","e","inputValue","target","value","selectedDate","Date","day","month","getMonth","year","getFullYear","internals","setFormValue","hours","getHours","minutes","getMinutes","ifxDate","emit","input","el","shadowRoot","querySelector","classList","add","toISOString","substring","handleInputFocusOnIconClick","focus","getBrowser","navigator","userAgent","indexOf","setFireFoxClasses","browser","contains","remove","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","componentWillUpdate","formResetCallback","render","h","key","class","htmlFor","_a","label","trim","undefined","ariaLabel","max","min","onChange","role","onClick","icon","_b","caption"],"sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\n\n.date__picker-container {\n  display: flex;\n  flex-direction: column;\n\n  & .label__wrapper {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n\n    & .asterisk { \n      display: none;\n      &.required {\n        display: inline;\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n    }\n\n  }\n\n  &.disabled {\n    .label__wrapper {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n\n  &.error {\n    .caption__wrapper {\n      color: tokens.$ifxColorRed500;\n    }\n  }\n\n  &.disabled {\n    .caption__wrapper {\n      color: tokens.$ifxColorEngineering500;\n    }\n  }\n\n  & .caption__wrapper {\n    margin-top: tokens.$ifxSpace50;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n  }\n}\n\n.date__picker-input {\n  font-family: 'Source Sans 3';\n  outline: none;\n  width: 100%;\n  cursor: pointer;\n  border-radius: 1px;\n  border: 1px solid tokens.$ifxColorEngineering400;\n  height: 100%;\n\n  &.firefox__classes {\n    padding: 8px 16px;\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    text-transform: uppercase;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n    cursor: pointer;\n  }\n\n  &:focus:not(.error, .success) {\n    border-color: tokens.$ifxColorOcean500;\n  }\n\n  &:hover:not(:disabled, :focus, .error, .success) {\n    border-color: tokens.$ifxColorEngineering500;\n  }\n\n  &:disabled {\n    border-color: tokens.$ifxColorEngineering500;\n    background-color: tokens.$ifxColorEngineering200;\n  }\n\n  &.error {\n    border-color: tokens.$ifxColorRed500;\n  }\n\n  &.success:not(.error) {\n    border-color: tokens.$ifxColorGreen500;\n  }\n\n  &::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorEngineering400;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 24px;\n  }\n\n  &.has-value::-webkit-datetime-edit-text {\n    color: tokens.$ifxColorBaseBlack;\n  }\n\n  &.has-value::-webkit-datetime-edit {\n    color: tokens.$ifxColorBaseBlack;\n  }\n}\n\n::-webkit-datetime-edit {\n  color: tokens.$ifxColorEngineering400;\n  font-size: 16px;\n  text-transform: uppercase;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n  padding: 8px 16px;\n  padding-bottom: 9px;\n  transform: translateY(1px);\n}\n\n::-webkit-inner-spin-button {\n  display: none;\n}\n\n::-webkit-calendar-picker-indicator {\n  position: absolute;\n  right: 15px;\n  font-size: 19px;\n  cursor: pointer;\n  border-radius: 1px;\n  &:focus-within {\n    outline: 2px solid tokens.$ifxColorOcean500;\n    outline-offset: 2px;\n  }\n}\n\n.input__wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  align-self: stretch;\n  background: tokens.$ifxColorBaseWhite;\n  position: relative;\n  &.large {\n    height: 40px;\n  }\n\n  &.small {\n    height: 36px;\n  }\n\n  &.disabled {\n    & .icon__wrapper {\n      background-color: tokens.$ifxColorEngineering200;\n    }\n  }\n}\n\n.icon__wrapper {\n  position: absolute;\n  right: 17px;\n  padding: 2px;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  z-index: 100;\n  background-color: tokens.$ifxColorBaseWhite;\n  line-height: 16px;\n\n  & ifx-icon {\n    vertical-align: middle;\n  }\n}\n","import { AttachInternals } from '@stencil/core';\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n \n@Component({\n  tag: 'ifx-date-picker',\n  styleUrl: 'date-picker.scss',\n  shadow: true,\n  formAssociated: true,\n})\n\nexport class DatePicker {\n  private inputId: string = `ifx-date-picker-${++datePickerId}`;\n\n  @Element() el: HTMLElement;\n  @Prop() size: string = 's';\n  @Prop() error: boolean = false;\n  @Prop() success: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Prop() ariaLabel: string | null;\n  @Prop() value: string;\n  @Prop() type: string = 'date'\n  @Prop() max: string;\n  @Prop() min: string;\n  @Prop() required: boolean = false;\n  @Prop() label: string;\n  @Prop() caption: string;\n  @Prop() autocomplete: string = 'on';\n\n  @AttachInternals() internals: ElementInternals;\n\n  @Event() ifxDate: EventEmitter;\n\n  getDate(e) { \n    const inputValue = e.target.value;\n    const selectedDate = new Date(inputValue);\n    const day = selectedDate.getDate();\n    const month = selectedDate.getMonth() + 1; \n    const year = selectedDate.getFullYear();\n\n \n      \n    if (!inputValue) {\n      this.internals.setFormValue(null);\n\n      if(this.type === 'datetime-local') { \n        const hours = selectedDate.getHours();\n        const minutes = selectedDate.getMinutes();\n        this.ifxDate.emit({day, month, year, hours, minutes});\n      } else { \n        this.ifxDate.emit({day, month, year});\n      }\n      return;\n    }\n\n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    input.classList.add('has-value');\n\n    this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\n    if(this.type === 'datetime-local') { \n      const hours = selectedDate.getHours();\n      const minutes = selectedDate.getMinutes();\n      this.ifxDate.emit({day, month, year, hours, minutes});\n    } else { \n      this.ifxDate.emit({day, month, year})\n    }\n  }\n\n  handleInputFocusOnIconClick() { \n    const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n    if(input) { \n      input.focus()\n    }\n  }\n\n getBrowser() {\n    if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\n      return \"Chrome\";\n    } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\n      return \"Opera\";\n    } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\n      return \"IE\";\n    } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\n      return \"Firefox\";\n    } else {\n      return \"unknown\";\n    }\n  }\n\n  setFireFoxClasses() { \n    const browser = this.getBrowser()\n    const input = this.el.shadowRoot.querySelector('.date__picker-input');\n\n    if(browser === 'Firefox') { \n      input.classList.add('firefox__classes')\n    } else if(input.classList.contains('firefox__classes')) { \n      input.classList.remove('firefox__classes')\n    }\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-date-picker', await framework)\n    }\n    this.setFireFoxClasses()\n  }\n\n  componentWillUpdate() { \n    if (this.value) {\n      this.getDate({ target: { value: this.value } });\n    }\n  }\n\n  formResetCallback() {\n    this.internals.setFormValue(null);\n  }\n\n  render() {\n    return (\n      <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\n\n        <label class='label__wrapper' htmlFor={ this.inputId }>\n          { this.label?.trim() }\n          <span class={`asterisk ${this.required ? 'required' : \"\"} ${this.error ? 'error' : \"\"}`}>*</span>\n        </label>\n\n        <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : ''}`}>\n          <input\n          type={this.type}\n          autocomplete={this.autocomplete}\n          class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\n          disabled={this.disabled ? true : undefined}\n          aria-invalid={this.error ? true : undefined}\n          aria-label={this.ariaLabel}\n          max={this.max}\n          min={this.min}\n          value={this.value}\n          required={this.required}\n          onChange={(e) => this.getDate(e)} />\n          <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\n            <ifx-icon icon='calendar16' aria-hidden=\"true\"></ifx-icon>\n          </div>\n        </div>\n\n        { this.caption?.trim() && (\n            <div class='caption__wrapper'>\n              { this.caption.trim() }\n            </div> \n          )}\n      </div>\n    )\n  }\n}\n\nlet datePickerId = 0;"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/p-77c8c387.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s}from"./p-DS8meZSd.js";const e=":host{display:inline-block}.rotate{transition:transform 0.2s ease-in-out;transform:rotate(-180deg);margin-top:0em}.icon{margin-top:0em;transition:transform 0.2s ease-in-out}";const i=class{constructor(s){t(this,s);this.isOpen=false;this.theme="default";this.size="m";this.hideArrow=false}render(){return s("ifx-button",{key:"e250c5081eed9c37309ff16a951c6abcd6208c5e",variant:this.variant,theme:this.theme,size:this.size,disabled:this.disabled,class:"dropdown-trigger-button"},s("slot",{key:"bd43566e1287502e361af68c8a72ca70f763a524"}),!this.hideArrow&&s("ifx-icon",{key:"6227f3dd9f237eb1f8839d6c718a8a60e6085264",icon:"chevron-down-16",class:`icon${this.isOpen?" rotate":""}`}))}};i.style=e;export{i as ifx_dropdown_trigger_button};
-//# sourceMappingURL=p-77c8c387.entry.js.map

package/dist/infineon-design-system-stencil/p-78a44314.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,a as r}from"./p-DS8meZSd.js";const a=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{position:relative}.sidebar__title{width:100%;height:fit-content;border-top:1px solid #EEEDED;padding:12px 0}.sidebar__title.no-top-border{border-top:none}.sidebar__title-label{height:20px;font:600 0.875rem/1.25rem "Source Sans 3";text-transform:uppercase;color:#575352;letter-spacing:3px}';const s=class{constructor(t){e(this,t)}render(){return t("div",{key:"ae2e7948da954e39311413b41a09cfbce5e7b63a",class:"sidebar__title"},t("div",{key:"f8758f407dec82faf1c12c98492264e90ec16f10",class:"sidebar__title-label"},t("slot",{key:"1dd6327d44621a0dd0b9ec7385aaec48c54d37cb"})))}get el(){return r(this)}};s.style=a;export{s as ifx_sidebar_title};
-//# sourceMappingURL=p-78a44314.entry.js.map

package/dist/infineon-design-system-stencil/p-91663a1c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as o}from"./p-DS8meZSd.js";const d=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.dropdown-header{display:flex;padding:8px 16px;align-items:center;gap:8px;align-self:stretch;border-bottom:1px solid #EEEDED;font-family:var(--ifx-font-family)}.dropdown-header span{color:#575352;font-family:var(--ifx-font-family);font-size:14px;font-style:normal;font-weight:400;line-height:20px;}';const f=class{constructor(o){e(this,o)}render(){return o("div",{key:"66c1818572b436d96ce1d36c1f6f9554b339e6de",class:"dropdown-header"},o("span",{key:"f4bd567ec498d19ef670cc6fc8db7722f8f6421e"},o("slot",{key:"3eac4b2e224fe84689713ddaf2d512ad8e998488"})))}};f.style=d;export{f as ifx_dropdown_header};
-//# sourceMappingURL=p-91663a1c.entry.js.map

package/dist/infineon-design-system-stencil/p-94244a62.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as e,a as t}from"./p-DS8meZSd.js";import{d as r,t as i}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:flex;width:100%}.progress-bar{height:16px;bottom:0;right:0;top:0;left:0;display:flex;height:20px;border-radius:1px;width:100%;overflow:hidden;background-color:#EEEDED;font-family:var(--ifx-font-family)}.progress-bar.s{height:4px}.progress-bar .label{font-style:normal;font-size:0.875rem;font-weight:400;line-height:1.25rem;color:#FFFFFF}.progress-bar .progress{display:flex;align-items:center;justify-content:center;min-width:fit-content;height:100%;background-color:#0A8276;transition:width 0.2s ease}';const n=class{constructor(e){s(this,e);this.value=0;this.showLabel=false}valueChanged(s,e){if(s!==e){this.internalValue=s}}componentWillLoad(){this.internalValue=this.value}async componentDidLoad(){if(!a(this.el)){const s=r();i("ifx-progress-bar",await s)}}render(){return e("div",{key:"8b85b9583b257c2bb08471502ec81eaf18240299","aria-label":"a progress bar","aria-value":this.value,class:`progress-bar ${this.size}`},e("div",{key:"4d4ab3b145e47f2ef34b9515d85916bb27d7b2ce",class:"progress",style:{width:`${this.internalValue}%`}},this.showLabel&&this.size!=="s"&&this.internalValue!==0&&e("span",{key:"43ea3c707df2f815321e7d6a757cb164fbe11500",class:"label"},`${this.internalValue}%`)))}get el(){return t(this)}static get watchers(){return{value:["valueChanged"]}}};n.style=o;export{n as ifx_progress_bar};
-//# sourceMappingURL=p-94244a62.entry.js.map

package/dist/infineon-design-system-stencil/p-958796b1.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as t,a}from"./p-DS8meZSd.js";const s=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{position:relative}.sidebar__nav-item:focus,.sidebar__nav-item.header__section:focus{outline:none;box-shadow:0 0 0 2px #FFFFFF, 0 0 0 4px #0A8276}.sidebar__nav-item:focus .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:focus .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-label,.sidebar__nav-item.header__section:focus .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:focus .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item:hover,.sidebar__nav-item.header__section:hover{outline:none}.sidebar__nav-item:hover .sidebar__nav-item-icon-wrapper,.sidebar__nav-item.header__section:hover .sidebar__nav-item-icon-wrapper{color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-label,.sidebar__nav-item.header__section:hover .sidebar__nav-item-label{outline:none;color:#08665C}.sidebar__nav-item:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon,.sidebar__nav-item.header__section:hover .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{color:#08665C}.sidebar__nav-item{display:flex;flex-direction:row;align-items:center;width:100%;padding:8px 0px;gap:4px;flex:none;order:0;flex-grow:0;text-decoration:none;color:#1D1D1D;cursor:pointer;font-family:var(--ifx-font-family)}.sidebar__nav-item.extra-padding__bottom{padding:8px 0px 16px 0px}.sidebar__nav-item.active{color:#0A8276}.sidebar__nav-item.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.open{padding:8px 0px}.sidebar__nav-item.open .sidebar__nav-item-label{font-size:16px;font-style:normal;font-weight:400;line-height:24px}.sidebar__nav-item.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section{box-sizing:padding-box;border-top:1px solid #EEEDED;padding:16px 0px;display:-webkit-flex;-webkit-line-clamp:1;-webkit-box-orient:horizontal;overflow:hidden;text-overflow:ellipsis}.sidebar__nav-item.header__section.no-top-border{border-top:none}.sidebar__nav-item.header__section.active-section::before{content:"";position:absolute;left:-32px;height:40px;width:2px;background:#0A8276}.sidebar__nav-item.header__section.open{padding:16px 0px 8px 0px}.sidebar__nav-item.header__section.open .sidebar__nav-item-indicator .item__arrow-wrapper ifx-icon{transform:rotate(-180deg)}.sidebar__nav-item.header__section .sidebar__nav-item-label{color:#1D1D1D;font-family:Source Sans 3;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.sidebar__nav-item.submenu__item{padding:4px 0px}.sidebar__nav-item.submenu__item.extra-padding__bottom{padding:4px 0px 16px 0px}.sidebar__nav-item .sidebar__nav-item-icon-wrapper{display:flex;width:24px;height:24px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.sidebar__nav-item .sidebar__nav-item-icon-wrapper.noIcon{display:none}.sidebar__nav-item .sidebar__nav-item-icon-wrapper ifx-icon{width:16px;height:16px}.sidebar__nav-item .sidebar__nav-item-label{font-style:normal;font-weight:400;font-size:1rem;line-height:1.5rem;display:flex;align-items:center;flex:none;order:1;flex-grow:1;cursor:pointer}.sidebar__nav-item .sidebar__nav-item-indicator{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0px 4px;flex:none;order:2;flex-grow:0}.expandable__submenu{display:none;list-style-type:none;flex-direction:column;padding:0;margin:0;padding-left:40px}.expandable__submenu.open{display:flex}.header__section+.expandable__submenu{padding-left:0}';const n=class{constructor(t){e(this,t);this.ifxSidebarMenu=i(this,"ifxSidebarMenu",7);this.ifxSidebarNavigationItem=i(this,"ifxSidebarNavigationItem",7);this.ifxSidebarActionItem=i(this,"ifxSidebarActionItem",7);this.icon="";this.showIcon=true;this.showIconWrapper=false;this.href="";this.internalHref="";this.target="_self";this.isExpandable=false;this.isNested=true;this.isSubMenuItem=false;this.active=false;this.isActionItem=false;this.internalActiveState=false}handleActiveChange(e,i){if(this.isActionItem){this.internalActiveState=false;return}this.internalActiveState=e;if(e!==i){let i=this.getNavItem(this.el.shadowRoot);if(!this.isExpandable&&!e){this.handleClassList(i,"remove","active")}if(!this.isExpandable&&e){this.handleClassList(i,"add","active")}}}handleConsoleError(e){if(e.detail){this.showIcon=false}else{this.showIcon=true}}handleEventEmission(){this.ifxSidebarMenu.emit(this.el)}handleClassList(e,i,t){e.classList[i](t);if(i==="contains"){return e.classList.contains(t)}}getExpandableMenu(){const e=this.el.shadowRoot.querySelector(".expandable__submenu");return e}getNavItem(e){return e===null||e===void 0?void 0:e.querySelector(".sidebar__nav-item")}getSidebarMenuItems(e=this.el){const i=e.querySelectorAll("ifx-sidebar-item");if(i.length===0){return e.shadowRoot.querySelectorAll("ifx-sidebar-item")}return i}getSidebarMenuItem(){const e=this.el.shadowRoot.querySelector(".sidebar__nav-item");return e}toggleSubmenu(){if(this.isExpandable){const e=this.getSidebarMenuItem();const i=this.getExpandableMenu();this.handleClassList(i,"toggle","open");this.handleClassList(e,"toggle","open");this.handleEventEmission()}else{if(this.isActionItem){this.ifxSidebarActionItem.emit(this.el);return}else{this.handleActiveChange(true,this.internalActiveState);this.ifxSidebarNavigationItem.emit(this.el)}if(this.handleItemClick){this.handleItemClick(this.el)}}}handleExpandableMenu(e){const i=this.getExpandableMenu();e.forEach((e=>{const t=document.createElement("li");t.appendChild(e);i.appendChild(t)}))}parentElementIsSidebar(){const e=this.el.parentElement;if(e.tagName.toUpperCase()==="IFX-SIDEBAR"){return true}else return false}checkIfMenuItemIsNested(){const e=this.parentElementIsSidebar();if(e){this.isNested=false}}checkIfMenuItemIsSubMenu(){const e=this.el.parentElement;const i=this.getNavItem(e.shadowRoot);if(e.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"&&!this.handleClassList(i,"contains","header__section")){this.isSubMenuItem=true}else{this.isSubMenuItem=false}}isActive(e){const i=e.getAttribute("active");const t=i==="true";return t}getParentSection(e){let i=e.parentElement;while(i&&i.tagName.toUpperCase()!=="IFX-SIDEBAR"){if(i.tagName.toUpperCase()==="IFX-SIDEBAR-ITEM"){return i}i=i.parentElement}return null}handleBorderIndicatorDisplacement(e){const i=(e,t)=>{const a=this.isActive(e);if(a){const e=this.handleClassList(t,"contains","open");const i=this.getActiveItemSection();if(!e){this.handleClassList(i,"add","active-section")}else{this.handleClassList(i,"remove","active-section")}}const s=this.getSidebarMenuItems(e);s.forEach((e=>i(e,t)))};const t=this.getSidebarMenuItems();t.forEach((t=>i(t,e)))}setHref(){if(this.href.toLowerCase().trim()===""){this.internalHref=undefined}else this.internalHref=this.href}getActiveItemSection(){const e=this.parentElementIsSidebar();if(e){const e=this.getNavItem(this.el.shadowRoot);return e}else{const e=this.getNavItem(this.el.shadowRoot);return e}}async setActiveClasses(){const e=this.getNavItem(this.el.shadowRoot);this.handleClassList(e,"add","active")}async expandMenu(e){const i=this.getSidebarMenuItem();const t=this.getExpandableMenu();this.handleClassList(t,"add","open");this.handleClassList(i,"add","open");if(e){this.handleClassList(t,"remove","active-section");this.handleClassList(i,"remove","active-section")}}async isItemExpandable(){return this.isExpandable}handleActiveState(){if(this.internalActiveState){this.setActiveClasses()}}handleKeyDown(e){if(e.key==="Enter"){this.toggleSubmenu()}}componentDidLoad(){this.handleActiveState();if(this.isExpandable){const e=this.getSidebarMenuItems();this.handleExpandableMenu(e)}}componentWillLoad(){this.internalActiveState=this.active;this.checkIfMenuItemIsNested();this.checkIfMenuItemIsSubMenu();this.setHref();const e=this.getSidebarMenuItems();if(e.length!==0){this.isExpandable=true}else{this.isExpandable=false}}componentWillUpdate(){if(this.active&&!this.internalActiveState){this.internalActiveState=this.active;this.ifxSidebarNavigationItem.emit(this.el)}}render(){return t("div",{key:"f695c7d2452fb5d46013f3e3e8f6c662fc600239"},t("a",{key:"409b95b6d8134d6d1f14e3a31ccfd4217616e358",tabIndex:1,onKeyDown:e=>this.handleKeyDown(e),href:this.internalHref,onClick:()=>this.toggleSubmenu(),target:this.target,class:`sidebar__nav-item ${!this.isNested&&this.isExpandable?"header__section":""} ${this.isSubMenuItem?"submenu__item":""}`},this.icon&&t("div",{key:"1706e6d03d3f70e8b5fca17aed062368faf614f5",class:`sidebar__nav-item-icon-wrapper ${!this.showIcon?"noIcon":""}`},t("ifx-icon",{key:"a262f89e41e6f7c7b1f59daed3cffe31cc1484d7",icon:this.icon})),t("div",{key:"83be40c680878721ca1fe69411e38219c9d6be2b",class:"sidebar__nav-item-label"},t("slot",{key:"d90e33c87be1218396856d34631fc23426ae70a9"})),(this.isExpandable||!isNaN(this.numberIndicator))&&t("div",{key:"f47f399e3d09c8a09cd9c046e55da9543a42e460",class:"sidebar__nav-item-indicator"},this.isExpandable&&t("span",{key:"f886dd5c8df0f0b4fee7a9924bd461499c96f27d",class:"item__arrow-wrapper"},t("ifx-icon",{key:"25260aa5a7edf6a333a36667f4d46e39b7aee79f",icon:"chevron-down-16"})),!isNaN(this.numberIndicator)&&!this.isExpandable&&!this.isNested&&t("span",{key:"7e37286b824ec8f11268ae923127e4a3d4f22f10",class:"item__number-indicator"},t("ifx-indicator",{key:"aaa11eed7eefa48c503d11cf8ad5f3c31701fff1",variant:"number",number:this.numberIndicator})))),this.isExpandable&&t("ul",{key:"a7b4ea463ceb60462af5a902e3a115386756365e",class:"expandable__submenu"}))}get el(){return a(this)}static get watchers(){return{active:["handleActiveChange"]}}};n.style=s;export{n as ifx_sidebar_item};
-//# sourceMappingURL=p-958796b1.entry.js.map

package/dist/infineon-design-system-stencil/p-9dff807a.entry.js

@@ -1,2 +0,0 @@
-import{r,h as o}from"./p-DS8meZSd.js";const d=".dropdown-separator{height:1px;background-color:#EEEDED;margin:8px 16px}";const s=class{constructor(o){r(this,o)}render(){return o("div",{key:"93fd4c35d80b35d7f9fefad870471e46ed3c8896",class:"dropdown-separator"})}};s.style=d;export{s as ifx_dropdown_separator};
-//# sourceMappingURL=p-9dff807a.entry.js.map

package/dist/infineon-design-system-stencil/p-DS8meZSd.js

@@ -1,3 +0,0 @@
-const e="infineon-design-system-stencil";const t={hydratedSelectorName:"hydrated",lazyLoad:true,shadowDom:true,slotRelocation:true,updatable:true};const n=()=>{};const s='@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Regular.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-Semibold.ttf.woff") format("woff")}@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:400;src:url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff2") format("woff2"), url("https://cdn.jsdelivr.net/npm/@infineon/design-system-tokens@5.0.0/dist/fonts/source-sans-3/SourceSans3-It.ttf.woff") format("woff")}:root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}ifx-icon:empty{display:none}';var r=Object.defineProperty;var o=(e,t)=>{for(var n in t)r(e,n,{get:t[n],enumerable:true})};var i="http://www.w3.org/2000/svg";var l="http://www.w3.org/1999/xhtml";var f=e=>{if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var a=(e,t)=>{e.__stencil__getHostRef=()=>t;t.t=e};var c=(e,t)=>{const n={o:0,$hostElement$:e,i:t,l:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const s=n;e.__stencil__getHostRef=()=>s;return s};var u=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var d=new Map;var h=(e,t,n)=>{const s=e.m.replace(/-/g,"_");const r=e.S;if(!r){return void 0}const o=d.get(r);if(o){return o[s]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{d.set(r,e)}return e[s]}),(e=>{v(e,t.$hostElement$)}))};var p=new Map;var m="{visibility:hidden}.hydrated{visibility:inherit}";var y="slot-fb{display:contents}slot-fb[hidden]{display:none}";var w="http://www.w3.org/1999/xlink";var b=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var S=typeof window!=="undefined"?window:{};var g=S.HTMLElement||class{};var $={o:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,s)=>e.addEventListener(t,n,s),rel:(e,t,n,s)=>e.removeEventListener(t,n,s),ce:(e,t)=>new CustomEvent(e,t)};var j=t.shadowDom;var k=(()=>{var e;let t=false;try{(e=S.document)==null?void 0:e.addEventListener("e",null,Object.defineProperty({},"passive",{get(){t=true}}))}catch(e){}return t})();var O=e=>Promise.resolve(e);var C=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var E=C?(()=>!!S.document&&Object.getOwnPropertyDescriptor(S.document.adoptedStyleSheets,"length").writable)():false;var R=false;var x=[];var N=[];var M=(e,t)=>n=>{e.push(n);if(!R){R=true;if(t&&$.o&4){P(L)}else{$.raf(L)}}};var F=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var L=()=>{F(x);{F(N);if(R=x.length>0){$.raf(L)}}};var P=e=>O().then(e);var T=M(N,true);var U=e=>{const t=new URL(e,$.$);return t.origin!==S.location.origin?t.href:t.pathname};var A=e=>{e=typeof e;return e==="object"||e==="function"};function D(e){var t,n,s;return(s=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?s:void 0}var W=e=>e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var I={};o(I,{err:()=>z,map:()=>B,ok:()=>_,unwrap:()=>H,unwrapErr:()=>q});var _=e=>({isOk:true,isErr:false,value:e});var z=e=>({isOk:false,isErr:true,value:e});function B(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>_(e)))}else{return _(n)}}if(e.isErr){const t=e.value;return z(t)}throw"should never get here"}var H=e=>{if(e.isOk){return e.value}else{throw e.value}};var q=e=>{if(e.isErr){return e.value}else{throw e.value}};function V(e){if(!C)return void 0;const t=new CSSStyleSheet;t.replaceSync(e);return t}var Y;function G(e){var t;const n=this.attachShadow({mode:"open",delegatesFocus:!!(e.o&16)});if(Y===void 0)Y=(t=V(s))!=null?t:null;if(Y){if(E){n.adoptedStyleSheets.push(Y)}else{n.adoptedStyleSheets=[...n.adoptedStyleSheets,Y]}}}var J=e=>{const t=se(e,"childNodes");if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){Q(t,e.tagName).forEach((e=>{if(e.nodeType===1&&e.tagName==="SLOT-FB"){if(X(e,ee(e),false).length){e.hidden=true}else{e.hidden=false}}}))}let n=0;for(n=0;n<t.length;n++){const e=t[n];if(e.nodeType===1&&se(e,"childNodes").length){J(e)}}};var K=e=>{const t=[];for(let n=0;n<e.length;n++){const s=e[n]["s-nr"]||void 0;if(s&&s.isConnected){t.push(s)}}return t};function Q(e,t,n){let s=0;let r=[];let o;for(;s<e.length;s++){o=e[s];if(o["s-sr"]&&(!t||o["s-hn"]===t)&&n===void 0){r.push(o)}r=[...r,...Q(o.childNodes,t,n)]}return r}var X=(e,t,n=true)=>{const s=[];if(n&&e["s-sr"]||!e["s-sr"])s.push(e);let r=e;while(r=r.nextSibling){if(ee(r)===t&&(n||!r["s-sr"]))s.push(r)}return s};var Z=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var ee=e=>typeof e["s-sn"]==="string"?e["s-sn"]:e.nodeType===1&&e.getAttribute("slot")||void 0;function te(e){if(e.assignedElements||e.assignedNodes||!e["s-sr"])return;const t=t=>function(e){const n=[];const s=this["s-sn"];if(e==null?void 0:e.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const r=this["s-cr"].parentElement;const o=r.__childNodes?r.childNodes:K(r.childNodes);o.forEach((e=>{if(s===ee(e)){n.push(e)}}));if(t){return n.filter((e=>e.nodeType===1))}return n}.bind(e);e.assignedElements=t(true);e.assignedNodes=t(false)}var ne=e=>{const t=e.cloneNode;e.cloneNode=function(e){const n=this;const s=n.shadowRoot&&j;const r=t.call(n,s?e:false);if(!s&&e){let e=0;let t,n;const s=["s-id","s-cr","s-lr","s-rc","s-sc","s-p","s-cn","s-sr","s-sn","s-hn","s-ol","s-nr","s-si","s-rf","s-scs"];const o=this.__childNodes||this.childNodes;for(;e<o.length;e++){t=o[e]["s-nr"];n=s.every((t=>!o[e][t]));if(t){{r.appendChild(t.cloneNode(true))}}if(n){r.appendChild(o[e].cloneNode(true))}}}return r}};function se(e,t){if("__"+t in e){const n=e["__"+t];if(typeof n!=="function")return n;return n.bind(e)}else{if(typeof e[t]!=="function")return e[t];return e[t].bind(e)}}var re=(e,t="")=>{{return()=>{}}};var oe=(e,t)=>{{return()=>{}}};var ie=new WeakMap;var le=(e,t,n)=>{let s=p.get(e);if(C&&n){s=s||new CSSStyleSheet;if(typeof s==="string"){s=t}else{s.replaceSync(t)}}else{s=t}p.set(e,s)};var fe=(e,t,n)=>{var s;const r=ce(t);const o=p.get(r);if(!S.document){return r}e=e.nodeType===11?e:S.document;if(o){if(typeof o==="string"){e=e.head||e;let n=ie.get(e);let i;if(!n){ie.set(e,n=new Set)}if(!n.has(r)){{i=S.document.createElement("style");i.innerHTML=o;const n=(s=$.j)!=null?s:D(S.document);if(n!=null){i.setAttribute("nonce",n)}if(!(t.o&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(C){const t=new CSSStyleSheet;t.replaceSync(o);if(E){e.adoptedStyleSheets.unshift(t)}else{e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}}else{const t=e.querySelector("style");if(t){t.innerHTML=o+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.o&1){e.insertBefore(i,null)}}if(t.o&4){i.innerHTML+=y}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(o)){if(E){e.adoptedStyleSheets.push(o)}else{e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]}}}return r};var ae=e=>{const t=e.i;const n=e.$hostElement$;const s=t.o;const r=re("attachStyles",t.m);const o=fe(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(s&10){n["s-sc"]=o;n.classList.add(o+"-h")}r()};var ce=(e,t)=>"sc-"+e.m;var ue=(e,t,...n)=>{let s=null;let r=null;let o=null;let i=false;let l=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){s=t[n];if(Array.isArray(s)){a(s)}else if(s!=null&&typeof s!=="boolean"){if(i=typeof e!=="function"&&!A(s)){s=String(s)}if(i&&l){f[f.length-1].k+=s}else{f.push(i?ve(null,s):s)}l=i}}};a(n);if(t){if(t.key){r=t.key}if(t.name){o=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,pe)}const c=ve(e,null);c.O=t;if(f.length>0){c.C=f}{c.R=r}{c.N=o}return c};var ve=(e,t)=>{const n={o:0,M:e,k:t,F:null,C:null};{n.O=null}{n.R=null}{n.N=null}return n};var de={};var he=e=>e&&e.M===de;var pe={forEach:(e,t)=>e.map(me).forEach(t),map:(e,t)=>e.map(me).map(t).map(ye)};var me=e=>({vattrs:e.O,vchildren:e.C,vkey:e.R,vname:e.N,vtag:e.M,vtext:e.k});var ye=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return ue(e.vtag,t,...e.vchildren||[])}const t=ve(e.vtag,e.vtext);t.O=e.vattrs;t.C=e.vchildren;t.R=e.vkey;t.N=e.vname;return t};var we=e=>{const t=W(e);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${t}))(${t}\\b)`,"g")};we("::slotted");we(":host");we(":host-context");var be=(e,t,n)=>{if(typeof e==="string"&&(t&16||t&8)&&(e.startsWith("{")&&e.endsWith("}")||e.startsWith("[")&&e.endsWith("]"))){try{return JSON.parse(e)}catch(e){}}if(e!=null&&!A(e)){if(t&4){if(n&&typeof e==="string"){return e===""||!!e}else{return e==="false"?false:e===""||!!e}}if(t&2){return typeof e==="string"?parseFloat(e):typeof e==="number"?e:NaN}if(t&1){return String(e)}return e}return e};var Se=e=>{var t;return(t=f(e))==null?void 0:t.$hostElement$};var ge=(e,t,n)=>{const s=Se(e);return{emit:e=>$e(s,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var $e=(e,t,n)=>{const s=$.ce(t,n);e.dispatchEvent(s);return s};var je=(e,t,n,s,r,o,i)=>{if(n===s){return}let l=u(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Oe(n);let o=Oe(s);{t.remove(...r.filter((e=>e&&!o.includes(e))));t.add(...o.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!s||s[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in s){if(!n||s[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,s[t])}else{e.style[t]=s[t]}}}}else if(t==="key");else if(t==="ref"){if(s){s(e)}}else if(!l&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(u(S,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||s){const r=t.endsWith(Ce);t=t.replace(Ee,"");if(n){$.rel(e,t,n,r)}if(s){$.ael(e,t,s,r)}}}else{const i=A(s);if((l||i&&s!==null)&&!r){try{if(!e.tagName.includes("-")){const r=s==null?"":s;if(t==="list"){l=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else if(e[t]!==s){e[t]=s}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(s==null||s===false){if(s!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(w,t)}else{e.removeAttribute(t)}}}else if((!l||o&4||r)&&!i&&e.nodeType===1){s=s===true?"":s;if(a){e.setAttributeNS(w,t,s)}else{e.setAttribute(t,s)}}}};var ke=/\s/;var Oe=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(ke)};var Ce="Capture";var Ee=new RegExp(Ce+"$");var Re=(e,t,n,s)=>{const r=t.F.nodeType===11&&t.F.host?t.F.host:t.F;const o=e&&e.O||{};const i=t.O||{};{for(const e of xe(Object.keys(o))){if(!(e in i)){je(r,e,o[e],void 0,n,t.o)}}}for(const e of xe(Object.keys(i))){je(r,e,o[e],i[e],n,t.o)}};function xe(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Ne;var Me;var Fe=false;var Le=false;var Pe=false;var Te=false;var Ue=(e,n,s)=>{var r;const o=n.C[s];let f=0;let a;let c;let u;if(!Fe){Pe=true;if(o.M==="slot"){o.o|=o.C?2:1}}if(o.k!==null){a=o.F=S.document.createTextNode(o.k)}else if(o.o&1){a=o.F=S.document.createTextNode("");{Re(null,o,Te)}}else{if(!Te){Te=o.M==="svg"}if(!S.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=o.F=S.document.createElementNS(Te?i:l,!Fe&&t.slotRelocation&&o.o&2?"slot-fb":o.M);if(Te&&o.M==="foreignObject"){Te=false}{Re(null,o,Te)}if(o.C){for(f=0;f<o.C.length;++f){c=Ue(e,o,f);if(c){a.appendChild(c)}}}{if(o.M==="svg"){Te=false}else if(a.tagName==="foreignObject"){Te=true}}}a["s-hn"]=Me;{if(o.o&(2|1)){a["s-sr"]=true;a["s-cr"]=Ne;a["s-sn"]=o.N||"";a["s-rf"]=(r=o.O)==null?void 0:r.ref;te(a);u=e&&e.C&&e.C[s];if(u&&u.M===o.M&&e.F){{Ae(e.F,false)}}}}return a};var Ae=(e,t)=>{$.o|=1;const n=Array.from(e.__childNodes||e.childNodes);for(let e=n.length-1;e>=0;e--){const s=n[e];if(s["s-hn"]!==Me&&s["s-ol"]){Ye(ze(s).parentNode,s,ze(s));s["s-ol"].remove();s["s-ol"]=void 0;s["s-sh"]=void 0;Pe=true}if(t){Ae(s,t)}}$.o&=-2};var De=(e,t,n,s,r,o)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let l;if(i.shadowRoot&&i.tagName===Me){i=i.shadowRoot}for(;r<=o;++r){if(s[r]){l=Ue(null,n,r);if(l){s[r].F=l;Ye(i,l,ze(t))}}}};var We=(e,t,n)=>{for(let s=t;s<=n;++s){const t=e[s];if(t){const e=t.F;Ve(t);if(e){{Le=true;if(e["s-ol"]){e["s-ol"].remove()}else{Ae(e,true)}}e.remove()}}}};var Ie=(e,t,n,s,r=false)=>{let o=0;let i=0;let l=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=s.length-1;let d=s[0];let h=s[v];let p;let m;while(o<=a&&i<=v){if(c==null){c=t[++o]}else if(u==null){u=t[--a]}else if(d==null){d=s[++i]}else if(h==null){h=s[--v]}else if(_e(c,d,r)){Be(c,d,r);c=t[++o];d=s[++i]}else if(_e(u,h,r)){Be(u,h,r);u=t[--a];h=s[--v]}else if(_e(c,h,r)){if(c.M==="slot"||h.M==="slot"){Ae(c.F.parentNode,false)}Be(c,h,r);Ye(e,c.F,u.F.nextSibling);c=t[++o];h=s[--v]}else if(_e(u,d,r)){if(c.M==="slot"||h.M==="slot"){Ae(u.F.parentNode,false)}Be(u,d,r);Ye(e,u.F,c.F);u=t[--a];d=s[++i]}else{l=-1;{for(f=o;f<=a;++f){if(t[f]&&t[f].R!==null&&t[f].R===d.R){l=f;break}}}if(l>=0){m=t[l];if(m.M!==d.M){p=Ue(t&&t[i],n,l)}else{Be(m,d,r);t[l]=void 0;p=m.F}d=s[++i]}else{p=Ue(t&&t[i],n,i);d=s[++i]}if(p){{Ye(ze(c.F).parentNode,p,ze(c.F))}}}}if(o>a){De(e,s[v+1]==null?null:s[v+1].F,n,s,i,v)}else if(i>v){We(t,o,a)}};var _e=(e,t,n=false)=>{if(e.M===t.M){if(e.M==="slot"){return e.N===t.N}if(!n){return e.R===t.R}if(n&&!e.R&&t.R){e.R=t.R}return true}return false};var ze=e=>e&&e["s-ol"]||e;var Be=(e,n,s=false)=>{const r=n.F=e.F;const o=e.C;const i=n.C;const l=n.M;const f=n.k;let a;if(f===null){{Te=l==="svg"?true:l==="foreignObject"?false:Te}{Re(e,n,Te)}if(o!==null&&i!==null){Ie(r,o,n,i,s)}else if(i!==null){if(e.k!==null){r.textContent=""}De(r,null,n,i,0,i.length-1)}else if(!s&&t.updatable&&o!==null){We(o,0,o.length-1)}else;if(Te&&l==="svg"){Te=false}}else if(a=r["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){r.data=f}};var He=[];var qe=e=>{let t;let n;let s;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(s=n.length-1;s>=0;s--){t=n[s];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&true){if(Z(t,r)){let n=He.find((e=>e.L===t));Le=true;t["s-sn"]=t["s-sn"]||r;if(n){n.L["s-sh"]=e["s-hn"];n.P=e}else{t["s-sh"]=e["s-hn"];He.push({P:e,L:t})}if(t["s-sr"]){He.map((e=>{if(Z(e.L,t["s-sn"])){n=He.find((e=>e.L===t));if(n&&!e.P){e.P=n.P}}}))}}else if(!He.some((e=>e.L===t))){He.push({L:t})}}}}if(e.nodeType===1){qe(e)}}};var Ve=e=>{{e.O&&e.O.ref&&e.O.ref(null);e.C&&e.C.map(Ve)}};var Ye=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Ge=(e,t,n=false)=>{var s,r,o,i;const l=e.$hostElement$;const f=e.i;const a=e.T||ve(null,null);const c=he(t);const u=c?t:ue(null,null,t);Me=l.tagName;if(f.U){u.O=u.O||{};f.U.map((([e,t])=>u.O[t]=l[e]))}if(n&&u.O){for(const e of Object.keys(u.O)){if(l.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.O[e]=l[e]}}}u.M=null;u.o|=4;e.T=u;u.F=a.F=l.shadowRoot||l;Fe=!!(f.o&1)&&!(f.o&128);{Ne=l["s-cr"];Le=false}Be(a,u,n);{$.o|=1;if(Pe){qe(u.F);for(const e of He){const t=e.L;if(!t["s-ol"]&&S.document){const e=S.document.createTextNode("");e["s-nr"]=t;Ye(t.parentNode,t["s-ol"]=e,t)}}for(const e of He){const t=e.L;const l=e.P;if(l){const e=l.parentNode;let n=l.nextSibling;{let o=(s=t["s-ol"])==null?void 0:s.previousSibling;while(o){let s=(r=o["s-nr"])!=null?r:null;if(s&&s["s-sn"]===t["s-sn"]&&e===(s.__parentNode||s.parentNode)){s=s.nextSibling;while(s===t||(s==null?void 0:s["s-sr"])){s=s==null?void 0:s.nextSibling}if(!s||!s["s-nr"]){n=s;break}}o=o.previousSibling}}const i=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==i||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ye(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(o=t["s-ih"])!=null?o:false}}}t&&typeof l["s-rf"]==="function"&&l["s-rf"](l)}else{if(t.nodeType===1){if(n){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(Le){J(u.F)}$.o&=-2;He.length=0}Ne=void 0};var Je=(e,t)=>{if(t&&!e.A&&t["s-p"]){const n=t["s-p"].push(new Promise((s=>e.A=()=>{t["s-p"].splice(n-1,1);s()})))}};var Ke=(e,t)=>{{e.o|=16}if(e.o&4){e.o|=512;return}Je(e,e.D);const n=()=>Qe(e,t);if(t){queueMicrotask((()=>{n()}));return}return T(n)};var Qe=(e,t)=>{const n=e.$hostElement$;const s=re("scheduleUpdate",e.i.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let o;if(t){{e.o|=256;if(e.W){e.W.map((([e,t])=>rt(r,e,t,n)));e.W=void 0}}o=rt(r,"componentWillLoad",void 0,n)}else{o=rt(r,"componentWillUpdate",void 0,n)}o=Xe(o,(()=>rt(r,"componentWillRender",void 0,n)));s();return Xe(o,(()=>et(e,r,t)))};var Xe=(e,t)=>Ze(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var Ze=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var et=async(e,t,n)=>{var s;const r=e.$hostElement$;const o=re("update",e.i.m);const i=r["s-rc"];if(n){ae(e)}const l=re("render",e.i.m);{tt(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}l();o();{const t=(s=r["s-p"])!=null?s:[];const n=()=>nt(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.o|=4;t.length=0}}};var tt=(e,t,n,s)=>{try{t=t.render();{e.o&=-17}{e.o|=2}{{{Ge(e,t,s)}}}}catch(t){v(t,e.$hostElement$)}return null};var nt=e=>{const t=e.i.m;const n=e.$hostElement$;const s=re("postUpdate",t);const r=e.t;const o=e.D;rt(r,"componentDidRender",void 0,n);if(!(e.o&64)){e.o|=64;{ot(n)}rt(r,"componentDidLoad",void 0,n);s();{e.p(n);if(!o){st()}}}else{rt(r,"componentDidUpdate",void 0,n);s()}{e.v(n)}{if(e.A){e.A();e.A=void 0}if(e.o&512){P((()=>Ke(e,false)))}e.o&=-517}};var st=t=>{P((()=>$e(S,"appload",{detail:{namespace:e}})))};var rt=(e,t,n,s)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e,s)}}return void 0};var ot=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var it=(e,t)=>f(e).l.get(t);var lt=(e,t,n,s)=>{const r=f(e);if(!r){return}if(!r){throw new Error(`Couldn't find host element for "${s.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`)}const o=r.$hostElement$;const i=r.l.get(t);const l=r.o;const a=r.t;n=be(n,s.I[t][0],!!(s.o&64));const c=Number.isNaN(i)&&Number.isNaN(n);const u=n!==i&&!c;if((!(l&8)||i===void 0)&&u){r.l.set(t,n);if(a){if(s._&&l&128){const e=s._[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){v(e,o)}}))}}if((l&(2|16))===2){if(a.componentShouldUpdate){if(a.componentShouldUpdate(n,i,t)===false){return}}Ke(r,false)}}}};var ft=(e,n,s)=>{var r,o;const i=e.prototype;if(n.o&64&&s&1){b.forEach((e=>{Object.defineProperty(i,e,{value(...t){var n;const s=f(this);const r=s==null?void 0:s.t;if(!r){(n=s==null?void 0:s.h)==null?void 0:n.then((n=>{const s=n[e];typeof s==="function"&&s.call(n,...t)}))}else{const n=r[e];typeof n==="function"&&n.call(r,...t)}}})}))}if(n.I||(n._||e.watchers)){if(e.watchers&&!n._){n._=e.watchers}const l=Object.entries((r=n.I)!=null?r:{});l.map((([e,[t]])=>{if(t&31||s&2&&t&32){const{get:r,set:o}=Object.getOwnPropertyDescriptor(i,e)||{};if(r)n.I[e][0]|=2048;if(o)n.I[e][0]|=4096;if(s&1||!r){Object.defineProperty(i,e,{get(){{if((n.I[e][0]&2048)===0){return it(this,e)}const t=f(this);const s=t?t.t:i;if(!s)return;return s[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(r){const i=f(this);if(!i){return}if(o){const s=t&32?this[e]:i.$hostElement$[e];if(typeof s==="undefined"&&i.l.get(e)){r=i.l.get(e)}else if(!i.l.get(e)&&s){i.l.set(e,s)}o.apply(this,[be(r,t,!!(n.o&64))]);r=t&32?this[e]:i.$hostElement$[e];lt(this,e,r,n);return}{if((s&1)===0||(n.I[e][0]&4096)===0){lt(this,e,r,n);if(s&1&&!i.t){i.h.then((()=>{if(n.I[e][0]&4096&&i.t[e]!==i.l.get(e)){i.t[e]=r}}))}return}const o=()=>{const s=i.t[e];if(!i.l.get(e)&&s){i.l.set(e,s)}i.t[e]=be(r,t,!!(n.o&64));lt(this,e,i.t[e],n)};if(i.t){o()}else{i.h.then((()=>o()))}}}})}else if(s&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const s=f(this);return(n=s==null?void 0:s.u)==null?void 0:n.then((()=>{var n;return(n=s.t)==null?void 0:n[e](...t)}))}})}}));if(s&1){const s=new Map;i.attributeChangedCallback=function(e,r,o){$.jmp((()=>{var l;const a=s.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){o=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==o){return}else if(a==null){const t=f(this);const s=t==null?void 0:t.o;if(t&&s&&!(s&8)&&s&128&&o!==r){const s=t.t;const i=(l=n._)==null?void 0:l[e];i==null?void 0:i.forEach((t=>{if(s[t]!=null){s[t].call(s,o,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,a);o=o===null&&typeof this[a]==="boolean"?false:o;if(o!==this[a]&&(!c.get||!!c.set)){this[a]=o}}))};e.observedAttributes=Array.from(new Set([...Object.keys((o=n._)!=null?o:{}),...l.filter((([e,t])=>t[0]&31)).map((([e,t])=>{var r;const o=t[1]||e;s.set(o,e);if(t[0]&512){(r=n.U)==null?void 0:r.push([e,o])}return o}))]))}}return e};var at=async(e,t,n,s)=>{let r;if((t.o&32)===0){t.o|=32;const s=n.S;if(s){const s=h(n,t);if(s&&"then"in s){const e=oe();r=await s;e()}else{r=s}if(!r){throw new Error(`Constructor for "${n.m}#${t.B}" was not found`)}if(!r.isProxied){{n._=r.watchers}ft(r,n,2);r.isProxied=true}const o=re("createInstance",n.m);{t.o|=8}try{new r(t)}catch(t){v(t,e)}{t.o&=-9}{t.o|=128}o();ct(t.t,e)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.o|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=ce(n);if(!p.has(t)){const s=re("registerStyles",n.m);le(t,e,!!(n.o&1));s()}}}const o=t.D;const i=()=>Ke(t,true);if(o&&o["s-rc"]){o["s-rc"].push(i)}else{i()}};var ct=(e,t)=>{{rt(e,"connectedCallback",void 0,t)}};var ut=e=>{if(($.o&1)===0){const t=f(e);if(!t){return}const n=t.i;const s=re("connectedCallback",n.m);if(!(t.o&1)){t.o|=1;{if(n.o&(4|8)){vt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){Je(t,t.D=n);break}}}if(n.I){Object.entries(n.I).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{at(e,t,n)}}else{yt(e,t,n.H);if(t==null?void 0:t.t){ct(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>ct(t.t,e)))}}s()}};var vt=e=>{if(!S.document){return}const t=e["s-cr"]=S.document.createComment("");t["s-cn"]=true;Ye(e,t,e.firstChild)};var dt=(e,t)=>{{rt(e,"disconnectedCallback",void 0,t||e)}};var ht=async e=>{if(($.o&1)===0){const t=f(e);{if(t==null?void 0:t.q){t.q.map((e=>e()));t.q=void 0}}if(t==null?void 0:t.t){dt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>dt(t.t,e)))}}if(ie.has(e)){ie.delete(e)}if(e.shadowRoot&&ie.has(e.shadowRoot)){ie.delete(e.shadowRoot)}};var pt=(e,t={})=>{var n;if(!S.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const s=re();const r=[];const o=t.exclude||[];const i=S.customElements;const l=S.document.head;const a=l.querySelector("meta[charset]");const u=S.document.createElement("style");const v=[];let d;let h=true;Object.assign($,t);$.$=new URL(t.resourcesUrl||"./",S.document.baseURI).href;let p=false;e.map((e=>{e[1].map((t=>{var n;const s={o:t[0],m:t[1],I:t[2],H:t[3]};if(s.o&4){p=true}{s.I=t[2]}{s.H=t[3]}{s.U=[]}{s._=(n=t[4])!=null?n:{}}const l=s.m;const a=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;c(e,s);if(s.o&1){{if(!e.shadowRoot){G.call(e,s)}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${s.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=f(this);if(!e){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;yt(this,e,s.H)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{$.jmp((()=>ut(this)))}}disconnectedCallback(){$.jmp((()=>ht(this)));$.raf((()=>{var e;const t=f(this);if(!t){return}const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.T)==null?void 0:e.F)instanceof Node&&!t.T.F.isConnected){delete t.T.F}}))}componentOnReady(){var e;return(e=f(this))==null?void 0:e.h}};if(!(s.o&1)&&s.o&256){{{ne(a.prototype)}}}if(s.o&64){a.formAssociated=true}s.S=e[0];if(!o.includes(l)&&!i.get(l)){r.push(l);i.define(l,ft(a,s,1))}}))}));if(r.length>0){if(p){u.textContent+=y}{u.textContent+=r.sort()+m}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=$.j)!=null?n:D(S.document);if(e!=null){u.setAttribute("nonce",e)}l.insertBefore(u,a?a.nextSibling:l.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{$.jmp((()=>d=setTimeout(st,30)))}}s()};var mt=(e,t)=>t;var yt=(e,t,n,s)=>{if(n&&S.document){n.map((([n,s,r])=>{const o=bt(S.document,e,n);const i=wt(t,r);const l=St(n);$.ael(o,s,i,l);(t.q=t.q||[]).push((()=>$.rel(o,s,i,l)))}))}};var wt=(e,t)=>n=>{var s;try{{if(e.o&256){(s=e.t)==null?void 0:s[t](n)}else{(e.W=e.W||[]).push([t,n])}}}catch(t){v(t,e.$hostElement$)}};var bt=(e,t,n)=>{if(n&4){return e}if(n&8){return S}if(n&16){return e.body}return t};var St=e=>k?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var gt=e=>$.j=e;export{mt as F,g as H,Se as a,pt as b,ge as c,de as d,U as e,n as g,ue as h,O as p,a as r,gt as s};
-//# sourceMappingURL=p-DS8meZSd.js.map