@infineon/infineon-design-system-stencil 39.4.3 → 39.4.4--canary.2130.4e289d5eee4c0769b9458514c7fb228750796ed6.0

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

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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":"qKAAA,MAAMA,EAAa,w/H,MCWNC,EAAO,MALpB,WAAAC,CAAAC,G,UAQWC,KAAcC,eAAY,MAC3BD,KAAME,OAAW,GACjBF,KAAIG,KAAW,GACfH,KAAQI,SAA2G,OAClHJ,KAAgBK,iBAA2G,OAE5HL,KAAOM,QAA2C,UAK1DN,KAAcO,eAAQ,KA+GtBP,KAAYQ,aAAG,K,SAEbC,EAAAT,KAAKO,kBAAc,MAAAE,SAAA,SAAAA,EAAEC,YAAYC,GAAYC,OAAAC,OAAAD,OAAAC,OAAA,GACxCF,GAAO,CACVG,UAAW,IACNH,EAAQG,UACX,CAAEC,KAAM,iBAAkBC,QAAS,WAKvChB,KAAKiB,mBAGLjB,KAAKC,eAAiB,KACtBD,KAAKkB,UAAUC,MAAMC,QAAU,SAG/BC,EAAArB,KAAKO,kBAAgB,MAAAc,SAAA,SAAAA,EAAAC,QAAQ,EAI/BtB,KAAYuB,aAAG,KACbvB,KAAKC,eAAiB,MACtBD,KAAKkB,UAAUC,MAAMC,QAAU,MAAM,EAQvCpB,KAAOwB,QAAG,K,MACR,GAAIxB,KAAKM,QAAQmB,gBAAkB,cAAe,CAChDzB,KAAKiB,mBACLjB,KAAKC,gBAAkBD,KAAKC,eAC5BD,KAAKkB,UAAUC,MAAMC,QAAUpB,KAAKC,eAAiB,QAAU,QAC/DQ,EAAAT,KAAKO,kBAAgB,MAAAE,SAAA,SAAAA,EAAAa,Q,GAIzBtB,KAAc0B,eAAG,KACf1B,KAAKC,eAAiB,MACtBD,KAAKkB,UAAUC,MAAMC,QAAU,MAAM,CAqExC,CA5NC,iBAAAO,GACE,GAAG3B,KAAKM,QAAQmB,cAAcG,SAAW,GAAI,CAC3C5B,KAAKM,QAAU,S,EAInB,sBAAMuB,GACJ,IAAIC,EAAuB9B,KAAK+B,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,oBAAqBF,E,CAEtC,MAAMG,EAAcnC,KAAK+B,GAAGK,WAAWC,cAAc,uBAAuBC,WAE5E,GAAGtC,KAAKM,QAAQmB,gBAAkB,WAAazB,KAAKM,QAAQmB,gBAAkB,WAAY,CACxFU,EAAYI,iBAAiB,aAAcvC,KAAKQ,cAChD2B,EAAYI,iBAAiB,aAAcvC,KAAKuB,a,KAC7C,CACHY,EAAYI,iBAAiB,QAASvC,KAAKwB,Q,EAK/C,gBAAAP,GACE,GAAIjB,KAAKO,eAAgB,OAEzBP,KAAKwC,YAAcxC,KAAK+B,GAExB,GAAI/B,KAAKM,QAAQmB,gBAAkB,UAAW,CAC5CzB,KAAKkB,UAAYlB,KAAK+B,GAAGK,WAAWC,cAAc,mB,MAE/C,GAAIrC,KAAKM,QAAQmB,gBAAkB,cAAe,CACrDzB,KAAKkB,UAAYlB,KAAK+B,GAAGK,WAAWC,cAAc,uB,KAE/C,CACHrC,KAAKkB,UAAYlB,KAAK+B,GAAGK,WAAWC,cAAc,oB,CAIpD,MAAMI,EAAoBzC,KAAKI,WAAa,OAASJ,KAAK0C,wBAA0B1C,KAAKI,SAGzFJ,KAAKK,iBAAmBoC,EAExB,GAAIzC,KAAKkB,WAAalB,KAAKwC,YAAa,CAEtCxC,KAAKO,eAAiBoC,EAAa3C,KAAKwC,YAAaxC,KAAKkB,UAAW,CACnE0B,UAAW5C,KAAKK,iBAChBS,UAAW,CACT,CACEC,KAAM,SACNJ,QAAS,CACPkC,OAAQ,CAAC,EAAG,KAGhB,CACE9B,KAAM,QACNJ,QAAS,CACPmC,QAAS,yB,CASnB9C,KAAKkB,UAAU6B,aAAa,iBAAkBN,E,CAKhD,qBAAAC,GAEE,MAAMM,EAAOhD,KAAKwC,YAAYS,wBAC9B,MAAMC,EAAUC,OAAOC,QACvB,MAAMC,EAAUF,OAAOG,QAEvB,MAAMC,EAAuBP,EAAKQ,IAAMN,EAAUF,EAAKS,OAAS,EAChE,MAAMC,EAAyBV,EAAKW,KAAON,EAAUL,EAAKY,MAAQ,EAElE,GAAI5D,KAAKI,WAAa,OAAQ,CAC5B,GAAImD,EAAuBJ,OAAOU,YAAc,EAAG,CACjD,GAAIH,EAAyBP,OAAOW,WAAa,EAAG,CAClD,MAAO,S,KACF,CACL,MAAO,W,MAEJ,CACL,GAAIJ,EAAyBP,OAAOW,WAAa,EAAG,CAClD,MAAO,Y,KACF,CACL,MAAO,c,OAGN,CACL,OAAO9D,KAAKI,Q,EAKhB,eAAA2D,CAAgBC,G,MACdhE,KAAKK,iBAAmB2D,GACxBvD,EAAAT,KAAKO,kBAAgB,MAAAE,SAAA,SAAAA,EAAAwD,UACrBjE,KAAKO,eAAiB,I,CAiCxB,oBAAA2D,G,OACEzD,EAAAT,KAAKO,kBAAgB,MAAAE,SAAA,SAAAA,EAAAwD,S,CAiBvB,MAAAE,GACE,MAAMC,EAAqB,CACzB,sBAAuB,KACvBC,QAAWrE,KAAKC,gBAGlB,MAAMqE,EAAiB,CACrB,kBAAmB,KACnBD,QAAWrE,KAAKC,gBAGlB,MAAMsE,EAAkB,CACtB,mBAAoB,KACpBF,QAAWrE,KAAKC,gBAGlB,OACEuE,EAAA,OAAAC,IAAA,wDAAiBzE,KAAK0E,UAAS,aAAc1E,KAAKE,OAAQyE,MAAM,sBAC9DH,EAAa,QAAAC,IAAA,6CAEZzE,KAAKM,QAAQmB,gBAAkB,eAAiB+C,EAAA,OAAAC,IAAA,2CAAKE,MAAOP,GAC3DI,EAAmB,UAAAC,IAAA,wEAAgBE,MAAM,eAAenD,QAASxB,KAAK0B,gBACpE8C,EAAA,YAAAC,IAAA,2CAAUG,KAAK,aAEjBJ,EAAK,OAAAC,IAAA,2CAAAE,MAAM,+BACR3E,KAAKE,QAAUsE,EAAK,OAAAC,IAAA,2CAAAE,MAAM,8BAA8B3E,KAAKE,QAC9DsE,EAAK,OAAAC,IAAA,2CAAAE,MAAM,4BAA4B3E,KAAKG,OAE9CqE,EAAK,OAAAC,IAAA,2CAAAE,MAAM,oBAAoBf,MAAM,KAAKH,OAAO,IAAIoB,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BACxFP,EAAA,QAAAC,IAAA,2CAAMO,GAAG,YAAYC,EAAE,qBAAqBH,KAAK,cAIpD9E,KAAKM,QAAQmB,gBAAkB,WAC9B+C,EAAK,OAAAC,IAAA,2CAAAE,MAAOL,GACTtE,KAAKG,KACNqE,EAAK,OAAAC,IAAA,2CAAAE,MAAM,oBAAoBf,MAAM,KAAKH,OAAO,IAAIoB,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BACxFP,EAAA,QAAAC,IAAA,2CAAMO,GAAG,YAAYC,EAAE,qBAAqBH,KAAK,cAItD9E,KAAKM,QAAQmB,gBAAkB,YAC9B+C,EAAK,OAAAC,IAAA,2CAAAE,MAAOJ,GACVC,EAAA,QAAAC,IAAA,2CAAM1D,KAAK,QACRf,KAAK4E,KAAOJ,EAAK,OAAAG,MAAM,iBAAgBH,EAAU,YAAAI,KAAM5E,KAAK4E,QAC3DJ,EAAK,OAAAG,MAAM,gBAAgBI,MAAM,6BAA6BnB,MAAM,KAAKH,OAAO,KAAKqB,KAAK,OAAOD,QAAQ,aACvGL,EAAM,QAAAU,OAAO,OAAsB,yBAAwB,0BAAQD,EAAE,qFACrET,EAAA,QAAMU,OAAO,OAAOD,EAAE,2EACtBT,EAAM,QAAAM,KAAK,OAAOG,EAAE,mDAI1BT,EAAK,OAAAC,IAAA,2CAAAE,MAAM,4BACR3E,KAAKE,QAAUsE,EAAK,OAAAC,IAAA,2CAAAE,MAAM,2BAA2B3E,KAAKE,QAC3DsE,EAAK,OAAAC,IAAA,2CAAAE,MAAM,yBAAyB3E,KAAKG,OAE3CqE,EAAK,OAAAC,IAAA,2CAAAE,MAAM,oBAAoBf,MAAM,KAAKH,OAAO,IAAIoB,QAAQ,WAAWC,KAAK,OAAOC,MAAM,8BACxFP,EAAA,QAAAC,IAAA,2CAAMO,GAAG,YAAYC,EAAE,qBAAqBH,KAAK,c","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["radioButtonCss","RadioButton","constructor","hostRef","this","disabled","error","size","internalChecked","hasSlot","isChecked","componentWillLoad","fallbackInput","document","createElement","type","hidden","className","style","cssText","setAttribute","tabIndex","el","appendChild","checked","querySelector","innerHTML","trim","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","handleCheckedChange","newValue","updateFormValue","name","value","errorChanged","oldValue","ifxError","emit","handleRadioButtonClick","event","stopPropagation","inputElement","click","ifxChange","changeEvent","CustomEvent","bubbles","composed","detail","dispatchEvent","handleKeyDown","ev","includes","key","preventDefault","PointerEvent","handleExternalChange","target","tagName","toLowerCase","getAttribute","render","h","role","String","class","onClick","e","tabindex","ref"],"sources":["src/components/radio-button/radio-button.scss?tag=ifx-radio-button&encapsulation=shadow","src/components/radio-button/radio-button.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\n@use '../../global/font.scss';\n\n:host {\n  display: inline-flex;\n  --_ifx-fallback-display: none !important;\n}\n\n._ifx-radiobutton-fallback {\n  display: var(--_ifx-fallback-display);\n  position: absolute !important;\n  width: 1px !important;\n  height: 1px !important;\n  padding: 0 !important;\n  margin: -1px !important;\n  overflow: hidden !important;\n  clip: rect(0, 0, 0, 0) !important;\n  border: 0 !important;\n}\n\n.radioButton__container {\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0px;\n  gap: tokens.$ifxSpace100;\n  cursor: pointer;\n  font-family: var(--ifx-font-family);\n  outline: none;\n\n  &.disabled {\n    cursor: default;\n    \n    .radioButton__wrapper {\n      background-color: tokens.$ifxColorEngineering300;\n      border-color: tokens.$ifxColorEngineering300;\n      \n      &:hover {\n        background-color: tokens.$ifxColorEngineering300;\n      }\n      \n      &.checked {\n        background-color: tokens.$ifxColorBaseWhite;\n        border-color: tokens.$ifxColorEngineering300;\n        \n        &::after {\n          background-color: tokens.$ifxColorEngineering300;\n        }\n        \n        .radioButton__wrapper-mark {\n          background-color: tokens.$ifxColorEngineering300;\n        }\n        \n        &:hover {\n          border-color: tokens.$ifxColorEngineering300;\n          \n          .radioButton__wrapper-mark {\n            background-color: tokens.$ifxColorEngineering300;\n          }\n        }\n      }\n    }\n    \n    .label {\n      color: tokens.$ifxColorEngineering300;\n    }\n  }\n\n  &:not(.disabled) .radioButton__wrapper {\n    &.error {\n      border-color: tokens.$ifxColorRed500;\n      \n      &:hover,\n      &:focus-visible {\n        border-color: tokens.$ifxColorRed500;\n      }\n      \n      &.checked::after {\n        border-color: tokens.$ifxColorRed500;\n        background-color: tokens.$ifxColorRed500;\n      }\n    }\n  }\n\n  &:focus:not(.disabled) .radioButton__wrapper {\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: 50%;\n    }\n  }\n\n  &.m .radioButton__wrapper {\n    width: tokens.$ifxSize300;\n    height: tokens.$ifxSize300;\n  }\n\n  .radioButton__wrapper {\n    width: tokens.$ifxSize250;\n    height: tokens.$ifxSize250;\n    position: relative;\n    display: block;\n    border-radius: 50%;\n    background-color: tokens.$ifxColorBaseWhite;\n    border: 1px solid tokens.$ifxColorEngineering500;\n\n    .radioButton__wrapper-mark {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background-color: tokens.$ifxColorOcean500;\n      border-radius: 50%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      border-color: tokens.$ifxColorBaseTransparent;\n    }\n\n    &:hover {\n      background-color: tokens.$ifxColorEngineering200;\n    }\n\n    &.checked {\n      border-color: tokens.$ifxColorOcean500;\n      \n      &::after {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 10px;\n        height: 10px;\n        background-color: tokens.$ifxColorOcean500;\n        border-radius: 50%;\n      }\n\n      &:hover {\n        border-color: tokens.$ifxColorOcean600;\n        \n        .radioButton__wrapper-mark {\n          background-color: tokens.$ifxColorOcean600;\n        }\n      }\n    }\n  }\n\n  .label {\n    display: flex;\n    align-items: center;\n    height: tokens.$ifxSize250;\n    font-style: normal;\n    font-weight: 400;\n    font-size: tokens.$ifxFontSizeS;\n    line-height: tokens.$ifxLineHeightS;\n    color: tokens.$ifxColorBaseBlack;\n    flex: none;\n    order: 1;\n    flex-grow: 0;\n\n    &.label-m {\n      height: tokens.$ifxSize300;\n      font-size: tokens.$ifxFontSizeM;\n      line-height: tokens.$ifxLineHeightM;\n    }\n  }\n}","import { Component, h, Prop, Element, State, Event, EventEmitter, Listen, Watch, Method } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-radio-button',\n  styleUrl: 'radio-button.scss',\n  shadow: true,\n  // formAssociated: true\n})\nexport class RadioButton {\n  @Element() el: HTMLElement;\n  @Prop() disabled: boolean = false;\n  @Prop() value: string;\n  @Prop() error: boolean = false;\n  @Prop({ reflect: true }) size: \"s\" | \"m\" = \"s\";\n  @Prop({ reflect: true }) name: string;\n  @Prop({ mutable: true }) checked: boolean;\n  @State() internalChecked: boolean = false;\n  @State() hasSlot: boolean = false;\n\n  @Method()\n  async isChecked(): Promise<boolean> {\n    return this.internalChecked;\n  }\n  \n  private inputElement: HTMLInputElement;\n  //private internals: ElementInternals;\n  private fallbackInput: HTMLInputElement;\n\n  @Event({ eventName: 'ifxChange' }) ifxChange: EventEmitter;\n  @Event({ eventName: 'ifxError' }) ifxError: EventEmitter;\n\n  componentWillLoad() {\n    // Fallback for form association\n    this.fallbackInput = document.createElement('input');\n    this.fallbackInput.type = 'radio';\n    this.fallbackInput.hidden = true;\n    this.fallbackInput.className = '_ifx-radiobutton-fallback';\n    this.fallbackInput.style.cssText = `\n      display: none !important;\n      position: absolute !important;\n      opacity: 0 !important;\n      pointer-events: none !important;\n      width: 0 !important;\n      height: 0 !important;\n    `;\n    this.fallbackInput.setAttribute('aria-hidden', 'true');\n    this.fallbackInput.tabIndex = -1;\n    this.el.appendChild(this.fallbackInput);\n\n    // Initialize ElementInternals if supported\n    if ('attachInternals' in HTMLElement.prototype) {\n      try {\n        //this.internals = this.el.attachInternals();\n      } catch (e) {\n        console.warn('ElementInternals not supported');\n      }\n    }\n\n    // Initial state\n    this.internalChecked = this.checked || false;\n    this.hasSlot = !!this.el.querySelector('[slot]') || this.el.innerHTML.trim() !== '';\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-radio-button', await framework)\n    }\n  }\n\n  @Watch('checked')\n  handleCheckedChange(newValue: boolean) {\n    this.internalChecked = newValue;\n  }\n\n  @Watch('internalChecked')\n  updateFormValue() {\n    // Update both ElementInternals and fallback input\n    // if (this.internals?.setFormValue) {\n    //   this.internals.setFormValue(this.internalChecked ? this.value : null);\n    // }\n    this.fallbackInput.checked = this.internalChecked;\n    this.fallbackInput.name = this.name;\n    this.fallbackInput.value = this.value;\n    this.fallbackInput.disabled = this.disabled;\n  }\n\n  @Watch('error')\n    errorChanged(newValue: boolean, oldValue: boolean) {\n      if (newValue !== oldValue) {\n        this.ifxError.emit(newValue);\n      }\n    }\n\n  handleRadioButtonClick(event: Event) {\n    if (this.disabled) {\n      event.stopPropagation();\n      return;\n    }\n\n    this.inputElement.click();\n    this.internalChecked = this.inputElement.checked;\n    this.checked = this.internalChecked;\n    this.ifxChange.emit(this.internalChecked);\n\n    const changeEvent = new CustomEvent('change', {\n      bubbles: true,\n      composed: true,\n      detail: { checked: this.internalChecked }\n    });\n    this.el.dispatchEvent(changeEvent);\n  }\n\n  @Listen('keydown')\n  handleKeyDown(ev: KeyboardEvent) {\n    if ([' ', 'Enter'].includes(ev.key)) {\n      ev.preventDefault();\n      this.handleRadioButtonClick(new PointerEvent('click'));\n    }\n  }\n\n  @Listen('change', { target: 'document' })\n  handleExternalChange(event: Event) {\n    const target = event.target as HTMLElement;\n    if (target === this.el || target.tagName.toLowerCase() !== 'ifx-radio-button') return;\n    \n    if (target.getAttribute('name') === this.name) {\n      this.internalChecked = false;\n    }\n  }\n\n  render() {\n    return (\n      <div\n        role=\"radio\"\n        aria-checked={String(this.internalChecked)}\n        aria-disabled={String(this.disabled)}\n        class={`radioButton__container ${this.size} ${this.disabled ? 'disabled' : ''}`}\n        onClick={(e) => this.handleRadioButtonClick(e)}\n        tabindex={this.disabled ? -1 : 0}\n      >\n        <div\n          class={`radioButton__wrapper \n            ${this.internalChecked ? 'checked' : ''}  \n            ${this.error ? 'error' : ''}`}\n        >\n          {this.internalChecked && <div class=\"radioButton__wrapper-mark\"></div>}\n        </div>\n\n        {this.hasSlot && (\n          <div class={`label ${this.size === \"m\" ? \"label-m\" : \"\"}`}>\n            <slot />\n          </div>\n        )}\n\n        <input\n          type=\"radio\"\n          hidden\n          ref={el => this.inputElement = el}\n          name={this.name}\n          value={this.value}\n          checked={this.internalChecked}\n          disabled={this.disabled}\n          onClick={(e) => e.stopPropagation()}\n        />\n      </div>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownTriggerButtonCss","DropdownItem","constructor","hostRef","this","isOpen","theme","size","hideArrow","render","h","key","variant","disabled","class","icon"],"sources":["src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.scss?tag=ifx-dropdown-trigger-button&encapsulation=shadow","src/components/dropdown/dropdown-trigger-button/dropdown-trigger-button.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n:host {\n  display: inline-block;\n}\n\n.rotate {\n  transition: transform 0.2s ease-in-out;\n  transform: rotate(-180deg);\n  margin-top: 0em;\n}\n\n.icon {\n  margin-top: 0em;\n  transition: transform 0.2s ease-in-out;\n}\n","// dropdown-trigger-button.tsx\nimport { Component, Prop, h } from \"@stencil/core\";\nimport { IOpenable } from '../IOpenable';\n\n@Component({\n  tag: 'ifx-dropdown-trigger-button',\n  styleUrl: 'dropdown-trigger-button.scss',\n  shadow: true\n})\n\nexport class DropdownItem implements IOpenable {\n  @Prop() isOpen: boolean = false;\n\n  @Prop() theme: 'default' | 'danger' | 'inverse' = 'default';\n  @Prop() variant: 'primary';\n  @Prop() size: 's' | 'm' = 'm';\n  @Prop() disabled: boolean;\n  @Prop() hideArrow: boolean = false;\n\n  render() {\n    return (\n      <ifx-button\n        variant={this.variant}\n        theme={this.theme}\n        size={this.size}\n        disabled={this.disabled}\n        class=\"dropdown-trigger-button\"\n      >\n        <slot />\n        {!this.hideArrow &&\n          <ifx-icon icon=\"chevron-down-16\" class={`icon${this.isOpen ? ' rotate' : ''}`} />\n        }\n      </ifx-button>\n    )\n  }\n}"],"mappings":"2CAAA,MAAMA,EAA2B,gL,MCUpBC,EAAY,MANzB,WAAAC,CAAAC,G,UAOUC,KAAMC,OAAY,MAElBD,KAAKE,MAAqC,UAE1CF,KAAIG,KAAc,IAElBH,KAASI,UAAY,KAkB9B,CAhBC,MAAAC,GACE,OACEC,EAAA,cAAAC,IAAA,2CACEC,QAASR,KAAKQ,QACdN,MAAOF,KAAKE,MACZC,KAAMH,KAAKG,KACXM,SAAUT,KAAKS,SACfC,MAAM,2BAENJ,EAAQ,QAAAC,IAAA,8CACNP,KAAKI,WACLE,EAAU,YAAAC,IAAA,2CAAAI,KAAK,kBAAkBD,MAAO,OAAOV,KAAKC,OAAS,UAAY,O","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["textareaCss","TextArea","constructor","hostRef","this","inputId","textareaId","disabled","error","required","readOnly","resize","wrap","fullWidth","reset","resetTextarea","handleComponentWidth","textareaWrapper","el","shadowRoot","querySelector","isFullWidth","toLowerCase","classList","add","contains","remove","componentDidRender","formResetCallback","handleOnInput","e","value","target","ifxInput","emit","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","render","h","Host","key","class","htmlFor","_a","label","trim","id","style","name","cols","rows","maxlength","readonly","placeholder","onInput","_b","caption"],"sources":["src/components/textarea/textarea.scss?tag=ifx-textarea&encapsulation=shadow","src/components/textarea/textarea.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n}\n\n.wrapper__label {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    & .required {\n        margin-left: 4px;\n        \n        &.error {\n          color: #CD002F;\n        }\n      }\n}\n:host(.wrapper--disabled) .wrapper__label {\n    color: tokens.$ifxColorEngineering300;\n}\n\n.wrapper__textarea {\n    width: 100%;\n    &.fullWidth { \n        width: 100%;\n        & textarea { \n            width: 100%;\n            box-sizing: border-box; \n        }\n    }\n}\n\n.wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering400;\n    border-radius: tokens.$ifxSpace12;\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\n    \n    background-color: tokens.$ifxColorBaseWhite;\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody03;\n    \n    transition: all 100ms ease;\n    transition-property: border-color;\n\n    &:hover {\n        border: 1px solid tokens.$ifxColorEngineering500;\n    }\n    \n    &:focus-within {\n     outline: 2px solid tokens.$ifxColorOcean500;\n     outline-offset: 0; \n    }\n}\n\n:host(.wrapper--error) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__textarea textarea {\n    border: 1px solid tokens.$ifxColorEngineering300;\n    background-color: tokens.$ifxColorEngineering300;\n\n    &::placeholder {\n        color: tokens.$ifxColorBaseWhite;\n    }\n}\n\n.wrapper__caption {\n    color: tokens.$ifxColorBaseBlack;\n    font: tokens.$ifxBodyBody05;\n}\n:host(.wrapper--error) .wrapper__caption {\n    color: tokens.$ifxColorRed500;\n}\n:host(.wrapper--disabled) .wrapper__caption {\n    color: tokens.$ifxColorEngineering300;\n}","import { h, AttachInternals, Component, Event, EventEmitter, Host, Method, Prop, Element } from \"@stencil/core\"\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n\t// formAssociated: true,\n\tshadow: true,\n\tstyleUrl: 'textarea.scss',\n\ttag: 'ifx-textarea'\n})\n\nexport class TextArea {\n\n\tprivate inputId: string = `ifx-textarea-${++textareaId}`;\n\n\t@AttachInternals() internals: ElementInternals;\n\n\t@Event() ifxInput: EventEmitter<String>;\n\t@Element() el;\n\t@Prop() caption: string;\n\t@Prop() cols: number;\n\t@Prop() disabled: boolean = false;\n\t@Prop() error: boolean = false;\n\t@Prop() label: string;\n\t@Prop() maxlength: number;\n\t@Prop() name: string;\n\t@Prop() placeholder: string;\n\t@Prop() required: boolean = false;\n\t@Prop() readOnly: boolean = false;\n\t@Prop() resize: 'both' | 'horizontal' | 'vertical' | 'none' = 'both';\n\t@Prop() rows: number;\n\t@Prop({ mutable: true }) value: string;\n\t@Prop() wrap: 'hard' | 'soft' | 'off' = 'soft';\n\t@Prop({ reflect: true }) fullWidth: string = \"false\";\n\n\t@Method()\n\tasync reset() {\n\t\tthis.resetTextarea();\n\t}\n\n\thandleComponentWidth() {\n\t\tconst textareaWrapper = this.el.shadowRoot.querySelector('.wrapper__textarea')\n\t\tconst isFullWidth = this.fullWidth.toLowerCase() === \"true\";\n\n\t\tif (isFullWidth) {\n\t\t\ttextareaWrapper.classList.add('fullWidth')\n\t\t} else if (textareaWrapper.classList.contains('fullWidth')) {\n\t\t\ttextareaWrapper.classList.remove('fullWidth');\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tthis.handleComponentWidth()\n\t}\n\n\tformResetCallback(): void {\n\t\tthis.resetTextarea();\n\t\t//this.internals.setFormValue(\"\");\n\t}\n\n\thandleOnInput(e: InputEvent): void {\n\t\tthis.value = (e.target as HTMLTextAreaElement).value;\n\t\t//this.internals.setFormValue(this.value);\n\t\tthis.ifxInput.emit(this.value);\n\t}\n\n\tresetTextarea() {\n\t\tthis.value = '';\n\t\t//this.internals.setValidity({});\n\t\t//this.internals.setFormValue('');\n\t}\n\n\t// componentWillLoad() {\n\t// \tthis.internals.setFormValue(this.value);\n\t// }\n\n\t\tasync componentDidLoad() { \n\t\tif(!isNestedInIfxComponent(this.el)) { \n\t\t\tconst framework = detectFramework();\n\t\t\ttrackComponent('ifx-textarea', await framework)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={`wrapper--${this.error ? 'error' : ''} wrapper--${this.disabled && !this.error ? 'disabled' : ''}`}>\n\t\t\t\t<label class='wrapper__label' htmlFor={this.inputId}>\n\t\t\t\t\t{this.label?.trim()}\n\t\t\t\t\t{this.required && (\n\t\t\t\t\t\t<span class={`required ${this.error ? 'error' : \"\"}`}>*</span>\n\t\t\t\t\t)}\n\t\t\t\t</label>\n\n\t\t\t\t<div class='wrapper__textarea'>\n\t\t\t\t\t<textarea\n\t\t\t\t\t\taria-label='a textarea'\n\t\t\t\t\t\taria-value={this.value}\n\t\t\t\t\t\taria-disabled={this.disabled && !this.error}\n\t\t\t\t\t\tid={this.inputId}\n\t\t\t\t\t\tstyle={{ resize: this.resize }}\n\t\t\t\t\t\tname={this.name ? this.name : this.inputId}\n\t\t\t\t\t\tcols={this.cols}\n\t\t\t\t\t\trows={this.rows}\n\t\t\t\t\t\tmaxlength={this.maxlength}\n\t\t\t\t\t\twrap={this.wrap}\n\t\t\t\t\t\tdisabled={this.disabled && !this.error}\n\t\t\t\t\t\treadonly={this.readOnly}\n\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\tonInput={(e) => this.handleOnInput(e)}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{this.caption?.trim() && (\n\t\t\t\t\t<div class='wrapper__caption'>\n\t\t\t\t\t\t{this.caption.trim()}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n\nlet textareaId = 0;"],"mappings":"+IAAA,MAAMA,EAAc,8vC,MCYPC,EAAQ,MAPrB,WAAAC,CAAAC,G,6MASSC,KAAAC,QAAkB,kBAAkBC,IAQpCF,KAAQG,SAAY,MACpBH,KAAKI,MAAY,MAKjBJ,KAAQK,SAAY,MACpBL,KAAQM,SAAY,MACpBN,KAAMO,OAAgD,OAGtDP,KAAIQ,KAA4B,OACfR,KAASS,UAAW,OAwF7C,CArFA,WAAMC,GACLV,KAAKW,e,CAGN,oBAAAC,GACC,MAAMC,EAAkBb,KAAKc,GAAGC,WAAWC,cAAc,sBACzD,MAAMC,EAAcjB,KAAKS,UAAUS,gBAAkB,OAErD,GAAID,EAAa,CAChBJ,EAAgBM,UAAUC,IAAI,Y,MACxB,GAAIP,EAAgBM,UAAUE,SAAS,aAAc,CAC3DR,EAAgBM,UAAUG,OAAO,Y,EAInC,kBAAAC,GACCvB,KAAKY,sB,CAGN,iBAAAY,GACCxB,KAAKW,e,CAIN,aAAAc,CAAcC,GACb1B,KAAK2B,MAASD,EAAEE,OAA+BD,MAE/C3B,KAAK6B,SAASC,KAAK9B,KAAK2B,M,CAGzB,aAAAhB,GACCX,KAAK2B,MAAQ,E,CASb,sBAAMI,GACN,IAAIC,EAAuBhC,KAAKc,IAAK,CACpC,MAAMmB,EAAYC,IAClBC,EAAe,qBAAsBF,E,EAIvC,MAAAG,G,QACC,OACCC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAO,YAAYxC,KAAKI,MAAQ,QAAU,eAAeJ,KAAKG,WAAaH,KAAKI,MAAQ,WAAa,MAC1GiC,EAAA,SAAAE,IAAA,2CAAOC,MAAM,iBAAiBC,QAASzC,KAAKC,UAC1CyC,EAAA1C,KAAK2C,SAAK,MAAAD,SAAA,SAAEA,EAAAE,OACZ5C,KAAKK,UACLgC,EAAA,QAAAE,IAAA,2CAAMC,MAAO,YAAYxC,KAAKI,MAAQ,QAAU,MAAc,MAIhEiC,EAAK,OAAAE,IAAA,2CAAAC,MAAM,qBACVH,EACY,YAAAE,IAAA,qEACC,aAAAvC,KAAK2B,MACF,gBAAA3B,KAAKG,WAAaH,KAAKI,MACtCyC,GAAI7C,KAAKC,QACT6C,MAAO,CAAEvC,OAAQP,KAAKO,QACtBwC,KAAM/C,KAAK+C,KAAO/C,KAAK+C,KAAO/C,KAAKC,QACnC+C,KAAMhD,KAAKgD,KACXC,KAAMjD,KAAKiD,KACXC,UAAWlD,KAAKkD,UAChB1C,KAAMR,KAAKQ,KACXL,SAAUH,KAAKG,WAAaH,KAAKI,MACjC+C,SAAUnD,KAAKM,SACf8C,YAAapD,KAAKoD,YAClBzB,MAAO3B,KAAK2B,MACZ0B,QAAU3B,GAAM1B,KAAKyB,cAAcC,QAIpC4B,EAAAtD,KAAKuD,WAAO,MAAAD,SAAA,SAAAA,EAAEV,SACdP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,oBACTxC,KAAKuD,QAAQX,Q,2BAQpB,IAAI1C,EAAa,E","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["cardLinksCss","CardLinks","render","h","key","class"],"sources":["src/components/card/card-links/card-links.scss?tag=ifx-card-links&encapsulation=shadow","src/components/card/card-links/card-links.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.container {\n  display: flex;\n  align-items: center;\n  gap: tokens.$ifxSpace250;\n  flex-wrap: wrap;\n  text-decoration: none;\n  color: tokens.$ifxColorBaseBlack;\n  padding: 0px 24px 24px 24px;\n\n  /* wraps text at spaces and within words */\n  word-wrap: break-word;\n  /* breaks text within a word if necessary */\n  overflow-wrap: anywhere;\n  /* breaks text at arbitrary points when needed */\n\n  &:hover {\n    cursor: initial;\n  }\n}","import { Component, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-card-links',\n  styleUrl: 'card-links.scss',\n  shadow: true,\n})\n\nexport class CardLinks {\n  @Element() el;\n\n  render() {\n    return (\n      <div class='container'>\n        <slot />\n      </div>\n    )\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAe,8Q,MCQRC,EAAS,M,yBAGpB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["cardOverlineCss","CardOverline","render","h","key","class"],"sources":["src/components/card/card-overline/card-overline.scss?tag=ifx-card-overline&encapsulation=shadow","src/components/card/card-overline/card-overline.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n:host {\n  pointer-events: none;\n}\n\n.card-overline {\n  font-size: tokens.$ifxFontSizeM;\n  font-weight: tokens.$ifxFontWeightRegular;\n  color: tokens.$ifxColorEngineering500;\n  padding-bottom: 4px;\n\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n\n  word-break: break-all;\n\n}","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-card-overline',\n  styleUrl: 'card-overline.scss',\n  shadow: true,\n})\n\nexport class CardOverline {\n\n  render() {\n    return (\n      <div class=\"card-overline\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,0S,MCQXC,EAAY,M,yBAEvB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,iBACTF,EAAQ,QAAAC,IAAA,6C","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["templatesUiCss","TemplatesUI","constructor","hostRef","this","tableTemplate","getAssetPath","wizardTemplate","toggleTemplate","currTemp","templates","el","shadowRoot","querySelector","querySelectorAll","forEach","template","handleError","e","alertWrapper","detail","classList","add","remove","filterTemplates","title","backBtn","closeAlert","render","h","key","class","onClick","shape","variant","icon","target","size","name","thumbnail"],"sources":["src/components/templates/templates-ui/templates-ui.scss?tag=ifx-templates-ui&encapsulation=shadow","src/components/templates/templates-ui/templates-ui.tsx"],"sourcesContent":["* { \n  padding: 0;\n  margin: 0;\n}\n\n.templates__container { \n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  & .back__btn-wrapper { \n    display: none;\n    &.show { \n      display: flex;\n      justify-content: space-between;\n      width: 100%;\n    }\n\n    & .alert__wrapper { \n      display: none;\n\n      &.show { \n        display: block;\n      }\n    }\n  }\n\n  & .templates__wrapper { \n    display: flex;\n    padding: 20px 0px;\n    gap: 20px;\n    // justify-content: space-evenly;\n    flex-wrap: wrap;\n  }\n\n  & .templates__title { \n    &.hide { \n      display: none;\n    }\n  }\n}\n\n\n\n","import { Component, h, Listen, Element, getAssetPath } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-templates-ui',\n  styleUrl: 'templates-ui.scss',\n  shadow: true,\n  assetsDirs: ['assets']\n})\n\nexport class TemplatesUI {\n  @Element() el: HTMLElement;\n\n  private tableTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/table_template.png`);\n  private wizardTemplate = getAssetPath(`https://raw.githubusercontent.com/Infineon/public-assets/refs/heads/main/wizard_template.png`);\n\n\n  toggleTemplate(currTemp) { \n    const templates = this.el.shadowRoot.querySelector('.templates__wrapper').querySelectorAll('ifx-template');\n      templates.forEach((template) => { \n        template.toggleTemplate(currTemp)\n      })\n  }\n\n  @Listen('fieldError')\n  handleError(e) { \n    const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');\n    if(e.detail) { \n      alertWrapper.classList.add('show');\n    } else { \n      alertWrapper.classList.remove('show');\n    }\n  }\n\n  @Listen('toggleTemplates')\n  filterTemplates(e) {\n    const title = this.el.shadowRoot.querySelector('.templates__title');\n    const backBtn = this.el.shadowRoot.querySelector('.back__btn-wrapper');\n    if(e.detail) { \n      title.classList.add('hide');\n      if(e.detail !== 'details') { \n        backBtn.classList.add('show');\n      }\n      this.toggleTemplate(e.detail)\n    } else { \n      title.classList.remove('hide');\n      backBtn.classList.remove('show');\n      this.toggleTemplate(null)\n    }\n  }\n\n  closeAlert() { \n    const alertWrapper = this.el.shadowRoot.querySelector('.alert__wrapper');\n    alertWrapper.classList.remove('show');\n  }\n\n  render() {\n    return (\n      <div class='templates__container'>\n        <div class=\"back__btn-wrapper\">\n          <ifx-icon-button onClick={() => this.filterTemplates(false)} shape=\"round\" variant=\"tertiary\" icon=\"arrow-left-16\" target=\"_blank\" size=\"m\" />\n          <div class=\"alert__wrapper\">\n            <ifx-alert onClick={() => this.closeAlert()} aria-live=\"assertive\" variant=\"danger\" icon=\"c-info-16\">All fields are mandatory</ifx-alert>\n          </div>\n        </div>\n        <h2 class=\"templates__title\">Choose your template</h2>\n        <div class=\"templates__wrapper\">\n          <ifx-template name='template-01' thumbnail={this.tableTemplate} />\n          <ifx-template name='template-02' thumbnail={this.wizardTemplate} />\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAiB,0iB,MCSVC,EAAW,MAPxB,WAAAC,CAAAC,G,UAUUC,KAAAC,cAAgBC,EAAa,+FAC7BF,KAAAG,eAAiBD,EAAa,+FA2DvC,CAxDC,cAAAE,CAAeC,GACb,MAAMC,EAAYN,KAAKO,GAAGC,WAAWC,cAAc,uBAAuBC,iBAAiB,gBACzFJ,EAAUK,SAASC,IACjBA,EAASR,eAAeC,EAAS,G,CAKvC,WAAAQ,CAAYC,GACV,MAAMC,EAAef,KAAKO,GAAGC,WAAWC,cAAc,mBACtD,GAAGK,EAAEE,OAAQ,CACXD,EAAaE,UAAUC,IAAI,O,KACtB,CACLH,EAAaE,UAAUE,OAAO,O,EAKlC,eAAAC,CAAgBN,GACd,MAAMO,EAAQrB,KAAKO,GAAGC,WAAWC,cAAc,qBAC/C,MAAMa,EAAUtB,KAAKO,GAAGC,WAAWC,cAAc,sBACjD,GAAGK,EAAEE,OAAQ,CACXK,EAAMJ,UAAUC,IAAI,QACpB,GAAGJ,EAAEE,SAAW,UAAW,CACzBM,EAAQL,UAAUC,IAAI,O,CAExBlB,KAAKI,eAAeU,EAAEE,O,KACjB,CACLK,EAAMJ,UAAUE,OAAO,QACvBG,EAAQL,UAAUE,OAAO,QACzBnB,KAAKI,eAAe,K,EAIxB,UAAAmB,GACE,MAAMR,EAAef,KAAKO,GAAGC,WAAWC,cAAc,mBACtDM,EAAaE,UAAUE,OAAO,O,CAGhC,MAAAK,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,wBACTF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,qBACTF,EAAA,mBAAAC,IAAA,2CAAiBE,QAAS,IAAM5B,KAAKoB,gBAAgB,OAAQS,MAAM,QAAQC,QAAQ,WAAWC,KAAK,gBAAgBC,OAAO,SAASC,KAAK,MACxIR,EAAK,OAAAC,IAAA,2CAAAC,MAAM,kBACTF,EAAW,aAAAC,IAAA,2CAAAE,QAAS,IAAM5B,KAAKuB,aAAY,YAAY,YAAYO,QAAQ,SAASC,KAAK,aAAgD,8BAG7IN,EAAI,MAAAC,IAAA,2CAAAC,MAAM,oBAA4C,wBACtDF,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sBACTF,EAAc,gBAAAC,IAAA,2CAAAQ,KAAK,cAAcC,UAAWnC,KAAKC,gBACjDwB,EAAA,gBAAAC,IAAA,2CAAcQ,KAAK,cAAcC,UAAWnC,KAAKG,kB","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["getInitiallySelectedItems","el","Array","from","querySelectorAll","filter","entry","getAttribute","map","label","value","type","filterAccordionCss","FilterAccordion","constructor","hostRef","this","initialized","expanded","count","totalItems","filterGroupName","handleCheckedChange","event","selectedItems","detail","length","ifxFilterAccordionChange","emit","toggleAccordion","stopPropagation","componentWillLoad","addEventListener","componentDidLoad","componentWillUnload","removeEventListener","render","h","key","class","onClick","variant","number","icon","name"],"sources":["src/components/table-advanced-version/filter-type-group/utils.ts","src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.scss?tag=ifx-filter-accordion&encapsulation=shadow","src/components/table-advanced-version/filter-type-group/filter-accordion/filter-accordion.tsx"],"sourcesContent":["// utils.ts\nexport function getInitiallySelectedItems(el: HTMLElement) {\n   return Array.from(el.querySelectorAll('ifx-list-entry'))\n\n    .filter(entry => entry.getAttribute('value') === 'true')\n    .map(entry => {\n      return {\n        label: entry.getAttribute('label'),\n        value: entry.getAttribute('value'),\n        type: entry.getAttribute('type')\n      };\n    });\n}","@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.header {\n  display: flex;\n  align-items: flex-start;\n  align-self: stretch;\n  cursor: pointer;\n  border-left: 3px solid transparent;\n}\n\n.text-and-icon {\n  display: flex;\n  padding: tokens.$ifxSpace150 tokens.$ifxSpace200 tokens.$ifxSpace150 tokens.$ifxSpace250;\n  align-items: center;\n  gap: tokens.$ifxSpace200;\n  flex: 1 0 0;\n}\n\n.header.expanded {\n  border-left: 3px solid tokens.$ifxColorOcean500;\n}\n\n.text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex: 1 0 0;\n  color: tokens.$ifxColorBaseBlack;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n}\n\n.hidden {\n  display: none;\n}\n\n.accordion {\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n}\n\n\n.filter-accordion-container {\n  display: flex;\n  padding: 8px 16px 16px 20px;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 12px;\n  align-self: stretch;\n  border-left: 3px solid tokens.$ifxColorOcean500;\n}\n\n::slotted(ifx-filter-entry:nth-child(n+7)) {\n  display: none;\n}\n\n.link {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.show-more ::slotted(ifx-filter-entry:nth-child(n+7)) {\n  display: block;\n}\n\n.show-more .show-more-link {\n  display: none;\n}","import { Component, h, Prop, State, Event, EventEmitter, Element } from '@stencil/core';\nimport { getInitiallySelectedItems } from '../utils';\n\n@Component({\n  tag: 'ifx-filter-accordion',\n  styleUrl: 'filter-accordion.scss',\n  shadow: true,\n})\nexport class FilterAccordion {\n  private initialized = false;\n  @Element() private el: HTMLElement;\n  @State() expanded: boolean = false;\n  @Prop() maxVisibleItems: number;\n  @State() count: number = 0;\n  @State() totalItems = 0;\n\n  @Prop() filterGroupName = \"\";\n\n  @Event() ifxFilterAccordionChange: EventEmitter;\n\n  componentWillLoad() {\n    this.el.addEventListener('ifxListUpdate', this.handleCheckedChange);\n\n  }\n\ncomponentDidLoad() {\n  if (!this.initialized) {\n    const selectedItems = getInitiallySelectedItems(this.el);\n    this.count = selectedItems.length;\n    this.initialized = true; // Prevent further execution in future calls\n  }\n}\n\n\nhandleCheckedChange = (event: CustomEvent) => {\n    const selectedItems = event.detail.selectedItems;\n    this.count = selectedItems.length;\n    this.ifxFilterAccordionChange.emit({ filterGroupName: this.filterGroupName, selectedItems });\n  }\n\n  componentWillUnload() {\n    this.el.removeEventListener('ifxListUpdate', this.handleCheckedChange);\n  }\n\n  toggleAccordion = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.expanded = !this.expanded;\n  }\n\n  render() {\n    return (\n      <div class={`accordion ${this.expanded ? 'expanded' : ''}`}>\n        <div class={`header ${this.expanded ? 'expanded' : ''}`} onClick={this.toggleAccordion} >\n          <div class={`text-and-icon ${this.expanded ? 'expanded' : ''}`}>\n            <div class=\"text\">\n              <span>{this.filterGroupName}</span>\n              <ifx-indicator variant='number' number={this.count}></ifx-indicator>\n            </div>\n            <ifx-icon\n              class={this.expanded ? '' : 'hidden'}\n              icon=\"minus-16\"\n              onClick={this.toggleAccordion}\n            ></ifx-icon>\n            <ifx-icon\n              class={this.expanded ? 'hidden' : ''}\n              icon=\"plus-16\"\n              onClick={this.toggleAccordion}\n            ></ifx-icon>\n          </div>\n        </div>\n        {this.expanded &&\n          <div class=\"filter-accordion-container\">\n            <slot name=\"list\"></slot>\n          </div>\n        }\n      </div>\n    );\n  }\n}"],"mappings":"yDACM,SAAUA,EAA0BC,GACvC,OAAOC,MAAMC,KAAKF,EAAGG,iBAAiB,mBAEpCC,QAAOC,GAASA,EAAMC,aAAa,WAAa,SAChDC,KAAIF,IACI,CACLG,MAAOH,EAAMC,aAAa,SAC1BG,MAAOJ,EAAMC,aAAa,SAC1BI,KAAML,EAAMC,aAAa,WAGjC,CCZA,MAAMK,EAAqB,u0B,MCQdC,EAAe,MAL5B,WAAAC,CAAAC,G,6EAMUC,KAAWC,YAAG,MAEbD,KAAQE,SAAY,MAEpBF,KAAKG,MAAW,EAChBH,KAAUI,WAAG,EAEdJ,KAAeK,gBAAG,GAkB5BL,KAAAM,oBAAuBC,IACnB,MAAMC,EAAgBD,EAAME,OAAOD,cACnCR,KAAKG,MAAQK,EAAcE,OAC3BV,KAAKW,yBAAyBC,KAAK,CAAEP,gBAAiBL,KAAKK,gBAAiBG,iBAAgB,EAO9FR,KAAAa,gBAAmBN,IACjBA,EAAMO,kBACNd,KAAKE,UAAYF,KAAKE,QAAQ,CAgCjC,CA1DC,iBAAAa,GACEf,KAAKf,GAAG+B,iBAAiB,gBAAiBhB,KAAKM,oB,CAInD,gBAAAW,GACE,IAAKjB,KAAKC,YAAa,CACrB,MAAMO,EAAgBxB,EAA0BgB,KAAKf,IACrDe,KAAKG,MAAQK,EAAcE,OAC3BV,KAAKC,YAAc,I,EAWrB,mBAAAiB,GACElB,KAAKf,GAAGkC,oBAAoB,gBAAiBnB,KAAKM,oB,CAQpD,MAAAc,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAO,aAAavB,KAAKE,SAAW,WAAa,MACpDmB,EAAK,OAAAC,IAAA,2CAAAC,MAAO,UAAUvB,KAAKE,SAAW,WAAa,KAAMsB,QAASxB,KAAKa,iBACrEQ,EAAA,OAAAC,IAAA,2CAAKC,MAAO,iBAAiBvB,KAAKE,SAAW,WAAa,MACxDmB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,QACTF,EAAO,QAAAC,IAAA,4CAAAtB,KAAKK,iBACZgB,EAAe,iBAAAC,IAAA,2CAAAG,QAAQ,SAASC,OAAQ1B,KAAKG,SAE/CkB,EACE,YAAAC,IAAA,2CAAAC,MAAOvB,KAAKE,SAAW,GAAK,SAC5ByB,KAAK,WACLH,QAASxB,KAAKa,kBAEhBQ,EACE,YAAAC,IAAA,2CAAAC,MAAOvB,KAAKE,SAAW,SAAW,GAClCyB,KAAK,UACLH,QAASxB,KAAKa,oBAInBb,KAAKE,UACJmB,EAAK,OAAAC,IAAA,2CAAAC,MAAM,8BACTF,EAAA,QAAAC,IAAA,2CAAMM,KAAK,U","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":["treeViewItemCss","TreeViewItem","constructor","hostRef","this","expanded","initiallyExpanded","disableItem","initiallySelected","hasChildren","isChecked","partialChecked","level","disableAllItems","expandAllItems","suppressExpandEvents","findChildren","Array","from","host","children","filter","child","HTMLElement","tagName","calculateNodeLevel","parent","parentElement","handleStateChange","event","disabled","stopPropagation","updateCheckState","detail","checked","handleCheckboxChange","_b","_a","handleHeaderClick","target","closest","newCheckedState","affectedItems","expandOrCollapseAllDescendants","ifxTreeViewItemExpandChange","emit","component","toggleExpand","handleKeyDown","allItems","querySelectorAll","visibleItems","item","parentCmp","currentIndex","findIndex","el","focusLabelIcon","focus","key","preventDefault","i","length","next","shadowRoot","querySelector","prev","_c","isExpanded","firstChild","_d","_e","_f","componentWillLoad","setAttribute","toString","addEventListener","componentDidLoad","observeParentAttribute","val","shouldExpandFromParent","expandAllDescendants","setTimeout","updateParentState","attr","cb","breakOnAttr","hasAttribute","observer","MutationObserver","observe","attributes","forEach","call","expand","push","value","childInstance","childAffected","fromParent","affected","collectDescendantStates","setNodeState","updateChildrenSilently","ifxTreeViewItemCheckChange","indeterminate","affectedChildItems","updateChildrenState","handleExpandedChange","newValue","handleDisableItemChange","ifxTreeViewItemDisableChange","state","emitEvent","descendants","collect","skipSelf","instance","componentOnReady","dispatchEvent","CustomEvent","bubbles","composed","findSiblingNodes","parentInstance","siblings","allChecked","someChecked","calculateSiblingStates","states","map","sib","partial","checkedCount","partialCount","render","h","class","role","undefined","ariaLabel","onClick","e","size","onIfxChange","style","paddingLeft","tabIndex","icon","onKeyDown","Fragment","name"],"sources":["src/components/tree-view/tree-view-item.scss?tag=ifx-tree-view-item&encapsulation=shadow","src/components/tree-view/tree-view-item.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.tree-item {\n  position: relative;\n  cursor: pointer;\n  list-style: none;\n\n  &.tree-item--expanded {\n    position: relative;\n  }\n\n  &.tree-item--has-children {\n    position: relative;\n\n    .tree-item__header > .tree-item__chevron-container {\n      display: flex;\n    }\n\n    &.tree-item--expanded {\n      .tree-item__header > .tree-item__chevron-container::after {\n        display: block;\n      }\n    }\n  }\n\n  &--disabled {\n    cursor: not-allowed;\n    pointer-events: none;\n    color: tokens.$ifxColorEngineering300;\n  }\n\n  &__content {\n    display: flex;\n    flex-direction: row;\n\n    &:hover {\n      .tree-item__checkbox-container,\n      .tree-item__header {\n        background-color: tokens.$ifxColorEngineering100;\n      }\n    }\n  }\n\n  &__checkbox-container {\n    position: sticky;\n    left: 0;\n    z-index: 10;\n    padding: tokens.$ifxSpace50;\n    background-color: tokens.$ifxColorBaseWhite;\n  }\n\n  &__header {\n    flex-grow: 1;\n    display: flex;\n    align-items: center;\n    white-space: nowrap;\n    height: tokens.$ifxSize250;\n    padding-top: tokens.$ifxSpace50;\n    padding-right: tokens.$ifxSpace200;\n    padding-bottom: tokens.$ifxSpace50;\n    padding-left: tokens.$ifxSpace100;\n  }\n\n  &__chevron-container {\n    display: none;\n    align-items: center;\n    margin-right: tokens.$ifxSpace100;\n    height: tokens.$ifxSize250;\n\n    &::after {\n      --height-line-start: 28px;\n\n      display: none;\n      content: '';\n      position: absolute;\n      z-index: 1;\n      top: var(--height-line-start);\n      left: auto;\n      margin-left: tokens.$ifxSpace100;\n      width: tokens.$ifxSize12;\n      height: calc(100% - var(--height-line-start));\n      background-color: tokens.$ifxColorEngineering200;\n\n      .tree-item--disabled & {\n        color: tokens.$ifxColorEngineering200;\n      }\n    }\n  }\n\n  &__chevron {\n    &.chevron-down {\n      transform: rotate(90deg);\n    }\n\n    &.chevron-right {\n      transform: rotate(0);\n    }\n  }\n\n  &__label-icon-container {\n    display: flex;\n    align-items: center;\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  &__icon-container {\n    position: relative;\n    width: tokens.$ifxSize200;\n    height: tokens.$ifxSize200;\n\n    ifx-icon {\n      position: absolute;\n      left: 0;\n      top: 0;\n      opacity: 1;\n      transition: opacity 0.2s ease-in-out;\n\n      &.icon--hidden {\n        opacity: 0;\n      }\n    }\n  }\n\n  &__label {\n    padding-left: tokens.$ifxSpace100;\n  }\n\n  &__children {\n    display: none;\n\n    .tree-item[aria-expanded=\"true\"] > & {\n      display: block;\n    }\n  }\n}\n\n","import { Component, h, Prop, State, Element, Fragment, Event, EventEmitter, Watch } from '@stencil/core';\n\nexport interface TreeViewCheckChangeEvent {\n  checked: boolean;\n  indeterminate: boolean;\n  value?: string;\n  affectedChildItems?: Array<{ checked: boolean; indeterminate: boolean; value?: string }>;\n  component?: TreeViewItem;\n}\n\nexport interface TreeViewExpandChangeEvent {\n  expanded: boolean;\n  value?: string;\n  affectedItems?: Array<{ expanded: boolean; value?: string }>;\n  component?: TreeViewItem;\n}\n\nexport interface TreeViewDisableChangeEvent {\n  disabled: boolean;\n  component?: TreeViewItem;\n}\n\ninterface TreeState {\n  isChecked: boolean;\n  partialChecked: boolean;\n}\n\ntype HTMLIfxTreeViewItemElement = HTMLElement & { componentOnReady: () => Promise<unknown> };\n\n@Component({\n  tag: 'ifx-tree-view-item',\n  styleUrl: 'tree-view-item.scss',\n  shadow: true,\n})\nexport class TreeViewItem {\n  @Element() host: HTMLElement;\n  @Prop({ reflect: true, mutable: true }) expanded: boolean = false;\n  @Prop() initiallyExpanded: boolean = false;\n  @Prop() disableItem: boolean = false;\n  @Prop() ariaLabel: string | null;\n  @Prop() initiallySelected: boolean = false;\n  @Prop() value: string;\n\n  @Event() ifxTreeViewItemExpandChange: EventEmitter<TreeViewExpandChangeEvent>;\n  @Event() ifxTreeViewItemCheckChange: EventEmitter<TreeViewCheckChangeEvent>;\n  @Event() ifxTreeViewItemDisableChange: EventEmitter<TreeViewDisableChangeEvent>;\n\n  @State() private hasChildren: boolean = false;\n  @State() private isChecked: boolean = false;\n  @State() private partialChecked: boolean = false;\n  @State() private level: number = 0;\n  @State() private disableAllItems: boolean = false;\n  @State() private expandAllItems: boolean = false;\n  @State() private suppressExpandEvents: boolean = false;\n\n  private get disabled() {\n    return this.disableAllItems || this.disableItem;\n  }\n\n  private get isExpanded() {\n    return this.expandAllItems || this.expanded;\n  }\n\n  private findChildren = () =>\n    Array.from(this.host.children)\n      .filter((child): child is HTMLElement => child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM');\n\n  private calculateNodeLevel = (): number => {\n    let level = 0, parent = this.host.parentElement;\n    while (parent) {\n      if (parent.tagName === 'IFX-TREE-VIEW-ITEM') level++;\n      parent = parent.parentElement;\n    }\n    return level;\n  };\n\n  componentWillLoad() {\n    this.expanded = this.initiallyExpanded;\n    this.hasChildren = this.findChildren().length > 0;\n    this.level = this.calculateNodeLevel();\n    this.host.setAttribute('data-level', this.level.toString());\n    this.isChecked = this.initiallySelected;\n    this.host.addEventListener('internal-check-state-change', this.handleStateChange);\n  }\n\n  componentDidLoad() {\n    this.observeParentAttribute('disable-all-items', val => this.disableAllItems = val);\n    this.observeParentAttribute('data-expand-all-items', val => this.expandAllItems = val, true);\n    if (this.shouldExpandFromParent()) this.expandAllDescendants();\n    (this.host as any)['__stencil_instance'] = this;\n    if (this.initiallySelected) setTimeout(() => this.updateParentState(), 0);\n  }\n\n  private observeParentAttribute(attr: string, cb: (val: boolean) => void, breakOnAttr = false) {\n    let parent = this.host.parentElement;\n    while (parent) {\n      if (parent.tagName === 'IFX-TREE-VIEW' || (breakOnAttr && parent.hasAttribute(attr))) {\n        const observer = new MutationObserver(() => cb(parent.hasAttribute(attr)));\n        observer.observe(parent, { attributes: true });\n        cb(parent.hasAttribute(attr));\n        break;\n      }\n      parent = parent.parentElement;\n    }\n  }\n\n  private shouldExpandFromParent(): boolean {\n    let parent = this.host.parentElement;\n    while (parent) {\n      if (\n        parent.tagName === 'IFX-TREE-VIEW' &&\n        (parent.hasAttribute('expand-all-items') || parent.hasAttribute('data-expand-all-items'))\n      ) return true;\n      parent = parent.parentElement;\n    }\n    return false;\n  }\n\n  private expandAllDescendants() {\n    this.expanded = true;\n    this.findChildren().forEach(child => {\n      (child as any).expanded = true;\n      (child as any).expandAllDescendants?.();\n    });\n  }\n\n  private handleStateChange = (event: CustomEvent) => {\n    if (this.disabled) return;\n    event.stopPropagation();\n    this.updateCheckState(event.detail.checked);\n  };\n\n  private handleCheckboxChange = (event: CustomEvent) => {\n    if (this.disabled) return;\n    this.updateCheckState(event.detail?.checked ?? !this.isChecked);\n  };\n\n  private handleHeaderClick = ({ target }: MouseEvent) => {\n    if (this.disabled) return;\n    if (!(target as HTMLElement).closest('.tree-item__checkbox-container, .tree-item__chevron-container')) {\n      if (this.hasChildren) {\n        const newCheckedState = !this.isChecked;\n        this.updateCheckState(newCheckedState);\n        const affectedItems = newCheckedState\n          ? this.expandOrCollapseAllDescendants(true)\n          : this.expandOrCollapseAllDescendants(false);\n        this.ifxTreeViewItemExpandChange.emit({\n          expanded: newCheckedState,\n          affectedItems,\n          component: this\n        });\n      } else {\n        this.updateCheckState(!this.isChecked);\n      }\n    }\n  };\n\n  private expandOrCollapseAllDescendants(expand: boolean) {\n    this.suppressExpandEvents = true;\n    const affectedItems: Array<{ expanded: boolean; value?: string }> = [];\n    this.expanded = expand;\n    if (this.hasChildren) affectedItems.push({ expanded: expand, value: this.value });\n    this.findChildren().forEach(child => {\n      const childInstance = (child as any)['__stencil_instance'];\n      if (childInstance && childInstance.hasChildren) {\n        childInstance.suppressExpandEvents = true;\n        childInstance.expanded = expand;\n        affectedItems.push({ expanded: expand, value: childInstance.value });\n        if (childInstance.hasChildren) {\n          const childAffected = childInstance.expandOrCollapseAllDescendants(expand);\n          affectedItems.push(...childAffected);\n        }\n      }\n    });\n    this.suppressExpandEvents = false;\n    return affectedItems;\n  }\n\n  private async updateCheckState(checked: boolean, fromParent = false) {\n    if (this.disabled) return;\n    if (!fromParent && this.hasChildren) {\n      const affected = this.collectDescendantStates(checked);\n      this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n      await this.updateChildrenSilently(checked);\n      this.ifxTreeViewItemCheckChange.emit({\n        checked,\n        indeterminate: false,\n        value: this.value,\n        affectedChildItems: affected,\n        component: this,\n      });\n      this.updateParentState();\n    } else if (fromParent) {\n      this.setNodeState({ isChecked: checked, partialChecked: false }, false);\n    } else {\n      this.setNodeState({ isChecked: checked, partialChecked: false });\n      await this.updateChildrenState(checked);\n      this.updateParentState();\n    }\n  }\n\n  private async updateChildrenSilently(checked: boolean) {\n    for (const child of this.findChildren()) {\n      const childInstance = (child as any)['__stencil_instance'];\n      if (childInstance && !childInstance.disabled) {\n        childInstance.setNodeState({ isChecked: checked, partialChecked: false }, false);\n        await childInstance.updateChildrenSilently(checked);\n      }\n    }\n  }\n\n  @Watch('expanded')\n  handleExpandedChange(newValue: boolean) {\n    if (!this.suppressExpandEvents) {\n      this.ifxTreeViewItemExpandChange.emit({\n        expanded: newValue,\n        value: this.value,\n        affectedItems: [{ expanded: newValue, value: this.value }],\n        component: this\n      });\n    }\n  }\n\n  @Watch('disableItem')\n  handleDisableItemChange(newValue: boolean) {\n    this.ifxTreeViewItemDisableChange.emit({ disabled: newValue, component: this });\n  }\n\n  private setNodeState(state: TreeState, emitEvent = true) {\n    this.isChecked = state.isChecked;\n    this.partialChecked = state.partialChecked;\n    if (emitEvent) {\n      this.ifxTreeViewItemCheckChange.emit({\n        checked: this.isChecked,\n        indeterminate: this.partialChecked,\n        value: this.value,\n        level: this.level,\n        disabled: this.disabled,\n        component: this\n      } as any);\n    }\n  }\n\n  private collectDescendantStates(checked: boolean) {\n    const descendants: Array<{ checked: boolean; indeterminate: boolean; value?: string }> = [];\n    const collect = (el: Element, skipSelf = false) => {\n      let instance: any = el === this.host ? this : (el as any)['__stencil_instance'];\n      if (!skipSelf && !instance?.disabled) {\n        descendants.push({\n          checked,\n          indeterminate: false,\n          value: instance?.value,\n        });\n      }\n      Array.from(el.children)\n        .forEach(child => {\n          if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\n        });\n    };\n    Array.from(this.host.children)\n      .forEach(child => {\n        if (child.tagName === 'IFX-TREE-VIEW-ITEM') collect(child, false);\n      });\n    return descendants;\n  }\n\n  private async updateChildrenState(checked: boolean) {\n    for (const child of this.findChildren()) {\n      const childInstance = (child as any)['__stencil_instance'];\n      if (childInstance && !childInstance.disabled) {\n        await (child as HTMLIfxTreeViewItemElement).componentOnReady();\n        child.dispatchEvent(new CustomEvent('internal-check-state-change', {\n          detail: { checked },\n          bubbles: false,\n          composed: true\n        }));\n      }\n    }\n  }\n\n  private findSiblingNodes(parent: HTMLElement): HTMLIfxTreeViewItemElement[] {\n    return Array.from(parent.children)\n      .filter((child): child is HTMLIfxTreeViewItemElement =>\n        child instanceof HTMLElement && child.tagName === 'IFX-TREE-VIEW-ITEM'\n      );\n  }\n\n  private updateParentState() {\n    const parent = this.host.parentElement?.closest('ifx-tree-view-item') as HTMLIfxTreeViewItemElement;\n    if (!parent) return;\n    setTimeout(() => {\n      const parentInstance = (parent as any)['__stencil_instance'] as TreeViewItem;\n      if (!parentInstance) return;\n      const siblings = this.findSiblingNodes(parent);\n      const { allChecked, someChecked } = this.calculateSiblingStates(siblings);\n      parentInstance.setNodeState({\n        isChecked: allChecked,\n        partialChecked: !allChecked && someChecked\n      }, false);\n      parentInstance.updateParentState();\n    }, 0);\n  }\n\n  private calculateSiblingStates(siblings: HTMLIfxTreeViewItemElement[]) {\n    const states = siblings.map(sib => {\n      const instance = (sib as any)['__stencil_instance'] as TreeViewItem;\n      return { checked: instance?.isChecked, partial: instance?.partialChecked };\n    });\n    const checkedCount = states.filter(state => state.checked).length;\n    const partialCount = states.filter(state => state.partial).length;\n    return {\n      allChecked: states.length > 0 && checkedCount === states.length && partialCount === 0,\n      someChecked: checkedCount > 0 || partialCount > 0\n    };\n  }\n\n  private toggleExpand = () => {\n    if (this.disabled || !this.hasChildren) return;\n    this.expanded = !this.expanded;\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    const allItems = Array.from(\n      this.host.closest('ifx-tree-view')?.querySelectorAll('ifx-tree-view-item') || []\n    );\n    const visibleItems = allItems.filter(item => {\n      let parent = item.parentElement?.closest('ifx-tree-view-item');\n      while (parent) {\n        const parentCmp = parent as any;\n        if (!(parentCmp.expandAllItems || parentCmp.expanded)) return false;\n        parent = parent.parentElement?.closest('ifx-tree-view-item');\n      }\n      return true;\n    });\n    const currentIndex = visibleItems.findIndex(el => el === this.host);\n    const focusLabelIcon = (el: Element | null) =>\n      (el as HTMLElement | null)?.focus();\n\n    switch (event.key) {\n      case 'ArrowDown': {\n        event.preventDefault();\n        for (let i = currentIndex + 1; i < visibleItems.length; i++) {\n          const next = visibleItems[i] as any;\n          if (!next.disabled) {\n            focusLabelIcon(next.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n            break;\n          }\n        }\n        break;\n      }\n      case 'ArrowUp': {\n        event.preventDefault();\n        for (let i = currentIndex - 1; i >= 0; i--) {\n          const prev = visibleItems[i] as any;\n          if (!prev.disabled) {\n            focusLabelIcon(prev.shadowRoot?.querySelector('.tree-item__label-icon-container'));\n            break;\n          }\n        }\n        break;\n      }\n      case 'ArrowRight': {\n        event.preventDefault();\n        if (!this.isExpanded && this.hasChildren) {\n          this.expanded = true;\n        } else if (this.isExpanded && this.hasChildren) {\n          const firstChild = this.host.querySelector('ifx-tree-view-item');\n          if (firstChild && !(firstChild as any).disabled) {\n            focusLabelIcon((firstChild as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n          }\n        }\n        break;\n      }\n      case 'ArrowLeft': {\n        event.preventDefault();\n        if (this.isExpanded && this.hasChildren) {\n          this.expanded = false;\n        } else {\n          const parent = this.host.parentElement?.closest('ifx-tree-view-item');\n          if (parent && !(parent as any).disabled) {\n            focusLabelIcon((parent as HTMLElement).shadowRoot?.querySelector('.tree-item__label-icon-container'));\n          }\n        }\n        break;\n      }\n      case ' ':\n      case 'Enter': {\n        event.preventDefault();\n        if (this.hasChildren) {\n          const newCheckedState = !this.isChecked;\n          this.updateCheckState(newCheckedState);\n          const affectedItems = newCheckedState\n            ? this.expandOrCollapseAllDescendants(true)\n            : this.expandOrCollapseAllDescendants(false);\n          this.ifxTreeViewItemExpandChange.emit({\n            expanded: newCheckedState,\n            affectedItems,\n            component: this\n          });\n        } else {\n          this.updateCheckState(!this.isChecked);\n        }\n        break;\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        class={{\n          'tree-item': true,\n          'tree-item--expanded': this.isExpanded,\n          'tree-item--has-children': this.hasChildren,\n          'tree-item--disabled': this.disabled,\n        }}\n        role=\"treeitem\"\n        aria-expanded={this.isExpanded ? 'true' : 'false'}\n        data-level={this.level}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        aria-label={this.ariaLabel}\n      >\n        <div class=\"tree-item__content\">\n          <div class=\"tree-item__checkbox-container\" onClick={e => e.stopPropagation()}>\n            <ifx-checkbox\n              size='s'\n              checked={this.partialChecked ? false : this.isChecked}\n              indeterminate={this.partialChecked}\n              onIfxChange={this.handleCheckboxChange}\n              disabled={this.disabled}\n            />\n          </div>\n          <div\n            class=\"tree-item__header\"\n            style={{ paddingLeft: `${this.level * 24 + 10}px` }}\n            onClick={this.handleHeaderClick}\n            tabIndex={-1}\n            aria-disabled={this.disabled ? 'true' : undefined}\n          >\n            {this.hasChildren && (\n              <div class=\"tree-item__chevron-container\" onClick={this.toggleExpand}>\n                <ifx-icon class={`tree-item__chevron ${this.isExpanded ? 'chevron-down' : 'chevron-right'}`}\n                          icon=\"chevron-right-16\"/>\n                <div class=\"tree-item__line\"/>\n              </div>\n            )}\n            <div\n              class=\"tree-item__label-icon-container\"\n              tabIndex={this.disabled ? -1 : 0}\n              onKeyDown={this.handleKeyDown}\n            >\n              <div class=\"tree-item__icon-container\">\n                {this.hasChildren ? (\n                  <Fragment>\n                    <ifx-icon class={{'icon--hidden': this.isExpanded}} icon=\"folder-16\"/>\n                    <ifx-icon class={{'icon--hidden': !this.isExpanded}} icon=\"folder-open-16\"/>\n                  </Fragment>\n                ) : (\n                  <ifx-icon icon=\"file-16\"/>\n                )}\n              </div>\n              <span class=\"tree-item__label\"><slot/></span>\n            </div>\n          </div>\n        </div>\n        {this.isExpanded && <div class=\"tree-item__children\"><slot name=\"children\"/></div>}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"names":["dropdownSeparatorCss","DropdownSeparator","render","h","key","class"],"sources":["src/components/dropdown/dropdown-seperator/dropdown-separator.scss?tag=ifx-dropdown-separator&encapsulation=shadow","src/components/dropdown/dropdown-seperator/dropdown-separator.tsx"],"sourcesContent":["// dropdown-separator.scss\n@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.dropdown-separator {\n  height: 1px;\n  background-color: tokens.$ifxColorEngineering200;\n  margin: 8px 16px;\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-separator',\n  styleUrl: 'dropdown-separator.scss',\n  shadow: true\n})\n\nexport class DropdownSeparator {\n  render() {\n    return (\n      <div class='dropdown-separator'></div>\n    )\n  }\n}"],"mappings":"sCAAA,MAAMA,EAAuB,2E,MCShBC,EAAiB,M,yBAC5B,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,sB","ignoreList":[]}