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

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ var index = require('./index-Dc5gCGlQ.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"ifx-table.cjs\",[[257,\"ifx-table\",{\"cols\":[8],\"rows\":[8],\"buttonRendererOptions\":[16,\"button-renderer-options\"],\"iconButtonRendererOptions\":[16,\"icon-button-renderer-options\"],\"checkboxRendererOptions\":[16,\"checkbox-renderer-options\"],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"pagination\":[4],\"paginationItemsPerPage\":[1,\"pagination-items-per-page\"],\"filterOrientation\":[1,\"filter-orientation\"],\"headline\":[1],\"variant\":[1],\"serverSidePagination\":[4,\"server-side-pagination\"],\"serverPageChangeHandler\":[16,\"server-page-change-handler\"],\"enableSelection\":[4,\"enable-selection\"],\"showLoading\":[4,\"show-loading\"],\"currentPage\":[32],\"rowData\":[32],\"colData\":[32],\"filterOptions\":[32],\"currentFilters\":[32],\"uniqueKey\":[32],\"paginationPageSize\":[32],\"showSidebarFilters\":[32],\"matchingResultsCount\":[32],\"selectedRows\":[32],\"selectAll\":[32],\"onBtShowLoading\":[64]},[[0,\"ifxItemsPerPageChange\",\"handleResultsPerPageChange\"],[0,\"ifxChange\",\"handleChipChange\"]],{\"rows\":[\"rowsChanged\"],\"cols\":[\"colsChanged\"],\"buttonRendererOptions\":[\"onButtonRendererOptionsChanged\"],\"iconButtonRendererOptions\":[\"onIconButtonRendererOptionsChanged\"],\"checkboxRendererOptions\":[\"onCheckboxRendererOptionsChanged\"]}]]],[\"ifx-templates-ui.cjs\",[[257,\"ifx-templates-ui\",null,[[0,\"fieldError\",\"handleError\"],[0,\"toggleTemplates\",\"filterTemplates\"]]]]],[\"ifx-set-filter.cjs\",[[257,\"ifx-set-filter\",{\"filterName\":[1,\"filter-name\"],\"filterLabel\":[1,\"filter-label\"],\"placeholder\":[1],\"type\":[1],\"options\":[1],\"filterValues\":[32]}]]],[\"ifx-file-upload.cjs\",[[257,\"ifx-file-upload\",{\"dragAndDrop\":[4,\"drag-and-drop\"],\"required\":[4],\"disabled\":[4],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"allowedFileTypes\":[1,\"allowed-file-types\"],\"additionalAllowedFileTypes\":[1,\"additional-allowed-file-types\"],\"allowAnyFileType\":[4,\"allow-any-file-type\"],\"allowedFileExtensions\":[1,\"allowed-file-extensions\"],\"uploadHandler\":[16,\"upload-handler\"],\"maxFiles\":[6146,\"max-files\"],\"label\":[1],\"labelRequiredError\":[1,\"label-required-error\"],\"labelBrowseFiles\":[1,\"label-browse-files\"],\"labelDragAndDrop\":[1,\"label-drag-and-drop\"],\"labelUploadedFilesHeading\":[1,\"label-uploaded-files-heading\"],\"labelFileTooLarge\":[1,\"label-file-too-large\"],\"labelUnsupportedFileType\":[1,\"label-unsupported-file-type\"],\"labelUploaded\":[1,\"label-uploaded\"],\"labelUploadFailed\":[1,\"label-upload-failed\"],\"labelSupportedFormatsTemplate\":[1,\"label-supported-formats-template\"],\"labelFileSingular\":[1,\"label-file-singular\"],\"labelFilePlural\":[1,\"label-file-plural\"],\"labelMaxFilesInfo\":[1,\"label-max-files-info\"],\"labelMaxFilesExceeded\":[1,\"label-max-files-exceeded\"],\"ariaLabelBrowseFiles\":[1,\"aria-label-browse-files\"],\"ariaLabelDropzone\":[1,\"aria-label-dropzone\"],\"ariaLabelFileInput\":[1,\"aria-label-file-input\"],\"ariaLabelRemoveFile\":[1,\"aria-label-remove-file\"],\"ariaLabelCancelUpload\":[1,\"aria-label-cancel-upload\"],\"ariaLabelRetryUpload\":[1,\"aria-label-retry-upload\"],\"ariaLabelUploadingStatus\":[1,\"aria-label-uploading-status\"],\"ariaLabelUploadedStatus\":[1,\"aria-label-uploaded-status\"],\"ariaLabelUploadFailedStatus\":[1,\"aria-label-upload-failed-status\"],\"isDragOver\":[32],\"files\":[32],\"uploadTasks\":[32],\"rejectedSizeFiles\":[32],\"rejectedTypeFiles\":[32],\"requiredError\":[32],\"statusMessage\":[32],\"injectDemoState\":[64],\"triggerDemoValidation\":[64]}]]],[\"ifx-icons-preview.cjs\",[[257,\"ifx-icons-preview\",{\"iconsArray\":[32],\"isCopied\":[32],\"copiedIndex\":[32],\"copiedIcon\":[32],\"htmlTag\":[32],\"iconName\":[32],\"searchTerm\":[32]}]]],[\"ifx-faq.cjs\",[[257,\"ifx-faq\"]]],[\"ifx-list-entry.cjs\",[[257,\"ifx-list-entry\",{\"value\":[1028],\"label\":[1],\"type\":[1]},[[0,\"ifxChange\",\"handleFilterEntryChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-overview-table.cjs\",[[257,\"ifx-overview-table\"]]],[\"ifx-dropdown-trigger-button.cjs\",[[257,\"ifx-dropdown-trigger-button\",{\"isOpen\":[4,\"is-open\"],\"theme\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"hideArrow\":[4,\"hide-arrow\"]}]]],[\"ifx-filter-accordion.cjs\",[[257,\"ifx-filter-accordion\",{\"maxVisibleItems\":[2,\"max-visible-items\"],\"filterGroupName\":[1,\"filter-group-name\"],\"expanded\":[32],\"count\":[32],\"totalItems\":[32]}]]],[\"ifx-filter-bar.cjs\",[[257,\"ifx-filter-bar\",{\"maxShownFilters\":[2,\"max-shown-filters\"],\"showMoreFiltersButton\":[4,\"show-more-filters-button\"],\"selectedOptions\":[32],\"showAllFilters\":[32],\"visibleSlots\":[32]}]]],[\"ifx-filter-search.cjs\",[[257,\"ifx-filter-search\",{\"filterName\":[1,\"filter-name\"],\"disabled\":[4],\"filterValue\":[1025,\"filter-value\"],\"filterKey\":[1,\"filter-key\"],\"filterOrientation\":[1,\"filter-orientation\"],\"placeholder\":[1],\"showDeleteIcon\":[32]},[[0,\"ifxInput\",\"handleFilterSearchChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-list.cjs\",[[257,\"ifx-list\",{\"name\":[1],\"maxVisibleItems\":[2,\"max-visible-items\"],\"type\":[1],\"resetTrigger\":[1028,\"reset-trigger\"],\"expanded\":[32],\"showMore\":[32],\"selectedCount\":[32],\"totalItems\":[32],\"internalResetTrigger\":[32]},null,{\"type\":[\"handleTypeChange\"],\"resetTrigger\":[\"resetTriggerChanged\"]}]]],[\"ifx-modal.cjs\",[[257,\"ifx-modal\",{\"opened\":[1540],\"caption\":[1],\"captionAriaLabel\":[1,\"caption-aria-label\"],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"variant\":[1],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"okButtonLabel\":[1,\"ok-button-label\"],\"cancelButtonLabel\":[1,\"cancel-button-label\"],\"closeButtonAriaLabel\":[1,\"close-button-aria-label\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32]},null,{\"opened\":[\"openedChanged\"]}]]],[\"ifx-navbar-item.cjs\",[[257,\"ifx-navbar-item\",{\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"href\":[1],\"target\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"numberIndicator\":[2,\"number-indicator\"],\"dotIndicator\":[4,\"dot-indicator\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"isSidebarMenuItem\":[32],\"itemPosition\":[32],\"hideComponent\":[64],\"showComponent\":[64],\"toggleChildren\":[64],\"moveChildComponentsIntoSubLayerMenu\":[64],\"toggleFirstLayerItem\":[64],\"addMenuItemClass\":[64],\"moveChildComponentsBackIntoNavbar\":[64],\"returnToFirstLayer\":[64],\"setMenuItemPosition\":[64],\"setItemSideSpecifications\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-search-bar.cjs\",[[257,\"ifx-search-bar\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"value\":[1025],\"maxlength\":[2],\"autocomplete\":[1],\"internalState\":[32],\"onNavbarMobile\":[64]},null,{\"isOpen\":[\"handlePropChange\"]}]]],[\"ifx-sidebar-item.cjs\",[[257,\"ifx-sidebar-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"numberIndicator\":[2,\"number-indicator\"],\"active\":[4],\"isActionItem\":[4,\"is-action-item\"],\"handleItemClick\":[16,\"handle-item-click\"],\"showIcon\":[32],\"showIconWrapper\":[32],\"internalHref\":[32],\"isExpandable\":[32],\"isNested\":[32],\"isSubMenuItem\":[32],\"indicatorVariant\":[32],\"internalActiveState\":[32],\"setActiveClasses\":[64],\"expandMenu\":[64],\"isItemExpandable\":[64]},[[0,\"consoleError\",\"handleConsoleError\"]],{\"active\":[\"handleActiveChange\"],\"numberIndicator\":[\"handleNumberIndicatorChange\"]}]]],[\"ifx-tabs.cjs\",[[257,\"ifx-tabs\",{\"orientation\":[1],\"activeTabIndex\":[1026,\"active-tab-index\"],\"fullWidth\":[4,\"full-width\"],\"internalOrientation\":[32],\"internalActiveTabIndex\":[32],\"tabObjects\":[32],\"canScrollLeft\":[32],\"canScrollRight\":[32]},[[9,\"resize\",\"updateBorderOnWindowResize\"],[0,\"tabHeaderChange\",\"handleTabHeaderChange\"],[0,\"slotchange\",\"onSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"activeTabIndex\":[\"activeTabIndexChanged\"]}]]],[\"ifx-tree-view-item.cjs\",[[257,\"ifx-tree-view-item\",{\"expanded\":[1540],\"initiallyExpanded\":[4,\"initially-expanded\"],\"disableItem\":[4,\"disable-item\"],\"ariaLabel\":[1,\"aria-label\"],\"initiallySelected\":[4,\"initially-selected\"],\"value\":[1],\"hasChildren\":[32],\"isChecked\":[32],\"partialChecked\":[32],\"level\":[32],\"disableAllItems\":[32],\"expandAllItems\":[32],\"suppressExpandEvents\":[32]},null,{\"expanded\":[\"handleExpandedChange\"],\"disableItem\":[\"handleDisableItemChange\"]}]]],[\"ifx-breadcrumb-item-label.cjs\",[[257,\"ifx-breadcrumb-item-label\",{\"icon\":[1],\"href\":[1],\"target\":[1]}]]],[\"ifx-checkbox-group.cjs\",[[257,\"ifx-checkbox-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"required\":[4],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleCheckboxError\"]]]]],[\"ifx-date-picker.cjs\",[[257,\"ifx-date-picker\",{\"size\":[1],\"error\":[4],\"success\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1],\"type\":[1],\"max\":[1],\"min\":[1],\"required\":[4],\"label\":[1],\"caption\":[1],\"autocomplete\":[1]}]]],[\"ifx-download.cjs\",[[257,\"ifx-download\",{\"tokens\":[1]}]]],[\"ifx-dropdown-item.cjs\",[[257,\"ifx-dropdown-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"hide\":[4],\"size\":[32]},[[16,\"menuSize\",\"handleMenuSize\"]]]]],[\"ifx-navbar.cjs\",[[257,\"ifx-navbar\",{\"applicationName\":[1,\"application-name\"],\"fixed\":[4],\"showLogoAndAppname\":[4,\"show-logo-and-appname\"],\"logoHref\":[1,\"logo-href\"],\"logoHrefTarget\":[1,\"logo-href-target\"],\"main\":[32],\"products\":[32],\"applications\":[32],\"design\":[32],\"support\":[32],\"about\":[32],\"hasLeftMenuItems\":[32],\"searchBarIsOpen\":[32],\"internalLogoHref\":[32],\"internalLogoHrefTarget\":[32]},[[0,\"ifxNavItem\",\"clearFirstLayerMenu\"],[0,\"ifxOpen\",\"handleSearchBarToggle\"]]]]],[\"ifx-radio-button-group.cjs\",[[257,\"ifx-radio-button-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"required\":[4],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleRadioButtonError\"]]]]],[\"ifx-segment.cjs\",[[257,\"ifx-segment\",{\"icon\":[1],\"segmentIndex\":[2,\"segment-index\"],\"selected\":[1028],\"value\":[1]}]]],[\"ifx-segmented-control.cjs\",[[257,\"ifx-segmented-control\",{\"caption\":[1],\"label\":[1],\"size\":[1],\"required\":[4],\"error\":[4]},[[0,\"segmentSelect\",\"onSegmentSelect\"]]]]],[\"ifx-sidebar.cjs\",[[257,\"ifx-sidebar\",{\"applicationName\":[1,\"application-name\"],\"initialCollapse\":[4,\"initial-collapse\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[4,\"show-header\"],\"termsOfUse\":[1,\"terms-of-use\"],\"imprint\":[1],\"privacyPolicy\":[1,\"privacy-policy\"],\"target\":[1],\"copyrightText\":[1,\"copyright-text\"],\"collapsible\":[4],\"collapsed\":[4],\"hideMenuLabel\":[1,\"hide-menu-label\"],\"currentYear\":[32],\"internalTermsofUse\":[32],\"internalImprint\":[32],\"internalPrivacyPolicy\":[32],\"internalShowFooter\":[32],\"activeItem\":[32],\"isCollapsed\":[32],\"toggleCollapse\":[64],\"collapse\":[64],\"expand\":[64]},[[0,\"ifxSidebarMenu\",\"handleSidebarItemInteraction\"],[0,\"ifxSidebarNavigationItem\",\"handleSidebarItemActivated\"]],{\"collapsible\":[\"handleCollapsibleChange\"],\"collapsed\":[\"handleCollapsedPropChange\"]}]]],[\"ifx-slider.cjs\",[[257,\"ifx-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"minValueHandle\":[2,\"min-value-handle\"],\"maxValueHandle\":[2,\"max-value-handle\"],\"disabled\":[4],\"showPercentage\":[4,\"show-percentage\"],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"leftText\":[1,\"left-text\"],\"rightText\":[1,\"right-text\"],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalValue\":[32],\"percentage\":[32],\"internalMinValue\":[32],\"internalMaxValue\":[32]},null,{\"value\":[\"valueChanged\"],\"minValueHandle\":[\"minValueChanged\"],\"maxValueHandle\":[\"maxValueChanged\"]}]]],[\"ifx-step.cjs\",[[257,\"ifx-step\",{\"complete\":[4],\"disabled\":[4],\"error\":[1028],\"lastStep\":[4,\"last-step\"],\"stepId\":[2,\"step-id\"],\"stepperState\":[16,\"stepper-state\"],\"active\":[32],\"clickable\":[32]},[[4,\"ifxChange\",\"onStepChange\"]],{\"stepperState\":[\"updateCurrentStep\"],\"active\":[\"updateErrorState\"]}]]],[\"ifx-tooltip.cjs\",[[257,\"ifx-tooltip\",{\"header\":[1],\"text\":[1],\"position\":[1],\"ariaLabel\":[1,\"aria-label\"],\"variant\":[1],\"icon\":[1],\"tooltipVisible\":[32],\"internalPosition\":[32]},null,{\"position\":[\"positionChanged\"]}]]],[\"ifx-action-list.cjs\",[[257,\"ifx-action-list\",{\"listAriaLabel\":[1,\"list-aria-label\"]}]]],[\"ifx-action-list-item.cjs\",[[257,\"ifx-action-list-item\",{\"itemTitle\":[1,\"item-title\"],\"description\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"disabled\":[4],\"itemAriaLabel\":[1,\"item-aria-label\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"ifx-basic-table.cjs\",[[256,\"ifx-basic-table\",{\"cols\":[1],\"rows\":[1],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"variant\":[1],\"gridOptions\":[32],\"columnDefs\":[32],\"rowData\":[32],\"uniqueKey\":[32]}]]],[\"ifx-breadcrumb.cjs\",[[257,\"ifx-breadcrumb\"]]],[\"ifx-breadcrumb-item.cjs\",[[257,\"ifx-breadcrumb-item\",{\"isLastItem\":[32],\"uniqueId\":[32],\"hasDropdownMenu\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"breadcrumbMenuIconWrapper\",\"menuWrapperEventReEmitter\"]]]]],[\"ifx-card.cjs\",[[257,\"ifx-card\",{\"direction\":[1],\"href\":[1],\"target\":[1],\"ariaLabel\":[1,\"aria-label\"],\"noBtns\":[32],\"alignment\":[32],\"noImg\":[32],\"internalHref\":[32]},[[0,\"imgPosition\",\"setImgPosition\"]]]]],[\"ifx-card-headline.cjs\",[[257,\"ifx-card-headline\",{\"direction\":[32],\"hasDesc\":[32]}]]],[\"ifx-card-image.cjs\",[[257,\"ifx-card-image\",{\"src\":[1],\"alt\":[1],\"position\":[1]}]]],[\"ifx-card-links.cjs\",[[257,\"ifx-card-links\"]]],[\"ifx-card-overline.cjs\",[[257,\"ifx-card-overline\"]]],[\"ifx-card-text.cjs\",[[257,\"ifx-card-text\",{\"hasBtn\":[32]}]]],[\"ifx-content-switcher.cjs\",[[257,\"ifx-content-switcher\",{\"items\":[32],\"activeIndex\":[32],\"hoverIndex\":[32],\"focusIndex\":[32],\"dividers\":[32]}]]],[\"ifx-content-switcher-item.cjs\",[[257,\"ifx-content-switcher-item\",{\"selected\":[4],\"value\":[1]}]]],[\"ifx-dropdown.cjs\",[[257,\"ifx-dropdown\",{\"placement\":[1],\"defaultOpen\":[4,\"default-open\"],\"noAppendToBody\":[4,\"no-append-to-body\"],\"disabled\":[4],\"noCloseOnOutsideClick\":[4,\"no-close-on-outside-click\"],\"noCloseOnMenuClick\":[4,\"no-close-on-menu-click\"],\"internalIsOpen\":[32],\"trigger\":[32],\"menu\":[32],\"isOpen\":[64],\"closeDropdown\":[64],\"openDropdown\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"],[4,\"focusin\",\"handleFocusOutside\"],[0,\"slotchange\",\"watchHandlerSlot\"]],{\"defaultOpen\":[\"watchHandlerIsOpen\"],\"disabled\":[\"watchHandlerDisabled\"]}]]],[\"ifx-dropdown-header.cjs\",[[257,\"ifx-dropdown-header\"]]],[\"ifx-dropdown-menu.cjs\",[[257,\"ifx-dropdown-menu\",{\"isOpen\":[4,\"is-open\"],\"size\":[1],\"hideTopPadding\":[32],\"filteredItems\":[32]},[[0,\"ifxInput\",\"handleMenuFilter\"],[0,\"ifxDropdownItem\",\"handleDropdownItemValueEmission\"]]]]],[\"ifx-dropdown-separator.cjs\",[[257,\"ifx-dropdown-separator\"]]],[\"ifx-dropdown-trigger.cjs\",[[257,\"ifx-dropdown-trigger\",{\"isOpen\":[4,\"is-open\"]}]]],[\"ifx-filter-type-group.cjs\",[[257,\"ifx-filter-type-group\",{\"selectedOptions\":[32]}]]],[\"ifx-footer.cjs\",[[257,\"ifx-footer\",{\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32]}]]],[\"ifx-footer-column.cjs\",[[257,\"ifx-footer-column\"]]],[\"ifx-navbar-profile.cjs\",[[257,\"ifx-navbar-profile\",{\"showLabel\":[4,\"show-label\"],\"href\":[1],\"imageUrl\":[1,\"image-url\"],\"target\":[1],\"alt\":[1],\"userName\":[1,\"user-name\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"internalImageUrl\":[32],\"hideComponent\":[64],\"showComponent\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-sidebar-title.cjs\",[[257,\"ifx-sidebar-title\",{\"showInCollapsed\":[4,\"show-in-collapsed\"]}]]],[\"ifx-status.cjs\",[[257,\"ifx-status\",{\"label\":[1],\"border\":[4],\"color\":[1]}]]],[\"ifx-stepper.cjs\",[[257,\"ifx-stepper\",{\"activeStep\":[1026,\"active-step\"],\"indicatorPosition\":[1,\"indicator-position\"],\"showStepNumber\":[4,\"show-step-number\"],\"variant\":[1],\"ariaLabel\":[1,\"aria-label\"],\"ariaCurrent\":[1,\"aria-current\"],\"stepsCount\":[32],\"shouldEmitEvent\":[32],\"emittedByClick\":[32]},[[0,\"ifxChange\",\"onStepChange\"]],{\"activeStep\":[\"handleActiveStep\"]}]]],[\"ifx-switch.cjs\",[[257,\"ifx-switch\",{\"checked\":[4],\"name\":[1],\"disabled\":[4],\"value\":[1],\"internalChecked\":[32],\"isChecked\":[64]},null,{\"checked\":[\"valueChanged\"]}]]],[\"ifx-tab.cjs\",[[260,\"ifx-tab\",{\"header\":[1],\"disabled\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"]}]]],[\"ifx-textarea.cjs\",[[257,\"ifx-textarea\",{\"caption\":[1],\"cols\":[2],\"disabled\":[4],\"error\":[4],\"label\":[1],\"maxlength\":[2],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"resize\":[1],\"rows\":[2],\"value\":[1025],\"wrap\":[1],\"fullWidth\":[513,\"full-width\"],\"reset\":[64]}]]],[\"ifx-tree-view.cjs\",[[257,\"ifx-tree-view\",{\"label\":[1],\"disableAllItems\":[4,\"disable-all-items\"],\"expandAllItems\":[4,\"expand-all-items\"],\"ariaLabel\":[1,\"aria-label\"]},null,{\"expandAllItems\":[\"handleExpandAllItemsChange\"],\"disableAllItems\":[\"handleDisableAllItemsChange\"]}]]],[\"ifx-notification.cjs\",[[257,\"ifx-notification\",{\"icon\":[1],\"variant\":[1],\"linkText\":[1,\"link-text\"],\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ifx-progress-bar.cjs\",[[257,\"ifx-progress-bar\",{\"value\":[2],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"internalValue\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"ifx-radio-button.cjs\",[[257,\"ifx-radio-button\",{\"disabled\":[4],\"value\":[1],\"error\":[4],\"size\":[513],\"name\":[513],\"checked\":[1028],\"internalChecked\":[32],\"hasSlot\":[32],\"isChecked\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[4,\"change\",\"handleExternalChange\"]],{\"checked\":[\"handleCheckedChange\"],\"internalChecked\":[\"updateFormValue\"],\"error\":[\"errorChanged\"]}]]],[\"ifx-alert_2.cjs\",[[257,\"ifx-template\",{\"name\":[1],\"thumbnail\":[1],\"repoDetails\":[32],\"repoUrl\":[32],\"showDetails\":[32],\"isTemplatePage\":[32],\"isLoading\":[32],\"repoError\":[32],\"toggleTemplate\":[64]}],[257,\"ifx-alert\",{\"variant\":[1],\"icon\":[1],\"closable\":[4],\"AriaLive\":[1,\"aria-live\"],\"uniqueId\":[32]}]]],[\"ifx-multiselect_2.cjs\",[[257,\"ifx-multiselect\",{\"name\":[1],\"disabled\":[4],\"required\":[4],\"error\":[4],\"caption\":[1],\"label\":[1],\"placeholder\":[1],\"showSearch\":[4,\"show-search\"],\"showSelectAll\":[4,\"show-select-all\"],\"showClearButton\":[4,\"show-clear-button\"],\"showExpandCollapse\":[4,\"show-expand-collapse\"],\"noResultsMessage\":[1,\"no-results-message\"],\"showNoResultsMessage\":[4,\"show-no-results-message\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"expandLabel\":[1,\"expand-label\"],\"collapseLabel\":[1,\"collapse-label\"],\"ariaMultiSelectLabel\":[1,\"aria-multi-select-label\"],\"ariaMultiSelectLabelledBy\":[1,\"aria-multi-select-labelled-by\"],\"ariaMultiSelectDescribedBy\":[1,\"aria-multi-select-described-by\"],\"ariaSearchLabel\":[1,\"aria-search-label\"],\"ariaClearLabel\":[1,\"aria-clear-label\"],\"ariaToggleLabel\":[1,\"aria-toggle-label\"],\"ariaSelectAllLabel\":[1,\"aria-select-all-label\"],\"ariaExpandAllLabel\":[1,\"aria-expand-all-label\"],\"ariaCollapseAllLabel\":[1,\"aria-collapse-all-label\"],\"internalError\":[32],\"persistentSelectedOptions\":[32],\"dropdownOpen\":[32],\"dropdownFlipped\":[32],\"searchTerm\":[32],\"clearSelection\":[64]},null,{\"error\":[\"updateInternalError\"],\"persistentSelectedOptions\":[\"onSelectionChange\"]}],[257,\"ifx-multiselect-option\",{\"value\":[1],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[1540],\"isExpanded\":[32],\"hasChildren\":[32],\"depth\":[32],\"searchTerm\":[32],\"isSearchActive\":[32],\"isSearchDisabled\":[32]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"ifx-accordion_2.cjs\",[[257,\"ifx-accordion-item\",{\"caption\":[1],\"open\":[1028],\"AriaLevel\":[2,\"aria-level\"],\"internalOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"]],{\"open\":[\"openChanged\"]}],[273,\"ifx-accordion\",{\"autoCollapse\":[4,\"auto-collapse\"]},[[0,\"ifxOpen\",\"onItemOpen\"]]]]],[\"ifx-select.cjs\",[[256,\"ifx-select\",{\"value\":[1],\"name\":[1],\"items\":[16],\"choices\":[1],\"renderChoiceLimit\":[2,\"render-choice-limit\"],\"maxItemCount\":[2,\"max-item-count\"],\"addItems\":[4,\"add-items\"],\"removeItems\":[4,\"remove-items\"],\"removeItemButton\":[4,\"remove-item-button\"],\"editItems\":[4,\"edit-items\"],\"duplicateItemsAllowed\":[4,\"duplicate-items-allowed\"],\"delimiter\":[1],\"paste\":[4],\"showSearch\":[4,\"show-search\"],\"searchChoices\":[4,\"search-choices\"],\"searchFields\":[1,\"search-fields\"],\"searchFloor\":[2,\"search-floor\"],\"searchResultLimit\":[2,\"search-result-limit\"],\"position\":[1],\"resetScrollPosition\":[4,\"reset-scroll-position\"],\"shouldSort\":[4,\"should-sort\"],\"shouldSortItems\":[4,\"should-sort-items\"],\"sorter\":[16],\"placeholder\":[8],\"searchPlaceholderValue\":[1,\"search-placeholder-value\"],\"prependValue\":[1,\"prepend-value\"],\"appendValue\":[1,\"append-value\"],\"renderSelectedChoices\":[1,\"render-selected-choices\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"noChoicesText\":[1,\"no-choices-text\"],\"itemSelectText\":[1,\"item-select-text\"],\"addItemText\":[1,\"add-item-text\"],\"maxItemText\":[1,\"max-item-text\"],\"uniqueItemText\":[1,\"unique-item-text\"],\"classNames\":[16,\"class-names\"],\"fuseOptions\":[16,\"fuse-options\"],\"addItemFilter\":[1,\"add-item-filter\"],\"customAddItemText\":[1,\"custom-add-item-text\"],\"callbackOnInit\":[16,\"callback-on-init\"],\"callbackOnCreateTemplates\":[16,\"callback-on-create-templates\"],\"valueComparer\":[16,\"value-comparer\"],\"error\":[4],\"label\":[1],\"caption\":[1],\"disabled\":[4],\"required\":[4],\"placeholderValue\":[1,\"placeholder-value\"],\"options\":[1025],\"size\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"selectedOption\":[32],\"optionIsSelected\":[32],\"clearSelection\":[64],\"handleChange\":[64],\"highlightItem\":[64],\"unhighlightItem\":[64],\"highlightAll\":[64],\"unhighlightAll\":[64],\"removeActiveItemsByValue\":[64],\"removeActiveItems\":[64],\"removeHighlightedItems\":[64],\"showDropdown\":[64],\"hideDropdown\":[64],\"getValue\":[64],\"setValue\":[64],\"setChoiceByValue\":[64],\"setChoices\":[64],\"clearChoices\":[64],\"clearStore\":[64],\"clearInput\":[64],\"ajax\":[64],\"handleDeleteIcon\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"disabled\":[\"watchDisabled\"]}]]],[\"ifx-spinner_2.cjs\",[[257,\"ifx-spinner\",{\"size\":[1],\"variant\":[1],\"inverted\":[4],\"ariaLabel\":[1,\"aria-label\"]}],[257,\"ifx-text-field\",{\"placeholder\":[1],\"value\":[1025],\"error\":[4],\"label\":[1],\"icon\":[1],\"caption\":[1],\"size\":[1],\"required\":[4],\"success\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"maxlength\":[2],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"autocomplete\":[1],\"type\":[1],\"internalId\":[1,\"internal-id\"],\"internalType\":[32],\"reset\":[64]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ifx-search-field.cjs\",[[257,\"ifx-search-field\",{\"value\":[1025],\"suggestions\":[16],\"showSuggestions\":[4,\"show-suggestions\"],\"maxSuggestions\":[2,\"max-suggestions\"],\"maxHistoryItems\":[2,\"max-history-items\"],\"enableHistory\":[4,\"enable-history\"],\"historyKey\":[1,\"history-key\"],\"historyHeaderText\":[1,\"history-header-text\"],\"ariaLabel\":[1,\"aria-label\"],\"ariaLabelledBy\":[1,\"aria-labelled-by\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"deleteIconAriaLabel\":[1,\"delete-icon-aria-label\"],\"historyDeleteAriaLabel\":[1,\"history-delete-aria-label\"],\"dropdownAriaLabel\":[1,\"dropdown-aria-label\"],\"suggestionAriaLabel\":[1,\"suggestion-aria-label\"],\"historyItemAriaLabel\":[1,\"history-item-aria-label\"],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"disabled\":[4],\"size\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"maxlength\":[2],\"showDropdown\":[32],\"filteredSuggestions\":[32],\"selectedSuggestionIndex\":[32],\"searchHistory\":[32],\"showDeleteIconInternalState\":[32],\"isFocused\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"valueWatcher\"],\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"ifx-icon-button.cjs\",[[257,\"ifx-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"icon\":[1],\"href\":[1],\"target\":[1],\"shape\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalIcon\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleClick\"]],{\"icon\":[\"updateIcon\"]}]]],[\"ifx-button.cjs\",[[257,\"ifx-button\",{\"variant\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4],\"href\":[1],\"target\":[1],\"type\":[1],\"fullWidth\":[4,\"full-width\"],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[2,\"click\",\"handleHostClick\"]],{\"href\":[\"setInternalHref\"]}]]],[\"ifx-indicator.cjs\",[[257,\"ifx-indicator\",{\"inverted\":[4],\"ariaLabel\":[1,\"aria-label\"],\"variant\":[1],\"number\":[2],\"filteredNumber\":[32]}]]],[\"ifx-checkbox.cjs\",[[257,\"ifx-checkbox\",{\"disabled\":[4],\"checked\":[4],\"error\":[4],\"size\":[1],\"indeterminate\":[4],\"value\":[1],\"internalChecked\":[32],\"internalIndeterminate\":[32],\"isChecked\":[64],\"toggleCheckedState\":[64]},null,{\"checked\":[\"valueChanged\"],\"error\":[\"errorChanged\"],\"indeterminate\":[\"indeterminateChanged\"]}]]],[\"ifx-chip_3.cjs\",[[257,\"ifx-pagination\",{\"currentPage\":[2,\"current-page\"],\"showItemsPerPage\":[4,\"show-items-per-page\"],\"total\":[2],\"itemsPerPage\":[1,\"items-per-page\"],\"internalPage\":[32],\"internalItemsPerPage\":[32],\"numberOfPages\":[32],\"filteredItemsPerPage\":[32],\"visiblePages\":[32]},[[0,\"ifxSelect\",\"setItemsPerPage\"]],{\"total\":[\"watchTotalHandler\"],\"currentPage\":[\"currentPageWatcher\"]}],[257,\"ifx-chip\",{\"placeholder\":[1],\"size\":[1],\"value\":[1025],\"variant\":[1],\"theme\":[1],\"readOnly\":[4,\"read-only\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"icon\":[1],\"opened\":[32],\"selectedOptions\":[32]},[[5,\"mousedown\",\"closeDropdownOnOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"ifxChipItemSelect\",\"updateSelectedOptions\"]],{\"value\":[\"handleValueChange\"],\"readOnly\":[\"handleReadOnlyChange\"]}],[257,\"ifx-chip-item\",{\"value\":[1],\"chipState\":[16,\"chip-state\"],\"selected\":[1540]},[[16,\"ifxChipItemSelect\",\"updateItemSelection\"]],{\"selected\":[\"validateSelected\"]}]]],[\"ifx-link.cjs\",[[257,\"ifx-link\",{\"href\":[1],\"target\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"download\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"internalTarget\":[32],\"internalVariant\":[32]}]]],[\"ifx-icon.cjs\",[[256,\"ifx-icon\",{\"icon\":[1025],\"ifxIcon\":[1032,\"ifx-icon\"],\"internalIcon\":[32]},null,{\"icon\":[\"updateIcon\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"ifx-table.cjs\",[[257,\"ifx-table\",{\"cols\":[8],\"rows\":[8],\"buttonRendererOptions\":[16,\"button-renderer-options\"],\"iconButtonRendererOptions\":[16,\"icon-button-renderer-options\"],\"checkboxRendererOptions\":[16,\"checkbox-renderer-options\"],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"pagination\":[4],\"paginationItemsPerPage\":[1,\"pagination-items-per-page\"],\"filterOrientation\":[1,\"filter-orientation\"],\"headline\":[1],\"variant\":[1],\"serverSidePagination\":[4,\"server-side-pagination\"],\"serverPageChangeHandler\":[16,\"server-page-change-handler\"],\"enableSelection\":[4,\"enable-selection\"],\"showLoading\":[4,\"show-loading\"],\"currentPage\":[32],\"rowData\":[32],\"colData\":[32],\"filterOptions\":[32],\"currentFilters\":[32],\"uniqueKey\":[32],\"paginationPageSize\":[32],\"showSidebarFilters\":[32],\"matchingResultsCount\":[32],\"selectedRows\":[32],\"selectAll\":[32],\"selectedRowsData\":[32],\"onBtShowLoading\":[64]},[[0,\"ifxItemsPerPageChange\",\"handleResultsPerPageChange\"],[0,\"ifxChange\",\"handleChipChange\"]],{\"rows\":[\"rowsChanged\"],\"cols\":[\"colsChanged\"],\"buttonRendererOptions\":[\"onButtonRendererOptionsChanged\"],\"iconButtonRendererOptions\":[\"onIconButtonRendererOptionsChanged\"],\"checkboxRendererOptions\":[\"onCheckboxRendererOptionsChanged\"]}]]],[\"ifx-templates-ui.cjs\",[[257,\"ifx-templates-ui\",null,[[0,\"fieldError\",\"handleError\"],[0,\"toggleTemplates\",\"filterTemplates\"]]]]],[\"ifx-set-filter.cjs\",[[257,\"ifx-set-filter\",{\"filterName\":[1,\"filter-name\"],\"filterLabel\":[1,\"filter-label\"],\"placeholder\":[1],\"type\":[1],\"options\":[1],\"filterValues\":[32]}]]],[\"ifx-file-upload.cjs\",[[257,\"ifx-file-upload\",{\"dragAndDrop\":[4,\"drag-and-drop\"],\"required\":[4],\"disabled\":[4],\"maxFileSizeMB\":[2,\"max-file-size-m-b\"],\"allowedFileTypes\":[1,\"allowed-file-types\"],\"additionalAllowedFileTypes\":[1,\"additional-allowed-file-types\"],\"allowAnyFileType\":[4,\"allow-any-file-type\"],\"allowedFileExtensions\":[1,\"allowed-file-extensions\"],\"uploadHandler\":[16,\"upload-handler\"],\"maxFiles\":[6146,\"max-files\"],\"label\":[1],\"labelRequiredError\":[1,\"label-required-error\"],\"labelBrowseFiles\":[1,\"label-browse-files\"],\"labelDragAndDrop\":[1,\"label-drag-and-drop\"],\"labelUploadedFilesHeading\":[1,\"label-uploaded-files-heading\"],\"labelFileTooLarge\":[1,\"label-file-too-large\"],\"labelUnsupportedFileType\":[1,\"label-unsupported-file-type\"],\"labelUploaded\":[1,\"label-uploaded\"],\"labelUploadFailed\":[1,\"label-upload-failed\"],\"labelSupportedFormatsTemplate\":[1,\"label-supported-formats-template\"],\"labelFileSingular\":[1,\"label-file-singular\"],\"labelFilePlural\":[1,\"label-file-plural\"],\"labelMaxFilesInfo\":[1,\"label-max-files-info\"],\"labelMaxFilesExceeded\":[1,\"label-max-files-exceeded\"],\"ariaLabelBrowseFiles\":[1,\"aria-label-browse-files\"],\"ariaLabelDropzone\":[1,\"aria-label-dropzone\"],\"ariaLabelFileInput\":[1,\"aria-label-file-input\"],\"ariaLabelRemoveFile\":[1,\"aria-label-remove-file\"],\"ariaLabelCancelUpload\":[1,\"aria-label-cancel-upload\"],\"ariaLabelRetryUpload\":[1,\"aria-label-retry-upload\"],\"ariaLabelUploadingStatus\":[1,\"aria-label-uploading-status\"],\"ariaLabelUploadedStatus\":[1,\"aria-label-uploaded-status\"],\"ariaLabelUploadFailedStatus\":[1,\"aria-label-upload-failed-status\"],\"isDragOver\":[32],\"files\":[32],\"uploadTasks\":[32],\"rejectedSizeFiles\":[32],\"rejectedTypeFiles\":[32],\"requiredError\":[32],\"statusMessage\":[32],\"injectDemoState\":[64],\"triggerDemoValidation\":[64]}]]],[\"ifx-icons-preview.cjs\",[[257,\"ifx-icons-preview\",{\"iconsArray\":[32],\"isCopied\":[32],\"copiedIndex\":[32],\"copiedIcon\":[32],\"htmlTag\":[32],\"iconName\":[32],\"searchTerm\":[32]}]]],[\"ifx-faq.cjs\",[[257,\"ifx-faq\"]]],[\"ifx-list-entry.cjs\",[[257,\"ifx-list-entry\",{\"value\":[1028],\"label\":[1],\"type\":[1]},[[0,\"ifxChange\",\"handleFilterEntryChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-overview-table.cjs\",[[257,\"ifx-overview-table\"]]],[\"ifx-dropdown-trigger-button.cjs\",[[257,\"ifx-dropdown-trigger-button\",{\"isOpen\":[4,\"is-open\"],\"theme\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"hideArrow\":[4,\"hide-arrow\"]}]]],[\"ifx-filter-accordion.cjs\",[[257,\"ifx-filter-accordion\",{\"maxVisibleItems\":[2,\"max-visible-items\"],\"filterGroupName\":[1,\"filter-group-name\"],\"expanded\":[32],\"count\":[32],\"totalItems\":[32]}]]],[\"ifx-filter-bar.cjs\",[[257,\"ifx-filter-bar\",{\"maxShownFilters\":[2,\"max-shown-filters\"],\"showMoreFiltersButton\":[4,\"show-more-filters-button\"],\"selectedOptions\":[32],\"showAllFilters\":[32],\"visibleSlots\":[32]}]]],[\"ifx-filter-search.cjs\",[[257,\"ifx-filter-search\",{\"filterName\":[1,\"filter-name\"],\"disabled\":[4],\"filterValue\":[1025,\"filter-value\"],\"filterKey\":[1,\"filter-key\"],\"filterOrientation\":[1,\"filter-orientation\"],\"placeholder\":[1],\"showDeleteIcon\":[32]},[[0,\"ifxInput\",\"handleFilterSearchChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-list.cjs\",[[257,\"ifx-list\",{\"name\":[1],\"maxVisibleItems\":[2,\"max-visible-items\"],\"type\":[1],\"resetTrigger\":[1028,\"reset-trigger\"],\"expanded\":[32],\"showMore\":[32],\"selectedCount\":[32],\"totalItems\":[32],\"internalResetTrigger\":[32]},null,{\"type\":[\"handleTypeChange\"],\"resetTrigger\":[\"resetTriggerChanged\"]}]]],[\"ifx-modal.cjs\",[[257,\"ifx-modal\",{\"opened\":[1540],\"caption\":[1],\"captionAriaLabel\":[1,\"caption-aria-label\"],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"variant\":[1],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"okButtonLabel\":[1,\"ok-button-label\"],\"cancelButtonLabel\":[1,\"cancel-button-label\"],\"closeButtonAriaLabel\":[1,\"close-button-aria-label\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32]},null,{\"opened\":[\"openedChanged\"]}]]],[\"ifx-navbar-item.cjs\",[[257,\"ifx-navbar-item\",{\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"href\":[1],\"target\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"numberIndicator\":[2,\"number-indicator\"],\"dotIndicator\":[4,\"dot-indicator\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"isSidebarMenuItem\":[32],\"itemPosition\":[32],\"hideComponent\":[64],\"showComponent\":[64],\"toggleChildren\":[64],\"moveChildComponentsIntoSubLayerMenu\":[64],\"toggleFirstLayerItem\":[64],\"addMenuItemClass\":[64],\"moveChildComponentsBackIntoNavbar\":[64],\"returnToFirstLayer\":[64],\"setMenuItemPosition\":[64],\"setItemSideSpecifications\":[64]},[[0,\"focusout\",\"handleFocusOut\"],[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-search-bar.cjs\",[[257,\"ifx-search-bar\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"value\":[1025],\"maxlength\":[2],\"autocomplete\":[1],\"internalState\":[32],\"onNavbarMobile\":[64]},null,{\"isOpen\":[\"handlePropChange\"]}]]],[\"ifx-sidebar-item.cjs\",[[257,\"ifx-sidebar-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"numberIndicator\":[2,\"number-indicator\"],\"active\":[4],\"isActionItem\":[4,\"is-action-item\"],\"handleItemClick\":[16,\"handle-item-click\"],\"showIcon\":[32],\"showIconWrapper\":[32],\"internalHref\":[32],\"isExpandable\":[32],\"isNested\":[32],\"isSubMenuItem\":[32],\"indicatorVariant\":[32],\"internalActiveState\":[32],\"setActiveClasses\":[64],\"expandMenu\":[64],\"isItemExpandable\":[64]},[[0,\"consoleError\",\"handleConsoleError\"]],{\"active\":[\"handleActiveChange\"],\"numberIndicator\":[\"handleNumberIndicatorChange\"]}]]],[\"ifx-tabs.cjs\",[[257,\"ifx-tabs\",{\"orientation\":[1],\"activeTabIndex\":[1026,\"active-tab-index\"],\"fullWidth\":[4,\"full-width\"],\"internalOrientation\":[32],\"internalActiveTabIndex\":[32],\"tabObjects\":[32],\"canScrollLeft\":[32],\"canScrollRight\":[32]},[[9,\"resize\",\"updateBorderOnWindowResize\"],[0,\"tabHeaderChange\",\"handleTabHeaderChange\"],[0,\"slotchange\",\"onSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"activeTabIndex\":[\"activeTabIndexChanged\"]}]]],[\"ifx-tree-view-item.cjs\",[[257,\"ifx-tree-view-item\",{\"expanded\":[1540],\"initiallyExpanded\":[4,\"initially-expanded\"],\"disableItem\":[4,\"disable-item\"],\"ariaLabel\":[1,\"aria-label\"],\"initiallySelected\":[4,\"initially-selected\"],\"value\":[1],\"hasChildren\":[32],\"isChecked\":[32],\"partialChecked\":[32],\"level\":[32],\"disableAllItems\":[32],\"expandAllItems\":[32],\"suppressExpandEvents\":[32]},null,{\"expanded\":[\"handleExpandedChange\"],\"disableItem\":[\"handleDisableItemChange\"]}]]],[\"ifx-breadcrumb-item-label.cjs\",[[257,\"ifx-breadcrumb-item-label\",{\"icon\":[1],\"href\":[1],\"target\":[1]}]]],[\"ifx-checkbox-group.cjs\",[[257,\"ifx-checkbox-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"required\":[4],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleCheckboxError\"]]]]],[\"ifx-date-picker.cjs\",[[257,\"ifx-date-picker\",{\"size\":[1],\"error\":[4],\"success\":[4],\"disabled\":[4],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1],\"type\":[1],\"max\":[1],\"min\":[1],\"required\":[4],\"label\":[1],\"caption\":[1],\"autocomplete\":[1]}]]],[\"ifx-download.cjs\",[[257,\"ifx-download\",{\"tokens\":[1]}]]],[\"ifx-dropdown-item.cjs\",[[257,\"ifx-dropdown-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"hide\":[4],\"size\":[32]},[[16,\"menuSize\",\"handleMenuSize\"]]]]],[\"ifx-navbar.cjs\",[[257,\"ifx-navbar\",{\"applicationName\":[1,\"application-name\"],\"fixed\":[4],\"showLogoAndAppname\":[4,\"show-logo-and-appname\"],\"logoHref\":[1,\"logo-href\"],\"logoHrefTarget\":[1,\"logo-href-target\"],\"main\":[32],\"products\":[32],\"applications\":[32],\"design\":[32],\"support\":[32],\"about\":[32],\"hasLeftMenuItems\":[32],\"searchBarIsOpen\":[32],\"internalLogoHref\":[32],\"internalLogoHrefTarget\":[32]},[[0,\"ifxNavItem\",\"clearFirstLayerMenu\"],[0,\"ifxOpen\",\"handleSearchBarToggle\"]]]]],[\"ifx-radio-button-group.cjs\",[[257,\"ifx-radio-button-group\",{\"alignment\":[1],\"size\":[1],\"showGroupLabel\":[4,\"show-group-label\"],\"groupLabelText\":[1,\"group-label-text\"],\"showCaption\":[4,\"show-caption\"],\"captionText\":[1,\"caption-text\"],\"showCaptionIcon\":[4,\"show-caption-icon\"],\"required\":[4],\"hasErrors\":[32],\"setGroupError\":[64]},[[0,\"ifxError\",\"handleRadioButtonError\"]]]]],[\"ifx-segment.cjs\",[[257,\"ifx-segment\",{\"icon\":[1],\"segmentIndex\":[2,\"segment-index\"],\"selected\":[1028],\"value\":[1]}]]],[\"ifx-segmented-control.cjs\",[[257,\"ifx-segmented-control\",{\"caption\":[1],\"label\":[1],\"size\":[1],\"required\":[4],\"error\":[4]},[[0,\"segmentSelect\",\"onSegmentSelect\"]]]]],[\"ifx-sidebar.cjs\",[[257,\"ifx-sidebar\",{\"applicationName\":[1,\"application-name\"],\"initialCollapse\":[4,\"initial-collapse\"],\"showFooter\":[4,\"show-footer\"],\"showHeader\":[4,\"show-header\"],\"termsOfUse\":[1,\"terms-of-use\"],\"imprint\":[1],\"privacyPolicy\":[1,\"privacy-policy\"],\"target\":[1],\"copyrightText\":[1,\"copyright-text\"],\"collapsible\":[4],\"collapsed\":[4],\"hideMenuLabel\":[1,\"hide-menu-label\"],\"currentYear\":[32],\"internalTermsofUse\":[32],\"internalImprint\":[32],\"internalPrivacyPolicy\":[32],\"internalShowFooter\":[32],\"activeItem\":[32],\"isCollapsed\":[32],\"toggleCollapse\":[64],\"collapse\":[64],\"expand\":[64]},[[0,\"ifxSidebarMenu\",\"handleSidebarItemInteraction\"],[0,\"ifxSidebarNavigationItem\",\"handleSidebarItemActivated\"]],{\"collapsible\":[\"handleCollapsibleChange\"],\"collapsed\":[\"handleCollapsedPropChange\"]}]]],[\"ifx-slider.cjs\",[[257,\"ifx-slider\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"minValueHandle\":[2,\"min-value-handle\"],\"maxValueHandle\":[2,\"max-value-handle\"],\"disabled\":[4],\"showPercentage\":[4,\"show-percentage\"],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"leftText\":[1,\"left-text\"],\"rightText\":[1,\"right-text\"],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalValue\":[32],\"percentage\":[32],\"internalMinValue\":[32],\"internalMaxValue\":[32]},null,{\"value\":[\"valueChanged\"],\"minValueHandle\":[\"minValueChanged\"],\"maxValueHandle\":[\"maxValueChanged\"]}]]],[\"ifx-step.cjs\",[[257,\"ifx-step\",{\"complete\":[4],\"disabled\":[4],\"error\":[1028],\"lastStep\":[4,\"last-step\"],\"stepId\":[2,\"step-id\"],\"stepperState\":[16,\"stepper-state\"],\"active\":[32],\"clickable\":[32]},[[4,\"ifxChange\",\"onStepChange\"]],{\"stepperState\":[\"updateCurrentStep\"],\"active\":[\"updateErrorState\"]}]]],[\"ifx-tooltip.cjs\",[[257,\"ifx-tooltip\",{\"header\":[1],\"text\":[1],\"position\":[1],\"ariaLabel\":[1,\"aria-label\"],\"variant\":[1],\"icon\":[1],\"tooltipVisible\":[32],\"internalPosition\":[32]},null,{\"position\":[\"positionChanged\"]}]]],[\"ifx-action-list.cjs\",[[257,\"ifx-action-list\",{\"listAriaLabel\":[1,\"list-aria-label\"]}]]],[\"ifx-action-list-item.cjs\",[[257,\"ifx-action-list-item\",{\"itemTitle\":[1,\"item-title\"],\"description\":[1],\"value\":[1],\"href\":[1],\"target\":[1],\"disabled\":[4],\"itemAriaLabel\":[1,\"item-aria-label\"]},null,{\"disabled\":[\"onDisabledChange\"]}]]],[\"ifx-basic-table.cjs\",[[256,\"ifx-basic-table\",{\"cols\":[1],\"rows\":[1],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"variant\":[1],\"gridOptions\":[32],\"columnDefs\":[32],\"rowData\":[32],\"uniqueKey\":[32]}]]],[\"ifx-breadcrumb.cjs\",[[257,\"ifx-breadcrumb\"]]],[\"ifx-breadcrumb-item.cjs\",[[257,\"ifx-breadcrumb-item\",{\"isLastItem\":[32],\"uniqueId\":[32],\"hasDropdownMenu\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"breadcrumbMenuIconWrapper\",\"menuWrapperEventReEmitter\"]]]]],[\"ifx-card.cjs\",[[257,\"ifx-card\",{\"direction\":[1],\"href\":[1],\"target\":[1],\"ariaLabel\":[1,\"aria-label\"],\"noBtns\":[32],\"alignment\":[32],\"noImg\":[32],\"internalHref\":[32]},[[0,\"imgPosition\",\"setImgPosition\"]]]]],[\"ifx-card-headline.cjs\",[[257,\"ifx-card-headline\",{\"direction\":[32],\"hasDesc\":[32]}]]],[\"ifx-card-image.cjs\",[[257,\"ifx-card-image\",{\"src\":[1],\"alt\":[1],\"position\":[1]}]]],[\"ifx-card-links.cjs\",[[257,\"ifx-card-links\"]]],[\"ifx-card-overline.cjs\",[[257,\"ifx-card-overline\"]]],[\"ifx-card-text.cjs\",[[257,\"ifx-card-text\",{\"hasBtn\":[32]}]]],[\"ifx-content-switcher.cjs\",[[257,\"ifx-content-switcher\",{\"items\":[32],\"activeIndex\":[32],\"hoverIndex\":[32],\"focusIndex\":[32],\"dividers\":[32]}]]],[\"ifx-content-switcher-item.cjs\",[[257,\"ifx-content-switcher-item\",{\"selected\":[4],\"value\":[1]}]]],[\"ifx-dropdown.cjs\",[[257,\"ifx-dropdown\",{\"placement\":[1],\"defaultOpen\":[4,\"default-open\"],\"noAppendToBody\":[4,\"no-append-to-body\"],\"disabled\":[4],\"noCloseOnOutsideClick\":[4,\"no-close-on-outside-click\"],\"noCloseOnMenuClick\":[4,\"no-close-on-menu-click\"],\"internalIsOpen\":[32],\"trigger\":[32],\"menu\":[32],\"isOpen\":[64],\"closeDropdown\":[64],\"openDropdown\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"],[4,\"focusin\",\"handleFocusOutside\"],[0,\"slotchange\",\"watchHandlerSlot\"]],{\"defaultOpen\":[\"watchHandlerIsOpen\"],\"disabled\":[\"watchHandlerDisabled\"]}]]],[\"ifx-dropdown-header.cjs\",[[257,\"ifx-dropdown-header\"]]],[\"ifx-dropdown-menu.cjs\",[[257,\"ifx-dropdown-menu\",{\"isOpen\":[4,\"is-open\"],\"size\":[1],\"hideTopPadding\":[32],\"filteredItems\":[32]},[[0,\"ifxInput\",\"handleMenuFilter\"],[0,\"ifxDropdownItem\",\"handleDropdownItemValueEmission\"]]]]],[\"ifx-dropdown-separator.cjs\",[[257,\"ifx-dropdown-separator\"]]],[\"ifx-dropdown-trigger.cjs\",[[257,\"ifx-dropdown-trigger\",{\"isOpen\":[4,\"is-open\"]}]]],[\"ifx-filter-type-group.cjs\",[[257,\"ifx-filter-type-group\",{\"selectedOptions\":[32]}]]],[\"ifx-footer.cjs\",[[257,\"ifx-footer\",{\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32]}]]],[\"ifx-footer-column.cjs\",[[257,\"ifx-footer-column\"]]],[\"ifx-navbar-profile.cjs\",[[257,\"ifx-navbar-profile\",{\"showLabel\":[4,\"show-label\"],\"href\":[1],\"imageUrl\":[1,\"image-url\"],\"target\":[1],\"alt\":[1],\"userName\":[1,\"user-name\"],\"internalHref\":[32],\"isMenuItem\":[32],\"hasChildNavItems\":[32],\"internalImageUrl\":[32],\"hideComponent\":[64],\"showComponent\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-sidebar-title.cjs\",[[257,\"ifx-sidebar-title\",{\"showInCollapsed\":[4,\"show-in-collapsed\"]}]]],[\"ifx-status.cjs\",[[257,\"ifx-status\",{\"label\":[1],\"border\":[4],\"color\":[1]}]]],[\"ifx-stepper.cjs\",[[257,\"ifx-stepper\",{\"activeStep\":[1026,\"active-step\"],\"indicatorPosition\":[1,\"indicator-position\"],\"showStepNumber\":[4,\"show-step-number\"],\"variant\":[1],\"ariaLabel\":[1,\"aria-label\"],\"ariaCurrent\":[1,\"aria-current\"],\"stepsCount\":[32],\"shouldEmitEvent\":[32],\"emittedByClick\":[32]},[[0,\"ifxChange\",\"onStepChange\"]],{\"activeStep\":[\"handleActiveStep\"]}]]],[\"ifx-switch.cjs\",[[257,\"ifx-switch\",{\"checked\":[4],\"name\":[1],\"disabled\":[4],\"value\":[1],\"internalChecked\":[32],\"isChecked\":[64]},null,{\"checked\":[\"valueChanged\"]}]]],[\"ifx-tab.cjs\",[[260,\"ifx-tab\",{\"header\":[1],\"disabled\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"]}]]],[\"ifx-textarea.cjs\",[[257,\"ifx-textarea\",{\"caption\":[1],\"cols\":[2],\"disabled\":[4],\"error\":[4],\"label\":[1],\"maxlength\":[2],\"name\":[1],\"placeholder\":[1],\"required\":[4],\"readOnly\":[4,\"read-only\"],\"resize\":[1],\"rows\":[2],\"value\":[1025],\"wrap\":[1],\"fullWidth\":[513,\"full-width\"],\"reset\":[64]}]]],[\"ifx-tree-view.cjs\",[[257,\"ifx-tree-view\",{\"label\":[1],\"disableAllItems\":[4,\"disable-all-items\"],\"expandAllItems\":[4,\"expand-all-items\"],\"ariaLabel\":[1,\"aria-label\"]},null,{\"expandAllItems\":[\"handleExpandAllItemsChange\"],\"disableAllItems\":[\"handleDisableAllItemsChange\"]}]]],[\"ifx-notification.cjs\",[[257,\"ifx-notification\",{\"icon\":[1],\"variant\":[1],\"linkText\":[1,\"link-text\"],\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ifx-progress-bar.cjs\",[[257,\"ifx-progress-bar\",{\"value\":[2],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"internalValue\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"ifx-radio-button.cjs\",[[257,\"ifx-radio-button\",{\"disabled\":[4],\"value\":[1],\"error\":[4],\"size\":[513],\"name\":[513],\"checked\":[1028],\"internalChecked\":[32],\"hasSlot\":[32],\"isChecked\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[4,\"change\",\"handleExternalChange\"]],{\"checked\":[\"handleCheckedChange\"],\"internalChecked\":[\"updateFormValue\"],\"error\":[\"errorChanged\"]}]]],[\"ifx-alert_2.cjs\",[[257,\"ifx-template\",{\"name\":[1],\"thumbnail\":[1],\"repoDetails\":[32],\"repoUrl\":[32],\"showDetails\":[32],\"isTemplatePage\":[32],\"isLoading\":[32],\"repoError\":[32],\"toggleTemplate\":[64]}],[257,\"ifx-alert\",{\"variant\":[1],\"icon\":[1],\"closable\":[4],\"AriaLive\":[1,\"aria-live\"],\"uniqueId\":[32]}]]],[\"ifx-multiselect_2.cjs\",[[257,\"ifx-multiselect\",{\"name\":[1],\"disabled\":[4],\"required\":[4],\"error\":[4],\"caption\":[1],\"label\":[1],\"placeholder\":[1],\"showSearch\":[4,\"show-search\"],\"showSelectAll\":[4,\"show-select-all\"],\"showClearButton\":[4,\"show-clear-button\"],\"showExpandCollapse\":[4,\"show-expand-collapse\"],\"noResultsMessage\":[1,\"no-results-message\"],\"showNoResultsMessage\":[4,\"show-no-results-message\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectAllLabel\":[1,\"select-all-label\"],\"expandLabel\":[1,\"expand-label\"],\"collapseLabel\":[1,\"collapse-label\"],\"ariaMultiSelectLabel\":[1,\"aria-multi-select-label\"],\"ariaMultiSelectLabelledBy\":[1,\"aria-multi-select-labelled-by\"],\"ariaMultiSelectDescribedBy\":[1,\"aria-multi-select-described-by\"],\"ariaSearchLabel\":[1,\"aria-search-label\"],\"ariaClearLabel\":[1,\"aria-clear-label\"],\"ariaToggleLabel\":[1,\"aria-toggle-label\"],\"ariaSelectAllLabel\":[1,\"aria-select-all-label\"],\"ariaExpandAllLabel\":[1,\"aria-expand-all-label\"],\"ariaCollapseAllLabel\":[1,\"aria-collapse-all-label\"],\"internalError\":[32],\"persistentSelectedOptions\":[32],\"dropdownOpen\":[32],\"dropdownFlipped\":[32],\"searchTerm\":[32],\"clearSelection\":[64]},null,{\"error\":[\"updateInternalError\"],\"persistentSelectedOptions\":[\"onSelectionChange\"]}],[257,\"ifx-multiselect-option\",{\"value\":[1],\"selected\":[1540],\"disabled\":[1540],\"indeterminate\":[1540],\"isExpanded\":[32],\"hasChildren\":[32],\"depth\":[32],\"searchTerm\":[32],\"isSearchActive\":[32],\"isSearchDisabled\":[32]},[[0,\"click\",\"handleClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"ifx-accordion_2.cjs\",[[257,\"ifx-accordion-item\",{\"caption\":[1],\"open\":[1028],\"AriaLevel\":[2,\"aria-level\"],\"internalOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"]],{\"open\":[\"openChanged\"]}],[273,\"ifx-accordion\",{\"autoCollapse\":[4,\"auto-collapse\"]},[[0,\"ifxOpen\",\"onItemOpen\"]]]]],[\"ifx-select.cjs\",[[256,\"ifx-select\",{\"value\":[1],\"name\":[1],\"items\":[16],\"choices\":[1],\"renderChoiceLimit\":[2,\"render-choice-limit\"],\"maxItemCount\":[2,\"max-item-count\"],\"addItems\":[4,\"add-items\"],\"removeItems\":[4,\"remove-items\"],\"removeItemButton\":[4,\"remove-item-button\"],\"editItems\":[4,\"edit-items\"],\"duplicateItemsAllowed\":[4,\"duplicate-items-allowed\"],\"delimiter\":[1],\"paste\":[4],\"showSearch\":[4,\"show-search\"],\"searchChoices\":[4,\"search-choices\"],\"searchFields\":[1,\"search-fields\"],\"searchFloor\":[2,\"search-floor\"],\"searchResultLimit\":[2,\"search-result-limit\"],\"position\":[1],\"resetScrollPosition\":[4,\"reset-scroll-position\"],\"shouldSort\":[4,\"should-sort\"],\"shouldSortItems\":[4,\"should-sort-items\"],\"sorter\":[16],\"placeholder\":[8],\"searchPlaceholderValue\":[1,\"search-placeholder-value\"],\"prependValue\":[1,\"prepend-value\"],\"appendValue\":[1,\"append-value\"],\"renderSelectedChoices\":[1,\"render-selected-choices\"],\"loadingText\":[1,\"loading-text\"],\"noResultsText\":[1,\"no-results-text\"],\"noChoicesText\":[1,\"no-choices-text\"],\"itemSelectText\":[1,\"item-select-text\"],\"addItemText\":[1,\"add-item-text\"],\"maxItemText\":[1,\"max-item-text\"],\"uniqueItemText\":[1,\"unique-item-text\"],\"classNames\":[16,\"class-names\"],\"fuseOptions\":[16,\"fuse-options\"],\"addItemFilter\":[1,\"add-item-filter\"],\"customAddItemText\":[1,\"custom-add-item-text\"],\"callbackOnInit\":[16,\"callback-on-init\"],\"callbackOnCreateTemplates\":[16,\"callback-on-create-templates\"],\"valueComparer\":[16,\"value-comparer\"],\"error\":[4],\"label\":[1],\"caption\":[1],\"disabled\":[4],\"required\":[4],\"placeholderValue\":[1,\"placeholder-value\"],\"options\":[1025],\"size\":[1],\"showClearButton\":[4,\"show-clear-button\"],\"selectedOption\":[32],\"optionIsSelected\":[32],\"clearSelection\":[64],\"handleChange\":[64],\"highlightItem\":[64],\"unhighlightItem\":[64],\"highlightAll\":[64],\"unhighlightAll\":[64],\"removeActiveItemsByValue\":[64],\"removeActiveItems\":[64],\"removeHighlightedItems\":[64],\"showDropdown\":[64],\"hideDropdown\":[64],\"getValue\":[64],\"setValue\":[64],\"setChoiceByValue\":[64],\"setChoices\":[64],\"clearChoices\":[64],\"clearStore\":[64],\"clearInput\":[64],\"ajax\":[64],\"handleDeleteIcon\":[64]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"disabled\":[\"watchDisabled\"]}]]],[\"ifx-spinner_2.cjs\",[[257,\"ifx-spinner\",{\"size\":[1],\"variant\":[1],\"inverted\":[4],\"ariaLabel\":[1,\"aria-label\"]}],[257,\"ifx-text-field\",{\"placeholder\":[1],\"value\":[1025],\"error\":[4],\"label\":[1],\"icon\":[1],\"caption\":[1],\"size\":[1],\"required\":[4],\"success\":[4],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"maxlength\":[2],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"autocomplete\":[1],\"type\":[1],\"internalId\":[1,\"internal-id\"],\"internalType\":[32],\"reset\":[64]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ifx-search-field.cjs\",[[257,\"ifx-search-field\",{\"value\":[1025],\"suggestions\":[16],\"showSuggestions\":[4,\"show-suggestions\"],\"maxSuggestions\":[2,\"max-suggestions\"],\"maxHistoryItems\":[2,\"max-history-items\"],\"enableHistory\":[4,\"enable-history\"],\"historyKey\":[1,\"history-key\"],\"historyHeaderText\":[1,\"history-header-text\"],\"ariaLabel\":[1,\"aria-label\"],\"ariaLabelledBy\":[1,\"aria-labelled-by\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"deleteIconAriaLabel\":[1,\"delete-icon-aria-label\"],\"historyDeleteAriaLabel\":[1,\"history-delete-aria-label\"],\"dropdownAriaLabel\":[1,\"dropdown-aria-label\"],\"suggestionAriaLabel\":[1,\"suggestion-aria-label\"],\"historyItemAriaLabel\":[1,\"history-item-aria-label\"],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"disabled\":[4],\"size\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"maxlength\":[2],\"showDropdown\":[32],\"filteredSuggestions\":[32],\"selectedSuggestionIndex\":[32],\"searchHistory\":[32],\"showDeleteIconInternalState\":[32],\"isFocused\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"]],{\"value\":[\"valueWatcher\"],\"suggestions\":[\"suggestionsWatcher\"]}]]],[\"ifx-icon-button.cjs\",[[257,\"ifx-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"icon\":[1],\"href\":[1],\"target\":[1],\"shape\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalIcon\":[32],\"setFocus\":[64]},[[2,\"click\",\"handleClick\"]],{\"icon\":[\"updateIcon\"]}]]],[\"ifx-button.cjs\",[[257,\"ifx-button\",{\"variant\":[1],\"theme\":[1],\"size\":[1],\"disabled\":[4],\"href\":[1],\"target\":[1],\"type\":[1],\"fullWidth\":[4,\"full-width\"],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"setFocus\":[64]},[[0,\"keydown\",\"handleKeyDown\"],[2,\"click\",\"handleHostClick\"]],{\"href\":[\"setInternalHref\"]}]]],[\"ifx-indicator.cjs\",[[257,\"ifx-indicator\",{\"inverted\":[4],\"ariaLabel\":[1,\"aria-label\"],\"variant\":[1],\"number\":[2],\"filteredNumber\":[32]}]]],[\"ifx-checkbox.cjs\",[[257,\"ifx-checkbox\",{\"disabled\":[4],\"checked\":[4],\"error\":[4],\"size\":[1],\"indeterminate\":[4],\"value\":[1],\"internalChecked\":[32],\"internalIndeterminate\":[32],\"isChecked\":[64],\"toggleCheckedState\":[64]},null,{\"checked\":[\"valueChanged\"],\"error\":[\"errorChanged\"],\"indeterminate\":[\"indeterminateChanged\"]}]]],[\"ifx-chip_3.cjs\",[[257,\"ifx-pagination\",{\"currentPage\":[2,\"current-page\"],\"showItemsPerPage\":[4,\"show-items-per-page\"],\"total\":[2],\"itemsPerPage\":[1,\"items-per-page\"],\"internalPage\":[32],\"internalItemsPerPage\":[32],\"numberOfPages\":[32],\"filteredItemsPerPage\":[32],\"visiblePages\":[32]},[[0,\"ifxSelect\",\"setItemsPerPage\"]],{\"total\":[\"watchTotalHandler\"],\"currentPage\":[\"currentPageWatcher\"]}],[257,\"ifx-chip\",{\"placeholder\":[1],\"size\":[1],\"value\":[1025],\"variant\":[1],\"theme\":[1],\"readOnly\":[4,\"read-only\"],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"icon\":[1],\"opened\":[32],\"selectedOptions\":[32]},[[5,\"mousedown\",\"closeDropdownOnOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"ifxChipItemSelect\",\"updateSelectedOptions\"]],{\"value\":[\"handleValueChange\"],\"readOnly\":[\"handleReadOnlyChange\"]}],[257,\"ifx-chip-item\",{\"value\":[1],\"chipState\":[16,\"chip-state\"],\"selected\":[1540]},[[16,\"ifxChipItemSelect\",\"updateItemSelection\"]],{\"selected\":[\"validateSelected\"]}]]],[\"ifx-link.cjs\",[[257,\"ifx-link\",{\"href\":[1],\"target\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"download\":[1],\"ariaLabel\":[1,\"aria-label\"],\"internalHref\":[32],\"internalTarget\":[32],\"internalVariant\":[32]}]]],[\"ifx-icon.cjs\",[[256,\"ifx-icon\",{\"icon\":[1025],\"ifxIcon\":[1032,\"ifx-icon\"],\"internalIcon\":[32]},null,{\"icon\":[\"updateIcon\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -1,13 +1,8 @@
 {
   "entries": [
-    "components/action-list/action-list-item.js",
-    "components/content-switcher/content-switcher.js",
-    "components/dropdown/dropdown.js",
-    "components/notification/notification.js",
-    "components/search-field/search-field.js",
-    "components/tree-view/tree-view-item.js",
     "components/accordion/accordion.js",
     "components/accordion/accordionItem.js",
+    "components/action-list/action-list-item.js",
     "components/action-list/action-list.js",
     "components/alert/alert.js",
     "components/breadcrumb/breadcrumb-item-label.js",
@@ -27,8 +22,10 @@
     "components/chip/chip.js",
     "components/chip/chip-item/chip-item.js",
     "components/content-switcher/content-switcher-item.js",
+    "components/content-switcher/content-switcher.js",
     "components/date-picker/date-picker.js",
     "components/download/download.js",
+    "components/dropdown/dropdown.js",
     "components/dropdown/dropdown-header/dropdown-header.js",
     "components/dropdown/dropdown-seperator/dropdown-separator.js",
     "components/dropdown/dropdown-trigger/dropdown-trigger.js",
@@ -48,12 +45,14 @@
     "components/navigation/sidebar/sidebar-item.js",
     "components/navigation/sidebar/sidebar-title.js",
     "components/navigation/sidebar/sidebar.js",
+    "components/notification/notification.js",
     "components/overview-table/overview-table.js",
     "components/pagination/pagination.js",
     "components/progress-bar/progress-bar.js",
     "components/radio-button/radio-button.js",
     "components/radio-button-group/radio-button-group.js",
     "components/search-bar/search-bar.js",
+    "components/search-field/search-field.js",
     "components/segmented-control/segmented-control.js",
     "components/segmented-control/segment/segment.js",
     "components/select/multi-select/multiselect-option.js",
@@ -81,6 +80,7 @@
     "components/text-field/text-field.js",
     "components/textarea/textarea.js",
     "components/tooltip/tooltip.js",
+    "components/tree-view/tree-view-item.js",
     "components/tree-view/tree-view.js",
     "stories/setup-and-installation/faq/faq.js"
   ],

package/dist/collection/components/accordion/accordion.js

@@ -24,7 +24,7 @@ export class Accordion {
         }
     }
     render() {
-        return (h("div", { key: '9e32f92c7a61c58a537e033e48c57770c4fa60d4', class: "accordion-wrapper" }, h("slot", { key: 'ec234435886b3271ce2f2712f3e3f54fa3dca8ff' })));
+        return (h("div", { key: '903cc44b4886b77e59e66ab2a5cdf681dafeb9bc', class: "accordion-wrapper" }, h("slot", { key: 'e0abec42188606e8c80fc3db44fba19a7aa69ed8' })));
     }
     static get is() { return "ifx-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAOzE,MAAM,OAAO,SAAS;IALtB;QAOU,iBAAY,GAAY,KAAK,CAAC;KA6BvC;IA3BC,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,UAAU,CAAC,KAAkB;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;YACzE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,WAAW,GAAG,IAAmC,CAAC;gBACxD,IAAI,WAAW,KAAK,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC7D,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;gBAC3B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,mBAAmB;YAC5B,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Listen, Element, Prop } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-accordion',\r\n  styleUrl: 'accordion.scss',\r\n  shadow: { delegatesFocus: true },\r\n})\r\nexport class Accordion {\r\n  @Element() el: HTMLElement;\r\n  @Prop() autoCollapse: boolean = false;\r\n\r\n  async componentDidLoad() { \r\n    if(!isNestedInIfxComponent(this.el)) { \r\n      const framework = detectFramework();\r\n      trackComponent('ifx-accordion', await framework)\r\n    }\r\n  }\r\n\r\n  @Listen('ifxOpen')\r\n  async onItemOpen(event: CustomEvent) {\r\n    if (this.autoCollapse) {\r\n      const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\r\n      for (const item of items) {\r\n        const itemElement = item as HTMLIfxAccordionItemElement;\r\n        if (itemElement !== event.target && (await itemElement.open)) {\r\n          itemElement.open = false;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"accordion-wrapper\">\r\n        <slot />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAOzE,MAAM,OAAO,SAAS;IALtB;QAOU,iBAAY,GAAY,KAAK,CAAC;KA6BvC;IA3BC,KAAK,CAAC,gBAAgB;QACpB,IAAG,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACpC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,eAAe,EAAE,MAAM,SAAS,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,UAAU,CAAC,KAAkB;QACjC,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;YACzE,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;gBACzB,MAAM,WAAW,GAAG,IAAmC,CAAC;gBACxD,IAAI,WAAW,KAAK,KAAK,CAAC,MAAM,IAAI,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC7D,WAAW,CAAC,IAAI,GAAG,KAAK,CAAC;gBAC3B,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,mBAAmB;YAC5B,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Listen, Element, Prop } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-accordion',\n  styleUrl: 'accordion.scss',\n  shadow: { delegatesFocus: true },\n})\nexport class Accordion {\n  @Element() el: HTMLElement;\n  @Prop() autoCollapse: boolean = false;\n\n  async componentDidLoad() { \n    if(!isNestedInIfxComponent(this.el)) { \n      const framework = detectFramework();\n      trackComponent('ifx-accordion', await framework)\n    }\n  }\n\n  @Listen('ifxOpen')\n  async onItemOpen(event: CustomEvent) {\n    if (this.autoCollapse) {\n      const items = Array.from(this.el.querySelectorAll('ifx-accordion-item'));\n      for (const item of items) {\n        const itemElement = item as HTMLIfxAccordionItemElement;\n        if (itemElement !== event.target && (await itemElement.open)) {\n          itemElement.open = false;\n        }\n      }\n    }\n  }\n\n  render() {\n    return (\n      <div class=\"accordion-wrapper\">\n        <slot />\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/accordion/accordion.stories.js

@@ -64,9 +64,9 @@ export default {
                 category: 'custom events',
                 type: {
                     summary: 'Framework integration',
-                    detail: `React: onIfxOpen={handleOpen}
-            Vue: @ifxOpen="handleOpen"
-            Angular: (ifxOpen)="handleOpen()"
+                    detail: `React: onIfxOpen={handleOpen}
+            Vue: @ifxOpen="handleOpen"
+            Angular: (ifxOpen)="handleOpen()"
             VanillaJs: .addEventListener("ifxOpen", (event) => {/*handle open*/});`
                 }
             },
@@ -78,9 +78,9 @@ export default {
                 category: 'custom events',
                 type: {
                     summary: 'Framework integration',
-                    detail: `React: onIfxClose={handleClose}
-          Vue: @ifxClose="handleClose"
-          Angular: (ifxClose)="handleClose()"
+                    detail: `React: onIfxClose={handleClose}
+          Vue: @ifxClose="handleClose"
+          Angular: (ifxClose)="handleClose()"
           VanillaJs: .addEventListener("ifxClose", (event) => {/*handle close*/});`
                 }
             },
@@ -96,10 +96,10 @@ const Template = args => {
     initialItem.setAttribute('mutable', args.mutable);
     initialItem.addEventListener('ifxOpen', action('ifxOpen'));
     initialItem.addEventListener('ifxClose', action('ifxClose'));
-    initialItem.innerHTML = `
-  Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+    initialItem.innerHTML = `
+  Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
 `;
     initialItem.setAttribute('caption', `Label`);
     accordionElement.append(initialItem);
@@ -110,10 +110,10 @@ const Template = args => {
         item.setAttribute('open', `false`);
         item.setAttribute('aria-level', args.AriaLevel);
         item.setAttribute('mutable', args.mutable);
-        item.innerHTML = `
-        Content for Item #${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        item.innerHTML = `
+        Content for Item #${i + 1}. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.
     `;
         item.addEventListener('ifxOpen', action('ifxOpen'));
         item.addEventListener('ifxClose', action('ifxClose'));

package/dist/collection/components/accordion/accordion.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\r\n\r\nexport default {\r\n  title: 'Components/Accordion',\r\n  component: 'ifx-accordion',\r\n  //tags: ['autodocs'],\r\n\r\n  args: {\r\n    amountOfItems: 3,\r\n    AriaLevel: 3,\r\n    autoCollapse: false,\r\n  },\r\n\r\n  argTypes: {\r\n    amountOfItems: { \r\n      control: 'number', \r\n      name: 'Amount of Items',\r\n      description: 'Control the number of *<ifx-accordion-item>*.',\r\n      table: {\r\n        category: 'story controls',\r\n        type: {\r\n          summary: 'number'\r\n        }\r\n      }\r\n    },\r\n    AriaLevel: {\r\n      control: 'number', \r\n      min: 1, \r\n      max: 6, \r\n      description: 'The aria-level attribute for the accordion item header.',\r\n      table: {\r\n        defaultValue: {summary: '3'},\r\n      category: 'ifx-accordion-item props',\r\n      type: {\r\n        summary: 'number'\r\n      }\r\n    }  \r\n  },  \r\n    mutable: {\r\n      control: 'boolean',\r\n      description: 'Set the mutable attribute to allow or not allow the accordion item to be opened and closed.',\r\n      table: {\r\n        category: 'ifx-accordion-item props',\r\n        defaultValue: {summary: 'true'},\r\n        type: {\r\n          summary: 'boolean'\r\n        }\r\n      }\r\n    },\r\n    autoCollapse: {\r\n      control: 'boolean',\r\n      description: 'Collapse the other items when one item is opened.',\r\n      table: {\r\n        category: 'ifx-accordion props',\r\n        defaultValue: { \r\n          summary: 'false' \r\n        },\r\n        type: {\r\n          summary: 'boolean'\r\n        }\r\n      }\r\n    },\r\n    ifxOpen: { \r\n      action: 'ifxOpen',\r\n      description: 'Event emitted when an accordion item is opened.',\r\n      table: {\r\n        category: 'custom events',\r\n        type: {\r\n          summary: 'Framework integration',\r\n          detail:`React: onIfxOpen={handleOpen}\r\n            Vue: @ifxOpen=\"handleOpen\"\r\n            Angular: (ifxOpen)=\"handleOpen()\"\r\n            VanillaJs: .addEventListener(\"ifxOpen\", (event) => {/*handle open*/});`\r\n            }\r\n          },\r\n      },\r\n    ifxClose: { \r\n      action: 'ifxClose',\r\n      description: 'Event emitted when an accordion item is closed.',\r\n      table: {\r\n        category: 'custom events',\r\n        type: {\r\n          summary: 'Framework integration',\r\n          detail: \r\n          `React: onIfxClose={handleClose}\r\n          Vue: @ifxClose=\"handleClose\"\r\n          Angular: (ifxClose)=\"handleClose()\"\r\n          VanillaJs: .addEventListener(\"ifxClose\", (event) => {/*handle close*/});`\r\n        }\r\n      },\r\n    }\r\n  },\r\n};\r\n\r\nconst Template = args => {\r\n  const accordionElement = document.createElement('ifx-accordion');\r\n  const initialItem = document.createElement('ifx-accordion-item');\r\n  initialItem.setAttribute('caption', `Label`);\r\n  initialItem.setAttribute('open', `true`);\r\n  initialItem.setAttribute('aria-level', args.AriaLevel);\r\n  initialItem.setAttribute('mutable', args.mutable);\r\n  initialItem.addEventListener('ifxOpen', action('ifxOpen'));\r\n  initialItem.addEventListener('ifxClose', action('ifxClose'));\r\n\r\n  initialItem.innerHTML = `\r\n  Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n`;\r\ninitialItem.setAttribute('caption', `Label`);\r\n\r\n  accordionElement.append(initialItem);\r\n\r\n  accordionElement.setAttribute('auto-collapse', args.autoCollapse);\r\n  for (let i = 1; i < args.amountOfItems; i++) {\r\n    const item = document.createElement('ifx-accordion-item');\r\n    item.setAttribute('caption', `Label`);\r\n    item.setAttribute('open', `false`);\r\n    item.setAttribute('aria-level', args.AriaLevel);\r\n    item.setAttribute('mutable', args.mutable);\r\n\r\n    item.innerHTML = `\r\n        Content for Item #${\r\n          i + 1\r\n        }. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\r\n    `;\r\n    item.addEventListener('ifxOpen', action('ifxOpen'));\r\n    item.addEventListener('ifxClose', action('ifxClose'));\r\n\r\n    accordionElement.append(item);\r\n  }\r\n\r\n  return accordionElement;\r\n};\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n  amountOfItems: 3,\r\n  mutable: true,\r\n};\r\n"]}
+{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../src/components/accordion/accordion.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { action } from '@storybook/addon-actions';\n\nexport default {\n  title: 'Components/Accordion',\n  component: 'ifx-accordion',\n  //tags: ['autodocs'],\n\n  args: {\n    amountOfItems: 3,\n    AriaLevel: 3,\n    autoCollapse: false,\n  },\n\n  argTypes: {\n    amountOfItems: { \n      control: 'number', \n      name: 'Amount of Items',\n      description: 'Control the number of *<ifx-accordion-item>*.',\n      table: {\n        category: 'story controls',\n        type: {\n          summary: 'number'\n        }\n      }\n    },\n    AriaLevel: {\n      control: 'number', \n      min: 1, \n      max: 6, \n      description: 'The aria-level attribute for the accordion item header.',\n      table: {\n        defaultValue: {summary: '3'},\n      category: 'ifx-accordion-item props',\n      type: {\n        summary: 'number'\n      }\n    }  \n  },  \n    mutable: {\n      control: 'boolean',\n      description: 'Set the mutable attribute to allow or not allow the accordion item to be opened and closed.',\n      table: {\n        category: 'ifx-accordion-item props',\n        defaultValue: {summary: 'true'},\n        type: {\n          summary: 'boolean'\n        }\n      }\n    },\n    autoCollapse: {\n      control: 'boolean',\n      description: 'Collapse the other items when one item is opened.',\n      table: {\n        category: 'ifx-accordion props',\n        defaultValue: { \n          summary: 'false' \n        },\n        type: {\n          summary: 'boolean'\n        }\n      }\n    },\n    ifxOpen: { \n      action: 'ifxOpen',\n      description: 'Event emitted when an accordion item is opened.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail:`React: onIfxOpen={handleOpen}\n            Vue: @ifxOpen=\"handleOpen\"\n            Angular: (ifxOpen)=\"handleOpen()\"\n            VanillaJs: .addEventListener(\"ifxOpen\", (event) => {/*handle open*/});`\n            }\n          },\n      },\n    ifxClose: { \n      action: 'ifxClose',\n      description: 'Event emitted when an accordion item is closed.',\n      table: {\n        category: 'custom events',\n        type: {\n          summary: 'Framework integration',\n          detail: \n          `React: onIfxClose={handleClose}\n          Vue: @ifxClose=\"handleClose\"\n          Angular: (ifxClose)=\"handleClose()\"\n          VanillaJs: .addEventListener(\"ifxClose\", (event) => {/*handle close*/});`\n        }\n      },\n    }\n  },\n};\n\nconst Template = args => {\n  const accordionElement = document.createElement('ifx-accordion');\n  const initialItem = document.createElement('ifx-accordion-item');\n  initialItem.setAttribute('caption', `Label`);\n  initialItem.setAttribute('open', `true`);\n  initialItem.setAttribute('aria-level', args.AriaLevel);\n  initialItem.setAttribute('mutable', args.mutable);\n  initialItem.addEventListener('ifxOpen', action('ifxOpen'));\n  initialItem.addEventListener('ifxClose', action('ifxClose'));\n\n  initialItem.innerHTML = `\n  Content for Initial Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n`;\ninitialItem.setAttribute('caption', `Label`);\n\n  accordionElement.append(initialItem);\n\n  accordionElement.setAttribute('auto-collapse', args.autoCollapse);\n  for (let i = 1; i < args.amountOfItems; i++) {\n    const item = document.createElement('ifx-accordion-item');\n    item.setAttribute('caption', `Label`);\n    item.setAttribute('open', `false`);\n    item.setAttribute('aria-level', args.AriaLevel);\n    item.setAttribute('mutable', args.mutable);\n\n    item.innerHTML = `\n        Content for Item #${\n          i + 1\n        }. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat, ligula eu aliquam bibendum, orci nisl cursus ipsum, nec egestas odio sapien eget neque.\n    `;\n    item.addEventListener('ifxOpen', action('ifxOpen'));\n    item.addEventListener('ifxClose', action('ifxClose'));\n\n    accordionElement.append(item);\n  }\n\n  return accordionElement;\n};\n\nexport const Default = Template.bind({});\nDefault.args = {\n  amountOfItems: 3,\n  mutable: true,\n};\n"]}

package/dist/collection/components/accordion/accordionItem.js

@@ -84,7 +84,7 @@ export class AccordionItem {
         }
     }
     render() {
-        return (h("div", { key: '8e4ee04a7a8fa3dbea906d43a1be6064e4c208a6', class: `accordion-item ${this.internalOpen ? 'open' : ''}` }, h("div", { key: '109998fb112b8206eb8a28a6ef479e40e317e92c', role: "button", "aria-expanded": this.internalOpen, "aria-controls": "accordion-content", class: "accordion-title", onClick: () => this.toggleOpen(), tabindex: "0", ref: el => (this.titleEl = el) }, h("span", { key: '4936b00dd6203f5856e68ffb6c13ac8f588057fa', "aria-hidden": "true", role: "heading", "aria-level": String(this.AriaLevel), class: "accordion-icon" }, h("ifx-icon", { key: '511d52bd160ccbe2e1936152c45517567061f57d', icon: "chevron-down-16" })), h("span", { key: 'fd82b2df5cbf8d50cfb00c54e59793348500323b', id: "accordion-caption", class: "accordion-caption" }, this.caption)), h("div", { key: '77c229869cdf02d27ff1011cd5e5ad3fa201343e', id: "accordion-content", class: "accordion-content", ref: el => (this.contentEl = el), role: "region", "aria-labelledby": "accordion-caption" }, h("div", { key: '0c9f7ea889fe60957ad9223426142b9509b3883b', class: "inner-content" }, h("slot", { key: '1e4218f5554a774a3cde38749a21a7490f72d18d' })))));
+        return (h("div", { key: '1317347110a9c74932695b8ffff8ca31d3c8e6c3', class: `accordion-item ${this.internalOpen ? 'open' : ''}` }, h("div", { key: 'ad5d46e476f76ac121239c15904a4884a6ba4cc5', role: "button", "aria-expanded": this.internalOpen, "aria-controls": "accordion-content", class: "accordion-title", onClick: () => this.toggleOpen(), tabindex: "0", ref: el => (this.titleEl = el) }, h("span", { key: '924e061fd270701a7c78433a56fcd70a40dfe7f5', "aria-hidden": "true", role: "heading", "aria-level": String(this.AriaLevel), class: "accordion-icon" }, h("ifx-icon", { key: '40cee40a058eb576d0ef5482f6f7f0adb47a5f4e', icon: "chevron-down-16" })), h("span", { key: '37715ae9f3621954f081bec3d4e861d1dd60847b', id: "accordion-caption", class: "accordion-caption" }, this.caption)), h("div", { key: '32c1186d1f4dd1a5a09842224cbfe3d648cc7fac', id: "accordion-content", class: "accordion-content", ref: el => (this.contentEl = el), role: "region", "aria-labelledby": "accordion-caption" }, h("div", { key: '35618fea4d36844fbad5aed1c07dc2e7378a1d4e', class: "inner-content" }, h("slot", { key: 'eaa5cdaffd9381f8b05b202f6213d8304fbf7cbb' })))));
     }
     static get is() { return "ifx-accordion-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/accordion/accordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordionItem.js","sourceRoot":"","sources":["../../../src/components/accordion/accordionItem.tsx"],"names":[],"mappings":"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","sourcesContent":["//ifxAccordionItem\r\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen, Element } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'ifx-accordion-item',\r\n  styleUrl: 'accordionItem.scss',\r\n  shadow: true,\r\n})\r\nexport class AccordionItem {\r\n  @Element() el;\r\n  @Prop() caption: string;\r\n  @Prop({\r\n    mutable: true,\r\n  })\r\n  open: boolean = false;\r\n  @Prop() AriaLevel = 3;\r\n  @State() internalOpen: boolean = false;\r\n  @Event() ifxOpen: EventEmitter;\r\n  @Event() ifxClose: EventEmitter;\r\n  private contentEl!: HTMLElement;\r\n  private titleEl!: HTMLElement;\r\n  private resizeObserver!: ResizeObserver;\r\n\r\n  componentWillLoad() {\r\n    this.internalOpen = this.open;\r\n  }\r\n\r\n  componentDidLoad() {\r\n    this.checkSlotContent()\r\n    this.openAccordionItem();\r\n    this.contentEl = this.el.shadowRoot.querySelector('#accordion-content');\r\n    if (this.contentEl) {\r\n      this.attachResizeObserver();\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    this.checkSlotContent()\r\n    this.openAccordionItem();\r\n  }\r\n\r\n  @Watch('open')\r\n  openChanged(newValue: boolean) {\r\n    this.internalOpen = newValue;\r\n  }\r\n\r\n  toggleOpen() {\r\n    this.internalOpen = !this.internalOpen;\r\n    this.open = this.internalOpen;\r\n\r\n    if (this.internalOpen) {\r\n      this.ifxOpen.emit({ isOpen: this.internalOpen });\r\n    } else {\r\n      this.ifxClose.emit({ isClosed: !this.internalOpen });\r\n    }\r\n  }\r\n\r\n  openAccordionItem() {\r\n    if (this.internalOpen) {\r\n      this.contentEl.style.height = `${this.contentEl.scrollHeight}px`;\r\n      this.contentEl.style.overflow = 'hidden';\r\n    } else {\r\n      this.contentEl.style.height = '0';\r\n      this.contentEl.style.overflow = 'hidden';\r\n    }\r\n  }\r\n\r\n  getInnerContentWrapper() {\r\n    const innerContentEl = this.el.shadowRoot.querySelector('.inner-content');\r\n    return innerContentEl;\r\n  }\r\n\r\n  attachResizeObserver() {\r\n    const innerContentEl = this.getInnerContentWrapper();\r\n\r\n    if (innerContentEl) {\r\n      this.resizeObserver = new ResizeObserver(() => {\r\n        if (this.internalOpen) {\r\n          this.openAccordionItem();\r\n        }\r\n      });\r\n\r\n      this.resizeObserver.observe(innerContentEl);\r\n    }\r\n  }\r\n\r\n  @Listen('keydown')\r\n  handleKeydown(ev: KeyboardEvent) {\r\n    const path = ev.composedPath();\r\n\r\n    if (!path.includes(this.titleEl)) {\r\n      return;\r\n    }\r\n\r\n    switch (ev.key) {\r\n      case 'Enter': // fallthrough\r\n      case ' ': // space\r\n        ev.preventDefault();\r\n        this.toggleOpen();\r\n        break;\r\n    }\r\n  }\r\n\r\n  checkSlotContent() {\r\n    const slot = this.el.shadowRoot.querySelector('slot') as HTMLSlotElement;\r\n    const hasContent = slot.assignedNodes().length > 0;\r\n    const innerContent = this.getInnerContentWrapper();\r\n    if (!hasContent) {\r\n      innerContent.classList.add('no-content');\r\n    } else if (innerContent.classList.contains('no-content')) {\r\n      innerContent.classList.remove('no-content');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\r\n        <div\r\n          role=\"button\"\r\n          aria-expanded={this.internalOpen}\r\n          aria-controls=\"accordion-content\"\r\n          class=\"accordion-title\"\r\n          onClick={() => this.toggleOpen()}\r\n          tabindex=\"0\"\r\n          ref={el => (this.titleEl = el as HTMLElement)}\r\n        >\r\n          <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\r\n            <ifx-icon icon=\"chevron-down-16\" />\r\n          </span>\r\n          <span id=\"accordion-caption\" class=\"accordion-caption\">\r\n            {this.caption}\r\n          </span>\r\n        </div>\r\n        <div id=\"accordion-content\" class=\"accordion-content\" ref={el => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\r\n          <div class=\"inner-content\">\r\n            <slot />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"accordionItem.js","sourceRoot":"","sources":["../../../src/components/accordion/accordionItem.tsx"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOvG,MAAM,OAAO,aAAa;IAL1B;QAWE,SAAI,GAAY,KAAK,CAAC;QACd,cAAS,GAAG,CAAC,CAAC;QACb,iBAAY,GAAY,KAAK,CAAC;KA6HxC;IAtHC,iBAAiB;QACf,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC;IAChC,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACxE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC9B,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,gBAAgB,EAAE,CAAA;QACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAGD,WAAW,CAAC,QAAiB;QAC3B,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;IAC/B,CAAC;IAED,UAAU;QACR,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;QACvC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC;QAE9B,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QACvD,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,CAAC;YACjE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;YAClC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,sBAAsB;QACpB,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC1E,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,oBAAoB;QAClB,MAAM,cAAc,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAErD,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBAC5C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;oBACtB,IAAI,CAAC,iBAAiB,EAAE,CAAC;gBAC3B,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAGD,aAAa,CAAC,EAAiB;QAC7B,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC;YACf,KAAK,OAAO,CAAC,CAAC,cAAc;YAC5B,KAAK,GAAG,EAAE,QAAQ;gBAChB,EAAE,CAAC,cAAc,EAAE,CAAC;gBACpB,IAAI,CAAC,UAAU,EAAE,CAAC;gBAClB,MAAM;QACV,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAoB,CAAC;QACzE,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QACnD,MAAM,YAAY,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QACnD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAC3C,CAAC;aAAM,IAAI,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YACzD,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE;YAC7D,4DACE,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,YAAY,mBAClB,mBAAmB,EACjC,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,EAChC,QAAQ,EAAC,GAAG,EACZ,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,GAAG,EAAiB,CAAC;gBAE7C,4EAAkB,MAAM,EAAC,IAAI,EAAC,SAAS,gBAAa,MAAM,CAAC,IAAI,CAAC,SAAS,CAAW,EAAE,KAAK,EAAC,gBAAgB;oBAC1G,iEAAU,IAAI,EAAC,iBAAiB,GAAG,CAC9B;gBACP,6DAAM,EAAE,EAAC,mBAAmB,EAAC,KAAK,EAAC,mBAAmB,IACnD,IAAI,CAAC,OAAO,CACR,CACH;YACN,4DAAK,EAAE,EAAC,mBAAmB,EAAC,KAAK,EAAC,mBAAmB,EAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,GAAG,EAAiB,CAAC,EAAE,IAAI,EAAC,QAAQ,qBAAiB,mBAAmB;gBACtJ,4DAAK,KAAK,EAAC,eAAe;oBACxB,8DAAQ,CACJ,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["//ifxAccordionItem\nimport { Component, Prop, h, State, Event, EventEmitter, Watch, Listen, Element } from '@stencil/core';\n\n@Component({\n  tag: 'ifx-accordion-item',\n  styleUrl: 'accordionItem.scss',\n  shadow: true,\n})\nexport class AccordionItem {\n  @Element() el;\n  @Prop() caption: string;\n  @Prop({\n    mutable: true,\n  })\n  open: boolean = false;\n  @Prop() AriaLevel = 3;\n  @State() internalOpen: boolean = false;\n  @Event() ifxOpen: EventEmitter;\n  @Event() ifxClose: EventEmitter;\n  private contentEl!: HTMLElement;\n  private titleEl!: HTMLElement;\n  private resizeObserver!: ResizeObserver;\n\n  componentWillLoad() {\n    this.internalOpen = this.open;\n  }\n\n  componentDidLoad() {\n    this.checkSlotContent()\n    this.openAccordionItem();\n    this.contentEl = this.el.shadowRoot.querySelector('#accordion-content');\n    if (this.contentEl) {\n      this.attachResizeObserver();\n    }\n  }\n\n  componentDidUpdate() {\n    this.checkSlotContent()\n    this.openAccordionItem();\n  }\n\n  @Watch('open')\n  openChanged(newValue: boolean) {\n    this.internalOpen = newValue;\n  }\n\n  toggleOpen() {\n    this.internalOpen = !this.internalOpen;\n    this.open = this.internalOpen;\n\n    if (this.internalOpen) {\n      this.ifxOpen.emit({ isOpen: this.internalOpen });\n    } else {\n      this.ifxClose.emit({ isClosed: !this.internalOpen });\n    }\n  }\n\n  openAccordionItem() {\n    if (this.internalOpen) {\n      this.contentEl.style.height = `${this.contentEl.scrollHeight}px`;\n      this.contentEl.style.overflow = 'hidden';\n    } else {\n      this.contentEl.style.height = '0';\n      this.contentEl.style.overflow = 'hidden';\n    }\n  }\n\n  getInnerContentWrapper() {\n    const innerContentEl = this.el.shadowRoot.querySelector('.inner-content');\n    return innerContentEl;\n  }\n\n  attachResizeObserver() {\n    const innerContentEl = this.getInnerContentWrapper();\n\n    if (innerContentEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        if (this.internalOpen) {\n          this.openAccordionItem();\n        }\n      });\n\n      this.resizeObserver.observe(innerContentEl);\n    }\n  }\n\n  @Listen('keydown')\n  handleKeydown(ev: KeyboardEvent) {\n    const path = ev.composedPath();\n\n    if (!path.includes(this.titleEl)) {\n      return;\n    }\n\n    switch (ev.key) {\n      case 'Enter': // fallthrough\n      case ' ': // space\n        ev.preventDefault();\n        this.toggleOpen();\n        break;\n    }\n  }\n\n  checkSlotContent() {\n    const slot = this.el.shadowRoot.querySelector('slot') as HTMLSlotElement;\n    const hasContent = slot.assignedNodes().length > 0;\n    const innerContent = this.getInnerContentWrapper();\n    if (!hasContent) {\n      innerContent.classList.add('no-content');\n    } else if (innerContent.classList.contains('no-content')) {\n      innerContent.classList.remove('no-content');\n    }\n  }\n\n  render() {\n    return (\n      <div class={`accordion-item ${this.internalOpen ? 'open' : ''}`}>\n        <div\n          role=\"button\"\n          aria-expanded={this.internalOpen}\n          aria-controls=\"accordion-content\"\n          class=\"accordion-title\"\n          onClick={() => this.toggleOpen()}\n          tabindex=\"0\"\n          ref={el => (this.titleEl = el as HTMLElement)}\n        >\n          <span aria-hidden=\"true\" role=\"heading\" aria-level={String(this.AriaLevel) as string} class=\"accordion-icon\">\n            <ifx-icon icon=\"chevron-down-16\" />\n          </span>\n          <span id=\"accordion-caption\" class=\"accordion-caption\">\n            {this.caption}\n          </span>\n        </div>\n        <div id=\"accordion-content\" class=\"accordion-content\" ref={el => (this.contentEl = el as HTMLElement)} role=\"region\" aria-labelledby=\"accordion-caption\">\n          <div class=\"inner-content\">\n            <slot />\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/action-list/action-list-item.js

@@ -215,7 +215,7 @@ export class ActionListItem {
         const ariaLabel = this.itemAriaLabel || `${this.itemTitle}${this.description ? ` - ${this.description}` : ''}`;
         const hasLeadingContent = this.hasSlotContent('leading');
         const hasTrailingContent = this.hasSlotContent('trailing');
-        return (h("div", { key: 'f4e53ea17c6bdea279fc96b5a954e9f8ef9b0911', class: classNames('action-list-item', this.disabled && 'action-list-item--disabled', isClickable && 'action-list-item--clickable'), role: "listitem", tabIndex: isClickable ? 0 : -1, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleMainClick, onKeyDown: this.handleMainKeyDown }, hasLeadingContent && (h("div", { key: '9c565d3a24234672ce42c264185aa970204b54c9', class: "action-list-item__leading", onClick: this.handleLeadingClick, onKeyDown: this.handleLeadingKeyDown }, h("slot", { key: '965ed004d61c1b38366886ae5b4415c4ee67ab2c', name: "leading" }))), h("div", { key: '1c21aaf97464d42c4ce3d4a9a76963ffe73d2121', class: "action-list-item__content" }, h("div", { key: 'e588b9d0adce7fbbfffeba338efe7c76b60fe3cb', class: "action-list-item__title" }, this.itemTitle), this.description && (h("div", { key: '58aa81b18bf0f6070a18180be254fd42270c9a38', class: "action-list-item__description" }, this.description))), hasTrailingContent && (h("div", { key: '5d5ed9d8d936166beba4fc1790f3e69cd0adcefc', class: "action-list-item__trailing", onClick: this.handleTrailingClick, onKeyDown: this.handleTrailingKeyDown }, h("slot", { key: '8a2c8f6f3dde321748310b2d2f0e1ec032c895a3', name: "trailing" })))));
+        return (h("div", { key: 'afc03036455ceb23a99e893ebdc36c052fcc2e64', class: classNames('action-list-item', this.disabled && 'action-list-item--disabled', isClickable && 'action-list-item--clickable'), role: "listitem", tabIndex: isClickable ? 0 : -1, "aria-label": ariaLabel, "aria-disabled": this.disabled ? 'true' : undefined, onClick: this.handleMainClick, onKeyDown: this.handleMainKeyDown }, hasLeadingContent && (h("div", { key: 'fbc09a625f124bdcf9137cde295838592925cc93', class: "action-list-item__leading", onClick: this.handleLeadingClick, onKeyDown: this.handleLeadingKeyDown }, h("slot", { key: '915fb5467635e391ca3713def64ee031095e784d', name: "leading" }))), h("div", { key: '589bd17dcd1f2de8ac7ac1c86db677c9b8eac35e', class: "action-list-item__content" }, h("div", { key: '4b0ac3d7e1439cbe8682f9d14411acc4683b2ffe', class: "action-list-item__title" }, this.itemTitle), this.description && (h("div", { key: 'e5a0481505f637db1f7672fca5e1800a934d4270', class: "action-list-item__description" }, this.description))), hasTrailingContent && (h("div", { key: 'c855aff75b5e1ddba37456c2225f46be3ae17429', class: "action-list-item__trailing", onClick: this.handleTrailingClick, onKeyDown: this.handleTrailingKeyDown }, h("slot", { key: '68ff1e04f0bdf90894fa729619c7b7a6f896bad8', name: "trailing" })))));
     }
     static get is() { return "ifx-action-list-item"; }
     static get encapsulation() { return "shadow"; }
@@ -391,7 +391,7 @@ export class ActionListItem {
                     "references": {
                         "ActionListItemClickEvent": {
                             "location": "local",
-                            "path": "/home/fp/Dev/IFX/dds/packages/components/src/components/action-list/action-list-item.tsx",
+                            "path": "/home/runner/work/infineon-design-system-stencil/infineon-design-system-stencil/packages/components/src/components/action-list/action-list-item.tsx",
                             "id": "src/components/action-list/action-list-item.tsx::ActionListItemClickEvent"
                         }
                     }

package/dist/collection/components/action-list/action-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-list-item.js","sourceRoot":"","sources":["../../../src/components/action-list/action-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, Event, EventEmitter, Watch } from '@stencil/core';\r\nimport classNames from 'classnames';\r\n\r\nexport interface ActionListItemClickEvent {\r\n  value?: string;\r\n  href?: string;\r\n  target?: string;\r\n  component?: ActionListItem;\r\n}\r\n\r\n@Component({\r\n  tag: 'ifx-action-list-item',\r\n  styleUrl: 'action-list-item.scss',\r\n  shadow: true,\r\n})\r\nexport class ActionListItem {\r\n  @Element() host: HTMLElement;\r\n\r\n  /**\r\n   * The title text displayed in the item\r\n   */\r\n  @Prop() itemTitle: string;\r\n\r\n  /**\r\n   * The description text displayed below the title\r\n   */\r\n  @Prop() description?: string;\r\n\r\n  /**\r\n   * Value associated with this item\r\n   */\r\n  @Prop() value?: string;\r\n\r\n  /**\r\n   * URL to navigate to when item is clicked\r\n   */\r\n  @Prop() href?: string;\r\n\r\n  /**\r\n   * Target for the link navigation\r\n   * @default '_self'\r\n   */\r\n  @Prop() target: string = '_self';\r\n\r\n  /**\r\n   * Controls whether the item is disabled\r\n   * @default false\r\n   */\r\n  @Prop() disabled: boolean = false;\r\n\r\n  /**\r\n   * Aria label for accessibility support\r\n   */\r\n  @Prop() itemAriaLabel?: string;\r\n\r\n  /**\r\n   * Event emitted when the main item area is clicked\r\n   */\r\n  @Event() ifxActionListItemClick: EventEmitter<ActionListItemClickEvent>;\r\n\r\n  @Watch('disabled')\r\n  onDisabledChange() {\r\n    // Update interactive elements when disabled state changes\r\n    this.updateSlotElementsDisabledState();\r\n  }\r\n\r\n  private handleMainClick = (event: MouseEvent) => {\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    // Check if clicked element is inside leading or trailing areas\r\n    const leadingElement = this.host.shadowRoot?.querySelector('.action-list-item__leading');\r\n    const trailingElement = this.host.shadowRoot?.querySelector('.action-list-item__trailing');\r\n\r\n    if (leadingElement?.contains(event.target as Node) || trailingElement?.contains(event.target as Node)) {\r\n      return; // Don't trigger main click if clicking on leading/trailing areas\r\n    }\r\n\r\n    // Always emit main event when clicking on content area (text), regardless of interactive elements\r\n    this.ifxActionListItemClick.emit({\r\n      value: this.value,\r\n      href: this.href,\r\n      target: this.target,\r\n      component: this,\r\n    });\r\n\r\n    // If href is provided, automatically navigate (Link mode)\r\n    // If no href is provided, only the event is emitted (Event mode)\r\n    if (this.href) {\r\n      if (this.target === '_blank') {\r\n        window.open(this.href, this.target);\r\n      } else {\r\n        window.location.href = this.href;\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleLeadingClick = (event: MouseEvent) => {\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    const target = event.target as HTMLElement;\r\n\r\n    // Check if the clicked element or any of its parents is an interactive component\r\n    let currentElement = target;\r\n    while (currentElement && currentElement !== this.host) {\r\n      if (this.isInteractiveElement(currentElement)) {\r\n        // Interactive element clicked - stop propagation to prevent main event\r\n        event.stopPropagation();\r\n        return;\r\n      }\r\n      currentElement = currentElement.parentElement;\r\n    }\r\n\r\n    // Non-interactive element clicked - trigger main action\r\n    event.stopPropagation();\r\n    this.ifxActionListItemClick.emit({\r\n      value: this.value,\r\n      href: this.href,\r\n      target: this.target,\r\n      component: this,\r\n    });\r\n\r\n    // If href is provided, automatically navigate\r\n    if (this.href) {\r\n      if (this.target === '_blank') {\r\n        window.open(this.href, this.target);\r\n      } else {\r\n        window.location.href = this.href;\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleTrailingClick = (event: MouseEvent) => {\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    const target = event.target as HTMLElement;\r\n\r\n    // Check if the clicked element or any of its parents is an interactive component\r\n    let currentElement = target;\r\n    while (currentElement && currentElement !== this.host) {\r\n      if (this.isInteractiveElement(currentElement)) {\r\n        // Interactive element clicked - stop propagation to prevent main event\r\n        event.stopPropagation();\r\n        return;\r\n      }\r\n      currentElement = currentElement.parentElement;\r\n    }\r\n\r\n    // Non-interactive element clicked - trigger main action\r\n    event.stopPropagation();\r\n    this.ifxActionListItemClick.emit({\r\n      value: this.value,\r\n      href: this.href,\r\n      target: this.target,\r\n      component: this,\r\n    });\r\n\r\n    // If href is provided, automatically navigate\r\n    if (this.href) {\r\n      if (this.target === '_blank') {\r\n        window.open(this.href, this.target);\r\n      } else {\r\n        window.location.href = this.href;\r\n      }\r\n    }\r\n  };\r\n\r\n  private isInteractiveElement = (element: HTMLElement): boolean => {\r\n    // Get the tag name, handling both custom elements and standard HTML\r\n    const tagName = element.tagName.toUpperCase();\r\n\r\n    // List of Infineon components that should block main event\r\n    const interactiveInfineonComponents = [\r\n      'IFX-BUTTON',\r\n      'IFX-CHECKBOX',\r\n      'IFX-SWITCH'\r\n    ];\r\n\r\n    // Check if it's an interactive Infineon component\r\n    return interactiveInfineonComponents.includes(tagName);\r\n  };\r\n\r\n  private handleMainKeyDown = (event: KeyboardEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n\r\n      // Always trigger main action via keyboard, regardless of interactive elements\r\n      this.handleMainClick(event as any);\r\n    }\r\n  };\r\n\r\n  private handleLeadingKeyDown = (event: KeyboardEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n\r\n      const leadingSlot = this.host.shadowRoot?.querySelector('slot[name=\"leading\"]') as HTMLSlotElement;\r\n      const assignedElements = leadingSlot?.assignedElements() || [];\r\n\r\n      // Find first interactive element and activate it\r\n      const firstInteractive = assignedElements.find(el =>\r\n        this.isInteractiveElement(el as HTMLElement)\r\n      ) as HTMLElement;\r\n\r\n      if (firstInteractive) {\r\n        firstInteractive.focus();\r\n        firstInteractive.click();\r\n      }\r\n    }\r\n  };\r\n\r\n  private handleTrailingKeyDown = (event: KeyboardEvent) => {\r\n    if (this.disabled) return;\r\n\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      event.preventDefault();\r\n\r\n      const trailingSlot = this.host.shadowRoot?.querySelector('slot[name=\"trailing\"]') as HTMLSlotElement;\r\n      const assignedElements = trailingSlot?.assignedElements() || [];\r\n\r\n      // Find first interactive element and activate it\r\n      const firstInteractive = assignedElements.find(el =>\r\n        this.isInteractiveElement(el as HTMLElement)\r\n      ) as HTMLElement;\r\n\r\n      if (firstInteractive) {\r\n        firstInteractive.focus();\r\n        firstInteractive.click();\r\n      }\r\n    }\r\n  };\r\n\r\n  private hasSlotContent(slotName: string): boolean {\r\n    const slot = this.host.querySelector(`[slot=\"${slotName}\"]`);\r\n    return !!slot;\r\n  }\r\n\r\n  componentDidLoad() {\r\n    // Apply disabled state to interactive elements in slots\r\n    this.updateSlotElementsDisabledState();\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    // Apply disabled state to interactive elements in slots when disabled prop changes\r\n    this.updateSlotElementsDisabledState();\r\n  }\r\n\r\n  private updateSlotElementsDisabledState = () => {\r\n    // Only handle interactive components that should be disabled\r\n    const interactiveComponents = ['ifx-checkbox', 'ifx-switch', 'ifx-button'];\r\n\r\n    // Get all slotted elements\r\n    const slots = this.host.querySelectorAll('[slot]');\r\n\r\n    slots.forEach(slottedElement => {\r\n      // Check if the slotted element itself is an interactive component\r\n      if (interactiveComponents.includes(slottedElement.tagName.toLowerCase())) {\r\n        this.setElementDisabledState(slottedElement as HTMLElement);\r\n      }\r\n\r\n      // Also check for nested interactive components within the slotted element\r\n      interactiveComponents.forEach(componentTag => {\r\n        const nestedElements = slottedElement.querySelectorAll(componentTag);\r\n        nestedElements.forEach(nestedElement => {\r\n          this.setElementDisabledState(nestedElement as HTMLElement);\r\n        });\r\n      });\r\n    });\r\n  };\r\n\r\n  private setElementDisabledState = (element: HTMLElement) => {\r\n    if (this.disabled) {\r\n      element.setAttribute('disabled', 'true');\r\n    } else {\r\n      element.removeAttribute('disabled');\r\n    }\r\n  };  render() {\r\n    const isClickable = !this.disabled && (this.href || this.value);\r\n    const ariaLabel = this.itemAriaLabel || `${this.itemTitle}${this.description ? ` - ${this.description}` : ''}`;\r\n    const hasLeadingContent = this.hasSlotContent('leading');\r\n    const hasTrailingContent = this.hasSlotContent('trailing');\r\n\r\n    return (\r\n      <div\r\n        class={classNames(\r\n          'action-list-item',\r\n          this.disabled && 'action-list-item--disabled',\r\n          isClickable && 'action-list-item--clickable'\r\n        )}\r\n        role=\"listitem\"\r\n        tabIndex={isClickable ? 0 : -1}\r\n        aria-label={ariaLabel}\r\n        aria-disabled={this.disabled ? 'true' : undefined}\r\n        onClick={this.handleMainClick}\r\n        onKeyDown={this.handleMainKeyDown}\r\n      >\r\n        {/* Leading Item Container - only render if content exists */}\r\n        {hasLeadingContent && (\r\n          <div\r\n            class=\"action-list-item__leading\"\r\n            onClick={this.handleLeadingClick}\r\n            onKeyDown={this.handleLeadingKeyDown}\r\n          >\r\n            <slot name=\"leading\"></slot>\r\n          </div>\r\n        )}\r\n\r\n        {/* Text Container */}\r\n        <div class=\"action-list-item__content\">\r\n          <div class=\"action-list-item__title\">\r\n            {this.itemTitle}\r\n          </div>\r\n          {this.description && (\r\n            <div class=\"action-list-item__description\">\r\n              {this.description}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {/* Trailing Item Container - only render if content exists */}\r\n        {hasTrailingContent && (\r\n          <div\r\n            class=\"action-list-item__trailing\"\r\n            onClick={this.handleTrailingClick}\r\n            onKeyDown={this.handleTrailingKeyDown}\r\n          >\r\n            <slot name=\"trailing\"></slot>\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"action-list-item.js","sourceRoot":"","sources":["../../../src/components/action-list/action-list-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element, Event, EventEmitter, Watch } from '@stencil/core';\nimport classNames from 'classnames';\n\nexport interface ActionListItemClickEvent {\n  value?: string;\n  href?: string;\n  target?: string;\n  component?: ActionListItem;\n}\n\n@Component({\n  tag: 'ifx-action-list-item',\n  styleUrl: 'action-list-item.scss',\n  shadow: true,\n})\nexport class ActionListItem {\n  @Element() host: HTMLElement;\n\n  /**\n   * The title text displayed in the item\n   */\n  @Prop() itemTitle: string;\n\n  /**\n   * The description text displayed below the title\n   */\n  @Prop() description?: string;\n\n  /**\n   * Value associated with this item\n   */\n  @Prop() value?: string;\n\n  /**\n   * URL to navigate to when item is clicked\n   */\n  @Prop() href?: string;\n\n  /**\n   * Target for the link navigation\n   * @default '_self'\n   */\n  @Prop() target: string = '_self';\n\n  /**\n   * Controls whether the item is disabled\n   * @default false\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Aria label for accessibility support\n   */\n  @Prop() itemAriaLabel?: string;\n\n  /**\n   * Event emitted when the main item area is clicked\n   */\n  @Event() ifxActionListItemClick: EventEmitter<ActionListItemClickEvent>;\n\n  @Watch('disabled')\n  onDisabledChange() {\n    // Update interactive elements when disabled state changes\n    this.updateSlotElementsDisabledState();\n  }\n\n  private handleMainClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    // Check if clicked element is inside leading or trailing areas\n    const leadingElement = this.host.shadowRoot?.querySelector('.action-list-item__leading');\n    const trailingElement = this.host.shadowRoot?.querySelector('.action-list-item__trailing');\n\n    if (leadingElement?.contains(event.target as Node) || trailingElement?.contains(event.target as Node)) {\n      return; // Don't trigger main click if clicking on leading/trailing areas\n    }\n\n    // Always emit main event when clicking on content area (text), regardless of interactive elements\n    this.ifxActionListItemClick.emit({\n      value: this.value,\n      href: this.href,\n      target: this.target,\n      component: this,\n    });\n\n    // If href is provided, automatically navigate (Link mode)\n    // If no href is provided, only the event is emitted (Event mode)\n    if (this.href) {\n      if (this.target === '_blank') {\n        window.open(this.href, this.target);\n      } else {\n        window.location.href = this.href;\n      }\n    }\n  };\n\n  private handleLeadingClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    // Check if the clicked element or any of its parents is an interactive component\n    let currentElement = target;\n    while (currentElement && currentElement !== this.host) {\n      if (this.isInteractiveElement(currentElement)) {\n        // Interactive element clicked - stop propagation to prevent main event\n        event.stopPropagation();\n        return;\n      }\n      currentElement = currentElement.parentElement;\n    }\n\n    // Non-interactive element clicked - trigger main action\n    event.stopPropagation();\n    this.ifxActionListItemClick.emit({\n      value: this.value,\n      href: this.href,\n      target: this.target,\n      component: this,\n    });\n\n    // If href is provided, automatically navigate\n    if (this.href) {\n      if (this.target === '_blank') {\n        window.open(this.href, this.target);\n      } else {\n        window.location.href = this.href;\n      }\n    }\n  };\n\n  private handleTrailingClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    // Check if the clicked element or any of its parents is an interactive component\n    let currentElement = target;\n    while (currentElement && currentElement !== this.host) {\n      if (this.isInteractiveElement(currentElement)) {\n        // Interactive element clicked - stop propagation to prevent main event\n        event.stopPropagation();\n        return;\n      }\n      currentElement = currentElement.parentElement;\n    }\n\n    // Non-interactive element clicked - trigger main action\n    event.stopPropagation();\n    this.ifxActionListItemClick.emit({\n      value: this.value,\n      href: this.href,\n      target: this.target,\n      component: this,\n    });\n\n    // If href is provided, automatically navigate\n    if (this.href) {\n      if (this.target === '_blank') {\n        window.open(this.href, this.target);\n      } else {\n        window.location.href = this.href;\n      }\n    }\n  };\n\n  private isInteractiveElement = (element: HTMLElement): boolean => {\n    // Get the tag name, handling both custom elements and standard HTML\n    const tagName = element.tagName.toUpperCase();\n\n    // List of Infineon components that should block main event\n    const interactiveInfineonComponents = [\n      'IFX-BUTTON',\n      'IFX-CHECKBOX',\n      'IFX-SWITCH'\n    ];\n\n    // Check if it's an interactive Infineon component\n    return interactiveInfineonComponents.includes(tagName);\n  };\n\n  private handleMainKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n\n      // Always trigger main action via keyboard, regardless of interactive elements\n      this.handleMainClick(event as any);\n    }\n  };\n\n  private handleLeadingKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n\n      const leadingSlot = this.host.shadowRoot?.querySelector('slot[name=\"leading\"]') as HTMLSlotElement;\n      const assignedElements = leadingSlot?.assignedElements() || [];\n\n      // Find first interactive element and activate it\n      const firstInteractive = assignedElements.find(el =>\n        this.isInteractiveElement(el as HTMLElement)\n      ) as HTMLElement;\n\n      if (firstInteractive) {\n        firstInteractive.focus();\n        firstInteractive.click();\n      }\n    }\n  };\n\n  private handleTrailingKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n\n      const trailingSlot = this.host.shadowRoot?.querySelector('slot[name=\"trailing\"]') as HTMLSlotElement;\n      const assignedElements = trailingSlot?.assignedElements() || [];\n\n      // Find first interactive element and activate it\n      const firstInteractive = assignedElements.find(el =>\n        this.isInteractiveElement(el as HTMLElement)\n      ) as HTMLElement;\n\n      if (firstInteractive) {\n        firstInteractive.focus();\n        firstInteractive.click();\n      }\n    }\n  };\n\n  private hasSlotContent(slotName: string): boolean {\n    const slot = this.host.querySelector(`[slot=\"${slotName}\"]`);\n    return !!slot;\n  }\n\n  componentDidLoad() {\n    // Apply disabled state to interactive elements in slots\n    this.updateSlotElementsDisabledState();\n  }\n\n  componentDidUpdate() {\n    // Apply disabled state to interactive elements in slots when disabled prop changes\n    this.updateSlotElementsDisabledState();\n  }\n\n  private updateSlotElementsDisabledState = () => {\n    // Only handle interactive components that should be disabled\n    const interactiveComponents = ['ifx-checkbox', 'ifx-switch', 'ifx-button'];\n\n    // Get all slotted elements\n    const slots = this.host.querySelectorAll('[slot]');\n\n    slots.forEach(slottedElement => {\n      // Check if the slotted element itself is an interactive component\n      if (interactiveComponents.includes(slottedElement.tagName.toLowerCase())) {\n        this.setElementDisabledState(slottedElement as HTMLElement);\n      }\n\n      // Also check for nested interactive components within the slotted element\n      interactiveComponents.forEach(componentTag => {\n        const nestedElements = slottedElement.querySelectorAll(componentTag);\n        nestedElements.forEach(nestedElement => {\n          this.setElementDisabledState(nestedElement as HTMLElement);\n        });\n      });\n    });\n  };\n\n  private setElementDisabledState = (element: HTMLElement) => {\n    if (this.disabled) {\n      element.setAttribute('disabled', 'true');\n    } else {\n      element.removeAttribute('disabled');\n    }\n  };  render() {\n    const isClickable = !this.disabled && (this.href || this.value);\n    const ariaLabel = this.itemAriaLabel || `${this.itemTitle}${this.description ? ` - ${this.description}` : ''}`;\n    const hasLeadingContent = this.hasSlotContent('leading');\n    const hasTrailingContent = this.hasSlotContent('trailing');\n\n    return (\n      <div\n        class={classNames(\n          'action-list-item',\n          this.disabled && 'action-list-item--disabled',\n          isClickable && 'action-list-item--clickable'\n        )}\n        role=\"listitem\"\n        tabIndex={isClickable ? 0 : -1}\n        aria-label={ariaLabel}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        onClick={this.handleMainClick}\n        onKeyDown={this.handleMainKeyDown}\n      >\n        {/* Leading Item Container - only render if content exists */}\n        {hasLeadingContent && (\n          <div\n            class=\"action-list-item__leading\"\n            onClick={this.handleLeadingClick}\n            onKeyDown={this.handleLeadingKeyDown}\n          >\n            <slot name=\"leading\"></slot>\n          </div>\n        )}\n\n        {/* Text Container */}\n        <div class=\"action-list-item__content\">\n          <div class=\"action-list-item__title\">\n            {this.itemTitle}\n          </div>\n          {this.description && (\n            <div class=\"action-list-item__description\">\n              {this.description}\n            </div>\n          )}\n        </div>\n\n        {/* Trailing Item Container - only render if content exists */}\n        {hasTrailingContent && (\n          <div\n            class=\"action-list-item__trailing\"\n            onClick={this.handleTrailingClick}\n            onKeyDown={this.handleTrailingKeyDown}\n          >\n            <slot name=\"trailing\"></slot>\n          </div>\n        )}\n      </div>\n    );\n  }\n}"]}

package/dist/collection/components/action-list/action-list.js

@@ -10,7 +10,7 @@ export class ActionList {
         }
     }
     render() {
-        return (h("div", { key: '3b5dd123b84e88c458e22fd83e592735c006684b', class: "action-list", role: "list", "aria-label": this.listAriaLabel }, h("slot", { key: 'ed92d35c40ad4b1330296414f61f565c4bf30468' })));
+        return (h("div", { key: 'a9da34b5b948204642b94582781d1b74a86dc6f5', class: "action-list", role: "list", "aria-label": this.listAriaLabel }, h("slot", { key: 'bf5dea0baf869e9e072ebe7bfd0ae2104ceb477b' })));
     }
     static get is() { return "ifx-action-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/action-list/action-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"action-list.js","sourceRoot":"","sources":["../../../src/components/action-list/action-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAOzE,MAAM,OAAO,UAAU;IAQrB,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACrC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,iBAAiB,EAAE,MAAM,SAAS,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,MAAM,gBACC,IAAI,CAAC,aAAa;YAE9B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\r\nimport { trackComponent } from '../../global/utils/tracking';\r\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\r\nimport { detectFramework } from '../../global/utils/framework-detection';\r\n\r\n@Component({\r\n  tag: 'ifx-action-list',\r\n  styleUrl: 'action-list.scss',\r\n  shadow: true,\r\n})\r\nexport class ActionList {\r\n  @Element() el: HTMLElement;\r\n\r\n  /**\r\n   * Aria label for accessibility support\r\n   */\r\n  @Prop() listAriaLabel?: string;\r\n\r\n  async componentDidLoad() {\r\n    if (!isNestedInIfxComponent(this.el)) {\r\n      const framework = detectFramework();\r\n      trackComponent('ifx-action-list', await framework);\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div\r\n        class=\"action-list\"\r\n        role=\"list\"\r\n        aria-label={this.listAriaLabel}\r\n      >\r\n        <slot></slot>\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"action-list.js","sourceRoot":"","sources":["../../../src/components/action-list/action-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AAOzE,MAAM,OAAO,UAAU;IAQrB,KAAK,CAAC,gBAAgB;QACpB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YACrC,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;YACpC,cAAc,CAAC,iBAAiB,EAAE,MAAM,SAAS,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DACE,KAAK,EAAC,aAAa,EACnB,IAAI,EAAC,MAAM,gBACC,IAAI,CAAC,aAAa;YAE9B,8DAAa,CACT,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\nimport { trackComponent } from '../../global/utils/tracking';\nimport { isNestedInIfxComponent } from '../../global/utils/dom-utils';\nimport { detectFramework } from '../../global/utils/framework-detection';\n\n@Component({\n  tag: 'ifx-action-list',\n  styleUrl: 'action-list.scss',\n  shadow: true,\n})\nexport class ActionList {\n  @Element() el: HTMLElement;\n\n  /**\n   * Aria label for accessibility support\n   */\n  @Prop() listAriaLabel?: string;\n\n  async componentDidLoad() {\n    if (!isNestedInIfxComponent(this.el)) {\n      const framework = detectFramework();\n      trackComponent('ifx-action-list', await framework);\n    }\n  }\n\n  render() {\n    return (\n      <div\n        class=\"action-list\"\n        role=\"list\"\n        aria-label={this.listAriaLabel}\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}"]}