@infineon/infineon-design-system-stencil 39.4.4-canary.0 → 39.5.0

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

@@ -1 +0,0 @@
-{"version":3,"names":["chipCss","Chip","constructor","hostRef","this","placeholder","size","value","undefined","variant","theme","readOnly","disabled","icon","opened","selectedOptions","handleValueChange","newValue","syncSelectedOptionsWithProp","handleReadOnlyChange","closeDropdownOnOutsideClick","event","path","composedPath","chipWrapper","chip","shadowRoot","querySelector","chipDropdown","includes","toggleDropdownMenu","handleKeyDown","code","preventDefault","target","tagName","handleWrapperKeyDown","handleDropdownKeyDown","updateSelectedOptions","eventDetail","detail","previousSelection","selected","chipItems","getChipItems","forEach","chipItem","chipState","Object","assign","emitIfxChipItemSelect","find","option","filter","map","emitIfxChange","ifxChange","emit","currentSelection","name","querySelectorAll","getSelectedOptions","label","join","slice","focusChipItemAt","index","item","length","console","error","shadowItem","setTimeout","focus","focusChip","handleUnselectButtonClick","stopPropagation","itemGotUnselected","handleWrapperClick","chipitems","targetIndex","Array","from","indexOf","syncChipState","key","generateKey","count","isArray","componentWillLoad","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","render","h","class","tabIndex","onClick","role","ariaLabel","toString","inverted","number","e","id","chipItemCss","ChipItem","updateItemSelection","parentElement","validateSelected","oldValue","emitIfxChipItemSelectEvent","getItemLabel","innerText","toggleItemSelection","ifxChipItemSelect","handleItemClick","handleItemKeyDown","handleSelectedState","onKeyDown","checked","paginationCss","Pagination","currentPage","showItemsPerPage","internalPage","internalItemsPerPage","numberOfPages","total","filteredItemsPerPage","visiblePages","CLASS_DISABLED","CLASS_ACTIVE","handlePageClick","li","currentTarget","page","parseInt","dataset","isNaN","changePage","handleResize","clearTimeout","resizeTimeout","updateVisiblePages","watchTotalHandler","calculateNumberOfPages","currentPageWatcher","newVal","Math","max","min","setItemsPerPage","selectedValue","_a","_b","newItemsPerPage","handleEventEmission","emitItemsPerPage","ifxItemsPerPageChange","select","el","addEventListener","window","initPagination","disconnectedCallback","removeEventListener","isMobile","innerWidth","totalPages","current","pages","push","buffer","start","end","i","ceil","_","filterOptionsArray","items","itemsPerPage","JSON","parse","selectedOption","Number","componentWillUpdate","prevInternalPage","componentDidUpdate","ifxPageChange","pagination","updateButtons","prev","next","classList","toggle","newPage","options","tabindex"],"sources":["src/components/chip/chip.scss?tag=ifx-chip&encapsulation=shadow","src/components/chip/chip.tsx","src/components/chip/chip-item/chip-item.scss?tag=ifx-chip-item&encapsulation=shadow","src/components/chip/chip-item/chip-item.tsx","src/components/pagination/pagination.scss?tag=ifx-pagination&encapsulation=shadow","src/components/pagination/pagination.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n    display: inline-block;\r\n}\r\n\r\n.chip {\r\n    position: relative;\r\n}\r\n\r\n.chip__wrapper {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: tokens.$ifxSpace100;\r\n    box-sizing: border-box;\r\n    border-radius: tokens.$ifxBorderRadiusRound;\r\n    background: tokens.$ifxColorBaseWhite;\r\n    cursor: pointer;  \r\n    transition: border 100ms ease;\r\n    font: tokens.$ifxBodyBody04;\r\n\r\n    & .icon__wrapper { \r\n        display: flex;\r\n    }\r\n\r\n    &.outlined, &.filled-dark, &.filled-light { \r\n        outline: 2px solid transparent;\r\n        &:focus-visible {\r\n            outline: 2px solid tokens.$ifxColorOcean500;\r\n            outline-offset: 2px;\r\n        }\r\n        \r\n        &.chip__wrapper--opened {\r\n         .wrapper__open-button {\r\n            transform: rotate(-180deg);\r\n         }\r\n        }\r\n\r\n        &.chip__wrapper--selected {\r\n        .wrapper__label {\r\n            .label__selected-options {\r\n                font: tokens.$ifxBodyBody04;\r\n            }\r\n        }\r\n      }\r\n    }\r\n\r\n    &.filled-dark, &.filled-light { \r\n        &.chip__wrapper--selected:not(.read-only) {\r\n        background-color: tokens.$ifxColorOcean500;\r\n        color: white;\r\n         &:hover { \r\n            background-color: tokens.$ifxColorOcean600;\r\n         }\r\n\r\n         &:hover.disabled { \r\n            background-color: tokens.$ifxColorOcean500;\r\n         }\r\n      }\r\n    }\r\n    \r\n    &.outlined { \r\n        border: 1px solid tokens.$ifxColorEngineering400;\r\n        &:hover:not(.read-only) {\r\n            border-color: tokens.$ifxColorEngineering500;\r\n            background-color: tokens.$ifxColorEngineering100;\r\n        }\r\n\r\n        &:active:not(.read-only) { \r\n            border-color: tokens.$ifxColorEngineering500;\r\n            background-color: tokens.$ifxColorEngineering300;\r\n        }\r\n\r\n        &.chip__wrapper--opened {\r\n            border: 1px solid tokens.$ifxColorOcean500;\r\n        }\r\n\r\n        &.chip__wrapper--selected {\r\n        outline: 3px solid tokens.$ifxColorOcean500;\r\n        border: 1px solid transparent;\r\n        background-color: white;\r\n\r\n        &:focus-visible {\r\n            outline-offset: 0px;\r\n        }\r\n         &:hover:not(.read-only) { \r\n            outline-color: tokens.$ifxColorOcean600;\r\n         }\r\n\r\n         &.read-only { \r\n            outline: none;\r\n            border: 1px solid black;\r\n         }\r\n      }\r\n\r\n      &.disabled { \r\n        outline: none;\r\n        color: tokens.$ifxColorEngineering300;\r\n        border: 1px solid tokens.$ifxColorEngineering300;\r\n        &:hover { \r\n            outline: none;\r\n            border-color: tokens.$ifxColorEngineering300;\r\n            background-color: white;\r\n        }\r\n      }\r\n\r\n      &.read-only { \r\n        border: 1px solid black;\r\n        &:focus-visible { \r\n            outline: 2px solid tokens.$ifxColorOcean500;\r\n            outline-offset: 2px;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.filled-dark { \r\n        background-color: tokens.$ifxColorEngineering600;\r\n        color: white;\r\n\r\n        &:hover:not(.chip__wrapper--selected, .disabled, .read-only) { \r\n        background-color: tokens.$ifxColorEngineering500;\r\n        }\r\n\r\n        &:active:not(.chip__wrapper--selected, .disabled, .read-only) { \r\n            background-color: tokens.$ifxColorEngineering400;\r\n            color: black;\r\n        }\r\n\r\n      &.disabled { \r\n        outline: none;\r\n        color: tokens.$ifxColorEngineering300;\r\n        &:hover:not(.chip__wrapper--selected) { \r\n        background-color: tokens.$ifxColorEngineering600;\r\n        }\r\n      }\r\n\r\n      &.chip__wrapper--selected { \r\n        &.read-only { \r\n            border: 1px solid tokens.$ifxColorEngineering400;\r\n         }\r\n      }\r\n\r\n      &.read-only { \r\n        border: 1px solid tokens.$ifxColorEngineering400;\r\n      }\r\n    }\r\n\r\n    &.filled-light { \r\n        background-color: tokens.$ifxColorEngineering200;\r\n\r\n        &:hover:not(.read-only) { \r\n        background-color: tokens.$ifxColorEngineering300;\r\n        }\r\n\r\n        &:active:not(.read-only) { \r\n            background-color: tokens.$ifxColorEngineering400;\r\n        }\r\n\r\n      &.disabled { \r\n        outline: none;\r\n        color: tokens.$ifxColorEngineering300;\r\n        &:hover:not(.chip__wrapper--selected) { \r\n        background-color: tokens.$ifxColorEngineering200;\r\n        }\r\n      }\r\n\r\n      &.chip__wrapper--selected { \r\n        &.read-only { \r\n            border: 1px solid black;\r\n         }\r\n      }\r\n\r\n      &.read-only { \r\n        border: 1px solid black;\r\n      }\r\n    }\r\n    \r\n    &.chip__wrapper--small {\r\n        padding: tokens.$ifxSpace50 tokens.$ifxSpace100;\r\n        height: tokens.$ifxSize300;\r\n    }\r\n\r\n    &.chip__wrapper--medium {\r\n        padding: tokens.$ifxSpace50 tokens.$ifxSpace150;\r\n        height: tokens.$ifxSize350;\r\n    }\r\n    \r\n    &.chip__wrapper--large {\r\n        padding: tokens.$ifxSpace100 tokens.$ifxSpace150;\r\n        height: tokens.$ifxSize450;\r\n    }\r\n}\r\n\r\n.wrapper__label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: tokens.$ifxSpace50;\r\n\r\n    .label__selected-options {\r\n        font: tokens.$ifxBodyBodySemibold04;\r\n    }\r\n}\r\n\r\n.wrapper__open-button {\r\n    display:flex;\r\n    align-items: center;\r\n}\r\n\r\n.wrapper__unselect-button {\r\n    display:flex;\r\n    align-items: center;\r\n}\r\n\r\n.chip__dropdown {\r\n    position: absolute;\r\n    z-index: 1;\r\n    box-shadow: 0px 6px 9px 0px #1D1D1D1A;\r\n    border: 1px solid tokens.$ifxColorEngineering200;\r\n    border-radius: tokens.$ifxBorderRadius12;\r\n    padding: tokens.$ifxSpace100 0;\r\n    min-width: 222px;\r\n    background-color: tokens.$ifxColorBaseWhite;\r\n}\r\n","import { h, Component, Element, Event, EventEmitter, Listen, Prop, State, Watch } from '@stencil/core';\r\nimport { ChipItemSelectEvent } from './interfaces';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-chip',\r\n  styleUrl: 'chip.scss',\r\n  shadow: true\r\n})\r\nexport class Chip {\r\n  @Element() chip: HTMLIfxChipElement;\r\n\r\n  @Event() ifxChange: EventEmitter<{ previousSelection: Array<ChipItemSelectEvent>, currentSelection: Array<ChipItemSelectEvent>, name: string }>;\r\n  @Prop() placeholder: string = '';\r\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\r\n  @Prop({ mutable: true }) value: Array<string> | string = undefined;\r\n  @Prop() variant: 'single' | 'multi' = 'single';\r\n  @Prop() theme: 'outlined' | 'filled-light' | 'filled-dark' = 'outlined';\r\n  @Prop() readOnly: boolean = false;\r\n  @Prop() ariaLabel: string | null;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() icon: string = \"\";\r\n\r\n  @State() opened: boolean = false;\r\n  @State() selectedOptions: Array<ChipItemSelectEvent> = [];\r\n\r\n  @Watch('value')\r\n  handleValueChange(newValue: Array<string> | string) {\r\n    this.syncSelectedOptionsWithProp(newValue);\r\n  }\r\n\r\n  @Watch('readOnly')\r\n  handleReadOnlyChange(newValue: boolean) {\r\n    if (newValue) {\r\n      this.opened = false;\r\n    }\r\n  }\r\n\r\n  @Listen('mousedown', { target: 'document' })\r\n  closeDropdownOnOutsideClick(event: MouseEvent) {\r\n    const path = event.composedPath();\r\n    const chipWrapper: HTMLElement = this.chip.shadowRoot.querySelector('.chip__wrapper');\r\n    const chipDropdown: HTMLElement = this.chip.shadowRoot.querySelector('.chip__dropdown');\r\n    if (!path.includes(chipDropdown) && !path.includes(chipWrapper) && this.opened) {\r\n      this.toggleDropdownMenu();\r\n    }\r\n  }\r\n\r\n  @Listen('keydown')\r\n  handleKeyDown(event: KeyboardEvent) {\r\n    // override behavior of all keys except Tab. Users should be able to tab out of the component.\r\n    if (event.code !== 'Tab') {\r\n      event.preventDefault(); \r\n    }\r\n\r\n    if ((event.target as HTMLElement).tagName === 'IFX-CHIP') {\r\n      this.handleWrapperKeyDown(event);\r\n    } else if ((event.target as HTMLElement).tagName === 'IFX-CHIP-ITEM') {\r\n      this.handleDropdownKeyDown(event);\r\n    }\r\n  }\r\n\r\n  @Listen('ifxChipItemSelect')\r\n  updateSelectedOptions(event: CustomEvent<ChipItemSelectEvent>) {\r\n    const eventDetail: ChipItemSelectEvent = event.detail;\r\n    const previousSelection: Array<ChipItemSelectEvent> = [...this.selectedOptions];\r\n\r\n    if (this.variant !== 'multi') {\r\n      if (eventDetail.selected) {\r\n        this.opened = false;\r\n        const chipItems: NodeList = this.getChipItems();\r\n        chipItems.forEach((chipItem: HTMLIfxChipItemElement) => {\r\n          if (chipItem.selected && chipItem !== event.target) {\r\n            chipItem.chipState = {\r\n              ...chipItem.chipState,\r\n              emitIfxChipItemSelect: false,\r\n            };\r\n            chipItem.selected = false;\r\n          }\r\n        });\r\n        this.selectedOptions = [eventDetail];\r\n      } else {\r\n        this.selectedOptions = [];\r\n      }\r\n      this.value = this.selectedOptions[0] ? this.selectedOptions[0].value : undefined;\r\n    } else {\r\n      if (eventDetail.selected) {\r\n        // Prevent duplicate entries\r\n        if (!this.selectedOptions.find(option => option.value === eventDetail.value)) {\r\n          this.selectedOptions = [...this.selectedOptions, eventDetail];\r\n        }\r\n      } else {\r\n        this.selectedOptions = this.selectedOptions.filter((option) => option.value !== eventDetail.value);\r\n      }\r\n      this.value = this.selectedOptions.map((option) => option.value);\r\n    }\r\n\r\n    if (eventDetail.emitIfxChange) {\r\n      this.ifxChange.emit({\r\n        previousSelection: previousSelection,\r\n        currentSelection: this.selectedOptions,\r\n        name: this.placeholder\r\n      });\r\n    }\r\n  }\r\n\r\n  getChipItems(): NodeList {\r\n    return this.chip.querySelectorAll('ifx-chip-item');\r\n  }\r\n\r\n  getSelectedOptions(): string {\r\n    if (this.variant !== 'multi') {\r\n      return this.selectedOptions.map(option => option.label).join('');\r\n    }\r\n    return this.selectedOptions.slice(0, 2).map(option => option.label).join(', ');\r\n  }\r\n\r\n  toggleDropdownMenu() {\r\n    if (this.readOnly) return;\r\n    this.opened = !this.opened;\r\n  }\r\n\r\n  /**\r\n   * Focuses the chip item at the specified index.\r\n   * @param index the index of the chip item to focus. -1 will focus the last chip item.\r\n   */\r\n  focusChipItemAt(index: number = 0) {\r\n    this.opened = true;\r\n    const chipItems: NodeList = this.getChipItems();\r\n    let item: HTMLIfxChipItemElement;\r\n    \r\n    if (index === -1) {\r\n      item = chipItems.item(chipItems.length - 1) as HTMLIfxChipItemElement;\r\n    } else if (index >= 0 && index < chipItems.length) {\r\n      item = chipItems.item(index) as HTMLIfxChipItemElement;\r\n    } else {\r\n      console.error(`Invalid index: ${index}`);\r\n      return;\r\n    }\r\n\r\n    const shadowItem = item.shadowRoot.querySelector('.chip-item') as HTMLDivElement;\r\n    if (shadowItem) {\r\n      // Delay needed for the shadow item to be rendered.\r\n      setTimeout(() => {\r\n        shadowItem.focus();\r\n      }, 1);\r\n    }\r\n  }\r\n\r\n  focusChip() {\r\n    const chipWrapper: HTMLElement = this.chip.shadowRoot.querySelector('.chip__wrapper');\r\n    chipWrapper.focus();\r\n  }\r\n\r\n  handleUnselectButtonClick(event: MouseEvent) {\r\n    event.stopPropagation();\r\n    this.opened = false;\r\n\r\n    let itemGotUnselected = false;\r\n    const chipItems: NodeList = this.getChipItems();\r\n    chipItems.forEach((chipItem: HTMLIfxChipItemElement) => {\r\n      if (chipItem.selected) {\r\n        itemGotUnselected = true;\r\n        chipItem.chipState = {\r\n          ...chipItem.chipState,\r\n          emitIfxChipItemSelect: false,\r\n        }\r\n        chipItem.selected = false;\r\n      }\r\n    });\r\n\r\n    /* Emit event only if at least one item was unselected. */\r\n    if (itemGotUnselected) {\r\n      const previousSelection: Array<ChipItemSelectEvent> = this.selectedOptions;\r\n      this.selectedOptions = [];\r\n      this.value = [];\r\n      this.ifxChange.emit({\r\n        previousSelection: previousSelection,\r\n        currentSelection: [],\r\n        name: this.placeholder\r\n      });\r\n    }\r\n  }\r\n\r\n  handleWrapperClick() {\r\n    if (!this.readOnly) {\r\n      this.toggleDropdownMenu();\r\n    }\r\n  }\r\n\r\n  handleWrapperKeyDown(event: KeyboardEvent) {\r\n    // Keymap oriented at https://www.w3.org/WAI/ARIA/apg/patterns/combobox/#keyboard_interaction\r\n    if (this.readOnly) return;\r\n\r\n    if (!this.opened) {\r\n      switch (event.code) {\r\n        case 'Space':\r\n        case 'Enter':\r\n        case 'ArrowDown':\r\n          this.focusChipItemAt(0);\r\n          break;\r\n        case 'ArrowUp':\r\n          this.focusChipItemAt(-1);\r\n          break;\r\n      }\r\n    } else {\r\n      switch (event.code) {\r\n        case 'Escape':\r\n          this.opened = false;\r\n          this.focusChip();\r\n          break;\r\n      }\r\n    }\r\n  }\r\n\r\n  handleDropdownKeyDown(event: KeyboardEvent) {\r\n    let chipitems = this.getChipItems();\r\n\r\n    let targetIndex = Array.from(chipitems).indexOf(event.target as HTMLIfxChipItemElement);\r\n    if (targetIndex === -1) {\r\n      console.error('Target not found in chip items');\r\n      return;\r\n    }\r\n\r\n    switch (event.code) {\r\n      case 'ArrowDown':\r\n        if (targetIndex === chipitems.length - 1) break;\r\n        this.focusChipItemAt(targetIndex + 1);\r\n        break;\r\n      case 'ArrowUp':\r\n        if (targetIndex === 0) break;\r\n        this.focusChipItemAt( targetIndex - 1);\r\n        break;\r\n      case 'Escape':\r\n        this.opened = false;\r\n        this.focusChip();\r\n        break;\r\n      case 'Space':\r\n        // selection is handled by the chip-item component\r\n        if (this.variant === 'single') {\r\n          // only close dropdown if single select\r\n          this.opened = false;\r\n          this.focusChip();\r\n        }\r\n        break;\r\n      case 'Enter':\r\n        // selection is handled by the chip-item component\r\n        this.opened = false;\r\n        this.focusChip();\r\n        break;\r\n      }\r\n    }\r\n\r\n  syncChipState() {\r\n    const chipItems: NodeList = this.getChipItems();\r\n    let key: number = 0;\r\n    chipItems.forEach((chipItem: HTMLIfxChipItemElement) => {\r\n      chipItem.chipState = {\r\n        emitIfxChipItemSelect: true,\r\n        size: this.size ? this.size : 'medium',\r\n        variant: (this.variant === 'multi' ? 'multi' : 'single'),\r\n        key: key++\r\n      };\r\n    });\r\n  }\r\n\r\n  syncSelectedOptionsWithProp(newValue: Array<string> | string) {\r\n    // Clear old selected options\r\n    this.selectedOptions = [];\r\n\r\n    const generateKey = (() => {\r\n      let count = 0;\r\n      return () => count++;\r\n    })();\r\n\r\n    if (Array.isArray(newValue)) {\r\n      this.selectedOptions = newValue.map(value => ({\r\n        value,\r\n        label: value,\r\n        selected: true,\r\n        key: generateKey(),\r\n        emitIfxChange: true\r\n      }));\r\n    } else if (typeof newValue === 'string') {\r\n      this.selectedOptions = [{\r\n        value: newValue,\r\n        label: newValue,\r\n        selected: true,\r\n        key: generateKey(),\r\n        emitIfxChange: true\r\n      }];\r\n    }\r\n\r\n    this.syncChipState();\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.syncSelectedOptionsWithProp(this.value);\r\n  }\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.chip)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-chip', await framework)\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class='chip'>\r\n        <div class={`chip__wrapper chip__wrapper--${this.size ? this.size : 'medium'}\r\n                  chip__wrapper--${this.variant === 'multi' ? 'multi' : 'single'}\r\n                  ${this.opened && !this.readOnly ? 'chip__wrapper--opened' : ''}\r\n                  ${this.selectedOptions.length ? 'chip__wrapper--selected' : ''}\r\n                  ${this.theme ? this.theme : 'outlined'}\r\n                  ${this.disabled ? 'disabled' : \"\"}\r\n                  ${this.readOnly ? 'read-only' : \"\"}`}\r\n          tabIndex={0}\r\n          onClick={!this.readOnly && !this.disabled ? () => { this.handleWrapperClick() } : undefined}\r\n          role='combobox'\r\n          aria-label={this.ariaLabel}\r\n          aria-value={this.getSelectedOptions()}\r\n          aria-haspopup={!this.readOnly ? 'listbox' : undefined}\r\n          aria-expanded={!this.readOnly ? this.opened.toString() : undefined}\r\n          aria-controls={!this.readOnly ? 'dropdown' : undefined}\r\n          aria-readonly={this.readOnly ? 'true' : undefined}\r\n          aria-multiselectable={this.variant === 'multi' ? 'true' : undefined}\r\n          >\r\n          \r\n          {this.icon && \r\n          <div class=\"icon__wrapper\">\r\n            <ifx-icon icon={this.icon}></ifx-icon>\r\n          </div>}\r\n\r\n          <div class='wrapper__label'>\r\n            {\r\n              (this.selectedOptions.length === 0) && `${this.placeholder}`\r\n            }\r\n\r\n            {\r\n              (this.selectedOptions.length !== 0 && (this.variant === 'multi') && this.placeholder !== '') &&\r\n              `${this.placeholder}:`\r\n            }\r\n\r\n            {\r\n              (this.selectedOptions.length !== 0) &&\r\n              <div class='label__selected-options'>\r\n                {this.getSelectedOptions()}\r\n              </div>\r\n            }\r\n\r\n            {\r\n              (this.selectedOptions.length > 2 && this.variant === 'multi') &&\r\n              <ifx-indicator variant='number' inverted={this.theme === 'outlined' ? false : true} number={this.selectedOptions.length - 2}></ifx-indicator>\r\n            }\r\n          </div>\r\n\r\n          {\r\n            !this.readOnly && (this.variant !== 'multi' || (this.variant === 'multi' && this.selectedOptions.length === 0)) &&\r\n            <div class='wrapper__open-button'>\r\n              <ifx-icon key={1} icon={`chevron-down-16`} />\r\n            </div>\r\n          }\r\n\r\n          {\r\n            ((this.selectedOptions.length >= 1) && this.variant === 'multi') &&\r\n            <div class='wrapper__unselect-button' onClick={!this.readOnly && !this.disabled ? (e) => { this.handleUnselectButtonClick(e) } : undefined}>\r\n              <ifx-icon key={2} icon={`cross16`} />\r\n            </div>\r\n          }\r\n\r\n        </div>\r\n\r\n        {\r\n          this.opened && !this.readOnly &&\r\n          <div id='dropdown' role='listbox' class='chip__dropdown'>\r\n            <slot />\r\n          </div>\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../../global/font.scss\";\r\n\r\n.chip-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: tokens.$ifxSpace100;\r\n    \r\n    padding: tokens.$ifxSpace100 tokens.$ifxSpace200;\r\n    \r\n    user-select: none;\r\n    \r\n    transition: all 100ms ease;\r\n    transition-property: background, color;\r\n    \r\n    &:hover {\r\n        cursor: pointer;\r\n        \r\n        background-color: tokens.$ifxColorEngineering200;\r\n    }\r\n    \r\n    &:active {\r\n        background-color: tokens.$ifxColorEngineering300;\r\n    }\r\n\r\n    &:focus {\r\n        outline: 2px solid tokens.$ifxColorOcean500;\r\n    }\r\n    \r\n    &.chip-item--large {\r\n        font: tokens.$ifxBodyBody03;\r\n    }\r\n    \r\n    &.chip-item--small {\r\n        font: tokens.$ifxBodyBody04;\r\n    }\r\n\r\n    &.chip-item--selected {\r\n        color: tokens.$ifxColorOcean500;\r\n\r\n        .chip-item__selected-indicator {\r\n            display: block;\r\n        }\r\n    }\r\n}\r\n\r\n.chip-item__selected-indicator {\r\n    display: none;\r\n    \r\n    margin-left: auto;\r\n}\r\n\r\n","import { h,\r\n    Component,\r\n    Element,\r\n    Event,\r\n    EventEmitter, \r\n    Listen,\r\n    Prop, \r\n    Watch } from '@stencil/core';\r\nimport { ChipItemSelectEvent, ChipState } from '../interfaces';\r\n\r\n@Component({\r\ntag: 'ifx-chip-item',\r\nstyleUrl: 'chip-item.scss',\r\nshadow: true\r\n})\r\n\r\nexport class ChipItem {\r\n@Element() chipItem: HTMLIfxChipItemElement;\r\n\r\n@Event({ composed: false }) ifxChipItemSelect: EventEmitter<ChipItemSelectEvent>;\r\n\r\n@Prop() value: string = undefined;\r\n@Prop() chipState: ChipState = { emitIfxChipItemSelect: true, variant: 'multi', size: 'large' }; \r\n@Prop({ mutable: true, reflect: true }) selected: boolean = false;\r\n\r\n@Listen('ifxChipItemSelect', { target: 'body' })\r\nupdateItemSelection(event: CustomEvent<ChipItemSelectEvent>) {\r\n   if (this.chipState.variant === 'single') {\r\n       const target = event.target as HTMLIfxChipItemElement;\r\n       /* Also making sure chip items are from the same group (parent) while unselecting. */\r\n       if (this.chipItem !== target && this.chipItem.parentElement === target.parentElement) {\r\n           this.selected = false;\r\n       }\r\n   }\r\n} \r\n\r\n@Watch('selected')\r\nvalidateSelected(newValue: boolean, oldValue: boolean) {\r\n   if (newValue !== oldValue) {\r\n       /* Do not emit if ChipState does not allow. */\r\n       if (this.chipState.emitIfxChipItemSelect){\r\n           this.emitIfxChipItemSelectEvent();\r\n       } else {\r\n           this.chipState.emitIfxChipItemSelect = true;\r\n       }\r\n   }\r\n} \r\n\r\ngetItemLabel(): string {\r\n   return this.chipItem.innerText as string;\r\n}\r\n\r\ntoggleItemSelection() {\r\n   this.selected = !this.selected;\r\n}\r\n   \r\n\r\nemitIfxChipItemSelectEvent(emitIfxChange: boolean = true) {\r\n   this.ifxChipItemSelect.emit({ emitIfxChange: emitIfxChange,\r\n                           key: this.chipState.key,\r\n                           label: this.getItemLabel(), \r\n                           selected: this.selected, \r\n                           value: this.value });\r\n}\r\n\r\nhandleItemClick() {\r\n   this.toggleItemSelection();\r\n}\r\n\r\nhandleItemKeyDown(event: KeyboardEvent) {\r\n   if (event.code === 'Enter' || event.code === 'Space') {\r\n       this.toggleItemSelection();\r\n   }\r\n}\r\n\r\nhandleSelectedState() {\r\n   if (this.selected) {\r\n       this.emitIfxChipItemSelectEvent(false);\r\n   }\r\n}\r\n\r\n\r\ncomponentWillLoad() {\r\n   /* Propogating the selected state to the Chip (Parent) component if it is set. */\r\n   this.handleSelectedState();\r\n}\r\n\r\nrender() {\r\n   return (\r\n       <div class={`chip-item chip-item--${this.chipState.size} \r\n                    chip-item--${(this.selected && this.chipState.variant) === 'single' ? 'selected' : ''}`} \r\n           tabIndex={0}\r\n           onClick={() => {this.handleItemClick()}}\r\n           onKeyDown={(e) => {this.handleItemKeyDown(e)}}\r\n           role=\"option\"\r\n           aria-selected={this.selected.toString()}>    \r\n           {/* Checkbox; renders only in 'multi' variant. */}\r\n           { \r\n               this.chipState.variant === 'multi' &&\r\n               <ifx-checkbox checked={this.selected}\r\n                   tabIndex={-1} \r\n                   size='s'>\r\n               </ifx-checkbox>\r\n           }\r\n\r\n           <div class='chip-item__label'> <slot /> </div>\r\n\r\n           {/* Selected indicator only visible in 'single' variant. */}\r\n           <div class='chip-item__selected-indicator'> \r\n               <ifx-icon icon='check-16'> </ifx-icon> \r\n           </div>\r\n\r\n       </div>\r\n   );\r\n}\r\n}","@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n  display: inline-flex;\r\n}\r\n\r\n.container {\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 32px;\r\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\r\n  flex-wrap: wrap;\r\n\r\n  & .items__per-page-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 16px;\r\n\r\n    & .items__per-page-label {\r\n      color: #1D1D1D;\r\n      font-size: 14px;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n      line-height: 20px;\r\n    }\r\n\r\n    & .items__per-page-field {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n\r\n      & ifx-select {\r\n        width: 92px;\r\n      }\r\n    }\r\n  }\r\n\r\n  & .items__total-wrapper {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 12px;\r\n\r\n    & .items__total-button {\r\n      display: flex;\r\n      width: 40px;\r\n      height: 40px;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-radius: 100px;\r\n      border: 1px solid #BFBBBB;\r\n      background: #FFF;\r\n    }\r\n\r\n    & .page__numbers-wrapper {\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      gap: 12px;\r\n\r\n      & .page__number-item {\r\n        display: flex;\r\n        padding: 6px;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 10px;\r\n        border-radius: 100px;\r\n\r\n        &.active {\r\n          background-color: #0A8276;\r\n\r\n          & span {\r\n            color: #fff;\r\n          }\r\n        }\r\n\r\n        &:hover {\r\n          cursor: pointer;\r\n        }\r\n\r\n        &:hover:not(.active) {\r\n          background-color: #ddd;\r\n\r\n        }\r\n\r\n        &:active:not(.active) {\r\n          background-color: #575352;\r\n        }\r\n\r\n        & span {\r\n          display: flex;\r\n          width: 16px;\r\n          height: 16px;\r\n          flex-direction: column;\r\n          justify-content: center;\r\n          color: #1D1D1D;\r\n          text-align: center;\r\n          font-size: 13px;\r\n          font-style: normal;\r\n          font-weight: 400;\r\n          line-height: 20px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n\r\n.pagination {\r\n  display: flex;\r\n\r\n  & ifx-icon-button:first-of-type {\r\n    margin-right: 12px;\r\n  }\r\n\r\n  & ifx-icon-button:last-of-type {\r\n    margin-left: 12px;\r\n  }\r\n}\r\n\r\n.page__button {\r\n  padding: 8px;\r\n  border-radius: 100px;\r\n}\r\n\r\nol {\r\n  list-style-type: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\nli {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  border-radius: 100px;\r\n\r\n  &:hover:not(.active) {\r\n    & page__button {\r\n      background-color: #EEEDED;\r\n    }\r\n  }\r\n\r\n  &:active:not(.active) {\r\n    & .page__button {\r\n      background-color: #575352;\r\n      color: #fff;\r\n    }\r\n  }\r\n\r\n  &.active {\r\n    background-color: #0A8276;\r\n\r\n    & .page__button {\r\n      color: #fff;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  & .page__button {\r\n    text-decoration: none;\r\n    display: flex;\r\n    width: 16px;\r\n    height: 16px;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    color: #1D1D1D;\r\n    text-align: center;\r\n    font-size: 13px;\r\n    font-style: normal;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.prev,\r\n.next {\r\n  &.disabled {\r\n    cursor: default;\r\n\r\n    &:hover {\r\n      cursor: default;\r\n      text-decoration: none;\r\n    }\r\n  }\r\n}\r\n\r\n.prev {\r\n  margin-right: 2.5px;\r\n}\r\n\r\n.next {\r\n  margin-left: 2.5px;\r\n}\r\n\r\n@media (max-width: tokens.$ifxBreakpointM) {\r\n  .container {\r\n    gap: tokens.$ifxSpace200;\r\n    justify-content: left;\r\n\r\n    .items__total-wrapper {\r\n      .pagination {\r\n        ol {\r\n          gap: tokens.$ifxSpace150;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media (max-width: 374px) {\r\n  .pagination {\r\n    .ellipsis + .active {\r\n      margin-left: tokens.$ifxSpace100;\r\n    }\r\n\r\n    .active + .ellipsis {\r\n      margin-left: tokens.$ifxSpace100;\r\n    }\r\n  }\r\n}\r\n","import { Component, h, Element, Event, EventEmitter, Prop, State, Listen, Watch } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-pagination',\r\n  styleUrl: 'pagination.scss',\r\n  shadow: true\r\n})\r\nexport class Pagination {\r\n  @Element() el: HTMLElement;\r\n  @Event() ifxPageChange: EventEmitter;\r\n  @Event() ifxItemsPerPageChange: EventEmitter;\r\n  @Prop() currentPage: number = 1;\r\n  @Prop() showItemsPerPage: boolean = true;\r\n  @State() internalPage: number = 1;\r\n  @State() internalItemsPerPage: number = 10;\r\n  @State() numberOfPages: number[] = [];\r\n  @Prop() total: number = 1;\r\n  @Prop() itemsPerPage: any[] | string;\r\n  @State() filteredItemsPerPage: any[] = [];\r\n  @State() visiblePages: (number | string)[] = [];\r\n\r\n  private CLASS_DISABLED = \"disabled\";\r\n  private CLASS_ACTIVE = \"active\";\r\n  private prevInternalPage: number;\r\n\r\n  @Watch('total')\r\n  watchTotalHandler() {\r\n    this.calculateNumberOfPages();\r\n    this.updateVisiblePages();\r\n  }\r\n\r\n  @Watch('currentPage')\r\n  currentPageWatcher(newVal: number) {\r\n    this.internalPage = Math.max(1, Math.min(newVal, this.numberOfPages.length));\r\n    this.calculateNumberOfPages();\r\n    this.updateVisiblePages();\r\n  }\r\n\r\n    @Listen('ifxSelect')\r\n    setItemsPerPage(e: CustomEvent) {\r\n      const selectedValue = e.detail?.value || e.detail?.label;\r\n      const newItemsPerPage = parseInt(selectedValue) || 10;\r\n\r\n      if (newItemsPerPage === this.internalItemsPerPage) {\r\n        return;\r\n      }\r\n\r\n      this.internalItemsPerPage = newItemsPerPage;\r\n      this.internalPage = 1;\r\n      this.calculateNumberOfPages();\r\n      this.updateVisiblePages();\r\n      this.handleEventEmission();\r\n    }\r\n\r\n    emitItemsPerPage(e) {\r\n      this.ifxItemsPerPageChange.emit((e as any).detail.label)\r\n    }\r\n\r\n  async componentDidLoad() {\r\n    if (this.showItemsPerPage) {\r\n      const select = this.el.shadowRoot.querySelector('#itemsPerPageSelect');\r\n      if(select) {\r\n        select.addEventListener('ifxSelect', (e) => this.emitItemsPerPage(e))\r\n      }\r\n    }\r\n\r\n    // Add resize listener to update pagination on screen size changes\r\n    window.addEventListener('resize', this.handleResize);\r\n\r\n    if(!isNestedInIfxComponent(this.el)) {\r\n      const framework = detectFramework();\r\n      trackComponent('ifx-pagination', await framework)\r\n    }\r\n    this.initPagination();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.showItemsPerPage) {\r\n      const select = this.el.shadowRoot.querySelector('#itemsPerPageSelect');\r\n      if (select) {\r\n        select.removeEventListener('ifxSelect', (e) => this.emitItemsPerPage(e));\r\n      }\r\n    }\r\n\r\n    // Remove resize listener\r\n    window.removeEventListener('resize', this.handleResize);\r\n\r\n    // Clear any pending resize timeout\r\n    if (this.resizeTimeout) {\r\n      clearTimeout(this.resizeTimeout);\r\n    }\r\n  }\r\n\r\n  updateVisiblePages() {\r\n    // Check if screen is mobile (< 375px)\r\n    const isMobile = window.innerWidth < 375;\r\n    const totalPages = this.numberOfPages.length;\r\n    const current = this.internalPage;\r\n    let pages: (number | string)[] = [];\r\n\r\n    if (isMobile) {\r\n      // Mobile logic: maximum 5 elements\r\n      if (totalPages <= 5) {\r\n        pages = [...this.numberOfPages];\r\n      } else {\r\n        // Always show first page\r\n        pages.push(1);\r\n\r\n        if (current <= 2) {\r\n          // Show: 1 2 3 … 10 (for pages 1 and 2)\r\n          pages.push(2, 3, '...', totalPages);\r\n        } else if (current >= totalPages - 1) {\r\n          // Show: 1 … 23 24 25 (for last 2 pages only)\r\n          pages.push('...', totalPages - 2, totalPages - 1, totalPages);\r\n        } else {\r\n          // Show: 1 … 5 … 10 (for middle pages, including page 3 and third-to-last page)\r\n          pages.push('...', current, '...', totalPages);\r\n        }\r\n      }\r\n    } else {\r\n      // Desktop logic: maximum 7 elements\r\n      const buffer = 2;\r\n\r\n      if (totalPages <= 7) {\r\n        pages = [...this.numberOfPages];\r\n      } else {\r\n        // Always show first page\r\n        pages.push(1);\r\n\r\n        // Determine the range around current page\r\n        let start = Math.max(2, current - buffer);\r\n        let end = Math.min(totalPages - 1, current + buffer);\r\n\r\n        // Adjust range to ensure we show enough pages\r\n        // If we're close to the beginning, extend the end\r\n        if (current <= 4) {\r\n          start = 2;\r\n          end = Math.min(totalPages - 1, 5);\r\n        }\r\n        // If we're close to the end, extend the start\r\n        else if (current >= totalPages - 3) {\r\n          start = Math.max(2, totalPages - 4);\r\n          end = totalPages - 1;\r\n        }\r\n        // For middle pages, show current +/- 1\r\n        else {\r\n          start = current - 1;\r\n          end = current + 1;\r\n        }\r\n\r\n        // Add ellipsis before the range if there's a gap\r\n        if (start > 2) {\r\n          pages.push('...');\r\n        }\r\n\r\n        // Add the range of pages\r\n        for (let i = start; i <= end; i++) {\r\n          pages.push(i);\r\n        }\r\n\r\n        // Add ellipsis after the range if there's a gap\r\n        if (end < totalPages - 1) {\r\n          pages.push('...');\r\n        }\r\n\r\n        // Always show last page\r\n        pages.push(totalPages);\r\n      }\r\n    }\r\n\r\n    this.visiblePages = pages;\r\n  }\r\n\r\n  calculateNumberOfPages() {\r\n    const totalPages = Math.ceil(this.total / this.internalItemsPerPage);\r\n    this.numberOfPages = Array.from({ length: totalPages }, (_, i) => i + 1);\r\n    this.internalPage = Math.max(1, Math.min(this.currentPage, totalPages));\r\n  }\r\n\r\n  filterOptionsArray() {\r\n    const items = typeof this.itemsPerPage === 'string' ?\r\n      JSON.parse(this.itemsPerPage) : this.itemsPerPage;\r\n    this.filteredItemsPerPage = items.map(item => ({\r\n      ...item,\r\n      label: item.label || item.value\r\n    }));\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.filterOptionsArray();\r\n\r\n    const selectedOption = this.filteredItemsPerPage.find(option => option.selected);\r\n    if (selectedOption) {\r\n      this.internalItemsPerPage = Number(selectedOption.value);\r\n    } else if (this.filteredItemsPerPage.length > 0) {\r\n      this.internalItemsPerPage = Number(this.filteredItemsPerPage[0].value);\r\n    }\r\n\r\n    this.calculateNumberOfPages();\r\n    this.internalPage = Math.max(1, Math.min(this.currentPage, this.numberOfPages.length));\r\n    this.updateVisiblePages();\r\n  }\r\n\r\n  componentWillUpdate() {\r\n     if (this.prevInternalPage !== this.internalPage) {\r\n      this.updateVisiblePages();\r\n      this.prevInternalPage = this.internalPage;\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.initPagination();\r\n  }\r\n\r\n  handleEventEmission() {\r\n    this.ifxPageChange.emit({\r\n      currentPage: this.internalPage,\r\n      totalPages: this.numberOfPages.length,\r\n      itemsPerPage: this.internalItemsPerPage\r\n    });\r\n  }\r\n\r\n  initPagination() {\r\n    const pagination = this.el.shadowRoot.querySelector('.pagination');\r\n    if (!pagination) return;\r\n\r\n    const updateButtons = () => {\r\n      const prev = pagination.querySelector<HTMLButtonElement>('.prev');\r\n      const next = pagination.querySelector<HTMLButtonElement>('.next');\r\n      if (prev) {\r\n        prev.disabled = this.internalPage === 1;\r\n        prev.classList.toggle(this.CLASS_DISABLED, this.internalPage === 1);\r\n      }\r\n      if (next) {\r\n        next.disabled = this.internalPage === this.numberOfPages.length;\r\n        next.classList.toggle(this.CLASS_DISABLED, this.internalPage === this.numberOfPages.length);\r\n      }\r\n    };\r\n\r\n    pagination.querySelectorAll('li').forEach(li => {\r\n      li.removeEventListener('click', this.handlePageClick);\r\n      li.addEventListener('click', this.handlePageClick);\r\n    });\r\n\r\n    updateButtons();\r\n  }\r\n\r\n  private handlePageClick = (e: Event) => {\r\n    const li = e.currentTarget as HTMLLIElement;\r\n    const page = parseInt(li.dataset.page);\r\n    if (!isNaN(page)) this.changePage(page);\r\n  };\r\n\r\n  private handleResize = () => {\r\n    // Debounce resize events to prevent excessive calls\r\n    clearTimeout(this.resizeTimeout);\r\n    this.resizeTimeout = setTimeout(() => {\r\n      this.updateVisiblePages();\r\n    }, 100);\r\n  };\r\n\r\n  private resizeTimeout: any;\r\n\r\n  changePage(newPage: number) {\r\n    newPage = Math.max(1, Math.min(newPage, this.numberOfPages.length));\r\n    if (newPage === this.internalPage) return;\r\n\r\n    this.internalPage = newPage;\r\n    this.handleEventEmission();\r\n    this.initPagination();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"container\">\r\n        {this.showItemsPerPage && (\r\n          <div class=\"items__per-page-wrapper\">\r\n            <div class=\"items__per-page-label\">Results per Page</div>\r\n            <div class=\"items__per-page-field\">\r\n              <ifx-select\r\n                id='itemsPerPageSelect'\r\n                placeholder='false'\r\n                show-search='false'\r\n                value={undefined}\r\n                disabled={false}\r\n                error={false}\r\n                size=\"s\"\r\n                options={this.filteredItemsPerPage}\r\n                placeholder-value=\"Select\"\r\n              ></ifx-select>\r\n            </div>\r\n          </div>\r\n        )}\r\n\r\n        <div class=\"items__total-wrapper\">\r\n          <div class=\"pagination\">\r\n            <ifx-icon-button\r\n              class=\"prev\"\r\n              icon=\"arrow-left-16\"\r\n              aria-label='Previous Page'\r\n              onClick={() => this.changePage(this.internalPage - 1)}\r\n              variant=\"secondary\"\r\n            ></ifx-icon-button>\r\n\r\n            <ol>\r\n            {this.visiblePages.map((page, i) => typeof page === 'number' ? (\r\n              <li\r\n                key={`page-${page}`}\r\n                class={{ [this.CLASS_ACTIVE]: page === this.internalPage }}\r\n                data-page={page}\r\n              >\r\n                <span \r\n                  class='page__button'\r\n                  role=\"button\"\r\n                  tabindex=\"0\"\r\n                  aria-current={page === this.internalPage ? \"page\" : undefined}\r\n                  aria-label={`Page ${page}`}\r\n                  onClick={() => this.changePage(page)}\r\n                  onKeyDown={(e) => (e.key === 'Enter' || e.key === ' ') && this.changePage(page)}\r\n                >\r\n                  {page}\r\n                </span>\r\n              </li>\r\n            ) : (\r\n              <li class=\"ellipsis\" key={`ellipsis-${i}`}>\r\n                <span aria-hidden=\"true\">...</span>\r\n              </li>\r\n            ))}\r\n            </ol>\r\n\r\n            <ifx-icon-button\r\n              class=\"next\"\r\n              icon=\"arrow-right-16\"\r\n              aria-label='Next Page'\r\n              onClick={() => this.changePage(this.internalPage + 1)}\r\n              variant=\"secondary\"\r\n            ></ifx-icon-button>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r,h as e,a}from"./p-PqnYwNKt.js";const o=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.container{display:flex;align-items:center;gap:20px;flex-wrap:wrap;text-decoration:none;color:#1D1D1D;padding:0px 24px 24px 24px;word-wrap:break-word;overflow-wrap:anywhere;}.container:hover{cursor:initial}';const n=class{constructor(e){r(this,e)}render(){return e("div",{key:"c2ad16092f513de6ea485ab418fcf2e62b276859",class:"container"},e("slot",{key:"e4a80833b3a1de998967120d85fcab706926e3ec"}))}get el(){return a(this)}};n.style=o;export{n as ifx_card_links};
-//# sourceMappingURL=p-356425ec.entry.js.map

package/dist/infineon-design-system-stencil/p-356425ec.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\";\r\n@use \"../../../global/font.scss\";\r\n\r\n.container {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: tokens.$ifxSpace250;\r\n  flex-wrap: wrap;\r\n  text-decoration: none;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  padding: 0px 24px 24px 24px;\r\n\r\n  /* wraps text at spaces and within words */\r\n  word-wrap: break-word;\r\n  /* breaks text within a word if necessary */\r\n  overflow-wrap: anywhere;\r\n  /* breaks text at arbitrary points when needed */\r\n\r\n  &:hover {\r\n    cursor: initial;\r\n  }\r\n}","import { Component, h, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-card-links',\r\n  styleUrl: 'card-links.scss',\r\n  shadow: true,\r\n})\r\n\r\nexport class CardLinks {\r\n  @Element() el;\r\n\r\n  render() {\r\n    return (\r\n      <div class='container'>\r\n        <slot />\r\n      </div>\r\n    )\r\n  }\r\n}\r\n"],"mappings":"wCAAA,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-3ffb4e39.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["fileUploadCss","FileUpload","constructor","hostRef","this","dragAndDrop","required","disabled","maxFileSizeMB","allowedFileTypes","undefined","additionalAllowedFileTypes","allowAnyFileType","allowedFileExtensions","label","labelRequiredError","labelBrowseFiles","labelDragAndDrop","labelUploadedFilesHeading","labelFileTooLarge","labelUnsupportedFileType","labelUploaded","labelUploadFailed","labelSupportedFormatsTemplate","labelFileSingular","labelFilePlural","labelMaxFilesInfo","labelMaxFilesExceeded","ariaLabelBrowseFiles","ariaLabelDropzone","ariaLabelFileInput","ariaLabelRemoveFile","ariaLabelCancelUpload","ariaLabelRetryUpload","ariaLabelUploadingStatus","ariaLabelUploadedStatus","ariaLabelUploadFailedStatus","internalId","Math","random","toString","substr","isDragOver","files","uploadTasks","rejectedSizeFiles","rejectedTypeFiles","requiredError","statusMessage","fileInputEl","extensionToMimeMap","jpg","jpeg","png","gif","svg","webp","pdf","doc","docx","xls","xlsx","ppt","pptx","txt","csv","json","mp3","wav","mp4","mov","webm","zip","rar","tar","gz","xml","html","css","js","maxFiles","_maxFiles","value","console","warn","validateRequired","length","_a","text","type","ifxFileUploadValidation","emit","valid","_b","pluralize","count","getNormalizedFileTypes","getNormalizedFileExtensions","Array","isArray","JSON","parse","split","map","t","trim","isFileTypeAllowed","file","fileExtension","getFileExtension","name","normalizedTypes","allowedMimes","ext","toLowerCase","filter","Boolean","includes","additionalMimeTypes","getAdditionalMimeTypes","customExtensions","normalizedExt","startsWith","substring","filename","lastDotIndex","lastIndexOf","getLabelFromMimeType","mime","knownMime","Object","entries","toUpperCase","handleFileChange","event","input","target","processFiles","handleDrop","preventDefault","stopPropagation","dataTransfer","droppedFiles","from","acceptedFiles","rejectedFiles","forEach","isValidType","isValidSize","size","push","ifxFileUploadDrop","handleDragOver","handleDragLeave","fileList","selectedFiles","validFiles","rejectedSize","rejectedType","isDuplicate","some","existing","ifxFileUploadInvalid","reason","ifxFileUploadError","errorType","message","availableSlots","limitedFiles","slice","max","overflowFiles","startUpload","ifxFileUploadAdd","addedFiles","ifxFileUploadChange","replace","ifxFileUploadMaxFilesExceeded","attempted","retryUpload","taskIndex","findIndex","splice","ifxFileUploadRetry","checkAndEmitAllComplete","every","completed","error","hasSuccessfulUploads","successfulFiles","ifxFileUploadAllComplete","resetFileInput","updateTaskProgress","progress","task","find","newProgress","min","ifxFileUploadStart","intervalId","uploadHandler","percent","then","ifxFileUploadComplete","catch","totalSize","fakeUploadSpeed","uploaded","window","setInterval","round","clearInterval","cancelUpload","_","i","f","ifxFileUploadAbort","removeFile","ifxFileUploadRemove","removedFile","clearRejectedFile","fileName","splitFileNameParts","dotIndex","base","getFileIcon","extension","pop","formatSize","bytes","toFixed","getAcceptAttribute","acceptValues","extensionTypes","mimeTypes","join","getFormattedProgressText","uploadedSize","uploadedText","totalText","getSupportedFileText","fileWord","maxFilesText","allTypes","extensions","cleanExt","typesLabel","getFormattedFileTooLargeText","renderStatusMessage","h","class","icon","isInputDisabled","componentDidLoad","isNestedInIfxComponent","hostElement","framework","detectFramework","trackComponent","hasAttribute","showDemoStates","injectDemoState","dummyContent","fill","bigContent","uploading","File","failed","tooLarge","unsupported","triggerDemoValidation","render","key","htmlFor","renderDragAndDropArea","renderUploadArea","shape","variant","onClick","isUploading","isError","itemClass","uniqueKey","style","display","handleInputRef","el","click","id","ref","accept","multiple","onChange","e","triggerInputClick","onDragOver","onDragLeave","onDrop","role","tabIndex","height","overflow"],"sources":["src/components/file-upload/file-upload.scss?tag=ifx-file-upload&encapsulation=shadow","src/components/file-upload/file-upload.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n@use \"../../global/font.scss\";\r\n\r\n:host {\r\n  // TODO remove\r\n  font-family: var(--ifx-font-family, sans-serif);\r\n}\r\n\r\n.file-upload-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  &.disabled {\r\n    pointer-events: none;\r\n\r\n    label,\r\n    .file-upload-info {\r\n      color: tokens.$ifxColorEngineering500;\r\n    }\r\n  }\r\n}\r\n\r\n.file-upload-label {\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: tokens.$ifxFontSizeM;\r\n  line-height: tokens.$ifxLineHeightM;\r\n  color: tokens.$ifxColorBaseBlack;\r\n\r\n  .required {\r\n    display: inline-block;\r\n    margin-left: 4px;\r\n\r\n    &.error {\r\n      color: tokens.$ifxColorRed500;\r\n    }\r\n  }\r\n}\r\n\r\n.upload-dropzone {\r\n  border: 1px dashed tokens.$ifxColorEngineering300;\r\n  padding: tokens.$ifxSpace500;\r\n  text-align: center;\r\n  cursor: pointer;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  transition: border-color 0.3s ease;\r\n  border-radius: tokens.$ifxBorderRadius12;\r\n  background: tokens.$ifxColorBaseWhite;\r\n\r\n  ifx-icon {\r\n    color: tokens.$ifxColorOcean500;\r\n  }\r\n\r\n  &:hover {\r\n    border: 1px dashed tokens.$ifxColorEngineering400;\r\n  }\r\n\r\n  &.drag-over {\r\n    border: 1px solid tokens.$ifxColorOcean500;\r\n    background: tokens.$ifxColorEngineering100;\r\n\r\n    &.error {\r\n      border: 1px solid tokens.$ifxColorOcean500;\r\n    }\r\n  }\r\n\r\n  &.error {\r\n    border-color: tokens.$ifxColorRed500;\r\n  }\r\n\r\n  .disabled & {\r\n    pointer-events: none;\r\n    border-color: tokens.$ifxColorEngineering300;\r\n    color: tokens.$ifxColorEngineering300;\r\n\r\n    ifx-icon {\r\n      color: tokens.$ifxColorEngineering300;\r\n    }\r\n  }\r\n}\r\n\r\n.upload-dropzone input {\r\n  display: none;\r\n}\r\n\r\n.file-upload-info {\r\n  font-style: normal;\r\n  font-weight: tokens.$ifxFontWeightRegular;\r\n  font-size: tokens.$ifxFontSizeXs;\r\n  line-height: tokens.$ifxLineHeightXs;\r\n  letter-spacing: tokens.$ifxLetterSpacingDefault;\r\n  color: tokens.$ifxColorBaseBlack;\r\n  margin: 0;\r\n  margin-top: tokens.$ifxSpace50;\r\n}\r\n\r\n.file-upload-status {\r\n  font-style: normal;\r\n  font-weight: 400;\r\n  font-size: tokens.$ifxFontSizeXs;\r\n  line-height: tokens.$ifxLineHeightXs;\r\n  letter-spacing: 0.2px;\r\n  margin-top: tokens.$ifxSpace100;\r\n\r\n  &.file-upload-status__error {\r\n    display: flex;\r\n    align-items: center;\r\n    color: tokens.$ifxColorRed500;\r\n\r\n    ifx-icon {\r\n      position: relative;\r\n      top: - tokens.$ifxSpace12;\r\n      color: tokens.$ifxColorRed500;\r\n      margin-right: tokens.$ifxSpace100;\r\n    }\r\n  }\r\n}\r\n\r\n.upload-heading {\r\n  font: tokens.$ifxHeadingHeading06;\r\n  margin-bottom: tokens.$ifxSpace100;\r\n}\r\n\r\n.file-list-wrapper {\r\n  margin-top: tokens.$ifxSpace200;\r\n}\r\n\r\n.file-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: tokens.$ifxSpace200;\r\n}\r\n\r\n.file-item {\r\n  border: 1px solid tokens.$ifxColorEngineering300;\r\n  padding-top: tokens.$ifxSpace150;\r\n  padding-right: tokens.$ifxSpace200;\r\n  padding-bottom: tokens.$ifxSpace100;\r\n  padding-left: tokens.$ifxSpace200;\r\n  display: flex;\r\n  gap: tokens.$ifxSpace100;\r\n}\r\n\r\n.file-info {\r\n  width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n.file-top-row {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: tokens.$ifxSpace200;\r\n  margin-top: - tokens.$ifxSpace100;\r\n}\r\n\r\n.file-top-row ifx-icon {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.file-name-wrapper {\r\n  display: flex;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  font-weight: tokens.$ifxFontWeightRegular;\r\n  font-size: tokens.$ifxFontSizeS;\r\n}\r\n\r\n.file-name-base {\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  white-space: nowrap;\r\n  flex-shrink: 1;\r\n  min-width: 0;\r\n}\r\n\r\n.file-name-ext {\r\n  flex-shrink: 0;\r\n  margin-left: 0;\r\n}\r\n\r\n.file-middle-row {\r\n  display: flex;\r\n  align-items: center;\r\n  font-size: tokens.$ifxFontSizeXs;\r\n  line-height: tokens.$ifxLineHeightXs;\r\n  flex-wrap: wrap;\r\n  color: tokens.$ifxColorEngineering500;\r\n\r\n  .file-status {\r\n    margin-left: tokens.$ifxSpace150;\r\n\r\n    ifx-icon {\r\n      margin-right: tokens.$ifxSpace100;\r\n    }\r\n  }\r\n}\r\n\r\n.file-progress-row {\r\n  margin-top: tokens.$ifxSpace50;\r\n}\r\n\r\n.file-progress-row ifx-progress-bar {\r\n  width: 100%;\r\n}\r\n\r\n.upload-success {\r\n  border-color: tokens.$ifxColorOcean500;\r\n\r\n  .file-status {\r\n    ifx-icon {\r\n      position: relative;\r\n      top: tokens.$ifxSpace12;\r\n      color: tokens.$ifxColorGreen500;\r\n    }\r\n  }\r\n}\r\n\r\n.upload-failed {\r\n  border-color: tokens.$ifxColorRed500;\r\n\r\n  .file-status {\r\n    color: tokens.$ifxColorRed500;\r\n    margin-left: 0;\r\n  }\r\n}\r\n","import { Component, h, State, Event, EventEmitter, Prop, Method, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\ninterface UploadTask {\r\n  file: File;\r\n  progress: number;\r\n  intervalId: number | null;\r\n  completed: boolean;\r\n  error?: boolean;\r\n}\r\n\r\nexport type FileUploadErrorReason = 'network-error' | 'timeout' | 'file-too-large' | 'unsupported-type' | 'invalid-type' | 'custom' | (string & {});\r\n\r\n@Component({\r\n  tag: 'ifx-file-upload',\r\n  styleUrl: 'file-upload.scss',\r\n  shadow: true,\r\n})\r\nexport class FileUpload {\r\n  @Element() hostElement: HTMLElement;\r\n\r\n  @Prop() dragAndDrop: boolean = false;\r\n  @Prop() required: boolean = false;\r\n  @Prop() disabled: boolean = false;\r\n  @Prop() maxFileSizeMB: number = 7;\r\n  /** Default set of allowed file extensions (used internally). Can be extended using `additionalAllowedFileTypes`. */\r\n  @Prop() allowedFileTypes?: string | string[] = undefined;\r\n  @Prop() additionalAllowedFileTypes?: string | string[] = [];\r\n  /** When set to true, allows any file type to be uploaded (no file type restrictions). */\r\n  @Prop() allowAnyFileType: boolean = false;\r\n  /** Custom file extensions to allow (e.g., 'xml', 'asc', 'cfg'). Recommended format: without dots. Also accepts format with dots like '.xml'. Do not use wildcards like '*.xml'. */\r\n  @Prop() allowedFileExtensions?: string | string[] = [];\r\n  @Prop() uploadHandler?: (file: File, onProgress?: (progress: number) => void) => Promise<void>;\r\n\r\n  private _maxFiles?: number;\r\n  @Prop()\r\n  get maxFiles(): number | undefined {\r\n    return this._maxFiles;\r\n  }\r\n  set maxFiles(value: number | undefined) {\r\n    if (typeof value === 'number' && value < 1) {\r\n      console.warn('Invalid `maxFiles` value. Must be >= 1. Value ignored.');\r\n      this._maxFiles = undefined;\r\n    } else {\r\n      this._maxFiles = value;\r\n    }\r\n  }\r\n\r\n  @Prop() label: string = 'Label';\r\n  @Prop() labelRequiredError: string = 'At least one file must be uploaded';\r\n  @Prop() labelBrowseFiles: string = 'Browse files';\r\n  @Prop() labelDragAndDrop: string = 'Drag & Drop or browse files to upload';\r\n  @Prop() labelUploadedFilesHeading: string = 'Uploaded files';\r\n  @Prop() labelFileTooLarge: string = 'Upload failed. Max file size: {{size}}MB.';\r\n  @Prop() labelUnsupportedFileType: string = 'Unsupported file type.';\r\n  @Prop() labelUploaded: string = 'Successfully uploaded';\r\n  @Prop() labelUploadFailed: string = 'Upload failed. Please try again.';\r\n  @Prop() labelSupportedFormatsTemplate: string = 'Supported file formats: {{types}}. Max file size: {{size}}MB.';\r\n  @Prop() labelFileSingular: string = 'file';\r\n  @Prop() labelFilePlural: string = 'files';\r\n  @Prop() labelMaxFilesInfo?: string = 'Up to {{count}} {{files}}.';\r\n  @Prop() labelMaxFilesExceeded: string = 'Upload limit exceeded. Only {{count}} {{files}} allowed.';\r\n\r\n  @Prop() ariaLabelBrowseFiles: string = 'Browse files';\r\n  @Prop() ariaLabelDropzone: string = 'Upload area. Click to browse or drag and drop files.';\r\n  @Prop() ariaLabelFileInput: string = 'Upload file';\r\n  @Prop() ariaLabelRemoveFile: string = 'Remove file';\r\n  @Prop() ariaLabelCancelUpload: string = 'Cancel upload';\r\n  @Prop() ariaLabelRetryUpload: string = 'Retry upload';\r\n  @Prop() ariaLabelUploadingStatus: string = 'Upload in progress';\r\n  @Prop() ariaLabelUploadedStatus: string = 'Upload completed';\r\n  @Prop() ariaLabelUploadFailedStatus: string = 'Upload failed';\r\n\r\n  private showDemoStates?: boolean;\r\n  private internalId = `ifx-file-upload-${Math.random().toString(36).substr(2, 9)}`;\r\n\r\n  @State() isDragOver: boolean = false;\r\n  @State() files: File[] = [];\r\n  @State() uploadTasks: UploadTask[] = [];\r\n  @State() rejectedSizeFiles: string[] = [];\r\n  @State() rejectedTypeFiles: string[] = [];\r\n  @State() requiredError: boolean = false;\r\n  @State() statusMessage: { type: 'error' | 'info' | 'success'; text: string } | null = null;\r\n\r\n  @Event() ifxFileUploadAdd: EventEmitter<{ addedFiles: File[]; files: File[] }>;\r\n  @Event() ifxFileUploadRemove: EventEmitter<{ removedFile: File; files: File[] }>;\r\n  @Event() ifxFileUploadChange: EventEmitter<{ files: File[] }>;\r\n  @Event() ifxFileUploadError: EventEmitter<{ errorType: string; file: File; message: string; reason?: string }>;\r\n  @Event() ifxFileUploadInvalid: EventEmitter<{ file: File; reason: string }>;\r\n  @Event() ifxFileUploadStart: EventEmitter<{ file: File }>;\r\n  @Event() ifxFileUploadComplete: EventEmitter<{ file: File }>;\r\n  @Event() ifxFileUploadAllComplete: EventEmitter<{ files: File[] }>;\r\n  @Event() ifxFileUploadAbort: EventEmitter<{ file: File }>;\r\n  @Event() ifxFileUploadDrop: EventEmitter<{ droppedFiles: File[]; acceptedFiles: File[]; rejectedFiles: File[] }>;\r\n  @Event() ifxFileUploadClick: EventEmitter<void>;\r\n  @Event() ifxFileUploadMaxFilesExceeded: EventEmitter<{ maxFiles: number; attempted: number }>;\r\n  @Event() ifxFileUploadValidation: EventEmitter<{ valid: boolean }>;\r\n  @Event() ifxFileUploadRetry: EventEmitter<{ file: File }>;\r\n\r\n  private fileInputEl: HTMLInputElement | null = null;\r\n\r\n  private extensionToMimeMap: Record<string, string> = {\r\n    /**\r\n     * Maps file extensions to MIME types.\r\n     * This is only used for translating `allowedFileTypes` (extensions) into MIME types,\r\n     * and for labeling in the UI. It does NOT define which files are globally allowed.\r\n     */\r\n\r\n    // Images\r\n    jpg: 'image/jpeg',\r\n    jpeg: 'image/jpeg',\r\n    png: 'image/png',\r\n    gif: 'image/gif',\r\n    svg: 'image/svg+xml',\r\n    webp: 'image/webp',\r\n\r\n    // Documents\r\n    pdf: 'application/pdf',\r\n    doc: 'application/msword',\r\n    docx: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',\r\n    xls: 'application/vnd.ms-excel',\r\n    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\r\n    ppt: 'application/vnd.ms-powerpoint',\r\n    pptx: 'application/vnd.openxmlformats-officedocument.presentationml.presentation',\r\n    txt: 'text/plain',\r\n    csv: 'text/csv',\r\n    json: 'application/json',\r\n\r\n    // Audio/Video\r\n    mp3: 'audio/mpeg',\r\n    wav: 'audio/wav',\r\n    mp4: 'video/mp4',\r\n    mov: 'video/quicktime',\r\n    webm: 'video/webm',\r\n\r\n    // Archive / Code\r\n    zip: 'application/zip',\r\n    rar: 'application/vnd.rar',\r\n    tar: 'application/x-tar',\r\n    gz: 'application/gzip',\r\n\r\n    // Sonstiges\r\n    xml: 'application/xml',\r\n    html: 'text/html',\r\n    css: 'text/css',\r\n    js: 'application/javascript',\r\n  };\r\n\r\n  private validateRequired(): void {\r\n    if (this.required && this.files.length === 0) {\r\n      this.requiredError = true;\r\n\r\n      if (this.statusMessage?.text !== this.labelRequiredError) {\r\n        this.statusMessage = {\r\n          type: 'error',\r\n          text: this.labelRequiredError,\r\n        };\r\n      }\r\n\r\n      this.ifxFileUploadValidation.emit({ valid: false });\r\n    } else {\r\n      this.requiredError = false;\r\n\r\n      if (this.statusMessage?.text === this.labelRequiredError) {\r\n        this.statusMessage = null;\r\n      }\r\n\r\n      this.ifxFileUploadValidation.emit({ valid: true });\r\n    }\r\n  }\r\n\r\n  private pluralize(count: number): string {\r\n    // If allowAnyFileType is true, use generic terms\r\n    if (this.allowAnyFileType) {\r\n      return count === 1 ? 'file' : 'files';\r\n    }\r\n    return count === 1 ? this.labelFileSingular : this.labelFilePlural;\r\n  }\r\n\r\n  private getNormalizedFileTypes(): string[] {\r\n    // If allowedFileTypes is not set and allowedFileExtensions is set, return empty array\r\n    if (!this.allowedFileTypes && this.allowedFileExtensions && this.getNormalizedFileExtensions().length > 0) {\r\n      return [];\r\n    }\r\n\r\n    // If allowedFileTypes is not set and no allowedFileExtensions, use defaults\r\n    if (!this.allowedFileTypes) {\r\n      return ['jpg', 'jpeg', 'png', 'pdf', 'mov', 'mp3', 'mp4'];\r\n    }\r\n\r\n    if (Array.isArray(this.allowedFileTypes)) {\r\n      return this.allowedFileTypes;\r\n    }\r\n    try {\r\n      return JSON.parse(this.allowedFileTypes);\r\n    } catch {\r\n      return this.allowedFileTypes.split(',').map(t => t.trim());\r\n    }\r\n  }\r\n\r\n  private getNormalizedFileExtensions(): string[] {\r\n    if (!this.allowedFileExtensions) return [];\r\n    if (Array.isArray(this.allowedFileExtensions)) {\r\n      return this.allowedFileExtensions;\r\n    }\r\n    try {\r\n      return JSON.parse(this.allowedFileExtensions);\r\n    } catch {\r\n      return this.allowedFileExtensions.split(',').map(t => t.trim());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Enhanced file type validation that supports:\r\n   * - allowAnyFileType flag for unrestricted uploads (overrides all restrictions)\r\n   * - allowedFileTypes (predefined extensions mapped to MIME types) - if not set and allowedFileExtensions is set, ignored\r\n   * - additionalAllowedFileTypes (MIME types)\r\n   * - allowedFileExtensions (custom extensions) - if only this is set, only these extensions are allowed\r\n   */\r\n  private isFileTypeAllowed(file: File): boolean {\r\n    // If allowAnyFileType is true, accept all files (overrides all restrictions)\r\n    if (this.allowAnyFileType) {\r\n      return true;\r\n    }\r\n\r\n    const fileExtension = this.getFileExtension(file.name);\r\n\r\n    // Check against allowedFileTypes (predefined extensions)\r\n    const normalizedTypes = this.getNormalizedFileTypes();\r\n    const allowedMimes = normalizedTypes.map(ext => this.extensionToMimeMap[ext.toLowerCase()]).filter(Boolean);\r\n\r\n    if (allowedMimes.includes(file.type)) {\r\n      return true;\r\n    }\r\n\r\n    // Check against additionalAllowedFileTypes (MIME types)\r\n    const additionalMimeTypes = this.getAdditionalMimeTypes();\r\n    if (additionalMimeTypes.includes(file.type)) {\r\n      return true;\r\n    }\r\n\r\n    // Check against allowedFileExtensions (custom extensions)\r\n    const customExtensions = this.getNormalizedFileExtensions();\r\n    if (customExtensions.length > 0 && fileExtension) {\r\n      for (const ext of customExtensions) {\r\n        const normalizedExt = ext.startsWith('.') ? ext.substring(1).toLowerCase() : ext.toLowerCase();\r\n        if (fileExtension === normalizedExt) {\r\n          return true;\r\n        }\r\n      }\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  /**\r\n   * Extracts file extension from filename (without dot)\r\n   */\r\n  private getFileExtension(filename: string): string | null {\r\n    const lastDotIndex = filename.lastIndexOf('.');\r\n    if (lastDotIndex === -1 || lastDotIndex === filename.length - 1) {\r\n      return null;\r\n    }\r\n    return filename.substring(lastDotIndex + 1).toLowerCase();\r\n  }\r\n\r\n  private getLabelFromMimeType(mime: string): string {\r\n    for (const [ext, knownMime] of Object.entries(this.extensionToMimeMap)) {\r\n      if (knownMime === mime) {\r\n        return ext.toUpperCase();\r\n      }\r\n    }\r\n    return mime; // fallback: show raw MIME\r\n  }\r\n\r\n  handleFileChange(event: Event) {\r\n    const input = event.target as HTMLInputElement;\r\n    if (!input.files) return;\r\n    this.processFiles(input.files);\r\n  }\r\n\r\n  handleDrop(event: DragEvent) {\r\n    if (this.disabled) return;\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n    this.isDragOver = false;\r\n    if (event.dataTransfer?.files) {\r\n      const droppedFiles = Array.from(event.dataTransfer.files);\r\n\r\n      const acceptedFiles: File[] = [];\r\n      const rejectedFiles: File[] = [];\r\n\r\n      droppedFiles.forEach(file => {\r\n        const isValidType = this.isFileTypeAllowed(file);\r\n        const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\r\n        if (isValidType && isValidSize) acceptedFiles.push(file);\r\n        else rejectedFiles.push(file);\r\n      });\r\n\r\n      this.ifxFileUploadDrop.emit({\r\n        droppedFiles,\r\n        acceptedFiles,\r\n        rejectedFiles,\r\n      });\r\n\r\n      this.processFiles(event.dataTransfer.files);\r\n    }\r\n  }\r\n\r\n  handleDragOver(event: DragEvent) {\r\n    if (this.disabled) return;\r\n    event.preventDefault();\r\n    this.isDragOver = true;\r\n  }\r\n\r\n  handleDragLeave(event: DragEvent) {\r\n    if (this.disabled) return;\r\n    event.preventDefault();\r\n    this.isDragOver = false;\r\n  }\r\n\r\n  processFiles(fileList: FileList) {\r\n    const selectedFiles = Array.from(fileList);\r\n\r\n    const validFiles: File[] = [];\r\n    const rejectedSize: string[] = [];\r\n    const rejectedType: string[] = [];\r\n\r\n    selectedFiles.forEach(file => {\r\n      const isValidType = this.isFileTypeAllowed(file);\r\n      const isValidSize = file.size <= this.maxFileSizeMB * 1024 * 1024;\r\n      const isDuplicate = this.files.some(existing => existing.name === file.name && existing.size === file.size);\r\n\r\n      if (isDuplicate) {\r\n        this.ifxFileUploadInvalid.emit({ file, reason: 'duplicate' });\r\n        this.ifxFileUploadError.emit({\r\n          file,\r\n          errorType: 'duplicate',\r\n          message: `File \"${file.name}\" is already added`,\r\n          reason: 'duplicate',\r\n        });\r\n        return;\r\n      }\r\n\r\n      if (isValidType && isValidSize) {\r\n        validFiles.push(file);\r\n      } else {\r\n        if (!isValidType) {\r\n          rejectedType.push(file.name);\r\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-type' });\r\n        }\r\n        if (!isValidSize) {\r\n          rejectedSize.push(file.name);\r\n          this.ifxFileUploadInvalid.emit({ file, reason: 'invalid-size' });\r\n        }\r\n        this.ifxFileUploadError.emit({\r\n          file,\r\n          errorType: !isValidType ? 'invalid-type' : 'file-too-large',\r\n          message: 'Invalid file rejected',\r\n          reason: !isValidType ? 'unsupported-type' : 'file-too-large',\r\n        });\r\n      }\r\n    });\r\n\r\n    this.rejectedSizeFiles = [...this.rejectedSizeFiles, ...rejectedSize];\r\n    this.rejectedTypeFiles = [...this.rejectedTypeFiles, ...rejectedType];\r\n\r\n    if (this.maxFiles && this.files.length + validFiles.length > this.maxFiles) {\r\n      const availableSlots = this.maxFiles - this.files.length;\r\n      const limitedFiles = validFiles.slice(0, Math.max(availableSlots, 0));\r\n      const overflowFiles = validFiles.slice(availableSlots);\r\n\r\n      this.files = [...this.files, ...limitedFiles];\r\n\r\n      limitedFiles.forEach(file => this.startUpload(file));\r\n\r\n      if (limitedFiles.length > 0) {\r\n        this.ifxFileUploadAdd.emit({ addedFiles: limitedFiles, files: this.files });\r\n        this.ifxFileUploadChange.emit({ files: this.files });\r\n      }\r\n\r\n      overflowFiles.forEach(file => {\r\n        this.ifxFileUploadInvalid.emit({ file, reason: 'too-many-files' });\r\n        this.ifxFileUploadError.emit({\r\n          file,\r\n          errorType: 'too-many-files',\r\n          message: `Upload limit exceeded. Max ${this.maxFiles} files allowed.`,\r\n          reason: 'too-many-files',\r\n        });\r\n      });\r\n\r\n      if (overflowFiles.length > 0) {\r\n        this.statusMessage = {\r\n          type: 'error',\r\n          text: this.labelMaxFilesExceeded.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', this.pluralize(this.maxFiles)),\r\n        };\r\n        this.ifxFileUploadMaxFilesExceeded.emit({\r\n          maxFiles: this.maxFiles,\r\n          attempted: this.files.length + validFiles.length,\r\n        });\r\n      }\r\n\r\n      return;\r\n    }\r\n\r\n    validFiles.forEach(file => this.startUpload(file));\r\n    this.files = [...this.files, ...validFiles];\r\n\r\n    if (validFiles.length > 0) {\r\n      this.ifxFileUploadAdd.emit({ addedFiles: validFiles, files: this.files });\r\n      this.ifxFileUploadChange.emit({ files: this.files });\r\n    }\r\n\r\n    this.validateRequired();\r\n  }\r\n\r\n  retryUpload(file: File) {\r\n    const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);\r\n    if (taskIndex !== -1) {\r\n      this.uploadTasks.splice(taskIndex, 1);\r\n      this.uploadTasks = [...this.uploadTasks];\r\n    }\r\n    this.ifxFileUploadRetry.emit({ file });\r\n    this.startUpload(file);\r\n  }\r\n\r\n  private checkAndEmitAllComplete(): void {\r\n    if (this.uploadTasks.every(t => t.completed || t.error)) {\r\n      const hasSuccessfulUploads = this.uploadTasks.some(t => t.completed && !t.error);\r\n      if (hasSuccessfulUploads) {\r\n        const successfulFiles = this.uploadTasks.filter(t => t.completed && !t.error).map(t => t.file);\r\n        this.ifxFileUploadAllComplete.emit({ files: successfulFiles });\r\n      }\r\n    }\r\n  }\r\n\r\n  private resetFileInput(): void {\r\n    if (this.fileInputEl) {\r\n      this.fileInputEl.value = '';\r\n    }\r\n  }\r\n\r\n  private updateTaskProgress(file: File, progress: number): void {\r\n    const task = this.uploadTasks.find(t => t.file === file);\r\n    if (task) {\r\n      const newProgress = Math.max(task.progress, Math.min(100, progress));\r\n      if (newProgress !== task.progress) {\r\n        task.progress = newProgress;\r\n        this.uploadTasks = [...this.uploadTasks];\r\n      }\r\n    }\r\n  }\r\n\r\n  startUpload(file: File) {\r\n    this.ifxFileUploadStart.emit({ file });\r\n    const task: UploadTask = {\r\n      file,\r\n      progress: 3, // Start with initial progress for better UX\r\n      intervalId: null,\r\n      completed: false,\r\n    };\r\n    this.uploadTasks = [...this.uploadTasks, task];\r\n\r\n    if (this.uploadHandler) {\r\n      this.uploadHandler(file, (percent: number) => {\r\n        this.updateTaskProgress(file, percent);\r\n      })\r\n        .then(() => {\r\n          task.progress = 100;\r\n          task.completed = true;\r\n          this.uploadTasks = [...this.uploadTasks];\r\n          this.ifxFileUploadComplete.emit({ file });\r\n          this.ifxFileUploadChange.emit({ files: this.files });\r\n          this.checkAndEmitAllComplete();\r\n        })\r\n        .catch(() => {\r\n          task.error = true;\r\n          this.uploadTasks = [...this.uploadTasks];\r\n          this.ifxFileUploadError.emit({\r\n            file,\r\n            errorType: 'upload-failed',\r\n            message: 'Upload handler rejected file',\r\n            reason: 'custom',\r\n          });\r\n          this.checkAndEmitAllComplete();\r\n        });\r\n    } else {\r\n      const totalSize = file.size;\r\n      const fakeUploadSpeed = 100000;\r\n      let uploaded = 0;\r\n      task.intervalId = window.setInterval(() => {\r\n        uploaded += fakeUploadSpeed / 5;\r\n        const progress = Math.min(100, Math.round((uploaded / totalSize) * 100));\r\n        this.updateTaskProgress(file, progress);\r\n\r\n        if (progress >= 100) {\r\n          clearInterval(task.intervalId!);\r\n          task.completed = true;\r\n          task.intervalId = null;\r\n          this.uploadTasks = [...this.uploadTasks];\r\n          this.ifxFileUploadComplete.emit({ file });\r\n          this.ifxFileUploadChange.emit({ files: this.files });\r\n          this.checkAndEmitAllComplete();\r\n        }\r\n      }, 200);\r\n    }\r\n  }\r\n\r\n  cancelUpload(file: File) {\r\n    const taskIndex = this.uploadTasks.findIndex(t => t.file.name === file.name);\r\n    if (taskIndex !== -1) {\r\n      const task = this.uploadTasks[taskIndex];\r\n      if (task?.intervalId !== null) {\r\n        clearInterval(task.intervalId);\r\n      }\r\n      this.uploadTasks = this.uploadTasks.filter((_, i) => i !== taskIndex);\r\n    }\r\n    this.files = this.files.filter(f => f.name !== file.name);\r\n    this.ifxFileUploadAbort.emit({ file });\r\n    this.ifxFileUploadChange.emit({ files: this.files });\r\n    this.resetFileInput();\r\n    this.validateRequired();\r\n  }\r\n\r\n  removeFile(file: File) {\r\n    this.uploadTasks = this.uploadTasks.filter(task => task.file.name !== file.name);\r\n    this.files = this.files.filter(f => f.name !== file.name);\r\n    this.ifxFileUploadRemove.emit({ removedFile: file, files: this.files });\r\n    this.ifxFileUploadChange.emit({ files: this.files });\r\n    this.validateRequired();\r\n\r\n    this.resetFileInput();\r\n\r\n    if (this.maxFiles && this.files.length < this.maxFiles && this.statusMessage?.text !== this.labelRequiredError) {\r\n      this.statusMessage = null;\r\n    }\r\n  }\r\n\r\n  clearRejectedFile(fileName: string, type: 'size' | 'type') {\r\n    if (type === 'size') {\r\n      this.rejectedSizeFiles = this.rejectedSizeFiles.filter(f => f !== fileName);\r\n    } else {\r\n      this.rejectedTypeFiles = this.rejectedTypeFiles.filter(f => f !== fileName);\r\n    }\r\n\r\n    this.resetFileInput();\r\n\r\n    if (this.maxFiles && this.files.length < this.maxFiles) {\r\n      this.statusMessage = null;\r\n    }\r\n\r\n    this.validateRequired();\r\n  }\r\n\r\n  splitFileNameParts(file: File): { base: string; ext: string } {\r\n    const name = file.name;\r\n    const dotIndex = name.lastIndexOf('.');\r\n    if (dotIndex === -1) return { base: name, ext: '' };\r\n    return {\r\n      base: name.substring(0, dotIndex),\r\n      ext: name.substring(dotIndex),\r\n    };\r\n  }\r\n\r\n  getFileIcon(file: File): string {\r\n    const extension = file.name.split('.').pop()?.toLowerCase();\r\n    switch (extension) {\r\n      case 'pdf':\r\n        return 'file-pdf-16';\r\n      case 'jpg':\r\n      case 'jpeg':\r\n        return 'file-jpg-16';\r\n      case 'png':\r\n        return 'file-png-16';\r\n      case 'mov':\r\n        return 'file-mov-16';\r\n      case 'mp3':\r\n        return 'file-mp3-16';\r\n      case 'mp4':\r\n        return 'file-mp4-16';\r\n      default:\r\n        return 'file-16';\r\n    }\r\n  }\r\n\r\n  formatSize(bytes: number): string {\r\n    if (bytes >= 1024 * 1024 * 1024) {\r\n      return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;\r\n    } else if (bytes >= 1024 * 1024) {\r\n      return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\r\n    } else if (bytes >= 1024) {\r\n      return `${(bytes / 1024).toFixed(0)} KB`;\r\n    } else {\r\n      return `${bytes} B`;\r\n    }\r\n  }\r\n\r\n  getAcceptAttribute(): string {\r\n    // If allowAnyFileType is true, don't restrict the input\r\n    if (this.allowAnyFileType) {\r\n      return '';\r\n    }\r\n\r\n    const acceptValues: string[] = [];\r\n\r\n    // Add extensions from allowedFileTypes\r\n    const extensionTypes = this.getNormalizedFileTypes().map(ext => '.' + ext.toLowerCase());\r\n    acceptValues.push(...extensionTypes);\r\n\r\n    // Add MIME types from additionalAllowedFileTypes\r\n    const mimeTypes = this.getAdditionalMimeTypes();\r\n    acceptValues.push(...mimeTypes);\r\n\r\n    // Add custom file extensions\r\n    const customExtensions = this.getNormalizedFileExtensions();\r\n    customExtensions.forEach(ext => {\r\n      const normalizedExt = ext.startsWith('.') ? ext : '.' + ext;\r\n      acceptValues.push(normalizedExt);\r\n    });\r\n\r\n    return acceptValues.join(',');\r\n  }\r\n\r\n  private getFormattedProgressText(task: UploadTask): string {\r\n    const uploadedSize = Math.round((task.progress / 100) * task.file.size);\r\n    const uploadedText = this.formatSize(uploadedSize);\r\n    const totalText = this.formatSize(task.file.size);\r\n    return `${uploadedText} / ${totalText} uploaded`;\r\n  }\r\n\r\n  private getAdditionalMimeTypes(): string[] {\r\n    if (!this.additionalAllowedFileTypes) return [];\r\n    if (Array.isArray(this.additionalAllowedFileTypes)) return this.additionalAllowedFileTypes;\r\n    return this.additionalAllowedFileTypes.split(',').map(t => t.trim());\r\n  }\r\n\r\n  private getSupportedFileText(): string {\r\n    if (this.allowAnyFileType) {\r\n      let text = `All file types allowed. Max file size: ${this.maxFileSizeMB}MB.`;\r\n      if (this.labelMaxFilesInfo && this.maxFiles) {\r\n        const fileWord = this.pluralize(this.maxFiles);\r\n        const maxFilesText = this.labelMaxFilesInfo.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', fileWord);\r\n        text += ` ${maxFilesText}`;\r\n      }\r\n      return text;\r\n    }\r\n\r\n    const allTypes: string[] = [];\r\n\r\n    // Add extensions from allowedFileTypes\r\n    const extensions = this.getNormalizedFileTypes().map(ext => ext.toUpperCase());\r\n    allTypes.push(...extensions);\r\n\r\n    // Add MIME types from additionalAllowedFileTypes\r\n    const mimeTypes = this.getAdditionalMimeTypes().map(mime => this.getLabelFromMimeType(mime));\r\n    allTypes.push(...mimeTypes);\r\n\r\n    // Add custom file extensions\r\n    const customExtensions = this.getNormalizedFileExtensions().map(ext => {\r\n      const cleanExt = ext.startsWith('.') ? ext.substring(1) : ext;\r\n      return cleanExt.toUpperCase();\r\n    });\r\n    allTypes.push(...customExtensions);\r\n\r\n    const typesLabel = allTypes.join(', ');\r\n\r\n    let text = this.labelSupportedFormatsTemplate.replace('{{types}}', typesLabel).replace('{{size}}', this.maxFileSizeMB.toString());\r\n\r\n    if (this.labelMaxFilesInfo && this.maxFiles) {\r\n      const fileWord = this.pluralize(this.maxFiles);\r\n      const maxFilesText = this.labelMaxFilesInfo.replace('{{count}}', this.maxFiles.toString()).replace('{{files}}', fileWord);\r\n      text += ` ${maxFilesText}`;\r\n    }\r\n\r\n    return text;\r\n  }\r\n\r\n  private getFormattedFileTooLargeText(): string {\r\n    return this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString());\r\n  }\r\n\r\n  private renderStatusMessage() {\r\n    if (!this.statusMessage) return null;\r\n\r\n    return (\r\n      <div class={`file-upload-status file-upload-status__${this.statusMessage.type}`}>\r\n        {this.statusMessage.type === 'error' && <ifx-icon icon=\"c-warning-16\"></ifx-icon>}\r\n        {this.statusMessage.text}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private isInputDisabled(): boolean {\r\n    return this.disabled || (this.maxFiles !== undefined && this.files.length >= this.maxFiles);\r\n  }\r\n\r\n  async componentDidLoad() {\r\n    if (!isNestedInIfxComponent(this.hostElement)) {\r\n      const framework = detectFramework();\r\n      trackComponent('ifx-file-upload', await framework);\r\n    }\r\n\r\n    if (this.hostElement.hasAttribute('show-demo-states')) {\r\n      this.showDemoStates = true;\r\n    }\r\n\r\n    if (this.showDemoStates) {\r\n      this.injectDemoState();\r\n    }\r\n  }\r\n\r\n  // Storybook Demo\r\n  @Method()\r\n  async injectDemoState() {\r\n    const dummyContent = new Array(50000).fill('a').join(''); // ~50 KB\r\n    const bigContent = dummyContent + dummyContent; // ~100 KB\r\n\r\n    const uploading = new File([dummyContent], 'Image.jpg', { type: 'image/jpeg' }); // ~50 KB\r\n    const uploaded = new File([bigContent], 'File.pdf', { type: 'application/pdf' }); // ~100 KB\r\n    const failed = new File([dummyContent], 'Text.docx', { type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' }); // ~50 KB\r\n    const tooLarge = new File([bigContent + bigContent + bigContent], 'Video.mp4', { type: 'video/mp4' }); // ~300 KB\r\n    const unsupported = new File(['demo'], 'Script.exe', { type: 'application/x-msdownload' }); // very small\r\n\r\n    this.files = [uploaded, uploading, failed];\r\n    this.uploadTasks = [\r\n      { file: uploaded, progress: 100, intervalId: null, completed: true },\r\n      { file: uploading, progress: 40, intervalId: null, completed: false },\r\n      { file: failed, progress: 80, intervalId: null, completed: false, error: true },\r\n    ];\r\n    this.rejectedSizeFiles = [tooLarge.name];\r\n    this.rejectedTypeFiles = [unsupported.name];\r\n  }\r\n\r\n  // Storybook Demo\r\n  @Method()\r\n  async triggerDemoValidation(): Promise<void> {\r\n    this.validateRequired();\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        class={{\r\n          'file-upload-wrapper': true,\r\n          'disabled': this.disabled,\r\n        }}\r\n      >\r\n        {this.label && (\r\n          <label class=\"file-upload-label\" htmlFor={this.internalId}>\r\n            {this.label}\r\n            {this.required && <span class={`required ${this.requiredError ? 'error' : ''}`}>*</span>}\r\n          </label>\r\n        )}\r\n\r\n        {this.dragAndDrop ? this.renderDragAndDropArea() : this.renderUploadArea()}\r\n\r\n        {(this.files.length > 0 || this.rejectedSizeFiles.length > 0 || this.rejectedTypeFiles.length > 0) && (\r\n          <div class=\"file-list-wrapper\">\r\n            <div class=\"upload-heading\">{this.labelUploadedFilesHeading}</div>\r\n            <ul class=\"file-list\">\r\n              {this.rejectedSizeFiles.map(fileName => (\r\n                <li class=\"file-item upload-failed\" key={`rejected-size-${fileName}`}>\r\n                  <div class=\"file-icon\">\r\n                    <ifx-icon icon=\"file-16\"></ifx-icon>\r\n                  </div>\r\n                  <div class=\"file-info\">\r\n                    <div class=\"file-top-row\">\r\n                      <span class=\"file-name-wrapper\">\r\n                        <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\r\n                        <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\r\n                      </span>\r\n                      <div class=\"file-actions\">\r\n                        <ifx-icon-button\r\n                          shape=\"square\"\r\n                          variant=\"tertiary\"\r\n                          icon=\"delete-forever-16\"\r\n                          size=\"s\"\r\n                          aria-label={this.ariaLabelRemoveFile}\r\n                          onClick={() => this.clearRejectedFile(fileName, 'size')}\r\n                        ></ifx-icon-button>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"file-middle-row\">\r\n                      <span class=\"file-status\" aria-label={this.labelFileTooLarge.replace('{{size}}', this.maxFileSizeMB.toString())}>\r\n                        {this.getFormattedFileTooLargeText()}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              ))}\r\n\r\n              {this.rejectedTypeFiles.map(fileName => (\r\n                <li class=\"file-item upload-failed\" key={`rejected-type-${fileName}`}>\r\n                  <div class=\"file-icon\">\r\n                    <ifx-icon icon=\"file-16\"></ifx-icon>\r\n                  </div>\r\n                  <div class=\"file-info\">\r\n                    <div class=\"file-top-row\">\r\n                      <span class=\"file-name-wrapper\">\r\n                        <span class=\"file-name-base\">{this.splitFileNameParts({ name: fileName } as File).base}</span>\r\n                        <span class=\"file-name-ext\">{this.splitFileNameParts({ name: fileName } as File).ext}</span>\r\n                      </span>\r\n                      <div class=\"file-actions\">\r\n                        <ifx-icon-button\r\n                          shape=\"square\"\r\n                          variant=\"tertiary\"\r\n                          icon=\"delete-forever-16\"\r\n                          size=\"s\"\r\n                          aria-label={this.ariaLabelRemoveFile}\r\n                          onClick={() => this.clearRejectedFile(fileName, 'type')}\r\n                        ></ifx-icon-button>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"file-middle-row\">\r\n                      <span class=\"file-status\" aria-label={this.labelUnsupportedFileType}>\r\n                        {this.labelUnsupportedFileType}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </li>\r\n              ))}\r\n\r\n              {this.files.map(file => {\r\n                const task = this.uploadTasks.find(t => t.file.name === file.name);\r\n                const progress = task?.progress ?? 100;\r\n                const isUploading = task && !task.completed;\r\n                const isError = task?.error === true;\r\n                const itemClass = isError ? 'file-item upload-failed' : isUploading ? 'file-item uploading' : 'file-item upload-success';\r\n                const uniqueKey = `${file.name}-${file.size}`;\r\n                const { base, ext } = this.splitFileNameParts(file);\r\n\r\n                return (\r\n                  <li class={itemClass} key={uniqueKey}>\r\n                    <div class=\"file-icon\">\r\n                      <ifx-icon icon={this.getFileIcon(file)}></ifx-icon>\r\n                    </div>\r\n                    <div class=\"file-info\">\r\n                      <div class=\"file-top-row\">\r\n                        <span class=\"file-name-wrapper\">\r\n                          <span class=\"file-name-base\">{base}</span>\r\n                          <span class=\"file-name-ext\">{ext}</span>\r\n                        </span>\r\n                        <div class=\"file-actions\">\r\n                          <ifx-icon-button\r\n                            shape=\"square\"\r\n                            variant=\"tertiary\"\r\n                            icon=\"refresh-16\"\r\n                            size=\"s\"\r\n                            aria-label={this.ariaLabelRetryUpload}\r\n                            onClick={() => this.retryUpload(file)}\r\n                            style={{ display: isError ? 'inline-flex' : 'none' }}\r\n                          ></ifx-icon-button>\r\n                          <ifx-icon-button\r\n                            shape=\"square\"\r\n                            variant=\"tertiary\"\r\n                            icon=\"cross-16\"\r\n                            size=\"s\"\r\n                            aria-label={this.ariaLabelCancelUpload}\r\n                            onClick={() => this.cancelUpload(file)}\r\n                            style={{ display: isUploading ? 'inline-flex' : 'none' }}\r\n                          ></ifx-icon-button>\r\n                          <ifx-icon-button\r\n                            shape=\"square\"\r\n                            variant=\"tertiary\"\r\n                            icon=\"delete-forever-16\"\r\n                            size=\"s\"\r\n                            aria-label={this.ariaLabelRemoveFile}\r\n                            onClick={() => this.removeFile(file)}\r\n                            style={{ display: !isUploading ? 'inline-flex' : 'none' }}\r\n                          ></ifx-icon-button>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div class=\"file-middle-row\">\r\n                        {isUploading && task && !task.error && (\r\n                          <span class=\"file-uploading\" aria-label={this.ariaLabelUploadingStatus}>\r\n                            {this.getFormattedProgressText(task)}\r\n                          </span>\r\n                        )}\r\n                        {!isUploading && !isError && (\r\n                          <span>\r\n                            <span class=\"file-size\">{this.formatSize(file.size)}</span>\r\n                            <span class=\"file-status\" aria-label={this.ariaLabelUploadedStatus}>\r\n                              <ifx-icon icon=\"check-16\"></ifx-icon>\r\n                              {this.labelUploaded}\r\n                            </span>\r\n                          </span>\r\n                        )}\r\n                        {isError && (\r\n                          <span class=\"file-status\" aria-label={this.ariaLabelUploadFailedStatus}>\r\n                            {this.labelUploadFailed}\r\n                          </span>\r\n                        )}\r\n                      </div>\r\n\r\n                      {isUploading && task && !task.error && (\r\n                        <div class=\"file-progress-row\">\r\n                          <ifx-progress-bar size=\"s\" value={progress} show-label=\"true\"></ifx-progress-bar>\r\n                        </div>\r\n                      )}\r\n                    </div>\r\n                  </li>\r\n                );\r\n              })}\r\n            </ul>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderUploadArea() {\r\n    const handleInputRef = (el: HTMLInputElement | null) => {\r\n      this.fileInputEl = el;\r\n    };\r\n\r\n    return (\r\n      <div class={{ 'upload-button': true }}>\r\n        <ifx-button variant=\"secondary\" onClick={() => this.fileInputEl?.click()} disabled={this.isInputDisabled()} aria-label={this.ariaLabelBrowseFiles}>\r\n          <ifx-icon icon=\"upload-16\"></ifx-icon>\r\n          {this.labelBrowseFiles}\r\n        </ifx-button>\r\n        <input\r\n          id={this.internalId}\r\n          ref={handleInputRef}\r\n          type=\"file\"\r\n          accept={this.getAcceptAttribute()}\r\n          multiple\r\n          onChange={e => this.handleFileChange(e)}\r\n          style={{ display: 'none' }}\r\n          disabled={this.isInputDisabled()}\r\n          aria-label={this.ariaLabelFileInput}\r\n        />\r\n        <p class=\"file-upload-info\">{this.getSupportedFileText()}</p>\r\n        {this.renderStatusMessage()}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  renderDragAndDropArea() {\r\n    const handleInputRef = (el: HTMLInputElement | null) => {\r\n      this.fileInputEl = el;\r\n    };\r\n\r\n    const triggerInputClick = () => {\r\n      if (this.fileInputEl) {\r\n        this.fileInputEl.click();\r\n      }\r\n    };\r\n\r\n    return (\r\n      <div class={{ disabled: this.isInputDisabled() }}>\r\n        <div\r\n          class={{ 'upload-dropzone': true, 'drag-over': this.isDragOver, 'error': this.requiredError }}\r\n          onClick={triggerInputClick}\r\n          onDragOver={e => this.handleDragOver(e)}\r\n          onDragLeave={e => this.handleDragLeave(e)}\r\n          onDrop={e => this.handleDrop(e)}\r\n          role=\"button\"\r\n          tabIndex={0}\r\n          aria-label={this.ariaLabelDropzone}\r\n        >\r\n          <ifx-icon icon=\"upload-16\" class=\"custom-icon\"></ifx-icon>\r\n          <p>{this.labelDragAndDrop}</p>\r\n          <p class=\"file-upload-info\">{this.getSupportedFileText()}</p>\r\n          <div style={{ height: '0px', overflow: 'hidden' }}>\r\n            <input\r\n              id={this.internalId}\r\n              ref={handleInputRef}\r\n              type=\"file\"\r\n              accept={this.getAcceptAttribute()}\r\n              multiple\r\n              onChange={e => this.handleFileChange(e)}\r\n              disabled={this.isInputDisabled()}\r\n              aria-label={this.ariaLabelFileInput}\r\n            />\r\n          </div>\r\n        </div>\r\n        {this.renderStatusMessage()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"],"mappings":"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","ignoreList":[]}