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

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

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonCellRenderer","init","params","this","createButton","getGui","eGui","refresh","updateButton","config","data","colDef","field","options","cellRendererParams","document","createElement","eButton","hasRequiredKeys","setButtonAttributes","appendChild","attachEventListener","textContent","String","detachEventListener","setAttribute","disabled","toString","variant","theme","type","size","fullWidth","target","href","text","eventListener","event","onButtonClick","addEventListener","removeEventListener","CheckboxCellRenderer","createCheckbox","updateCheckbox","style","display","alignItems","justifyContent","eCheckbox","setCheckboxAttributes","error","checked","indeterminate","onCheckboxClick","CheckboxHeaderRenderer","createHeader","Object","assign","detail","onSelectAll","IconButtonCellRenderer","createIconButton","updateIconButton","eIconButton","setIconButtonAttributes","shape","icon","onIconButtonClick","LinkCellRenderer","createLink","updateLink","_a","_b","value","_c","eLink","setLinkAttributes","download","StatusCellRenderer","render","cfg","el","label","color","border","CustomNoRowsOverlay","innerHTML","noRowsMessageFunc","_params","CustomLoadingOverlay","tableCss","Table","constructor","hostRef","currentPage","rowData","colData","filterOptions","currentFilters","allRowData","rowHeight","tableHeight","pagination","paginationPageSize","filterOrientation","headline","showSidebarFilters","matchingResultsCount","serverSidePagination","enableSelection","selectedRows","Set","selectAll","selectedRowsData","Map","showLoading","originalRowData","internalItemsPerPage","JSON","stringify","selected","handleSelectAll","newSelectedRows","newSelectedRowsData","forEach","row","rowId","__rowId","add","cleanRow","__rest","set","delete","clear","updateCheckboxStates","updateHeaderCheckboxState","emitSelectionChange","handleRowCheckboxClick","clickedRowData","has","currentPageSelectedCount","filter","length","rowsChanged","_newVal","parsed","parseArrayInput","rows","index","Date","now","Math","random","__checkbox","updateTableView","updateFilterOptions","colsChanged","getColData","gridApi","setGridOption","sizeColumnsToFit","defaultMinWidth","handleResultsPerPageChange","e","Number","handleChipChange","name","currentSelection","previousSelection","updatedFilters","customEvent","CustomEvent","filterName","bubbles","composed","host","dispatchEvent","filterValues","map","selection","applyAllFilters","onButtonRendererOptionsChanged","setColumnDefs","onIconButtonRendererOptionsChanged","onCheckboxRendererOptionsChanged","input","parse","Array","isArray","console","toggleSidebarFilters","col","setTimeout","headerCheckbox","container","querySelector","allOnPageSelected","someOnPageSelected","allSelected","someSelected","handleSidebarFilterChange","filterGroups","filterGroup","filterGroupName","selectedItems","item","handleTopbarFilterChange","filters","filterInfo","selectedValues","toLowerCase","textFilterMatched","property","hasOwnProperty","rowValue","some","filterValue","startsWith","includesUndefined","includes","serverPageChangeHandler","total","page","pageSize","sampleNumber","paginationElement","shadowRoot","visibleRowData","startIndex","endIndex","slice","clearAllFilters","onBtShowLoading","showLoadingOverlay","setPaginationItemsPerPage","newItemsPerPage","paginationItemsPerPage","itemsPerPageArray","selectedOption","find","option","componentWillLoad","uniqueKey","floor","getRowData","gridOptions","suppressCellFocus","headerHeight","components","checkboxCellRenderer","checkboxHeaderRenderer","customLoadingOverlay","customNoRowsOverlay","defaultColDef","resizable","autoHeight","suppressDragLeaveHidesColumns","enableCellTextSelection","onFirstDataRendered","bind","columnDefs","loadingOverlayComponent","noRowsOverlayComponent","noRowsOverlayComponentParams","icons","sortAscending","sortDescending","sortUnSort","rowDragManaged","dndSource","animateRows","navigateToNextCell","focusCellIfContainingButton","api","nextCellPosition","tabToNextCell","cellPosition","column","getColDef","rowNode","getDisplayedRowAtIndex","rowIndex","cellRenderers","getCellRendererInstances","rowNodes","columns","renderedContent","button","focusableChild","focus","componentDidLoad","isNestedInIfxComponent","framework","detectFramework","trackComponent","createGrid","handlePageChange","sidebarFilterElements","querySelectorAll","sidebarFilterElement","topbarFilterElements","topbarFilterElement","componentWillUnmount","sidebarFilters","sidebarFilter","topbarFilters","topbarFilter","isJSONParseable","str","undefined","dataToUpdate","refreshCells","force","selectedRowsArray","from","values","isSelectAll","selectedCount","cols","checkboxColumn","headerName","width","pinned","cellRenderer","headerComponent","headerComponentParams","sortable","valueFormatter","cellDataType","unshift","buttonRendererOptions","checkboxRendererOptions","_d","iconButtonRendererOptions","handleResetButtonClick","resetEvent","window","disconnectedCallback","resetButton","getTableClassNames","classNames","height","filterClass","h","Host","key","class","onClick","keys","isMultiSelect","placeholder","readOnly","id","ref","hasButtonCol","onDragOver","dragSupported","dataTransfer","dropEffect","preventDefault","onDrop","jsonData","getData","eJsonRow","classList","innerText","eJsonDisplay"],"sources":["src/components/table-advanced-version/buttonCellRenderer.ts","src/components/table-advanced-version/checkboxCellRenderer.ts","src/components/table-advanced-version/checkboxHeaderRenderer.ts","src/components/table-advanced-version/iconButtonCellRenderer.ts","src/components/table-advanced-version/linkCellRenderer.ts","src/components/table-advanced-version/statusCellRenderer.ts","src/components/table-advanced-version/customNoRowsOverlay.ts","src/components/table-advanced-version/customLoadingOverlay.ts","src/components/table-advanced-version/table.scss?tag=ifx-table&encapsulation=shadow","src/components/table-advanced-version/table.tsx"],"sourcesContent":["import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { ButtonInterface } from './interfaces';\n\nexport class ButtonCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eButton!: HTMLElement;  // Change to a generic HTMLElement to accommodate custom elements\n  eventListener!: (event: Event) => void;\n\n  init(params: ICellRendererParams) {\n    this.createButton(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateButton(params);\n    return true;\n  }\n\n  private createButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    this.eGui = document.createElement('div');\n    this.eButton = document.createElement('ifx-button') as HTMLElement;\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setButtonAttributes(config);\n      this.eGui.appendChild(this.eButton);\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private updateButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setButtonAttributes(config);\n      this.detachEventListener();\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setButtonAttributes(config: ButtonInterface) {\n    this.eButton.setAttribute('disabled', config.disabled.toString());\n    this.eButton.setAttribute('variant', config.variant);\n    this.eButton.setAttribute('theme', config.theme);\n    this.eButton.setAttribute('type', config.type);\n    this.eButton.setAttribute('size', config.size);\n    this.eButton.setAttribute('full-width', config.fullWidth.toString());\n    this.eButton.setAttribute('target', config.target);\n    this.eButton.setAttribute('href', config.href);\n    this.eButton.textContent = config.text;\n  }\n\n  private attachEventListener(options: any, params: ICellRendererParams) {\n    this.eventListener = (event: Event) => {\n      if (options.onButtonClick) {\n        options.onButtonClick(params, event);\n      }\n    };\n    this.eButton.addEventListener('click', this.eventListener);\n  }\n\n  private detachEventListener() {\n    if (this.eventListener) {\n      this.eButton.removeEventListener('click', this.eventListener);\n    }\n  }\n\n  private hasRequiredKeys(config: ButtonInterface): boolean {\n    return config && config.text !== '' && config.variant !== '' && config.size !== '' && config.type !== '';\n  }\n}\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { CheckboxInterface } from './interfaces';\n\nexport class CheckboxCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eCheckbox!: HTMLElement;\n  eventListener!: (event: Event) => void;\n\n  init(params: ICellRendererParams) {\n    this.createCheckbox(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateCheckbox(params);\n    return true;\n  }\n\n  private createCheckbox(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    this.eGui = document.createElement('div');\n    this.eGui.style.display = 'flex';\n    this.eGui.style.alignItems = 'center';\n    this.eGui.style.justifyContent = 'center';\n    this.eCheckbox = document.createElement('ifx-checkbox') as HTMLElement;\n\n    if (this.hasRequiredKeys(config)) {\n      this.setCheckboxAttributes(config);\n      this.eGui.appendChild(this.eCheckbox);\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : 'No checkbox data';\n    }\n  }\n\n  private updateCheckbox(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n\n    if (this.hasRequiredKeys(config)) {\n      this.setCheckboxAttributes(config);\n      this.detachEventListener();\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setCheckboxAttributes(config: CheckboxInterface) {\n    this.eCheckbox.setAttribute('disabled', config.disabled.toString());\n    this.eCheckbox.setAttribute('error', config.error.toString());\n    this.eCheckbox.setAttribute('size', config.size);\n    this.eCheckbox.setAttribute('checked', config.checked.toString());\n    this.eCheckbox.setAttribute('indeterminate', config.indeterminate.toString());\n  }\n\n  private attachEventListener(options: any, params: ICellRendererParams) {\n    this.eventListener = (event: Event) => {\n      if (options.onCheckboxClick) {\n        options.onCheckboxClick(params, event);\n      }\n    };\n    this.eCheckbox.addEventListener('click', this.eventListener);\n  }\n\n  private detachEventListener() {\n    if (this.eventListener) {\n      this.eCheckbox.removeEventListener('click', this.eventListener);\n    }\n  }\n\n  private hasRequiredKeys(config: CheckboxInterface): boolean {\n    return config && config.size !== '';\n  }\n}\n","import { IHeaderComp, IHeaderParams } from 'ag-grid-community';\n\nexport class CheckboxHeaderRenderer implements IHeaderComp {\n  eGui!: HTMLDivElement;\n  eCheckbox!: HTMLElement;\n  params!: IHeaderParams & { onSelectAll?: (checked: boolean) => void };\n\n  init(params: IHeaderParams & { onSelectAll?: (checked: boolean) => void }) {\n    this.params = params;\n    this.createHeader();\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: IHeaderParams): boolean {\n    this.params = { ...this.params, ...params };\n    return true;\n  }\n\n  private createHeader() {\n    this.eGui = document.createElement('div');\n    this.eGui.style.display = 'flex';\n    this.eGui.style.alignItems = 'center';\n    this.eGui.style.justifyContent = 'center';\n\n    this.eCheckbox = document.createElement('ifx-checkbox');\n    this.eCheckbox.setAttribute('size', 's');\n    this.eCheckbox.setAttribute('checked', 'false');\n\n    this.eCheckbox.addEventListener('ifxChange', (event: any) => {\n      const checked = event.detail;\n      if (this.params.onSelectAll) {\n        this.params.onSelectAll(checked);\n      }\n    });\n\n    this.eGui.appendChild(this.eCheckbox);\n  }\n}\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { IconButtonInterface } from './interfaces';\n\nexport class IconButtonCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eIconButton!: HTMLElement; \n  eventListener!: (event: Event) => void;\n\n  init(params: ICellRendererParams) {\n    this.createIconButton(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateIconButton(params);\n    return true;\n  }\n\n  private createIconButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    this.eGui = document.createElement('div');\n    this.eIconButton = document.createElement('ifx-icon-button') as HTMLElement;\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setIconButtonAttributes(config);\n      this.eGui.appendChild(this.eIconButton);\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private updateIconButton(params: ICellRendererParams) {\n    const config = params.data[params.colDef.field];\n    const options = params.colDef.cellRendererParams || {};\n    \n    if (this.hasRequiredKeys(config)) {\n      this.setIconButtonAttributes(config);\n      this.detachEventListener();\n      this.attachEventListener(options, params);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setIconButtonAttributes(config: IconButtonInterface) {\n    this.eIconButton.setAttribute('disabled', config.disabled.toString());\n    this.eIconButton.setAttribute('variant', config.variant);\n    this.eIconButton.setAttribute('shape', config.shape);\n    this.eIconButton.setAttribute('size', config.size);\n    this.eIconButton.setAttribute('target', config.target);\n    this.eIconButton.setAttribute('href', config.href);\n    this.eIconButton.setAttribute('icon', config.icon);\n  }\n\n  private attachEventListener(options: any, params: ICellRendererParams) {\n    this.eventListener = (event: Event) => {\n      if (options.onIconButtonClick) {\n        options.onIconButtonClick(params, event);\n      }\n    };\n    this.eIconButton.addEventListener('click', this.eventListener);\n  }\n\n  private detachEventListener() {\n    if (this.eventListener) {\n      this.eIconButton.removeEventListener('click', this.eventListener);\n    }\n  }\n\n  private hasRequiredKeys(config: IconButtonInterface): boolean {\n    return config && config.variant !== '' && config.size !== '' && config.shape !== '';\n  }\n}\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\nimport { LinkInterface } from './interfaces';\n\nexport class LinkCellRenderer implements ICellRendererComp {\n  eGui!: HTMLDivElement;\n  eLink!: HTMLElement;\n\n  init(params: ICellRendererParams) {\n    this.createLink(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.updateLink(params);\n    return true;\n  }\n\n  private createLink(params: ICellRendererParams) {\n    const field = params.colDef?.field as string | undefined;\n    const config = (params.value ?? params.data?.[field]) as any;\n\n    this.eGui = document.createElement('div');\n    this.eLink = document.createElement('ifx-link') as HTMLElement;\n\n    if (this.hasRequiredKeys(config)) {\n      this.setLinkAttributes(config);\n      this.eGui.appendChild(this.eLink);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private updateLink(params: ICellRendererParams) {\n    const field = params.colDef?.field as string | undefined;\n    const config = (params.value ?? params.data?.[field]) as any;\n\n    if (this.hasRequiredKeys(config)) {\n      this.setLinkAttributes(config);\n    } else {\n      this.eGui.textContent = config ? String(config) : '';\n    }\n  }\n\n  private setLinkAttributes(config: LinkInterface) {\n    this.eLink.setAttribute('disabled', config.disabled?.toString());\n    this.eLink.setAttribute('variant', config.variant);\n    this.eLink.setAttribute('size', config.size);\n    this.eLink.setAttribute('target', config.target);\n    this.eLink.setAttribute('href', config.href);\n    if (config.download) this.eLink.setAttribute('download', config.download);\n    this.eLink.textContent = config.text || '';\n  }\n\n  private hasRequiredKeys(config: LinkInterface): boolean {\n    return !!(\n      config &&\n      config.text &&\n      config.variant &&\n      config.size\n    );\n  }\n}\n","// statusCellRenderer.ts\nimport { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\n\ntype StatusConfig = {\n  label: string;\n  color?: string;\n  border?: boolean;\n};\n\nexport class StatusCellRenderer implements ICellRendererComp {\n  private eGui!: HTMLDivElement;\n\n  init(params: ICellRendererParams) {\n    this.eGui = document.createElement('div');\n    this.render(params);\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(params: ICellRendererParams) {\n    this.render(params);\n    return true;\n  }\n\nprivate render(params: ICellRendererParams) {\n  const field = params.colDef?.field as string | undefined;\n  const cfg = (params.value ?? params.data?.[field]) as StatusConfig | string | undefined;\n\n  this.eGui.textContent = '';\n\n  if (cfg && typeof cfg === 'object' && 'label' in cfg) {\n    const el = document.createElement('ifx-status') as any;\n    el.label = cfg.label;\n    if (cfg.color != null) el.color = cfg.color;\n    el.border = !!(cfg as StatusConfig).border;\n    this.eGui.appendChild(el);\n  } else if (cfg != null) {\n    this.eGui.textContent = String(cfg);\n  }\n}\n}\n","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\n\nexport class CustomNoRowsOverlay implements ICellRendererComp {\n  eGui!: HTMLElement;\n\n  init(params: ICellRendererParams & { noRowsMessageFunc: () => string }) {\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `\n            <div role=\"presentation\" class=\"ag-overlay-loading-center\" >\n               ${params.noRowsMessageFunc()}\n            </div>\n        `;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(_params: ICellRendererParams): boolean {\n    return false;\n  }\n}","import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';\n\nexport class CustomLoadingOverlay implements ICellRendererComp {\n  eGui!: HTMLElement;\n\n  init(_params: ICellRendererParams & { loadingMessage: string }) {\n    this.eGui = document.createElement('div');\n    this.eGui.innerHTML = `<div class=\"ag-overlay-loading-center\" role=\"presentation\">\n<ifx-spinner></ifx-spinner>\n            </div>`;\n  }\n\n  getGui() {\n    return this.eGui;\n  }\n\n  refresh(_params: ICellRendererParams): boolean {\n    return false;\n  }\n}","@use '~@infineon/design-system-tokens/dist/tokens';\n@use '../../global/font.scss';\n\n@import '~ag-grid-community/styles/ag-grid.css';\n\n.zebra {\n  & .ag-row-odd {\n    background-color: tokens.$ifxColorEngineering100 !important;\n  }\n\n  & .ag-row {\n    border-bottom: none !important;\n  }\n}\n\n.ag-header-viewport {\n  background-color: tokens.$ifxColorEngineering200 !important;\n}\n\n.table-container {\n  display: block;\n}\n\n.sidebar-btn {\n  margin-bottom: 24px;\n}\n\n.sidebar-container {\n  margin-right: 24px;\n}\n\n.sidebar-layout {\n  display: flex;\n  flex-direction: row;\n}\n\n.topbar-layout {\n  display: flex;\n  flex-direction: column;\n}\n\n.table-pagination-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  width: 100%;\n\n  & .pagination-wrapper {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n  }\n}\n\n#table-wrapper {\n  flex: 1;\n  padding-bottom: tokens.$ifxSpace100;\n  overflow-x: auto;\n  width: 100%;\n}\n\n.table-wrapper {\n  overflow-x: auto;\n  width: 100%;\n}\n\n.ag-horizontal-left-spacer {\n  display: none;\n}\n\n.table-wrapper .ag-root-wrapper-body {\n  height: auto !important;\n  min-height: 100px !important;\n  min-width: 100px;\n}\n\n.filter-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: tokens.$ifxSpace100;\n  margin-bottom: 12px;\n}\n\n.filter-chips > ifx-button {\n  margin-left: -8px;\n}\n\n.set-filter-wrapper-sidebar {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: tokens.$ifxSpace100;\n}\n\n.set-filter-wrapper-topbar {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  margin-bottom: tokens.$ifxSpace100;\n  background: tokens.$ifxColorEngineering100;\n  padding-top: 32px;\n  padding-bottom: 32px;\n  gap: 24px;\n}\n\n.headline-wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 15px 0px;\n}\n\n.inner-buttons-wrapper {\n  flex: 1;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 5px;\n}\n\n.ifx-ag-grid {\n  display: grid;\n  height: 100%;\n  width: 100%;\n  min-width: 100px;\n  overflow-x: auto;\n}\n\n.ifx-ag-grid .ag-header-cell::after {\n  outline: none !important;\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.ifx-ag-grid .ag-header-cell:focus {\n  outline: none !important;\n}\n\n.ifx-ag-grid *:not(.ag-header-cell):focus {\n  outline: none;\n}\n\n.ifx-ag-grid .ag-header-cell:not(:last-child)::before {\n  content: '';\n  position: absolute;\n  right: 0;\n  top: calc(50% - 12px);\n  height: 24px;\n  width: 1px;\n  background-color: tokens.$ifxColorEngineering300;\n}\n\n.ag-pinned-left-header {\n  background-color: tokens.$ifxColorEngineering200;\n  min-width: 50px !important;\n  max-width: 50px !important;\n  width: 50px !important;\n  &::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: calc(50% - 12px);\n    height: 24px;\n    width: 1px;\n    background-color: tokens.$ifxColorEngineering300;\n  }\n}\n\n.ag-header-row {\n  width: 50px !important;\n}\n\n.ag-pinned-left-cols-container {\n  width: 50px !important;\n  max-width: 50px !important;\n  min-width: 50px !important;\n}\n\n.ag-overlay-loading-center {\n  border: none;\n  background: none;\n  border-radius: none;\n  box-shadow: none;\n}\n\n.ag-root-wrapper {\n  border: 1px solid tokens.$ifxColorEngineering200;\n}\n\n.ag-header {\n  background-color: tokens.$ifxColorEngineering100;\n  border-bottom: none;\n\n  &.ag-header-active {\n    outline: none !important;\n    border-color: #0a8276 !important;\n  }\n}\n\n.ag-header-cell {\n  padding-left: 16px;\n  padding-right: 16px;\n  gap: 4px;\n}\n\n.ag-header-cell-focus {\n  border: none !important;\n  outline: none !important;\n}\n\n.ag-header-cell-text {\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 20px;\n  color: tokens.$ifxColorBaseBlack;\n  font-family: var(--ifx-font-family);\n}\n\n.ag-row-focus {\n  background-color: inherit !important;\n}\n\n.ag-row-hover {\n  background-color: tokens.$ifxColorBaseWhite !important;\n}\n\n.ag-cell-focus {\n  border: none !important;\n  outline: none !important;\n  background-color: inherit !important;\n}\n\n.ag-row {\n  background-color: tokens.$ifxColorBaseWhite;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n  font-size: 13px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 20px;\n  z-index: 1;\n}\n\n.ag-row-odd {\n  background-color: tokens.$ifxColorBaseWhite;\n}\n\n.ag-cell {\n  display: flex;\n  padding-left: 16px;\n  padding-right: 16px;\n  white-space: pre-line;\n  min-height: 40px;\n  height: auto;\n}\n\n.ag-ltr .ag-sort-indicator-icon {\n  padding-left: 0px;\n  vertical-align: bottom;\n  line-height: 12px;\n}\n\n.ag-sort-indicator-container .ag-sort-order {\n  display: none;\n}\n\n.unsort-icon-custom-color {\n  color: tokens.$ifxColorEngineering400;\n}\n\n.filters-title {\n  font-size: 24px;\n  font-weight: 600;\n}\n\n.matching-results-container {\n  flex: 1;\n  font-family: 'Source Sans 3';\n  display: flex;\n  gap: 4px;\n  font-size: 24px;\n  font-weight: 600;\n  line-height: 32px;\n  letter-spacing: -1px;\n  padding-right: 56px;\n}\n\n.matching-results-count {\n  font-weight: 600;\n}\n\n.matching-results-text {\n  font-weight: 400;\n}\n\n.ag-body-horizontal-scroll {\n  display: none;\n}\n\n@media (max-width: tokens.$ifxBreakpointM) {\n  .table-wrapper,\n  #table-wrapper {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .ag-root-wrapper {\n    min-width: 100%;\n  }\n\n  .ag-body-horizontal-scroll {\n    display: block;\n  }\n\n  .ag-header-cell,\n  .ag-cell {\n    min-width: 100px;\n    white-space: nowrap;\n  }\n\n  .sidebar-layout {\n    flex-direction: column;\n  }\n\n  .sidebar-container {\n    margin-right: 0;\n    margin-bottom: 24px;\n  }\n\n  .set-filter-wrapper-topbar {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .table-pagination-wrapper {\n    gap: tokens.$ifxSpace200;\n  }\n}\n","import { Component, h, Host, Method, Element, Prop, State, Listen, Watch } from '@stencil/core';\nimport classNames from 'classnames';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport { CellPosition, createGrid, FirstDataRenderedEvent, GridApi, GridOptions } from 'ag-grid-community';\nimport { ButtonCellRenderer } from './buttonCellRenderer';\nimport { CheckboxCellRenderer } from './checkboxCellRenderer';\nimport { CheckboxHeaderRenderer } from './checkboxHeaderRenderer';\nimport { IconButtonCellRenderer } from './iconButtonCellRenderer';\nimport { LinkCellRenderer } from './linkCellRenderer';\nimport { StatusCellRenderer } from './statusCellRenderer';\nimport { CustomNoRowsOverlay } from './customNoRowsOverlay';\nimport { CustomLoadingOverlay } from './customLoadingOverlay';\n\n@Component({\n  tag: 'ifx-table',\n  styleUrl: 'table.scss',\n  shadow: true,\n})\nexport class Table {\n  gridOptions: GridOptions;\n  gridApi: GridApi;\n  @State() currentPage: number = 1;\n  @Prop() cols: any;\n  @Prop() rows: any;\n  @Prop() buttonRendererOptions?: { onButtonClick?: (params: any, event: Event) => void };\n  @Prop() iconButtonRendererOptions?: { onIconButtonClick?: (params: any, event: Event) => void };\n  @Prop() checkboxRendererOptions?: { onCheckboxClick?: (params: any, event: Event) => void };\n  @State() rowData: any[] = [];\n  @State() colData: any[] = [];\n  @State() filterOptions: { [key: string]: string[] } = {};\n  @State() currentFilters = {};\n  @State() uniqueKey: string;\n  allRowData: any[] = [];\n  @Prop() rowHeight: string = 'default';\n  @Prop() tableHeight: string = 'auto';\n  @Prop() pagination: boolean = true;\n  @Prop() paginationItemsPerPage: string;\n  @State() paginationPageSize: number = 10;\n  @Prop() filterOrientation: string = 'sidebar';\n  @Prop() headline: string = '';\n  @State() showSidebarFilters: boolean = true;\n  @State() matchingResultsCount: number = 0;\n  @Prop() variant: string = 'default';\n  @Prop() serverSidePagination: boolean = false;\n  @Prop() serverPageChangeHandler?: (params: { page: number; pageSize: number }) => Promise<{ rows: any[]; total: number }>;\n  @Prop() enableSelection: boolean = false;\n  @State() selectedRows: Set<string> = new Set();\n  @State() selectAll: boolean = false;\n  @State() selectedRowsData: Map<string, any> = new Map();\n  @Prop() showLoading: boolean = false;\n  private container: HTMLDivElement;\n  @Element() host: HTMLElement;\n  originalRowData: any[] = [];\n\n  private internalItemsPerPage = JSON.stringify([\n    { value: 10, label: '10', selected: true },\n    { value: 20, label: '20', selected: false },\n    { value: 30, label: '30', selected: false },\n  ]);\n\n  @Watch('rows')\n  rowsChanged(_newVal: any) {\n    const parsed = this.parseArrayInput<any>(this.rows);\n\n    parsed.forEach((row, index) => {\n      if (!row.__rowId) {\n        row.__rowId = `row_${index}_${Date.now()}_${Math.random()}`;\n      }\n    });\n\n    if (this.enableSelection) {\n      parsed.forEach(row => {\n        row.__checkbox = {\n          disabled: false,\n          checked: this.selectedRows?.has(row.__rowId) || false,\n          size: 's',\n          indeterminate: false,\n          error: false,\n        };\n      });\n    }\n    this.currentFilters = {};\n    this.currentPage = 1;\n    this.originalRowData = [...parsed];\n    this.allRowData = [...parsed];\n    this.matchingResultsCount = this.allRowData.length;\n    this.updateTableView();\n    this.updateFilterOptions();\n  }\n\n  @Watch('cols')\n  colsChanged(_newVal: any) {\n    this.colData = this.getColData();\n\n    if (this.gridApi) {\n      this.gridApi.setGridOption('columnDefs', this.colData);\n      this.gridApi.sizeColumnsToFit({\n        defaultMinWidth: 100,\n      });\n    }\n\n    this.updateFilterOptions();\n  }\n\n  @Listen('ifxItemsPerPageChange')\n  handleResultsPerPageChange(e: CustomEvent<string>) {\n    this.paginationPageSize = Number(e.detail);\n    this.currentPage = 1;\n    this.updateTableView();\n  }\n\n  @Listen('ifxChange')\n  handleChipChange(event: CustomEvent<{ previousSelection: Array<any>; currentSelection: Array<any>; name: string }>) {\n    const { name, currentSelection, previousSelection } = event.detail;\n    if (currentSelection && previousSelection) {\n      // Clone the current filters state\n      const updatedFilters = { ...this.currentFilters };\n\n      if (currentSelection.length === 0) {\n        // If there are no selections for this filter, delete the filter\n        delete updatedFilters[name];\n\n        // Emit event with specific filter name\n        const customEvent = new CustomEvent('ifxUpdateSidebarFilter', { detail: { filterName: name }, bubbles: true, composed: true });\n        this.host.dispatchEvent(customEvent);\n      } else {\n        // Otherwise, update the filter values with the current selection\n        updatedFilters[name].filterValues = currentSelection.map(selection => selection.value);\n      }\n\n      // Update the component's filters\n      this.currentFilters = updatedFilters;\n      // Ensure table data is updated\n      this.allRowData = this.applyAllFilters(this.originalRowData, this.currentFilters);\n      this.updateTableView();\n    }\n  }\n\n  @Watch('buttonRendererOptions')\n  onButtonRendererOptionsChanged() {\n    this.colData = this.getColData();\n    if (this.gridApi) {\n      this.gridApi.setColumnDefs(this.colData);\n    }\n  }\n\n  @Watch('iconButtonRendererOptions')\n  onIconButtonRendererOptionsChanged() {\n    this.colData = this.getColData();\n    if (this.gridApi) {\n      this.gridApi.setColumnDefs(this.colData);\n    }\n  }\n\n  @Watch('checkboxRendererOptions')\n  onCheckboxRendererOptionsChanged() {\n    this.colData = this.getColData();\n    if (this.gridApi) {\n      this.gridApi.setColumnDefs(this.colData);\n    }\n  }\n\n  private parseArrayInput<T>(input: any): T[] {\n    if (typeof input === 'string') {\n      try {\n        const parsed = JSON.parse(input);\n        return Array.isArray(parsed) ? parsed : [];\n      } catch {\n        console.error('Failed to parse input:', input);\n        return [];\n      }\n    }\n    if (Array.isArray(input)) return input;\n    if (typeof input === 'object' && input !== null) return [input as T];\n    return [];\n  }\n\n  toggleSidebarFilters() {\n    this.showSidebarFilters = !this.showSidebarFilters;\n  }\n\n  updateFilterOptions() {\n    const options = {};\n    for (let col of this.colData) {\n      options[col.field] = [...new Set(this.rowData.map(row => row[col.field]))];\n    }\n    this.filterOptions = options;\n  }\n\n  private updateHeaderCheckboxState() {\n    if (this.gridApi && this.enableSelection) {\n      setTimeout(() => {\n        const headerCheckbox = this.container?.querySelector('.ag-header-cell[col-id=\"__checkbox\"] ifx-checkbox') as any;\n        if (headerCheckbox) {\n          if (this.serverSidePagination) {\n            const currentPageSelectedCount = this.rowData.filter(row => this.selectedRows.has(row.__rowId)).length;\n            const allOnPageSelected = currentPageSelectedCount === this.rowData.length && this.rowData.length > 0;\n            const someOnPageSelected = currentPageSelectedCount > 0 && currentPageSelectedCount < this.rowData.length;\n\n            headerCheckbox.checked = allOnPageSelected;\n            headerCheckbox.indeterminate = someOnPageSelected;\n          } else {\n            const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;\n            const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;\n\n            headerCheckbox.checked = allSelected;\n            headerCheckbox.indeterminate = someSelected;\n          }\n        }\n      }, 0);\n    }\n  }\n\n  handleSidebarFilterChange(event: CustomEvent) {\n    const filterGroups = event.detail;\n    const updatedFilters = {};\n\n    filterGroups.forEach(filterGroup => {\n      const filterName = filterGroup.filterGroupName;\n      let filterValues;\n      let type;\n\n      if (filterGroup.selectedItems && filterGroup.selectedItems.length > 0) {\n        filterValues = filterGroup.selectedItems.map(item => item.label);\n        type = 'multi-select';\n      } else if (filterGroup.value) {\n        filterValues = [filterGroup.value];\n        type = 'text';\n      } else {\n        filterValues = [];\n      }\n\n      if (!(filterValues.length === 0 || (filterValues.length === 1 && type === 'text' && filterValues[0] === ''))) {\n        updatedFilters[filterName] = { filterValues, type };\n      }\n    });\n\n    this.allRowData = this.applyAllFilters(this.originalRowData, updatedFilters);\n    this.updateTableView();\n    this.currentFilters = updatedFilters;\n  }\n\n  handleTopbarFilterChange(event: CustomEvent) {\n    const filters = event.detail;\n\n    // Start by resetting the filter conditions to a blank object\n    this.currentFilters = {};\n\n    // Loop through each filter group provided in the event detail\n    filters.forEach(filter => {\n      const filterName = filter.filterName;\n      let filterValues;\n\n      let type = filter.type;\n\n      if (type === 'text') {\n        // Search/Text filter\n        filterValues = filter.filterValues;\n      } else {\n        // Multi-select/Single-Select\n        filterValues = filter.filterValues.map(item => item.label);\n      }\n\n      // If there are no filter values, or the filter is a text filter with an empty value, remove the filter\n      if (!(filterValues.length === 0 || (filterValues.length === 1 && type === 'text' && filterValues[0] === ''))) {\n        // Add or update the filter in the currentFilters object\n        this.currentFilters[filterName] = { filterValues, type };\n      }\n    });\n\n    // Now that the currentFilters object has been updated, apply all filters to the data\n    this.allRowData = this.applyAllFilters(this.originalRowData, this.currentFilters);\n\n    // After filtering, update the table view with the new filtered data\n    this.updateTableView();\n  }\n\n  applyAllFilters(data, filters) {\n    return data.filter(row => {\n      for (const filterName in filters) {\n        const filterInfo = filters[filterName];\n        let selectedValues = (filterInfo.filterValues || []).map(value => {\n          if (typeof value === 'string') {\n            return value.toLowerCase();\n          } else if (typeof value === 'number' || typeof value === 'boolean') {\n            return value.toString();\n          }\n          return '';\n        });\n\n        // For text filters, check if row values start with any of the selectedValues\n        if (filterInfo.type === 'text') {\n          let textFilterMatched = false;\n          for (let property in row) {\n            if (row.hasOwnProperty(property)) {\n              let rowValue = row[property] != null ? String(row[property]).toLowerCase() : '';\n              if (selectedValues.some(filterValue => rowValue.startsWith(filterValue))) {\n                textFilterMatched = true;\n                break;\n              }\n            }\n          }\n          if (!textFilterMatched) return false;\n        }\n        else if (filterInfo.type === 'multi-select') {\n          let rowValue = row[filterName] != null ? String(row[filterName]).toLowerCase() : '';\n    \n          let includesUndefined = selectedValues.includes('undefined');\n          if (!selectedValues.includes(rowValue) && !(includesUndefined && rowValue === '')) {\n            return false;\n          }\n        }\n      }\n      return true;\n    });\n  }\n\n  async updateTableView() {\n    if (this.serverSidePagination) {\n      this.selectAll = false;\n    }\n\n    if (this.serverSidePagination && this.serverPageChangeHandler) {\n      const { rows, total } = await this.serverPageChangeHandler({\n        page: this.currentPage,\n        pageSize: this.paginationPageSize,\n      });\n\n      rows.forEach((row, index) => {\n        const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;\n        row.__rowId = rowId;\n        row.__checkbox = {\n          disabled: false,\n          checked: this.selectedRows?.has(rowId) || false,\n          size: 's',\n          indeterminate: false,\n          error: false,\n        };\n      });\n\n      this.rowData = rows;\n      this.matchingResultsCount = total;\n\n      if (this.gridApi) {\n        this.gridApi.setGridOption('rowData', rows);\n        this.updateHeaderCheckboxState();\n      }\n\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\n      if (paginationElement) {\n        paginationElement.setAttribute('total', total.toString());\n      }\n    } else {\n      let visibleRowData;\n\n      if (this.pagination) {\n        const startIndex = (this.currentPage - 1) * this.paginationPageSize;\n        const endIndex = startIndex + this.paginationPageSize;\n        visibleRowData = this.allRowData.slice(startIndex, endIndex);\n      } else {\n        visibleRowData = this.allRowData;\n      }\n\n      if (this.enableSelection) {\n        visibleRowData.forEach(row => {\n          if (!row.__checkbox) {\n            row.__checkbox = {\n              disabled: false,\n              checked: this.selectedRows?.has(row.__rowId) || false,\n              size: 's',\n              indeterminate: false,\n              error: false,\n            };\n          } else {\n            row.__checkbox.checked = this.selectedRows?.has(row.__rowId) || false;\n          }\n        });\n      }\n\n      this.rowData = visibleRowData;\n      this.matchingResultsCount = this.allRowData.length;\n\n      if (this.gridApi) {\n        this.gridApi.setGridOption('rowData', this.rowData);\n      }\n      this.updateHeaderCheckboxState();\n    }\n  }\n\n  clearAllFilters() {\n    this.currentFilters = {};\n    this.allRowData = [...this.originalRowData];\n  }\n\n  @Method()\n  async onBtShowLoading() {\n    this.gridApi.showLoadingOverlay();\n  }\n\n  setPaginationItemsPerPage() {\n    const newItemsPerPage = this.paginationItemsPerPage;\n    if (newItemsPerPage) {\n      this.internalItemsPerPage = this.paginationItemsPerPage;\n      const itemsPerPageArray = JSON.parse(this.internalItemsPerPage);\n\n      const selectedOption = itemsPerPageArray.find(option => option.selected);\n      if (selectedOption) {\n        this.paginationPageSize = Number(selectedOption.value);\n      } else if (itemsPerPageArray.length > 0) {\n        this.paginationPageSize = Number(itemsPerPageArray[0].value);\n      }\n    }\n  }\n\n  componentWillLoad() {\n    this.setPaginationItemsPerPage();\n\n    this.uniqueKey = `unique-${Math.floor(Math.random() * 1000000)}`;\n    this.rowData = this.getRowData();\n    this.colData = this.getColData();\n    this.updateFilterOptions();\n\n    this.gridOptions = {\n      suppressCellFocus: true,\n      rowHeight: this.rowHeight === 'default' ? 40 : 32,\n      headerHeight: 40,\n      components: {\n        checkboxCellRenderer: CheckboxCellRenderer,\n        checkboxHeaderRenderer: CheckboxHeaderRenderer,\n        customLoadingOverlay: CustomLoadingOverlay,\n        customNoRowsOverlay: CustomNoRowsOverlay,\n      },\n      defaultColDef: {\n        resizable: true,\n        autoHeight: true,\n      },\n      suppressDragLeaveHidesColumns: true,\n      enableCellTextSelection: true,\n      onFirstDataRendered: this.onFirstDataRendered.bind(this),\n      columnDefs: this.colData,\n      rowData: this.rowData,\n      loadingOverlayComponent: CustomLoadingOverlay,\n      noRowsOverlayComponent: CustomNoRowsOverlay,\n      noRowsOverlayComponentParams: {\n        noRowsMessageFunc: () => 'No rows found', //at: ' + new Date().toLocaleTimeString(),\n      },\n      icons: {\n        sortAscending: '<ifx-icon icon=\"arrow-triangle-up-16\"></ifx-icon>',\n        sortDescending: '<ifx-icon icon=\"arrow-triangle-down-16\"></ifx-icon>',\n        sortUnSort: '<a class=\"unsort-icon-custom-color\"><ifx-icon icon=\"arrow-triangle-vertikal-16\"></ifx-icon></a>',\n      },\n      rowDragManaged: this.colData.some(col => col.dndSource === true) ? true : false,\n      animateRows: this.colData.some(col => col.dndSource === true) ? true : false,\n      navigateToNextCell: params => {\n        return this.focusCellIfContainingButton(params.api, params.nextCellPosition);\n      },\n      tabToNextCell: params => {\n        // Returning null is deprecated so we return false if the result is null (browser handles tab behavior).\n        return this.focusCellIfContainingButton(params.api, params.nextCellPosition) ?? false;\n      },\n    };\n  }\n\n  focusCellIfContainingButton<T>(api: GridApi<T>, cellPosition: CellPosition): CellPosition | null {\n    if (!cellPosition) {\n      return null;\n    }\n\n    if (cellPosition.column.getColDef().field === 'button') {\n      const rowNode = api.getDisplayedRowAtIndex(cellPosition.rowIndex);\n\n      if (!rowNode) {\n        // Row not yet rendered due to virtualization.\n        return null;\n      }\n\n      const cellRenderers = api.getCellRendererInstances({\n        rowNodes: [rowNode],\n        columns: [cellPosition.column],\n      });\n\n      if (cellRenderers.length > 0) {\n        const renderedContent = (cellRenderers[0] as ButtonCellRenderer)?.getGui();\n\n        if (renderedContent) {\n          const button = renderedContent.querySelector('ifx-button');\n\n          if (button) {\n            setTimeout(() => {\n              // Just calling button.focus() will not work because the focus of <ifx-button> will not be\n              // forwared to its child <a>-element (containing the tabindex attribute) due to shadow root.\n              // We must therefore grab the <a>-element manually first and then call focus() on it.\n              const focusableChild = button.shadowRoot?.querySelector<HTMLElement>('a[tabindex]');\n              focusableChild?.focus();\n            }, 0);\n          }\n        }\n      }\n    }\n\n    return cellPosition;\n  }\n\n  async componentDidLoad() {\n    if (this.container) {\n      if (!isNestedInIfxComponent(this.host)) {\n        const framework = detectFramework();\n        trackComponent('ifx-table', await framework);\n      }\n      this.gridApi = createGrid(this.container, this.gridOptions);\n      if (this.gridApi) {\n        this.gridApi.sizeColumnsToFit({\n          defaultMinWidth: 100,\n        });\n        this.gridApi.setGridOption('columnDefs', this.colData);\n        this.gridApi.setGridOption('rowData', this.rowData);\n\n        if (this.pagination) {\n          const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\n          if (paginationElement) {\n            paginationElement.addEventListener('ifxPageChange', this.handlePageChange.bind(this));\n          }\n        }\n        const sidebarFilterElements = this.host.querySelectorAll('ifx-filter-type-group');\n        // Add an event listener to each SetFilter component\n        sidebarFilterElements.forEach(sidebarFilterElement => {\n          sidebarFilterElement.addEventListener('ifxSidebarFilterChange', this.handleSidebarFilterChange.bind(this));\n        });\n        const topbarFilterElements = this.host.querySelectorAll('ifx-filter-bar');\n        // Add an event listener to each SetFilter component\n        topbarFilterElements.forEach(topbarFilterElement => {\n          topbarFilterElement.addEventListener('ifxTopbarFilterChange', this.handleTopbarFilterChange.bind(this));\n        });\n      }\n    }\n    this.updateTableView();\n  }\n\n  componentWillUnmount() {\n    if (this.pagination) {\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\n      if (paginationElement) {\n        paginationElement.removeEventListener('ifxPageChange', this.handlePageChange.bind(this));\n      }\n    }\n    const sidebarFilters = this.host.shadowRoot.querySelectorAll('ifx-filter-type-group');\n    // Remove the event listener from each SetFilter component\n    sidebarFilters.forEach(sidebarFilter => {\n      sidebarFilter.removeEventListener('ifxSidebarFilterChange', this.handleSidebarFilterChange.bind(this));\n    });\n    const topbarFilters = this.host.shadowRoot.querySelectorAll('ifx-filter-type-group');\n    // Remove the event listener from each SetFilter component\n    topbarFilters.forEach(topbarFilter => {\n      topbarFilter.removeEventListener('ifxTopbarFilterChange', this.handleTopbarFilterChange.bind(this));\n    });\n  }\n\n  async handlePageChange(event) {\n    if (!this.pagination) {\n      return;\n    }\n\n    this.currentPage = event.detail.currentPage;\n    if (this.serverSidePagination) {\n      this.selectAll = false;\n    }\n\n    if (this.serverSidePagination && this.serverPageChangeHandler) {\n      const { rows, total } = await this.serverPageChangeHandler({\n        page: this.currentPage,\n        pageSize: this.paginationPageSize,\n      });\n\n      rows.forEach((row, index) => {\n        const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;\n        row.__rowId = rowId;\n        row.__checkbox = {\n          disabled: false,\n          checked: this.selectedRows?.has(rowId) || false,\n          size: 's',\n          indeterminate: false,\n          error: false,\n        };\n      });\n\n      this.rowData = rows;\n      this.matchingResultsCount = total;\n\n      if (this.gridApi) {\n        this.gridApi.setGridOption('rowData', this.rowData);\n        this.updateHeaderCheckboxState();\n      }\n\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\n      if (paginationElement) {\n        paginationElement.setAttribute('total', total.toString());\n      }\n    } else {\n      const startIndex = (this.currentPage - 1) * this.paginationPageSize;\n      const endIndex = startIndex + this.paginationPageSize;\n      const visibleRowData = this.allRowData.slice(startIndex, endIndex);\n\n      if (this.enableSelection) {\n        visibleRowData.forEach(row => {\n          if (!row.__checkbox) {\n            row.__checkbox = {\n              disabled: false,\n              checked: this.selectedRows?.has(row.__rowId) || false,\n              size: 's',\n              indeterminate: false,\n              error: false,\n            };\n          } else {\n            row.__checkbox.checked = this.selectedRows?.has(row.__rowId) || false;\n          }\n        });\n      }\n\n      this.rowData = visibleRowData;\n\n      if (this.gridApi) {\n        this.gridApi.setGridOption('rowData', visibleRowData);\n        this.updateHeaderCheckboxState();\n      }\n    }\n  }\n\n  isJSONParseable(str) {\n    try {\n      JSON.parse(str);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  }\n\n  handleSelectAll = (checked: boolean) => {\n    this.selectAll = checked;\n\n    const newSelectedRows = new Set(this.selectedRows);\n    const newSelectedRowsData = new Map(this.selectedRowsData);\n\n    if (checked) {\n      if (this.serverSidePagination) {\n        this.rowData.forEach(row => {\n          const rowId = row.__rowId;\n          newSelectedRows.add(rowId);\n          const { __checkbox, __rowId, ...cleanRow } = row;\n          newSelectedRowsData.set(rowId, cleanRow);\n        });\n      } else {\n        this.allRowData.forEach(row => {\n          const rowId = row.__rowId;\n          newSelectedRows.add(rowId);\n          const { __checkbox, __rowId, ...cleanRow } = row;\n          newSelectedRowsData.set(rowId, cleanRow);\n        });\n      }\n    } else {\n      if (this.serverSidePagination) {\n        this.rowData.forEach(row => {\n          const rowId = row.__rowId;\n          newSelectedRows.delete(rowId);\n          newSelectedRowsData.delete(rowId);\n        });\n      } else {\n        newSelectedRows.clear();\n        newSelectedRowsData.clear();\n      }\n    }\n\n    this.selectedRows = newSelectedRows;\n    this.selectedRowsData = newSelectedRowsData;\n\n    this.updateCheckboxStates();\n    this.updateHeaderCheckboxState();\n    this.emitSelectionChange();\n  };\n\n  getRowData() {\n    let rows: any[] = [];\n    if (this.rows === undefined || this.rows === null) {\n      return rows;\n    }\n    if (this.isJSONParseable(this.rows)) {\n      rows = [...JSON.parse(this.rows)];\n    } else if (Array.isArray(this.rows) || typeof this.rows === 'object') {\n      rows = [...this.rows];\n    } else {\n      console.error('Unexpected value for rows: ', this.rows);\n    }\n\n    rows.forEach((row, index) => {\n      if (!row.__rowId) {\n        row.__rowId = `row_${index}_${Date.now()}_${Math.random()}`;\n      }\n    });\n\n    if (this.enableSelection) {\n      rows.forEach(row => {\n        row.__checkbox = {\n          disabled: false,\n          checked: this.selectedRows?.has(row.__rowId) || false,\n          size: 's',\n          indeterminate: false,\n          error: false,\n        };\n      });\n    }\n    this.allRowData = rows;\n    this.originalRowData = [...rows];\n    this.matchingResultsCount = this.allRowData.length;\n    return rows.slice(0, this.paginationPageSize);\n  }\n\n  handleRowCheckboxClick = (params: any) => {\n    const clickedRowData = params.data;\n    const rowId = clickedRowData.__rowId;\n    const newSelectedRows = new Set(this.selectedRows);\n    const newSelectedRowsData = new Map(this.selectedRowsData);\n\n    if (newSelectedRows.has(rowId)) {\n      newSelectedRows.delete(rowId);\n      newSelectedRowsData.delete(rowId);\n    } else {\n      newSelectedRows.add(rowId);\n      const { __checkbox, __rowId, ...cleanRow } = clickedRowData;\n      newSelectedRowsData.set(rowId, cleanRow);\n    }\n\n    this.selectedRows = newSelectedRows;\n    this.selectedRowsData = newSelectedRowsData;\n\n    if (this.serverSidePagination) {\n      const currentPageSelectedCount = this.rowData.filter(row => newSelectedRows.has(row.__rowId)).length;\n      this.selectAll = currentPageSelectedCount === this.rowData.length && this.rowData.length > 0;\n    } else {\n      this.selectAll = newSelectedRows.size === this.allRowData.length && this.allRowData.length > 0;\n    }\n\n    this.updateCheckboxStates();\n    this.updateHeaderCheckboxState();\n    this.emitSelectionChange();\n  };\n\n  private updateCheckboxStates() {\n    const dataToUpdate = this.rowData;\n\n    dataToUpdate.forEach(row => {\n      if (row.__checkbox) {\n        row.__checkbox.checked = this.selectedRows.has(row.__rowId);\n      }\n    });\n\n    if (this.gridApi) {\n      this.gridApi.refreshCells({\n        columns: ['__checkbox'],\n        force: true,\n      });\n    }\n  }\n\n  private emitSelectionChange() {\n    const selectedRowsArray = Array.from(this.selectedRowsData.values());\n\n    let isSelectAll;\n    if (this.serverSidePagination) {\n      const currentPageSelectedCount = this.rowData.filter(row => this.selectedRows.has(row.__rowId)).length;\n      isSelectAll = currentPageSelectedCount === this.rowData.length && this.rowData.length > 0;\n    } else {\n      isSelectAll = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;\n    }\n\n    this.host.dispatchEvent(\n      new CustomEvent('ifxSelectionChange', {\n        detail: {\n          selectedRows: selectedRowsArray,\n          selectedCount: selectedRowsArray.length,\n          isSelectAll: isSelectAll,\n        },\n        bubbles: true,\n      }),\n    );\n  }\n\n  getColData() {\n    let cols: any[] = [];\n    if (this.cols === undefined || this.cols === null) return cols;\n    if (this.isJSONParseable(this.cols)) {\n      cols = [...JSON.parse(this.cols)];\n    } else if (Array.isArray(this.cols) || typeof this.cols === 'object') {\n      cols = [...this.cols];\n    } else {\n      console.error('Unexpected value for cols: ', this.cols);\n    }\n\n    if (this.enableSelection) {\n      const checkboxColumn = {\n        headerName: '',\n        field: '__checkbox',\n        width: 50,\n        pinned: 'left',\n        cellRenderer: 'checkboxCellRenderer',\n        cellRendererParams: {\n          onCheckboxClick: this.handleRowCheckboxClick?.bind(this),\n        },\n        headerComponent: 'checkboxHeaderRenderer',\n        headerComponentParams: {\n          onSelectAll: this.handleSelectAll?.bind(this),\n        },\n        sortable: false,\n        filter: false,\n        resizable: false,\n        valueFormatter: undefined,\n        cellDataType: false,\n      };\n      cols.unshift(checkboxColumn);\n    }\n\n    cols.forEach(column => {\n      const field = column.field?.toLowerCase() || '';\n      // --- Button columns ---\n      if (field.startsWith('button')) {\n        column.cellRenderer = ButtonCellRenderer;\n        column.valueFormatter = undefined;\n        column.cellDataType = false;\n        if (this.buttonRendererOptions?.onButtonClick) {\n          column.cellRendererParams = {\n            onButtonClick: this.buttonRendererOptions.onButtonClick,\n          };\n        }\n      }\n      // --- Checkbox columns ---\n      else if (field.startsWith('checkbox')) {\n        column.cellRenderer = CheckboxCellRenderer;\n        column.valueFormatter = undefined;\n        column.cellDataType = false;\n        if (this.checkboxRendererOptions?.onCheckboxClick) {\n          column.cellRendererParams = {\n            onCheckboxClick: this.checkboxRendererOptions.onCheckboxClick,\n          };\n        }\n      }\n      // --- Icon Button columns ---\n      else if (field.startsWith('iconbutton') || field === 'iconButton') {\n        column.cellRenderer = IconButtonCellRenderer;\n        column.valueFormatter = undefined;\n        column.cellDataType = false;\n        if (this.iconButtonRendererOptions?.onIconButtonClick) {\n          column.cellRendererParams = {\n            onIconButtonClick: this.iconButtonRendererOptions.onIconButtonClick,\n          };\n        }\n      }\n      // --- Status columns ---\n      else if (field.startsWith('status')) {\n        column.cellRenderer = StatusCellRenderer;\n        column.valueFormatter = undefined;\n        column.cellDataType = false;\n      }\n      // --- Link columns ---\n      else if (field.startsWith('link')) {\n        column.cellRenderer = LinkCellRenderer;\n        column.valueFormatter = undefined;\n        column.cellDataType = false;\n      }\n    });\n    return cols;\n  }\n\n  onFirstDataRendered(params: FirstDataRenderedEvent) {\n    params.api.sizeColumnsToFit();\n  }\n\n  handleResetButtonClick() {\n    const resetEvent = new CustomEvent('ifxResetFiltersEvent', { bubbles: true, composed: true });\n    window.dispatchEvent(resetEvent);\n\n    this.clearAllFilters();\n    this.updateTableView();\n  }\n\n  disconnectedCallback() {\n    if (this.pagination) {\n      const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');\n      if (paginationElement) {\n        paginationElement.removeEventListener('ifxPageChange', this.handlePageChange);\n      }\n    }\n\n    const resetButton = this.host.shadowRoot.querySelector('#reset-filters-button');\n    if (resetButton) {\n      resetButton.removeEventListener('click', this.handleResetButtonClick.bind(this));\n    }\n  }\n\n  getTableClassNames() {\n    return classNames(this.tableHeight === 'auto' && 'table-wrapper ag-root-wrapper-body', 'table-wrapper');\n  }\n\n  render() {\n    let style = {};\n    if (this.tableHeight !== 'auto') {\n      style = {\n        height: this.tableHeight,\n      };\n    }\n\n    const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : this.filterOrientation === 'none' ? '' : 'sidebar-layout';\n\n    return (\n      <Host>\n        <div class=\"table-container\">\n          {this.filterOrientation === 'sidebar' && (\n            <div class=\"sidebar-btn\">\n              <ifx-button\n                type=\"button\"\n                disabled={false}\n                variant=\"secondary\"\n                size=\"m\"\n                target=\"_blank\"\n                theme=\"default\"\n                full-width=\"false\"\n                onClick={() => this.toggleSidebarFilters()}\n              >\n                <ifx-icon icon=\"cross-16\"></ifx-icon>\n                {this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'}\n              </ifx-button>\n            </div>\n          )}\n\n          <div class={filterClass}>\n            {this.filterOrientation === 'sidebar' && this.showSidebarFilters && (\n              <div class=\"sidebar-container\">\n                <div class=\"filters-title-container\">\n                  <span class=\"filters-title\">Filters</span>\n                </div>\n                <div class=\"set-filter-wrapper-sidebar\">{(this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && <slot name=\"sidebar-filter\"></slot>}</div>\n              </div>\n            )}\n\n            {this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (\n              <div class=\"set-filter-wrapper-topbar\">{(this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && <slot name=\"topbar-filter\"></slot>}</div>\n            )}\n\n            <div class=\"table-pagination-wrapper\">\n              {this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (\n                <div class=\"filter-chips\">\n                  {Object.keys(this.currentFilters).map(name => {\n                    const filter = this.currentFilters[name];\n                    const filterValues = filter.filterValues;\n                    const isMultiSelect = filter.type !== 'text';\n\n                    return filterValues.length > 0 ? (\n                      <ifx-chip placeholder={name} size=\"large\" variant={isMultiSelect ? 'multi' : 'single'} readOnly={true} value={filterValues} key={name}>\n                        {filterValues.map(filterValue => (\n                          <ifx-chip-item value={filterValue} selected={true} key={filterValue}>\n                            {filterValue}\n                          </ifx-chip-item>\n                        ))}\n                      </ifx-chip>\n                    ) : null;\n                  })}\n                </div>\n              )}\n\n              <div class=\"headline-wrapper\">\n                {this.filterOrientation !== 'none' && this.headline && (\n                  <div class=\"matching-results-container\">\n                    <span class=\"matching-results-count\">({this.matchingResultsCount})</span>\n                    <span class=\"matching-results-text\">{this.headline}</span>\n                  </div>\n                )}\n\n                <div class=\"inner-buttons-wrapper\">\n                  <slot name=\"inner-button\" />\n                </div>\n              </div>\n\n              <div id=\"table-wrapper\" class={this.getTableClassNames()}>\n                <div id={`ifxTable-${this.uniqueKey}`} class={`ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`} style={style} ref={el => (this.container = el)}></div>\n              </div>\n              <div class=\"pagination-wrapper\">\n                {this.pagination ? (\n                  <ifx-pagination\n                    total={this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length}\n                    current-page={this.currentPage}\n                    items-per-page={this.internalItemsPerPage}\n                  ></ifx-pagination>\n                ) : null}\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n  hasButtonCol(): boolean {\n    return this.getColData().some(column => column.field === 'button');\n  }\n\n  onDragOver(event) {\n    var dragSupported = event.dataTransfer.length;\n\n    if (dragSupported) {\n      event.dataTransfer.dropEffect = 'move';\n    }\n\n    event.preventDefault();\n  }\n\n  onDrop(event) {\n    var jsonData = event.dataTransfer.getData('application/json');\n\n    var eJsonRow = document.createElement('div');\n    eJsonRow.classList.add('json-row');\n    eJsonRow.innerText = jsonData;\n\n    var eJsonDisplay = document.querySelector('#eJsonDisplay');\n\n    eJsonDisplay.appendChild(eJsonRow);\n    event.preventDefault();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-501cf224.entry.js → p-3d77ef02.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,a as t}from"./p-PqnYwNKt.js";import{d as n,t as l}from"./p-DcmcuUOA.js";import{i as o}from"./p-Bw2fh5LT.js";import{c as r}from"./p-DMLRPGid.js";import"./p-B85MJLTf.js";const s=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:hover{cursor:pointer}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}';const a=class{constructor(i){e(this,i);this.href=undefined;this.target="_self";this.variant="bold";this.disabled=false;this.internalHref="";this.internalTarget="";this.internalVariant=""}setInternalStates(){if(this.href){this.internalHref=this.href.trim()}else{this.internalHref=undefined}this.internalTarget=this.target.trim();this.internalVariant=this.variant.trim().toLowerCase()}componentWillRender(){this.setInternalStates()}handleKeyDown(e){if(this.disabled){e.preventDefault()}else if(e.key==="Enter"){e.preventDefault()}}async componentDidLoad(){if(!o(this.el)){const e=n();l("ifx-link",await e)}}render(){return i("a",{key:"77c50e018c3f0c00e93b95dcc72107290a453270",tabindex:"0",role:"link","aria-label":this.ariaLabel,"aria-disabled":this.disabled||!this.internalHref,href:this.disabled?undefined:this.internalHref,download:this.download,target:this.internalTarget,class:this.linkClassNames()},i("slot",{key:"e3d7984a41848a749fb3b7fee28c5b1ec41fe27e"}))}getSizeClass(){const e=this.size==="s"?"small":null;const i=this.size==="m"?"medium":null;const t=this.size==="l"?"large":null;const n=this.size==="xl"?"extraLarge":null;if(e){return e}else if(i){return i}else if(t){return t}else if(n&&this.internalVariant==="underlined"){return"large"}else if(n&&this.internalVariant!=="underlined"){return n}else return""}getVariantClass(){const e=this.internalVariant==="bold"?"bold":null;const i=this.internalVariant==="title"?"title":null;const t=this.internalVariant==="underlined"?"underlined":null;const n=this.internalVariant==="menu"?"menu":null;if(e){return e}else if(i){return i}else if(t){return t}else if(n){return n}else return e}linkClassNames(){return r("link","primary",this.getVariantClass(),this.getSizeClass(),this.disabled?"disabled":"")}get el(){return t(this)}};a.style=s;export{a as ifx_link};
-//# sourceMappingURL=p-501cf224.entry.js.map
+import{r as e,h as i,a as t}from"./p-PqnYwNKt.js";import{d as n,t as l}from"./p-DcmcuUOA.js";import{i as o}from"./p-Bw2fh5LT.js";import{c as r}from"./p-DMLRPGid.js";import"./p-B85MJLTf.js";const s=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.link{display:inline-flex;align-items:center;font-weight:400;font-size:1rem;text-decoration:none;color:#0A8276;gap:8px;line-height:1.6;font-family:var(--ifx-font-family)}.link:hover{cursor:pointer}.link:focus{outline-width:2px;outline-style:solid;outline-color:#0A8276;outline-offset:4px;border-radius:3px}.link.bold{font-weight:600}.link.bold:hover{text-decoration:underline}.link.bold:active{color:#08665C;font-style:normal;font-weight:600;text-decoration:underline}.link.underlined{text-decoration:underline;text-decoration-color:#0A8276;color:#1D1D1D;text-underline-offset:8px}.link.underlined:hover{color:#0A8276}.link.underlined:active{color:#0A8276}.link.underlined:disabled,.link.underlined.disabled{text-decoration-color:#BFBBBB}.link.title{text-decoration:none;font-weight:600;color:#1D1D1D}.link.title:hover{color:#0A8276}.link.title:active{color:#08665C}.link.menu{font-weight:400;font-style:normal;line-height:26px;color:#1D1D1D}.link.menu:hover{color:#0A8276}.link.menu:active{color:#08665C}.link.small{font-size:0.875rem}.link.medium{font-size:1rem}.link.large{font-size:1.125rem}.link.extraLarge{font-size:1.25rem}.link.underline{text-decoration:underline}.link:disabled,.link.disabled{color:#BFBBBB;cursor:default;pointer-events:none}';const a=class{constructor(i){e(this,i);this.href=undefined;this.target="_self";this.variant="bold";this.disabled=false;this.internalHref="";this.internalTarget="";this.internalVariant=""}setInternalStates(){if(this.href){this.internalHref=this.href.trim()}else{this.internalHref=undefined}this.internalTarget=this.target.trim();this.internalVariant=this.variant.trim().toLowerCase()}componentWillRender(){this.setInternalStates()}handleKeyDown(e){if(this.disabled){e.preventDefault()}else if(e.key==="Enter"){e.preventDefault()}}async componentDidLoad(){if(!o(this.el)){const e=n();l("ifx-link",await e)}}render(){return i("a",{key:"8b3aaa77c9de243e5a6c8c25eb1173ddb4cb0aef",tabindex:"0",role:"link","aria-label":this.ariaLabel,"aria-disabled":this.disabled||!this.internalHref,href:this.disabled?undefined:this.internalHref,download:this.download,target:this.internalTarget,class:this.linkClassNames()},i("slot",{key:"5ed92a06a4564b6c94324117edc49420a2dd21be"}))}getSizeClass(){const e=this.size==="s"?"small":null;const i=this.size==="m"?"medium":null;const t=this.size==="l"?"large":null;const n=this.size==="xl"?"extraLarge":null;if(e){return e}else if(i){return i}else if(t){return t}else if(n&&this.internalVariant==="underlined"){return"large"}else if(n&&this.internalVariant!=="underlined"){return n}else return""}getVariantClass(){const e=this.internalVariant==="bold"?"bold":null;const i=this.internalVariant==="title"?"title":null;const t=this.internalVariant==="underlined"?"underlined":null;const n=this.internalVariant==="menu"?"menu":null;if(e){return e}else if(i){return i}else if(t){return t}else if(n){return n}else return e}linkClassNames(){return r("link","primary",this.getVariantClass(),this.getSizeClass(),this.disabled?"disabled":"")}get el(){return t(this)}};a.style=s;export{a as ifx_link};
+//# sourceMappingURL=p-3d77ef02.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["linkCss","Link","constructor","hostRef","this","href","undefined","target","variant","disabled","internalHref","internalTarget","internalVariant","setInternalStates","trim","toLowerCase","componentWillRender","handleKeyDown","event","preventDefault","key","componentDidLoad","isNestedInIfxComponent","el","framework","detectFramework","trackComponent","render","h","tabindex","role","ariaLabel","download","class","linkClassNames","getSizeClass","small","size","medium","large","extraLarge","getVariantClass","bold","title","underlined","menu","classNames"],"sources":["src/components/link/link.scss?tag=ifx-link&encapsulation=shadow","src/components/link/link.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../global/font.scss\";\n\n:host {\n  display: inline-flex;\n}\n\n.link {\n  display: inline-flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: tokens.$ifxFontSizeM;\n  text-decoration: none;\n  color: tokens.$ifxColorOcean500;\n  gap: tokens.$ifxSpace100;\n  line-height: 1.6;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n  &:hover { \n    cursor: pointer;\n  }\n\n  &:focus {\n    outline-width: 2px;\n    outline-style: solid;\n    outline-color: #0A8276;\n    outline-offset: 4px;\n    border-radius: 3px;\n  }\n\n  &.bold {\n    font-weight: tokens.$ifxFontWeightSemibold;\n\n    &:hover {\n      text-decoration: underline;\n    }\n\n    &:active {\n      color: #08665C;\n      font-style: normal;\n      font-weight: 600;\n      text-decoration: underline;\n    }\n\n  }\n\n  &.underlined {\n    text-decoration: underline;\n    text-decoration-color: tokens.$ifxColorOcean500;\n    color: #1D1D1D;\n    text-underline-offset: 8px;\n    \n    &:hover {\n      color: tokens.$ifxColorOcean500;;\n    }\n    \n    &:active {\n      color: #0A8276;\n    }\n\n    &:disabled,\n    &.disabled {\n      text-decoration-color: tokens.$ifxColorEngineering300;\n    }\n  }\n\n  &.title {\n    text-decoration: none;\n    font-weight: tokens.$ifxFontWeightSemibold;\n    color: #1D1D1D;\n\n    &:hover {\n      color: tokens.$ifxColorOcean500;\n    }\n\n    &:active {\n      color: #08665C;\n    }\n  }\n\n  &.menu {\n    font-weight: 400;\n    font-style: normal;\n    line-height: 26px;\n    color: #1D1D1D;\n\n    &:hover {\n      color: tokens.$ifxColorOcean500;\n    }\n\n    &:active {\n      color: #08665C;\n    }\n  }\n\n  &.small {\n    font-size: tokens.$ifxFontSizeS;\n  }\n\n  &.medium {\n    font-size: tokens.$ifxFontSizeM;\n  }\n\n  &.large {\n    font-size: tokens.$ifxFontSizeL;\n  }\n\n  &.extraLarge {\n    font-size: tokens.$ifxFontSizeXl;\n  }\n\n  &.underline {\n    text-decoration: underline;\n  }\n\n  &:disabled,\n  &.disabled {\n    color: tokens.$ifxColorEngineering300;\n    cursor: default;\n    pointer-events:  none;\n  }\n\n}","import { Component, Prop, h, State, Element } from \"@stencil/core\";\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\nimport classNames from 'classnames';\n \n@Component({\n  tag: 'ifx-link',\n  styleUrl: 'link.scss',\n  shadow: true\n})\n\nexport class Link {\n  @Element() el;\n  @Prop() href: string = undefined;\n  @Prop() target: string = '_self';\n  @Prop() variant: string = 'bold';\n  @Prop() size: string;\n  @Prop() disabled: boolean = false;\n  @Prop() download: string;\n  @Prop() ariaLabel: string | null;\n  @State() internalHref: string ='';\n  @State() internalTarget: string = '';\n  @State() internalVariant: string = '';\n\n  setInternalStates() {\n    if(this.href){\n      this.internalHref = this.href.trim();\n    }else{\n      this.internalHref = undefined;\n    }\n    this.internalTarget = this.target.trim();\n    this.internalVariant = this.variant.trim().toLowerCase();\n  }\n\n  componentWillRender(){\n    this.setInternalStates();\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n    } else if (event.key === 'Enter') {\n      event.preventDefault();\n    }\n  }\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-link', await framework)\n    }\n  }\n\n  render() {\n    return (\n      <a\n      tabindex=\"0\"\n        role=\"link\"\n        aria-label={this.ariaLabel}\n        aria-disabled={this.disabled || !this.internalHref}\n        href={this.disabled ? undefined : this.internalHref}\n        download={this.download}\n        target={this.internalTarget}\n        class={this.linkClassNames()}>\n        <slot></slot>\n      </a>)\n  }\n\n  getSizeClass() {\n    const small = this.size === 's' ? 'small' : null;\n    const medium = this.size === 'm' ? 'medium' : null;\n    const large = this.size === 'l' ? 'large' : null;\n    const extraLarge = this.size === 'xl' ? 'extraLarge' : null;\n\n    if (small) {\n      return small;\n    } else if (medium) {\n      return medium;\n    } else if (large) {\n      return large;\n    } else if (extraLarge && this.internalVariant === 'underlined') {\n      return 'large';\n    } else if (extraLarge && this.internalVariant !== 'underlined') {\n      return extraLarge;\n    } else return \"\";\n  }\n\n  getVariantClass() {\n    const bold = this.internalVariant === 'bold' ? 'bold' : null;\n    const title = this.internalVariant === 'title' ? 'title' : null;\n    const underlined = this.internalVariant === 'underlined' ? 'underlined' : null;\n    const menu = this.internalVariant === 'menu' ? 'menu' : null;\n\n    if (bold) {\n      return bold\n    } else if (title) {\n      return title;\n    } else if (underlined) {\n      return underlined;\n    } else if (menu) {\n      return menu;\n    } else return bold;\n  }\n\n  linkClassNames() {\n    return classNames(\n      'link',\n      'primary',\n      this.getVariantClass(),\n      this.getSizeClass(),\n      this.disabled ? 'disabled' : '',\n    );\n  }\n}"],"mappings":"6LAAA,MAAMA,EAAU,6zC,MCYHC,EAAI,MANjB,WAAAC,CAAAC,G,UAQUC,KAAIC,KAAWC,UACfF,KAAMG,OAAW,QACjBH,KAAOI,QAAW,OAElBJ,KAAQK,SAAY,MAGnBL,KAAYM,aAAU,GACtBN,KAAcO,eAAW,GACzBP,KAAeQ,gBAAW,EA2FpC,CAzFC,iBAAAC,GACE,GAAGT,KAAKC,KAAK,CACXD,KAAKM,aAAeN,KAAKC,KAAKS,M,KAC3B,CACHV,KAAKM,aAAeJ,S,CAEtBF,KAAKO,eAAiBP,KAAKG,OAAOO,OAClCV,KAAKQ,gBAAkBR,KAAKI,QAAQM,OAAOC,a,CAG7C,mBAAAC,GACEZ,KAAKS,mB,CAGP,aAAAI,CAAcC,GACZ,GAAId,KAAKK,SAAU,CACjBS,EAAMC,gB,MACD,GAAID,EAAME,MAAQ,QAAS,CAChCF,EAAMC,gB,EAIV,sBAAME,GACJ,IAAIC,EAAuBlB,KAAKmB,IAAK,CACnC,MAAMC,EAAYC,IAClBC,EAAe,iBAAkBF,E,EAIrC,MAAAG,GACE,OACEC,EACA,KAAAR,IAAA,2CAAAS,SAAS,IACPC,KAAK,OACO,aAAA1B,KAAK2B,UAAS,gBACX3B,KAAKK,WAAaL,KAAKM,aACtCL,KAAMD,KAAKK,SAAWH,UAAYF,KAAKM,aACvCsB,SAAU5B,KAAK4B,SACfzB,OAAQH,KAAKO,eACbsB,MAAO7B,KAAK8B,kBACZN,EAAa,QAAAR,IAAA,6C,CAInB,YAAAe,GACE,MAAMC,EAAQhC,KAAKiC,OAAS,IAAM,QAAU,KAC5C,MAAMC,EAASlC,KAAKiC,OAAS,IAAM,SAAW,KAC9C,MAAME,EAAQnC,KAAKiC,OAAS,IAAM,QAAU,KAC5C,MAAMG,EAAapC,KAAKiC,OAAS,KAAO,aAAe,KAEvD,GAAID,EAAO,CACT,OAAOA,C,MACF,GAAIE,EAAQ,CACjB,OAAOA,C,MACF,GAAIC,EAAO,CAChB,OAAOA,C,MACF,GAAIC,GAAcpC,KAAKQ,kBAAoB,aAAc,CAC9D,MAAO,O,MACF,GAAI4B,GAAcpC,KAAKQ,kBAAoB,aAAc,CAC9D,OAAO4B,C,MACF,MAAO,E,CAGhB,eAAAC,GACE,MAAMC,EAAOtC,KAAKQ,kBAAoB,OAAS,OAAS,KACxD,MAAM+B,EAAQvC,KAAKQ,kBAAoB,QAAU,QAAU,KAC3D,MAAMgC,EAAaxC,KAAKQ,kBAAoB,aAAe,aAAe,KAC1E,MAAMiC,EAAOzC,KAAKQ,kBAAoB,OAAS,OAAS,KAExD,GAAI8B,EAAM,CACR,OAAOA,C,MACF,GAAIC,EAAO,CAChB,OAAOA,C,MACF,GAAIC,EAAY,CACrB,OAAOA,C,MACF,GAAIC,EAAM,CACf,OAAOA,C,MACF,OAAOH,C,CAGhB,cAAAR,GACE,OAAOY,EACL,OACA,UACA1C,KAAKqC,kBACLrC,KAAK+B,eACL/B,KAAKK,SAAW,WAAa,G","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["dropdownHeaderCss","DropdownHeader","render","h","key","class"],"sources":["src/components/dropdown/dropdown-header/dropdown-header.scss?tag=ifx-dropdown-header&encapsulation=shadow","src/components/dropdown/dropdown-header/dropdown-header.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n@use \"../../../global/font.scss\";\n\n.dropdown-header {\n  display: flex;\n  padding: 8px 16px;\n  align-items: center;\n  gap: 8px;\n  align-self: stretch;\n  border-bottom: 1px solid tokens.$ifxColorEngineering200;\n  font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n\n\n  & span {\n    color: tokens.$ifxColorEngineering500;\n    font-family: var(--ifx-font-family); // tokens.$ifxFontFamilyBody;\n\n\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    /* 142.857% */\n  }\n}","// dropdown-separator.tsx\nimport { Component, h } from \"@stencil/core\";\n\n@Component({\n  tag: 'ifx-dropdown-header',\n  styleUrl: 'dropdown-header.scss',\n  shadow: true\n})\n\nexport class DropdownHeader {\n  render() {\n    return (\n      <div class='dropdown-header'>\n        <span>\n          <slot />\n        </span>\n      </div>\n    )\n  }\n}"],"mappings":"2CAAA,MAAMA,EAAoB,0W,MCSbC,EAAc,M,yBACzB,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,mBACTF,EAAA,QAAAC,IAAA,4CACED,EAAQ,QAAAC,IAAA,8C","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-4a0ae909.entry.js → p-45dad0d1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,h as s,a as i}from"./p-PqnYwNKt.js";const a=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";const r=class{constructor(s){t(this,s);this.ifxListEntryChange=e(this,"ifxListEntryChange",7)}valueChanged(t){if(t){this.host.setAttribute("value","true")}else{this.host.removeAttribute("value")}}handleFilterEntryChange(t){this.value=t.detail;this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return s("div",{key:"8da9e3dcee4cd8b2d0d69a362834f4cdd6661a8f",class:"wrapper"},this.type==="checkbox"?s("div",{class:"list-entry"},s("ifx-checkbox",{size:"s",checked:this.value},this.label)):s("div",{class:"list-entry"},s("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};r.style=a;export{r as ifx_list_entry};
-//# sourceMappingURL=p-4a0ae909.entry.js.map
+import{r as t,c as e,h as s,a as i}from"./p-PqnYwNKt.js";const a=".list-entry{display:flex;align-items:center;margin-top:8px;align-self:stretch}";const r=class{constructor(s){t(this,s);this.ifxListEntryChange=e(this,"ifxListEntryChange",7)}valueChanged(t){if(t){this.host.setAttribute("value","true")}else{this.host.removeAttribute("value")}}handleFilterEntryChange(t){this.value=t.detail;this.ifxListEntryChange.emit({label:this.label,value:this.value,type:this.type})}render(){return s("div",{key:"696527cfd70dab938c5cb9ee45add98cfda271ec",class:"wrapper"},this.type==="checkbox"?s("div",{class:"list-entry"},s("ifx-checkbox",{size:"s",checked:this.value},this.label)):s("div",{class:"list-entry"},s("ifx-radio-button",{size:"s",checked:this.value},this.label)))}get host(){return i(this)}static get watchers(){return{value:["valueChanged"]}}};r.style=a;export{r as ifx_list_entry};
+//# sourceMappingURL=p-45dad0d1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["listEntryCss","ListEntry","valueChanged","newValue","this","host","setAttribute","removeAttribute","handleFilterEntryChange","event","value","detail","ifxListEntryChange","emit","label","type","render","h","key","class","size","checked"],"sources":["src/components/table-advanced-version/list/list-entry/list-entry.scss?tag=ifx-list-entry&encapsulation=shadow","src/components/table-advanced-version/list/list-entry/list-entry.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n\n.list-entry {\n  display: flex;\n  align-items: center;\n  margin-top: tokens.$ifxSpace100; //gap doesnt apply to child elements\n  align-self: stretch;\n}","import { Component, h, Prop, Event, EventEmitter, Listen, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-list-entry',\n  styleUrl: 'list-entry.scss',\n  shadow: true,\n})\nexport class ListEntry {\n  @Element() host: HTMLElement;\n  @Prop({ mutable: true }) value: boolean;\n  @Prop() label: string;\n\n  @Prop() type: string;\n  @Event() ifxListEntryChange: EventEmitter;\n\n\n  @Watch('value')\n  valueChanged(newValue: boolean) {\n    if (newValue) {\n      this.host.setAttribute('value', 'true');\n    } else {\n      this.host.removeAttribute('value');\n    }\n  }\n\n  @Listen('ifxChange')\n  handleFilterEntryChange(event: CustomEvent) {\n    this.value = event.detail;\n    this.ifxListEntryChange.emit({ label: this.label, value: this.value, type: this.type });\n  }\n\n\n  render() {\n    return (\n      <div class=\"wrapper\">\n        {this.type === 'checkbox' ? (\n          <div class=\"list-entry\">\n            <ifx-checkbox size=\"s\" checked={this.value}>{this.label}</ifx-checkbox>\n          </div>\n        ) : (\n          <div class=\"list-entry\">\n            <ifx-radio-button size=\"s\" checked={this.value}>{this.label}</ifx-radio-button>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,iF,MCORC,EAAS,M,gFAUpB,YAAAC,CAAaC,GACX,GAAIA,EAAU,CACZC,KAAKC,KAAKC,aAAa,QAAS,O,KAC3B,CACLF,KAAKC,KAAKE,gBAAgB,Q,EAK9B,uBAAAC,CAAwBC,GACtBL,KAAKM,MAAQD,EAAME,OACnBP,KAAKQ,mBAAmBC,KAAK,CAAEC,MAAOV,KAAKU,MAAOJ,MAAON,KAAKM,MAAOK,KAAMX,KAAKW,M,CAIlF,MAAAC,GACE,OACEC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,WACRf,KAAKW,OAAS,WACbE,EAAK,OAAAE,MAAM,cACTF,EAAc,gBAAAG,KAAK,IAAIC,QAASjB,KAAKM,OAAQN,KAAKU,QAGpDG,EAAA,OAAKE,MAAM,cACTF,EAAA,oBAAkBG,KAAK,IAAIC,QAASjB,KAAKM,OAAQN,KAAKU,Q","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["listCss","List","constructor","hostRef","this","expanded","showMore","selectedCount","totalItems","name","maxVisibleItems","type","internalResetTrigger","handleMutation","newTotalItems","getTotalItems","handleCheckedChange","updateListEntriesType","toggleList","event","stopPropagation","toggleShowMore","detail","value","otherRadioButtons","Array","from","el","querySelectorAll","filter","entry","getAttribute","target","forEach","radioButton","setAttribute","selectedItems","getSelectedItems","length","ifxListUpdate","emit","handleTypeChange","newType","resetTriggerChanged","newValue","reset","resetTrigger","componentWillLoad","setupListenersAndObservers","initializeList","disconnectedCallback","cleanupListenersAndObservers","resetListEntries","render","renderList","addEventListener","observer","MutationObserver","observe","childList","removeEventListener","disconnect","checkRadioButtonConstraint","listEntries","map","label","element","visibleItems","slice","remainingItems","h","class","onClick","key","toString","icon","size","href","variant","disabled"],"sources":["src/components/table-advanced-version/list/list.scss?tag=ifx-list&encapsulation=shadow","src/components/table-advanced-version/list/list.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\r\n\r\n.link-wrapper {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: tokens.$ifxSpace100;\r\n  margin-top: tokens.$ifxSpace100;\r\n}","import { Component, h, Prop, State, Event, EventEmitter, Element, Watch } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-list',\r\n  styleUrl: 'list.scss',\r\n  shadow: true,\r\n})\r\nexport class List {\r\n  @Element() private el: HTMLElement;\r\n  @State() expanded: boolean = false;\r\n  @State() showMore = false;\r\n  @State() selectedCount: number = 0;\r\n  @State() totalItems = 0;\r\n  @Prop() name = \"\";\r\n  @Prop() maxVisibleItems = 6;\r\n  @Prop() type: string = \"checkbox\"; //default value\r\n  @Prop({ mutable: true }) resetTrigger: boolean;\r\n  @State() internalResetTrigger: boolean = false;\r\n\r\n  @Event() ifxListUpdate: EventEmitter;\r\n\r\n  observer: MutationObserver;\r\n\r\n  @Watch('type')\r\n  handleTypeChange(newType: string) {\r\n    this.updateListEntriesType(newType);\r\n  }\r\n\r\n  @Watch('resetTrigger')\r\n  resetTriggerChanged(newValue: boolean) {\r\n    if (newValue) {\r\n      this.reset();\r\n      this.resetTrigger = false; // Resetting the trigger after the action is performed\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.setupListenersAndObservers();\r\n    this.initializeList();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.cleanupListenersAndObservers();\r\n  }\r\n\r\n  reset() {\r\n    this.resetListEntries();\r\n    this.expanded = false;\r\n    this.showMore = false;\r\n    this.selectedCount = 0;\r\n    this.ifxListUpdate.emit({ name: this.name, selectedItems: [] });\r\n  }\r\n\r\n\r\n  render() {\r\n    return this.renderList();\r\n  }\r\n\r\n\r\n    // Refactored methods for clarity and maintainability\r\n    private setupListenersAndObservers() {\r\n      this.el.addEventListener('ifxListEntryChange', this.handleCheckedChange);\r\n      this.observer = new MutationObserver(this.handleMutation);\r\n      this.observer.observe(this.el, { childList: true });\r\n    }\r\n\r\n    private cleanupListenersAndObservers() {\r\n      this.el.removeEventListener('ifxListEntryChange', this.handleCheckedChange);\r\n      this.observer.disconnect();\r\n    }\r\n  \r\n    private initializeList() {\r\n      this.selectedCount = this.getSelectedItems(this.el).length;\r\n      this.totalItems = this.getTotalItems();\r\n      this.updateListEntriesType(this.type);\r\n      this.checkRadioButtonConstraint();\r\n    }\r\n\r\n    \r\n  private updateListEntriesType(newType: string) {\r\n    const listEntries = Array.from(this.el.querySelectorAll('ifx-list-entry'));\r\n    listEntries.forEach(entry => entry.setAttribute('type', newType));\r\n  }\r\n\r\n  private resetListEntries() {\r\n    const listEntries = Array.from(this.el.querySelectorAll('ifx-list-entry'));\r\n    listEntries.forEach(entry => {\r\n      entry.value = false;\r\n      entry.setAttribute('value', 'false');\r\n    });\r\n  }\r\n\r\n  private handleMutation = () => {\r\n    const newTotalItems = this.getTotalItems();\r\n    if (newTotalItems !== this.totalItems) {\r\n      this.totalItems = newTotalItems;\r\n      this.handleCheckedChange();\r\n    }\r\n    this.updateListEntriesType(this.type);\r\n  }\r\n\r\n  private checkRadioButtonConstraint() {\r\n    if (this.type === 'radio-button' && this.selectedCount > 1) {\r\n      this.resetListEntries(); // Reset all and let the user select again\r\n      this.selectedCount = 0;\r\n    }\r\n  }\r\n\r\n  getTotalItems() {\r\n    return this.el.querySelectorAll('ifx-list-entry').length;\r\n  }\r\n\r\n\r\n  toggleList = (event: MouseEvent) => {\r\n    event.stopPropagation();\r\n    this.expanded = !this.expanded;\r\n  }\r\n\r\n  toggleShowMore = (event: MouseEvent) => {\r\n    event.stopPropagation();\r\n    this.showMore = !this.showMore;\r\n  }\r\n\r\n  getSelectedItems(el: HTMLElement) {\r\n    return Array.from(el.querySelectorAll('ifx-list-entry'))\r\n      .filter(entry => entry.getAttribute('value') === 'true')\r\n      .map(entry => ({\r\n        label: entry.getAttribute('label'),\r\n        value: entry.getAttribute('value'),\r\n        type: entry.getAttribute('type'),\r\n        element: entry\r\n      }));\r\n  }\r\n\r\n\r\n  handleCheckedChange = (event?: CustomEvent) => {\r\n    // If the type of the changed entry is 'radio-button' and its value is true, deselect all other radio buttons\r\n    if (event && event.detail.type === 'radio-button' && event.detail.value) {\r\n      const otherRadioButtons = Array.from(this.el.querySelectorAll('ifx-list-entry'))\r\n        .filter(entry => entry.getAttribute('type') === 'radio-button' && entry !== event.target);\r\n      otherRadioButtons.forEach(radioButton => radioButton.setAttribute('value', 'false'));\r\n    }\r\n\r\n    const selectedItems = this.getSelectedItems(this.el);\r\n    this.selectedCount = selectedItems.length;\r\n\r\n    this.ifxListUpdate.emit({ name: this.name, selectedItems });\r\n  }\r\n\r\n  private renderList() {\r\n    const listEntries = Array.from(this.el.querySelectorAll('ifx-list-entry'));\r\n    const visibleItems = this.showMore ? listEntries : listEntries.slice(0, this.maxVisibleItems);\r\n    const remainingItems = listEntries.length - visibleItems.length;\r\n\r\n    return (\r\n      <div class=\"list-wrapper\">\r\n        {visibleItems.map(entry => <slot name={entry.getAttribute('slot')}></slot>)}\r\n        {(remainingItems > 0 || this.showMore) && (\r\n          <div class=\"link-wrapper\" onClick={this.toggleShowMore}>\r\n            <ifx-icon key={this.showMore.toString()} icon={this.showMore ? 'chevron-up-16' : 'chevron-down-16'} />\r\n            <ifx-link size=\"s\" href=\"\" target=\"_blank\" variant=\"underlined\" disabled={false} >\r\n              {this.showMore ? 'Show less' : `Show ${remainingItems} more`}\r\n            </ifx-link>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"],"mappings":"yDAAA,MAAMA,EAAU,8F,MCOHC,EAAI,MALjB,WAAAC,CAAAC,G,uDAOWC,KAAQC,SAAY,MACpBD,KAAQE,SAAG,MACXF,KAAaG,cAAW,EACxBH,KAAUI,WAAG,EACdJ,KAAIK,KAAG,GACPL,KAAeM,gBAAG,EAClBN,KAAAO,KAAe,WAEdP,KAAoBQ,qBAAY,MA2EjCR,KAAcS,eAAG,KACvB,MAAMC,EAAgBV,KAAKW,gBAC3B,GAAID,IAAkBV,KAAKI,WAAY,CACrCJ,KAAKI,WAAaM,EAClBV,KAAKY,qB,CAEPZ,KAAKa,sBAAsBb,KAAKO,KAAK,EAevCP,KAAAc,WAAcC,IACZA,EAAMC,kBACNhB,KAAKC,UAAYD,KAAKC,QAAQ,EAGhCD,KAAAiB,eAAkBF,IAChBA,EAAMC,kBACNhB,KAAKE,UAAYF,KAAKE,QAAQ,EAehCF,KAAAY,oBAAuBG,IAErB,GAAIA,GAASA,EAAMG,OAAOX,OAAS,gBAAkBQ,EAAMG,OAAOC,MAAO,CACvE,MAAMC,EAAoBC,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,mBAC3DC,QAAOC,GAASA,EAAMC,aAAa,UAAY,gBAAkBD,IAAUX,EAAMa,SACpFR,EAAkBS,SAAQC,GAAeA,EAAYC,aAAa,QAAS,U,CAG7E,MAAMC,EAAgBhC,KAAKiC,iBAAiBjC,KAAKuB,IACjDvB,KAAKG,cAAgB6B,EAAcE,OAEnClC,KAAKmC,cAAcC,KAAK,CAAE/B,KAAML,KAAKK,KAAM2B,iBAAgB,CAsB9D,CAhJC,gBAAAK,CAAiBC,GACftC,KAAKa,sBAAsByB,E,CAI7B,mBAAAC,CAAoBC,GAClB,GAAIA,EAAU,CACZxC,KAAKyC,QACLzC,KAAK0C,aAAe,K,EAIxB,iBAAAC,GACE3C,KAAK4C,6BACL5C,KAAK6C,gB,CAGP,oBAAAC,GACE9C,KAAK+C,8B,CAGP,KAAAN,GACEzC,KAAKgD,mBACLhD,KAAKC,SAAW,MAChBD,KAAKE,SAAW,MAChBF,KAAKG,cAAgB,EACrBH,KAAKmC,cAAcC,KAAK,CAAE/B,KAAML,KAAKK,KAAM2B,cAAe,I,CAI5D,MAAAiB,GACE,OAAOjD,KAAKkD,Y,CAKJ,0BAAAN,GACN5C,KAAKuB,GAAG4B,iBAAiB,qBAAsBnD,KAAKY,qBACpDZ,KAAKoD,SAAW,IAAIC,iBAAiBrD,KAAKS,gBAC1CT,KAAKoD,SAASE,QAAQtD,KAAKuB,GAAI,CAAEgC,UAAW,M,CAGtC,4BAAAR,GACN/C,KAAKuB,GAAGiC,oBAAoB,qBAAsBxD,KAAKY,qBACvDZ,KAAKoD,SAASK,Y,CAGR,cAAAZ,GACN7C,KAAKG,cAAgBH,KAAKiC,iBAAiBjC,KAAKuB,IAAIW,OACpDlC,KAAKI,WAAaJ,KAAKW,gBACvBX,KAAKa,sBAAsBb,KAAKO,MAChCP,KAAK0D,4B,CAID,qBAAA7C,CAAsByB,GAC5B,MAAMqB,EAActC,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,mBACxDmC,EAAY9B,SAAQH,GAASA,EAAMK,aAAa,OAAQO,I,CAGlD,gBAAAU,GACN,MAAMW,EAActC,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,mBACxDmC,EAAY9B,SAAQH,IAClBA,EAAMP,MAAQ,MACdO,EAAMK,aAAa,QAAS,QAAQ,G,CAahC,0BAAA2B,GACN,GAAI1D,KAAKO,OAAS,gBAAkBP,KAAKG,cAAgB,EAAG,CAC1DH,KAAKgD,mBACLhD,KAAKG,cAAgB,C,EAIzB,aAAAQ,GACE,OAAOX,KAAKuB,GAAGC,iBAAiB,kBAAkBU,M,CAcpD,gBAAAD,CAAiBV,GACf,OAAOF,MAAMC,KAAKC,EAAGC,iBAAiB,mBACnCC,QAAOC,GAASA,EAAMC,aAAa,WAAa,SAChDiC,KAAIlC,IAAK,CACRmC,MAAOnC,EAAMC,aAAa,SAC1BR,MAAOO,EAAMC,aAAa,SAC1BpB,KAAMmB,EAAMC,aAAa,QACzBmC,QAASpC,K,CAmBP,UAAAwB,GACN,MAAMS,EAActC,MAAMC,KAAKtB,KAAKuB,GAAGC,iBAAiB,mBACxD,MAAMuC,EAAe/D,KAAKE,SAAWyD,EAAcA,EAAYK,MAAM,EAAGhE,KAAKM,iBAC7E,MAAM2D,EAAiBN,EAAYzB,OAAS6B,EAAa7B,OAEzD,OACEgC,EAAA,OAAKC,MAAM,gBACRJ,EAAaH,KAAIlC,GAASwC,EAAA,QAAM7D,KAAMqB,EAAMC,aAAa,aACxDsC,EAAiB,GAAKjE,KAAKE,WAC3BgE,EAAK,OAAAC,MAAM,eAAeC,QAASpE,KAAKiB,gBACtCiD,EAAU,YAAAG,IAAKrE,KAAKE,SAASoE,WAAYC,KAAMvE,KAAKE,SAAW,gBAAkB,oBACjFgE,EAAA,YAAUM,KAAK,IAAIC,KAAK,GAAG7C,OAAO,SAAS8C,QAAQ,aAAaC,SAAU,OACvE3E,KAAKE,SAAW,YAAc,QAAQ+D,W","ignoreList":[]}
+{"version":3,"names":["listCss","List","constructor","hostRef","this","expanded","showMore","selectedCount","totalItems","name","maxVisibleItems","type","internalResetTrigger","handleMutation","newTotalItems","getTotalItems","handleCheckedChange","updateListEntriesType","toggleList","event","stopPropagation","toggleShowMore","detail","value","otherRadioButtons","Array","from","el","querySelectorAll","filter","entry","getAttribute","target","forEach","radioButton","setAttribute","selectedItems","getSelectedItems","length","ifxListUpdate","emit","handleTypeChange","newType","resetTriggerChanged","newValue","reset","resetTrigger","componentWillLoad","setupListenersAndObservers","initializeList","disconnectedCallback","cleanupListenersAndObservers","resetListEntries","render","renderList","addEventListener","observer","MutationObserver","observe","childList","removeEventListener","disconnect","checkRadioButtonConstraint","listEntries","map","label","element","visibleItems","slice","remainingItems","h","class","onClick","key","toString","icon","size","href","variant","disabled"],"sources":["src/components/table-advanced-version/list/list.scss?tag=ifx-list&encapsulation=shadow","src/components/table-advanced-version/list/list.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n.link-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: tokens.$ifxSpace100;\n  margin-top: tokens.$ifxSpace100;\n}","import { Component, h, Prop, State, Event, EventEmitter, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-list',\n  styleUrl: 'list.scss',\n  shadow: true,\n})\nexport class List {\n  @Element() private el: HTMLElement;\n  @State() expanded: boolean = false;\n  @State() showMore = false;\n  @State() selectedCount: number = 0;\n  @State() totalItems = 0;\n  @Prop() name = \"\";\n  @Prop() maxVisibleItems = 6;\n  @Prop() type: string = \"checkbox\"; //default value\n  @Prop({ mutable: true }) resetTrigger: boolean;\n  @State() internalResetTrigger: boolean = false;\n\n  @Event() ifxListUpdate: EventEmitter;\n\n  observer: MutationObserver;\n\n  @Watch('type')\n  handleTypeChange(newType: string) {\n    this.updateListEntriesType(newType);\n  }\n\n  @Watch('resetTrigger')\n  resetTriggerChanged(newValue: boolean) {\n    if (newValue) {\n      this.reset();\n      this.resetTrigger = false; // Resetting the trigger after the action is performed\n    }\n  }\n\n  componentWillLoad() {\n    this.setupListenersAndObservers();\n    this.initializeList();\n  }\n\n  disconnectedCallback() {\n    this.cleanupListenersAndObservers();\n  }\n\n  reset() {\n    this.resetListEntries();\n    this.expanded = false;\n    this.showMore = false;\n    this.selectedCount = 0;\n    this.ifxListUpdate.emit({ name: this.name, selectedItems: [] });\n  }\n\n\n  render() {\n    return this.renderList();\n  }\n\n\n    // Refactored methods for clarity and maintainability\n    private setupListenersAndObservers() {\n      this.el.addEventListener('ifxListEntryChange', this.handleCheckedChange);\n      this.observer = new MutationObserver(this.handleMutation);\n      this.observer.observe(this.el, { childList: true });\n    }\n\n    private cleanupListenersAndObservers() {\n      this.el.removeEventListener('ifxListEntryChange', this.handleCheckedChange);\n      this.observer.disconnect();\n    }\n  \n    private initializeList() {\n      this.selectedCount = this.getSelectedItems(this.el).length;\n      this.totalItems = this.getTotalItems();\n      this.updateListEntriesType(this.type);\n      this.checkRadioButtonConstraint();\n    }\n\n    \n  private updateListEntriesType(newType: string) {\n    const listEntries = Array.from(this.el.querySelectorAll('ifx-list-entry'));\n    listEntries.forEach(entry => entry.setAttribute('type', newType));\n  }\n\n  private resetListEntries() {\n    const listEntries = Array.from(this.el.querySelectorAll('ifx-list-entry'));\n    listEntries.forEach(entry => {\n      entry.value = false;\n      entry.setAttribute('value', 'false');\n    });\n  }\n\n  private handleMutation = () => {\n    const newTotalItems = this.getTotalItems();\n    if (newTotalItems !== this.totalItems) {\n      this.totalItems = newTotalItems;\n      this.handleCheckedChange();\n    }\n    this.updateListEntriesType(this.type);\n  }\n\n  private checkRadioButtonConstraint() {\n    if (this.type === 'radio-button' && this.selectedCount > 1) {\n      this.resetListEntries(); // Reset all and let the user select again\n      this.selectedCount = 0;\n    }\n  }\n\n  getTotalItems() {\n    return this.el.querySelectorAll('ifx-list-entry').length;\n  }\n\n\n  toggleList = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.expanded = !this.expanded;\n  }\n\n  toggleShowMore = (event: MouseEvent) => {\n    event.stopPropagation();\n    this.showMore = !this.showMore;\n  }\n\n  getSelectedItems(el: HTMLElement) {\n    return Array.from(el.querySelectorAll('ifx-list-entry'))\n      .filter(entry => entry.getAttribute('value') === 'true')\n      .map(entry => ({\n        label: entry.getAttribute('label'),\n        value: entry.getAttribute('value'),\n        type: entry.getAttribute('type'),\n        element: entry\n      }));\n  }\n\n\n  handleCheckedChange = (event?: CustomEvent) => {\n    // If the type of the changed entry is 'radio-button' and its value is true, deselect all other radio buttons\n    if (event && event.detail.type === 'radio-button' && event.detail.value) {\n      const otherRadioButtons = Array.from(this.el.querySelectorAll('ifx-list-entry'))\n        .filter(entry => entry.getAttribute('type') === 'radio-button' && entry !== event.target);\n      otherRadioButtons.forEach(radioButton => radioButton.setAttribute('value', 'false'));\n    }\n\n    const selectedItems = this.getSelectedItems(this.el);\n    this.selectedCount = selectedItems.length;\n\n    this.ifxListUpdate.emit({ name: this.name, selectedItems });\n  }\n\n  private renderList() {\n    const listEntries = Array.from(this.el.querySelectorAll('ifx-list-entry'));\n    const visibleItems = this.showMore ? listEntries : listEntries.slice(0, this.maxVisibleItems);\n    const remainingItems = listEntries.length - visibleItems.length;\n\n    return (\n      <div class=\"list-wrapper\">\n        {visibleItems.map(entry => <slot name={entry.getAttribute('slot')}></slot>)}\n        {(remainingItems > 0 || this.showMore) && (\n          <div class=\"link-wrapper\" onClick={this.toggleShowMore}>\n            <ifx-icon key={this.showMore.toString()} icon={this.showMore ? 'chevron-up-16' : 'chevron-down-16'} />\n            <ifx-link size=\"s\" href=\"\" target=\"_blank\" variant=\"underlined\" disabled={false} >\n              {this.showMore ? 'Show less' : `Show ${remainingItems} more`}\n            </ifx-link>\n          </div>\n        )}\n      </div>\n    );\n  }\n}"],"mappings":"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","ignoreList":[]}

package/dist/infineon-design-system-stencil/{p-30af152b.entry.js → p-4da5a2a5.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as i,h as t,a}from"./p-PqnYwNKt.js";import{d as r,t as s}from"./p-DcmcuUOA.js";import{i as n}from"./p-Bw2fh5LT.js";const l=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-block}.chip{position:relative}.chip__wrapper{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border-radius:9999px;background:#FFFFFF;cursor:pointer;transition:border 100ms ease;font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper .icon__wrapper{display:flex}.chip__wrapper.outlined,.chip__wrapper.filled-dark,.chip__wrapper.filled-light{outline:2px solid transparent}.chip__wrapper.outlined:focus-visible,.chip__wrapper.filled-dark:focus-visible,.chip__wrapper.filled-light:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.chip__wrapper.outlined.chip__wrapper--opened .wrapper__open-button,.chip__wrapper.filled-dark.chip__wrapper--opened .wrapper__open-button,.chip__wrapper.filled-light.chip__wrapper--opened .wrapper__open-button{transform:rotate(-180deg)}.chip__wrapper.outlined.chip__wrapper--selected .wrapper__label .label__selected-options,.chip__wrapper.filled-dark.chip__wrapper--selected .wrapper__label .label__selected-options,.chip__wrapper.filled-light.chip__wrapper--selected .wrapper__label .label__selected-options{font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only),.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only){background-color:#0A8276;color:white}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only):hover,.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only):hover{background-color:#08665C}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only):hover.disabled,.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only):hover.disabled{background-color:#0A8276}.chip__wrapper.outlined{border:1px solid #8D8786}.chip__wrapper.outlined:hover:not(.read-only){border-color:#575352;background-color:#F7F7F7}.chip__wrapper.outlined:active:not(.read-only){border-color:#575352;background-color:#BFBBBB}.chip__wrapper.outlined.chip__wrapper--opened{border:1px solid #0A8276}.chip__wrapper.outlined.chip__wrapper--selected{outline:3px solid #0A8276;border:1px solid transparent;background-color:white}.chip__wrapper.outlined.chip__wrapper--selected:focus-visible{outline-offset:0px}.chip__wrapper.outlined.chip__wrapper--selected:hover:not(.read-only){outline-color:#08665C}.chip__wrapper.outlined.chip__wrapper--selected.read-only{outline:none;border:1px solid black}.chip__wrapper.outlined.disabled{outline:none;color:#BFBBBB;border:1px solid #BFBBBB}.chip__wrapper.outlined.disabled:hover{outline:none;border-color:#BFBBBB;background-color:white}.chip__wrapper.outlined.read-only{border:1px solid black}.chip__wrapper.outlined.read-only:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.chip__wrapper.filled-dark{background-color:#3C3A39;color:white}.chip__wrapper.filled-dark:hover:not(.chip__wrapper--selected,.disabled,.read-only){background-color:#575352}.chip__wrapper.filled-dark:active:not(.chip__wrapper--selected,.disabled,.read-only){background-color:#8D8786;color:black}.chip__wrapper.filled-dark.disabled{outline:none;color:#BFBBBB}.chip__wrapper.filled-dark.disabled:hover:not(.chip__wrapper--selected){background-color:#3C3A39}.chip__wrapper.filled-dark.chip__wrapper--selected.read-only{border:1px solid #8D8786}.chip__wrapper.filled-dark.read-only{border:1px solid #8D8786}.chip__wrapper.filled-light{background-color:#EEEDED}.chip__wrapper.filled-light:hover:not(.read-only){background-color:#BFBBBB}.chip__wrapper.filled-light:active:not(.read-only){background-color:#8D8786}.chip__wrapper.filled-light.disabled{outline:none;color:#BFBBBB}.chip__wrapper.filled-light.disabled:hover:not(.chip__wrapper--selected){background-color:#EEEDED}.chip__wrapper.filled-light.chip__wrapper--selected.read-only{border:1px solid black}.chip__wrapper.filled-light.read-only{border:1px solid black}.chip__wrapper.chip__wrapper--small{padding:4px 8px;height:24px}.chip__wrapper.chip__wrapper--medium{padding:4px 12px;height:28px}.chip__wrapper.chip__wrapper--large{padding:8px 12px;height:36px}.wrapper__label{display:inline-flex;align-items:center;gap:4px}.wrapper__label .label__selected-options{font:600 0.875rem/1.25rem "Source Sans 3"}.wrapper__open-button{display:flex;align-items:center}.wrapper__unselect-button{display:flex;align-items:center}.chip__dropdown{position:absolute;z-index:1;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;border-radius:1px;padding:8px 0;min-width:222px;background-color:#FFFFFF}';const o=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);this.placeholder="";this.size="medium";this.value=undefined;this.variant="single";this.theme="outlined";this.readOnly=false;this.disabled=false;this.icon="";this.opened=false;this.selectedOptions=[]}handleValueChange(e){this.syncSelectedOptionsWithProp(e)}handleReadOnlyChange(e){if(e){this.opened=false}}closeDropdownOnOutsideClick(e){const i=e.composedPath();const t=this.chip.shadowRoot.querySelector(".chip__wrapper");const a=this.chip.shadowRoot.querySelector(".chip__dropdown");if(!i.includes(a)&&!i.includes(t)&&this.opened){this.toggleDropdownMenu()}}handleKeyDown(e){if(e.code!=="Tab"){e.preventDefault()}if(e.target.tagName==="IFX-CHIP"){this.handleWrapperKeyDown(e)}else if(e.target.tagName==="IFX-CHIP-ITEM"){this.handleDropdownKeyDown(e)}}updateSelectedOptions(e){const i=e.detail;const t=[...this.selectedOptions];if(this.variant!=="multi"){if(i.selected){this.opened=false;const t=this.getChipItems();t.forEach((i=>{if(i.selected&&i!==e.target){i.chipState=Object.assign(Object.assign({},i.chipState),{emitIfxChipItemSelect:false});i.selected=false}}));this.selectedOptions=[i]}else{this.selectedOptions=[]}this.value=this.selectedOptions[0]?this.selectedOptions[0].value:undefined}else{if(i.selected){if(!this.selectedOptions.find((e=>e.value===i.value))){this.selectedOptions=[...this.selectedOptions,i]}}else{this.selectedOptions=this.selectedOptions.filter((e=>e.value!==i.value))}this.value=this.selectedOptions.map((e=>e.value))}if(i.emitIfxChange){this.ifxChange.emit({previousSelection:t,currentSelection:this.selectedOptions,name:this.placeholder})}}getChipItems(){return this.chip.querySelectorAll("ifx-chip-item")}getSelectedOptions(){if(this.variant!=="multi"){return this.selectedOptions.map((e=>e.label)).join("")}return this.selectedOptions.slice(0,2).map((e=>e.label)).join(", ")}toggleDropdownMenu(){if(this.readOnly)return;this.opened=!this.opened}focusChipItemAt(e=0){this.opened=true;const i=this.getChipItems();let t;if(e===-1){t=i.item(i.length-1)}else if(e>=0&&e<i.length){t=i.item(e)}else{console.error(`Invalid index: ${e}`);return}const a=t.shadowRoot.querySelector(".chip-item");if(a){setTimeout((()=>{a.focus()}),1)}}focusChip(){const e=this.chip.shadowRoot.querySelector(".chip__wrapper");e.focus()}handleUnselectButtonClick(e){e.stopPropagation();this.opened=false;let i=false;const t=this.getChipItems();t.forEach((e=>{if(e.selected){i=true;e.chipState=Object.assign(Object.assign({},e.chipState),{emitIfxChipItemSelect:false});e.selected=false}}));if(i){const e=this.selectedOptions;this.selectedOptions=[];this.value=[];this.ifxChange.emit({previousSelection:e,currentSelection:[],name:this.placeholder})}}handleWrapperClick(){if(!this.readOnly){this.toggleDropdownMenu()}}handleWrapperKeyDown(e){if(this.readOnly)return;if(!this.opened){switch(e.code){case"Space":case"Enter":case"ArrowDown":this.focusChipItemAt(0);break;case"ArrowUp":this.focusChipItemAt(-1);break}}else{switch(e.code){case"Escape":this.opened=false;this.focusChip();break}}}handleDropdownKeyDown(e){let i=this.getChipItems();let t=Array.from(i).indexOf(e.target);if(t===-1){console.error("Target not found in chip items");return}switch(e.code){case"ArrowDown":if(t===i.length-1)break;this.focusChipItemAt(t+1);break;case"ArrowUp":if(t===0)break;this.focusChipItemAt(t-1);break;case"Escape":this.opened=false;this.focusChip();break;case"Space":if(this.variant==="single"){this.opened=false;this.focusChip()}break;case"Enter":this.opened=false;this.focusChip();break}}syncChipState(){const e=this.getChipItems();let i=0;e.forEach((e=>{e.chipState={emitIfxChipItemSelect:true,size:this.size?this.size:"medium",variant:this.variant==="multi"?"multi":"single",key:i++}}))}syncSelectedOptionsWithProp(e){this.selectedOptions=[];const i=(()=>{let e=0;return()=>e++})();if(Array.isArray(e)){this.selectedOptions=e.map((e=>({value:e,label:e,selected:true,key:i(),emitIfxChange:true})))}else if(typeof e==="string"){this.selectedOptions=[{value:e,label:e,selected:true,key:i(),emitIfxChange:true}]}this.syncChipState()}componentWillLoad(){this.syncSelectedOptionsWithProp(this.value)}async componentDidLoad(){if(!n(this.chip)){const e=r();s("ifx-chip",await e)}}render(){return t("div",{key:"7d09fa1bb6292dcaabffecf990abc7aa891895aa",class:"chip"},t("div",{key:"564c97208bb9b0173576a9e4f39c4b983f1062e0",class:`chip__wrapper chip__wrapper--${this.size?this.size:"medium"}\n                  chip__wrapper--${this.variant==="multi"?"multi":"single"}\n                  ${this.opened&&!this.readOnly?"chip__wrapper--opened":""}\n                  ${this.selectedOptions.length?"chip__wrapper--selected":""}\n                  ${this.theme?this.theme:"outlined"}\n                  ${this.disabled?"disabled":""}\n                  ${this.readOnly?"read-only":""}`,tabIndex:0,onClick:!this.readOnly&&!this.disabled?()=>{this.handleWrapperClick()}:undefined,role:"combobox","aria-label":this.ariaLabel,"aria-value":this.getSelectedOptions(),"aria-haspopup":!this.readOnly?"listbox":undefined,"aria-expanded":!this.readOnly?this.opened.toString():undefined,"aria-controls":!this.readOnly?"dropdown":undefined,"aria-readonly":this.readOnly?"true":undefined,"aria-multiselectable":this.variant==="multi"?"true":undefined},this.icon&&t("div",{key:"88fb92751635c158dba1fae00c768e8553b42fa4",class:"icon__wrapper"},t("ifx-icon",{key:"12e163b1c6c7916653e66e0ebabe5142ad0ec0da",icon:this.icon})),t("div",{key:"af6687d4b75fa5321747dafbb56be79e36bf4b16",class:"wrapper__label"},this.selectedOptions.length===0&&`${this.placeholder}`,this.selectedOptions.length!==0&&this.variant==="multi"&&this.placeholder!==""&&`${this.placeholder}:`,this.selectedOptions.length!==0&&t("div",{key:"aedd029de20cb3a0321a69dda6aa64bde0ed364a",class:"label__selected-options"},this.getSelectedOptions()),this.selectedOptions.length>2&&this.variant==="multi"&&t("ifx-indicator",{key:"cc2bbfa2415a03e655b13d24275bb92cbc4f2b3a",variant:"number",inverted:this.theme==="outlined"?false:true,number:this.selectedOptions.length-2})),!this.readOnly&&(this.variant!=="multi"||this.variant==="multi"&&this.selectedOptions.length===0)&&t("div",{key:"cb8a825f3465b0e66bd98a95639649fd82ff2e00",class:"wrapper__open-button"},t("ifx-icon",{key:1,icon:`chevron-down-16`})),this.selectedOptions.length>=1&&this.variant==="multi"&&t("div",{key:"43774f6eb2e8c8b6418c64f43f8334e926e9c174",class:"wrapper__unselect-button",onClick:!this.readOnly&&!this.disabled?e=>{this.handleUnselectButtonClick(e)}:undefined},t("ifx-icon",{key:2,icon:`cross16`}))),this.opened&&!this.readOnly&&t("div",{key:"60a7abc36fc1659a7ae6382cdb69d0c312c93016",id:"dropdown",role:"listbox",class:"chip__dropdown"},t("slot",{key:"2cd17e0b7e73bd5257a5721a8d3597873ea73d06"})))}get chip(){return a(this)}static get watchers(){return{value:["handleValueChange"],readOnly:["handleReadOnlyChange"]}}};o.style=l;const p=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.chip-item{display:flex;align-items:center;gap:8px;padding:8px 16px;user-select:none;transition:all 100ms ease;transition-property:background, color}.chip-item:hover{cursor:pointer;background-color:#EEEDED}.chip-item:active{background-color:#BFBBBB}.chip-item:focus{outline:2px solid #0A8276}.chip-item.chip-item--large{font:400 1rem/1.5rem "Source Sans 3"}.chip-item.chip-item--small{font:400 0.875rem/1.25rem "Source Sans 3"}.chip-item.chip-item--selected{color:#0A8276}.chip-item.chip-item--selected .chip-item__selected-indicator{display:block}.chip-item__selected-indicator{display:none;margin-left:auto}';const c=class{constructor(t){e(this,t);this.ifxChipItemSelect=i(this,"ifxChipItemSelect",5);this.value=undefined;this.chipState={emitIfxChipItemSelect:true,variant:"multi",size:"large"};this.selected=false}updateItemSelection(e){if(this.chipState.variant==="single"){const i=e.target;if(this.chipItem!==i&&this.chipItem.parentElement===i.parentElement){this.selected=false}}}validateSelected(e,i){if(e!==i){if(this.chipState.emitIfxChipItemSelect){this.emitIfxChipItemSelectEvent()}else{this.chipState.emitIfxChipItemSelect=true}}}getItemLabel(){return this.chipItem.innerText}toggleItemSelection(){this.selected=!this.selected}emitIfxChipItemSelectEvent(e=true){this.ifxChipItemSelect.emit({emitIfxChange:e,key:this.chipState.key,label:this.getItemLabel(),selected:this.selected,value:this.value})}handleItemClick(){this.toggleItemSelection()}handleItemKeyDown(e){if(e.code==="Enter"||e.code==="Space"){this.toggleItemSelection()}}handleSelectedState(){if(this.selected){this.emitIfxChipItemSelectEvent(false)}}componentWillLoad(){this.handleSelectedState()}render(){return t("div",{key:"74bd25551e6ac6bb2ff4d53ffd38120c8941cbcb",class:`chip-item chip-item--${this.chipState.size} \n                    chip-item--${(this.selected&&this.chipState.variant)==="single"?"selected":""}`,tabIndex:0,onClick:()=>{this.handleItemClick()},onKeyDown:e=>{this.handleItemKeyDown(e)},role:"option","aria-selected":this.selected.toString()},this.chipState.variant==="multi"&&t("ifx-checkbox",{key:"e830188223a4a73ccf10bc72af789bb7ea11cc02",checked:this.selected,tabIndex:-1,size:"s"}),t("div",{key:"9c1727d6a29a63102c7e1c2b58c9157e94de6bc3",class:"chip-item__label"}," ",t("slot",{key:"45baf75c97c6f4103d8c1ade78e9fafe105c13e9"})," "),t("div",{key:"265869ea8579f7db834523f3f3c43fee935d1649",class:"chip-item__selected-indicator"},t("ifx-icon",{key:"39fd063f3b5fb6ef3ca146108067b68c33e71697",icon:"check-16"}," ")))}get chipItem(){return a(this)}static get watchers(){return{selected:["validateSelected"]}}};c.style=p;const h=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.container{display:inline-flex;justify-content:center;align-items:center;gap:32px;font-family:var(--ifx-font-family);flex-wrap:wrap}.container .items__per-page-wrapper{display:flex;align-items:center;gap:16px}.container .items__per-page-wrapper .items__per-page-label{color:#1D1D1D;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.container .items__per-page-wrapper .items__per-page-field{display:flex;flex-direction:column;align-items:flex-start}.container .items__per-page-wrapper .items__per-page-field ifx-select{width:92px}.container .items__total-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .items__total-button{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #BFBBBB;background:#FFF}.container .items__total-wrapper .page__numbers-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item{display:flex;padding:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:100px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active{background-color:#0A8276}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active span{color:#fff}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover{cursor:pointer}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover:not(.active){background-color:#ddd}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:active:not(.active){background-color:#575352}.container .items__total-wrapper .page__numbers-wrapper .page__number-item span{display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.pagination{display:flex}.pagination ifx-icon-button:first-of-type{margin-right:12px}.pagination ifx-icon-button:last-of-type{margin-left:12px}.page__button{padding:8px;border-radius:100px}ol{list-style-type:none;padding:0;margin:0;display:inline-flex;align-items:center;gap:12px}li{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100px}li:hover:not(.active) page__button{background-color:#EEEDED}li:active:not(.active) .page__button{background-color:#575352;color:#fff}li.active{background-color:#0A8276}li.active .page__button{color:#fff}li:hover{cursor:pointer}li .page__button{text-decoration:none;display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px;align-items:center}.prev.disabled,.next.disabled{cursor:default}.prev.disabled:hover,.next.disabled:hover{cursor:default;text-decoration:none}.prev{margin-right:2.5px}.next{margin-left:2.5px}@media (max-width: 768px){.container{gap:16px;justify-content:left}.container .items__total-wrapper .pagination ol{gap:12px}}@media (max-width: 374px){.pagination .ellipsis+.active{margin-left:8px}.pagination .active+.ellipsis{margin-left:8px}}';const d=class{constructor(t){e(this,t);this.ifxPageChange=i(this,"ifxPageChange",7);this.ifxItemsPerPageChange=i(this,"ifxItemsPerPageChange",7);this.currentPage=1;this.showItemsPerPage=true;this.internalPage=1;this.internalItemsPerPage=10;this.numberOfPages=[];this.total=1;this.filteredItemsPerPage=[];this.visiblePages=[];this.CLASS_DISABLED="disabled";this.CLASS_ACTIVE="active";this.handlePageClick=e=>{const i=e.currentTarget;const t=parseInt(i.dataset.page);if(!isNaN(t))this.changePage(t)};this.handleResize=()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout((()=>{this.updateVisiblePages()}),100)}}watchTotalHandler(){this.calculateNumberOfPages();this.updateVisiblePages()}currentPageWatcher(e){this.internalPage=Math.max(1,Math.min(e,this.numberOfPages.length));this.calculateNumberOfPages();this.updateVisiblePages()}setItemsPerPage(e){var i,t;const a=((i=e.detail)===null||i===void 0?void 0:i.value)||((t=e.detail)===null||t===void 0?void 0:t.label);const r=parseInt(a)||10;if(r===this.internalItemsPerPage){return}this.internalItemsPerPage=r;this.internalPage=1;this.calculateNumberOfPages();this.updateVisiblePages();this.handleEventEmission()}emitItemsPerPage(e){this.ifxItemsPerPageChange.emit(e.detail.label)}async componentDidLoad(){if(this.showItemsPerPage){const e=this.el.shadowRoot.querySelector("#itemsPerPageSelect");if(e){e.addEventListener("ifxSelect",(e=>this.emitItemsPerPage(e)))}}window.addEventListener("resize",this.handleResize);if(!n(this.el)){const e=r();s("ifx-pagination",await e)}this.initPagination()}disconnectedCallback(){if(this.showItemsPerPage){const e=this.el.shadowRoot.querySelector("#itemsPerPageSelect");if(e){e.removeEventListener("ifxSelect",(e=>this.emitItemsPerPage(e)))}}window.removeEventListener("resize",this.handleResize);if(this.resizeTimeout){clearTimeout(this.resizeTimeout)}}updateVisiblePages(){const e=window.innerWidth<375;const i=this.numberOfPages.length;const t=this.internalPage;let a=[];if(e){if(i<=5){a=[...this.numberOfPages]}else{a.push(1);if(t<=2){a.push(2,3,"...",i)}else if(t>=i-1){a.push("...",i-2,i-1,i)}else{a.push("...",t,"...",i)}}}else{const e=2;if(i<=7){a=[...this.numberOfPages]}else{a.push(1);let r=Math.max(2,t-e);let s=Math.min(i-1,t+e);if(t<=4){r=2;s=Math.min(i-1,5)}else if(t>=i-3){r=Math.max(2,i-4);s=i-1}else{r=t-1;s=t+1}if(r>2){a.push("...")}for(let e=r;e<=s;e++){a.push(e)}if(s<i-1){a.push("...")}a.push(i)}}this.visiblePages=a}calculateNumberOfPages(){const e=Math.ceil(this.total/this.internalItemsPerPage);this.numberOfPages=Array.from({length:e},((e,i)=>i+1));this.internalPage=Math.max(1,Math.min(this.currentPage,e))}filterOptionsArray(){const e=typeof this.itemsPerPage==="string"?JSON.parse(this.itemsPerPage):this.itemsPerPage;this.filteredItemsPerPage=e.map((e=>Object.assign(Object.assign({},e),{label:e.label||e.value})))}componentWillLoad(){this.filterOptionsArray();const e=this.filteredItemsPerPage.find((e=>e.selected));if(e){this.internalItemsPerPage=Number(e.value)}else if(this.filteredItemsPerPage.length>0){this.internalItemsPerPage=Number(this.filteredItemsPerPage[0].value)}this.calculateNumberOfPages();this.internalPage=Math.max(1,Math.min(this.currentPage,this.numberOfPages.length));this.updateVisiblePages()}componentWillUpdate(){if(this.prevInternalPage!==this.internalPage){this.updateVisiblePages();this.prevInternalPage=this.internalPage}}componentDidUpdate(){this.initPagination()}handleEventEmission(){this.ifxPageChange.emit({currentPage:this.internalPage,totalPages:this.numberOfPages.length,itemsPerPage:this.internalItemsPerPage})}initPagination(){const e=this.el.shadowRoot.querySelector(".pagination");if(!e)return;const i=()=>{const i=e.querySelector(".prev");const t=e.querySelector(".next");if(i){i.disabled=this.internalPage===1;i.classList.toggle(this.CLASS_DISABLED,this.internalPage===1)}if(t){t.disabled=this.internalPage===this.numberOfPages.length;t.classList.toggle(this.CLASS_DISABLED,this.internalPage===this.numberOfPages.length)}};e.querySelectorAll("li").forEach((e=>{e.removeEventListener("click",this.handlePageClick);e.addEventListener("click",this.handlePageClick)}));i()}changePage(e){e=Math.max(1,Math.min(e,this.numberOfPages.length));if(e===this.internalPage)return;this.internalPage=e;this.handleEventEmission();this.initPagination()}render(){return t("div",{key:"11d342b11b38051ffd0b1e08e0696b1e3ef4e3c5",class:"container"},this.showItemsPerPage&&t("div",{key:"e2bedb6b48ac138ec8ff9640363d5d01a3195b33",class:"items__per-page-wrapper"},t("div",{key:"506874c6bfeeacab1203cc5403639d91b2bf93a2",class:"items__per-page-label"},"Results per Page"),t("div",{key:"8d0fafee79171e56b4672d4fd4c4cd2049ebd614",class:"items__per-page-field"},t("ifx-select",{key:"650869a3583ef25e5b78dcafb9efaf1760c6101c",id:"itemsPerPageSelect",placeholder:"false","show-search":"false",value:undefined,disabled:false,error:false,size:"s",options:this.filteredItemsPerPage,"placeholder-value":"Select"}))),t("div",{key:"230aea64459ffa9c32a6e974eacf174bb9631c6b",class:"items__total-wrapper"},t("div",{key:"ec6765efbffeec485d4c3400541a72f96cf3436a",class:"pagination"},t("ifx-icon-button",{key:"ab52e4afbebcf6e1bb8ba51a85de505fcaa1cf45",class:"prev",icon:"arrow-left-16","aria-label":"Previous Page",onClick:()=>this.changePage(this.internalPage-1),variant:"secondary"}),t("ol",{key:"ecda1907072a09082fa25dac33608f0a3819d5e9"},this.visiblePages.map(((e,i)=>typeof e==="number"?t("li",{key:`page-${e}`,class:{[this.CLASS_ACTIVE]:e===this.internalPage},"data-page":e},t("span",{class:"page__button",role:"button",tabindex:"0","aria-current":e===this.internalPage?"page":undefined,"aria-label":`Page ${e}`,onClick:()=>this.changePage(e),onKeyDown:i=>(i.key==="Enter"||i.key===" ")&&this.changePage(e)},e)):t("li",{class:"ellipsis",key:`ellipsis-${i}`},t("span",{"aria-hidden":"true"},"..."))))),t("ifx-icon-button",{key:"fd46bf3e767ebed96da040f53ad872bfb16d885c",class:"next",icon:"arrow-right-16","aria-label":"Next Page",onClick:()=>this.changePage(this.internalPage+1),variant:"secondary"}))))}get el(){return a(this)}static get watchers(){return{total:["watchTotalHandler"],currentPage:["currentPageWatcher"]}}};d.style=h;export{o as ifx_chip,c as ifx_chip_item,d as ifx_pagination};
-//# sourceMappingURL=p-30af152b.entry.js.map
+import{r as e,c as i,h as t,a}from"./p-PqnYwNKt.js";import{d as r,t as s}from"./p-DcmcuUOA.js";import{i as n}from"./p-Bw2fh5LT.js";const l=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-block}.chip{position:relative}.chip__wrapper{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;border-radius:9999px;background:#FFFFFF;cursor:pointer;transition:border 100ms ease;font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper .icon__wrapper{display:flex}.chip__wrapper.outlined,.chip__wrapper.filled-dark,.chip__wrapper.filled-light{outline:2px solid transparent}.chip__wrapper.outlined:focus-visible,.chip__wrapper.filled-dark:focus-visible,.chip__wrapper.filled-light:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.chip__wrapper.outlined.chip__wrapper--opened .wrapper__open-button,.chip__wrapper.filled-dark.chip__wrapper--opened .wrapper__open-button,.chip__wrapper.filled-light.chip__wrapper--opened .wrapper__open-button{transform:rotate(-180deg)}.chip__wrapper.outlined.chip__wrapper--selected .wrapper__label .label__selected-options,.chip__wrapper.filled-dark.chip__wrapper--selected .wrapper__label .label__selected-options,.chip__wrapper.filled-light.chip__wrapper--selected .wrapper__label .label__selected-options{font:400 0.875rem/1.25rem "Source Sans 3"}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only),.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only){background-color:#0A8276;color:white}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only):hover,.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only):hover{background-color:#08665C}.chip__wrapper.filled-dark.chip__wrapper--selected:not(.read-only):hover.disabled,.chip__wrapper.filled-light.chip__wrapper--selected:not(.read-only):hover.disabled{background-color:#0A8276}.chip__wrapper.outlined{border:1px solid #8D8786}.chip__wrapper.outlined:hover:not(.read-only){border-color:#575352;background-color:#F7F7F7}.chip__wrapper.outlined:active:not(.read-only){border-color:#575352;background-color:#BFBBBB}.chip__wrapper.outlined.chip__wrapper--opened{border:1px solid #0A8276}.chip__wrapper.outlined.chip__wrapper--selected{outline:3px solid #0A8276;border:1px solid transparent;background-color:white}.chip__wrapper.outlined.chip__wrapper--selected:focus-visible{outline-offset:0px}.chip__wrapper.outlined.chip__wrapper--selected:hover:not(.read-only){outline-color:#08665C}.chip__wrapper.outlined.chip__wrapper--selected.read-only{outline:none;border:1px solid black}.chip__wrapper.outlined.disabled{outline:none;color:#BFBBBB;border:1px solid #BFBBBB}.chip__wrapper.outlined.disabled:hover{outline:none;border-color:#BFBBBB;background-color:white}.chip__wrapper.outlined.read-only{border:1px solid black}.chip__wrapper.outlined.read-only:focus-visible{outline:2px solid #0A8276;outline-offset:2px}.chip__wrapper.filled-dark{background-color:#3C3A39;color:white}.chip__wrapper.filled-dark:hover:not(.chip__wrapper--selected,.disabled,.read-only){background-color:#575352}.chip__wrapper.filled-dark:active:not(.chip__wrapper--selected,.disabled,.read-only){background-color:#8D8786;color:black}.chip__wrapper.filled-dark.disabled{outline:none;color:#BFBBBB}.chip__wrapper.filled-dark.disabled:hover:not(.chip__wrapper--selected){background-color:#3C3A39}.chip__wrapper.filled-dark.chip__wrapper--selected.read-only{border:1px solid #8D8786}.chip__wrapper.filled-dark.read-only{border:1px solid #8D8786}.chip__wrapper.filled-light{background-color:#EEEDED}.chip__wrapper.filled-light:hover:not(.read-only){background-color:#BFBBBB}.chip__wrapper.filled-light:active:not(.read-only){background-color:#8D8786}.chip__wrapper.filled-light.disabled{outline:none;color:#BFBBBB}.chip__wrapper.filled-light.disabled:hover:not(.chip__wrapper--selected){background-color:#EEEDED}.chip__wrapper.filled-light.chip__wrapper--selected.read-only{border:1px solid black}.chip__wrapper.filled-light.read-only{border:1px solid black}.chip__wrapper.chip__wrapper--small{padding:4px 8px;height:24px}.chip__wrapper.chip__wrapper--medium{padding:4px 12px;height:28px}.chip__wrapper.chip__wrapper--large{padding:8px 12px;height:36px}.wrapper__label{display:inline-flex;align-items:center;gap:4px}.wrapper__label .label__selected-options{font:600 0.875rem/1.25rem "Source Sans 3"}.wrapper__open-button{display:flex;align-items:center}.wrapper__unselect-button{display:flex;align-items:center}.chip__dropdown{position:absolute;z-index:1;box-shadow:0px 6px 9px 0px rgba(29, 29, 29, 0.1019607843);border:1px solid #EEEDED;border-radius:1px;padding:8px 0;min-width:222px;background-color:#FFFFFF}';const o=class{constructor(t){e(this,t);this.ifxChange=i(this,"ifxChange",7);this.placeholder="";this.size="medium";this.value=undefined;this.variant="single";this.theme="outlined";this.readOnly=false;this.disabled=false;this.icon="";this.opened=false;this.selectedOptions=[]}handleValueChange(e){this.syncSelectedOptionsWithProp(e)}handleReadOnlyChange(e){if(e){this.opened=false}}closeDropdownOnOutsideClick(e){const i=e.composedPath();const t=this.chip.shadowRoot.querySelector(".chip__wrapper");const a=this.chip.shadowRoot.querySelector(".chip__dropdown");if(!i.includes(a)&&!i.includes(t)&&this.opened){this.toggleDropdownMenu()}}handleKeyDown(e){if(e.code!=="Tab"){e.preventDefault()}if(e.target.tagName==="IFX-CHIP"){this.handleWrapperKeyDown(e)}else if(e.target.tagName==="IFX-CHIP-ITEM"){this.handleDropdownKeyDown(e)}}updateSelectedOptions(e){const i=e.detail;const t=[...this.selectedOptions];if(this.variant!=="multi"){if(i.selected){this.opened=false;const t=this.getChipItems();t.forEach((i=>{if(i.selected&&i!==e.target){i.chipState=Object.assign(Object.assign({},i.chipState),{emitIfxChipItemSelect:false});i.selected=false}}));this.selectedOptions=[i]}else{this.selectedOptions=[]}this.value=this.selectedOptions[0]?this.selectedOptions[0].value:undefined}else{if(i.selected){if(!this.selectedOptions.find((e=>e.value===i.value))){this.selectedOptions=[...this.selectedOptions,i]}}else{this.selectedOptions=this.selectedOptions.filter((e=>e.value!==i.value))}this.value=this.selectedOptions.map((e=>e.value))}if(i.emitIfxChange){this.ifxChange.emit({previousSelection:t,currentSelection:this.selectedOptions,name:this.placeholder})}}getChipItems(){return this.chip.querySelectorAll("ifx-chip-item")}getSelectedOptions(){if(this.variant!=="multi"){return this.selectedOptions.map((e=>e.label)).join("")}return this.selectedOptions.slice(0,2).map((e=>e.label)).join(", ")}toggleDropdownMenu(){if(this.readOnly)return;this.opened=!this.opened}focusChipItemAt(e=0){this.opened=true;const i=this.getChipItems();let t;if(e===-1){t=i.item(i.length-1)}else if(e>=0&&e<i.length){t=i.item(e)}else{console.error(`Invalid index: ${e}`);return}const a=t.shadowRoot.querySelector(".chip-item");if(a){setTimeout((()=>{a.focus()}),1)}}focusChip(){const e=this.chip.shadowRoot.querySelector(".chip__wrapper");e.focus()}handleUnselectButtonClick(e){e.stopPropagation();this.opened=false;let i=false;const t=this.getChipItems();t.forEach((e=>{if(e.selected){i=true;e.chipState=Object.assign(Object.assign({},e.chipState),{emitIfxChipItemSelect:false});e.selected=false}}));if(i){const e=this.selectedOptions;this.selectedOptions=[];this.value=[];this.ifxChange.emit({previousSelection:e,currentSelection:[],name:this.placeholder})}}handleWrapperClick(){if(!this.readOnly){this.toggleDropdownMenu()}}handleWrapperKeyDown(e){if(this.readOnly)return;if(!this.opened){switch(e.code){case"Space":case"Enter":case"ArrowDown":this.focusChipItemAt(0);break;case"ArrowUp":this.focusChipItemAt(-1);break}}else{switch(e.code){case"Escape":this.opened=false;this.focusChip();break}}}handleDropdownKeyDown(e){let i=this.getChipItems();let t=Array.from(i).indexOf(e.target);if(t===-1){console.error("Target not found in chip items");return}switch(e.code){case"ArrowDown":if(t===i.length-1)break;this.focusChipItemAt(t+1);break;case"ArrowUp":if(t===0)break;this.focusChipItemAt(t-1);break;case"Escape":this.opened=false;this.focusChip();break;case"Space":if(this.variant==="single"){this.opened=false;this.focusChip()}break;case"Enter":this.opened=false;this.focusChip();break}}syncChipState(){const e=this.getChipItems();let i=0;e.forEach((e=>{e.chipState={emitIfxChipItemSelect:true,size:this.size?this.size:"medium",variant:this.variant==="multi"?"multi":"single",key:i++}}))}syncSelectedOptionsWithProp(e){this.selectedOptions=[];const i=(()=>{let e=0;return()=>e++})();if(Array.isArray(e)){this.selectedOptions=e.map((e=>({value:e,label:e,selected:true,key:i(),emitIfxChange:true})))}else if(typeof e==="string"){this.selectedOptions=[{value:e,label:e,selected:true,key:i(),emitIfxChange:true}]}this.syncChipState()}componentWillLoad(){this.syncSelectedOptionsWithProp(this.value)}async componentDidLoad(){if(!n(this.chip)){const e=r();s("ifx-chip",await e)}}render(){return t("div",{key:"cd16644a94a1e31cea0b2cbbe39394d4a05a5a5b",class:"chip"},t("div",{key:"951decf38e88ff684f283a09f6bc513ca4a2c704",class:`chip__wrapper chip__wrapper--${this.size?this.size:"medium"}\n                  chip__wrapper--${this.variant==="multi"?"multi":"single"}\n                  ${this.opened&&!this.readOnly?"chip__wrapper--opened":""}\n                  ${this.selectedOptions.length?"chip__wrapper--selected":""}\n                  ${this.theme?this.theme:"outlined"}\n                  ${this.disabled?"disabled":""}\n                  ${this.readOnly?"read-only":""}`,tabIndex:0,onClick:!this.readOnly&&!this.disabled?()=>{this.handleWrapperClick()}:undefined,role:"combobox","aria-label":this.ariaLabel,"aria-value":this.getSelectedOptions(),"aria-haspopup":!this.readOnly?"listbox":undefined,"aria-expanded":!this.readOnly?this.opened.toString():undefined,"aria-controls":!this.readOnly?"dropdown":undefined,"aria-readonly":this.readOnly?"true":undefined,"aria-multiselectable":this.variant==="multi"?"true":undefined},this.icon&&t("div",{key:"cd8ab00ddfde3ba1dcdb7a82f963df1b81e4b5d5",class:"icon__wrapper"},t("ifx-icon",{key:"b14f92a609f24bc0b4617bb2b0d8262c52f11fab",icon:this.icon})),t("div",{key:"7ac3305d90985ddf45eb4df3cc22f9de89bf60de",class:"wrapper__label"},this.selectedOptions.length===0&&`${this.placeholder}`,this.selectedOptions.length!==0&&this.variant==="multi"&&this.placeholder!==""&&`${this.placeholder}:`,this.selectedOptions.length!==0&&t("div",{key:"e7c907adafd7e1601a4cbd05e1a7b415e1da05b6",class:"label__selected-options"},this.getSelectedOptions()),this.selectedOptions.length>2&&this.variant==="multi"&&t("ifx-indicator",{key:"4520777b0d729d95d57d87d5a32a95fcf44e0d84",variant:"number",inverted:this.theme==="outlined"?false:true,number:this.selectedOptions.length-2})),!this.readOnly&&(this.variant!=="multi"||this.variant==="multi"&&this.selectedOptions.length===0)&&t("div",{key:"ade24c6456b5443be577a4c0bd61d1b2dba68c91",class:"wrapper__open-button"},t("ifx-icon",{key:1,icon:`chevron-down-16`})),this.selectedOptions.length>=1&&this.variant==="multi"&&t("div",{key:"8b1937382b467ca305493896aaf065c10f7a01e8",class:"wrapper__unselect-button",onClick:!this.readOnly&&!this.disabled?e=>{this.handleUnselectButtonClick(e)}:undefined},t("ifx-icon",{key:2,icon:`cross16`}))),this.opened&&!this.readOnly&&t("div",{key:"073b6641d2320716a6d4b1149e72b61fa9b47dd8",id:"dropdown",role:"listbox",class:"chip__dropdown"},t("slot",{key:"55587cb1d438b11f0682c3b1d596a5dfb1d251d0"})))}get chip(){return a(this)}static get watchers(){return{value:["handleValueChange"],readOnly:["handleReadOnlyChange"]}}};o.style=l;const p=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}.chip-item{display:flex;align-items:center;gap:8px;padding:8px 16px;user-select:none;transition:all 100ms ease;transition-property:background, color}.chip-item:hover{cursor:pointer;background-color:#EEEDED}.chip-item:active{background-color:#BFBBBB}.chip-item:focus{outline:2px solid #0A8276}.chip-item.chip-item--large{font:400 1rem/1.5rem "Source Sans 3"}.chip-item.chip-item--small{font:400 0.875rem/1.25rem "Source Sans 3"}.chip-item.chip-item--selected{color:#0A8276}.chip-item.chip-item--selected .chip-item__selected-indicator{display:block}.chip-item__selected-indicator{display:none;margin-left:auto}';const c=class{constructor(t){e(this,t);this.ifxChipItemSelect=i(this,"ifxChipItemSelect",5);this.value=undefined;this.chipState={emitIfxChipItemSelect:true,variant:"multi",size:"large"};this.selected=false}updateItemSelection(e){if(this.chipState.variant==="single"){const i=e.target;if(this.chipItem!==i&&this.chipItem.parentElement===i.parentElement){this.selected=false}}}validateSelected(e,i){if(e!==i){if(this.chipState.emitIfxChipItemSelect){this.emitIfxChipItemSelectEvent()}else{this.chipState.emitIfxChipItemSelect=true}}}getItemLabel(){return this.chipItem.innerText}toggleItemSelection(){this.selected=!this.selected}emitIfxChipItemSelectEvent(e=true){this.ifxChipItemSelect.emit({emitIfxChange:e,key:this.chipState.key,label:this.getItemLabel(),selected:this.selected,value:this.value})}handleItemClick(){this.toggleItemSelection()}handleItemKeyDown(e){if(e.code==="Enter"||e.code==="Space"){this.toggleItemSelection()}}handleSelectedState(){if(this.selected){this.emitIfxChipItemSelectEvent(false)}}componentWillLoad(){this.handleSelectedState()}render(){return t("div",{key:"4d5ace01c02658ed46fbf42c36138a06c3d46049",class:`chip-item chip-item--${this.chipState.size} \n                    chip-item--${(this.selected&&this.chipState.variant)==="single"?"selected":""}`,tabIndex:0,onClick:()=>{this.handleItemClick()},onKeyDown:e=>{this.handleItemKeyDown(e)},role:"option","aria-selected":this.selected.toString()},this.chipState.variant==="multi"&&t("ifx-checkbox",{key:"bf1af2aaf0944351eb33ace8c704bbb4973951d6",checked:this.selected,tabIndex:-1,size:"s"}),t("div",{key:"50347975f1554b7a02ef2bde34750b361daad549",class:"chip-item__label"}," ",t("slot",{key:"9667dd32c70e5f4a7946499f828883efb10caff2"})," "),t("div",{key:"f2fcab283b717837bc8b6c09b6b3c6c72675e40c",class:"chip-item__selected-indicator"},t("ifx-icon",{key:"84e489e9a638f2165c436b10bea8d826ae6db11c",icon:"check-16"}," ")))}get chipItem(){return a(this)}static get watchers(){return{selected:["validateSelected"]}}};c.style=p;const h=':root{--ifx-font-family:"Source Sans 3", "Arial, sans-serif"}:host{display:inline-flex}.container{display:inline-flex;justify-content:center;align-items:center;gap:32px;font-family:var(--ifx-font-family);flex-wrap:wrap}.container .items__per-page-wrapper{display:flex;align-items:center;gap:16px}.container .items__per-page-wrapper .items__per-page-label{color:#1D1D1D;font-size:14px;font-style:normal;font-weight:600;line-height:20px}.container .items__per-page-wrapper .items__per-page-field{display:flex;flex-direction:column;align-items:flex-start}.container .items__per-page-wrapper .items__per-page-field ifx-select{width:92px}.container .items__total-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .items__total-button{display:flex;width:40px;height:40px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #BFBBBB;background:#FFF}.container .items__total-wrapper .page__numbers-wrapper{display:flex;justify-content:center;align-items:center;gap:12px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item{display:flex;padding:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-radius:100px}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active{background-color:#0A8276}.container .items__total-wrapper .page__numbers-wrapper .page__number-item.active span{color:#fff}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover{cursor:pointer}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:hover:not(.active){background-color:#ddd}.container .items__total-wrapper .page__numbers-wrapper .page__number-item:active:not(.active){background-color:#575352}.container .items__total-wrapper .page__numbers-wrapper .page__number-item span{display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.pagination{display:flex}.pagination ifx-icon-button:first-of-type{margin-right:12px}.pagination ifx-icon-button:last-of-type{margin-left:12px}.page__button{padding:8px;border-radius:100px}ol{list-style-type:none;padding:0;margin:0;display:inline-flex;align-items:center;gap:12px}li{display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:100px}li:hover:not(.active) page__button{background-color:#EEEDED}li:active:not(.active) .page__button{background-color:#575352;color:#fff}li.active{background-color:#0A8276}li.active .page__button{color:#fff}li:hover{cursor:pointer}li .page__button{text-decoration:none;display:flex;width:16px;height:16px;flex-direction:column;justify-content:center;color:#1D1D1D;text-align:center;font-size:13px;font-style:normal;font-weight:400;line-height:20px;align-items:center}.prev.disabled,.next.disabled{cursor:default}.prev.disabled:hover,.next.disabled:hover{cursor:default;text-decoration:none}.prev{margin-right:2.5px}.next{margin-left:2.5px}@media (max-width: 768px){.container{gap:16px;justify-content:left}.container .items__total-wrapper .pagination ol{gap:12px}}@media (max-width: 374px){.pagination .ellipsis+.active{margin-left:8px}.pagination .active+.ellipsis{margin-left:8px}}';const d=class{constructor(t){e(this,t);this.ifxPageChange=i(this,"ifxPageChange",7);this.ifxItemsPerPageChange=i(this,"ifxItemsPerPageChange",7);this.currentPage=1;this.showItemsPerPage=true;this.internalPage=1;this.internalItemsPerPage=10;this.numberOfPages=[];this.total=1;this.filteredItemsPerPage=[];this.visiblePages=[];this.CLASS_DISABLED="disabled";this.CLASS_ACTIVE="active";this.handlePageClick=e=>{const i=e.currentTarget;const t=parseInt(i.dataset.page);if(!isNaN(t))this.changePage(t)};this.handleResize=()=>{clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout((()=>{this.updateVisiblePages()}),100)}}watchTotalHandler(){this.calculateNumberOfPages();this.updateVisiblePages()}currentPageWatcher(e){this.internalPage=Math.max(1,Math.min(e,this.numberOfPages.length));this.calculateNumberOfPages();this.updateVisiblePages()}setItemsPerPage(e){var i,t;const a=((i=e.detail)===null||i===void 0?void 0:i.value)||((t=e.detail)===null||t===void 0?void 0:t.label);const r=parseInt(a)||10;if(r===this.internalItemsPerPage){return}this.internalItemsPerPage=r;this.internalPage=1;this.calculateNumberOfPages();this.updateVisiblePages();this.handleEventEmission()}emitItemsPerPage(e){this.ifxItemsPerPageChange.emit(e.detail.label)}async componentDidLoad(){if(this.showItemsPerPage){const e=this.el.shadowRoot.querySelector("#itemsPerPageSelect");if(e){e.addEventListener("ifxSelect",(e=>this.emitItemsPerPage(e)))}}window.addEventListener("resize",this.handleResize);if(!n(this.el)){const e=r();s("ifx-pagination",await e)}this.initPagination()}disconnectedCallback(){if(this.showItemsPerPage){const e=this.el.shadowRoot.querySelector("#itemsPerPageSelect");if(e){e.removeEventListener("ifxSelect",(e=>this.emitItemsPerPage(e)))}}window.removeEventListener("resize",this.handleResize);if(this.resizeTimeout){clearTimeout(this.resizeTimeout)}}updateVisiblePages(){const e=window.innerWidth<375;const i=this.numberOfPages.length;const t=this.internalPage;let a=[];if(e){if(i<=5){a=[...this.numberOfPages]}else{a.push(1);if(t<=2){a.push(2,3,"...",i)}else if(t>=i-1){a.push("...",i-2,i-1,i)}else{a.push("...",t,"...",i)}}}else{const e=2;if(i<=7){a=[...this.numberOfPages]}else{a.push(1);let r=Math.max(2,t-e);let s=Math.min(i-1,t+e);if(t<=4){r=2;s=Math.min(i-1,5)}else if(t>=i-3){r=Math.max(2,i-4);s=i-1}else{r=t-1;s=t+1}if(r>2){a.push("...")}for(let e=r;e<=s;e++){a.push(e)}if(s<i-1){a.push("...")}a.push(i)}}this.visiblePages=a}calculateNumberOfPages(){const e=Math.ceil(this.total/this.internalItemsPerPage);this.numberOfPages=Array.from({length:e},((e,i)=>i+1));this.internalPage=Math.max(1,Math.min(this.currentPage,e))}filterOptionsArray(){const e=typeof this.itemsPerPage==="string"?JSON.parse(this.itemsPerPage):this.itemsPerPage;this.filteredItemsPerPage=e.map((e=>Object.assign(Object.assign({},e),{label:e.label||e.value})))}componentWillLoad(){this.filterOptionsArray();const e=this.filteredItemsPerPage.find((e=>e.selected));if(e){this.internalItemsPerPage=Number(e.value)}else if(this.filteredItemsPerPage.length>0){this.internalItemsPerPage=Number(this.filteredItemsPerPage[0].value)}this.calculateNumberOfPages();this.internalPage=Math.max(1,Math.min(this.currentPage,this.numberOfPages.length));this.updateVisiblePages()}componentWillUpdate(){if(this.prevInternalPage!==this.internalPage){this.updateVisiblePages();this.prevInternalPage=this.internalPage}}componentDidUpdate(){this.initPagination()}handleEventEmission(){this.ifxPageChange.emit({currentPage:this.internalPage,totalPages:this.numberOfPages.length,itemsPerPage:this.internalItemsPerPage})}initPagination(){const e=this.el.shadowRoot.querySelector(".pagination");if(!e)return;const i=()=>{const i=e.querySelector(".prev");const t=e.querySelector(".next");if(i){i.disabled=this.internalPage===1;i.classList.toggle(this.CLASS_DISABLED,this.internalPage===1)}if(t){t.disabled=this.internalPage===this.numberOfPages.length;t.classList.toggle(this.CLASS_DISABLED,this.internalPage===this.numberOfPages.length)}};e.querySelectorAll("li").forEach((e=>{e.removeEventListener("click",this.handlePageClick);e.addEventListener("click",this.handlePageClick)}));i()}changePage(e){e=Math.max(1,Math.min(e,this.numberOfPages.length));if(e===this.internalPage)return;this.internalPage=e;this.handleEventEmission();this.initPagination()}render(){return t("div",{key:"9a4b41bb714202dcc144f626b9a2096480852ad6",class:"container"},this.showItemsPerPage&&t("div",{key:"9e829381e98967180e89bf8f8988c67bbb998814",class:"items__per-page-wrapper"},t("div",{key:"be5d328337c18096cd1363f3c7c0c060693fe525",class:"items__per-page-label"},"Results per Page"),t("div",{key:"37f663194a695059779305e0723321c26f55d191",class:"items__per-page-field"},t("ifx-select",{key:"916cc188fd2f7d86243db5955f091e188defbacc",id:"itemsPerPageSelect",placeholder:"false","show-search":"false",value:undefined,disabled:false,error:false,size:"s",options:this.filteredItemsPerPage,"placeholder-value":"Select"}))),t("div",{key:"f6531ac8c0710f53ff375e8ee4fa19bb47be5cef",class:"items__total-wrapper"},t("div",{key:"4edaf3f1bc17c3423c2b39473a0f5ddc959278d6",class:"pagination"},t("ifx-icon-button",{key:"7341fced786739f5970cfc9940381b2b2901de63",class:"prev",icon:"arrow-left-16","aria-label":"Previous Page",onClick:()=>this.changePage(this.internalPage-1),variant:"secondary"}),t("ol",{key:"b7af29f3b08ee99b3c880c7af51b4d491630e55c"},this.visiblePages.map(((e,i)=>typeof e==="number"?t("li",{key:`page-${e}`,class:{[this.CLASS_ACTIVE]:e===this.internalPage},"data-page":e},t("span",{class:"page__button",role:"button",tabindex:"0","aria-current":e===this.internalPage?"page":undefined,"aria-label":`Page ${e}`,onClick:()=>this.changePage(e),onKeyDown:i=>(i.key==="Enter"||i.key===" ")&&this.changePage(e)},e)):t("li",{class:"ellipsis",key:`ellipsis-${i}`},t("span",{"aria-hidden":"true"},"..."))))),t("ifx-icon-button",{key:"5bdcefa2773fb49f8d7c4190a48fe5a98f6e0442",class:"next",icon:"arrow-right-16","aria-label":"Next Page",onClick:()=>this.changePage(this.internalPage+1),variant:"secondary"}))))}get el(){return a(this)}static get watchers(){return{total:["watchTotalHandler"],currentPage:["currentPageWatcher"]}}};d.style=h;export{o as ifx_chip,c as ifx_chip_item,d as ifx_pagination};
+//# sourceMappingURL=p-4da5a2a5.entry.js.map