@infineon/infineon-design-system-stencil 29.1.0--canary.1633.ea5c93b9e7bbbf8f153c5409b74d7bf8e327df1b.0 → 29.1.0--canary.1627.016bd9a0ff94096ae626ba72de1e48c3099e6b1e.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/cjs/ifx-date-picker_2.cjs.entry.js +175 -0
  2. package/dist/cjs/ifx-date-picker_2.cjs.entry.js.map +1 -0
  3. package/dist/cjs/index-f6c58643.js +4 -8
  4. package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/collection/components/date-picker/date-picker.css +7 -0
  7. package/dist/collection/components/date-picker/date-picker.js +3 -1
  8. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  9. package/dist/components/ifx-date-picker.js +4 -2
  10. package/dist/components/ifx-date-picker.js.map +1 -1
  11. package/dist/esm/ifx-date-picker_2.entry.js +170 -0
  12. package/dist/esm/ifx-date-picker_2.entry.js.map +1 -0
  13. package/dist/esm/index-fc6a5751.js +4 -8
  14. package/dist/esm/infineon-design-system-stencil.js +1 -1
  15. package/dist/esm/loader.js +1 -1
  16. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  17. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map +1 -1
  18. package/dist/infineon-design-system-stencil/p-56f097c9.entry.js +2 -0
  19. package/dist/infineon-design-system-stencil/p-56f097c9.entry.js.map +1 -0
  20. package/package.json +1 -1
  21. package/dist/cjs/ifx-date-picker.cjs.entry.js +0 -102
  22. package/dist/cjs/ifx-date-picker.cjs.entry.js.map +0 -1
  23. package/dist/cjs/ifx-icon.cjs.entry.js +0 -79
  24. package/dist/cjs/ifx-icon.cjs.entry.js.map +0 -1
  25. package/dist/esm/ifx-date-picker.entry.js +0 -98
  26. package/dist/esm/ifx-date-picker.entry.js.map +0 -1
  27. package/dist/esm/ifx-icon.entry.js +0 -75
  28. package/dist/esm/ifx-icon.entry.js.map +0 -1
  29. package/dist/infineon-design-system-stencil/p-5992e272.entry.js +0 -2
  30. package/dist/infineon-design-system-stencil/p-5992e272.entry.js.map +0 -1
  31. package/dist/infineon-design-system-stencil/p-9518ef02.entry.js +0 -2
  32. package/dist/infineon-design-system-stencil/p-9518ef02.entry.js.map +0 -1
