@paperless/core 3.18.0 → 3.19.0

package/dist/cjs/paperless.cjs.js

@@ -45,7 +45,7 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await index.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"p-button_3.cjs\",[[769,\"p-button\",{\"label\":[1],\"as\":[1],\"underline\":[4],\"tabIndex\":[2,\"tab-index\"],\"variant\":[1],\"active\":[4],\"error\":[4],\"href\":[1],\"target\":[1],\"size\":[1],\"type\":[1],\"loading\":[4],\"chevron\":[8],\"chevronPosition\":[1,\"chevron-position\"],\"disabled\":[4],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconClass\":[1,\"icon-class\"],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"inheritText\":[4,\"inherit-text\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]],[769,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[513,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table.cjs\",[[772,\"p-table\",{\"items\":[1],\"loading\":[4],\"headerLoading\":[4,\"header-loading\"],\"footerLoading\":[4,\"footer-loading\"],\"amountOfLoadingRows\":[2,\"amount-of-loading-rows\"],\"enableRowSelection\":[4,\"enable-row-selection\"],\"rowSelectionLimit\":[2,\"row-selection-limit\"],\"enableRowClick\":[4,\"enable-row-click\"],\"selectedRows\":[16],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16],\"selectionKey\":[1,\"selection-key\"],\"canSelectKey\":[1,\"can-select-key\"],\"enableHeader\":[4,\"enable-header\"],\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"enableSearch\":[4,\"enable-search\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionButtonLoading\":[4,\"action-button-loading\"],\"actionButtonEnabled\":[4,\"action-button-enabled\"],\"actionButtonIcon\":[1,\"action-button-icon\"],\"actionButtonText\":[1,\"action-button-text\"],\"actionButtonTemplate\":[16],\"enableFooter\":[4,\"enable-footer\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"enableExport\":[4,\"enable-export\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16],\"emptyStateContent\":[16],\"emptyStateAction\":[16],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16],\"emptyStateFilteredContent\":[16],\"shadow\":[4],\"_locales\":[32],\"_extraHeaders\":[32],\"_columns\":[32],\"_items\":[32],\"_enableRowSelection\":[32],\"_rowSelectionLimit\":[32],\"_rowActionsFloating\":[32],\"_rowActionsRow\":[32],\"_footerHidden\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[16,\"tableDefinitionChanged\",\"onTableDefinitionUpdated\"],[4,\"keydown\",\"keyDown\"],[4,\"keyup\",\"keyUp\"],[4,\"visibilitychange\",\"visibilityChange\"],[9,\"resize\",\"_setRowSelectionData\"]],{\"items\":[{\"_parseItems\":0}],\"enableRowSelection\":[{\"_setRowSelectionData\":0}],\"rowSelectionLimit\":[{\"_setRowSelectionData\":0}],\"selectedRows\":[{\"_setRowSelectionData\":0}]}]]],[\"p-select.cjs\",[[576,\"p-select\",{\"items\":[1],\"multi\":[516],\"strategy\":[1],\"icon\":[1],\"query\":[1],\"placeholder\":[1],\"autocompletePlaceholder\":[1,\"autocomplete-placeholder\"],\"value\":[8],\"displayKey\":[1,\"display-key\"],\"dropdownDisplayKey\":[1,\"dropdown-display-key\"],\"selectionDisplayKey\":[1,\"selection-display-key\"],\"valueKey\":[1,\"value-key\"],\"avatarKey\":[1,\"avatar-key\"],\"iconKey\":[1,\"icon-key\"],\"iconClassKey\":[1,\"icon-class-key\"],\"showIconOnSelectedItem\":[1,\"show-icon-on-selected-item\"],\"classKey\":[1,\"class-key\"],\"applyClassOnSelectedItem\":[4,\"apply-class-on-selected-item\"],\"applyClassOnSelectedItemInMenu\":[4,\"apply-class-on-selected-item-in-menu\"],\"avatarLettersKey\":[1,\"avatar-letters-key\"],\"identifierKey\":[1,\"identifier-key\"],\"queryKey\":[1,\"query-key\"],\"autoSelectFirst\":[4,\"auto-select-first\"],\"showChevron\":[4,\"show-chevron\"],\"maxDisplayedItems\":[2,\"max-displayed-items\"],\"enableAutocomplete\":[4,\"enable-autocomplete\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"asyncFilter\":[4,\"async-filter\"],\"loading\":[4],\"enableSelectAll\":[4,\"enable-select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"selectAllIcon\":[1,\"select-all-icon\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"showAddItem\":[4,\"show-add-item\"],\"addItemText\":[1,\"add-item-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"_showDropdown\":[32],\"_selectedItem\":[32],\"_allSelected\":[32],\"_amountHidden\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"_valueChange\":0}],\"items\":[{\"itemChanges\":0}],\"_showDropdown\":[{\"_showDropdownChanges\":0}],\"multi\":[{\"multiChanges\":0}]}]]],[\"p-datepicker.cjs\",[[576,\"p-datepicker\",{\"placeholder\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"enableNativePicker\":[4,\"enable-native-picker\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"format\":[1],\"hideIconWhenFilled\":[4,\"hide-icon-when-filled\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"loading\":[4],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"strategy\":[1],\"placement\":[513],\"_showDropdown\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_isMobileBrowser\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"parseValue\":0}],\"minDate\":[{\"parseMinDate\":0}],\"maxDate\":[{\"parseMaxDate\":0}],\"disabledDates\":[{\"parseDisabledDates\":0}]}]]],[\"p-modal.cjs\",[[769,\"p-modal\",{\"size\":[1],\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"showMobileFooter\":[4,\"show-mobile-footer\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeModal\",\"handleCloseModal\"]]]]],[\"p-drawer.cjs\",[[769,\"p-drawer\",{\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"canClose\":[4,\"can-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeDrawer\",\"handleCloseDrawer\"],[8,\"forceCloseDrawer\",\"handleForceCloseDrawer\"]]]]],[\"p-attachment.cjs\",[[513,\"p-attachment\",{\"enableCameraOnMobile\":[4,\"enable-camera-on-mobile\"],\"value\":[1],\"fileId\":[1,\"file-id\"],\"accept\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"mode\":[1],\"placeholder\":[1],\"cameraTooltip\":[1,\"camera-tooltip\"],\"downloadTooltip\":[1,\"download-tooltip\"],\"uploadTooltip\":[1,\"upload-tooltip\"],\"deleteTooltip\":[1,\"delete-tooltip\"],\"loading\":[4],\"error\":[1]}]]],[\"p-profile.cjs\",[[769,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar.cjs\",[[769,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-accordion.cjs\",[[769,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4],\"label\":[1],\"labelVariant\":[1,\"label-variant\"],\"labelIcon\":[1,\"label-icon\"]}]]],[\"p-card-header.cjs\",[[769,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item.cjs\",[[774,\"p-navigation-item\",{\"icon\":[1],\"active\":[4],\"loading\":[4],\"as\":[1],\"counter\":[8],\"href\":[1],\"target\":[1],\"class\":[1],\"applyFullWidth\":[4,\"apply-full-width\"]}]]],[\"p-cropper.cjs\",[[513,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-dropzone.cjs\",[[769,\"p-dropzone\",{\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"acceptGroup\":[1,\"accept-group\"],\"fileId\":[1,\"file-id\"],\"loading\":[4],\"allowMultiple\":[4,\"allow-multiple\"],\"uploaded\":[4],\"addedString\":[1,\"added-string\"],\"dragFileString\":[1,\"drag-file-string\"],\"orClickString\":[1,\"or-click-string\"],\"_isOver\":[32]},[[1,\"drop\",\"onDrop\"],[1,\"dragover\",\"onDragOver\"],[1,\"dragleave\",\"onDragLeave\"]]]]],[\"p-stepper.cjs\",[[769,\"p-stepper\",{\"steps\":[1],\"activeStep\":[2,\"active-step\"],\"enableAutoStatus\":[4,\"enable-auto-status\"],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"_generatedOnce\":[32],\"_loaded\":[32]},null,{\"align\":[{\"_onAlignChange\":0}],\"direction\":[{\"_onDirectionChange\":0}],\"activeStep\":[{\"_onActiveStepChange\":0}]}]]],[\"p-info-panel.cjs\",[[769,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-listing.cjs\",[[769,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item.cjs\",[[769,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section.cjs\",[[772,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-tab-container.cjs\",[[257,\"p-tab-container\"]]],[\"p-toast.cjs\",[[769,\"p-toast\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconFlip\":[1,\"action-icon-flip\"],\"actionIconRotate\":[2,\"action-icon-rotate\"]}]]],[\"p-avatar-group.cjs\",[[772,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group.cjs\",[[769,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body.cjs\",[[257,\"p-card-body\"]]],[\"p-card-container.cjs\",[[769,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider.cjs\",[[769,\"p-content-slider\",{\"hideMobileIndicator\":[4,\"hide-mobile-indicator\"],\"disableDrag\":[4,\"disable-drag\"],\"disableAutoCenter\":[4,\"disable-auto-center\"],\"disableIndicatorClick\":[4,\"disable-indicator-click\"],\"_visibleIndex\":[32],\"_outerHeight\":[32],\"_totalWidth\":[32],\"_dragging\":[32]},[[9,\"mouseup\",\"mouseUpHandler\"],[9,\"touchend\",\"mouseUpHandler\"],[9,\"resize\",\"resizeHandler\"]]]]],[\"p-iban-icon.cjs\",[[513,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-layout.cjs\",[[769,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio.cjs\",[[836,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item.cjs\",[[769,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column.cjs\",[[512,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"flex\":[1540],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"headerAlign\":[1537,\"header-align\"],\"sticky\":[1544],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-extra-header.cjs\",[[512,\"p-table-extra-header\",{\"name\":[1537],\"sticky\":[1544],\"useSlot\":[1540,\"use-slot\"],\"align\":[1537],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-row-action.cjs\",[[512,\"p-table-row-action\",{\"type\":[1537],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"label\":[1],\"action\":[16],\"disabled\":[4],\"loading\":[4],\"showFunction\":[16]}]]],[\"p-toast-container.cjs\",[[769,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle.cjs\",[[836,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar.cjs\",[[513,\"p-calendar\",{\"variant\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"_view\":[32],\"_viewDate\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_enableToday\":[32]},null,{\"value\":[{\"_parseValue\":0}],\"minDate\":[{\"_parseMinDate\":0}],\"maxDate\":[{\"_parseMaxDate\":0}],\"disabledDates\":[{\"_parseDisabledDates\":0}],\"mode\":[{\"_modeChange\":0}]}]]],[\"p-label.cjs\",[[769,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-range.cjs\",[[513,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar.cjs\",[[512,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[{\"onSrchChange\":0}]}]]],[\"p-listing-line.cjs\",[[1,\"p-listing-line\"]]],[\"p-navigation-title.cjs\",[[257,\"p-navigation-title\"]]],[\"p-floating-menu-item.cjs\",[[772,\"p-floating-menu-item\",{\"hover\":[4],\"disabled\":[4],\"loading\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}]]],[\"p-stepper-item_2.cjs\",[[769,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[513,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration.cjs\",[[512,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3.cjs\",[[769,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-drawer-body\"],[769,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop.cjs\",[[769,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-smile.cjs\",[[512,\"p-smile\",{\"variant\":[1]}]]],[\"p-modal-body_4.cjs\",[[769,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-modal-footer\"],[769,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[769,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-badge_3.cjs\",[[769,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[257,\"p-segment-container\"],[257,\"p-badge\"]]],[\"p-checkbox_3.cjs\",[[836,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[769,\"p-dropdown\",{\"variant\":[1],\"placement\":[513],\"offset\":[2],\"strategy\":[1],\"show\":[4],\"applyMaxWidth\":[4,\"apply-max-width\"],\"applyFullWidth\":[4,\"apply-full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8],\"insideClick\":[4,\"inside-click\"],\"disableTriggerClick\":[4,\"disable-trigger-click\"],\"manual\":[4],\"applyChevron\":[4,\"apply-chevron\"],\"manualChevron\":[4,\"manual-chevron\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"],\"containerClass\":[1,\"container-class\"],\"isDatepicker\":[4,\"is-datepicker\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[{\"onShowChange\":0}]}],[769,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-dropdown-menu-item_2.cjs\",[[769,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}],[769,\"p-dropdown-menu-item\",{\"active\":[4],\"checkbox\":[4],\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"disabled\":[4],\"icon\":[1],\"iconWave\":[4,\"icon-wave\"],\"useContainer\":[4,\"use-container\"],\"autoHeight\":[4,\"auto-height\"]}]]],[\"p-divider.cjs\",[[769,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-tooltip.cjs\",[[769,\"p-tooltip\",{\"variant\":[1],\"content\":[1],\"placement\":[1],\"offset\":[2],\"strategy\":[1],\"enableUserInput\":[4,\"enable-user-input\"],\"show\":[4],\"canManuallyClose\":[4,\"can-manually-close\"]},[[2,\"click\",\"clickHandler\"],[6,\"click\",\"documentClickHandler\"],[1,\"mouseenter\",\"mouseEnterHandler\"],[0,\"focus\",\"mouseEnterHandler\"],[1,\"mouseleave\",\"mouseLeaveHandler\"],[0,\"blur\",\"mouseLeaveHandler\"]],{\"show\":[{\"onShowChange\":0}],\"content\":[{\"onContentChange\":0}]}]]],[\"p-field_3.cjs\",[[833,\"p-field\",{\"align\":[1],\"variant\":[1],\"id\":[1],\"size\":[1],\"type\":[1],\"properties\":[8],\"prefix\":[1],\"suffix\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconPosition\":[1,\"icon-position\"],\"value\":[8],\"label\":[1],\"loading\":[4],\"enablePasswordEye\":[4,\"enable-password-eye\"],\"placeholder\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"showAddOnEmpty\":[516,\"show-add-on-empty\"],\"addText\":[513,\"add-text\"],\"autofocus\":[516],\"error\":[513],\"autoShowError\":[516,\"auto-show-error\"],\"errorPlacement\":[1,\"error-placement\"],\"disabled\":[516],\"focused\":[516],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"selectAllOnFocus\":[516,\"select-all-on-focus\"],\"focusMethod\":[1,\"focus-method\"],\"optionalTemplate\":[16],\"_focused\":[32],\"_nonce\":[32],\"_type\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"],[2,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"watchvalue\":0}]}],[769,\"p-field-container\",{\"id\":[1],\"align\":[1],\"label\":[1],\"loading\":[4],\"loadingSize\":[1,\"loading-size\"],\"variant\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"optionalTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}]]],[\"p-pagination_3.cjs\",[[513,\"p-pagination\",{\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"_hasPaginationPages\":[32]}],[513,\"p-pagination-pages\",{\"page\":[1538],\"dropdownPageTemplate\":[16],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2],\"_showDropdown\":[32],\"_dropdowns\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[6,\"click\",\"documentClickHandler\"]],{\"page\":[{\"pageChangeHandler\":0}],\"pageSize\":[{\"pageChangeHandler\":0}],\"total\":[{\"pageChangeHandler\":0}]}],[769,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16],\"itemTemplate\":[16],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_8.cjs\",[[513,\"p-table-footer\",{\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"loading\":[4],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"tableHeaderHasAction\":[4,\"table-header-has-action\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[769,\"p-table-header\",{\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"hideQuickFiltersOnMobile\":[4,\"hide-quick-filters-on-mobile\"],\"loading\":[4],\"enableSearch\":[4,\"enable-search\"],\"itemsSelectedAmount\":[2,\"items-selected-amount\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableExport\":[4,\"enable-export\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-empty-state\",{\"illustration\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionText\":[1,\"action-text\"],\"actionVariant\":[1,\"action-variant\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconPosition\":[1,\"action-icon-position\"],\"actionLoading\":[4,\"action-loading\"]}],[769,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[772,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[8],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"checkboxOffset\":[4,\"checkbox-offset\"],\"template\":[16]}],[769,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[260,\"p-table-container\"],[769,\"p-table-row-actions-container\",{\"checked\":[4]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"p-button_3.cjs\",[[769,\"p-button\",{\"label\":[1],\"as\":[1],\"underline\":[4],\"tabIndex\":[2,\"tab-index\"],\"variant\":[1],\"active\":[4],\"error\":[4],\"href\":[1],\"target\":[1],\"size\":[1],\"type\":[1],\"loading\":[4],\"chevron\":[8],\"chevronPosition\":[1,\"chevron-position\"],\"disabled\":[4],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconClass\":[1,\"icon-class\"],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"inheritText\":[4,\"inherit-text\"],\"buttonGroupPosition\":[1,\"button-group-position\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]],[769,\"p-loader\",{\"show\":[4],\"variant\":[1],\"color\":[1],\"modalTitle\":[1,\"modal-title\"],\"modalDescription\":[1,\"modal-description\"]}],[513,\"p-icon\",{\"variant\":[1],\"size\":[1],\"rotate\":[2],\"flip\":[1]}]]],[\"p-table.cjs\",[[772,\"p-table\",{\"items\":[1],\"loading\":[4],\"headerLoading\":[4,\"header-loading\"],\"footerLoading\":[4,\"footer-loading\"],\"amountOfLoadingRows\":[2,\"amount-of-loading-rows\"],\"enableRowSelection\":[4,\"enable-row-selection\"],\"rowSelectionLimit\":[2,\"row-selection-limit\"],\"enableRowClick\":[4,\"enable-row-click\"],\"selectedRows\":[16],\"enableFloatingMenu\":[4,\"enable-floating-menu\"],\"floatingMenuAmountSelectedTemplate\":[16],\"selectionKey\":[1,\"selection-key\"],\"canSelectKey\":[1,\"can-select-key\"],\"enableHeader\":[4,\"enable-header\"],\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"enableSearch\":[4,\"enable-search\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionButtonLoading\":[4,\"action-button-loading\"],\"actionButtonEnabled\":[4,\"action-button-enabled\"],\"actionButtonIcon\":[1,\"action-button-icon\"],\"actionButtonText\":[1,\"action-button-text\"],\"actionButtonTemplate\":[16],\"enableFooter\":[4,\"enable-footer\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"enableExport\":[4,\"enable-export\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"emptyStateHeader\":[16],\"emptyStateContent\":[16],\"emptyStateAction\":[16],\"enableEmptyStateAction\":[4,\"enable-empty-state-action\"],\"emptyStateFilteredHeader\":[16],\"emptyStateFilteredContent\":[16],\"shadow\":[4],\"_locales\":[32],\"_extraHeaders\":[32],\"_columns\":[32],\"_items\":[32],\"_enableRowSelection\":[32],\"_rowSelectionLimit\":[32],\"_rowActionsFloating\":[32],\"_rowActionsRow\":[32],\"_footerHidden\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[16,\"tableDefinitionChanged\",\"onTableDefinitionUpdated\"],[4,\"keydown\",\"keyDown\"],[4,\"keyup\",\"keyUp\"],[4,\"visibilitychange\",\"visibilityChange\"],[9,\"resize\",\"_setRowSelectionData\"]],{\"items\":[{\"_parseItems\":0}],\"enableRowSelection\":[{\"_setRowSelectionData\":0}],\"rowSelectionLimit\":[{\"_setRowSelectionData\":0}],\"selectedRows\":[{\"_setRowSelectionData\":0}]}]]],[\"p-select.cjs\",[[576,\"p-select\",{\"items\":[1],\"multi\":[516],\"strategy\":[1],\"icon\":[1],\"query\":[1],\"placeholder\":[1],\"autocompletePlaceholder\":[1,\"autocomplete-placeholder\"],\"value\":[8],\"displayKey\":[1,\"display-key\"],\"dropdownDisplayKey\":[1,\"dropdown-display-key\"],\"selectionDisplayKey\":[1,\"selection-display-key\"],\"valueKey\":[1,\"value-key\"],\"avatarKey\":[1,\"avatar-key\"],\"iconKey\":[1,\"icon-key\"],\"iconClassKey\":[1,\"icon-class-key\"],\"showIconOnSelectedItem\":[1,\"show-icon-on-selected-item\"],\"classKey\":[1,\"class-key\"],\"applyClassOnSelectedItem\":[4,\"apply-class-on-selected-item\"],\"applyClassOnSelectedItemInMenu\":[4,\"apply-class-on-selected-item-in-menu\"],\"avatarLettersKey\":[1,\"avatar-letters-key\"],\"identifierKey\":[1,\"identifier-key\"],\"queryKey\":[1,\"query-key\"],\"autoSelectFirst\":[4,\"auto-select-first\"],\"showChevron\":[4,\"show-chevron\"],\"maxDisplayedItems\":[2,\"max-displayed-items\"],\"enableAutocomplete\":[4,\"enable-autocomplete\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"asyncFilter\":[4,\"async-filter\"],\"loading\":[4],\"enableSelectAll\":[4,\"enable-select-all\"],\"selectAllText\":[1,\"select-all-text\"],\"selectAllIcon\":[1,\"select-all-icon\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"showAddItem\":[4,\"show-add-item\"],\"addItemText\":[1,\"add-item-text\"],\"emptyStateText\":[1,\"empty-state-text\"],\"_showDropdown\":[32],\"_selectedItem\":[32],\"_allSelected\":[32],\"_amountHidden\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"_valueChange\":0}],\"items\":[{\"itemChanges\":0}],\"_showDropdown\":[{\"_showDropdownChanges\":0}],\"multi\":[{\"multiChanges\":0}]}]]],[\"p-datepicker.cjs\",[[576,\"p-datepicker\",{\"placeholder\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"enableNativePicker\":[4,\"enable-native-picker\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"format\":[1],\"hideIconWhenFilled\":[4,\"hide-icon-when-filled\"],\"size\":[1],\"prefix\":[1],\"label\":[1],\"loading\":[4],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"disabled\":[516],\"strategy\":[1],\"placement\":[513],\"_showDropdown\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_isMobileBrowser\":[32]},[[6,\"click\",\"documentClickHandler\"]],{\"value\":[{\"parseValue\":0}],\"minDate\":[{\"parseMinDate\":0}],\"maxDate\":[{\"parseMaxDate\":0}],\"disabledDates\":[{\"parseDisabledDates\":0}]}]]],[\"p-modal.cjs\",[[769,\"p-modal\",{\"size\":[1],\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"showMobileFooter\":[4,\"show-mobile-footer\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeModal\",\"handleCloseModal\"]]]]],[\"p-drawer.cjs\",[[769,\"p-drawer\",{\"header\":[1],\"show\":[4],\"applyBlur\":[4,\"apply-blur\"],\"showClose\":[4,\"show-close\"],\"backdropClickClose\":[4,\"backdrop-click-close\"],\"canClose\":[4,\"can-close\"],\"scrollLock\":[4,\"scroll-lock\"],\"_closing\":[32]},[[8,\"closeDrawer\",\"handleCloseDrawer\"],[8,\"forceCloseDrawer\",\"handleForceCloseDrawer\"]]]]],[\"p-attachment.cjs\",[[513,\"p-attachment\",{\"enableCameraOnMobile\":[4,\"enable-camera-on-mobile\"],\"value\":[1],\"fileId\":[1,\"file-id\"],\"accept\":[1],\"label\":[1],\"helper\":[1],\"required\":[516],\"mode\":[1],\"placeholder\":[1],\"cameraTooltip\":[1,\"camera-tooltip\"],\"downloadTooltip\":[1,\"download-tooltip\"],\"uploadTooltip\":[1,\"upload-tooltip\"],\"deleteTooltip\":[1,\"delete-tooltip\"],\"loading\":[4],\"error\":[1]}]]],[\"p-profile.cjs\",[[769,\"p-profile\",{\"dropdownLocation\":[1,\"dropdown-location\"],\"_dropdownOpen\":[32],\"_hasDropdownSlot\":[32]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-navbar.cjs\",[[769,\"p-navbar\",{\"_show\":[32]},[[8,\"closeNavbar\",\"handleCloseNavbar\"],[8,\"openNavbar\",\"handleOpenNavbar\"]]]]],[\"p-accordion.cjs\",[[769,\"p-accordion\",{\"variant\":[1],\"header\":[1],\"open\":[4],\"closeable\":[4],\"openable\":[4],\"label\":[1],\"labelVariant\":[1,\"label-variant\"],\"labelIcon\":[1,\"label-icon\"]}]]],[\"p-card-header.cjs\",[[769,\"p-card-header\",{\"variant\":[1],\"header\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"divider\":[4]}]]],[\"p-navigation-item.cjs\",[[774,\"p-navigation-item\",{\"icon\":[1],\"active\":[4],\"loading\":[4],\"as\":[1],\"counter\":[8],\"href\":[1],\"target\":[1],\"class\":[1],\"applyFullWidth\":[4,\"apply-full-width\"]}]]],[\"p-cropper.cjs\",[[513,\"p-cropper\",{\"value\":[1],\"returnType\":[1,\"return-type\"],\"_loaded\":[32],\"_currentScale\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"p-dropzone.cjs\",[[769,\"p-dropzone\",{\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"acceptGroup\":[1,\"accept-group\"],\"fileId\":[1,\"file-id\"],\"loading\":[4],\"allowMultiple\":[4,\"allow-multiple\"],\"uploaded\":[4],\"addedString\":[1,\"added-string\"],\"dragFileString\":[1,\"drag-file-string\"],\"orClickString\":[1,\"or-click-string\"],\"_isOver\":[32]},[[1,\"drop\",\"onDrop\"],[1,\"dragover\",\"onDragOver\"],[1,\"dragleave\",\"onDragLeave\"]]]]],[\"p-stepper.cjs\",[[769,\"p-stepper\",{\"steps\":[1],\"activeStep\":[2,\"active-step\"],\"enableAutoStatus\":[4,\"enable-auto-status\"],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"_generatedOnce\":[32],\"_loaded\":[32]},null,{\"align\":[{\"_onAlignChange\":0}],\"direction\":[{\"_onDirectionChange\":0}],\"activeStep\":[{\"_onActiveStepChange\":0}]}]]],[\"p-info-panel.cjs\",[[769,\"p-info-panel\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"closeable\":[4]}]]],[\"p-listing.cjs\",[[769,\"p-listing\",{\"_generatedOnce\":[32]}]]],[\"p-listing-item.cjs\",[[769,\"p-listing-item\",{\"icon\":[1]}]]],[\"p-navigation-section.cjs\",[[772,\"p-navigation-section\",{\"header\":[1]}]]],[\"p-submenu.cjs\",[[769,\"p-submenu\",{\"title\":[513],\"subtitle\":[513],\"index\":[514],\"showIndex\":[516,\"show-index\"],\"active\":[516],\"open\":[516]}]]],[\"p-submenu-item.cjs\",[[769,\"p-submenu-item\",{\"active\":[516],\"icon\":[513]}]]],[\"p-tab-container.cjs\",[[257,\"p-tab-container\"]]],[\"p-toast.cjs\",[[769,\"p-toast\",{\"variant\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconFlip\":[1,\"action-icon-flip\"],\"actionIconRotate\":[2,\"action-icon-rotate\"]}]]],[\"p-avatar-group.cjs\",[[772,\"p-avatar-group\",{\"extra\":[2]}]]],[\"p-button-group.cjs\",[[769,\"p-button-group\",{\"size\":[1]},[[0,\"slotchange\",\"slotchange\"]]]]],[\"p-card-body.cjs\",[[257,\"p-card-body\"]]],[\"p-card-container.cjs\",[[769,\"p-card-container\",{\"variant\":[1],\"bgClass\":[1,\"bg-class\"],\"active\":[4],\"hoverable\":[4],\"shadow\":[4],\"border\":[4]}]]],[\"p-content-slider.cjs\",[[769,\"p-content-slider\",{\"hideMobileIndicator\":[4,\"hide-mobile-indicator\"],\"disableDrag\":[4,\"disable-drag\"],\"disableAutoCenter\":[4,\"disable-auto-center\"],\"disableIndicatorClick\":[4,\"disable-indicator-click\"],\"_visibleIndex\":[32],\"_outerHeight\":[32],\"_totalWidth\":[32],\"_dragging\":[32]},[[9,\"mouseup\",\"mouseUpHandler\"],[9,\"touchend\",\"mouseUpHandler\"],[9,\"resize\",\"resizeHandler\"]]]]],[\"p-iban-icon.cjs\",[[513,\"p-iban-icon\",{\"iban\":[513],\"variant\":[513]}]]],[\"p-layout.cjs\",[[769,\"p-layout\",{\"variant\":[1]}]]],[\"p-radio.cjs\",[[836,\"p-radio\",{\"value\":[1],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"checked\":[516],\"_nonce\":[32]}]]],[\"p-tab-item.cjs\",[[769,\"p-tab-item\",{\"active\":[4]}]]],[\"p-table-column.cjs\",[[512,\"p-table-column\",{\"path\":[1537],\"variant\":[1537],\"name\":[1537],\"flex\":[1540],\"useSlot\":[1540,\"use-slot\"],\"hasCheckbox\":[1540,\"has-checkbox\"],\"align\":[1537],\"headerAlign\":[1537,\"header-align\"],\"sticky\":[1544],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-extra-header.cjs\",[[512,\"p-table-extra-header\",{\"name\":[1537],\"sticky\":[1544],\"useSlot\":[1540,\"use-slot\"],\"align\":[1537],\"parsedSizes\":[1040],\"sizes\":[1032]}]]],[\"p-table-row-action.cjs\",[[512,\"p-table-row-action\",{\"type\":[1537],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"label\":[1],\"action\":[16],\"disabled\":[4],\"loading\":[4],\"showFunction\":[16]}]]],[\"p-toast-container.cjs\",[[769,\"p-toast-container\",{\"placement\":[1]}]]],[\"p-toggle.cjs\",[[836,\"p-toggle\",{\"checked\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}]]],[\"p-calendar.cjs\",[[513,\"p-calendar\",{\"variant\":[1],\"value\":[1],\"preselectToday\":[4,\"preselect-today\"],\"disabledDates\":[1,\"disabled-dates\"],\"minDate\":[1,\"min-date\"],\"maxDate\":[1,\"max-date\"],\"disableWeekends\":[4,\"disable-weekends\"],\"enableToday\":[4,\"enable-today\"],\"todayText\":[1,\"today-text\"],\"mode\":[1],\"_view\":[32],\"_viewDate\":[32],\"_value\":[32],\"_minDate\":[32],\"_maxDate\":[32],\"_disabledDates\":[32],\"_enableToday\":[32]},null,{\"value\":[{\"_parseValue\":0}],\"minDate\":[{\"_parseMinDate\":0}],\"maxDate\":[{\"_parseMaxDate\":0}],\"disabledDates\":[{\"_parseDisabledDates\":0}],\"mode\":[{\"_modeChange\":0}]}]]],[\"p-label.cjs\",[[769,\"p-label\",{\"variant\":[513],\"iconOnly\":[516,\"icon-only\"],\"icon\":[513],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"keepMobileContent\":[516,\"keep-mobile-content\"]}]]],[\"p-range.cjs\",[[513,\"p-range\",{\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2]}]]],[\"p-avatar.cjs\",[[512,\"p-avatar\",{\"variant\":[1],\"size\":[513],\"defaultImage\":[1,\"default-image\"],\"src\":[1],\"letters\":[1],\"_src\":[32],\"_failed\":[32]},null,{\"src\":[{\"onSrchChange\":0}]}]]],[\"p-listing-line.cjs\",[[1,\"p-listing-line\"]]],[\"p-navigation-title.cjs\",[[257,\"p-navigation-title\"]]],[\"p-floating-menu-item.cjs\",[[772,\"p-floating-menu-item\",{\"hover\":[4],\"disabled\":[4],\"loading\":[4],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}]]],[\"p-stepper-item_2.cjs\",[[769,\"p-stepper-item\",{\"number\":[2],\"direction\":[1],\"align\":[1],\"contentPosition\":[1,\"content-position\"],\"finished\":[4],\"active\":[4]}],[513,\"p-stepper-line\",{\"active\":[516],\"direction\":[513]}]]],[\"p-illustration.cjs\",[[512,\"p-illustration\",{\"variant\":[1]}]]],[\"p-drawer-body_3.cjs\",[[769,\"p-drawer-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-drawer-body\"],[769,\"p-drawer-container\",{\"closing\":[4]}]]],[\"p-backdrop.cjs\",[[769,\"p-backdrop\",{\"variant\":[1],\"applyBlur\":[4,\"apply-blur\"],\"closing\":[4],\"scrollLock\":[4,\"scroll-lock\"],\"class\":[1]},[[2,\"click\",\"handleClick\"]]]]],[\"p-smile.cjs\",[[512,\"p-smile\",{\"variant\":[1]}]]],[\"p-divider.cjs\",[[769,\"p-divider\",{\"variant\":[513],\"alignContent\":[513,\"align-content\"]}]]],[\"p-modal-body_4.cjs\",[[769,\"p-modal-header\",{\"showClose\":[4,\"show-close\"]}],[257,\"p-modal-footer\"],[769,\"p-modal-body\",{\"roundedBottom\":[4,\"rounded-bottom\"],\"roundedTop\":[4,\"rounded-top\"]}],[769,\"p-modal-container\",{\"size\":[1],\"closing\":[4]}]]],[\"p-badge_3.cjs\",[[769,\"p-segment-item\",{\"variant\":[1],\"active\":[4],\"iconOnly\":[4,\"icon-only\"],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"]}],[257,\"p-segment-container\"],[257,\"p-badge\"]]],[\"p-tooltip.cjs\",[[769,\"p-tooltip\",{\"variant\":[1],\"content\":[1],\"placement\":[1],\"offset\":[2],\"strategy\":[1],\"enableUserInput\":[4,\"enable-user-input\"],\"show\":[4],\"canManuallyClose\":[4,\"can-manually-close\"]},[[2,\"click\",\"clickHandler\"],[6,\"click\",\"documentClickHandler\"],[1,\"mouseenter\",\"mouseEnterHandler\"],[0,\"focus\",\"mouseEnterHandler\"],[1,\"mouseleave\",\"mouseLeaveHandler\"],[0,\"blur\",\"mouseLeaveHandler\"]],{\"show\":[{\"onShowChange\":0}],\"content\":[{\"onContentChange\":0}]}]]],[\"p-checkbox_3.cjs\",[[836,\"p-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"disabled\":[516],\"required\":[516],\"id\":[513],\"name\":[513],\"_nonce\":[32]}],[769,\"p-dropdown\",{\"variant\":[1],\"placement\":[513],\"offset\":[2],\"strategy\":[1],\"show\":[4],\"applyMaxWidth\":[4,\"apply-max-width\"],\"applyFullWidth\":[4,\"apply-full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8],\"insideClick\":[4,\"inside-click\"],\"disableTriggerClick\":[4,\"disable-trigger-click\"],\"manual\":[4],\"applyChevron\":[4,\"apply-chevron\"],\"manualChevron\":[4,\"manual-chevron\"],\"chevronPosition\":[1,\"chevron-position\"],\"chevronDirection\":[1,\"chevron-direction\"],\"containerClass\":[1,\"container-class\"],\"isDatepicker\":[4,\"is-datepicker\"]},[[6,\"click\",\"documentClickHandler\"]],{\"show\":[{\"onShowChange\":0}]}],[769,\"p-dropdown-menu-container\",{\"variant\":[1],\"maxWidth\":[4,\"max-width\"],\"class\":[1],\"fullWidth\":[4,\"full-width\"],\"allowOverflow\":[4,\"allow-overflow\"],\"scrollable\":[8]}]]],[\"p-dropdown-menu-item_2.cjs\",[[769,\"p-pagination-pages-item\",{\"variant\":[1],\"active\":[4],\"hover\":[4],\"disabled\":[4]}],[769,\"p-dropdown-menu-item\",{\"active\":[4],\"checkbox\":[4],\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"enableTextWrap\":[4,\"enable-text-wrap\"],\"disabled\":[4],\"icon\":[1],\"iconWave\":[4,\"icon-wave\"],\"useContainer\":[4,\"use-container\"],\"autoHeight\":[4,\"auto-height\"]}]]],[\"p-field_3.cjs\",[[833,\"p-field\",{\"align\":[1],\"variant\":[1],\"id\":[1],\"size\":[1],\"type\":[1],\"properties\":[8],\"prefix\":[1],\"suffix\":[1],\"icon\":[1],\"iconFlip\":[1,\"icon-flip\"],\"iconRotate\":[2,\"icon-rotate\"],\"iconPosition\":[1,\"icon-position\"],\"value\":[8],\"label\":[1],\"loading\":[4],\"enablePasswordEye\":[4,\"enable-password-eye\"],\"placeholder\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"showAddOnEmpty\":[516,\"show-add-on-empty\"],\"addText\":[513,\"add-text\"],\"autofocus\":[516],\"error\":[513],\"autoShowError\":[516,\"auto-show-error\"],\"errorPlacement\":[1,\"error-placement\"],\"disabled\":[516],\"focused\":[516],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"selectAllOnFocus\":[516,\"select-all-on-focus\"],\"focusMethod\":[1,\"focus-method\"],\"optionalTemplate\":[16],\"_focused\":[32],\"_nonce\":[32],\"_type\":[32]},[[0,\"focusin\",\"handleFocusIn\"],[0,\"focusout\",\"handleFocusOut\"],[2,\"keyup\",\"handleKeyup\"],[2,\"keydown\",\"handleKeydown\"]],{\"value\":[{\"watchvalue\":0}]}],[769,\"p-field-container\",{\"id\":[1],\"align\":[1],\"label\":[1],\"loading\":[4],\"loadingSize\":[1,\"loading-size\"],\"variant\":[1],\"helper\":[1],\"required\":[516],\"showOptional\":[516,\"show-optional\"],\"error\":[513],\"errorPlacement\":[1,\"error-placement\"],\"forceShowTooltip\":[516,\"force-show-tooltip\"],\"optionalTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-helper\",{\"strategy\":[1],\"placement\":[1]}]]],[\"p-pagination_3.cjs\",[[513,\"p-pagination\",{\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"_hasPaginationPages\":[32]}],[513,\"p-pagination-pages\",{\"page\":[1538],\"dropdownPageTemplate\":[16],\"pageSize\":[2,\"page-size\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"total\":[2],\"_showDropdown\":[32],\"_dropdowns\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"],[6,\"click\",\"documentClickHandler\"]],{\"page\":[{\"pageChangeHandler\":0}],\"pageSize\":[{\"pageChangeHandler\":0}],\"total\":[{\"pageChangeHandler\":0}]}],[769,\"p-pagination-size\",{\"size\":[1538],\"sizeOptions\":[16],\"itemTemplate\":[16],\"hidden\":[4],\"dropdownIsOpen\":[32],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]]]],[\"p-empty-state_8.cjs\",[[513,\"p-table-footer\",{\"enablePaginationSize\":[4,\"enable-pagination-size\"],\"enablePaginationPages\":[4,\"enable-pagination-pages\"],\"loading\":[4],\"page\":[1538],\"total\":[2],\"pageSize\":[2,\"page-size\"],\"pageSizeOptions\":[16],\"tableHeaderHasAction\":[4,\"table-header-has-action\"],\"hideOnSinglePage\":[4,\"hide-on-single-page\"],\"_isPinned\":[32],\"_hasPaginationPages\":[32]},[[9,\"scroll\",\"onScroll\"]]],[769,\"p-table-header\",{\"quickFilters\":[1,\"quick-filters\"],\"activeQuickFilterIdentifier\":[1,\"active-quick-filter-identifier\"],\"hideQuickFiltersOnMobile\":[4,\"hide-quick-filters-on-mobile\"],\"loading\":[4],\"enableSearch\":[4,\"enable-search\"],\"itemsSelectedAmount\":[2,\"items-selected-amount\"],\"query\":[1025],\"enableFilter\":[4,\"enable-filter\"],\"enableExport\":[4,\"enable-export\"],\"enableFilterDesktop\":[4,\"enable-filter-desktop\"],\"selectedFiltersAmount\":[2,\"selected-filters-amount\"],\"filterButtonTemplate\":[16],\"enableAction\":[4,\"enable-action\"],\"actionLoading\":[4,\"action-loading\"],\"actionIcon\":[1,\"action-icon\"],\"actionText\":[1,\"action-text\"],\"canUseAction\":[1028,\"can-use-action\"],\"actionButtonTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[769,\"p-empty-state\",{\"illustration\":[1],\"header\":[1],\"content\":[1],\"enableAction\":[4,\"enable-action\"],\"actionText\":[1,\"action-text\"],\"actionVariant\":[1,\"action-variant\"],\"actionIcon\":[1,\"action-icon\"],\"actionIconPosition\":[1,\"action-icon-position\"],\"actionLoading\":[4,\"action-loading\"]}],[769,\"p-floating-menu-container\",{\"usedInTable\":[4,\"used-in-table\"],\"enableAmountSelected\":[4,\"enable-amount-selected\"],\"amount\":[2],\"enableClose\":[4,\"enable-close\"],\"amountSelectedTemplate\":[16],\"_locales\":[32]},[[16,\"localeChanged\",\"_setLocales\"]]],[772,\"p-table-cell\",{\"variant\":[1],\"index\":[2],\"rowIndex\":[2,\"row-index\"],\"definition\":[8],\"item\":[8],\"value\":[8],\"checkbox\":[8],\"checkboxOffset\":[4,\"checkbox-offset\"],\"template\":[16]}],[769,\"p-table-row\",{\"variant\":[1],\"enableHover\":[4,\"enable-hover\"],\"checked\":[4],\"isLast\":[4,\"is-last\"]}],[260,\"p-table-container\"],[769,\"p-table-row-actions-container\",{\"checked\":[4]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{state-DM8SZBNO.js → state-iDWWYScu.js}

@@ -280,7 +280,7 @@ const createStore = (defaultState, shouldUpdate) => {
 const stateThemeOptions = ['light', 'dark'];
 const stateLocaleOptions = ['nl', 'en'];
 const { state: localState, onChange } = createStore({
-    theme: stateThemeOptions[0],
+    theme: stateThemeOptions[1],
     locale: stateLocaleOptions[0],
 });
 const initTheme = (usePreferColorScheme = true, localStorageKey = false) => {

package/dist/cjs/{themed-host.component-BeeT9Ite.js → themed-host.component-B64rmI9X.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-BGtpSJv_.js');
-var state = require('./state-DM8SZBNO.js');
+var state = require('./state-iDWWYScu.js');
 
 const ThemedHost = (props, children) => (index.h(index.Host, { ...props, "data-theme": state.state.theme }, children));
 

package/dist/collection/collection-manifest.json

@@ -72,6 +72,8 @@
     "components/molecules/profile/profile.component.js",
     "components/molecules/range/range.component.js",
     "components/molecules/select/select.component.js",
+    "components/molecules/submenu/item/submenu-item.component.js",
+    "components/molecules/submenu/menu/submenu.component.js",
     "components/molecules/table/cell/table-cell.component.js",
     "components/molecules/table/footer/table-footer.component.js",
     "components/molecules/table/row/table-row.component.js",

package/dist/collection/components/molecules/submenu/item/submenu-item.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.h-full{height:100%}.w-\[2px\]{width:2px}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.pl-6{padding-left:1.5rem}.text-hurricane-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group\/submenu-item:hover .group-hover\/submenu-item\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.dark\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}

package/dist/collection/components/molecules/submenu/item/submenu-item.component.js

@@ -0,0 +1,94 @@
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+import { ThemedHost } from "../../../../internal/themed-host.component";
+import { cn } from "../../../../utils";
+const content = cva([
+    'flex items-center gap-6',
+    'h-8 w-full pl-6',
+    'cursor-pointer',
+    'group/submenu-item',
+], {
+    variants: {},
+});
+export class SubmenuItem {
+    /**
+     * Wether the submenu is active or not
+     */
+    active = false;
+    /**
+     * Icon to show on the label
+     */
+    icon = 'placeholder';
+    render() {
+        return (h(ThemedHost, { key: '812bee8d46780d60ed604505b4f8c00e798a9f8f' }, h("div", { key: 'f5a76dd14ccb0559586b01214c6badb3bcf2eef8', class: cn(content({}), {}) }, h("div", { key: '97fe0916207dfefd625ae51d911ef4eeb5d6b4cc', class: cn(`h-full w-[2px] transition-colors`, {
+                'bg-indigo-600': this.active,
+                'bg-transparent group-hover/submenu-item:bg-indigo-600': !this.active,
+            }) }), h("div", { key: '2c6ab60c2fb19b197d5aabd2368a7eb7406fdcb2', class: cn('flex items-center gap-2 transition-colors', {
+                'text-storm-400 dark:text-hurricane-100': !this.active,
+                'text-indigo-600': this.active,
+            }) }, h("p-icon", { key: '7db15690b67f555a46dc72133be72e5937051658', variant: this.icon }), h("slot", { key: '1a4574d13c012affe2713a034445f636369729c8' })))));
+    }
+    static get is() { return "p-submenu-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["submenu-item.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["submenu-item.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the submenu is active or not"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "active",
+                "defaultValue": "false"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconVariant",
+                    "resolved": "\"address-book\" | \"alarm\" | \"apple\" | \"arrow\" | \"attachment\" | \"bank\" | \"bell\" | \"bread\" | \"cake\" | \"calculator\" | \"calendar\" | \"calendar-free\" | \"calendar-multi\" | \"calendar-not-free\" | \"camera\" | \"car\" | \"caret\" | \"certified\" | \"chair\" | \"chat\" | \"check-circle\" | \"checkmark\" | \"checkmarkThick\" | \"city\" | \"clock\" | \"companies\" | \"company\" | \"component\" | \"copy\" | \"credit-card\" | \"cross-circle\" | \"cutlery\" | \"department\" | \"description\" | \"diamond\" | \"docter\" | \"document\" | \"double-arrow\" | \"double-caret\" | \"download\" | \"enter-key\" | \"envelope\" | \"error-circle\" | \"euro\" | \"exam\" | \"eye\" | \"eye-closed\" | \"female\" | \"file-export\" | \"file-import\" | \"filter\" | \"flag\" | \"flower\" | \"folder\" | \"globe\" | \"globe-2\" | \"google\" | \"hash\" | \"hat\" | \"headset\" | \"history\" | \"home\" | \"id\" | \"id-two\" | \"ideal\" | \"info-circle\" | \"integration\" | \"key\" | \"lamp\" | \"language\" | \"laptop\" | \"location\" | \"lock\" | \"mail\" | \"male\" | \"math\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"moon\" | \"more\" | \"negative\" | \"new-tab\" | \"other\" | \"pay\" | \"pdf\" | \"pencil\" | \"percent\" | \"phone\" | \"pie-chart\" | \"piggy-bank\" | \"placeholder\" | \"plus\" | \"power\" | \"question-circle\" | \"receipt\" | \"reset\" | \"running\" | \"scroll\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"spinner\" | \"spinning\" | \"stack\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"turn\" | \"unlocked\" | \"upload\" | \"user\" | \"users\" | \"warning\" | \"wave\" | \"xls\" | \"zipcode\"",
+                    "references": {
+                        "IconVariant": {
+                            "location": "import",
+                            "path": "../../../../types/icon",
+                            "id": "src/types/icon.ts::IconVariant",
+                            "referenceLocation": "IconVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Icon to show on the label"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "icon",
+                "defaultValue": "'placeholder'"
+            }
+        };
+    }
+}

package/dist/collection/components/molecules/submenu/item/submenu-item.stories.js

@@ -0,0 +1,20 @@
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Molecules/Submenu/Item',
+    component: 'p-submenu-item',
+    args: {
+        content: "Item",
+        icon: "placeholder"
+    },
+    argTypes: {
+        content: {
+            type: 'string',
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: ({ active, content, icon }) => html `
+				<p-submenu-item active=${active ?? nothing} icon=${icon ?? 'placeholder'}>${content}</p-submenu-item>
+			`
+};

package/dist/collection/components/molecules/submenu/menu/submenu.component.css

@@ -0,0 +1 @@
+*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\[calc\(1\.5rem\)\]{left:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.m-0{margin:0}.m-2{margin:.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.flex{display:flex}.size-4{height:1rem;width:1rem}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.transition-\[max-height\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.group\/submenu-header:hover .group-hover\/submenu-header\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\:bg-indigo-600\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.3)}.dark\:bg-storm-500\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)}.dark\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\:text-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.dark\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:bg-indigo-600\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)}.dark\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\:bg-indigo-600\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.3)}.dark\:bg-storm-500\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)}.dark\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\:text-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\:text-indigo-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:bg-indigo-600\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)}

