@zanichelli/albe-web-components 12.2.0-rc → 12.2.1-rc2

package/dist/esm/web-components-library.js

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"z-app-header_11\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"enableSearch\":[516,\"enable-search\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"searchString\":[1025,\"search-string\"],\"searchPageUrl\":[1,\"search-page-url\"],\"_stuck\":[32],\"currentViewport\":[32],\"menuLength\":[32]},[[9,\"resize\",\"evaluateViewport\"]]],[1,\"z-searchbar\",{\"htmlid\":[513],\"preventSubmit\":[4,\"prevent-submit\"],\"value\":[1],\"placeholder\":[1],\"autocomplete\":[4],\"autocompleteMinChars\":[2,\"autocomplete-min-chars\"],\"resultsCount\":[2,\"results-count\"],\"resultsEllipsis\":[4,\"results-ellipsis\"],\"searchHelperLabel\":[1,\"search-helper-label\"],\"resultsItems\":[1,\"results-items\"],\"sortResultsItems\":[4,\"sort-results-items\"],\"showSearchButton\":[4,\"show-search-button\"],\"searchButtonIconOnly\":[4,\"search-button-icon-only\"],\"size\":[1],\"variant\":[1],\"searchString\":[32],\"currResultsCount\":[32],\"showResults\":[32]},[[4,\"click\",\"handleOutsideClick\"]]],[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513],\"skipLoadAnimation\":[1028,\"skip-load-animation\"]}],[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"isContextualMenu\":[516,\"is-contextual-menu\"],\"listElementPosition\":[513,\"list-element-position\"],\"listType\":[513,\"list-type\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list\",{\"size\":[513],\"listType\":[513,\"list-type\"]}],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"],\"listType\":[513,\"list-type\"]}],[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[516],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"labelPosition\":[1,\"label-position\"],\"autocomplete\":[1],\"hasclearicon\":[4],\"icon\":[1],\"min\":[2],\"minlength\":[2],\"max\":[2],\"maxlength\":[2],\"step\":[2],\"pattern\":[1],\"size\":[513],\"isTyping\":[32],\"passwordHidden\":[32],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[1,\"z-input-message\",{\"message\":[1],\"status\":[513],\"statusRole\":[32]}],[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}],[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"role\":[1],\"href\":[1],\"target\":[1],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-select\",[[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"autocomplete\":[4],\"noresultslabel\":[1],\"hasGroupItems\":[4,\"has-group-items\"],\"isfixed\":[4],\"resetItem\":[1,\"reset-item\"],\"size\":[1],\"isOpen\":[32],\"selectedItem\":[32],\"searchString\":[32],\"getSelectedItem\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"z-breadcrumb\",[[1,\"z-breadcrumb\",{\"pathStyle\":[513,\"path-style\"],\"homepageVariant\":[1,\"homepage-variant\"],\"maxNodesToShow\":[2,\"max-nodes-to-show\"],\"preventFollowUrl\":[4,\"prevent-follow-url\"],\"overflowMenuItemRows\":[2,\"overflow-menu-item-rows\"],\"truncateChar\":[2,\"truncate-char\"],\"viewPortWidth\":[32],\"hasOverflow\":[32],\"popoverEllipsisOpen\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"disabled\":[516],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"hasgroupitems\":[4],\"size\":[1],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[513,\"popover-position\"]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-file-upload\",[[1,\"z-file-upload\",{\"type\":[513],\"buttonVariant\":[1,\"button-variant\"],\"acceptedFormat\":[1,\"accepted-format\"],\"fileMaxSize\":[2,\"file-max-size\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64]},[[0,\"removeFile\",\"removeFileListener\"],[0,\"fileDropped\",\"fileDroppedListener\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pagination\",[[0,\"z-pagination\",{\"label\":[1],\"navArrows\":[4,\"nav-arrows\"],\"totalPages\":[2,\"total-pages\"],\"skip\":[2],\"edges\":[4],\"split\":[2],\"visiblePages\":[2,\"visible-pages\"],\"currentPage\":[1026,\"current-page\"],\"goToPage\":[4,\"go-to-page\"],\"_visiblePages\":[32],\"isMobile\":[32],\"goToPageValue\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-carousel\",[[4,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"label\":[1],\"single\":[4],\"arrowsPosition\":[1,\"arrows-position\"],\"progressMode\":[1,\"progress-mode\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"],\"current\":[32],\"items\":[32],\"highlightedIndicator\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]}]]],[\"z-date-picker\",[[4,\"z-date-picker\",{\"datePickerId\":[1,\"date-picker-id\"],\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"mode\":[1],\"flatpickrPosition\":[32],\"inputError\":[32]},[[18,\"keydown\",\"handleKeyDown\"]]]]],[\"z-file\",[[2,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"fileName\":[1,\"file-name\"],\"allowPopover\":[32],\"popoverVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-range-picker\",[[0,\"z-range-picker\",{\"rangePickerId\":[1,\"range-picker-id\"],\"firstAriaLabel\":[1,\"first-aria-label\"],\"firstLabel\":[1,\"first-label\"],\"secondAriaLabel\":[1,\"second-aria-label\"],\"secondLabel\":[1,\"second-label\"],\"mode\":[1],\"firstPickerReadOnly\":[4,\"first-picker-read-only\"],\"lastPickerReadOnly\":[4,\"last-picker-read-only\"],\"firstPickerPlaceholder\":[1,\"first-picker-placeholder\"],\"lastPickerPlaceholder\":[1,\"last-picker-placeholder\"],\"flatpickrPosition\":[32],\"activeInput\":[32],\"firstInputError\":[32],\"lastInputError\":[32]},[[18,\"click\",\"handleClick\"],[18,\"keyup\",\"handleKeyDown\"]]]]],[\"z-table-deprecated\",[[4,\"z-table-deprecated\",{\"lines\":[514],\"errorMessage\":[1,\"error-message\"],\"bordered\":[4],\"callToActionLabel\":[1,\"call-to-action-label\"],\"callToActionTwoLabel\":[1,\"call-to-action-two-label\"],\"columnSticky\":[4,\"column-sticky\"],\"empty\":[4],\"error\":[4],\"errorLink\":[1,\"error-link\"],\"headerSticky\":[4,\"header-sticky\"],\"message\":[1],\"subtitle\":[1],\"hasTableBody\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]]]],[\"z-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-td\",[[1,\"z-td\",{\"colspan\":[2],\"sticky\":[516],\"showMenu\":[513,\"show-menu\"],\"isMenuOpen\":[32]}]]],[\"z-th\",[[1,\"z-th\",{\"colspan\":[2],\"showMenu\":[513,\"show-menu\"],\"sticky\":[516],\"sortDirection\":[1025,\"sort-direction\"],\"popoverPosition\":[1,\"popover-position\"],\"isMenuOpen\":[32]}]]],[\"z-anchor-navigation\",[[4,\"z-anchor-navigation\",{\"hideUnselected\":[516,\"hide-unselected\"],\"collapsed\":[32]}]]],[\"z-myz-card-alert\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-myz-list\",[[1,\"z-myz-list\",{\"inputrawdata\":[1],\"list\":[1040]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-accordion\",[[1,\"z-accordion\",{\"label\":[1],\"icon\":[1],\"size\":[513],\"isDisabled\":[516,\"is-disabled\"],\"open\":[1540],\"highlight\":[516],\"variant\":[513],\"shadow\":[516]}]]],[\"z-book-card\",[[1,\"z-book-card\",{\"variant\":[1],\"cover\":[1],\"operaTitle\":[1,\"opera-title\"],\"volumeTitle\":[1,\"volume-title\"],\"authors\":[1],\"isbn\":[1],\"isbnLabel\":[1,\"isbn-label\"],\"ribbon\":[1],\"ribbonIcon\":[1,\"ribbon-icon\"],\"ribbonInteractive\":[4,\"ribbon-interactive\"],\"borderless\":[4],\"fallbackCover\":[1,\"fallback-cover\"],\"operaTitleTag\":[1,\"opera-title-tag\"],\"isMobile\":[32],\"hasResources\":[32],\"showResources\":[32]}]]],[\"z-button-sort\",[[1,\"z-button-sort\",{\"buttonid\":[1],\"label\":[1],\"desclabel\":[1],\"counter\":[2],\"sortlabelasc\":[1],\"sortlabeldesc\":[1],\"isselected\":[1028],\"sortasc\":[1028],\"allowTooltip\":[32]}]]],[\"z-card\",[[1,\"z-card\",{\"variant\":[513],\"coverIcon\":[1,\"cover-icon\"],\"showShadow\":[516,\"show-shadow\"],\"clickable\":[516],\"hasCoverImage\":[32]}]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-info-reveal\",[[1,\"z-info-reveal\",{\"icon\":[1],\"position\":[513],\"label\":[1],\"open\":[32],\"currentIndex\":[32]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[516],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tab\",[[0,\"z-navigation-tab\",{\"ariaControls\":[1,\"aria-controls\"],\"tabId\":[1,\"tab-id\"],\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"icon\":[1],\"label\":[1],\"htmlTitle\":[1,\"html-title\"]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tab-link\",[[0,\"z-navigation-tab-link\",{\"ariaControls\":[1,\"aria-controls\"],\"tabId\":[1,\"tab-id\"],\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"htmlTitle\":[1,\"html-title\"],\"target\":[1],\"href\":[1],\"icon\":[1],\"label\":[1]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tabs\",[[4,\"z-navigation-tabs\",{\"ariaLabel\":[1,\"aria-label\"],\"orientation\":[513],\"size\":[513],\"selectedTab\":[1026,\"selected-tab\"],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[0,\"click\",\"handleTabClick\"],[0,\"focusin\",\"onTabFocusIn\"],[0,\"keydown\",\"navigateThroughTabs\"],[0,\"focusout\",\"onTabFocusOut\"]]]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-panel-elem\",[[6,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descrSlotName\":[1,\"descr-slot-name\"]}]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-section-title\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-tag\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}]]],[\"z-toast-notification\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-toggle-switch\",[[6,\"z-toggle-switch\",{\"disabled\":[516],\"labelPosition\":[513,\"label-position\"],\"checked\":[1028],\"htmlid\":[1]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"position\":[513],\"dark\":[516],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"closable\":[4]},[[0,\"openChange\",\"onPopoverOpenChange\"]]]]],[\"z-tr\",[[1,\"z-tr\",{\"expandable\":[516],\"expanded\":[32],\"expandableContentId\":[32]},[[0,\"colspanchange\",\"updateColumns\"]]]]],[\"z-aria-alert\",[[4,\"z-aria-alert\",{\"mode\":[1]}]]],[\"z-avatar\",[[1,\"z-avatar\",{\"size\":[1],\"text\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"image\":[1025]}]]],[\"z-cover-hero\",[[1,\"z-cover-hero\",{\"variant\":[513],\"contentPosition\":[513,\"content-position\"],\"preserveAspectRatio\":[516,\"preserve-aspect-ratio\"]},[[2,\"load\",\"onImgLoad\"]]]]],[\"z-logo\",[[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imageAlt\":[1,\"image-alt\"],\"link\":[1],\"targetBlank\":[4,\"target-blank\"],\"mobileLogo\":[4,\"mobile-logo\"]}]]],[\"z-myz-card-footer\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"customContent\":[4,\"custom-content\"],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-skip-to-content\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-table\",[[1,\"z-table\",{\"bordered\":[516],\"expandable\":[32]}]]],[\"z-table-body\",[[6,\"z-table-body\"]]],[\"z-table-expanded-row\",[[1,\"z-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-table-footer\",[[6,\"z-table-footer\"]]],[\"z-table-head\",[[6,\"z-table-head\"]]],[\"z-table-sticky-footer\",[[6,\"z-table-sticky-footer\"]]],[\"z-tbody\",[[1,\"z-tbody\"]]],[\"z-tfoot\",[[1,\"z-tfoot\",{\"sticky\":[516]}]]],[\"z-thead\",[[1,\"z-thead\",{\"sticky\":[516]}]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[513],\"newestontop\":[4]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"z-table-header\",[[1,\"z-table-header\",{\"columnId\":[1,\"column-id\"],\"padding\":[513],\"sortable\":[4],\"showButton\":[4,\"show-button\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortDirection\":[1025,\"sort-direction\"]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-chip\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-dragdrop-area_2\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"],\"alertdialog\":[4],\"closable\":[4],\"scrollInside\":[4,\"scroll-inside\"],\"open\":[64],\"close\":[64]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"z-dragdrop-area\"]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-pocket_3\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]],[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]],[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-myz-card_4\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}],[1,\"z-myz-card-body\"],[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}],[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-popover\",[[1,\"z-popover\",{\"position\":[513],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"showArrow\":[516,\"show-arrow\"],\"center\":[516],\"closable\":[4],\"currentPosition\":[32]},[[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"z-app-header_11\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"enableSearch\":[516,\"enable-search\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"searchString\":[1025,\"search-string\"],\"searchPageUrl\":[1,\"search-page-url\"],\"_stuck\":[32],\"currentViewport\":[32],\"menuLength\":[32]},[[9,\"resize\",\"evaluateViewport\"]]],[1,\"z-searchbar\",{\"htmlid\":[513],\"preventSubmit\":[4,\"prevent-submit\"],\"value\":[1],\"placeholder\":[1],\"autocomplete\":[4],\"autocompleteMinChars\":[2,\"autocomplete-min-chars\"],\"resultsCount\":[2,\"results-count\"],\"resultsEllipsis\":[4,\"results-ellipsis\"],\"searchHelperLabel\":[1,\"search-helper-label\"],\"resultsItems\":[1,\"results-items\"],\"sortResultsItems\":[4,\"sort-results-items\"],\"showSearchButton\":[4,\"show-search-button\"],\"searchButtonIconOnly\":[4,\"search-button-icon-only\"],\"size\":[1],\"variant\":[1],\"searchString\":[32],\"currResultsCount\":[32],\"showResults\":[32]},[[4,\"click\",\"handleOutsideClick\"]]],[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513],\"skipLoadAnimation\":[1028,\"skip-load-animation\"]}],[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"isContextualMenu\":[516,\"is-contextual-menu\"],\"listElementPosition\":[513,\"list-element-position\"],\"listType\":[513,\"list-type\"],\"role\":[513],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list\",{\"size\":[513],\"listType\":[513,\"list-type\"],\"role\":[513]}],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"],\"listType\":[513,\"list-type\"]}],[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaAutocomplete\":[1,\"aria-autocomplete\"],\"ariaActivedescendant\":[1,\"aria-activedescendant\"],\"value\":[1025],\"disabled\":[516],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"labelPosition\":[1,\"label-position\"],\"autocomplete\":[1],\"role\":[1],\"hasclearicon\":[4],\"icon\":[1],\"min\":[2],\"minlength\":[2],\"max\":[2],\"maxlength\":[2],\"step\":[2],\"pattern\":[1],\"size\":[513],\"isTyping\":[32],\"passwordHidden\":[32],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[1,\"z-input-message\",{\"message\":[1],\"status\":[513],\"statusRole\":[32]}],[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}],[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"role\":[1],\"href\":[1],\"target\":[1],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-select\",[[2,\"z-select\",{\"htmlid\":[1],\"items\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"readonly\":[4],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"autocomplete\":[4],\"noresultslabel\":[1],\"hasGroupItems\":[4,\"has-group-items\"],\"isfixed\":[4],\"resetItem\":[1,\"reset-item\"],\"size\":[1],\"isOpen\":[32],\"selectedItem\":[32],\"focusedItemId\":[32],\"searchString\":[32],\"getSelectedItem\":[64],\"getValue\":[64],\"setValue\":[64]},[[0,\"ariaDescendantFocus\",\"getFocusedItemHandler\"]]]]],[\"z-breadcrumb\",[[1,\"z-breadcrumb\",{\"pathStyle\":[513,\"path-style\"],\"homepageVariant\":[1,\"homepage-variant\"],\"maxNodesToShow\":[2,\"max-nodes-to-show\"],\"preventFollowUrl\":[4,\"prevent-follow-url\"],\"overflowMenuItemRows\":[2,\"overflow-menu-item-rows\"],\"truncateChar\":[2,\"truncate-char\"],\"viewPortWidth\":[32],\"hasOverflow\":[32],\"popoverEllipsisOpen\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"disabled\":[516],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"hasgroupitems\":[4],\"size\":[1],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[513,\"popover-position\"]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-file-upload\",[[1,\"z-file-upload\",{\"type\":[513],\"buttonVariant\":[1,\"button-variant\"],\"acceptedFormat\":[1,\"accepted-format\"],\"fileMaxSize\":[2,\"file-max-size\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64]},[[0,\"removeFile\",\"removeFileListener\"],[0,\"fileDropped\",\"fileDroppedListener\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pagination\",[[0,\"z-pagination\",{\"label\":[1],\"navArrows\":[4,\"nav-arrows\"],\"totalPages\":[2,\"total-pages\"],\"skip\":[2],\"edges\":[4],\"split\":[2],\"visiblePages\":[2,\"visible-pages\"],\"currentPage\":[1026,\"current-page\"],\"goToPage\":[4,\"go-to-page\"],\"_visiblePages\":[32],\"isMobile\":[32],\"goToPageValue\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-carousel\",[[4,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"label\":[1],\"single\":[4],\"arrowsPosition\":[1,\"arrows-position\"],\"progressMode\":[1,\"progress-mode\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"],\"current\":[32],\"items\":[32],\"highlightedIndicator\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]}]]],[\"z-date-picker\",[[4,\"z-date-picker\",{\"datePickerId\":[1,\"date-picker-id\"],\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"mode\":[1],\"flatpickrPosition\":[32],\"inputError\":[32]},[[18,\"keydown\",\"handleKeyDown\"]]]]],[\"z-file\",[[2,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"fileName\":[1,\"file-name\"],\"allowPopover\":[32],\"popoverVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-range-picker\",[[0,\"z-range-picker\",{\"rangePickerId\":[1,\"range-picker-id\"],\"firstAriaLabel\":[1,\"first-aria-label\"],\"firstLabel\":[1,\"first-label\"],\"secondAriaLabel\":[1,\"second-aria-label\"],\"secondLabel\":[1,\"second-label\"],\"mode\":[1],\"firstPickerReadOnly\":[4,\"first-picker-read-only\"],\"lastPickerReadOnly\":[4,\"last-picker-read-only\"],\"firstPickerPlaceholder\":[1,\"first-picker-placeholder\"],\"lastPickerPlaceholder\":[1,\"last-picker-placeholder\"],\"flatpickrPosition\":[32],\"activeInput\":[32],\"firstInputError\":[32],\"lastInputError\":[32]},[[18,\"click\",\"handleClick\"],[18,\"keyup\",\"handleKeyDown\"]]]]],[\"z-table-deprecated\",[[4,\"z-table-deprecated\",{\"lines\":[514],\"errorMessage\":[1,\"error-message\"],\"bordered\":[4],\"callToActionLabel\":[1,\"call-to-action-label\"],\"callToActionTwoLabel\":[1,\"call-to-action-two-label\"],\"columnSticky\":[4,\"column-sticky\"],\"empty\":[4],\"error\":[4],\"errorLink\":[1,\"error-link\"],\"headerSticky\":[4,\"header-sticky\"],\"message\":[1],\"subtitle\":[1],\"hasTableBody\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]]]],[\"z-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-td\",[[1,\"z-td\",{\"colspan\":[2],\"sticky\":[516],\"showMenu\":[513,\"show-menu\"],\"isMenuOpen\":[32]}]]],[\"z-th\",[[1,\"z-th\",{\"colspan\":[2],\"showMenu\":[513,\"show-menu\"],\"sticky\":[516],\"sortDirection\":[1025,\"sort-direction\"],\"popoverPosition\":[1,\"popover-position\"],\"isMenuOpen\":[32]}]]],[\"z-anchor-navigation\",[[4,\"z-anchor-navigation\",{\"hideUnselected\":[516,\"hide-unselected\"],\"collapsed\":[32]}]]],[\"z-myz-card-alert\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-myz-list\",[[1,\"z-myz-list\",{\"inputrawdata\":[1],\"list\":[1040]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-accordion\",[[1,\"z-accordion\",{\"label\":[1],\"icon\":[1],\"size\":[513],\"isDisabled\":[516,\"is-disabled\"],\"open\":[1540],\"highlight\":[516],\"variant\":[513],\"shadow\":[516]}]]],[\"z-book-card\",[[1,\"z-book-card\",{\"variant\":[1],\"cover\":[1],\"operaTitle\":[1,\"opera-title\"],\"volumeTitle\":[1,\"volume-title\"],\"authors\":[1],\"isbn\":[1],\"isbnLabel\":[1,\"isbn-label\"],\"ribbon\":[1],\"ribbonIcon\":[1,\"ribbon-icon\"],\"ribbonInteractive\":[4,\"ribbon-interactive\"],\"borderless\":[4],\"fallbackCover\":[1,\"fallback-cover\"],\"operaTitleTag\":[1,\"opera-title-tag\"],\"isMobile\":[32],\"hasResources\":[32],\"showResources\":[32]}]]],[\"z-button-sort\",[[1,\"z-button-sort\",{\"buttonid\":[1],\"label\":[1],\"desclabel\":[1],\"counter\":[2],\"sortlabelasc\":[1],\"sortlabeldesc\":[1],\"isselected\":[1028],\"sortasc\":[1028],\"allowTooltip\":[32]}]]],[\"z-card\",[[1,\"z-card\",{\"variant\":[513],\"coverIcon\":[1,\"cover-icon\"],\"showShadow\":[516,\"show-shadow\"],\"clickable\":[516],\"hasCoverImage\":[32]}]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-info-reveal\",[[1,\"z-info-reveal\",{\"icon\":[1],\"position\":[513],\"label\":[1],\"open\":[32],\"currentIndex\":[32]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[516],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tab\",[[0,\"z-navigation-tab\",{\"ariaControls\":[1,\"aria-controls\"],\"tabId\":[1,\"tab-id\"],\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"icon\":[1],\"label\":[1],\"htmlTitle\":[1,\"html-title\"]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tab-link\",[[0,\"z-navigation-tab-link\",{\"ariaControls\":[1,\"aria-controls\"],\"tabId\":[1,\"tab-id\"],\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"htmlTitle\":[1,\"html-title\"],\"target\":[1],\"href\":[1],\"icon\":[1],\"label\":[1]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tabs\",[[4,\"z-navigation-tabs\",{\"ariaLabel\":[1,\"aria-label\"],\"orientation\":[513],\"size\":[513],\"selectedTab\":[1026,\"selected-tab\"],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[0,\"click\",\"handleTabClick\"],[0,\"focusin\",\"onTabFocusIn\"],[0,\"keydown\",\"navigateThroughTabs\"],[0,\"focusout\",\"onTabFocusOut\"]]]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-panel-elem\",[[6,\"z-panel-elem\",{\"elemid\":[1],\"imgurl\":[1],\"imgalt\":[1],\"linkicon\":[1],\"linklabel\":[1],\"url\":[1],\"target\":[1],\"isdisabled\":[4],\"descrSlotName\":[1,\"descr-slot-name\"]}]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-section-title\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-tag\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}]]],[\"z-toast-notification\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-toggle-switch\",[[6,\"z-toggle-switch\",{\"disabled\":[516],\"labelPosition\":[513,\"label-position\"],\"checked\":[1028],\"htmlid\":[1]}]]],[\"z-tooltip\",[[1,\"z-tooltip\",{\"position\":[513],\"dark\":[516],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"closable\":[4]},[[0,\"openChange\",\"onPopoverOpenChange\"]]]]],[\"z-tr\",[[1,\"z-tr\",{\"expandable\":[516],\"expanded\":[32],\"expandableContentId\":[32]},[[0,\"colspanchange\",\"updateColumns\"]]]]],[\"z-aria-alert\",[[4,\"z-aria-alert\",{\"mode\":[1]}]]],[\"z-avatar\",[[1,\"z-avatar\",{\"size\":[1],\"text\":[1],\"textColor\":[1,\"text-color\"],\"backgroundColor\":[1,\"background-color\"],\"image\":[1025]}]]],[\"z-cover-hero\",[[1,\"z-cover-hero\",{\"variant\":[513],\"contentPosition\":[513,\"content-position\"],\"preserveAspectRatio\":[516,\"preserve-aspect-ratio\"]},[[2,\"load\",\"onImgLoad\"]]]]],[\"z-logo\",[[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imageAlt\":[1,\"image-alt\"],\"link\":[1],\"targetBlank\":[4,\"target-blank\"],\"mobileLogo\":[4,\"mobile-logo\"]}]]],[\"z-myz-card-footer\",[[1,\"z-myz-card-footer\",{\"titolo\":[1],\"autori\":[1],\"isbn\":[1],\"faded\":[4],\"cardtype\":[1],\"opened\":[4],\"customContent\":[4,\"custom-content\"],\"isOpen\":[32],\"allowTooltipAuthors\":[32]},[[0,\"toggleClick\",\"handleToggle\"]]]]],[\"z-myz-card-footer-sections\",[[1,\"z-myz-card-footer-sections\"]]],[\"z-myz-card-list\",[[1,\"z-myz-card-list\",{\"listdata\":[1]}]]],[\"z-skip-to-content\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-table\",[[1,\"z-table\",{\"bordered\":[516],\"expandable\":[32]}]]],[\"z-table-body\",[[6,\"z-table-body\"]]],[\"z-table-expanded-row\",[[1,\"z-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-table-footer\",[[6,\"z-table-footer\"]]],[\"z-table-head\",[[6,\"z-table-head\"]]],[\"z-table-sticky-footer\",[[6,\"z-table-sticky-footer\"]]],[\"z-tbody\",[[1,\"z-tbody\"]]],[\"z-tfoot\",[[1,\"z-tfoot\",{\"sticky\":[516]}]]],[\"z-thead\",[[1,\"z-thead\",{\"sticky\":[516]}]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[513],\"newestontop\":[4]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"z-table-header\",[[1,\"z-table-header\",{\"columnId\":[1,\"column-id\"],\"padding\":[513],\"sortable\":[4],\"showButton\":[4,\"show-button\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortDirection\":[1025,\"sort-direction\"]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-chip\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-dragdrop-area_2\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"],\"alertdialog\":[4],\"closable\":[4],\"scrollInside\":[4,\"scroll-inside\"],\"open\":[64],\"close\":[64]},[[0,\"keydown\",\"handleKeyDown\"]]],[1,\"z-dragdrop-area\"]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-pocket_3\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]],[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]],[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-myz-card_4\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}],[1,\"z-myz-card-body\"],[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}],[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-popover\",[[1,\"z-popover\",{\"position\":[513],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"showArrow\":[516,\"show-arrow\"],\"center\":[516],\"closable\":[4],\"currentPosition\":[32]},[[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]]]"), options);
 });