package/dist/esm/loader.js CHANGED
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
5
5
  const defineCustomElements = async (win, options) => {
6
6
  if (typeof window === 'undefined') return undefined;
7
7
  await globalScripts();
8
- return bootstrapLazy(JSON.parse("[[\"ifx-table\",[[1,\"ifx-table\",{\"cols\":[8],\"rows\":[8],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"pagination\":[4],\"paginationPageSize\":[2,\"pagination-page-size\"],\"filterOrientation\":[1,\"filter-orientation\"],\"showLoading\":[4,\"show-loading\"],\"currentPage\":[32],\"rowData\":[32],\"colData\":[32],\"filterOptions\":[32],\"currentFilters\":[32],\"uniqueKey\":[32],\"showSidebarFilters\":[32],\"matchingResultsCount\":[32],\"onBtShowLoading\":[64]},[[0,\"ifxChipChange\",\"handleChipChange\"]]]]],[\"ifx-set-filter\",[[1,\"ifx-set-filter\",{\"filterName\":[1,\"filter-name\"],\"filterLabel\":[1,\"filter-label\"],\"placeholder\":[1],\"type\":[1],\"options\":[1],\"filterValues\":[32]}]]],[\"ifx-faq\",[[1,\"ifx-faq\"]]],[\"ifx-list-entry\",[[1,\"ifx-list-entry\",{\"value\":[1028],\"label\":[1],\"type\":[1]},[[0,\"ifxChange\",\"handleFilterEntryChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-overview-table\",[[1,\"ifx-overview-table\"]]],[\"ifx-dropdown-trigger-button\",[[1,\"ifx-dropdown-trigger-button\",{\"isOpen\":[4,\"is-open\"],\"theme\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"hideArrow\":[4,\"hide-arrow\"]}]]],[\"ifx-filter-accordion\",[[1,\"ifx-filter-accordion\",{\"maxVisibleItems\":[2,\"max-visible-items\"],\"filterGroupName\":[1,\"filter-group-name\"],\"expanded\":[32],\"count\":[32],\"totalItems\":[32]}]]],[\"ifx-filter-bar\",[[1,\"ifx-filter-bar\",{\"maxShownFilters\":[2,\"max-shown-filters\"],\"showMoreFiltersButton\":[4,\"show-more-filters-button\"],\"selectedOptions\":[32],\"showAllFilters\":[32],\"visibleSlots\":[32]}]]],[\"ifx-filter-search\",[[1,\"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\",[[1,\"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\",[[1,\"ifx-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"variant\":[1],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"okButtonLabel\":[1,\"ok-button-label\"],\"cancelButtonLabel\":[1,\"cancel-button-label\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32]},null,{\"opened\":[\"openedChanged\"]}]]],[\"ifx-notification\",[[1,\"ifx-notification\",{\"icon\":[1],\"variant\":[1],\"linkText\":[1,\"link-text\"],\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ifx-search-bar\",[[1,\"ifx-search-bar\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"value\":[1025],\"maxlength\":[2],\"internalState\":[32],\"onNavbarMobile\":[64]},null,{\"isOpen\":[\"handlePropChange\"]}]]],[\"ifx-sidebar-item\",[[1,\"ifx-sidebar-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"numberIndicator\":[1,\"number-indicator\"],\"active\":[4],\"isActionItem\":[4,\"is-action-item\"],\"value\":[1],\"handleItemClick\":[16],\"hasIcon\":[32],\"hasIconWrapper\":[32],\"internalHref\":[32],\"isExpandable\":[32],\"isNested\":[32],\"isSubMenuItem\":[32],\"internalActiveState\":[32],\"setActiveClasses\":[64],\"expandMenu\":[64],\"isItemExpandable\":[64]},[[0,\"consoleError\",\"handleConsoleError\"]],{\"active\":[\"handleActiveChange\"]}]]],[\"ifx-alert\",[[1,\"ifx-alert\",{\"variant\":[1],\"icon\":[1],\"closable\":[4],\"AriaLive\":[1,\"aria-live\"],\"uniqueId\":[32]}]]],[\"ifx-breadcrumb-item-label\",[[1,\"ifx-breadcrumb-item-label\",{\"icon\":[1],\"url\":[1],\"target\":[1]}]]],[\"ifx-date-picker\",[[65,\"ifx-date-picker\",{\"size\":[1],\"error\":[4],\"success\":[4],\"disabled\":[4],\"AriaLabel\":[1,\"aria-label\"],\"value\":[1],\"max\":[1],\"min\":[1],\"required\":[4],\"label\":[1],\"caption\":[1]}]]],[\"ifx-dropdown-item\",[[1,\"ifx-dropdown-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"hide\":[4],\"size\":[32]},[[16,\"menuSize\",\"handleMenuSize\"]]]]],[\"ifx-icons-preview\",[[1,\"ifx-icons-preview\",{\"iconsArray\":[32],\"isCopied\":[32],\"copiedIndex\":[32],\"htmlTag\":[32],\"iconName\":[32]}]]],[\"ifx-list-item\",[[1,\"ifx-list-item\",{\"isFlush\":[1028,\"is-flush\"],\"badge\":[4],\"badgeValue\":[2,\"badge-value\"],\"hasBulletpoint\":[32]}]]],[\"ifx-navbar\",[[1,\"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,\"ifxSearchBarIsOpen\",\"handleSearchBarToggle\"]]]]],[\"ifx-navbar-item\",[[1,\"ifx-navbar-item\",{\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"href\":[1],\"target\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"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]},[[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-segment\",[[1,\"ifx-segment\",{\"icon\":[1],\"segmentIndex\":[2,\"segment-index\"],\"selected\":[1028],\"value\":[1]}]]],[\"ifx-segmented-control\",[[1,\"ifx-segmented-control\",{\"caption\":[1],\"label\":[1],\"size\":[1]},[[0,\"segmentSelect\",\"onSegmentSelect\"]]]]],[\"ifx-slider\",[[1,\"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],\"internalValue\":[32],\"percentage\":[32],\"internalMinValue\":[32],\"internalMaxValue\":[32]},null,{\"value\":[\"valueChanged\"],\"minValueHandle\":[\"minValueChanged\"],\"maxValueHandle\":[\"maxValueChanged\"]}]]],[\"ifx-step\",[[1,\"ifx-step\",{\"complete\":[4],\"disabled\":[4],\"error\":[1028],\"lastStep\":[4,\"last-step\"],\"stepId\":[2,\"step-id\"],\"stepperState\":[16],\"active\":[32],\"clickable\":[32]},[[4,\"ifxChange\",\"onStepChange\"]],{\"stepperState\":[\"updateCurrentStep\"],\"active\":[\"updateErrorState\"]}]]],[\"ifx-tabs\",[[1,\"ifx-tabs\",{\"orientation\":[1],\"activeTabIndex\":[1026,\"active-tab-index\"],\"internalOrientation\":[32],\"internalActiveTabIndex\":[32],\"internalFocusedTabIndex\":[32],\"tabRefs\":[32],\"tabHeaderRefs\":[32],\"disabledTabs\":[32],\"tabObjects\":[32]},[[9,\"resize\",\"updateBorderOnWindowResize\"],[0,\"slotchange\",\"onSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"activeTabIndex\":[\"activeTabIndexChanged\"]}]]],[\"ifx-tag\",[[1,\"ifx-tag\",{\"icon\":[1]}]]],[\"ifx-tooltip\",[[1,\"ifx-tooltip\",{\"header\":[1],\"text\":[1],\"position\":[1],\"variant\":[1],\"icon\":[1],\"tooltipVisible\":[32],\"internalPosition\":[32]},null,{\"position\":[\"positionChanged\"]}]]],[\"ifx-badge\",[[1,\"ifx-badge\"]]],[\"ifx-basic-table\",[[0,\"ifx-basic-table\",{\"cols\":[1],\"rows\":[1],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"gridOptions\":[32],\"columnDefs\":[32],\"rowData\":[32],\"uniqueKey\":[32]}]]],[\"ifx-breadcrumb\",[[1,\"ifx-breadcrumb\"]]],[\"ifx-breadcrumb-item\",[[1,\"ifx-breadcrumb-item\",{\"isLastItem\":[32],\"uniqueId\":[32],\"hasDropdownMenu\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"breadcrumbMenuIconWrapper\",\"menuWrapperEventReEmitter\"]]]]],[\"ifx-card\",[[1,\"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\",[[1,\"ifx-card-headline\",{\"direction\":[32],\"hasDesc\":[32]}]]],[\"ifx-card-image\",[[1,\"ifx-card-image\",{\"src\":[1],\"alt\":[1],\"position\":[1]}]]],[\"ifx-card-links\",[[1,\"ifx-card-links\"]]],[\"ifx-card-overline\",[[1,\"ifx-card-overline\"]]],[\"ifx-card-text\",[[1,\"ifx-card-text\",{\"hasBtn\":[32]}]]],[\"ifx-content-switcher\",[[1,\"ifx-content-switcher\",{\"items\":[32],\"activeIndex\":[32],\"hoverIndex\":[32],\"focusIndex\":[32],\"dividers\":[32]}]]],[\"ifx-content-switcher-item\",[[1,\"ifx-content-switcher-item\",{\"selected\":[4],\"value\":[1]}]]],[\"ifx-dropdown\",[[1,\"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]},[[0,\"slotchange\",\"watchHandlerSlot\"],[5,\"mousedown\",\"handleOutsideClick\"]],{\"defaultOpen\":[\"watchHandlerIsOpen\"],\"disabled\":[\"watchHandlerDisabled\"]}]]],[\"ifx-dropdown-header\",[[1,\"ifx-dropdown-header\"]]],[\"ifx-dropdown-menu\",[[1,\"ifx-dropdown-menu\",{\"isOpen\":[4,\"is-open\"],\"size\":[1],\"hideTopPadding\":[32],\"filteredItems\":[32]},[[0,\"ifxInput\",\"handleMenuFilter\"],[0,\"ifxDropdownItem\",\"handleDropdownItemValueEmission\"]]]]],[\"ifx-dropdown-trigger\",[[1,\"ifx-dropdown-trigger\",{\"isOpen\":[4,\"is-open\"]}]]],[\"ifx-filter-type-group\",[[1,\"ifx-filter-type-group\",{\"selectedOptions\":[32]}]]],[\"ifx-footer\",[[1,\"ifx-footer\",{\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32]}]]],[\"ifx-footer-column\",[[1,\"ifx-footer-column\"]]],[\"ifx-list-group\",[[1,\"ifx-list-group\",{\"flush\":[4],\"bulletpoint\":[4],\"notification\":[4]}]]],[\"ifx-list-notification\",[[1,\"ifx-list-notification\",{\"titleText\":[1,\"title-text\"],\"isFlush\":[4,\"is-flush\"],\"creationTime\":[8,\"creation-time\"],\"postTime\":[32],\"shownTime\":[32]}]]],[\"ifx-navbar-profile\",[[1,\"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-progress-bar\",[[1,\"ifx-progress-bar\",{\"value\":[2],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"internalValue\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"ifx-sidebar\",[[1,\"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\"],\"currentYear\":[32],\"internalTermsofUse\":[32],\"internalImprint\":[32],\"internalPrivacyPolicy\":[32],\"internalShowFooter\":[32],\"activeItem\":[32]},[[0,\"ifxSidebarMenu\",\"handleSidebarItemInteraction\"],[0,\"ifxSidebarNavigationItem\",\"handleSidebarItemActivated\"]]]]],[\"ifx-sidebar-title\",[[1,\"ifx-sidebar-title\"]]],[\"ifx-spinner\",[[1,\"ifx-spinner\",{\"size\":[1],\"variant\":[1],\"inverted\":[4]}]]],[\"ifx-status\",[[1,\"ifx-status\",{\"label\":[1],\"border\":[4],\"color\":[1]}]]],[\"ifx-stepper\",[[1,\"ifx-stepper\",{\"activeStep\":[1026,\"active-step\"],\"indicatorPosition\":[1,\"indicator-position\"],\"showStepNumber\":[4,\"show-step-number\"],\"variant\":[1],\"stepsCount\":[32],\"shouldEmitEvent\":[32],\"emittedByClick\":[32]},[[0,\"ifxChange\",\"onStepChange\"]],{\"activeStep\":[\"handleActiveStep\"]}]]],[\"ifx-switch\",[[65,\"ifx-switch\",{\"checked\":[4],\"name\":[1],\"disabled\":[4],\"value\":[1],\"internalChecked\":[32],\"isChecked\":[64]},null,{\"checked\":[\"valueChanged\"]}]]],[\"ifx-tab\",[[4,\"ifx-tab\",{\"header\":[1],\"disabled\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"]}]]],[\"ifx-textarea\",[[65,\"ifx-textarea\",{\"caption\":[1],\"cols\":[2],\"disabled\":[4],\"error\":[4],\"label\":[1],\"maxlength\":[2],\"name\":[1],\"placeholder\":[1],\"readOnly\":[4,\"read-only\"],\"resize\":[1],\"rows\":[2],\"value\":[1025],\"wrap\":[1],\"reset\":[64]}]]],[\"ifx-radio-button\",[[4,\"ifx-radio-button\",{\"disabled\":[4],\"value\":[1],\"error\":[4],\"size\":[1],\"name\":[1],\"checked\":[4],\"internalChecked\":[32],\"hasSlot\":[32],\"inputElement\":[32],\"isChecked\":[64]},[[8,\"change\",\"handleChange\"]]]]],[\"ifx-dropdown-separator\",[[1,\"ifx-dropdown-separator\"]]],[\"ifx-icon\",[[0,\"ifx-icon\",{\"icon\":[1025],\"ifxIcon\":[1032,\"ifx-icon\"]}]]],[\"ifx-checkbox\",[[65,\"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\"],\"indeterminate\":[\"indeterminateChanged\"]}]]],[\"ifx-multiselect_2\",[[65,\"ifx-multiselect\",{\"name\":[1],\"options\":[1],\"batchSize\":[2,\"batch-size\"],\"size\":[1],\"disabled\":[4],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"placeholder\":[1],\"maxItemCount\":[2,\"max-item-count\"],\"showSearch\":[4,\"show-search\"],\"showSelectAll\":[4,\"show-select-all\"],\"internalError\":[32],\"internalErrorMessage\":[32],\"persistentSelectedOptions\":[32],\"dropdownOpen\":[32],\"dropdownFlipped\":[32],\"zIndex\":[32],\"isLoading\":[32],\"loadedOptions\":[32],\"filteredOptions\":[32],\"optionCount\":[32],\"optionsProcessed\":[32]},null,{\"options\":[\"updateOptions\"],\"error\":[\"updateInternalError\"],\"errorMessage\":[\"updateInternalErrorMessage\"],\"loadedOptions\":[\"loadedOptionsChanged\"],\"persistentSelectedOptions\":[\"onSelectionChange\"]}],[65,\"ifx-text-field\",{\"placeholder\":[1],\"value\":[1025],\"error\":[4],\"label\":[1],\"icon\":[1],\"caption\":[1],\"size\":[1],\"required\":[4],\"optional\":[4],\"success\":[4],\"disabled\":[4],\"maxlength\":[2],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"reset\":[64]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ifx-accordion_2\",[[1,\"ifx-accordion-item\",{\"caption\":[1],\"open\":[1028],\"AriaLive\":[2,\"aria-live\"],\"internalOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"]],{\"open\":[\"openChanged\"]}],[17,\"ifx-accordion\",{\"autoCollapse\":[4,\"auto-collapse\"]},[[0,\"ifxItemOpen\",\"onItemOpen\"]]]]],[\"ifx-search-field\",[[1,\"ifx-search-field\",{\"value\":[1025],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"disabled\":[4],\"size\":[1],\"placeholder\":[1],\"maxlength\":[2],\"insideDropdown\":[32],\"showDeleteIconInternalState\":[32],\"isFocused\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"value\":[\"valueWatcher\"]}]]],[\"ifx-icon-button\",[[1,\"ifx-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"icon\":[1],\"href\":[1],\"target\":[1],\"shape\":[1],\"setFocus\":[64]},[[2,\"click\",\"handleClick\"]]]]],[\"ifx-select\",[[0,\"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],\"fuseOptions\":[16],\"addItemFilter\":[1,\"add-item-filter\"],\"customAddItemText\":[1,\"custom-add-item-text\"],\"callbackOnInit\":[16],\"callbackOnCreateTemplates\":[16],\"valueComparer\":[16],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"disabled\":[4],\"placeholderValue\":[1,\"placeholder-value\"],\"options\":[1025],\"size\":[1],\"selectedOption\":[32],\"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]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"disabled\":[\"watchDisabled\"]}]]],[\"ifx-chip_3\",[[1,\"ifx-pagination\",{\"currentPage\":[2,\"current-page\"],\"total\":[2],\"internalPage\":[32],\"itemsPerPage\":[32],\"numberOfPages\":[32]},[[0,\"ifxSelect\",\"setItemsPerPage\"]]],[1,\"ifx-chip\",{\"placeholder\":[1],\"size\":[1],\"value\":[1025],\"variant\":[1],\"readOnly\":[4,\"read-only\"],\"AriaLabel\":[1,\"aria-label\"],\"opened\":[32],\"selectedOptions\":[32]},[[5,\"mousedown\",\"closeDropdownOnOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"ifxChipItemSelect\",\"updateSelectedOptions\"]],{\"value\":[\"handleValueChange\"],\"readOnly\":[\"handleReadOnlyChange\"]}],[1,\"ifx-chip-item\",{\"value\":[1],\"chipState\":[16],\"selected\":[1540]},[[16,\"ifxChipItemSelect\",\"updateItemSelection\"]],{\"selected\":[\"validateSelected\"]}]]],[\"ifx-button\",[[1,\"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-link\",[[1,\"ifx-link\",{\"href\":[1],\"target\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"internalHref\":[32],\"internalTarget\":[32],\"internalVariant\":[32]}]]],[\"ifx-number-indicator\",[[1,\"ifx-number-indicator\",{\"inverted\":[4]}]]]]"), options);
8
+ return bootstrapLazy(JSON.parse("[[\"ifx-date-picker_2\",[[65,\"ifx-date-picker\",{\"size\":[1],\"error\":[4],\"success\":[4],\"disabled\":[4],\"AriaLabel\":[1,\"aria-label\"],\"value\":[1],\"max\":[1],\"min\":[1],\"required\":[4],\"label\":[1],\"caption\":[1]}],[0,\"ifx-icon\",{\"icon\":[1025],\"ifxIcon\":[1032,\"ifx-icon\"]}]]],[\"ifx-table\",[[1,\"ifx-table\",{\"cols\":[8],\"rows\":[8],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"pagination\":[4],\"paginationPageSize\":[2,\"pagination-page-size\"],\"filterOrientation\":[1,\"filter-orientation\"],\"showLoading\":[4,\"show-loading\"],\"currentPage\":[32],\"rowData\":[32],\"colData\":[32],\"filterOptions\":[32],\"currentFilters\":[32],\"uniqueKey\":[32],\"showSidebarFilters\":[32],\"matchingResultsCount\":[32],\"onBtShowLoading\":[64]},[[0,\"ifxChipChange\",\"handleChipChange\"]]]]],[\"ifx-set-filter\",[[1,\"ifx-set-filter\",{\"filterName\":[1,\"filter-name\"],\"filterLabel\":[1,\"filter-label\"],\"placeholder\":[1],\"type\":[1],\"options\":[1],\"filterValues\":[32]}]]],[\"ifx-faq\",[[1,\"ifx-faq\"]]],[\"ifx-list-entry\",[[1,\"ifx-list-entry\",{\"value\":[1028],\"label\":[1],\"type\":[1]},[[0,\"ifxChange\",\"handleFilterEntryChange\"]],{\"value\":[\"valueChanged\"]}]]],[\"ifx-overview-table\",[[1,\"ifx-overview-table\"]]],[\"ifx-dropdown-trigger-button\",[[1,\"ifx-dropdown-trigger-button\",{\"isOpen\":[4,\"is-open\"],\"theme\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"hideArrow\":[4,\"hide-arrow\"]}]]],[\"ifx-filter-accordion\",[[1,\"ifx-filter-accordion\",{\"maxVisibleItems\":[2,\"max-visible-items\"],\"filterGroupName\":[1,\"filter-group-name\"],\"expanded\":[32],\"count\":[32],\"totalItems\":[32]}]]],[\"ifx-filter-bar\",[[1,\"ifx-filter-bar\",{\"maxShownFilters\":[2,\"max-shown-filters\"],\"showMoreFiltersButton\":[4,\"show-more-filters-button\"],\"selectedOptions\":[32],\"showAllFilters\":[32],\"visibleSlots\":[32]}]]],[\"ifx-filter-search\",[[1,\"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\",[[1,\"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\",[[1,\"ifx-modal\",{\"opened\":[1540],\"caption\":[1],\"closeOnOverlayClick\":[4,\"close-on-overlay-click\"],\"variant\":[1],\"size\":[1],\"alertIcon\":[1,\"alert-icon\"],\"okButtonLabel\":[1,\"ok-button-label\"],\"cancelButtonLabel\":[1,\"cancel-button-label\"],\"showCloseButton\":[4,\"show-close-button\"],\"showModal\":[32],\"slotButtonsPresent\":[32]},null,{\"opened\":[\"openedChanged\"]}]]],[\"ifx-notification\",[[1,\"ifx-notification\",{\"icon\":[1],\"variant\":[1],\"linkText\":[1,\"link-text\"],\"linkHref\":[1,\"link-href\"],\"linkTarget\":[1,\"link-target\"]}]]],[\"ifx-search-bar\",[[1,\"ifx-search-bar\",{\"isOpen\":[4,\"is-open\"],\"disabled\":[4],\"value\":[1025],\"maxlength\":[2],\"internalState\":[32],\"onNavbarMobile\":[64]},null,{\"isOpen\":[\"handlePropChange\"]}]]],[\"ifx-sidebar-item\",[[1,\"ifx-sidebar-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"numberIndicator\":[1,\"number-indicator\"],\"active\":[4],\"isActionItem\":[4,\"is-action-item\"],\"value\":[1],\"handleItemClick\":[16],\"hasIcon\":[32],\"hasIconWrapper\":[32],\"internalHref\":[32],\"isExpandable\":[32],\"isNested\":[32],\"isSubMenuItem\":[32],\"internalActiveState\":[32],\"setActiveClasses\":[64],\"expandMenu\":[64],\"isItemExpandable\":[64]},[[0,\"consoleError\",\"handleConsoleError\"]],{\"active\":[\"handleActiveChange\"]}]]],[\"ifx-alert\",[[1,\"ifx-alert\",{\"variant\":[1],\"icon\":[1],\"closable\":[4],\"AriaLive\":[1,\"aria-live\"],\"uniqueId\":[32]}]]],[\"ifx-breadcrumb-item-label\",[[1,\"ifx-breadcrumb-item-label\",{\"icon\":[1],\"url\":[1],\"target\":[1]}]]],[\"ifx-dropdown-item\",[[1,\"ifx-dropdown-item\",{\"icon\":[1],\"href\":[1],\"target\":[1],\"hide\":[4],\"size\":[32]},[[16,\"menuSize\",\"handleMenuSize\"]]]]],[\"ifx-icons-preview\",[[1,\"ifx-icons-preview\",{\"iconsArray\":[32],\"isCopied\":[32],\"copiedIndex\":[32],\"htmlTag\":[32],\"iconName\":[32]}]]],[\"ifx-list-item\",[[1,\"ifx-list-item\",{\"isFlush\":[1028,\"is-flush\"],\"badge\":[4],\"badgeValue\":[2,\"badge-value\"],\"hasBulletpoint\":[32]}]]],[\"ifx-navbar\",[[1,\"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,\"ifxSearchBarIsOpen\",\"handleSearchBarToggle\"]]]]],[\"ifx-navbar-item\",[[1,\"ifx-navbar-item\",{\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"href\":[1],\"target\":[1],\"hideOnMobile\":[4,\"hide-on-mobile\"],\"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]},[[5,\"mousedown\",\"handleOutsideClick\"]]]]],[\"ifx-segment\",[[1,\"ifx-segment\",{\"icon\":[1],\"segmentIndex\":[2,\"segment-index\"],\"selected\":[1028],\"value\":[1]}]]],[\"ifx-segmented-control\",[[1,\"ifx-segmented-control\",{\"caption\":[1],\"label\":[1],\"size\":[1]},[[0,\"segmentSelect\",\"onSegmentSelect\"]]]]],[\"ifx-slider\",[[1,\"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],\"internalValue\":[32],\"percentage\":[32],\"internalMinValue\":[32],\"internalMaxValue\":[32]},null,{\"value\":[\"valueChanged\"],\"minValueHandle\":[\"minValueChanged\"],\"maxValueHandle\":[\"maxValueChanged\"]}]]],[\"ifx-step\",[[1,\"ifx-step\",{\"complete\":[4],\"disabled\":[4],\"error\":[1028],\"lastStep\":[4,\"last-step\"],\"stepId\":[2,\"step-id\"],\"stepperState\":[16],\"active\":[32],\"clickable\":[32]},[[4,\"ifxChange\",\"onStepChange\"]],{\"stepperState\":[\"updateCurrentStep\"],\"active\":[\"updateErrorState\"]}]]],[\"ifx-tabs\",[[1,\"ifx-tabs\",{\"orientation\":[1],\"activeTabIndex\":[1026,\"active-tab-index\"],\"internalOrientation\":[32],\"internalActiveTabIndex\":[32],\"internalFocusedTabIndex\":[32],\"tabRefs\":[32],\"tabHeaderRefs\":[32],\"disabledTabs\":[32],\"tabObjects\":[32]},[[9,\"resize\",\"updateBorderOnWindowResize\"],[0,\"slotchange\",\"onSlotChange\"],[0,\"keydown\",\"handleKeyDown\"]],{\"activeTabIndex\":[\"activeTabIndexChanged\"]}]]],[\"ifx-tag\",[[1,\"ifx-tag\",{\"icon\":[1]}]]],[\"ifx-tooltip\",[[1,\"ifx-tooltip\",{\"header\":[1],\"text\":[1],\"position\":[1],\"variant\":[1],\"icon\":[1],\"tooltipVisible\":[32],\"internalPosition\":[32]},null,{\"position\":[\"positionChanged\"]}]]],[\"ifx-badge\",[[1,\"ifx-badge\"]]],[\"ifx-basic-table\",[[0,\"ifx-basic-table\",{\"cols\":[1],\"rows\":[1],\"rowHeight\":[1,\"row-height\"],\"tableHeight\":[1,\"table-height\"],\"gridOptions\":[32],\"columnDefs\":[32],\"rowData\":[32],\"uniqueKey\":[32]}]]],[\"ifx-breadcrumb\",[[1,\"ifx-breadcrumb\"]]],[\"ifx-breadcrumb-item\",[[1,\"ifx-breadcrumb-item\",{\"isLastItem\":[32],\"uniqueId\":[32],\"hasDropdownMenu\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"breadcrumbMenuIconWrapper\",\"menuWrapperEventReEmitter\"]]]]],[\"ifx-card\",[[1,\"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\",[[1,\"ifx-card-headline\",{\"direction\":[32],\"hasDesc\":[32]}]]],[\"ifx-card-image\",[[1,\"ifx-card-image\",{\"src\":[1],\"alt\":[1],\"position\":[1]}]]],[\"ifx-card-links\",[[1,\"ifx-card-links\"]]],[\"ifx-card-overline\",[[1,\"ifx-card-overline\"]]],[\"ifx-card-text\",[[1,\"ifx-card-text\",{\"hasBtn\":[32]}]]],[\"ifx-content-switcher\",[[1,\"ifx-content-switcher\",{\"items\":[32],\"activeIndex\":[32],\"hoverIndex\":[32],\"focusIndex\":[32],\"dividers\":[32]}]]],[\"ifx-content-switcher-item\",[[1,\"ifx-content-switcher-item\",{\"selected\":[4],\"value\":[1]}]]],[\"ifx-dropdown\",[[1,\"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]},[[0,\"slotchange\",\"watchHandlerSlot\"],[5,\"mousedown\",\"handleOutsideClick\"]],{\"defaultOpen\":[\"watchHandlerIsOpen\"],\"disabled\":[\"watchHandlerDisabled\"]}]]],[\"ifx-dropdown-header\",[[1,\"ifx-dropdown-header\"]]],[\"ifx-dropdown-menu\",[[1,\"ifx-dropdown-menu\",{\"isOpen\":[4,\"is-open\"],\"size\":[1],\"hideTopPadding\":[32],\"filteredItems\":[32]},[[0,\"ifxInput\",\"handleMenuFilter\"],[0,\"ifxDropdownItem\",\"handleDropdownItemValueEmission\"]]]]],[\"ifx-dropdown-trigger\",[[1,\"ifx-dropdown-trigger\",{\"isOpen\":[4,\"is-open\"]}]]],[\"ifx-filter-type-group\",[[1,\"ifx-filter-type-group\",{\"selectedOptions\":[32]}]]],[\"ifx-footer\",[[1,\"ifx-footer\",{\"copyrightText\":[1,\"copyright-text\"],\"currentYear\":[32]}]]],[\"ifx-footer-column\",[[1,\"ifx-footer-column\"]]],[\"ifx-list-group\",[[1,\"ifx-list-group\",{\"flush\":[4],\"bulletpoint\":[4],\"notification\":[4]}]]],[\"ifx-list-notification\",[[1,\"ifx-list-notification\",{\"titleText\":[1,\"title-text\"],\"isFlush\":[4,\"is-flush\"],\"creationTime\":[8,\"creation-time\"],\"postTime\":[32],\"shownTime\":[32]}]]],[\"ifx-navbar-profile\",[[1,\"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-progress-bar\",[[1,\"ifx-progress-bar\",{\"value\":[2],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"internalValue\":[32]},null,{\"value\":[\"valueChanged\"]}]]],[\"ifx-sidebar\",[[1,\"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\"],\"currentYear\":[32],\"internalTermsofUse\":[32],\"internalImprint\":[32],\"internalPrivacyPolicy\":[32],\"internalShowFooter\":[32],\"activeItem\":[32]},[[0,\"ifxSidebarMenu\",\"handleSidebarItemInteraction\"],[0,\"ifxSidebarNavigationItem\",\"handleSidebarItemActivated\"]]]]],[\"ifx-sidebar-title\",[[1,\"ifx-sidebar-title\"]]],[\"ifx-spinner\",[[1,\"ifx-spinner\",{\"size\":[1],\"variant\":[1],\"inverted\":[4]}]]],[\"ifx-status\",[[1,\"ifx-status\",{\"label\":[1],\"border\":[4],\"color\":[1]}]]],[\"ifx-stepper\",[[1,\"ifx-stepper\",{\"activeStep\":[1026,\"active-step\"],\"indicatorPosition\":[1,\"indicator-position\"],\"showStepNumber\":[4,\"show-step-number\"],\"variant\":[1],\"stepsCount\":[32],\"shouldEmitEvent\":[32],\"emittedByClick\":[32]},[[0,\"ifxChange\",\"onStepChange\"]],{\"activeStep\":[\"handleActiveStep\"]}]]],[\"ifx-switch\",[[65,\"ifx-switch\",{\"checked\":[4],\"name\":[1],\"disabled\":[4],\"value\":[1],\"internalChecked\":[32],\"isChecked\":[64]},null,{\"checked\":[\"valueChanged\"]}]]],[\"ifx-tab\",[[4,\"ifx-tab\",{\"header\":[1],\"disabled\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"]}]]],[\"ifx-textarea\",[[65,\"ifx-textarea\",{\"caption\":[1],\"cols\":[2],\"disabled\":[4],\"error\":[4],\"label\":[1],\"maxlength\":[2],\"name\":[1],\"placeholder\":[1],\"readOnly\":[4,\"read-only\"],\"resize\":[1],\"rows\":[2],\"value\":[1025],\"wrap\":[1],\"reset\":[64]}]]],[\"ifx-radio-button\",[[4,\"ifx-radio-button\",{\"disabled\":[4],\"value\":[1],\"error\":[4],\"size\":[1],\"name\":[1],\"checked\":[4],\"internalChecked\":[32],\"hasSlot\":[32],\"inputElement\":[32],\"isChecked\":[64]},[[8,\"change\",\"handleChange\"]]]]],[\"ifx-dropdown-separator\",[[1,\"ifx-dropdown-separator\"]]],[\"ifx-checkbox\",[[65,\"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\"],\"indeterminate\":[\"indeterminateChanged\"]}]]],[\"ifx-multiselect_2\",[[65,\"ifx-multiselect\",{\"name\":[1],\"options\":[1],\"batchSize\":[2,\"batch-size\"],\"size\":[1],\"disabled\":[4],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"placeholder\":[1],\"maxItemCount\":[2,\"max-item-count\"],\"showSearch\":[4,\"show-search\"],\"showSelectAll\":[4,\"show-select-all\"],\"internalError\":[32],\"internalErrorMessage\":[32],\"persistentSelectedOptions\":[32],\"dropdownOpen\":[32],\"dropdownFlipped\":[32],\"zIndex\":[32],\"isLoading\":[32],\"loadedOptions\":[32],\"filteredOptions\":[32],\"optionCount\":[32],\"optionsProcessed\":[32]},null,{\"options\":[\"updateOptions\"],\"error\":[\"updateInternalError\"],\"errorMessage\":[\"updateInternalErrorMessage\"],\"loadedOptions\":[\"loadedOptionsChanged\"],\"persistentSelectedOptions\":[\"onSelectionChange\"]}],[65,\"ifx-text-field\",{\"placeholder\":[1],\"value\":[1025],\"error\":[4],\"label\":[1],\"icon\":[1],\"caption\":[1],\"size\":[1],\"required\":[4],\"optional\":[4],\"success\":[4],\"disabled\":[4],\"maxlength\":[2],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"reset\":[64]},null,{\"value\":[\"valueWatcher\"]}]]],[\"ifx-accordion_2\",[[1,\"ifx-accordion-item\",{\"caption\":[1],\"open\":[1028],\"AriaLive\":[2,\"aria-live\"],\"internalOpen\":[32]},[[0,\"keydown\",\"handleKeydown\"]],{\"open\":[\"openChanged\"]}],[17,\"ifx-accordion\",{\"autoCollapse\":[4,\"auto-collapse\"]},[[0,\"ifxItemOpen\",\"onItemOpen\"]]]]],[\"ifx-search-field\",[[1,\"ifx-search-field\",{\"value\":[1025],\"showDeleteIcon\":[4,\"show-delete-icon\"],\"disabled\":[4],\"size\":[1],\"placeholder\":[1],\"maxlength\":[2],\"insideDropdown\":[32],\"showDeleteIconInternalState\":[32],\"isFocused\":[32]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"value\":[\"valueWatcher\"]}]]],[\"ifx-icon-button\",[[1,\"ifx-icon-button\",{\"variant\":[1],\"size\":[1],\"disabled\":[4],\"icon\":[1],\"href\":[1],\"target\":[1],\"shape\":[1],\"setFocus\":[64]},[[2,\"click\",\"handleClick\"]]]]],[\"ifx-select\",[[0,\"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],\"fuseOptions\":[16],\"addItemFilter\":[1,\"add-item-filter\"],\"customAddItemText\":[1,\"custom-add-item-text\"],\"callbackOnInit\":[16],\"callbackOnCreateTemplates\":[16],\"valueComparer\":[16],\"error\":[4],\"errorMessage\":[1,\"error-message\"],\"label\":[1],\"disabled\":[4],\"placeholderValue\":[1,\"placeholder-value\"],\"options\":[1025],\"size\":[1],\"selectedOption\":[32],\"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]},[[5,\"mousedown\",\"handleOutsideClick\"]],{\"disabled\":[\"watchDisabled\"]}]]],[\"ifx-chip_3\",[[1,\"ifx-pagination\",{\"currentPage\":[2,\"current-page\"],\"total\":[2],\"internalPage\":[32],\"itemsPerPage\":[32],\"numberOfPages\":[32]},[[0,\"ifxSelect\",\"setItemsPerPage\"]]],[1,\"ifx-chip\",{\"placeholder\":[1],\"size\":[1],\"value\":[1025],\"variant\":[1],\"readOnly\":[4,\"read-only\"],\"AriaLabel\":[1,\"aria-label\"],\"opened\":[32],\"selectedOptions\":[32]},[[5,\"mousedown\",\"closeDropdownOnOutsideClick\"],[0,\"keydown\",\"handleKeyDown\"],[0,\"ifxChipItemSelect\",\"updateSelectedOptions\"]],{\"value\":[\"handleValueChange\"],\"readOnly\":[\"handleReadOnlyChange\"]}],[1,\"ifx-chip-item\",{\"value\":[1],\"chipState\":[16],\"selected\":[1540]},[[16,\"ifxChipItemSelect\",\"updateItemSelection\"]],{\"selected\":[\"validateSelected\"]}]]],[\"ifx-button\",[[1,\"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-link\",[[1,\"ifx-link\",{\"href\":[1],\"target\":[1],\"variant\":[1],\"size\":[1],\"disabled\":[4],\"internalHref\":[32],\"internalTarget\":[32],\"internalVariant\":[32]}]]],[\"ifx-number-indicator\",[[1,\"ifx-number-indicator\",{\"inverted\":[4]}]]]]"), options);
9
9
  };
