@infineon/infineon-design-system-stencil 39.5.1--canary.2128.32855eaced35e683ae58f61e74597b349ac6110b.0 → 39.5.1--canary.1723.6fd541188ecfae7cc95cc1472bc61a6b121619e5.0

package/dist/infineon-design-system-stencil/{p-6407c496.entry.js.map → p-ca312cbb.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["multiselectCss","debounce","func","wait","timeout","executedFunction","args","later","clearTimeout","setTimeout","Multiselect","constructor","hostRef","this","disabled","required","error","caption","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","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","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","getTextContent","ifxSelect","updateInitialParentStates","optionsByDepth","depth","parseInt","item","sort","a","b","updateParentState","parentInstance","directChildren","selectedCount","indeterminateCount","totalCount","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","addEventListener","optionInstance","target","__stencil_instance","componentWillLoad","updateInternalError","onSelectionChange","newValue","_","formData","FormData","append","name","collapseAll","isExpanded","expandAll","selectAll","clearSelection","toggleDropdown","handleWrapperClick","currentTarget","handleKeyDown","code","preventDefault","closest","focusFirstOption","firstOption","labelElement","focus","renderSelectAll","allSelected","toggleSelectAll","stopPropagation","h","class","id","checked","size","onClick","onKeyDown","e","key","renderNoResultsMessage","render","selectedOptionsLabels","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","componentWillUpdate","disconnectedCallback","optionDiv","removeHighlighting","textContent","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","trim","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);\n  \n\n  &.disabled {\n    & .ifx-label-wrapper {\n      color: tokens.$ifxColorEngineering300;\n    }\n\n    & .ifx-multiselect-wrapper {\n      background: tokens.$ifxColorEngineering300;\n      color: tokens.$ifxColorBaseWhite;\n      border-color: tokens.$ifxColorEngineering300;\n      cursor: default;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\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    & .required {\n      margin-left: 4px;\n\n      &.error {\n        color: #CD002F;\n      }\n    }\n  }\n\n  .multi__select-caption {\n    font-style: normal;\n    font-weight: tokens.$ifxFontWeightRegular;\n    font-size: tokens.$ifxFontSizeXs;\n    line-height: tokens.$ifxLineHeightXs;\n    color: tokens.$ifxColorBaseBlack;\n    flex: none;\n    order: 1;\n    align-self: stretch;\n    flex-grow: 0;\n\n    &.error {\n      color: tokens.$ifxColorRed500;\n    }\n\n    &.disabled {\n      color: tokens.$ifxColorEngineering300;\n    }\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    &.error {\n      border-color: tokens.$ifxColorRed500;\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    & .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  .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: tokens.$ifxColorBaseWhite;\n    box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1);\n    max-height: 300px;\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n  }\n\n   &:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus, :focus) {\n    border-color: tokens.$ifxColorEngineering500;\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","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})\nexport class Multiselect {\n  @Prop() name: string;\n  @Prop() disabled: boolean = false;\n  @Prop() required: boolean = false;\n  @Prop() error: boolean = false;\n  @Prop() caption: string = '';\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() 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    const allOptions = this.parseChildOptions();\n    const initiallySelected = this.collectSelectedOptions(allOptions);\n    const initiallySelectedNotInState = initiallySelected.filter(init => !this.persistentSelectedOptions.some(opt => opt.value == init.value));\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' && style.visibility !== 'hidden' && style.opacity !== '0' && 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          label: instance.getTextContent() || instance.value,\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', (event: CustomEvent) => {\n      const optionInstance = (event.target as any)?.__stencil_instance;\n      if (optionInstance && !optionInstance.hasChildren) {\n        this.updateSlotBasedSelections(true);\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('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.map(option => (option as any).label || option.value).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 ${this.disabled && !this.error ? 'disabled' : ''}`} ref={el => (this.dropdownElement = el as HTMLElement)}>\n        {\n          <div class=\"ifx-label-wrapper\">\n            {this.label && (\n              <span class=\"wrapper-label\">\n                <span>{this.label}</span>\n                {this.required && <span class={`required ${this.error ? 'error' : ''}`}>*</span>}\n              </span>\n            )}\n          </div>\n        }\n        <div\n          class={`ifx-multiselect-wrapper\n        ${this.dropdownOpen ? 'active' : ''}\n        ${this.dropdownFlipped ? 'is-flipped' : ''}\n        ${this.internalError ? 'error' : ''}\n        ${this.disabled && !this.error ? '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 && !this.error}\n          tabindex=\"0\"\n          onClick={this.disabled && !this.error ? undefined : event => this.handleWrapperClick(event)}\n          onKeyDown={this.disabled && !this.error ? undefined : event => this.handleKeyDown(event)}\n        >\n          <div\n            class={`ifx-multiselect-input\n          ${hasSelections ? '' : 'placeholder'}\n          `}\n            onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}\n          >\n            {hasSelections ? selectedOptionsLabels : this.placeholder}\n          </div>\n          {this.dropdownOpen && (\n            <div class=\"ifx-multiselect-dropdown-menu\">\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 => {\n                          e.stopPropagation();\n                        }}\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 => {\n                            e.stopPropagation();\n                            this.expandAll();\n                          }}\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 => {\n                            e.stopPropagation();\n                            this.collapseAll();\n                          }}\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            {/* 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 && !this.error ? undefined : () => this.clearSelection()}>\n                <ifx-icon icon=\"cRemove16\"></ifx-icon>\n              </div>\n            )}\n            <div class=\"icon-wrapper-up\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\n              <ifx-icon key=\"icon-up\" icon=\"chevron-up-16\"></ifx-icon>\n            </div>\n            <div class=\"icon-wrapper-down\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\n              <ifx-icon key=\"icon-down\" icon=\"chevron-down-16\"></ifx-icon>\n            </div>\n          </div>\n        </div>\n        {this.caption && <div class={`multi__select-caption ${this.error ? 'error' : ''} ${this.disabled && !this.error ? 'disabled' : ''}`}>{this.caption}</div>}\n      </div>\n    );\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  componentWillUpdate() { \n    this.notifyMultiselect();\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":[]}
+{"version":3,"names":["multiselectCss","debounce","func","wait","timeout","executedFunction","args","later","clearTimeout","setTimeout","Multiselect","constructor","hostRef","this","disabled","required","error","caption","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","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","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","getTextContent","ifxSelect","updateInitialParentStates","optionsByDepth","depth","parseInt","item","sort","a","b","updateParentState","parentInstance","directChildren","selectedCount","indeterminateCount","totalCount","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","addEventListener","optionInstance","target","__stencil_instance","componentWillLoad","updateInternalError","onSelectionChange","newValue","_","formData","FormData","append","name","collapseAll","isExpanded","expandAll","selectAll","clearSelection","toggleDropdown","handleWrapperClick","currentTarget","handleKeyDown","code","preventDefault","closest","focusFirstOption","firstOption","labelElement","focus","renderSelectAll","allSelected","toggleSelectAll","stopPropagation","h","class","id","checked","size","onClick","onKeyDown","e","key","renderNoResultsMessage","render","selectedOptionsLabels","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","componentWillUpdate","disconnectedCallback","optionDiv","removeHighlighting","textContent","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","trim","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);\n  \n\n  &.disabled {\n    & .ifx-label-wrapper {\n      color: tokens.$ifxColorEngineering300;\n    }\n\n    & .ifx-multiselect-wrapper {\n      background: tokens.$ifxColorEngineering300;\n      color: tokens.$ifxColorBaseWhite;\n      border-color: tokens.$ifxColorEngineering300;\n      cursor: default;\n      -webkit-user-select: none;\n      -ms-user-select: none;\n      user-select: none;\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    & .required {\n      margin-left: 4px;\n\n      &.error {\n        color: #CD002F;\n      }\n    }\n  }\n\n  .multi__select-caption {\n    font-style: normal;\n    font-weight: tokens.$ifxFontWeightRegular;\n    font-size: tokens.$ifxFontSizeXs;\n    line-height: tokens.$ifxLineHeightXs;\n    color: tokens.$ifxColorBaseBlack;\n    flex: none;\n    order: 1;\n    align-self: stretch;\n    flex-grow: 0;\n\n    &.error {\n      color: tokens.$ifxColorRed500;\n    }\n\n    &.disabled {\n      color: tokens.$ifxColorEngineering300;\n    }\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    &.error {\n      border-color: tokens.$ifxColorRed500;\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    & .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  .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: tokens.$ifxColorBaseWhite;\n    box-shadow: 0px 6px 9px 0px rgba(29, 29, 29, 0.1);\n    max-height: 300px;\n    z-index: 1000;\n    display: flex;\n    flex-direction: column;\n  }\n\n   &:not(.disabled) .ifx-multiselect-wrapper:hover:not(.focus, :focus) {\n    border-color: tokens.$ifxColorEngineering500;\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","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})\nexport class Multiselect {\n  @Prop() name: string;\n  @Prop() disabled: boolean = false;\n  @Prop() required: boolean = false;\n  @Prop() error: boolean = false;\n  @Prop() caption: string = '';\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() 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    const allOptions = this.parseChildOptions();\n    const initiallySelected = this.collectSelectedOptions(allOptions);\n    const initiallySelectedNotInState = initiallySelected.filter(init => !this.persistentSelectedOptions.some(opt => opt.value == init.value));\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' && style.visibility !== 'hidden' && style.opacity !== '0' && 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          label: instance.getTextContent() || instance.value,\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', (event: CustomEvent) => {\n      const optionInstance = (event.target as any)?.__stencil_instance;\n      if (optionInstance && !optionInstance.hasChildren) {\n        this.updateSlotBasedSelections(true);\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('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.map(option => (option as any).label || option.value).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 ${this.disabled && !this.error ? 'disabled' : ''}`} ref={el => (this.dropdownElement = el as HTMLElement)}>\n        {\n          <div class=\"ifx-label-wrapper\">\n            {this.label && (\n              <span class=\"wrapper-label\">\n                <span>{this.label}</span>\n                {this.required && <span class={`required ${this.error ? 'error' : ''}`}>*</span>}\n              </span>\n            )}\n          </div>\n        }\n        <div\n          class={`ifx-multiselect-wrapper\n        ${this.dropdownOpen ? 'active' : ''}\n        ${this.dropdownFlipped ? 'is-flipped' : ''}\n        ${this.internalError ? 'error' : ''}\n        ${this.disabled && !this.error ? '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 && !this.error}\n          tabindex=\"0\"\n          onClick={this.disabled && !this.error ? undefined : event => this.handleWrapperClick(event)}\n          onKeyDown={this.disabled && !this.error ? undefined : event => this.handleKeyDown(event)}\n        >\n          <div\n            class={`ifx-multiselect-input\n          ${hasSelections ? '' : 'placeholder'}\n          `}\n            onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}\n          >\n            {hasSelections ? selectedOptionsLabels : this.placeholder}\n          </div>\n          {this.dropdownOpen && (\n            <div class=\"ifx-multiselect-dropdown-menu\">\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 => {\n                          e.stopPropagation();\n                        }}\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 => {\n                            e.stopPropagation();\n                            this.expandAll();\n                          }}\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 => {\n                            e.stopPropagation();\n                            this.collapseAll();\n                          }}\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            {/* 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 && !this.error ? undefined : () => this.clearSelection()}>\n                <ifx-icon icon=\"cRemove16\"></ifx-icon>\n              </div>\n            )}\n            <div class=\"icon-wrapper-up\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\n              <ifx-icon key=\"icon-up\" icon=\"chevron-up-16\"></ifx-icon>\n            </div>\n            <div class=\"icon-wrapper-down\" onClick={this.disabled && !this.error ? undefined : () => this.toggleDropdown()}>\n              <ifx-icon key=\"icon-down\" icon=\"chevron-down-16\"></ifx-icon>\n            </div>\n          </div>\n        </div>\n        {this.caption && <div class={`multi__select-caption ${this.error ? 'error' : ''} ${this.disabled && !this.error ? 'disabled' : ''}`}>{this.caption}</div>}\n      </div>\n    );\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  componentWillUpdate() { \n    this.notifyMultiselect();\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-ca870353.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as t,a as r}from"./p-PqnYwNKt.js";const i=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.breadcrumb-parent{display:flex;flex-direction:row;align-items:center;padding:0px;gap:12px;min-height:24px;justify-content:center}.breadcrumb-parent:hover{cursor:pointer}.breadcrumb-parent .breadcrumb-wrapper{display:flex;flex-direction:row;align-items:center;padding:0px;gap:8px;position:relative}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu{display:none;position:absolute;top:20px}.breadcrumb-parent .breadcrumb-wrapper .dropdown-menu.open{display:block}.breadcrumb-parent .breadcrumb-wrapper a{text-decoration:none;color:#1D1D1D;font-family:var(--ifx-font-family);font-style:normal;font-weight:400;font-size:0.875rem;line-height:1.25rem;display:flex;align-items:center;color:#1D1D1D;flex-direction:column;justify-content:center;padding:0px;border-bottom:1px solid #1D1D1D}.breadcrumb-parent .breadcrumb-divider{width:10px;height:16px;color:#EEEDED;line-height:13px;font-size:1.25rem;margin-right:12px}';const n=class{constructor(t){e(this,t);this.isLastItem=false;this.hasDropdownMenu=false}handleOutsideClick(e){const t=e.composedPath();if(!t.includes(this.el)){this.closeDropdownMenu()}}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){this.toggleDropdownMenu()}else if(e.key==="Escape"){this.closeDropdownMenu()}}getDropdownMenu(){const e=this.el.shadowRoot.querySelector(".dropdown-menu");return e}menuWrapperEventReEmitter(e){this.emittedElement=e.detail}getMenuIconWrapper(){return this.emittedElement}handleClassList(e,t,r){e.classList[t](r)}closeDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu();const t=this.getMenuIconWrapper();this.handleClassList(e,"remove","open");this.handleClassList(t,"remove","show")}}toggleDropdownMenu(){if(this.hasDropdownMenu){const e=this.getDropdownMenu();const t=this.getMenuIconWrapper();this.handleClassList(e,"toggle","open");this.handleClassList(t,"toggle","show")}}isDropdownMenuOpen(){const e=this.getDropdownMenu();return this.hasDropdownMenu&&e&&e.classList.contains("open")}handleLastItem(){const e=this.el.closest("ifx-breadcrumb").querySelectorAll("ifx-breadcrumb-item");if(this.el===e[e.length-1]){this.isLastItem=true}else this.isLastItem=false}generateUniqueId(e="id"){return`${e}-${Math.random().toString(36).substring(2,9)}`}componentWillLoad(){if(!this.uniqueId){this.uniqueId=this.generateUniqueId("breadcrumb-dropdown")}this.handleLastItem()}componentDidUpdate(){this.handleLastItem()}componentWillRender(){this.setHasDropdownMenuState()}setHasDropdownMenuState(){const e=this.getIfxDropdownMenuComponent();if(e){this.hasDropdownMenu=!!e}}getIfxDropdownMenuComponent(){const e=this.el.querySelector("ifx-dropdown-menu");return e}componentDidLoad(){const e=this.getIfxDropdownMenuComponent();if(!this.hasDropdownMenu){const e=this.getMenuIconWrapper();this.handleClassList(e,"toggle","hide")}else{e.isOpen=true}}render(){return t("li",{key:"a089ea29fc59af41abc50c33749e5ae1b10ca676",class:"breadcrumb-parent","aria-current":`${this.isLastItem?"page":""}`},t("li",{key:"f4b3fb7d67b7dee11607194a6193cd55f3f80963",role:"button",tabindex:this.hasDropdownMenu?0:-1,class:"breadcrumb-wrapper",onClick:()=>this.toggleDropdownMenu(),"aria-controls":this.uniqueId,"aria-haspopup":"menu","aria-label":"Toggle dropdown menu"},t("slot",{key:"5b6b54e8d95d2378e12a4ce891a1ce3c0ab4fa57",name:"label"}),t("div",{key:"073d8a8be471e4b7fc2e9082026a19ada1c30d17",id:this.uniqueId,class:"dropdown-menu","aria-expanded":this.isDropdownMenuOpen(),"aria-label":"Dropdown menu"},t("slot",{key:"e40bed7c7686a96ffaf6b560b32215c5dd65e26b"}))),!this.isLastItem&&t("span",{key:"1b992e7d60c09a445146be12f0cc06aa7ef40dc0",class:"breadcrumb-divider","aria-hidden":"true"},"/"))}get el(){return r(this)}};n.style=i;export{n as ifx_breadcrumb_item};
+//# sourceMappingURL=p-ca870353.entry.js.map

package/dist/infineon-design-system-stencil/{p-3f29b8fd.entry.js.map → p-ca870353.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["breadcrumbItemCss","BreadcrumbItem","constructor","hostRef","this","isLastItem","hasDropdownMenu","handleOutsideClick","event","path","composedPath","includes","el","closeDropdownMenu","handleKeyDown","ev","key","toggleDropdownMenu","getDropdownMenu","dropdownMenu","shadowRoot","querySelector","menuWrapperEventReEmitter","emittedElement","detail","getMenuIconWrapper","handleClassList","type","className","classList","menuWrapper","isDropdownMenuOpen","contains","handleLastItem","breadcrumbItems","closest","querySelectorAll","length","generateUniqueId","prefix","Math","random","toString","substring","componentWillLoad","uniqueId","componentDidUpdate","componentWillRender","setHasDropdownMenuState","getIfxDropdownMenuComponent","componentDidLoad","iconMenuWrapper","isOpen","render","h","class","role","tabindex","onClick","name","id"],"sources":["src/components/breadcrumb/breadcrumb-item.scss?tag=ifx-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.breadcrumb-parent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0px;\n  gap: tokens.$ifxSpace150;\n  min-height: tokens.$ifxSize300;\n  justify-content: center;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  & .breadcrumb-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0px;\n    gap: tokens.$ifxSpace100;\n    position: relative;\n\n    & .dropdown-menu {\n      display: none;\n      position: absolute;\n      top: 20px;\n\n      &.open {\n        display: block;\n      }\n    }\n\n    & a {\n      text-decoration: none;\n      color: tokens.$ifxColorBaseBlack;\n      font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeS;\n      line-height: tokens.$ifxLineHeightS;\n      display: flex;\n      align-items: center;\n      color: tokens.$ifxColorBaseBlack;\n      flex-direction: column;\n      justify-content: center;\n      padding: 0px;\n      border-bottom: 1px solid #1D1D1D;\n    }\n  }\n\n  & .breadcrumb-divider {\n    width: 10px;\n    height: tokens.$ifxSize200;\n    color: tokens.$ifxColorEngineering200;\n    line-height: 13px;\n    font-size: tokens.$ifxFontSizeXl;\n\n    margin-right: 12px;\n  }\n}","import { Component, h, Element, State, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n\n  @State() isLastItem: boolean = false;\n  @Element() el;\n  private emittedElement: HTMLElement;\n  @State() uniqueId: string;\n  @State() hasDropdownMenu: boolean = false;\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.el)) {\n      this.closeDropdownMenu();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.toggleDropdownMenu();\n    } else if (ev.key === 'Escape') {\n      this.closeDropdownMenu();\n    }\n  }\n\n  getDropdownMenu() {\n    const dropdownMenu = this.el.shadowRoot.querySelector('.dropdown-menu');\n    return dropdownMenu\n  }\n\n  @Listen('breadcrumbMenuIconWrapper')\n  menuWrapperEventReEmitter(event: CustomEvent<HTMLElement>) { \n    this.emittedElement = event.detail;\n  }\n\n  getMenuIconWrapper(): HTMLElement | undefined {\n    return this.emittedElement;\n  }\n\n  handleClassList(el, type, className) {\n    el.classList[type](className)\n  }\n\n  closeDropdownMenu() {\n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'remove', 'open')\n      this.handleClassList(menuWrapper, 'remove', 'show')\n    }\n  }\n\n  toggleDropdownMenu() { \n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'toggle', 'open')\n      this.handleClassList(menuWrapper, 'toggle', 'show')\n    }\n  }\n\n  isDropdownMenuOpen(): boolean {\n    const dropdownMenu = this.getDropdownMenu()\n    return this.hasDropdownMenu && dropdownMenu && dropdownMenu.classList.contains('open')\n  }\n\n  handleLastItem() { \n    const breadcrumbItems = this.el.closest('ifx-breadcrumb').querySelectorAll('ifx-breadcrumb-item')\n    if(this.el === breadcrumbItems[breadcrumbItems.length-1]) { \n      this.isLastItem = true;\n    } else this.isLastItem = false;\n  }\n\n  generateUniqueId(prefix = 'id') {\n    return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n  }\n\n  componentWillLoad() { \n    if (!this.uniqueId) {\n      this.uniqueId = this.generateUniqueId('breadcrumb-dropdown');\n    }\n    this.handleLastItem()\n  }\n\n  componentDidUpdate() {\n    this.handleLastItem()\n  }\n\n  componentWillRender() { \n    this.setHasDropdownMenuState()\n  }\n\n  setHasDropdownMenuState() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n    if(dropdownMenu) {\n      this.hasDropdownMenu = !!dropdownMenu;\n    }\n  }\n\n  getIfxDropdownMenuComponent() { \n    const dropdownMenu = this.el.querySelector('ifx-dropdown-menu');\n    return dropdownMenu;\n  }\n\n  componentDidLoad() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n\n    if(!this.hasDropdownMenu) { \n      const iconMenuWrapper = this.getMenuIconWrapper();\n      this.handleClassList(iconMenuWrapper, 'toggle', 'hide');\n    } else { \n      dropdownMenu.isOpen = true;\n    }\n  }\n\n  render() {\n    return (\n      <li class='breadcrumb-parent' aria-current={`${this.isLastItem ? 'page' : \"\"}`}>\n       <li role=\"button\" tabindex={this.hasDropdownMenu ? 0 : -1} class=\"breadcrumb-wrapper\" onClick={() => this.toggleDropdownMenu()} aria-controls={this.uniqueId} aria-haspopup=\"menu\" aria-label=\"Toggle dropdown menu\">\n          <slot name='label'/>\n          <div id={this.uniqueId} class=\"dropdown-menu\" aria-expanded={this.isDropdownMenuOpen()} aria-label=\"Dropdown menu\">\n            <slot />\n          </div>\n        </li>\n        {!this.isLastItem && <span class=\"breadcrumb-divider\" aria-hidden=\"true\">/</span>}\n      </li>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoB,m9B,MCObC,EAAc,MAL3B,WAAAC,CAAAC,G,UAOWC,KAAUC,WAAY,MAItBD,KAAeE,gBAAY,KA0HrC,CAvHC,kBAAAC,CAAmBC,GACjB,MAAMC,EAAOD,EAAME,eACnB,IAAKD,EAAKE,SAASP,KAAKQ,IAAK,CAC3BR,KAAKS,mB,EAKT,aAAAC,CAAcC,GACZ,GAAIA,EAAGC,MAAQ,SAAWD,EAAGC,MAAQ,IAAK,CACxCZ,KAAKa,oB,MACA,GAAIF,EAAGC,MAAQ,SAAU,CAC9BZ,KAAKS,mB,EAIT,eAAAK,GACE,MAAMC,EAAef,KAAKQ,GAAGQ,WAAWC,cAAc,kBACtD,OAAOF,C,CAIT,yBAAAG,CAA0Bd,GACxBJ,KAAKmB,eAAiBf,EAAMgB,M,CAG9B,kBAAAC,GACE,OAAOrB,KAAKmB,c,CAGd,eAAAG,CAAgBd,EAAIe,EAAMC,GACxBhB,EAAGiB,UAAUF,GAAMC,E,CAGrB,iBAAAf,GACE,GAAGT,KAAKE,gBAAiB,CACvB,MAAMa,EAAef,KAAKc,kBAC1B,MAAMY,EAAc1B,KAAKqB,qBACzBrB,KAAKsB,gBAAgBP,EAAc,SAAU,QAC7Cf,KAAKsB,gBAAgBI,EAAa,SAAU,O,EAIhD,kBAAAb,GACE,GAAGb,KAAKE,gBAAiB,CACvB,MAAMa,EAAef,KAAKc,kBAC1B,MAAMY,EAAc1B,KAAKqB,qBACzBrB,KAAKsB,gBAAgBP,EAAc,SAAU,QAC7Cf,KAAKsB,gBAAgBI,EAAa,SAAU,O,EAIhD,kBAAAC,GACE,MAAMZ,EAAef,KAAKc,kBAC1B,OAAOd,KAAKE,iBAAmBa,GAAgBA,EAAaU,UAAUG,SAAS,O,CAGjF,cAAAC,GACE,MAAMC,EAAkB9B,KAAKQ,GAAGuB,QAAQ,kBAAkBC,iBAAiB,uBAC3E,GAAGhC,KAAKQ,KAAOsB,EAAgBA,EAAgBG,OAAO,GAAI,CACxDjC,KAAKC,WAAa,I,MACbD,KAAKC,WAAa,K,CAG3B,gBAAAiC,CAAiBC,EAAS,MACxB,MAAO,GAAGA,KAAUC,KAAKC,SAASC,SAAS,IAAIC,UAAU,EAAG,I,CAG9D,iBAAAC,GACE,IAAKxC,KAAKyC,SAAU,CAClBzC,KAAKyC,SAAWzC,KAAKkC,iBAAiB,sB,CAExClC,KAAK6B,gB,CAGP,kBAAAa,GACE1C,KAAK6B,gB,CAGP,mBAAAc,GACE3C,KAAK4C,yB,CAGP,uBAAAA,GACE,MAAM7B,EAAef,KAAK6C,8BAC1B,GAAG9B,EAAc,CACff,KAAKE,kBAAoBa,C,EAI7B,2BAAA8B,GACE,MAAM9B,EAAef,KAAKQ,GAAGS,cAAc,qBAC3C,OAAOF,C,CAGT,gBAAA+B,GACE,MAAM/B,EAAef,KAAK6C,8BAE1B,IAAI7C,KAAKE,gBAAiB,CACxB,MAAM6C,EAAkB/C,KAAKqB,qBAC7BrB,KAAKsB,gBAAgByB,EAAiB,SAAU,O,KAC3C,CACLhC,EAAaiC,OAAS,I,EAI1B,MAAAC,GACE,OACEC,EAAI,MAAAtC,IAAA,2CAAAuC,MAAM,oBAAmB,eAAe,GAAGnD,KAAKC,WAAa,OAAS,MACzEiD,EAAA,MAAAtC,IAAA,2CAAIwC,KAAK,SAASC,SAAUrD,KAAKE,gBAAkB,GAAI,EAAIiD,MAAM,qBAAqBG,QAAS,IAAMtD,KAAKa,qBAAoB,gBAAiBb,KAAKyC,SAAwB,uBAAM,aAAY,wBAC3LS,EAAM,QAAAtC,IAAA,2CAAA2C,KAAK,UACXL,EAAA,OAAAtC,IAAA,2CAAK4C,GAAIxD,KAAKyC,SAAUU,MAAM,gBAAe,gBAAgBnD,KAAK2B,qBAAoB,aAAa,iBACjGuB,EAAA,QAAAtC,IAAA,gDAGFZ,KAAKC,YAAciD,EAAM,QAAAtC,IAAA,2CAAAuC,MAAM,qBAAiC,sBAAe,K","ignoreList":[]}
+{"version":3,"names":["breadcrumbItemCss","BreadcrumbItem","constructor","hostRef","this","isLastItem","hasDropdownMenu","handleOutsideClick","event","path","composedPath","includes","el","closeDropdownMenu","handleKeyDown","ev","key","toggleDropdownMenu","getDropdownMenu","dropdownMenu","shadowRoot","querySelector","menuWrapperEventReEmitter","emittedElement","detail","getMenuIconWrapper","handleClassList","type","className","classList","menuWrapper","isDropdownMenuOpen","contains","handleLastItem","breadcrumbItems","closest","querySelectorAll","length","generateUniqueId","prefix","Math","random","toString","substring","componentWillLoad","uniqueId","componentDidUpdate","componentWillRender","setHasDropdownMenuState","getIfxDropdownMenuComponent","componentDidLoad","iconMenuWrapper","isOpen","render","h","class","role","tabindex","onClick","name","id"],"sources":["src/components/breadcrumb/breadcrumb-item.scss?tag=ifx-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n.breadcrumb-parent {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0px;\n  gap: tokens.$ifxSpace150;\n  min-height: tokens.$ifxSize300;\n  justify-content: center;\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  & .breadcrumb-wrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: 0px;\n    gap: tokens.$ifxSpace100;\n    position: relative;\n\n    & .dropdown-menu {\n      display: none;\n      position: absolute;\n      top: 20px;\n\n      &.open {\n        display: block;\n      }\n    }\n\n    & a {\n      text-decoration: none;\n      color: tokens.$ifxColorBaseBlack;\n      font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n      font-style: normal;\n      font-weight: 400;\n      font-size: tokens.$ifxFontSizeS;\n      line-height: tokens.$ifxLineHeightS;\n      display: flex;\n      align-items: center;\n      color: tokens.$ifxColorBaseBlack;\n      flex-direction: column;\n      justify-content: center;\n      padding: 0px;\n      border-bottom: 1px solid #1D1D1D;\n    }\n  }\n\n  & .breadcrumb-divider {\n    width: 10px;\n    height: tokens.$ifxSize200;\n    color: tokens.$ifxColorEngineering200;\n    line-height: 13px;\n    font-size: tokens.$ifxFontSizeXl;\n\n    margin-right: 12px;\n  }\n}","import { Component, h, Element, State, Listen } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-breadcrumb-item',\n  styleUrl: 'breadcrumb-item.scss',\n  shadow: true,\n})\nexport class BreadcrumbItem {\n\n  @State() isLastItem: boolean = false;\n  @Element() el;\n  private emittedElement: HTMLElement;\n  @State() uniqueId: string;\n  @State() hasDropdownMenu: boolean = false;\n\n  @Listen('mousedown', { target: 'document' })\n  handleOutsideClick(event: MouseEvent) {\n    const path = event.composedPath();\n    if (!path.includes(this.el)) {\n      this.closeDropdownMenu();\n    }\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if (ev.key === 'Enter' || ev.key === ' ') {\n      this.toggleDropdownMenu();\n    } else if (ev.key === 'Escape') {\n      this.closeDropdownMenu();\n    }\n  }\n\n  getDropdownMenu() {\n    const dropdownMenu = this.el.shadowRoot.querySelector('.dropdown-menu');\n    return dropdownMenu\n  }\n\n  @Listen('breadcrumbMenuIconWrapper')\n  menuWrapperEventReEmitter(event: CustomEvent<HTMLElement>) { \n    this.emittedElement = event.detail;\n  }\n\n  getMenuIconWrapper(): HTMLElement | undefined {\n    return this.emittedElement;\n  }\n\n  handleClassList(el, type, className) {\n    el.classList[type](className)\n  }\n\n  closeDropdownMenu() {\n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'remove', 'open')\n      this.handleClassList(menuWrapper, 'remove', 'show')\n    }\n  }\n\n  toggleDropdownMenu() { \n    if(this.hasDropdownMenu) {\n      const dropdownMenu = this.getDropdownMenu()\n      const menuWrapper = this.getMenuIconWrapper()\n      this.handleClassList(dropdownMenu, 'toggle', 'open')\n      this.handleClassList(menuWrapper, 'toggle', 'show')\n    }\n  }\n\n  isDropdownMenuOpen(): boolean {\n    const dropdownMenu = this.getDropdownMenu()\n    return this.hasDropdownMenu && dropdownMenu && dropdownMenu.classList.contains('open')\n  }\n\n  handleLastItem() { \n    const breadcrumbItems = this.el.closest('ifx-breadcrumb').querySelectorAll('ifx-breadcrumb-item')\n    if(this.el === breadcrumbItems[breadcrumbItems.length-1]) { \n      this.isLastItem = true;\n    } else this.isLastItem = false;\n  }\n\n  generateUniqueId(prefix = 'id') {\n    return `${prefix}-${Math.random().toString(36).substring(2, 9)}`;\n  }\n\n  componentWillLoad() { \n    if (!this.uniqueId) {\n      this.uniqueId = this.generateUniqueId('breadcrumb-dropdown');\n    }\n    this.handleLastItem()\n  }\n\n  componentDidUpdate() {\n    this.handleLastItem()\n  }\n\n  componentWillRender() { \n    this.setHasDropdownMenuState()\n  }\n\n  setHasDropdownMenuState() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n    if(dropdownMenu) {\n      this.hasDropdownMenu = !!dropdownMenu;\n    }\n  }\n\n  getIfxDropdownMenuComponent() { \n    const dropdownMenu = this.el.querySelector('ifx-dropdown-menu');\n    return dropdownMenu;\n  }\n\n  componentDidLoad() { \n    const dropdownMenu = this.getIfxDropdownMenuComponent();\n\n    if(!this.hasDropdownMenu) { \n      const iconMenuWrapper = this.getMenuIconWrapper();\n      this.handleClassList(iconMenuWrapper, 'toggle', 'hide');\n    } else { \n      dropdownMenu.isOpen = true;\n    }\n  }\n\n  render() {\n    return (\n      <li class='breadcrumb-parent' aria-current={`${this.isLastItem ? 'page' : \"\"}`}>\n       <li role=\"button\" tabindex={this.hasDropdownMenu ? 0 : -1} class=\"breadcrumb-wrapper\" onClick={() => this.toggleDropdownMenu()} aria-controls={this.uniqueId} aria-haspopup=\"menu\" aria-label=\"Toggle dropdown menu\">\n          <slot name='label'/>\n          <div id={this.uniqueId} class=\"dropdown-menu\" aria-expanded={this.isDropdownMenuOpen()} aria-label=\"Dropdown menu\">\n            <slot />\n          </div>\n        </li>\n        {!this.isLastItem && <span class=\"breadcrumb-divider\" aria-hidden=\"true\">/</span>}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,h as o,a as i}from"./p-PqnYwNKt.js";import{d as e,t as s}from"./p-DcmcuUOA.js";import{i as a}from"./p-Bw2fh5LT.js";import{c as l}from"./p-BfP9ezJQ.js";const d=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.tooltip__container{display:inline-flex;flex-direction:column;position:relative;font-family:var(--ifx-font-family)}.tooltip-extended,.tooltip-compact,.tooltip-dismissible{background-color:#1D1D1D;border:1px solid black;z-index:1080;display:none;transition:opacity 0.3s;position:absolute;font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#FFFFFF;width:max-content;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;}.visible.tooltip-extended,.visible.tooltip-compact,.visible.tooltip-dismissible{display:flex !important;align-items:start}.tooltip-dismissible .close-button{all:unset;cursor:pointer;position:relative;order:2;margin-top:12px;margin-right:12px;line-height:0px}.tooltip-dismissible .tooltip-dismissible-content{display:flex;flex-direction:column;gap:12px;padding:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-dismissible .tooltip-dismissible-header,.tooltip-dismissible .tooltip-dismissible-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-dismissible .tooltip-dismissible-header{font-weight:600}.tooltip-dismissible .tooltip-dismissible-body{font-weight:400}.tooltip-compact{padding:4px 8px;text-align:center;flex-grow:1}.tooltip-extended{align-items:center;padding:12px;gap:10px}.tooltip-extended .extended_icon{display:flex;align-self:flex-start;align-items:center;cursor:pointer}.tooltip-extended .tooltip-extended-content{display:flex;flex-direction:column;gap:12px;flex-grow:1;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.tooltip-extended .tooltip-extended-header,.tooltip-extended .tooltip-extended-body{font-size:14px;font-style:normal;line-height:20px}.tooltip-extended .tooltip-extended-header{font-weight:600}.tooltip-extended .tooltip-extended-body{font-weight:400}.tooltip__container .tooltip-arrow-svg{position:absolute;width:8px;height:8px}[data-placement=top].tooltip-extended>.tooltip-arrow-svg,[data-placement=top].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:50%;transform:rotate(180deg) translateX(-50%)}[data-placement=top-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-start].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;left:10px;transform:rotate(180deg)}[data-placement=top-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=top-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=top-end].tooltip-compact>.tooltip-arrow-svg{bottom:-7px;right:10px;transform:rotate(180deg)}[data-placement=bottom].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:50%;transform:translateX(-50%)}[data-placement=bottom-start].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-start].tooltip-compact>.tooltip-arrow-svg{top:-7px;left:10px}[data-placement=bottom-end].tooltip-extended>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=bottom-end].tooltip-compact>.tooltip-arrow-svg{top:-7px;right:10px}[data-placement=left].tooltip-extended>.tooltip-arrow-svg,[data-placement=left].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=left].tooltip-compact>.tooltip-arrow-svg{right:-3px;top:50%;transform:rotate(90deg) translateY(-50%) translateX(-50%)}[data-placement=right].tooltip-extended>.tooltip-arrow-svg,[data-placement=right].tooltip-dismissible>.tooltip-arrow-svg,[data-placement=right].tooltip-compact>.tooltip-arrow-svg{left:-3px;top:50%;transform:rotate(270deg) translateY(-50%) translateX(50%)}.tooltip-compact{min-width:28px !important;max-width:145px !important}.tooltip-dismissible{min-width:145px !important;max-width:310px !important}.tooltip-extended{min-width:145px !important;max-width:310px !important}';const p=class{constructor(o){t(this,o);this.tooltipVisible=false;this.header="";this.text="";this.position="auto";this.internalPosition="auto";this.variant="compact";this.popperInstance=null;this.onMouseEnter=()=>{var t,o;(t=this.popperInstance)===null||t===void 0?void 0:t.setOptions((t=>Object.assign(Object.assign({},t),{modifiers:[...t.modifiers,{name:"eventListeners",enabled:true}]})));this.initializePopper();this.tooltipVisible=true;this.tooltipEl.style.display="block";(o=this.popperInstance)===null||o===void 0?void 0:o.update()};this.onMouseLeave=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"};this.onClick=()=>{var t;if(this.variant.toLowerCase()==="dismissible"){this.initializePopper();this.tooltipVisible=!this.tooltipVisible;this.tooltipEl.style.display=this.tooltipVisible?"block":"none";(t=this.popperInstance)===null||t===void 0?void 0:t.update()}};this.onDismissClick=()=>{this.tooltipVisible=false;this.tooltipEl.style.display="none"}}componentWillLoad(){if(this.variant.toLowerCase().trim()===""){this.variant="compact"}}async componentDidLoad(){if(!a(this.el)){const t=e();s("ifx-tooltip",await t)}const t=this.el.shadowRoot.querySelector(".tooltip__container").firstChild;if(this.variant.toLowerCase()==="compact"||this.variant.toLowerCase()==="extended"){t.addEventListener("mouseenter",this.onMouseEnter);t.addEventListener("mouseleave",this.onMouseLeave)}else{t.addEventListener("click",this.onClick)}}initializePopper(){if(this.popperInstance)return;this.referenceEl=this.el;if(this.variant.toLowerCase()==="compact"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-compact")}else if(this.variant.toLowerCase()==="dismissible"){this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-dismissible")}else{this.tooltipEl=this.el.shadowRoot.querySelector(".tooltip-extended")}const t=this.position==="auto"?this.determineBestPosition():this.position;this.internalPosition=t;if(this.tooltipEl&&this.referenceEl){this.popperInstance=l(this.referenceEl,this.tooltipEl,{placement:this.internalPosition,modifiers:[{name:"offset",options:{offset:[0,8]}},{name:"arrow",options:{element:".tooltip-arrow-svg"}}]})}this.tooltipEl.setAttribute("data-placement",t)}determineBestPosition(){const t=this.referenceEl.getBoundingClientRect();const o=window.scrollY;const i=window.scrollX;const e=t.top+o+t.height/2;const s=t.left+i+t.width/2;if(this.position==="auto"){if(e>window.innerHeight/2){if(s>window.innerWidth/2){return"top-end"}else{return"top-start"}}else{if(s>window.innerWidth/2){return"bottom-end"}else{return"bottom-start"}}}else{return this.position}}positionChanged(t){var o;this.internalPosition=t;(o=this.popperInstance)===null||o===void 0?void 0:o.destroy();this.popperInstance=null}disconnectedCallback(){var t;(t=this.popperInstance)===null||t===void 0?void 0:t.destroy()}render(){const t={"tooltip-dismissible":true,visible:this.tooltipVisible};const i={"tooltip-compact":true,visible:this.tooltipVisible};const e={"tooltip-extended":true,visible:this.tooltipVisible};return o("div",{key:"73fe0cd0ba30b772907db89dc10248ca8fab5d5b","aria-label":this.ariaLabel,"aria-value":this.header,class:"tooltip__container"},o("slot",{key:"c322892c782277d8640de4d7f86c073c82ff5b87"}),this.variant.toLowerCase()==="dismissible"&&o("div",{key:"d268c502ee61550b6bb96512220bb10f73a6ec53",class:t},o("button",{key:"e2ef4f4709a58adca779f60afbae4d5d990bf2b0","aria-label":"Close Tooltip",class:"close-button",onClick:this.onDismissClick},o("ifx-icon",{key:"85c008fc5bb577d3ed6dc3dc7ae824f3e579217a",icon:"cross16"})),o("div",{key:"b6bbb49d16efdacb67596bd8006ad94be7895e24",class:"tooltip-dismissible-content"},this.header&&o("div",{key:"b62b5521156c7ae5a9ceb95d2bbf02322345f7ef",class:"tooltip-dismissible-header"},this.header),o("div",{key:"cec7a6ea9e7536d18916547646864729396eb60f",class:"tooltip-dismissible-body"},this.text)),o("svg",{key:"c51e82c058a9cb4c4e7a0cbb13bb476f8afeb928",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"1029a62c61d0357a731b2951ea38d05c7c269551",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="compact"&&o("div",{key:"830e279a14e2935f4e08021bd7399865e1ef44a2",class:i},this.text,o("svg",{key:"93e80185a37e7121f858790fb3fa33ffb18092f6",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"0158bcc8dcd9259d92d512f8e96d325b616d50a0",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))),this.variant.toLowerCase()==="extended"&&o("div",{key:"661134a45b938246e9c58f2d456920a6035a90c9",class:e},o("slot",{key:"c601220c6b6d357800b3b697f78e68bb9d614431",name:"icon"},this.icon?o("div",{class:"extended_icon"},o("ifx-icon",{icon:this.icon})):o("svg",{class:"extended_icon",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",fill:"none",viewBox:"0 0 24 24"},o("path",{stroke:"#fff","stroke-linecap":"round","stroke-linejoin":"round",d:"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z"}),o("path",{stroke:"#fff",d:"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z"}),o("path",{fill:"#fff",d:"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"}))),o("div",{key:"cee24e9d36ca9f745c397ba328eae361fc19741a",class:"tooltip-extended-content"},this.header&&o("div",{key:"a7cd9c2a5614e33300e2ad18677655d96c8bb16f",class:"tooltip-extended-header"},this.header),o("div",{key:"04075ce9041db50760373c24d5b15481bc1803fb",class:"tooltip-extended-body"},this.text)),o("svg",{key:"003660f174f2d82b61fe122fc7102e5f5c345571",class:"tooltip-arrow-svg",width:"12",height:"8",viewBox:"0 0 12 8",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o("path",{key:"4212775539c5aad8f0b89edd938c9786c7662fef",id:"Indicator",d:"M6 0L12 8L0 8L6 0Z",fill:"#1D1D1D"}))))}get el(){return i(this)}static get watchers(){return{position:["positionChanged"]}}};p.style=d;export{p as ifx_tooltip};
+//# sourceMappingURL=p-ce799b3d.entry.js.map

package/dist/infineon-design-system-stencil/{p-913a8693.entry.js.map → p-ce799b3d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tooltipCss","Tooltip","constructor","hostRef","this","tooltipVisible","header","text","position","internalPosition","variant","popperInstance","onMouseEnter","_a","setOptions","options","Object","assign","modifiers","name","enabled","initializePopper","tooltipEl","style","display","_b","update","onMouseLeave","onClick","toLowerCase","onDismissClick","componentWillLoad","trim","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","slotElement","shadowRoot","querySelector","firstChild","addEventListener","referenceEl","effectivePosition","determineBestPosition","createPopper","placement","offset","element","setAttribute","rect","getBoundingClientRect","yOffset","window","scrollY","xOffset","scrollX","verticalHalfwayPoint","top","height","horizontalHalfwayPoint","left","width","innerHeight","innerWidth","positionChanged","newVal","destroy","disconnectedCallback","render","tooltipDismissible","visible","tooltipCompact","tooltipExtended","h","key","ariaLabel","class","icon","viewBox","fill","xmlns","id","d","stroke"],"sources":["src/components/tooltip/tooltip.scss?tag=ifx-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip__container {\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n}\n\n%tooltip-common {\n  background-color: tokens.$ifxColorBaseBlack;\n  border: 1px solid black;\n  z-index: 1080;\n  display: none;\n  transition: opacity 0.3s;\n  position: absolute;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  color: tokens.$ifxColorBaseWhite;\n  width: max-content;\n  box-sizing: border-box;\n\n  white-space: pre-wrap;   /* wraps text at spaces and within words */\n  word-wrap: break-word;   /* breaks text within a word if necessary */\n  overflow-wrap: anywhere; /* breaks text at arbitrary points when needed */\n\n  &.visible {\n    display: flex !important;\n    align-items: start;\n    //min-width: 100px;\n    //width: auto;\n  }\n}\n\n\n\n.tooltip-dismissible {\n  @extend %tooltip-common;\n\n    .close-button {\n      all: unset;\n      //position: absolute;\n      //top: tokens.$ifxSpace150;\n      //right: tokens.$ifxSpace150;\n      cursor: pointer;\n      position: relative;\n      order: 2;\n      margin-top: 12px;\n      margin-right: 12px;\n      line-height: 0px;\n    }\n\n  .tooltip-dismissible-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n\n  }\n\n  .tooltip-dismissible-header,\n  .tooltip-dismissible-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-dismissible-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-dismissible-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n.tooltip-compact {\n  @extend %tooltip-common;\n  padding: 4px 8px;\n  text-align: center;\n  flex-grow: 1;\n}\n\n\n.tooltip-extended {\n  @extend %tooltip-common;\n  //padding-left: 36px; // Added this line, adjust as per your icon width\n  //padding-left: tokens.$ifxSpace150; // Added this line, adjust as per your icon width\n  align-items: center;\n  padding: tokens.$ifxSpace150;\n  gap: 10px;\n\n  .extended_icon {\n    display: flex;\n    align-self: flex-start;\n    align-items: center;\n    //padding-top: tokens.$ifxSpace150;\n    cursor: pointer;\n  }\n\n\n\n  .tooltip-extended-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    //padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .tooltip-extended-header,\n  .tooltip-extended-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-extended-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-extended-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n\n.tooltip__container .tooltip-arrow-svg {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n}\n\n\n%tooltip-arrow-positions {\n\n  // For 'top' placement\n  &[data-placement=\"top\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 50%;\n    transform: rotate(180deg) translateX(-50%);\n  }\n\n  // For 'top-start' placement\n  &[data-placement=\"top-start\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 10px; // Adjust as needed\n    transform: rotate(180deg)\n  }\n\n  // For 'top-end' placement\n  &[data-placement=\"top-end\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    right: 10px; // Adjust as needed\n    transform: rotate(180deg);\n  }\n\n  // For 'bottom' placement\n  &[data-placement=\"bottom\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  // For 'bottom-start' placement\n  &[data-placement=\"bottom-start\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 10px; // Adjust as needed\n  }\n\n  // For 'bottom-end' placement\n  &[data-placement=\"bottom-end\"]>.tooltip-arrow-svg {\n    top: -7px;\n    right: 10px; // Adjust as needed\n  }\n\n  // For 'left' placement\n  &[data-placement=\"left\"]>.tooltip-arrow-svg {\n    right: -3px;\n    top: 50%;\n    transform: rotate(90deg) translateY(-50%) translateX(-50%);\n  }\n\n  // For 'right' placement\n  &[data-placement=\"right\"]>.tooltip-arrow-svg {\n    left: -3px;\n    top: 50%;\n    transform: rotate(270deg) translateY(-50%) translateX(50%);\n  }\n}\n\n\n.tooltip-compact {\n  @extend %tooltip-arrow-positions;\n  min-width: 28px !important;\n  max-width: 145px !important;\n}\n\n.tooltip-dismissible {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n\n.tooltip-extended {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n","import { Component, Prop, h, Element, State, Watch } from '@stencil/core';\nimport { createPopper } from '@popperjs/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-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true\n})\nexport class Tooltip {\n\n  @Element() el: HTMLElement;\n  @State() tooltipVisible: boolean = false;\n  @Prop() header: string = '';\n  @Prop() text: string = '';\n  @Prop() position: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n  @State() internalPosition: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n  @Prop() ariaLabel: string | null;\n  @Prop() variant: 'compact' | 'dismissible' | 'extended' = 'compact';\n  @Prop() icon: string;\n\n  tooltipEl: HTMLElement;\n  referenceEl: HTMLElement;\n  popperInstance: any = null;\n\n\n  componentWillLoad() { \n    if(this.variant.toLowerCase().trim() === \"\") { \n      this.variant = 'compact'\n    }\n  }\n  \n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-tooltip', await framework)\n    }\n    const slotElement = this.el.shadowRoot.querySelector('.tooltip__container').firstChild;\n    \n    if(this.variant.toLowerCase() === 'compact' || this.variant.toLowerCase() === 'extended') {\n      slotElement.addEventListener('mouseenter', this.onMouseEnter)\n      slotElement.addEventListener('mouseleave', this.onMouseLeave)\n    }else{\n      slotElement.addEventListener('click', this.onClick);\n    }\n\n  }\n\n  initializePopper() {\n    if (this.popperInstance) return;\n\n    this.referenceEl = this.el;\n    this.tooltipEl;\n    if (this.variant.toLowerCase() === 'compact') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-compact');\n    }\n    else if (this.variant.toLowerCase() === 'dismissible') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-dismissible');\n    }\n    else {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-extended');\n\n    }\n\n    const effectivePosition = this.position === 'auto' ? this.determineBestPosition() : this.position;\n\n    // Set the internalPosition\n    this.internalPosition = effectivePosition;\n\n    if (this.tooltipEl && this.referenceEl) {\n\n      this.popperInstance = createPopper(this.referenceEl, this.tooltipEl, {\n        placement: this.internalPosition,\n        modifiers: [\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 8]  // this offset should be adjusted to ensure the tooltip doesn't overlap its reference element\n            }\n          },\n          {\n            name: 'arrow',\n            options: {\n              element: '.tooltip-arrow-svg'\n            }\n          }\n        ]\n      });\n\n    }\n\n    // Add this line to set the 'data-placement' attribute on the tooltip\n    this.tooltipEl.setAttribute('data-placement', effectivePosition);\n\n\n  }\n\n  determineBestPosition() {\n    // This is a simplified version, you can enhance this based on available viewport space.\n    const rect = this.referenceEl.getBoundingClientRect();\n    const yOffset = window.scrollY; // Get current scroll position\n    const xOffset = window.scrollX; // Get current horizontal scroll position\n\n    const verticalHalfwayPoint = rect.top + yOffset + rect.height / 2;\n    const horizontalHalfwayPoint = rect.left + xOffset + rect.width / 2;\n\n    if (this.position === 'auto') {\n      if (verticalHalfwayPoint > window.innerHeight / 2) {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'top-end';\n        } else {\n          return 'top-start';\n        }\n      } else {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'bottom-end';\n        } else {\n          return 'bottom-start';\n        }\n      }\n    } else {\n      return this.position;\n    }\n  }\n\n  @Watch('position')\n  positionChanged(newVal: any) {\n    this.internalPosition = newVal;\n    this.popperInstance?.destroy();\n    this.popperInstance = null; // Force re-initialization on next mouse enter\n  }\n\n\n\n  onMouseEnter = () => {\n    // Enable the event listeners immediately\n    this.popperInstance?.setOptions((options) => ({\n      ...options,\n      modifiers: [\n        ...options.modifiers,\n        { name: 'eventListeners', enabled: true },\n      ],\n    }));\n\n    // Initialize the popper instance\n    this.initializePopper();\n\n    // Make the tooltip visible\n    this.tooltipVisible = true;\n    this.tooltipEl.style.display = 'block';\n\n    // Update the popper instance immediately after initialization\n    this.popperInstance?.update();\n  }\n\n\n  onMouseLeave = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n\n  }\n\n  disconnectedCallback() {\n    this.popperInstance?.destroy();\n  }\n\n  onClick = () => {\n    if (this.variant.toLowerCase() === 'dismissible') {\n      this.initializePopper();\n      this.tooltipVisible = !this.tooltipVisible;\n      this.tooltipEl.style.display = this.tooltipVisible ? 'block' : 'none';\n      this.popperInstance?.update();\n    }\n  }\n\n  onDismissClick = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n  }\n\n  render() {\n    const tooltipDismissible = {\n      'tooltip-dismissible': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipCompact = {\n      'tooltip-compact': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipExtended = {\n      'tooltip-extended': true,\n      'visible': this.tooltipVisible,\n    };\n\n    return (\n      <div aria-label={this.ariaLabel} aria-value={this.header} class=\"tooltip__container\" >\n        <slot></slot>\n\n        {this.variant.toLowerCase() === 'dismissible' && <div class={tooltipDismissible}>\n          <button aria-label=\"Close Tooltip\" class=\"close-button\" onClick={this.onDismissClick}>\n            <ifx-icon icon=\"cross16\"></ifx-icon>\n          </button>\n          <div class=\"tooltip-dismissible-content\">\n            {this.header && <div class=\"tooltip-dismissible-header\">{this.header}</div>}\n            <div class=\"tooltip-dismissible-body\">{this.text}</div>\n          </div>\n          <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n          </svg>\n        </div>\n        }\n        {this.variant.toLowerCase() === 'compact' &&\n          <div class={tooltipCompact}>\n            {this.text}\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div>\n        }\n        {this.variant.toLowerCase() === 'extended' &&\n          <div class={tooltipExtended}>\n            <slot name=\"icon\">\n              {this.icon ? <div class=\"extended_icon\"><ifx-icon icon={this.icon}></ifx-icon></div> :\n                <svg class=\"extended_icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n                  <path stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z\" />\n                  <path stroke=\"#fff\" d=\"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z\" />\n                  <path fill=\"#fff\" d=\"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n                </svg>\n              }\n            </slot>\n            <div class=\"tooltip-extended-content\">\n              {this.header && <div class=\"tooltip-extended-header\">{this.header}</div>}\n              <div class=\"tooltip-extended-body\">{this.text}</div>\n            </div>\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div >\n        }\n      </div>\n    );\n  }\n\n\n}"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["tooltipCss","Tooltip","constructor","hostRef","this","tooltipVisible","header","text","position","internalPosition","variant","popperInstance","onMouseEnter","_a","setOptions","options","Object","assign","modifiers","name","enabled","initializePopper","tooltipEl","style","display","_b","update","onMouseLeave","onClick","toLowerCase","onDismissClick","componentWillLoad","trim","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","slotElement","shadowRoot","querySelector","firstChild","addEventListener","referenceEl","effectivePosition","determineBestPosition","createPopper","placement","offset","element","setAttribute","rect","getBoundingClientRect","yOffset","window","scrollY","xOffset","scrollX","verticalHalfwayPoint","top","height","horizontalHalfwayPoint","left","width","innerHeight","innerWidth","positionChanged","newVal","destroy","disconnectedCallback","render","tooltipDismissible","visible","tooltipCompact","tooltipExtended","h","key","ariaLabel","class","icon","viewBox","fill","xmlns","id","d","stroke"],"sources":["src/components/tooltip/tooltip.scss?tag=ifx-tooltip&encapsulation=shadow","src/components/tooltip/tooltip.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip__container {\n  display: inline-flex;\n  flex-direction: column;\n  position: relative;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n}\n\n%tooltip-common {\n  background-color: tokens.$ifxColorBaseBlack;\n  border: 1px solid black;\n  z-index: 1080;\n  display: none;\n  transition: opacity 0.3s;\n  position: absolute;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  color: tokens.$ifxColorBaseWhite;\n  width: max-content;\n  box-sizing: border-box;\n\n  white-space: pre-wrap;   /* wraps text at spaces and within words */\n  word-wrap: break-word;   /* breaks text within a word if necessary */\n  overflow-wrap: anywhere; /* breaks text at arbitrary points when needed */\n\n  &.visible {\n    display: flex !important;\n    align-items: start;\n    //min-width: 100px;\n    //width: auto;\n  }\n}\n\n\n\n.tooltip-dismissible {\n  @extend %tooltip-common;\n\n    .close-button {\n      all: unset;\n      //position: absolute;\n      //top: tokens.$ifxSpace150;\n      //right: tokens.$ifxSpace150;\n      cursor: pointer;\n      position: relative;\n      order: 2;\n      margin-top: 12px;\n      margin-right: 12px;\n      line-height: 0px;\n    }\n\n  .tooltip-dismissible-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n\n  }\n\n  .tooltip-dismissible-header,\n  .tooltip-dismissible-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-dismissible-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-dismissible-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n.tooltip-compact {\n  @extend %tooltip-common;\n  padding: 4px 8px;\n  text-align: center;\n  flex-grow: 1;\n}\n\n\n.tooltip-extended {\n  @extend %tooltip-common;\n  //padding-left: 36px; // Added this line, adjust as per your icon width\n  //padding-left: tokens.$ifxSpace150; // Added this line, adjust as per your icon width\n  align-items: center;\n  padding: tokens.$ifxSpace150;\n  gap: 10px;\n\n  .extended_icon {\n    display: flex;\n    align-self: flex-start;\n    align-items: center;\n    //padding-top: tokens.$ifxSpace150;\n    cursor: pointer;\n  }\n\n\n\n  .tooltip-extended-content {\n    display: flex;\n    flex-direction: column;\n    gap: tokens.$ifxSpace150;\n    //padding: tokens.$ifxSpace150;\n    flex-grow: 1;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: anywhere;\n  }\n\n  .tooltip-extended-header,\n  .tooltip-extended-body {\n    font-size: 14px;\n    font-style: normal;\n    line-height: 20px;\n  }\n\n  .tooltip-extended-header {\n    font-weight: tokens.$ifxFontWeightSemibold;\n  }\n\n  .tooltip-extended-body {\n    font-weight: tokens.$ifxFontWeightRegular;\n  }\n}\n\n\n.tooltip__container .tooltip-arrow-svg {\n  position: absolute;\n  width: 8px;\n  height: 8px;\n}\n\n\n%tooltip-arrow-positions {\n\n  // For 'top' placement\n  &[data-placement=\"top\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 50%;\n    transform: rotate(180deg) translateX(-50%);\n  }\n\n  // For 'top-start' placement\n  &[data-placement=\"top-start\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    left: 10px; // Adjust as needed\n    transform: rotate(180deg)\n  }\n\n  // For 'top-end' placement\n  &[data-placement=\"top-end\"]>.tooltip-arrow-svg {\n    bottom: -7px;\n    right: 10px; // Adjust as needed\n    transform: rotate(180deg);\n  }\n\n  // For 'bottom' placement\n  &[data-placement=\"bottom\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 50%;\n    transform: translateX(-50%);\n  }\n\n  // For 'bottom-start' placement\n  &[data-placement=\"bottom-start\"]>.tooltip-arrow-svg {\n    top: -7px;\n    left: 10px; // Adjust as needed\n  }\n\n  // For 'bottom-end' placement\n  &[data-placement=\"bottom-end\"]>.tooltip-arrow-svg {\n    top: -7px;\n    right: 10px; // Adjust as needed\n  }\n\n  // For 'left' placement\n  &[data-placement=\"left\"]>.tooltip-arrow-svg {\n    right: -3px;\n    top: 50%;\n    transform: rotate(90deg) translateY(-50%) translateX(-50%);\n  }\n\n  // For 'right' placement\n  &[data-placement=\"right\"]>.tooltip-arrow-svg {\n    left: -3px;\n    top: 50%;\n    transform: rotate(270deg) translateY(-50%) translateX(50%);\n  }\n}\n\n\n.tooltip-compact {\n  @extend %tooltip-arrow-positions;\n  min-width: 28px !important;\n  max-width: 145px !important;\n}\n\n.tooltip-dismissible {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n\n.tooltip-extended {\n  @extend %tooltip-arrow-positions;\n  min-width: 145px !important;\n  max-width: 310px !important;\n}\n","import { Component, Prop, h, Element, State, Watch } from '@stencil/core';\nimport { createPopper } from '@popperjs/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-tooltip',\n  styleUrl: 'tooltip.scss',\n  shadow: true\n})\nexport class Tooltip {\n\n  @Element() el: HTMLElement;\n  @State() tooltipVisible: boolean = false;\n  @Prop() header: string = '';\n  @Prop() text: string = '';\n  @Prop() position: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n  @State() internalPosition: 'bottom-start' | 'top-start' | 'left' | 'bottom-end' | 'top-end' | 'right' | 'bottom' | 'top' | 'auto' = 'auto';\n  @Prop() ariaLabel: string | null;\n  @Prop() variant: 'compact' | 'dismissible' | 'extended' = 'compact';\n  @Prop() icon: string;\n\n  tooltipEl: HTMLElement;\n  referenceEl: HTMLElement;\n  popperInstance: any = null;\n\n\n  componentWillLoad() { \n    if(this.variant.toLowerCase().trim() === \"\") { \n      this.variant = 'compact'\n    }\n  }\n  \n  async componentDidLoad() {\n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-tooltip', await framework)\n    }\n    const slotElement = this.el.shadowRoot.querySelector('.tooltip__container').firstChild;\n    \n    if(this.variant.toLowerCase() === 'compact' || this.variant.toLowerCase() === 'extended') {\n      slotElement.addEventListener('mouseenter', this.onMouseEnter)\n      slotElement.addEventListener('mouseleave', this.onMouseLeave)\n    }else{\n      slotElement.addEventListener('click', this.onClick);\n    }\n\n  }\n\n  initializePopper() {\n    if (this.popperInstance) return;\n\n    this.referenceEl = this.el;\n    this.tooltipEl;\n    if (this.variant.toLowerCase() === 'compact') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-compact');\n    }\n    else if (this.variant.toLowerCase() === 'dismissible') {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-dismissible');\n    }\n    else {\n      this.tooltipEl = this.el.shadowRoot.querySelector('.tooltip-extended');\n\n    }\n\n    const effectivePosition = this.position === 'auto' ? this.determineBestPosition() : this.position;\n\n    // Set the internalPosition\n    this.internalPosition = effectivePosition;\n\n    if (this.tooltipEl && this.referenceEl) {\n\n      this.popperInstance = createPopper(this.referenceEl, this.tooltipEl, {\n        placement: this.internalPosition,\n        modifiers: [\n          {\n            name: 'offset',\n            options: {\n              offset: [0, 8]  // this offset should be adjusted to ensure the tooltip doesn't overlap its reference element\n            }\n          },\n          {\n            name: 'arrow',\n            options: {\n              element: '.tooltip-arrow-svg'\n            }\n          }\n        ]\n      });\n\n    }\n\n    // Add this line to set the 'data-placement' attribute on the tooltip\n    this.tooltipEl.setAttribute('data-placement', effectivePosition);\n\n\n  }\n\n  determineBestPosition() {\n    // This is a simplified version, you can enhance this based on available viewport space.\n    const rect = this.referenceEl.getBoundingClientRect();\n    const yOffset = window.scrollY; // Get current scroll position\n    const xOffset = window.scrollX; // Get current horizontal scroll position\n\n    const verticalHalfwayPoint = rect.top + yOffset + rect.height / 2;\n    const horizontalHalfwayPoint = rect.left + xOffset + rect.width / 2;\n\n    if (this.position === 'auto') {\n      if (verticalHalfwayPoint > window.innerHeight / 2) {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'top-end';\n        } else {\n          return 'top-start';\n        }\n      } else {\n        if (horizontalHalfwayPoint > window.innerWidth / 2) {\n          return 'bottom-end';\n        } else {\n          return 'bottom-start';\n        }\n      }\n    } else {\n      return this.position;\n    }\n  }\n\n  @Watch('position')\n  positionChanged(newVal: any) {\n    this.internalPosition = newVal;\n    this.popperInstance?.destroy();\n    this.popperInstance = null; // Force re-initialization on next mouse enter\n  }\n\n\n\n  onMouseEnter = () => {\n    // Enable the event listeners immediately\n    this.popperInstance?.setOptions((options) => ({\n      ...options,\n      modifiers: [\n        ...options.modifiers,\n        { name: 'eventListeners', enabled: true },\n      ],\n    }));\n\n    // Initialize the popper instance\n    this.initializePopper();\n\n    // Make the tooltip visible\n    this.tooltipVisible = true;\n    this.tooltipEl.style.display = 'block';\n\n    // Update the popper instance immediately after initialization\n    this.popperInstance?.update();\n  }\n\n\n  onMouseLeave = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n\n  }\n\n  disconnectedCallback() {\n    this.popperInstance?.destroy();\n  }\n\n  onClick = () => {\n    if (this.variant.toLowerCase() === 'dismissible') {\n      this.initializePopper();\n      this.tooltipVisible = !this.tooltipVisible;\n      this.tooltipEl.style.display = this.tooltipVisible ? 'block' : 'none';\n      this.popperInstance?.update();\n    }\n  }\n\n  onDismissClick = () => {\n    this.tooltipVisible = false;\n    this.tooltipEl.style.display = 'none';\n  }\n\n  render() {\n    const tooltipDismissible = {\n      'tooltip-dismissible': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipCompact = {\n      'tooltip-compact': true,\n      'visible': this.tooltipVisible,\n    };\n\n    const tooltipExtended = {\n      'tooltip-extended': true,\n      'visible': this.tooltipVisible,\n    };\n\n    return (\n      <div aria-label={this.ariaLabel} aria-value={this.header} class=\"tooltip__container\" >\n        <slot></slot>\n\n        {this.variant.toLowerCase() === 'dismissible' && <div class={tooltipDismissible}>\n          <button aria-label=\"Close Tooltip\" class=\"close-button\" onClick={this.onDismissClick}>\n            <ifx-icon icon=\"cross16\"></ifx-icon>\n          </button>\n          <div class=\"tooltip-dismissible-content\">\n            {this.header && <div class=\"tooltip-dismissible-header\">{this.header}</div>}\n            <div class=\"tooltip-dismissible-body\">{this.text}</div>\n          </div>\n          <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n          </svg>\n        </div>\n        }\n        {this.variant.toLowerCase() === 'compact' &&\n          <div class={tooltipCompact}>\n            {this.text}\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div>\n        }\n        {this.variant.toLowerCase() === 'extended' &&\n          <div class={tooltipExtended}>\n            <slot name=\"icon\">\n              {this.icon ? <div class=\"extended_icon\"><ifx-icon icon={this.icon}></ifx-icon></div> :\n                <svg class=\"extended_icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\">\n                  <path stroke=\"#fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20.5 2.5h-16a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-16a2 2 0 0 0-2-2Z\" />\n                  <path stroke=\"#fff\" d=\"M19 17H6l2.5-4 2.097 2.516.405.486.379-.506 4.118-5.49.003-.002L19 17Z\" />\n                  <path fill=\"#fff\" d=\"M10 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z\" />\n                </svg>\n              }\n            </slot>\n            <div class=\"tooltip-extended-content\">\n              {this.header && <div class=\"tooltip-extended-header\">{this.header}</div>}\n              <div class=\"tooltip-extended-body\">{this.text}</div>\n            </div>\n            <svg class=\"tooltip-arrow-svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path id=\"Indicator\" d=\"M6 0L12 8L0 8L6 0Z\" fill=\"#1D1D1D\" />\n            </svg>\n          </div >\n        }\n      </div>\n    );\n  }\n\n\n}"],"mappings":"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","ignoreList":[]}