package/dist/esm/z-app-header_11.entry.js

@@ -252,7 +252,7 @@ const ZIcon = class {
 };
 ZIcon.style = stylesCss$7;
 
-const stylesCss$6 = ".sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textarea-wrapper.sc-z-input{box-sizing:border-box;border:var(--border-size-small) solid var(--color-surface04);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--color-text01);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}[size=\"small\"].sc-z-input-h input.sc-z-input,[size=\"small\"].sc-z-input-h textarea.sc-z-input,[size=\"small\"].sc-z-input-h .textarea-wrapper.sc-z-input,[size=\"x-small\"].sc-z-input-h input.sc-z-input,[size=\"x-small\"].sc-z-input-h textarea.sc-z-input,[size=\"x-small\"].sc-z-input-h .textarea-wrapper.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,.textarea-wrapper.sc-z-input:focus-within{box-shadow:var(--shadow-focus-primary)}input.sc-z-input:focus:focus-visible,textarea.sc-z-input:focus:focus-visible{color:var(--color-input-field02)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--blue500)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{box-shadow:none}.filled.sc-z-input{border-color:var(--color-surface05)}.input-success.sc-z-input{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input.sc-z-input:hover,.textarea-wrapper.sc-z-input:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled=\"false\"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled=\"false\"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled=\"false\"]) z-icon.sc-z-input{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled=\"false\"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::placeholder{color:var(--color-text05)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled=\"false\"]) label.input-label.sc-z-input{color:var(--color-disabled02)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-icon02)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size=\"small\"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size=\"x-small\"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input{padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input+button.icon-button.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-text01);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled02)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}";
+const stylesCss$6 = ".sc-z-input-h{display:inline-block;width:inherit}input.sc-z-input::-ms-clear,input.sc-z-input::-ms-reveal{display:none}.sc-z-input-h input.sc-z-input::-ms-clear,.sc-z-input-h input.sc-z-input::-ms-reveal{display:none}input.sc-z-input,textarea.sc-z-input,.textarea-wrapper.sc-z-input{box-sizing:border-box;border:var(--border-size-small) solid var(--color-surface04);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--color-text01);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}[size=\"small\"].sc-z-input-h input.sc-z-input,[size=\"small\"].sc-z-input-h textarea.sc-z-input,[size=\"small\"].sc-z-input-h .textarea-wrapper.sc-z-input,[size=\"x-small\"].sc-z-input-h input.sc-z-input,[size=\"x-small\"].sc-z-input-h textarea.sc-z-input,[size=\"x-small\"].sc-z-input-h .textarea-wrapper.sc-z-input{font-size:var(--font-size-2)}.cursor-select.sc-z-input-h input.sc-z-input{cursor:pointer}.sc-z-input-h:not(.active-select) input.sc-z-input:focus:focus-visible,[readonly=\"false\"].sc-z-input-h .textarea-wrapper.sc-z-input:focus-within{box-shadow:var(--shadow-focus-primary)}input.sc-z-input:focus:focus-visible,textarea.sc-z-input:focus:focus-visible{color:var(--color-input-field02)}.active-select.sc-z-input-h input.sc-z-input{border:var(--border-size-small) solid var(--blue500)}.cursor-select.sc-z-input-h input.sc-z-input:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}.sc-z-input-h input[readonly].sc-z-input:focus:focus-visible{box-shadow:none}.filled.sc-z-input{border-color:var(--color-surface05)}.input-success.sc-z-input{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input.sc-z-input:not([readonly]):hover,.textarea-wrapper.sc-z-input:hover{outline:var(--border-size-medium) solid var(--color-surface04);outline-offset:-2px}.sc-z-input-h:not(.active-select) input[readonly].sc-z-input,.readonly.sc-z-input{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled=\"false\"]) input.sc-z-input,[disabled].sc-z-input-h:not([disabled=\"false\"]) .textarea-wrapper.sc-z-input,[disabled].sc-z-input-h:not([disabled=\"false\"]) z-icon.sc-z-input{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none}[disabled].sc-z-input-h:not([disabled=\"false\"]) input.sc-z-input:hover{border-width:var(--border-size-small)}input.sc-z-input::placeholder,textarea.sc-z-input::placeholder{color:var(--color-text05)}.sc-z-input::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input::placeholder{color:var(--color-text05)}label.input-label.sc-z-input{display:block;padding-bottom:var(--space-unit);color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}[disabled].sc-z-input-h:not([disabled=\"false\"]) label.input-label.sc-z-input{color:var(--color-disabled02)}.text-wrapper.sc-z-input>div.sc-z-input{position:relative;z-index:1;fill:var(--color-icon02)}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 1.5);margin:0}[size=\"small\"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4.5)}[size=\"x-small\"].sc-z-input-h .text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input{height:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.sc-z-input,.text-wrapper.sc-z-input>div.sc-z-input>input.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 5.25)}.text-wrapper.sc-z-input>div.sc-z-input>input.has-icon.has-clear-icon.sc-z-input{padding-right:calc(var(--space-unit) * 8)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input{position:absolute;z-index:2;top:50%;right:calc(var(--space-unit) * 1.5);display:flex;pointer-events:none;transform:translateY(-50%)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input{padding:0;border:0;background:none;color:inherit;font:inherit;pointer-events:initial}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input+button.icon-button.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.hidden.sc-z-input{display:none}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.reset-icon.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.toggle-password-icon.sc-z-input{cursor:pointer}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.sc-z-input{--z-icon-width:18px;--z-icon-height:18px;display:block}.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.small.sc-z-input,.text-wrapper.sc-z-input .icons-wrapper.sc-z-input>button.icon-button.sc-z-input>z-icon.x-small.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}.text-wrapper.sc-z-input>div.sc-z-input>input.sc-z-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:currentcolor}.textarea-wrapper.sc-z-input{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}.radio-wrapper.sc-z-input,.checkbox-wrapper.sc-z-input{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-text01);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input:hover,.checkbox-wrapper.sc-z-input:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input>input.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input .radio-label.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input input.sc-z-input:not(:disabled)+.checkbox-label.sc-z-input{cursor:pointer}.radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{cursor:pointer;fill:inherit}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:16px;--z-icon-height:16px}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-2)}[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input z-icon.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input z-icon.sc-z-input{--z-icon-width:14px;--z-icon-height:14px}[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.sc-z-input{font-size:var(--font-size-1)}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input{flex-direction:row}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input{flex-direction:row-reverse}.radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,.checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:var(--space-unit)}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.after.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.after.sc-z-input>span.sc-z-input{margin-left:calc(var(--space-unit) * 0.5)}[size=\"small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size=\"small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .radio-wrapper.sc-z-input .radio-label.before.sc-z-input>span.sc-z-input,[size=\"x-small\"].sc-z-input-h .checkbox-wrapper.sc-z-input .checkbox-label.before.sc-z-input>span.sc-z-input{margin-right:calc(var(--space-unit) * 0.5)}.radio-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:focus:focus-visible+.checkbox-label.sc-z-input>z-icon.sc-z-input{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input{color:var(--color-disabled02)}.radio-wrapper.sc-z-input>input.sc-z-input:disabled+.radio-label.sc-z-input>z-icon.sc-z-input,.checkbox-wrapper.sc-z-input>input.sc-z-input:disabled+.checkbox-label.sc-z-input>z-icon.sc-z-input{cursor:default;fill:var(--color-disabled01)}";
 
 const ZInput = class {
   constructor(hostRef) {
@@ -393,9 +393,19 @@ const ZInput = class {
       pattern: this.pattern,
     };
   }
+  getRoleAttribute() {
+    return this.role ? { role: this.role } : {};
+  }
+  getAriaAttrubutes() {
+    const expanded = this.ariaExpanded ? { "aria-expanded": this.ariaExpanded } : {};
+    const controls = this.ariaControls ? { "aria-controls": this.ariaControls } : {};
+    const autocomplete = this.ariaAutocomplete ? { "aria-autocomplete": this.ariaAutocomplete } : {};
+    const activedescendant = this.ariaActivedescendant ? { "aria-activedescendant": this.ariaActivedescendant } : {};
+    return Object.assign(Object.assign(Object.assign(Object.assign({}, expanded), controls), autocomplete), activedescendant);
+  }
   renderInputText(type = InputType.TEXT) {
     const ariaLabel = this.ariaLabel ? { "aria-label": this.ariaLabel } : {};
-    const attr = Object.assign(Object.assign(Object.assign(Object.assign({}, this.getTextAttributes()), this.getNumberAttributes(type)), this.getPatternAttribute(type)), ariaLabel);
+    const attr = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.getTextAttributes()), this.getNumberAttributes(type)), this.getPatternAttribute(type)), ariaLabel), this.getRoleAttribute()), this.getAriaAttrubutes());
     if (this.icon || type === InputType.PASSWORD) {
       Object.assign(attr.class, { "has-icon": true });
     }