10
10
 
11
11
  export { defineCustomElements };
package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- import{p as e,H as t,b as i}from"./p-80bb0959.js";export{s as setNonce}from"./p-80bb0959.js";import{g as a}from"./p-e1255160.js";var n=()=>{{o(t.prototype)}const i=import.meta.url;const a={};if(i!==""){a.resourcesUrl=new URL(".",i).href}return e(a)};var o=e=>{const t=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return t.call(this,e)}const i=t.call(this,false);const a=this.childNodes;if(e){for(let e=0;e<a.length;e++){if(a[e].nodeType!==2){i.appendChild(a[e].cloneNode(true))}}}return i}};n().then((async e=>{await a();return i(JSON.parse('[["p-7d11833b",[[1,"ifx-table",{"cols":[8],"rows":[8],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"filterOrientation":[1,"filter-orientation"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"onBtShowLoading":[64]},[[0,"ifxChipChange","handleChipChange"]]]]],["p-1d9e400c",[[1,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-57671542",[[1,"ifx-faq"]]],["p-a4f220c4",[[1,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["p-4631ff84",[[1,"ifx-overview-table"]]],["p-8c9887e3",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-2afb8620",[[1,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-6c6ddeb1",[[1,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["p-9910fa06",[[1,"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"]}]]],["p-37654645",[[1,"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"]}]]],["p-b8f31dc3",[[1,"ifx-modal",{"opened":[1540],"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["p-41b0849d",[[1,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-9b77f2ec",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["p-a29b6247",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[1,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"value":[1],"handleItemClick":[16],"hasIcon":[32],"hasIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"]}]]],["p-4aab4af4",[[1,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["p-d323e4ed",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["p-9518ef02",[[65,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"AriaLabel":[1,"aria-label"],"value":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1]}]]],["p-47476fcb",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["p-dba5e033",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["p-16348b9d",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["p-85e4c1c2",[[1,"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,"ifxSearchBarIsOpen","handleSearchBarToggle"]]]]],["p-ee68427e",[[1,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"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]},[[5,"mousedown","handleOutsideClick"]]]]],["p-19565224",[[1,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-e21ab79f",[[1,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-1e07a44d",[[1,"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],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["p-73a92169",[[1,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["p-661d19d6",[[1,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"internalOrientation":[32],"internalActiveTabIndex":[32],"internalFocusedTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"disabledTabs":[32],"tabObjects":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["p-d868e967",[[1,"ifx-tag",{"icon":[1]}]]],["p-45c14df8",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["p-951cf503",[[1,"ifx-badge"]]],["p-849b1812",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-6ad287cf",[[1,"ifx-breadcrumb"]]],["p-5cc523fb",[[1,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-c9aca4b7",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"AriaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-c22f8c81",[[1,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-a3c03169",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["p-c61a9185",[[1,"ifx-card-links"]]],["p-4111bbdc",[[1,"ifx-card-overline"]]],["p-cb0ddc9b",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["p-6e61295f",[[1,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-1175d112",[[1,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-fcf71895",[[1,"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]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["p-0b5ad497",[[1,"ifx-dropdown-header"]]],["p-b3fb648f",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-d31a6167",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-10ae176f",[[1,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-9c50bc3e",[[1,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-f3383274",[[1,"ifx-footer-column"]]],["p-e8cde48d",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["p-1b9317bd",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["p-0c570fa2",[[1,"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"]]]]],["p-2ea18356",[[1,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["p-2ae0a0d0",[[1,"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"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]]]]],["p-e6427f2e",[[1,"ifx-sidebar-title"]]],["p-c90f337e",[[1,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4]}]]],["p-d2749c43",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-9f1ab459",[[1,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["p-18d07164",[[65,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["p-a9a1fc54",[[4,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["p-9ecb5401",[[65,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"reset":[64]}]]],["p-ba22e912",[[4,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[1],"name":[1],"checked":[4],"internalChecked":[32],"hasSlot":[32],"inputElement":[32],"isChecked":[64]},[[8,"change","handleChange"]]]]],["p-492a9ab7",[[1,"ifx-dropdown-separator"]]],["p-5992e272",[[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]],["p-4349aa3a",[[65,"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"],"indeterminate":["indeterminateChanged"]}]]],["p-b4d2f129",[[65,"ifx-multiselect",{"name":[1],"options":[1],"batchSize":[2,"batch-size"],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"placeholder":[1],"maxItemCount":[2,"max-item-count"],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"internalError":[32],"internalErrorMessage":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32],"isLoading":[32],"loadedOptions":[32],"filteredOptions":[32],"optionCount":[32],"optionsProcessed":[32]},null,{"options":["updateOptions"],"error":["updateInternalError"],"errorMessage":["updateInternalErrorMessage"],"loadedOptions":["loadedOptionsChanged"],"persistentSelectedOptions":["onSelectionChange"]}],[65,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"optional":[4],"success":[4],"disabled":[4],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"reset":[64]},null,{"value":["valueWatcher"]}]]],["p-79b4d359",[[1,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLive":[2,"aria-live"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[17,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["p-5ab7bd95",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"maxlength":[2],"insideDropdown":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]],{"value":["valueWatcher"]}]]],["p-3be58aa2",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]},[[2,"click","handleClick"]]]]],["p-e65cee48",[[0,"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],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"disabled":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"selectedOption":[32],"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]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["p-100ec922",[[1,"ifx-pagination",{"currentPage":[2,"current-page"],"total":[2],"internalPage":[32],"itemsPerPage":[32],"numberOfPages":[32]},[[0,"ifxSelect","setItemsPerPage"]]],[1,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"readOnly":[4,"read-only"],"AriaLabel":[1,"aria-label"],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[1,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["p-2d17e5b2",[[1,"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"]}]]],["p-31889cb2",[[1,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["p-985c7bdc",[[1,"ifx-number-indicator",{"inverted":[4]}]]]]'),e)}));
1
+ import{p as e,H as t,b as i}from"./p-80bb0959.js";export{s as setNonce}from"./p-80bb0959.js";import{g as a}from"./p-e1255160.js";var n=()=>{{o(t.prototype)}const i=import.meta.url;const a={};if(i!==""){a.resourcesUrl=new URL(".",i).href}return e(a)};var o=e=>{const t=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return t.call(this,e)}const i=t.call(this,false);const a=this.childNodes;if(e){for(let e=0;e<a.length;e++){if(a[e].nodeType!==2){i.appendChild(a[e].cloneNode(true))}}}return i}};n().then((async e=>{await a();return i(JSON.parse('[["p-56f097c9",[[65,"ifx-date-picker",{"size":[1],"error":[4],"success":[4],"disabled":[4],"AriaLabel":[1,"aria-label"],"value":[1],"max":[1],"min":[1],"required":[4],"label":[1],"caption":[1]}],[0,"ifx-icon",{"icon":[1025],"ifxIcon":[1032,"ifx-icon"]}]]],["p-7d11833b",[[1,"ifx-table",{"cols":[8],"rows":[8],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"pagination":[4],"paginationPageSize":[2,"pagination-page-size"],"filterOrientation":[1,"filter-orientation"],"showLoading":[4,"show-loading"],"currentPage":[32],"rowData":[32],"colData":[32],"filterOptions":[32],"currentFilters":[32],"uniqueKey":[32],"showSidebarFilters":[32],"matchingResultsCount":[32],"onBtShowLoading":[64]},[[0,"ifxChipChange","handleChipChange"]]]]],["p-1d9e400c",[[1,"ifx-set-filter",{"filterName":[1,"filter-name"],"filterLabel":[1,"filter-label"],"placeholder":[1],"type":[1],"options":[1],"filterValues":[32]}]]],["p-57671542",[[1,"ifx-faq"]]],["p-a4f220c4",[[1,"ifx-list-entry",{"value":[1028],"label":[1],"type":[1]},[[0,"ifxChange","handleFilterEntryChange"]],{"value":["valueChanged"]}]]],["p-4631ff84",[[1,"ifx-overview-table"]]],["p-8c9887e3",[[1,"ifx-dropdown-trigger-button",{"isOpen":[4,"is-open"],"theme":[1],"variant":[1],"size":[1],"disabled":[4],"hideArrow":[4,"hide-arrow"]}]]],["p-2afb8620",[[1,"ifx-filter-accordion",{"maxVisibleItems":[2,"max-visible-items"],"filterGroupName":[1,"filter-group-name"],"expanded":[32],"count":[32],"totalItems":[32]}]]],["p-6c6ddeb1",[[1,"ifx-filter-bar",{"maxShownFilters":[2,"max-shown-filters"],"showMoreFiltersButton":[4,"show-more-filters-button"],"selectedOptions":[32],"showAllFilters":[32],"visibleSlots":[32]}]]],["p-9910fa06",[[1,"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"]}]]],["p-37654645",[[1,"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"]}]]],["p-b8f31dc3",[[1,"ifx-modal",{"opened":[1540],"caption":[1],"closeOnOverlayClick":[4,"close-on-overlay-click"],"variant":[1],"size":[1],"alertIcon":[1,"alert-icon"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonLabel":[1,"cancel-button-label"],"showCloseButton":[4,"show-close-button"],"showModal":[32],"slotButtonsPresent":[32]},null,{"opened":["openedChanged"]}]]],["p-41b0849d",[[1,"ifx-notification",{"icon":[1],"variant":[1],"linkText":[1,"link-text"],"linkHref":[1,"link-href"],"linkTarget":[1,"link-target"]}]]],["p-9b77f2ec",[[1,"ifx-search-bar",{"isOpen":[4,"is-open"],"disabled":[4],"value":[1025],"maxlength":[2],"internalState":[32],"onNavbarMobile":[64]},null,{"isOpen":["handlePropChange"]}]]],["p-a29b6247",[[1,"ifx-sidebar-item",{"icon":[1],"href":[1],"target":[1],"numberIndicator":[1,"number-indicator"],"active":[4],"isActionItem":[4,"is-action-item"],"value":[1],"handleItemClick":[16],"hasIcon":[32],"hasIconWrapper":[32],"internalHref":[32],"isExpandable":[32],"isNested":[32],"isSubMenuItem":[32],"internalActiveState":[32],"setActiveClasses":[64],"expandMenu":[64],"isItemExpandable":[64]},[[0,"consoleError","handleConsoleError"]],{"active":["handleActiveChange"]}]]],["p-4aab4af4",[[1,"ifx-alert",{"variant":[1],"icon":[1],"closable":[4],"AriaLive":[1,"aria-live"],"uniqueId":[32]}]]],["p-d323e4ed",[[1,"ifx-breadcrumb-item-label",{"icon":[1],"url":[1],"target":[1]}]]],["p-47476fcb",[[1,"ifx-dropdown-item",{"icon":[1],"href":[1],"target":[1],"hide":[4],"size":[32]},[[16,"menuSize","handleMenuSize"]]]]],["p-dba5e033",[[1,"ifx-icons-preview",{"iconsArray":[32],"isCopied":[32],"copiedIndex":[32],"htmlTag":[32],"iconName":[32]}]]],["p-16348b9d",[[1,"ifx-list-item",{"isFlush":[1028,"is-flush"],"badge":[4],"badgeValue":[2,"badge-value"],"hasBulletpoint":[32]}]]],["p-85e4c1c2",[[1,"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,"ifxSearchBarIsOpen","handleSearchBarToggle"]]]]],["p-ee68427e",[[1,"ifx-navbar-item",{"showLabel":[4,"show-label"],"icon":[1],"href":[1],"target":[1],"hideOnMobile":[4,"hide-on-mobile"],"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]},[[5,"mousedown","handleOutsideClick"]]]]],["p-19565224",[[1,"ifx-segment",{"icon":[1],"segmentIndex":[2,"segment-index"],"selected":[1028],"value":[1]}]]],["p-e21ab79f",[[1,"ifx-segmented-control",{"caption":[1],"label":[1],"size":[1]},[[0,"segmentSelect","onSegmentSelect"]]]]],["p-1e07a44d",[[1,"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],"internalValue":[32],"percentage":[32],"internalMinValue":[32],"internalMaxValue":[32]},null,{"value":["valueChanged"],"minValueHandle":["minValueChanged"],"maxValueHandle":["maxValueChanged"]}]]],["p-73a92169",[[1,"ifx-step",{"complete":[4],"disabled":[4],"error":[1028],"lastStep":[4,"last-step"],"stepId":[2,"step-id"],"stepperState":[16],"active":[32],"clickable":[32]},[[4,"ifxChange","onStepChange"]],{"stepperState":["updateCurrentStep"],"active":["updateErrorState"]}]]],["p-661d19d6",[[1,"ifx-tabs",{"orientation":[1],"activeTabIndex":[1026,"active-tab-index"],"internalOrientation":[32],"internalActiveTabIndex":[32],"internalFocusedTabIndex":[32],"tabRefs":[32],"tabHeaderRefs":[32],"disabledTabs":[32],"tabObjects":[32]},[[9,"resize","updateBorderOnWindowResize"],[0,"slotchange","onSlotChange"],[0,"keydown","handleKeyDown"]],{"activeTabIndex":["activeTabIndexChanged"]}]]],["p-d868e967",[[1,"ifx-tag",{"icon":[1]}]]],["p-45c14df8",[[1,"ifx-tooltip",{"header":[1],"text":[1],"position":[1],"variant":[1],"icon":[1],"tooltipVisible":[32],"internalPosition":[32]},null,{"position":["positionChanged"]}]]],["p-951cf503",[[1,"ifx-badge"]]],["p-849b1812",[[0,"ifx-basic-table",{"cols":[1],"rows":[1],"rowHeight":[1,"row-height"],"tableHeight":[1,"table-height"],"gridOptions":[32],"columnDefs":[32],"rowData":[32],"uniqueKey":[32]}]]],["p-6ad287cf",[[1,"ifx-breadcrumb"]]],["p-5cc523fb",[[1,"ifx-breadcrumb-item",{"isLastItem":[32],"uniqueId":[32],"hasDropdownMenu":[32]},[[5,"mousedown","handleOutsideClick"],[0,"keydown","handleKeyDown"],[0,"breadcrumbMenuIconWrapper","menuWrapperEventReEmitter"]]]]],["p-c9aca4b7",[[1,"ifx-card",{"direction":[1],"href":[1],"target":[1],"AriaLabel":[1,"aria-label"],"noBtns":[32],"alignment":[32],"noImg":[32],"internalHref":[32]},[[0,"imgPosition","setImgPosition"]]]]],["p-c22f8c81",[[1,"ifx-card-headline",{"direction":[32],"hasDesc":[32]}]]],["p-a3c03169",[[1,"ifx-card-image",{"src":[1],"alt":[1],"position":[1]}]]],["p-c61a9185",[[1,"ifx-card-links"]]],["p-4111bbdc",[[1,"ifx-card-overline"]]],["p-cb0ddc9b",[[1,"ifx-card-text",{"hasBtn":[32]}]]],["p-6e61295f",[[1,"ifx-content-switcher",{"items":[32],"activeIndex":[32],"hoverIndex":[32],"focusIndex":[32],"dividers":[32]}]]],["p-1175d112",[[1,"ifx-content-switcher-item",{"selected":[4],"value":[1]}]]],["p-fcf71895",[[1,"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]},[[0,"slotchange","watchHandlerSlot"],[5,"mousedown","handleOutsideClick"]],{"defaultOpen":["watchHandlerIsOpen"],"disabled":["watchHandlerDisabled"]}]]],["p-0b5ad497",[[1,"ifx-dropdown-header"]]],["p-b3fb648f",[[1,"ifx-dropdown-menu",{"isOpen":[4,"is-open"],"size":[1],"hideTopPadding":[32],"filteredItems":[32]},[[0,"ifxInput","handleMenuFilter"],[0,"ifxDropdownItem","handleDropdownItemValueEmission"]]]]],["p-d31a6167",[[1,"ifx-dropdown-trigger",{"isOpen":[4,"is-open"]}]]],["p-10ae176f",[[1,"ifx-filter-type-group",{"selectedOptions":[32]}]]],["p-9c50bc3e",[[1,"ifx-footer",{"copyrightText":[1,"copyright-text"],"currentYear":[32]}]]],["p-f3383274",[[1,"ifx-footer-column"]]],["p-e8cde48d",[[1,"ifx-list-group",{"flush":[4],"bulletpoint":[4],"notification":[4]}]]],["p-1b9317bd",[[1,"ifx-list-notification",{"titleText":[1,"title-text"],"isFlush":[4,"is-flush"],"creationTime":[8,"creation-time"],"postTime":[32],"shownTime":[32]}]]],["p-0c570fa2",[[1,"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"]]]]],["p-2ea18356",[[1,"ifx-progress-bar",{"value":[2],"size":[1],"showLabel":[4,"show-label"],"internalValue":[32]},null,{"value":["valueChanged"]}]]],["p-2ae0a0d0",[[1,"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"],"currentYear":[32],"internalTermsofUse":[32],"internalImprint":[32],"internalPrivacyPolicy":[32],"internalShowFooter":[32],"activeItem":[32]},[[0,"ifxSidebarMenu","handleSidebarItemInteraction"],[0,"ifxSidebarNavigationItem","handleSidebarItemActivated"]]]]],["p-e6427f2e",[[1,"ifx-sidebar-title"]]],["p-c90f337e",[[1,"ifx-spinner",{"size":[1],"variant":[1],"inverted":[4]}]]],["p-d2749c43",[[1,"ifx-status",{"label":[1],"border":[4],"color":[1]}]]],["p-9f1ab459",[[1,"ifx-stepper",{"activeStep":[1026,"active-step"],"indicatorPosition":[1,"indicator-position"],"showStepNumber":[4,"show-step-number"],"variant":[1],"stepsCount":[32],"shouldEmitEvent":[32],"emittedByClick":[32]},[[0,"ifxChange","onStepChange"]],{"activeStep":["handleActiveStep"]}]]],["p-18d07164",[[65,"ifx-switch",{"checked":[4],"name":[1],"disabled":[4],"value":[1],"internalChecked":[32],"isChecked":[64]},null,{"checked":["valueChanged"]}]]],["p-a9a1fc54",[[4,"ifx-tab",{"header":[1],"disabled":[4],"icon":[1],"iconPosition":[1,"icon-position"]}]]],["p-9ecb5401",[[65,"ifx-textarea",{"caption":[1],"cols":[2],"disabled":[4],"error":[4],"label":[1],"maxlength":[2],"name":[1],"placeholder":[1],"readOnly":[4,"read-only"],"resize":[1],"rows":[2],"value":[1025],"wrap":[1],"reset":[64]}]]],["p-ba22e912",[[4,"ifx-radio-button",{"disabled":[4],"value":[1],"error":[4],"size":[1],"name":[1],"checked":[4],"internalChecked":[32],"hasSlot":[32],"inputElement":[32],"isChecked":[64]},[[8,"change","handleChange"]]]]],["p-492a9ab7",[[1,"ifx-dropdown-separator"]]],["p-4349aa3a",[[65,"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"],"indeterminate":["indeterminateChanged"]}]]],["p-b4d2f129",[[65,"ifx-multiselect",{"name":[1],"options":[1],"batchSize":[2,"batch-size"],"size":[1],"disabled":[4],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"placeholder":[1],"maxItemCount":[2,"max-item-count"],"showSearch":[4,"show-search"],"showSelectAll":[4,"show-select-all"],"internalError":[32],"internalErrorMessage":[32],"persistentSelectedOptions":[32],"dropdownOpen":[32],"dropdownFlipped":[32],"zIndex":[32],"isLoading":[32],"loadedOptions":[32],"filteredOptions":[32],"optionCount":[32],"optionsProcessed":[32]},null,{"options":["updateOptions"],"error":["updateInternalError"],"errorMessage":["updateInternalErrorMessage"],"loadedOptions":["loadedOptionsChanged"],"persistentSelectedOptions":["onSelectionChange"]}],[65,"ifx-text-field",{"placeholder":[1],"value":[1025],"error":[4],"label":[1],"icon":[1],"caption":[1],"size":[1],"required":[4],"optional":[4],"success":[4],"disabled":[4],"maxlength":[2],"showDeleteIcon":[4,"show-delete-icon"],"reset":[64]},null,{"value":["valueWatcher"]}]]],["p-79b4d359",[[1,"ifx-accordion-item",{"caption":[1],"open":[1028],"AriaLive":[2,"aria-live"],"internalOpen":[32]},[[0,"keydown","handleKeydown"]],{"open":["openChanged"]}],[17,"ifx-accordion",{"autoCollapse":[4,"auto-collapse"]},[[0,"ifxItemOpen","onItemOpen"]]]]],["p-5ab7bd95",[[1,"ifx-search-field",{"value":[1025],"showDeleteIcon":[4,"show-delete-icon"],"disabled":[4],"size":[1],"placeholder":[1],"maxlength":[2],"insideDropdown":[32],"showDeleteIconInternalState":[32],"isFocused":[32]},[[5,"mousedown","handleOutsideClick"]],{"value":["valueWatcher"]}]]],["p-3be58aa2",[[1,"ifx-icon-button",{"variant":[1],"size":[1],"disabled":[4],"icon":[1],"href":[1],"target":[1],"shape":[1],"setFocus":[64]},[[2,"click","handleClick"]]]]],["p-e65cee48",[[0,"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],"fuseOptions":[16],"addItemFilter":[1,"add-item-filter"],"customAddItemText":[1,"custom-add-item-text"],"callbackOnInit":[16],"callbackOnCreateTemplates":[16],"valueComparer":[16],"error":[4],"errorMessage":[1,"error-message"],"label":[1],"disabled":[4],"placeholderValue":[1,"placeholder-value"],"options":[1025],"size":[1],"selectedOption":[32],"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]},[[5,"mousedown","handleOutsideClick"]],{"disabled":["watchDisabled"]}]]],["p-100ec922",[[1,"ifx-pagination",{"currentPage":[2,"current-page"],"total":[2],"internalPage":[32],"itemsPerPage":[32],"numberOfPages":[32]},[[0,"ifxSelect","setItemsPerPage"]]],[1,"ifx-chip",{"placeholder":[1],"size":[1],"value":[1025],"variant":[1],"readOnly":[4,"read-only"],"AriaLabel":[1,"aria-label"],"opened":[32],"selectedOptions":[32]},[[5,"mousedown","closeDropdownOnOutsideClick"],[0,"keydown","handleKeyDown"],[0,"ifxChipItemSelect","updateSelectedOptions"]],{"value":["handleValueChange"],"readOnly":["handleReadOnlyChange"]}],[1,"ifx-chip-item",{"value":[1],"chipState":[16],"selected":[1540]},[[16,"ifxChipItemSelect","updateItemSelection"]],{"selected":["validateSelected"]}]]],["p-2d17e5b2",[[1,"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"]}]]],["p-31889cb2",[[1,"ifx-link",{"href":[1],"target":[1],"variant":[1],"size":[1],"disabled":[4],"internalHref":[32],"internalTarget":[32],"internalVariant":[32]}]]],["p-985c7bdc",[[1,"ifx-number-indicator",{"inverted":[4]}]]]]'),e)}));
2
2
  //# sourceMappingURL=infineon-design-system-stencil.esm.js.map