package/dist/collection/components/molecules/submenu/menu/submenu.component.js

@@ -0,0 +1,265 @@
+import { h } from "@stencil/core";
+import { cva } from "class-variance-authority";
+import { ThemedHost } from "../../../../internal/themed-host.component";
+import { cn } from "../../../../utils";
+const header = cva([
+    'group/submenu-header',
+    'flex items-center gap-2',
+    'py-1 pl-2 pr-4',
+    'rounded-lg',
+    'cursor-pointer',
+    'transition-colors',
+], {
+    variants: {
+        open: {
+            true: `
+      bg-off-white-300
+      dark:bg-storm-500/20
+    `,
+            false: '',
+        },
+        active: {
+            true: `
+      bg-indigo-50
+      dark:bg-indigo-600/30
+    `,
+            false: `
+      hover:bg-indigo-50
+      dark:hover:bg-indigo-600/10
+    `,
+        },
+    },
+    compoundVariants: [],
+});
+const indexContainer = cva([
+    'm-2 size-4 rounded-full p-2',
+    `
+    text-xs font-semibold text-storm-500
+    dark:text-hurricane-500
+  `,
+    'transition-colors',
+    'flex items-center justify-center',
+], {
+    variants: {
+        open: {
+            true: 'bg-indigo-500',
+            false: '',
+        },
+        active: {
+            true: 'bg-indigo-500',
+            false: '',
+        },
+    },
+    compoundVariants: [
+        {
+            open: false,
+            active: false,
+            class: 'bg-indigo-200',
+        },
+    ],
+});
+export class Submenu {
+    /**
+     * Title of the submenu
+     */
+    title = '';
+    /**
+     * Subtitle of the submenu
+     */
+    subtitle = '';
+    /**
+     * Index of the submenu
+     */
+    index = 0;
+    /**
+     * Wether to show the index
+     */
+    showIndex = true;
+    /**
+     * Wether the submenu is active or not
+     */
+    active = false;
+    /**
+     * Wether the submenu is open or not
+     */
+    open = false;
+    /**
+     * The host element
+     */
+    _el;
+    componentDidLoad() {
+        const submenuItems = this._el.querySelectorAll('p-submenu-item');
+        const hasActiveChild = [...submenuItems].some(i => i.active === true);
+        if (!this.active && hasActiveChild) {
+            this.active = true;
+        }
+        if (!this.active) {
+            return;
+        }
+        this.open = true;
+    }
+    render() {
+        const submenuItems = this._el.querySelectorAll('p-submenu-item');
+        const firstItem = getComputedStyle(submenuItems[0]);
+        const maxHeight = submenuItems.length *
+            Number.parseInt(firstItem.height.replace('px', '')) +
+            16; // the margin of the content
+        return (h(ThemedHost, { key: '110fad52ce96c4fc855408b422a42956b957d092' }, h("div", { key: '0b8f40db722e7c6f6ba8ded2e33a6776af28f0dc', class: 'flex w-full flex-col' }, h("div", { key: '23aa3cf5a7ece75e3fb6312e2e2173d68b2dcd86', class: cn(header({
+                active: this.active,
+                open: this.open,
+            })), onClick: () => (this.open = !this.open) }, this.showIndex && (h("div", { key: 'a24b117f984eb4392a90b47fd8363e7e320cb84a', class: indexContainer({
+                active: this.active,
+                open: this.open,
+            }) }, this.index)), h("div", { key: '76fb811ac456b88a7f3d3df3b5badfaf9fe6170f', class: 'flex flex-1 flex-col' }, h("p", { key: 'd2dc662ee53ca37a0f971ce372c3e1a1528717e5', class: cn('m-0 text-sm', {
+                'text-storm-400 group-hover/submenu-header:text-white dark:text-hurricane-100': !this.active,
+                'text-storm-500 dark:text-white': this.active,
+            }) }, this.title), h("p", { key: '60b63c450874ee68b0857641e01a4b0a5d14fe0d', class: cn('m-0 text-xs', {
+                'text-storm-300 dark:text-hurricane-300': !this.active,
+                'text-storm-300 dark:text-indigo-200': this.active,
+            }) }, this.subtitle)), h("p-icon", { key: '89e2bea66fb7e67633e9678648d6756352adeecf', class: cn({
+                'text-storm-500 dark:text-white': this.active,
+                'text-storm-300 dark:text-hurricane-300': !this.active,
+            }), rotate: this.open ? 180 : 0, variant: 'caret' })), h("div", { key: 'bfdb4d322cf02a5dd7dfacd79c39c4253a2b8518', class: cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
+                maxHeight: `${this.open ? maxHeight : 0}px`,
+            } }, h("div", { key: '9928a528f546820946876952f5e49faba0f0ebc0', class: '\n         absolute left-[calc(1.5rem)] top-0 z-0 w-px bg-indigo-100\n         dark:bg-hurricane-400\n       ', style: {
+                height: `${maxHeight}px`,
+            } }), h("div", { key: '17c48e3c23851adf85dbf98951486b1e6536f10d', class: 'z-10 my-2 flex flex-col' }, h("slot", { key: 'acfd6ce55e564b140706e6f087e839017c782d1f' }))))));
+    }
+    static get is() { return "p-submenu"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["submenu.component.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["submenu.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "title": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Title of the submenu"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "title",
+                "defaultValue": "''"
+            },
+            "subtitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Subtitle of the submenu"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "subtitle",
+                "defaultValue": "''"
+            },
+            "index": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Index of the submenu"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "index",
+                "defaultValue": "0"
+            },
+            "showIndex": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show the index"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "show-index",
+                "defaultValue": "true"
+            },
+            "active": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the submenu is active or not"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "active",
+                "defaultValue": "false"
+            },
+            "open": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the submenu is open or not"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "open",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "_el"; }
+}

package/dist/collection/components/molecules/submenu/menu/submenu.stories.js

@@ -0,0 +1,35 @@
+import { html, nothing } from "lit";
+const meta = {
+    title: 'Design System/Molecules/Submenu/Menu',
+    component: 'p-submenu',
+    args: {
+        title: "Submenu",
+        subtitle: "Submenu subtitle",
+        index: 1,
+    },
+    parameters: {
+        docs: {
+            iframeHeight: 600,
+            story: {
+                height: '700px',
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    render: ({ active, open, title, subtitle, index, showIndex }) => html `
+				<p-submenu
+					title=${title ?? nothing}
+					subtitle=${subtitle ?? nothing}
+					active=${active ?? nothing}
+					open=${open ?? nothing}
+					index=${index ?? nothing}
+					show-index=${showIndex ?? nothing}
+				>
+					<p-submenu-item>Item 2</p-submenu-item>
+					<p-submenu-item>Item 3</p-submenu-item>
+					<p-submenu-item>Item 4</p-submenu-item>
+				</p-submenu>
+			`
+};