@@ -446,7 +456,7 @@ const ZInput = class {
   renderTextarea() {
     const attributes = this.getTextAttributes();
     const ariaLabel = this.ariaLabel ? { "aria-label": this.ariaLabel } : {};
-    return (h("div", { class: "text-wrapper" }, this.renderLabel(), h("div", { class: Object.assign(Object.assign({}, attributes.class), { "textarea-wrapper": true, "readonly": attributes.readonly }) }, h("textarea", Object.assign({}, attributes, ariaLabel))), this.renderMessage()));
+    return (h("div", { class: "text-wrapper" }, this.renderLabel(), h("div", { class: Object.assign(Object.assign({}, attributes.class), { "textarea-wrapper": true, "readonly": attributes.readonly }) }, h("textarea", Object.assign({}, attributes, ariaLabel, this.getRoleAttribute()))), this.renderMessage()));
   }
   /* END textarea */
   handleCheck(ev) {
@@ -455,7 +465,7 @@ const ZInput = class {
   }
   /* START checkbox */
   renderCheckbox() {
-    return (h("div", { class: "checkbox-wrapper" }, h("input", { id: this.htmlid, type: "checkbox", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value }), h("label", { htmlFor: this.htmlid, class: {
+    return (h("div", { class: "checkbox-wrapper" }, h("input", Object.assign({ id: this.htmlid, type: "checkbox", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, required: this.required, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute())), h("label", { htmlFor: this.htmlid, class: {
         "checkbox-label": true,
         "after": this.labelPosition === LabelPosition.RIGHT,
         "before": this.labelPosition === LabelPosition.LEFT,
@@ -464,7 +474,7 @@ const ZInput = class {
   /* END checkbox */
   /* START radio */
   renderRadio() {
-    return (h("div", { class: "radio-wrapper" }, h("input", { id: this.htmlid, type: "radio", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, onChange: this.handleCheck.bind(this), value: this.value }), h("label", { htmlFor: this.htmlid, class: {
+    return (h("div", { class: "radio-wrapper" }, h("input", Object.assign({ id: this.htmlid, type: "radio", name: this.name, checked: this.checked, disabled: this.disabled, readonly: this.readonly, onChange: this.handleCheck.bind(this), value: this.value }, this.getRoleAttribute())), h("label", { htmlFor: this.htmlid, class: {
         "radio-label": true,
         "after": this.labelPosition === LabelPosition.RIGHT,
         "before": this.labelPosition === LabelPosition.LEFT,
@@ -533,6 +543,10 @@ const ZList = class {
      * [optional] type of the list marker for each element
      */
     this.listType = ListType.NONE;
+    /**
+     * [optional] Sets role of the element.
+     */
+    this.role = "list";
   }
   setChildrenSizeType() {
     const children = this.host.children;
@@ -546,7 +560,7 @@ const ZList = class {
     this.setChildrenSizeType();
   }
   render() {
-    return (h(Host, { role: "list" }, h("slot", null)));
+    return (h(Host, null, h("slot", null)));
   }
   get host() { return getElement(this); }
 };
@@ -561,6 +575,7 @@ const ZListElement = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.accessibleFocus = createEvent(this, "accessibleFocus", 7);
+    this.ariaDescendantFocus = createEvent(this, "ariaDescendantFocus", 7);
     this.clickItem = createEvent(this, "clickItem", 7);
     /**
      * [optional] Align expandable button left or right.
@@ -614,6 +629,10 @@ const ZListElement = class {
      * [optional] type of the list marker for each element
      */
     this.listType = ListType.NONE;
+    /**
+     * [optional] Sets element role.
+     */
+    this.role = "listitem";
     this.showInnerContent = false;
     this.openElementConfig = {
       accordion: {
@@ -713,7 +732,7 @@ const ZListElement = class {
     }
   }
   render() {
-    return (h(Host, { role: "listitem", "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: !this.isContextualMenu ? "0" : null }, h("div", { class: `${this.calculateClass()}`, style: { color: `var(--${this.color})` }, tabindex: this.isContextualMenu ? "0" : "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { color: this.dividerColor, size: this.dividerSize }))));
+    return (h(Host, { "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: !this.isContextualMenu ? "0" : null }, h("div", { class: `${this.calculateClass()}`, style: { color: `var(--${this.color})` }, tabindex: this.isContextualMenu ? "0" : "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { color: this.dividerColor, size: this.dividerSize }))));
   }
   get host() { return getElement(this); }
 };

package/dist/esm/z-select.entry.js

@@ -3,7 +3,7 @@ import { e as ControlSize, g as KeyboardCode, l as ListDividerType, i as ListSiz
 import { r as randomId, b as boolean, d as getElementTree, a as handleKeyboardSubmit, e as getClickedElement } from './utils-2a4ef29d.js';
 import './breakpoints-9b81eb1b.js';
 
-const stylesCss = ".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size=\"small\"].sc-z-select-h,[size=\"x-small\"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 1.5)}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.sc-z-select{padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}";
+const stylesCss = ".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size=\"small\"].sc-z-select-h,[size=\"x-small\"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding-left:calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) 0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size=\"small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}";
 
 const ZSelect = class {
   constructor(hostRef) {
@@ -39,6 +39,9 @@ const ZSelect = class {
     this.itemsList = this.getInitialItemsArray();
     this.selectedItem = this.itemsList.find((item) => item.selected);
   }
+  getFocusedItemHandler(e) {
+    this.focusedItemId = e.target.id;
+  }
   /** get the input selected options */
   async getSelectedItem() {
     return this.selectedItem;
@@ -189,6 +192,7 @@ const ZSelect = class {
         this.element.querySelector(`#${this.htmlid}_input`).focus();
       }
     }
+    this.focusedItemId = "";
     this.isOpen = !this.isOpen;
   }
   handleInputClick(e) {
@@ -226,7 +230,7 @@ const ZSelect = class {
     return (h("z-input", { class: {
         "active-select": this.isOpen,
         "cursor-select": !this.autocomplete,
-      }, id: `${this.htmlid}_input`, htmlid: `${this.htmlid}_select_input`, placeholder: this.placeholder, value: !this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, "") : null, label: this.label, "aria-label": this.ariaLabel, icon: this.isOpen ? "caret-up" : "caret-down", hasclearicon: this.hasAutocomplete(), message: false, disabled: this.disabled, readonly: this.readonly || (!this.hasAutocomplete() && this.isOpen), status: this.isOpen ? undefined : this.status, autocomplete: "off", size: this.size, onClick: (e) => {
+      }, id: `${this.htmlid}_input`, htmlid: `${this.htmlid}_select_input`, placeholder: this.placeholder, value: !this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, "") : null, label: this.label, "aria-expanded": this.isOpen ? "true" : "false", "aria-label": this.ariaLabel, "aria-controls": `${this.htmlid}_list`, "aria-autocomplete": this.hasAutocomplete() ? "list" : "none", "aria-activedescendant": this.isOpen ? this.focusedItemId : "", icon: this.isOpen ? "caret-up" : "caret-down", hasclearicon: this.hasAutocomplete(), message: false, disabled: this.disabled, readonly: this.readonly || (!this.hasAutocomplete() && this.isOpen), status: this.isOpen ? undefined : this.status, role: "combobox", size: this.size, onClick: (e) => {
         this.handleInputClick(e);
       }, onKeyUp: (e) => {
         if (e.keyCode !== 13) {
@@ -245,10 +249,10 @@ const ZSelect = class {
       } }));
   }
   renderSelectUl() {
-    return (h("div", { class: this.isOpen ? "open" : "closed", tabindex: "-1", "aria-hidden": this.isOpen ? "false" : "true" }, h("div", { class: {
+    return (h("div", { class: this.isOpen ? "open" : "closed", tabindex: "-1" }, h("div", { class: {
         "ul-scroll-wrapper": true,
         "fixed": this.isfixed,
-      }, tabindex: "-1" }, h("z-list", { role: "listbox", tabindex: this.disabled || this.readonly || !this.isOpen ? -1 : 0, id: `${this.htmlid}_list`, "aria-multiselectable": false, size: this.listSizeType(), class: {
+      }, tabindex: "-1" }, h("z-list", { role: "listbox", "aria-label": this.ariaLabel || this.label, tabindex: this.disabled || this.readonly || !this.isOpen ? -1 : 0, id: `${this.htmlid}_list`, "aria-multiselectable": false, size: this.listSizeType(), class: {
         disabled: this.disabled,
         readonly: this.readonly,
         filled: !!this.selectedItem,
@@ -267,10 +271,10 @@ const ZSelect = class {
       }, onKeyDown: (e) => this.arrowsSelectNav(e, 0) }, h("div", { class: "reset-item-content" }, h("z-icon", { name: "multiply-circled" }), h("span", null, this.resetItem))));
   }
   renderItem(item, key, lastItem) {
-    return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": item.selected ? "true" : "false", id: `${this.htmlid}_${key}`, size: this.listSizeType(), onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, h("span", { class: {
+    return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": item.selected ? "true" : "false", id: `${this.htmlid}_${key}`, size: this.listSizeType(), onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, h("div", { class: "list-element-container" }, item.icon && h("z-icon", { name: item.icon }), h("span", { class: {
         "selected": !!item.selected,
         "list-element-content": true,
-      }, innerHTML: item.name })));
+      }, innerHTML: item.name }))));
   }
   listSizeType() {
     if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {

package/dist/types/beans/index.d.ts

@@ -166,6 +166,7 @@ export declare type SelectItem = {
   id: string;
   name: string;
   selected: boolean;
+  icon?: string;
   disabled?: boolean;
   category?: string;
 };

package/dist/types/components/inputs/z-input/index.d.ts

@@ -12,6 +12,14 @@ export declare class ZInput {
   label?: string;
   /** the input aria-label */
   ariaLabel: string;
+  /** the input aria-expaded (optional): available for text, password, number, email */
+  ariaExpanded?: string;
+  /** the input aria-controls (optional): available for text, password, number, email */
+  ariaControls?: string;
+  /** the input aria-autocomplete (optional): available for text, password, number, email */
+  ariaAutocomplete?: string;
+  /** the input aria-activedescendant (optional): available for text, password, number, email */
+  ariaActivedescendant?: string;
   /** the input value */
   value?: string;
   /** the input is disabled */
@@ -34,6 +42,8 @@ export declare class ZInput {
   labelPosition?: LabelPosition;
   /** the input has autocomplete option (optional): available for text, password, number, email */
   autocomplete?: string;
+  /** the input role (optional) */
+  role?: string;
   /** render clear icon when typing (optional): available for text */
   hasclearicon?: boolean;
   /** render icon (optional): available for text */
@@ -76,6 +86,8 @@ export declare class ZInput {
   private getTextAttributes;
   private getNumberAttributes;
   private getPatternAttribute;
+  private getRoleAttribute;
+  private getAriaAttrubutes;
   private renderInputText;
   private renderLabel;
   private renderIcons;

package/dist/types/components/inputs/z-select/index.d.ts

@@ -38,10 +38,12 @@ export declare class ZSelect {
   size?: ControlSize;
   isOpen: boolean;
   selectedItem: null | SelectItem;
+  focusedItemId: string;
   searchString: null | string;
   private itemsList;
   constructor();
   watchItems(): void;
+  getFocusedItemHandler(e: CustomEvent): void;
   /** get the input selected options */
   getSelectedItem(): Promise<SelectItem>;
   /** get the input value */

package/dist/types/components/list/z-list/index.d.ts

@@ -9,6 +9,10 @@ export declare class ZList {
    * [optional] type of the list marker for each element
    */
   listType?: ListType;
+  /**
+   * [optional] Sets role of the element.
+   */
+  role?: string;
   private setChildrenSizeType;
   componentDidLoad(): void;
   render(): HTMLZListElement;

package/dist/types/components/list/z-list-element/index.d.ts

@@ -4,6 +4,8 @@ export declare class ZListElement {
   host: HTMLZListElementElement;
   /** remove filter click event, returns filterid */
   accessibleFocus: EventEmitter<number>;
+  /** set parent aria-activedescendant on focus event, returns filterid */
+  ariaDescendantFocus: EventEmitter<number>;
   /** remove filter click event, returns filterid */
   clickItem: EventEmitter;
   accessibleFocusHandler(e: CustomEvent): void;
@@ -63,6 +65,10 @@ export declare class ZListElement {
    * [optional] type of the list marker for each element
    */
   listType?: ListType;
+  /**
+   * [optional] Sets element role.
+   */
+  role?: string;
   showInnerContent: boolean;
   private openElementConfig;
   /**

package/dist/types/components.d.ts

@@ -572,6 +572,22 @@ export namespace Components {
         "position"?: InfoRevealPosition;
     }
     interface ZInput {
+        /**
+          * the input aria-activedescendant (optional): available for text, password, number, email
+         */
+        "ariaActivedescendant"?: string;
+        /**
+          * the input aria-autocomplete (optional): available for text, password, number, email
+         */
+        "ariaAutocomplete"?: string;
+        /**
+          * the input aria-controls (optional): available for text, password, number, email
+         */
+        "ariaControls"?: string;
+        /**
+          * the input aria-expaded (optional): available for text, password, number, email
+         */
+        "ariaExpanded"?: string;
         /**
           * the input aria-label
          */
@@ -656,6 +672,10 @@ export namespace Components {
           * the input is required (optional): available for text, password, number, email, textarea, checkbox
          */
         "required"?: boolean;
+        /**
+          * the input role (optional)
+         */
+        "role"?: string;
         /**
           * Available sizes: `big`, `small` and `x-small`. Defaults to `big`.
          */
@@ -742,6 +762,10 @@ export namespace Components {
           * [optional] type of the list marker for each element
          */
         "listType"?: ListType;
+        /**
+          * [optional] Sets role of the element.
+         */
+        "role"?: string;
         /**
           * [optional] Sets size of inside elements.
          */
@@ -800,6 +824,10 @@ export namespace Components {
           * [optional] type of the list marker for each element
          */
         "listType"?: ListType;
+        /**
+          * [optional] Sets element role.
+         */
+        "role"?: string;
         /**
           * [optional] Sets size of inside elements.
          */
@@ -3439,6 +3467,22 @@ declare namespace LocalJSX {
         "position"?: InfoRevealPosition;
     }
     interface ZInput {
+        /**
+          * the input aria-activedescendant (optional): available for text, password, number, email
+         */
+        "ariaActivedescendant"?: string;
+        /**
+          * the input aria-autocomplete (optional): available for text, password, number, email
+         */
+        "ariaAutocomplete"?: string;
+        /**
+          * the input aria-controls (optional): available for text, password, number, email
+         */
+        "ariaControls"?: string;
+        /**
+          * the input aria-expaded (optional): available for text, password, number, email
+         */
+        "ariaExpanded"?: string;
         /**
           * the input aria-label
          */
@@ -3535,6 +3579,10 @@ declare namespace LocalJSX {
           * the input is required (optional): available for text, password, number, email, textarea, checkbox
          */
         "required"?: boolean;
+        /**
+          * the input role (optional)
+         */
+        "role"?: string;
         /**
           * Available sizes: `big`, `small` and `x-small`. Defaults to `big`.
          */
@@ -3625,6 +3673,10 @@ declare namespace LocalJSX {
           * [optional] type of the list marker for each element
          */
         "listType"?: ListType;
+        /**
+          * [optional] Sets role of the element.
+         */
+        "role"?: string;
         /**
           * [optional] Sets size of inside elements.
          */
@@ -3687,10 +3739,18 @@ declare namespace LocalJSX {
           * remove filter click event, returns filterid
          */
         "onAccessibleFocus"?: (event: ZListElementCustomEvent<number>) => void;
+        /**
+          * set parent aria-activedescendant on focus event, returns filterid
+         */
+        "onAriaDescendantFocus"?: (event: ZListElementCustomEvent<number>) => void;
         /**
           * remove filter click event, returns filterid
          */
         "onClickItem"?: (event: ZListElementCustomEvent<any>) => void;
+        /**
+          * [optional] Sets element role.
+         */
+        "role"?: string;
         /**
           * [optional] Sets size of inside elements.
          */