package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,2ghBAAuCJ,EAAA","ignoreList":[]}
1
+ {"version":3,"names":["patchBrowser","patchCloneNodeFix","H","prototype","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","HTMLElementPrototype","nativeCloneNodeFn","cloneNode","deep","this","nodeName","call","clonedNode","srcChildNodes","childNodes","i","length","nodeType","appendChild","then","async","options","globalScripts","bootstrapLazy","JSON","parse"],"sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"iIAOA,IAAIA,EAAe,KAIO,CACtBC,EAAkBC,EAAEC,UACxB,CAIE,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACrBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACjD,CACE,OAAOC,EAAeJ,EAAK,EAE7B,IAAIL,EAAqBU,IACvB,MAAMC,EAAoBD,EAAqBE,UAC/CF,EAAqBE,UAAY,SAASC,GACxC,GAAIC,KAAKC,WAAa,WAAY,CAChC,OAAOJ,EAAkBK,KAAKF,KAAMD,EAC1C,CACI,MAAMI,EAAaN,EAAkBK,KAAKF,KAAM,OAChD,MAAMI,EAAgBJ,KAAKK,WAC3B,GAAIN,EAAM,CACR,IAAK,IAAIO,EAAI,EAAGA,EAAIF,EAAcG,OAAQD,IAAK,CAC7C,GAAIF,EAAcE,GAAGE,WAAa,EAAG,CACnCL,EAAWM,YAAYL,EAAcE,GAAGR,UAAU,MAC5D,CACA,CACA,CACI,OAAOK,CACX,CAAG,ECpCHlB,IAAeyB,MAAKC,MAAOC,UACnBC,IACN,OAAOC,EAAcC,KAAAC,MAAA,0/gBAAuCJ,EAAA","ignoreList":[]}
package/dist/infineon-design-system-stencil/p-56f097c9.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as e,c as t,h as i,g as r,a as n}from"./p-80bb0959.js";import{g as s}from"./p-38c8a9b0.js";const o='.date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem "Source Sans 3"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem "Source Sans 3"}.date__picker-input{font-family:"Source Sans 3";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.date__picker-input.has-value::-webkit-datetime-edit-text{color:#1D1D1D}.date__picker-input.has-value::-webkit-datetime-edit{color:#1D1D1D}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;align-items:center;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}';const a=o;const c=class{constructor(i){e(this,i);this.ifxDate=t(this,"ifxDate",7);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.inputId=`ifx-date-picker-${++l}`;this.size="s";this.error=false;this.success=false;this.disabled=false;this.AriaLabel=undefined;this.value=undefined;this.max=undefined;this.min=undefined;this.required=false;this.label=undefined;this.caption=undefined}getDate(e){const t=e.target.value;const i=new Date(t);const r=i.getDate();const n=i.getMonth()+1;const s=i.getFullYear();if(!t){this.internals.setFormValue(null);this.ifxDate.emit({day:r,month:n,year:s});return}const o=this.el.shadowRoot.querySelector(".date__picker-input");o.classList.add("has-value");this.internals.setFormValue(i.toISOString().substring(0,10));this.ifxDate.emit({day:r,month:n,year:s})}handleInputFocusOnIconClick(){const e=this.el.shadowRoot.querySelector(".date__picker-input");if(e){e.focus()}}getBrowser(){if(navigator.userAgent.indexOf("Chrome")!=-1){return"Chrome"}else if(navigator.userAgent.indexOf("Opera")!=-1){return"Opera"}else if(navigator.userAgent.indexOf("MSIE")!=-1){return"IE"}else if(navigator.userAgent.indexOf("Firefox")!=-1){return"Firefox"}else{return"unknown"}}setFireFoxClasses(){const e=this.getBrowser();const t=this.el.shadowRoot.querySelector(".date__picker-input");if(e==="Firefox"){t.classList.add("firefox__classes")}else if(t.classList.contains("firefox__classes")){t.classList.remove("firefox__classes")}}componentDidLoad(){this.setFireFoxClasses();if(this.value){this.getDate({target:{value:this.value}})}}formResetCallback(){this.internals.setFormValue(null)}render(){var e,t;return i("div",{key:"8939525c9d1b6ca3d6d1d598f18c801eaa274925",class:`date__picker-container ${this.error?"error":""} ${this.disabled?"disabled":""}`},i("label",{key:"b6943a24e0b7b92826f8f0a951aa8ba07b07a602",class:"label__wrapper",htmlFor:this.inputId},(e=this.label)===null||e===void 0?void 0:e.trim()),i("div",{key:"dbb6810bec0365a771ee39feca14455d553f308f",class:`input__wrapper ${this.size==="l"?"large":"small"} ${this.disabled?"disabled":""}`},i("input",{key:"c4532643be4a7a29a9c8837787e997059bdaa7c1",type:"date",class:`date__picker-input ${this.error?"error":""} ${this.success?"success":""}`,disabled:this.disabled?true:undefined,"aria-invalid":this.error?true:undefined,"aria-label":this.AriaLabel,max:this.max,min:this.min,value:this.value,required:this.required,onChange:e=>this.getDate(e)}),i("div",{key:"401c972432d3c0a057a3fe812fa730372b12fcbe",class:"icon__wrapper",role:"button",onClick:()=>this.handleInputFocusOnIconClick()},i("ifx-icon",{key:"125529210997e8dd611e5bb394909a1cf08fc47b",icon:"calendar16","aria-hidden":"true"}))),((t=this.caption)===null||t===void 0?void 0:t.trim())&&i("div",{key:"1367a5dc715de1f7f0ea40a9995ce07a9030aae8",class:"caption__wrapper"},this.caption.trim()))}static get formAssociated(){return true}get el(){return r(this)}};let l=0;c.style=a;const d="ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";const p=d;const h=class{constructor(i){e(this,i);this.consoleError=t(this,"consoleError",7);this.icon="";this.ifxIcon=undefined}convertStringToHtml(e){const t=document.createElement("div");t.innerHTML=e;return t.firstChild}convertHtmlToObject(e){let t=Array.from(e.attributes,(({name:e,value:t})=>({name:e,value:t}))).reduce(((e,t)=>{e[t.name]=t.value;return e}),{});return t}convertPathsToVnode(e){let t=[];const r=this.convertHtmlToObject(e);const n=i("path",r);t.push(n);if(e.firstChild){const r=e.querySelectorAll("path");const n=e.querySelectorAll("path").length;for(let e=0;e<n;e++){let n=this.convertHtmlToObject(r[e]);let s=i("path",n);t.push(s)}}return t}getSVG(e){return i("svg",{class:"inline-svg",width:this.ifxIcon.width,height:this.ifxIcon.height,xmlns:"http://www.w3.org/2000/svg",fill:this.ifxIcon.fill,viewBox:this.ifxIcon.viewBox},...e)}constructIcon(){if(this.ifxIcon){const e=this.convertStringToHtml(this.ifxIcon.svgContent);const t=this.convertPathsToVnode(e);const i=this.getSVG(t);return i}else if(this.icon!==""){console.error("Icon not found!");this.consoleError.emit(true);return}else{return}}componentWillLoad(){const e=e=>e.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g,((e,t)=>t));this.ifxIcon=s(e(this.icon))}render(){return i(n,{key:"91ccb22f1cc67f3d4b91fb69c37cda13c941e109"},this.constructIcon())}};h.style=p;export{c as ifx_date_picker,h as ifx_icon};
2
+ //# sourceMappingURL=p-56f097c9.entry.js.map
package/dist/infineon-design-system-stencil/p-56f097c9.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["datePickerCss","IfxDatePickerStyle0","DatePicker","this","inputId","datePickerId","getDate","e","inputValue","target","value","selectedDate","Date","day","month","getMonth","year","getFullYear","internals","setFormValue","ifxDate","emit","input","el","shadowRoot","querySelector","classList","add","toISOString","substring","handleInputFocusOnIconClick","focus","getBrowser","navigator","userAgent","indexOf","setFireFoxClasses","browser","contains","remove","componentDidLoad","formResetCallback","render","h","key","class","error","disabled","htmlFor","_a","label","trim","size","type","success","undefined","AriaLabel","max","min","required","onChange","role","onClick","icon","_b","caption","infineonIconStencilCss","IfxIconStyle0","InfineonIconStencil","convertStringToHtml","htmlString","div","document","createElement","innerHTML","firstChild","convertHtmlToObject","htmlElement","pathToObject","Array","from","attributes","name","reduce","acc","current","convertPathsToVnode","htmlPath","svgPaths","parentPath","parentPathToVnode","push","paths","querySelectorAll","pathLength","length","i","objToVnode","getSVG","svgPath","width","ifxIcon","height","xmlns","fill","viewBox","constructIcon","svgContent","SVG","console","consoleError","componentWillLoad","removeHyphen","str","toLowerCase","replace","_m","chr","getIcon","Host"],"sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx","src/components/icon/infineonIconStencil.scss?tag=ifx-icon","src/components/icon/infineonIconStencil.tsx"],"sourcesContent":["@use '~@infineon/design-system-tokens/dist/tokens';\n\n.date__picker-container {\n display: flex;\n flex-direction: column;\n\n & .label__wrapper {\n color: tokens.$ifxColorBaseBlack;\n font: tokens.$ifxBodyBody03;\n }\n\n &.disabled {\n .label__wrapper {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n &.error {\n .caption__wrapper {\n color: tokens.$ifxColorRed500;\n }\n }\n\n &.disabled {\n .caption__wrapper {\n color: tokens.$ifxColorEngineering500;\n }\n }\n\n & .caption__wrapper {\n margin-top: tokens.$ifxSpace50;\n color: tokens.$ifxColorBaseBlack;\n font: tokens.$ifxBodyBody05;\n }\n}\n\n.date__picker-input {\n font-family: 'Source Sans 3';\n outline: none;\n width: 100%;\n cursor: pointer;\n border-radius: 1px;\n border: 1px solid tokens.$ifxColorEngineering400;\n height: 100%;\n\n &.firefox__classes {\n padding: 8px 16px;\n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n cursor: pointer;\n }\n\n &:focus:not(.error, .success) {\n border-color: tokens.$ifxColorOcean500;\n }\n\n &:hover:not(:disabled, :focus, .error, .success) {\n border-color: tokens.$ifxColorEngineering500;\n }\n\n &:disabled {\n border-color: tokens.$ifxColorEngineering500;\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &.error {\n border-color: tokens.$ifxColorRed500;\n }\n\n &.success:not(.error) {\n border-color: tokens.$ifxColorGreen500;\n }\n\n &::-webkit-datetime-edit-text {\n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n }\n\n &.has-value::-webkit-datetime-edit-text {\n color: tokens.$ifxColorBaseBlack;\n }\n\n &.has-value::-webkit-datetime-edit {\n color: tokens.$ifxColorBaseBlack;\n }\n}\n\n::-webkit-datetime-edit {\n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n}\n\n::-webkit-datetime-edit-fields-wrapper {\n padding: 8px 16px;\n padding-bottom: 9px;\n transform: translateY(1px);\n}\n\n::-webkit-inner-spin-button {\n display: none;\n}\n\n::-webkit-calendar-picker-indicator {\n position: absolute;\n right: 15px;\n font-size: 19px;\n cursor: pointer;\n border-radius: 1px;\n &:focus-within {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n }\n}\n\n.input__wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n background: tokens.$ifxColorBaseWhite;\n position: relative;\n &.large {\n height: 40px;\n }\n\n &.small {\n height: 36px;\n }\n\n &.disabled {\n & .icon__wrapper {\n background-color: tokens.$ifxColorEngineering200;\n }\n }\n}\n\n.icon__wrapper {\n position: absolute;\n right: 17px;\n padding: 2px;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n pointer-events: none;\n z-index: 100;\n background-color: tokens.$ifxColorBaseWhite;\n line-height: 16px;\n\n & ifx-icon {\n vertical-align: middle;\n }\n}\n","import { AttachInternals } from '@stencil/core';\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-date-picker',\n styleUrl: 'date-picker.scss',\n shadow: true,\n formAssociated: true,\n})\n\nexport class DatePicker {\n private inputId: string = `ifx-date-picker-${++datePickerId}`;\n\n @Element() el: HTMLElement;\n @Prop() size: string = 's';\n @Prop() error: boolean = false;\n @Prop() success: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() AriaLabel: string;\n @Prop() value: string;\n @Prop() max: string;\n @Prop() min: string;\n @Prop() required: boolean = false;\n @Prop() label: string;\n @Prop() caption: string;\n\n @AttachInternals() internals: ElementInternals;\n\n @Event() ifxDate: EventEmitter;\n\n getDate(e) { \n const inputValue = e.target.value;\n const selectedDate = new Date(inputValue);\n const day = selectedDate.getDate();\n const month = selectedDate.getMonth() + 1; \n const year = selectedDate.getFullYear();\n \n if (!inputValue) {\n this.internals.setFormValue(null);\n this.ifxDate.emit({day, month, year});\n return;\n }\n\n const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n input.classList.add('has-value');\n\n this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\n this.ifxDate.emit({day, month, year})\n }\n\n handleInputFocusOnIconClick() { \n const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n if(input) { \n input.focus()\n }\n }\n\n getBrowser() {\n if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\n return \"Chrome\";\n } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\n return \"Opera\";\n } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\n return \"IE\";\n } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\n return \"Firefox\";\n } else {\n return \"unknown\";\n }\n }\n\n setFireFoxClasses() { \n const browser = this.getBrowser()\n const input = this.el.shadowRoot.querySelector('.date__picker-input');\n\n if(browser === 'Firefox') { \n input.classList.add('firefox__classes')\n } else if(input.classList.contains('firefox__classes')) { \n input.classList.remove('firefox__classes')\n }\n }\n\n componentDidLoad() { \n this.setFireFoxClasses()\n if (this.value) {\n this.getDate({ target: { value: this.value } });\n }\n }\n\n formResetCallback() {\n this.internals.setFormValue(null);\n }\n\n render() {\n return (\n <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\n\n <label class='label__wrapper' htmlFor={ this.inputId }>\n { this.label?.trim() }\n </label>\n\n <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : ''}`}>\n <input\n type=\"date\"\n class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\n disabled={this.disabled ? true : undefined}\n aria-invalid={this.error ? true : undefined}\n aria-label={this.AriaLabel}\n max={this.max}\n min={this.min}\n value={this.value}\n required={this.required}\n onChange={(e) => this.getDate(e)} />\n <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\n <ifx-icon icon='calendar16' aria-hidden=\"true\"></ifx-icon>\n </div>\n </div>\n\n { this.caption?.trim() && (\n <div class='caption__wrapper'>\n { this.caption.trim() }\n </div> \n )}\n </div>\n )\n }\n}\n\nlet datePickerId = 0;","ifx-icon {\n display: inline-flex;\n justify-content: center;\n\n &:empty {\n display: none;\n }\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\nimport { getIcon } from '@infineon/infineon-icons'\n \n\n\n@Component({\n tag: 'ifx-icon',\n styleUrl: './infineonIconStencil.scss'\n})\n\nexport class InfineonIconStencil {\n @Prop({ mutable: true }) icon: string = \"\"\n @Prop({ mutable: true }) ifxIcon: any;\n @Event() consoleError: EventEmitter<boolean>;\n \n convertStringToHtml(htmlString) { \n const div = document.createElement('div')\n div.innerHTML = htmlString\n return div.firstChild\n }\n\n convertHtmlToObject(htmlElement) { \n let pathToObject = Array\n .from(htmlElement.attributes, ({ name, value }) => ({ name, value }))\n .reduce((acc, current) => {\n acc[current.name] = current.value\n return acc\n }, {})\n\n return pathToObject\n }\n\n convertPathsToVnode(htmlPath) { \n let svgPaths = []\n const parentPath = this.convertHtmlToObject(htmlPath);\n const parentPathToVnode = h(\"path\", parentPath);\n svgPaths.push(parentPathToVnode)\n if(htmlPath.firstChild) { \n const paths = htmlPath.querySelectorAll('path');\n const pathLength = htmlPath.querySelectorAll('path').length;\n for(let i = 0; i < pathLength; i++) { \n let pathToObject = this.convertHtmlToObject(paths[i])\n let objToVnode = h(\"path\", pathToObject)\n svgPaths.push(objToVnode)\n } \n }\n return svgPaths\n }\n\n getSVG(svgPath) {\n return <svg class=\"inline-svg\" width={this.ifxIcon.width} height={this.ifxIcon.height} xmlns=\"http://www.w3.org/2000/svg\" fill={this.ifxIcon.fill} viewBox={this.ifxIcon.viewBox}>{...svgPath}</svg>\n }\n\n constructIcon() {\n if(this.ifxIcon) {\n const htmlPath = this.convertStringToHtml(this.ifxIcon.svgContent)\n const svgPath = this.convertPathsToVnode(htmlPath)\n const SVG = this.getSVG(svgPath)\n return SVG;\n } else if(this.icon !== \"\") {\n console.error('Icon not found!')\n this.consoleError.emit(true)\n return;\n } else { \n return;\n }\n }\n\n componentWillLoad() {\n const removeHyphen = (str) => str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_m, chr) => chr);\n this.ifxIcon = getIcon(removeHyphen(this.icon));\n }\n\n\n\n render() {\n return (\n <Host>\n {this.constructIcon()}\n </Host>\n );\n }\n}"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@infineon/infineon-design-system-stencil",
3
- "version": "29.1.0--canary.1633.ea5c93b9e7bbbf8f153c5409b74d7bf8e327df1b.0",
3
+ "version": "29.1.0--canary.1627.016bd9a0ff94096ae626ba72de1e48c3099e6b1e.0",
4
4
  "private": false,
5
5
  "description": "Infineon design system Stencil web components",
6
6
  "homepage": "https://infineon.github.io/infineon-design-system-stencil",
package/dist/cjs/ifx-date-picker.cjs.entry.js DELETED
@@ -1,102 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-f6c58643.js');
6
-
7
- const datePickerCss = ".date__picker-container{display:flex;flex-direction:column}.date__picker-container .label__wrapper{color:#1D1D1D;font:400 1rem/1.5rem \"Source Sans 3\"}.date__picker-container.disabled .label__wrapper{color:#575352}.date__picker-container.error .caption__wrapper{color:#CD002F}.date__picker-container.disabled .caption__wrapper{color:#575352}.date__picker-container .caption__wrapper{margin-top:4px;color:#1D1D1D;font:400 0.75rem/1rem \"Source Sans 3\"}.date__picker-input{font-family:\"Source Sans 3\";outline:none;width:100%;cursor:pointer;border-radius:1px;border:1px solid #8D8786;height:100%}.date__picker-input.firefox__classes{padding:8px 16px;color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.date__picker-input:focus:not(.error,.success){border-color:#0A8276}.date__picker-input:hover:not(:disabled,:focus,.error,.success){border-color:#575352}.date__picker-input:disabled{border-color:#575352;background-color:#EEEDED}.date__picker-input.error{border-color:#CD002F}.date__picker-input.success:not(.error){border-color:#4CA460}.date__picker-input::-webkit-datetime-edit-text{color:#8D8786;font-size:16px;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit{color:#8D8786;font-size:16px;text-transform:uppercase;font-style:normal;font-weight:400;line-height:24px}::-webkit-datetime-edit-fields-wrapper{padding:8px 16px;padding-bottom:9px;transform:translateY(1px)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{position:absolute;right:15px;font-size:19px;cursor:pointer;border-radius:1px}::-webkit-calendar-picker-indicator:focus-within{outline:2px solid #0A8276;outline-offset:2px}.input__wrapper{display:flex;justify-content:space-between;align-items:center;align-self:stretch;background:#FFFFFF;position:relative}.input__wrapper.large{height:40px}.input__wrapper.small{height:36px}.input__wrapper.disabled .icon__wrapper{background-color:#EEEDED}.icon__wrapper{position:absolute;right:17px;padding:2px;display:flex;justify-content:flex-end;pointer-events:none;z-index:100;background-color:#FFFFFF;line-height:16px}.icon__wrapper ifx-icon{vertical-align:middle}";
8
- const IfxDatePickerStyle0 = datePickerCss;
9
-
10
- const DatePicker = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.ifxDate = index.createEvent(this, "ifxDate", 7);
14
- if (hostRef.$hostElement$["s-ei"]) {
15
- this.internals = hostRef.$hostElement$["s-ei"];
16
- }
17
- else {
18
- this.internals = hostRef.$hostElement$.attachInternals();
19
- hostRef.$hostElement$["s-ei"] = this.internals;
20
- }
21
- this.inputId = `ifx-date-picker-${++datePickerId}`;
22
- this.size = 's';
23
- this.error = false;
24
- this.success = false;
25
- this.disabled = false;
26
- this.AriaLabel = undefined;
27
- this.value = undefined;
28
- this.max = undefined;
29
- this.min = undefined;
30
- this.required = false;
31
- this.label = undefined;
32
- this.caption = undefined;
33
- }
34
- getDate(e) {
35
- const inputValue = e.target.value;
36
- const selectedDate = new Date(inputValue);
37
- const day = selectedDate.getDate();
38
- const month = selectedDate.getMonth() + 1;
39
- const year = selectedDate.getFullYear();
40
- if (!inputValue) {
41
- this.internals.setFormValue(null);
42
- this.ifxDate.emit({ day, month, year });
43
- return;
44
- }
45
- this.internals.setFormValue(selectedDate.toISOString().substring(0, 10));
46
- this.ifxDate.emit({ day, month, year });
47
- }
48
- handleInputFocusOnIconClick() {
49
- const input = this.el.shadowRoot.querySelector('.date__picker-input');
50
- if (input) {
51
- input.focus();
52
- }
53
- }
54
- getBrowser() {
55
- if (navigator.userAgent.indexOf("Chrome") != -1) {
56
- return "Chrome";
57
- }
58
- else if (navigator.userAgent.indexOf("Opera") != -1) {
59
- return "Opera";
60
- }
61
- else if (navigator.userAgent.indexOf("MSIE") != -1) {
62
- return "IE";
63
- }
64
- else if (navigator.userAgent.indexOf("Firefox") != -1) {
65
- return "Firefox";
66
- }
67
- else {
68
- return "unknown";
69
- }
70
- }
71
- setFireFoxClasses() {
72
- const browser = this.getBrowser();
73
- const input = this.el.shadowRoot.querySelector('.date__picker-input');
74
- if (browser === 'Firefox') {
75
- input.classList.add('firefox__classes');
76
- }
77
- else if (input.classList.contains('firefox__classes')) {
78
- input.classList.remove('firefox__classes');
79
- }
80
- }
81
- componentDidLoad() {
82
- this.setFireFoxClasses();
83
- if (this.value) {
84
- this.getDate({ target: { value: this.value } });
85
- }
86
- }
87
- formResetCallback() {
88
- this.internals.setFormValue(null);
89
- }
90
- render() {
91
- var _a, _b;
92
- return (index.h("div", { key: 'ce5028886c311b912f9e14b4b7b4f4237d3de6da', class: `date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled' : ''}` }, index.h("label", { key: '82375ce0dcbdb370519d7cfdf285c9df8ae01670', class: 'label__wrapper', htmlFor: this.inputId }, (_a = this.label) === null || _a === void 0 ? void 0 : _a.trim()), index.h("div", { key: '04be58e77cc2b675e235e04dfd23d27a68b98f73', class: `input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : undefined}` }, index.h("input", { key: 'dbab92a47af9afad0e46afcb580f0f6e3f09c046', type: "date", class: `date__picker-input ${this.error ? 'error' : ""} ${this.success ? "success" : ""}`, disabled: this.disabled ? true : undefined, "aria-invalid": this.error, "aria-label": this.AriaLabel, max: this.max, min: this.min, value: this.value, required: this.required, onChange: (e) => this.getDate(e) }), index.h("div", { key: '8b3a1cc4548f8b8fda7f7e6f970a81cc696f0f5a', class: "icon__wrapper", role: "button", onClick: () => this.handleInputFocusOnIconClick() }, index.h("ifx-icon", { key: '1ba3389b857cb71964d25e345fcf219f0c98e709', icon: 'calendar16' }))), ((_b = this.caption) === null || _b === void 0 ? void 0 : _b.trim()) && (index.h("div", { key: 'd1fa13cadee62e4b30c4e45196353f56d7c73c6a', class: 'caption__wrapper' }, this.caption.trim()))));
93
- }
94
- static get formAssociated() { return true; }
95
- get el() { return index.getElement(this); }
96
- };
97
- let datePickerId = 0;
98
- DatePicker.style = IfxDatePickerStyle0;
99
-
100
- exports.ifx_date_picker = DatePicker;
101
-
102
- //# sourceMappingURL=ifx-date-picker.cjs.entry.js.map
package/dist/cjs/ifx-date-picker.cjs.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"file":"ifx-date-picker.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,opEAAopE,CAAC;AAC3qE,4BAAe,aAAa;;MCUf,UAAU;;;;;;;;;;;QACb,YAAO,GAAW,mBAAmB,EAAE,YAAY,EAAE,CAAC;oBAGvC,GAAG;qBACD,KAAK;uBACH,KAAK;wBACJ,KAAK;;;;;wBAKL,KAAK;;;;IAQjC,OAAO,CAAC,CAAC;QACP,MAAM,UAAU,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAClC,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC;QAC1C,MAAM,GAAG,GAAG,YAAY,CAAC,OAAO,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC1C,MAAM,IAAI,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC;QAExC,IAAI,CAAC,UAAU,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAClC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;YACtC,OAAO;SACR;QAED,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,CAAC,EAAC,EAAE,CAAC,CAAC,CAAA;QACvE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAC,GAAG,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC,CAAA;KACtC;IAED,2BAA2B;QACzB,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,CAAqB,CAAC;QAC1F,IAAG,KAAK,EAAE;YACR,KAAK,CAAC,KAAK,EAAE,CAAA;SACd;KACF;IAEF,UAAU;QACP,IAAI,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,EAAG;YAChD,OAAO,QAAQ,CAAC;SACjB;aAAM,IAAI,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAG;YACtD,OAAO,OAAO,CAAC;SAChB;aAAM,IAAI,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAG;YACrD,OAAO,IAAI,CAAC;SACb;aAAM,IAAI,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EAAG;YACxD,OAAO,SAAS,CAAC;SAClB;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;KACF;IAED,iBAAiB;QACf,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,CAAA;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAEtE,IAAG,OAAO,KAAK,SAAS,EAAE;YACxB,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAA;SACxC;aAAM,IAAG,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;YACtD,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAA;SAC3C;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SACjD;KACF;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;KACnC;IAED,MAAM;;QACJ,QACEA,kEAAK,KAAK,EAAE,0BAA0B,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAE,EAAE,EAAE,IAEjGA,oEAAO,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAG,IAAI,CAAC,OAAO,IAClD,MAAA,IAAI,CAAC,KAAK,0CAAE,IAAI,EAAE,CACZ,EAERA,kEAAK,KAAK,EAAE,kBAAkB,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,OAAO,GAAG,OAAO,IAAI,IAAI,CAAC,QAAQ,GAAG,UAAU,GAAG,SAAS,EAAE,IAC7GA,oEACA,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,sBAAsB,IAAI,CAAC,KAAK,GAAG,OAAO,GAAG,EAAE,IAAI,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,EAAE,EACzF,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,SAAS,kBAC5B,IAAI,CAAC,KAAK,gBACZ,IAAI,CAAC,SAAS,EAC1B,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAI,EACpCA,kEAAK,KAAK,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,2BAA2B,EAAE,IACxFA,uEAAU,IAAI,EAAC,YAAY,GAAY,CACnC,CACF,EAEJ,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAE,MAClBA,kEAAK,KAAK,EAAC,kBAAkB,IACzB,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CACjB,CACP,CACC,EACP;KACF;;;;AAGH,IAAI,YAAY,GAAG,CAAC,CAAC;;;;;","names":["h"],"sources":["src/components/date-picker/date-picker.scss?tag=ifx-date-picker&encapsulation=shadow","src/components/date-picker/date-picker.tsx"],"sourcesContent":["@use \"~@infineon/design-system-tokens/dist/tokens\";\n\n .date__picker-container { \n display: flex;\n flex-direction: column;\n\n & .label__wrapper {\n color: tokens.$ifxColorBaseBlack;\n font: tokens.$ifxBodyBody03;\n }\n\n &.disabled { \n .label__wrapper { \n color: tokens.$ifxColorEngineering500;\n }\n }\n\n &.error { \n .caption__wrapper { \n color: tokens.$ifxColorRed500;\n }\n }\n\n &.disabled { \n .caption__wrapper { \n color: tokens.$ifxColorEngineering500;\n }\n }\n\n & .caption__wrapper { \n margin-top: tokens.$ifxSpace50;\n color: tokens.$ifxColorBaseBlack;\n font: tokens.$ifxBodyBody05;\n }\n }\n\n .date__picker-input { \n font-family: \"Source Sans 3\";\n outline: none;\n width: 100%;\n cursor: pointer;\n border-radius: 1px;\n border: 1px solid tokens.$ifxColorEngineering400;\n height: 100%;\n \n\n &.firefox__classes { \n padding: 8px 16px;\n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n cursor: pointer;\n }\n\n &:focus:not(.error, .success) {\n border-color: tokens.$ifxColorOcean500;\n }\n\n &:hover:not(:disabled, :focus, .error, .success) {\n border-color: tokens.$ifxColorEngineering500;\n }\n\n &:disabled { \n border-color: tokens.$ifxColorEngineering500;\n background-color: tokens.$ifxColorEngineering200;\n }\n\n &.error {\n border-color: tokens.$ifxColorRed500;\n }\n\n &.success:not(.error) {\n border-color: tokens.$ifxColorGreen500;\n }\n\n &::-webkit-datetime-edit-text { \n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n }\n }\n\n ::-webkit-datetime-edit { \n color: tokens.$ifxColorEngineering400;\n font-size: 16px;\n text-transform: uppercase;\n font-style: normal;\n font-weight: 400;\n line-height: 24px; \n }\n\n ::-webkit-datetime-edit-fields-wrapper { \n padding: 8px 16px;\n padding-bottom: 9px;\n transform: translateY(1px);\n }\n\n ::-webkit-inner-spin-button { \n display: none;\n }\n\n ::-webkit-calendar-picker-indicator { \n position: absolute;\n right: 15px;\n font-size: 19px;\n cursor: pointer;\n border-radius: 1px;\n &:focus-within {\n outline: 2px solid tokens.$ifxColorOcean500;\n outline-offset: 2px;\n }\n }\n\n .input__wrapper { \n display: flex;\n justify-content: space-between;\n align-items: center;\n align-self: stretch;\n background: tokens.$ifxColorBaseWhite;\n position: relative;\n &.large {\n height: 40px;\n }\n \n &.small {\n height: 36px;\n }\n\n &.disabled { \n & .icon__wrapper { \n background-color: tokens.$ifxColorEngineering200;\n }\n }\n }\n\n .icon__wrapper { \n position: absolute;\n right: 17px;\n padding: 2px;\n display: flex;\n justify-content: flex-end;\n pointer-events: none;\n z-index: 100;\n background-color: tokens.$ifxColorBaseWhite;\n line-height: 16px;\n\n & ifx-icon { \n vertical-align: middle;\n }\n\n }","import { AttachInternals } from '@stencil/core';\nimport { Component, Prop, h, Element, Event, EventEmitter } from '@stencil/core';\n \n\n@Component({\n tag: 'ifx-date-picker',\n styleUrl: 'date-picker.scss',\n shadow: true,\n formAssociated: true,\n})\n\nexport class DatePicker {\n private inputId: string = `ifx-date-picker-${++datePickerId}`;\n\n @Element() el: HTMLElement;\n @Prop() size: string = 's';\n @Prop() error: boolean = false;\n @Prop() success: boolean = false;\n @Prop() disabled: boolean = false;\n @Prop() AriaLabel: string;\n @Prop() value: string;\n @Prop() max: string;\n @Prop() min: string;\n @Prop() required: boolean = false;\n @Prop() label: string;\n @Prop() caption: string;\n\n @AttachInternals() internals: ElementInternals;\n\n @Event() ifxDate: EventEmitter;\n\n getDate(e) { \n const inputValue = e.target.value;\n const selectedDate = new Date(inputValue);\n const day = selectedDate.getDate();\n const month = selectedDate.getMonth() + 1; \n const year = selectedDate.getFullYear();\n\n if (!inputValue) {\n this.internals.setFormValue(null);\n this.ifxDate.emit({day, month, year});\n return;\n }\n\n this.internals.setFormValue(selectedDate.toISOString().substring(0,10))\n this.ifxDate.emit({day, month, year})\n }\n\n handleInputFocusOnIconClick() { \n const input = this.el.shadowRoot.querySelector('.date__picker-input') as HTMLInputElement;\n if(input) { \n input.focus()\n }\n }\n\n getBrowser() {\n if( navigator.userAgent.indexOf(\"Chrome\") != -1 ) {\n return \"Chrome\";\n } else if( navigator.userAgent.indexOf(\"Opera\") != -1 ) {\n return \"Opera\";\n } else if( navigator.userAgent.indexOf(\"MSIE\") != -1 ) {\n return \"IE\";\n } else if( navigator.userAgent.indexOf(\"Firefox\") != -1 ) {\n return \"Firefox\";\n } else {\n return \"unknown\";\n }\n }\n\n setFireFoxClasses() { \n const browser = this.getBrowser()\n const input = this.el.shadowRoot.querySelector('.date__picker-input');\n\n if(browser === 'Firefox') { \n input.classList.add('firefox__classes')\n } else if(input.classList.contains('firefox__classes')) { \n input.classList.remove('firefox__classes')\n }\n }\n\n componentDidLoad() { \n this.setFireFoxClasses()\n if (this.value) {\n this.getDate({ target: { value: this.value } });\n }\n }\n\n formResetCallback() {\n this.internals.setFormValue(null);\n }\n\n render() {\n return (\n <div class={`date__picker-container ${this.error ? 'error' : ''} ${this.disabled ? 'disabled': ''}`}>\n\n <label class='label__wrapper' htmlFor={ this.inputId }>\n { this.label?.trim() }\n </label>\n\n <div class={`input__wrapper ${this.size === 'l' ? 'large' : 'small'} ${this.disabled ? 'disabled' : undefined}`}>\n <input\n type=\"date\"\n class={`date__picker-input ${this.error ? 'error' : \"\"} ${this.success ? \"success\" : \"\"}`}\n disabled={this.disabled ? true : undefined}\n aria-invalid={this.error}\n aria-label={this.AriaLabel}\n max={this.max}\n min={this.min}\n value={this.value}\n required={this.required}\n onChange={(e) => this.getDate(e)} />\n <div class=\"icon__wrapper\" role=\"button\" onClick={() => this.handleInputFocusOnIconClick()}>\n <ifx-icon icon='calendar16'></ifx-icon>\n </div>\n </div>\n\n { this.caption?.trim() && (\n <div class='caption__wrapper'>\n { this.caption.trim() }\n </div> \n )}\n </div>\n )\n }\n}\n\nlet datePickerId = 0;"],"version":3}
package/dist/cjs/ifx-icon.cjs.entry.js DELETED
@@ -1,79 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-f6c58643.js');
6
- const icons = require('./icons-497a0772.js');
7
-
8
- const infineonIconStencilCss = "ifx-icon{display:inline-flex;justify-content:center}ifx-icon:empty{display:none}";
9
- const IfxIconStyle0 = infineonIconStencilCss;
10
-
11
- const InfineonIconStencil = class {
12
- constructor(hostRef) {
13
- index.registerInstance(this, hostRef);
14
- this.consoleError = index.createEvent(this, "consoleError", 7);
15
- this.icon = "";
16
- this.ifxIcon = undefined;
17
- }
18
- convertStringToHtml(htmlString) {
19
- const div = document.createElement('div');
20
- div.innerHTML = htmlString;
21
- return div.firstChild;
22
- }
23
- convertHtmlToObject(htmlElement) {
24
- let pathToObject = Array
25
- .from(htmlElement.attributes, ({ name, value }) => ({ name, value }))
26
- .reduce((acc, current) => {
27
- acc[current.name] = current.value;
28
- return acc;
29
- }, {});
30
- return pathToObject;
31
- }
32
- convertPathsToVnode(htmlPath) {
33
- let svgPaths = [];
34
- const parentPath = this.convertHtmlToObject(htmlPath);
35
- const parentPathToVnode = index.h("path", parentPath);
36
- svgPaths.push(parentPathToVnode);
37
- if (htmlPath.firstChild) {
38
- const paths = htmlPath.querySelectorAll('path');
39
- const pathLength = htmlPath.querySelectorAll('path').length;
40
- for (let i = 0; i < pathLength; i++) {
41
- let pathToObject = this.convertHtmlToObject(paths[i]);
42
- let objToVnode = index.h("path", pathToObject);
43
- svgPaths.push(objToVnode);
44
- }
45
- }
46
- return svgPaths;
47
- }
48
- getSVG(svgPath) {
49
- return index.h("svg", { class: "inline-svg", width: this.ifxIcon.width, height: this.ifxIcon.height, xmlns: "http://www.w3.org/2000/svg", fill: this.ifxIcon.fill, viewBox: this.ifxIcon.viewBox }, ...svgPath);
50
- }
51
- constructIcon() {
52
- if (this.ifxIcon) {
53
- const htmlPath = this.convertStringToHtml(this.ifxIcon.svgContent);
54
- const svgPath = this.convertPathsToVnode(htmlPath);
55
- const SVG = this.getSVG(svgPath);
56
- return SVG;
57
- }
58
- else if (this.icon !== "") {
59
- console.error('Icon not found!');
60
- this.consoleError.emit(true);
61
- return;
62
- }
63
- else {
64
- return;
65
- }
66
- }
67
- componentWillLoad() {
68
- const removeHyphen = (str) => str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_m, chr) => chr);
69
- this.ifxIcon = icons.getIcon(removeHyphen(this.icon));
70
- }
71
- render() {
72
- return (index.h(index.Host, { key: '91ccb22f1cc67f3d4b91fb69c37cda13c941e109' }, this.constructIcon()));
73
- }
74
- };
75
- InfineonIconStencil.style = IfxIconStyle0;
76
-
77
- exports.ifx_icon = InfineonIconStencil;
78
-
79
- //# sourceMappingURL=ifx-icon.cjs.entry.js.map
package/dist/cjs/ifx-icon.cjs.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"file":"ifx-icon.entry.cjs.js","mappings":"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","names":["h","getIcon","Host"],"sources":["src/components/icon/infineonIconStencil.scss?tag=ifx-icon","src/components/icon/infineonIconStencil.tsx"],"sourcesContent":["ifx-icon {\n display: inline-flex;\n justify-content: center;\n\n &:empty {\n display: none;\n }\n}","import { Component, Prop, h, Host, Event, EventEmitter } from '@stencil/core';\nimport { getIcon } from '@infineon/infineon-icons'\n \n\n\n@Component({\n tag: 'ifx-icon',\n styleUrl: './infineonIconStencil.scss'\n})\n\nexport class InfineonIconStencil {\n @Prop({ mutable: true }) icon: string = \"\"\n @Prop({ mutable: true }) ifxIcon: any;\n @Event() consoleError: EventEmitter<boolean>;\n \n convertStringToHtml(htmlString) { \n const div = document.createElement('div')\n div.innerHTML = htmlString\n return div.firstChild\n }\n\n convertHtmlToObject(htmlElement) { \n let pathToObject = Array\n .from(htmlElement.attributes, ({ name, value }) => ({ name, value }))\n .reduce((acc, current) => {\n acc[current.name] = current.value\n return acc\n }, {})\n\n return pathToObject\n }\n\n convertPathsToVnode(htmlPath) { \n let svgPaths = []\n const parentPath = this.convertHtmlToObject(htmlPath);\n const parentPathToVnode = h(\"path\", parentPath);\n svgPaths.push(parentPathToVnode)\n if(htmlPath.firstChild) { \n const paths = htmlPath.querySelectorAll('path');\n const pathLength = htmlPath.querySelectorAll('path').length;\n for(let i = 0; i < pathLength; i++) { \n let pathToObject = this.convertHtmlToObject(paths[i])\n let objToVnode = h(\"path\", pathToObject)\n svgPaths.push(objToVnode)\n } \n }\n return svgPaths\n }\n\n getSVG(svgPath) {\n return <svg class=\"inline-svg\" width={this.ifxIcon.width} height={this.ifxIcon.height} xmlns=\"http://www.w3.org/2000/svg\" fill={this.ifxIcon.fill} viewBox={this.ifxIcon.viewBox}>{...svgPath}</svg>\n }\n\n constructIcon() {\n if(this.ifxIcon) {\n const htmlPath = this.convertStringToHtml(this.ifxIcon.svgContent)\n const svgPath = this.convertPathsToVnode(htmlPath)\n const SVG = this.getSVG(svgPath)\n return SVG;\n } else if(this.icon !== \"\") {\n console.error('Icon not found!')\n this.consoleError.emit(true)\n return;\n } else { \n return;\n }\n }\n\n componentWillLoad() {\n const removeHyphen = (str) => str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_m, chr) => chr);\n this.ifxIcon = getIcon(removeHyphen(this.icon));\n }\n\n\n\n render() {\n return (\n <Host>\n {this.constructIcon()}\n </Host>\n );\n }\n}"],"version":3}