@zanichelli/albe-web-components 20.0.2 → 20.0.3

package/www/build/web-components-library.esm.js

@@ -1,2 +1,2 @@
-import{p as e,a,g as t,b as l}from"./p-BcDWN4F1.js";export{s as setNonce}from"./p-BcDWN4F1.js";var o=()=>{{i(a.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var i=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};o().then((async e=>{await t();return l(JSON.parse('[["p-1fad41b2",[[257,"z-app-header",{"stuck":[516],"enableOffcanvas":[1540,"enable-offcanvas"],"enableSearch":[516,"enable-search"],"searchLabel":[1,"search-label"],"searchPlaceholder":[1,"search-placeholder"],"searchButtonLabel":[1,"search-button-label"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"enableZLogo":[516,"enable-z-logo"],"drawerOpen":[1028,"drawer-open"],"_stuck":[32],"menuLength":[32],"isMobile":[32],"isTablet":[32]},[[5,"focusin","manageMenus"],[5,"click","manageMenus"],[1,"keydown","handleKeydown"]],{"_stuck":[{"onStuck":0}],"drawerOpen":[{"setMenuFloatingMode":0}],"stuck":[{"onStuckChange":0}]}],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"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"],"searchButtonLabel":[1,"search-button-label"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32],"selectedItem":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":[{"watchItems":0}],"resultsCount":[{"watchResultsCount":0}],"value":[{"watchValue":0}],"searchString":[{"watchSearchString":0}]}],[774,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[4,"skip-load-animation"],"showBackdrop":[4,"show-backdrop"],"skipAnimation":[32]},[[4,"keydown","handleKeyDown"]],{"variant":[{"handlePageScroll":1}],"open":[{"onOpenChanged":0}]}],[262,"z-tag",{"icon":[1],"expandable":[4]}],[257,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"],"htmlRole":[32]},null,{"role":[{"onRoleChange":1}],"size":[{"setChildrenProps":1}],"listType":[{"setChildrenProps":1}],"dividerType":[{"setChildrenProps":1}],"dividerSize":[{"setChildrenProps":1}],"dividerColor":[{"setChildrenProps":1}]}],[257,"z-list",{"size":[513],"listType":[513,"list-type"],"htmlRole":[32]},null,{"role":[{"onRoleChange":1}],"size":[{"setChildrenProps":1}],"listType":[{"setChildrenProps":1}]}],[257,"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],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"],"htmlTabindex":[2,"html-tabindex"],"showInnerContent":[32],"htmlRole":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]],{"role":[{"onRoleChange":1}]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"htmlAriaExpanded":[1,"html-aria-expanded"],"htmlAriaControls":[1,"html-aria-controls"],"htmlAriaAutocomplete":[1,"html-aria-autocomplete"],"htmlAriaActivedescendant":[1,"html-aria-activedescendant"],"htmlAriaDescribedby":[1,"html-aria-describedby"],"htmlAriaLabelledby":[1,"html-aria-labelledby"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"indeterminate":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"htmlRole":[1,"html-role"],"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"]],{"indeterminate":[{"watchIndeterminate":0}]}],[1,"z-input-message",{"message":[1],"htmlId":[1,"html-id"],"htmlRole":[1,"html-role"],"status":[513],"disabled":[516]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[262,"z-button",{"htmlAriaLabel":[1,"html-aria-label"],"htmlRole":[1,"html-role"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"iconPosition":[513,"icon-position"],"size":[513]}],[1,"z-icon",{"name":[1],"height":[8],"width":[8],"iconid":[1],"fill":[1],"indicatorColor":[1,"indicator-color"]}]]],["p-633d18e9",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"disabled":[4],"readonly":[4],"required":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"hasTreeItems":[4,"has-tree-items"],"showChildrenOfMatchingParent":[4,"show-children-of-matching-parent"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},null,{"items":[{"watchItems":0}]}]]],["p-06a196fb",[[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"]],{"maxNodesToShow":[{"handlePropChange":0}],"viewPortWidth":[{"handleResizeUp":0}]}]]],["p-12305e05",[[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],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"htmlAriaLabel":[1,"html-aria-label"],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32],"focusedItemId":[32]},null,{"items":[{"watchItems":0}],"searchValue":[{"watchSearchValue":0}]}]]],["p-d8c06756",[[262,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"allowedFilesMessage":[1,"allowed-files-message"],"uploadClickableMessage":[1,"upload-clickable-message"],"uploadMessage":[1,"upload-message"],"errorModalTitle":[1,"error-modal-title"],"errorModalMessage":[1,"error-modal-message"],"uploadedFilesLabel":[1,"uploaded-files-label"],"hasFileSection":[4,"has-file-section"],"inputName":[1,"input-name"],"showErrors":[4,"show-errors"],"_type":[32],"files":[32],"invalidFiles":[32],"input":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","onFileRemoved"],[0,"fileDropped","fileDroppedListener"]]]]],["p-f8fd6f08",[[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"]],{"_visiblePages":[{"setPagesContainerWidth":0}],"visiblePages":[{"setVisiblePages":0}],"currentPage":[{"onPageChanged":0}],"split":[{"onSplitChanged":0}]}]]],["p-e1d1445c",[[1,"z-tree-list",{"items":[1],"htmlAriaLabelledby":[513,"html-aria-labelledby"],"htmlSectionTitle":[513,"html-section-title"]},null,{"items":[{"watchItems":0}]}]]],["p-55693913",[[257,"z-book-card",{"variant":[513],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"year":[1],"ebookUrl":[1,"ebook-url"],"linkTarget":[1,"link-target"],"fallbackCover":[1,"fallback-cover"],"hasMultipleCovers":[4,"has-multiple-covers"],"titleHtmlTag":[1,"title-html-tag"]}]]],["p-791a76d6",[[257,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":[{"onIndexChange":0}],"single":[{"onSingleModeChange":0}],"infinite":[{"onInfiniteModeChange":0}],"isLoading":[{"onLoadingChange":0}]}]]],["p-668b9254",[[260,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"htmlAriaLabel":[1,"html-aria-label"],"label":[1],"mode":[1],"name":[1],"value":[1],"flatpickrPosition":[32],"inputError":[32]},[[2,"keydown","handleKeyDown"]],{"mode":[{"setupPickers":0}]}]]],["p-bc8eec12",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-95af0156",[[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"]],{"firstPickerReadOnly":[{"setupFirstPickersReadOnly":0}],"lastPickerReadOnly":[{"setupLastPickersReadOnly":0}],"mode":[{"setupPickers":0}]}]]],["p-42cfc136",[[257,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":[{"updateColspan":0}]}]]],["p-d4eb997c",[[257,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"showSorting":[513,"show-sorting"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"sorted":[1540],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":[{"updateColspan":0}]}]]],["p-08384d53",[[257,"z-tool",{"icon":[1],"tooltip":[1],"tooltipPosition":[1,"tooltip-position"],"htmlAriaLabel":[1,"html-aria-label"],"active":[516],"disabled":[516],"open":[1540],"indicatorColor":[1025,"indicator-color"],"tooltipOpen":[32],"hasSlottedContent":[32],"isMobile":[32],"hasNestedOpenTools":[32],"setFocus":[64],"setTabIndex":[64],"closeTooltip":[64]},[[0,"keydown","handleKeyDown"],[16,"click","onOutsideClick"],[0,"toggleSubmenu","onNestedToolToggle"],[0,"colorSelected","handleColorSelected"],[17,"focusin","handleExternalFocusin"]],{"open":[{"handleOpenChange":0}],"tooltipOpen":[{"handleTooltipOpenChange":0}]}]]],["p-47d4000c",[[260,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"autoCurrent":[4,"auto-current"],"collapsedLabel":[1,"collapsed-label"],"isCollapsed":[516,"is-collapsed"],"collapsed":[32]}]]],["p-bdd9c781",[[1,"z-book-card-app",{"logo":[1],"name":[1],"link":[1],"laz":[4],"info":[1]}]]],["p-886382a7",[[65,"z-input-range",{"disabled":[4],"htmlAriaLabel":[1,"html-aria-label"],"htmlId":[1,"html-id"],"label":[1],"max":[2],"min":[2],"orientation":[513],"showEdges":[4,"show-edges"],"size":[513],"step":[2],"value":[2],"valuePosition":[1,"value-position"],"currentValue":[32],"showValueTooltip":[32]},null,{"min":[{"onConstraintsChange":0}],"max":[{"onConstraintsChange":0}],"step":[{"onConstraintsChange":0}],"value":[{"onConstraintsChange":0}]}]]],["p-315ca31f",[[257,"z-result-card",{"cardTitle":[1,"card-title"],"cardSubtitle":[1,"card-subtitle"],"authors":[1],"cover":[1],"fallbackCover":[1,"fallback-cover"],"coverAlt":[1,"cover-alt"],"hasMultipleCovers":[4,"has-multiple-covers"],"isInfoCard":[4,"is-info-card"],"titleHtmlTag":[1,"title-html-tag"]}]]],["p-d4e212cc",[[257,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516],"hasSlottedTags":[32]},null,{"isDisabled":[{"onDisabledChange":0}]}]]],["p-41966ee6",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-0380c815",[[257,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-c983da75",[[257,"z-info-box",{"boxid":[1],"isclosable":[516],"closeButtonAriaLabel":[1,"close-button-aria-label"],"leftIcon":[1,"left-icon"]}]]],["p-3a9a120f",[[257,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"htmlTabindex":[1026,"html-tabindex"],"hasHeader":[32],"hasContent":[32],"setFocus":[64],"focusLastItem":[64]},[[4,"click","onItemClick"],[0,"keydown","onKeyDown"]],{"open":[{"onOpenChanged":0}],"htmlTabindex":[{"setLabelA11yAttrs":0}]}]]],["p-1b562386",[[257,"z-menu-section",{"active":[516],"htmlTabindex":[2,"html-tabindex"],"open":[1028],"hasItems":[32],"items":[32],"focusLastItem":[64],"setFocus":[64]},[[0,"keydown","onItemsKeydown"]],{"open":[{"onOpenChange":0}],"htmlTabindex":[{"onTabindexChange":0}]}]]],["p-a4f5e7e9",[[260,"z-navigation-tabs",{"htmlAriaLabel":[1,"html-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"]],{"canNavigate":[{"checkScrollEnabled":0}],"selectedTab":[{"onTabSelected":0}]}]]],["p-fdafba48",[[257,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516],"borderposition":[513]}]]],["p-781d96de",[[257,"z-stepper-item",{"index":[514],"href":[513],"pressed":[516],"checked":[516],"disabled":[516]}]]],["p-ea96790b",[[257,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"hasSlottedButton":[32]},null,{"isdraggable":[{"watchPropIsdraggable":0}],"autoclose":[{"watchPropAutoclose":0}],"pauseonfocusloss":[{"watchPropPauseonfocusloss":0}]}]]],["p-059963b6",[[262,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-e2cdf19c",[[257,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":[{"updateColumns":0}]}]]],["p-e160889a",[[260,"z-aria-alert",{"mode":[1]}]]],["p-5ae84959",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-2a74e691",[[1,"z-color-picker",{"selectedColor":[1025,"selected-color"],"lng":[1],"htmlAriaLabel":[1,"html-aria-label"],"disableTransparent":[4,"disable-transparent"],"setFocus":[64]},[[0,"focus","setFocus"],[0,"keydown","handleKeyDown"],[0,"blur","handleBlur"]],{"disableTransparent":[{"validateTransparentSelection":0}],"selectedColor":[{"validateTransparentSelection":0},{"emitColorSelected":0}]}]]],["p-2e4db422",[[257,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-3574a17e",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-deed5153",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-f7e11eab",[[257,"z-stepper"]]],["p-2780f6d9",[[257,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-eea18ea6",[[257,"z-tbody"]]],["p-87be3ccc",[[257,"z-tfoot",{"sticky":[516]}]]],["p-0fb73edd",[[257,"z-thead",{"sticky":[516],"isFocusable":[516,"is-focusable"]}]]],["p-55c3310f",[[257,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":[{"watchPropNewestontop":0}]}]]],["p-81c949eb",[[257,"z-toolbar",{"htmlAriaLabel":[1,"html-aria-label"],"currentFocusIndex":[32]},[[0,"toggleSubmenu","closeSiblingSubmenusOnOpen"],[0,"toggleTooltip","closeSiblingTooltipsOnOpen"],[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"]]]]],["p-e972b9c2",[[257,"z-visually-hidden"]]],["p-ce98069e",[[262,"z-chip",{"icon":[1],"type":[513],"variant":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"htmlAriaLabel":[1,"html-aria-label"]}]]],["p-c15267bc",[[257,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"size":[513],"open":[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{"position":[{"adjustPanelPosition":0}],"open":[{"adjustPanelPosition":0}]}]]],["p-2eaf4b9b",[[1,"z-ghost-loading"]]],["p-baa35a6e",[[257,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"],"dragging":[32]}],[769,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"scrollInside":[4,"scroll-inside"],"lockPageScroll":[4,"lock-page-scroll"],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]]]],["p-6af7c34f",[[257,"z-book-cover",{"cover":[1],"fallbackCover":[1,"fallback-cover"],"multiple":[516],"bordered":[516],"coverAlt":[1,"cover-alt"]}]]],["p-ee5ff565",[[257,"z-popover",{"position":[1537],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[10,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":[{"validatePosition":0}],"open":[{"onOpen":0}],"bindTo":[{"onBindingChange":0}]}]]],["p-350ea24f",[[257,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]]]'),e)}));
+import{p as e,a,g as t,b as l}from"./p-BcDWN4F1.js";export{s as setNonce}from"./p-BcDWN4F1.js";var o=()=>{{i(a.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var i=e=>{const a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}const t=a.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};o().then((async e=>{await t();return l(JSON.parse('[["p-3e78dc0d",[[257,"z-app-header",{"stuck":[516],"enableOffcanvas":[1540,"enable-offcanvas"],"enableSearch":[516,"enable-search"],"searchLabel":[1,"search-label"],"searchPlaceholder":[1,"search-placeholder"],"searchButtonLabel":[1,"search-button-label"],"searchString":[1025,"search-string"],"searchPageUrl":[1,"search-page-url"],"enableZLogo":[516,"enable-z-logo"],"drawerOpen":[1028,"drawer-open"],"_stuck":[32],"menuLength":[32],"isMobile":[32],"isTablet":[32]},[[5,"focusin","manageMenus"],[5,"click","manageMenus"],[1,"keydown","handleKeydown"]],{"_stuck":[{"onStuck":0}],"drawerOpen":[{"setMenuFloatingMode":0}],"stuck":[{"onStuckChange":0}]}],[1,"z-searchbar",{"htmlid":[513],"preventSubmit":[4,"prevent-submit"],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"value":[1],"placeholder":[1],"autocomplete":[4],"autocompleteMinChars":[2,"autocomplete-min-chars"],"resultsCount":[2,"results-count"],"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"],"searchButtonLabel":[1,"search-button-label"],"size":[1],"variant":[1],"searchString":[32],"currResultsCount":[32],"showResults":[32],"isMobile":[32],"selectedItem":[32]},[[4,"click","handleOutsideClick"]],{"resultsItems":[{"watchItems":0}],"resultsCount":[{"watchResultsCount":0}],"value":[{"watchValue":0}],"searchString":[{"watchSearchString":0}]}],[774,"z-offcanvas",{"variant":[513],"open":[1540],"transitiondirection":[513],"skipLoadAnimation":[4,"skip-load-animation"],"showBackdrop":[4,"show-backdrop"],"skipAnimation":[32]},[[4,"keydown","handleKeyDown"]],{"variant":[{"handlePageScroll":1}],"open":[{"onOpenChanged":0}]}],[262,"z-tag",{"icon":[1],"expandable":[4]}],[257,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"],"htmlRole":[32]},null,{"role":[{"onRoleChange":1}],"size":[{"setChildrenProps":1}],"listType":[{"setChildrenProps":1}],"dividerType":[{"setChildrenProps":1}],"dividerSize":[{"setChildrenProps":1}],"dividerColor":[{"setChildrenProps":1}]}],[257,"z-list",{"size":[513],"listType":[513,"list-type"],"htmlRole":[32]},null,{"role":[{"onRoleChange":1}],"size":[{"setChildrenProps":1}],"listType":[{"setChildrenProps":1}]}],[257,"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],"listElementPosition":[513,"list-element-position"],"listType":[513,"list-type"],"hasTreeItems":[4,"has-tree-items"],"htmlTabindex":[2,"html-tabindex"],"showInnerContent":[32],"htmlRole":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]],{"role":[{"onRoleChange":1}]}],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"htmlAriaExpanded":[1,"html-aria-expanded"],"htmlAriaControls":[1,"html-aria-controls"],"htmlAriaAutocomplete":[1,"html-aria-autocomplete"],"htmlAriaActivedescendant":[1,"html-aria-activedescendant"],"htmlAriaDescribedby":[1,"html-aria-describedby"],"htmlAriaLabelledby":[1,"html-aria-labelledby"],"value":[1025],"disabled":[516],"readonly":[4],"required":[4],"checked":[1028],"indeterminate":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"labelPosition":[1,"label-position"],"autocomplete":[1],"htmlRole":[1,"html-role"],"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"]],{"indeterminate":[{"watchIndeterminate":0}]}],[1,"z-input-message",{"message":[1],"htmlId":[1,"html-id"],"htmlRole":[1,"html-role"],"status":[513],"disabled":[516]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[262,"z-button",{"htmlAriaLabel":[1,"html-aria-label"],"htmlRole":[1,"html-role"],"href":[1],"target":[1],"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"iconPosition":[513,"icon-position"],"size":[513]}],[1,"z-icon",{"name":[1],"height":[8],"width":[8],"iconid":[1],"fill":[1],"indicatorColor":[1,"indicator-color"]}]]],["p-1702efd5",[[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"disabled":[4],"readonly":[4],"required":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"message":[8],"autocomplete":[4],"noresultslabel":[1],"hasGroupItems":[4,"has-group-items"],"hasTreeItems":[4,"has-tree-items"],"showChildrenOfMatchingParent":[4,"show-children-of-matching-parent"],"isfixed":[4],"resetItem":[1,"reset-item"],"size":[1],"isOpen":[32],"selectedItem":[32],"focusedItemId":[32],"searchString":[32],"getSelectedItem":[64],"getValue":[64],"setValue":[64]},null,{"items":[{"watchItems":0}]}]]],["p-57ba851d",[[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"]],{"maxNodesToShow":[{"handlePropChange":0}],"viewPortWidth":[{"handleResizeUp":0}]}]]],["p-6ce99251",[[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],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"hasgroupitems":[4],"size":[1],"htmlAriaLabel":[1,"html-aria-label"],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32],"focusedItemId":[32]},null,{"items":[{"watchItems":0}],"searchValue":[{"watchSearchValue":0}]}]]],["p-d8c06756",[[262,"z-file-upload",{"type":[513],"buttonVariant":[1,"button-variant"],"acceptedFormat":[1,"accepted-format"],"fileMaxSize":[2,"file-max-size"],"mainTitle":[1,"main-title"],"description":[1],"uploadBtnLabel":[1,"upload-btn-label"],"dragAndDropLabel":[1,"drag-and-drop-label"],"allowedFilesMessage":[1,"allowed-files-message"],"uploadClickableMessage":[1,"upload-clickable-message"],"uploadMessage":[1,"upload-message"],"errorModalTitle":[1,"error-modal-title"],"errorModalMessage":[1,"error-modal-message"],"uploadedFilesLabel":[1,"uploaded-files-label"],"hasFileSection":[4,"has-file-section"],"inputName":[1,"input-name"],"showErrors":[4,"show-errors"],"_type":[32],"files":[32],"invalidFiles":[32],"input":[32],"getFiles":[64],"removeFile":[64]},[[0,"removeFile","onFileRemoved"],[0,"fileDropped","fileDroppedListener"]]]]],["p-f8fd6f08",[[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"]],{"_visiblePages":[{"setPagesContainerWidth":0}],"visiblePages":[{"setVisiblePages":0}],"currentPage":[{"onPageChanged":0}],"split":[{"onSplitChanged":0}]}]]],["p-10ffee06",[[1,"z-tree-list",{"items":[1],"htmlAriaLabelledby":[513,"html-aria-labelledby"],"htmlSectionTitle":[513,"html-section-title"]},null,{"items":[{"watchItems":0}]}]]],["p-484f3064",[[257,"z-book-card",{"variant":[513],"cover":[1],"operaTitle":[1,"opera-title"],"volumeTitle":[1,"volume-title"],"authors":[1],"isbn":[1],"isbnLabel":[1,"isbn-label"],"year":[1],"ebookUrl":[1,"ebook-url"],"linkTarget":[1,"link-target"],"fallbackCover":[1,"fallback-cover"],"hasMultipleCovers":[4,"has-multiple-covers"],"titleHtmlTag":[1,"title-html-tag"]}]]],["p-791a76d6",[[257,"z-carousel",{"isLoading":[4,"is-loading"],"label":[1],"single":[516],"arrowsPosition":[513,"arrows-position"],"progressMode":[1,"progress-mode"],"fixedArrows":[516,"fixed-arrows"],"ghostLoadingHeight":[2,"ghost-loading-height"],"infinite":[4],"current":[32],"items":[32],"highlightedIndicator":[32],"canNavigatePrev":[32],"canNavigateNext":[32]},null,{"current":[{"onIndexChange":0}],"single":[{"onSingleModeChange":0}],"infinite":[{"onInfiniteModeChange":0}],"isLoading":[{"onLoadingChange":0}]}]]],["p-d76c3418",[[260,"z-date-picker",{"datePickerId":[1,"date-picker-id"],"htmlAriaLabel":[1,"html-aria-label"],"label":[1],"mode":[1],"name":[1],"value":[1],"flatpickrPosition":[32],"inputError":[32]},[[2,"keydown","handleKeyDown"]],{"mode":[{"setupPickers":0}]}]]],["p-ae51be93",[[2,"z-file",{"fileNumber":[2,"file-number"],"fileName":[1,"file-name"],"allowPopover":[32],"popoverVisible":[32]},[[1,"mouseover","onMouseOver"],[1,"mouseleave","onMouseLeave"],[0,"interactiveIconClick","onInteractiveIconClick"]]]]],["p-6005c944",[[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"]],{"firstPickerReadOnly":[{"setupFirstPickersReadOnly":0}],"lastPickerReadOnly":[{"setupLastPickersReadOnly":0}],"mode":[{"setupPickers":0}]}]]],["p-acd3b237",[[257,"z-td",{"colspan":[2],"sticky":[516],"showMenu":[513,"show-menu"],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":[{"updateColspan":0}]}]]],["p-d70ab97a",[[257,"z-th",{"colspan":[2],"showMenu":[513,"show-menu"],"showSorting":[513,"show-sorting"],"sticky":[516],"sortDirection":[1025,"sort-direction"],"sorted":[1540],"popoverPosition":[1,"popover-position"],"isMenuOpen":[32]},null,{"colspan":[{"updateColspan":0}]}]]],["p-09ac8cb2",[[257,"z-tool",{"icon":[1],"tooltip":[1],"tooltipPosition":[1,"tooltip-position"],"htmlAriaLabel":[1,"html-aria-label"],"active":[516],"disabled":[516],"open":[1540],"indicatorColor":[1025,"indicator-color"],"tooltipOpen":[32],"hasSlottedContent":[32],"isMobile":[32],"hasNestedOpenTools":[32],"setFocus":[64],"setTabIndex":[64],"closeTooltip":[64]},[[0,"keydown","handleKeyDown"],[16,"click","onOutsideClick"],[0,"toggleSubmenu","onNestedToolToggle"],[0,"colorSelected","handleColorSelected"],[17,"focusin","handleExternalFocusin"]],{"open":[{"handleOpenChange":0}],"tooltipOpen":[{"handleTooltipOpenChange":0}]}]]],["p-d4ad8db2",[[260,"z-anchor-navigation",{"hideUnselected":[516,"hide-unselected"],"autoCurrent":[4,"auto-current"],"collapsedLabel":[1,"collapsed-label"],"isCollapsed":[516,"is-collapsed"],"collapsed":[32]}]]],["p-de682f93",[[1,"z-book-card-app",{"logo":[1],"name":[1],"link":[1],"laz":[4],"info":[1]}]]],["p-1fedbf42",[[65,"z-input-range",{"disabled":[4],"htmlAriaLabel":[1,"html-aria-label"],"htmlId":[1,"html-id"],"label":[1],"max":[2],"min":[2],"orientation":[513],"showEdges":[4,"show-edges"],"size":[513],"step":[2],"value":[2],"valuePosition":[1,"value-position"],"currentValue":[32],"showValueTooltip":[32]},null,{"min":[{"onConstraintsChange":0}],"max":[{"onConstraintsChange":0}],"step":[{"onConstraintsChange":0}],"value":[{"onConstraintsChange":0}]}]]],["p-315ca31f",[[257,"z-result-card",{"cardTitle":[1,"card-title"],"cardSubtitle":[1,"card-subtitle"],"authors":[1],"cover":[1],"fallbackCover":[1,"fallback-cover"],"coverAlt":[1,"cover-alt"],"hasMultipleCovers":[4,"has-multiple-covers"],"isInfoCard":[4,"is-info-card"],"titleHtmlTag":[1,"title-html-tag"]}]]],["p-4d6ea6b1",[[257,"z-accordion",{"label":[1],"icon":[1],"size":[513],"isDisabled":[516,"is-disabled"],"open":[1540],"highlight":[516],"variant":[513],"shadow":[516],"hasSlottedTags":[32]},null,{"isDisabled":[{"onDisabledChange":0}]}]]],["p-4362efeb",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-0380c815",[[257,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"showShadow":[516,"show-shadow"],"clickable":[516],"hasCoverImage":[32]}]]],["p-04b6a9f8",[[257,"z-info-box",{"boxid":[1],"isclosable":[516],"closeButtonAriaLabel":[1,"close-button-aria-label"],"leftIcon":[1,"left-icon"]}]]],["p-3a9a120f",[[257,"z-menu",{"active":[516],"floating":[516],"open":[1540],"verticalContext":[516,"vertical-context"],"htmlTabindex":[1026,"html-tabindex"],"hasHeader":[32],"hasContent":[32],"setFocus":[64],"focusLastItem":[64]},[[4,"click","onItemClick"],[0,"keydown","onKeyDown"]],{"open":[{"onOpenChanged":0}],"htmlTabindex":[{"setLabelA11yAttrs":0}]}]]],["p-ffe7860b",[[257,"z-menu-section",{"active":[516],"htmlTabindex":[2,"html-tabindex"],"open":[1028],"hasItems":[32],"items":[32],"focusLastItem":[64],"setFocus":[64]},[[0,"keydown","onItemsKeydown"]],{"open":[{"onOpenChange":0}],"htmlTabindex":[{"onTabindexChange":0}]}]]],["p-61b49075",[[260,"z-navigation-tabs",{"htmlAriaLabel":[1,"html-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"]],{"canNavigate":[{"checkScrollEnabled":0}],"selectedTab":[{"onTabSelected":0}]}]]],["p-16423e69",[[257,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[513],"showclose":[4],"showshadow":[516],"sticky":[516],"borderposition":[513]}]]],["p-c00b8b6d",[[257,"z-stepper-item",{"index":[514],"href":[513],"pressed":[516],"checked":[516],"disabled":[516],"htmlAriaLabel":[1,"html-aria-label"]}]]],["p-f95adaa5",[[257,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"hasSlottedButton":[32]},null,{"isdraggable":[{"watchPropIsdraggable":0}],"autoclose":[{"watchPropAutoclose":0}],"pauseonfocusloss":[{"watchPropPauseonfocusloss":0}]}]]],["p-bd663d9d",[[262,"z-toggle-switch",{"disabled":[516],"labelPosition":[513,"label-position"],"checked":[1028],"htmlid":[1]}]]],["p-2f8bd98f",[[257,"z-tr",{"expandable":[516],"expanded":[32],"expandableContentId":[32]},[[0,"colspanchange","updateColumns"]],{"expandable":[{"updateColumns":0}]}]]],["p-a1f060c0",[[260,"z-aria-alert",{"mode":[1]}]]],["p-b5d18aae",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-b3d0d75c",[[1,"z-color-picker",{"selectedColor":[1025,"selected-color"],"lng":[1],"htmlAriaLabel":[1,"html-aria-label"],"disableTransparent":[4,"disable-transparent"],"setFocus":[64]},[[0,"focus","setFocus"],[0,"keydown","handleKeyDown"],[0,"blur","handleBlur"]],{"disableTransparent":[{"validateTransparentSelection":0}],"selectedColor":[{"validateTransparentSelection":0},{"emitColorSelected":0}]}]]],["p-67a2f55e",[[257,"z-cover-hero",{"variant":[513],"contentPosition":[513,"content-position"],"preserveAspectRatio":[516,"preserve-aspect-ratio"]},[[2,"load","onImgLoad"]]]]],["p-a5e15158",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-248ff73f",[[2,"z-skip-to-content",{"variant":[513],"links":[1025],"visible":[32],"visibleLink":[32]},[[4,"focusout","handleFocusOutSkipToContent"],[4,"focusin","handleFocusSkipToContent"]]]]],["p-a30b5538",[[257,"z-stepper"]]],["p-4c054dc5",[[257,"z-table",{"bordered":[516],"expandable":[32]}]]],["p-13bc7433",[[257,"z-tbody"]]],["p-4bc9e06a",[[257,"z-tfoot",{"sticky":[516]}]]],["p-41a3f231",[[257,"z-thead",{"sticky":[516],"isFocusable":[516,"is-focusable"]}]]],["p-9dc4d290",[[257,"z-toast-notification-list",{"position":[513],"newestontop":[4]},null,{"newestontop":[{"watchPropNewestontop":0}]}]]],["p-320b05fc",[[257,"z-toolbar",{"htmlAriaLabel":[1,"html-aria-label"],"currentFocusIndex":[32]},[[0,"toggleSubmenu","closeSiblingSubmenusOnOpen"],[0,"toggleTooltip","closeSiblingTooltipsOnOpen"],[0,"keydown","handleKeyDown"],[0,"focusin","handleFocusIn"]]]]],["p-fa11fd2d",[[257,"z-visually-hidden"]]],["p-885472aa",[[262,"z-chip",{"icon":[1],"type":[513],"variant":[513],"interactiveIcon":[513,"interactive-icon"],"disabled":[516],"htmlAriaLabel":[1,"html-aria-label"]}]]],["p-eb2deba7",[[257,"z-info-reveal",{"icon":[1],"position":[513],"label":[1],"htmlAriaLabel":[1,"html-aria-label"],"size":[513],"open":[32]},[[9,"resize","adjustPanelPosition"],[10,"keydown","handleEscapeKey"]],{"position":[{"adjustPanelPosition":0}],"open":[{"adjustPanelPosition":0}]}]]],["p-bd1876f7",[[1,"z-ghost-loading"]]],["p-f074b98b",[[257,"z-dragdrop-area",{"dragAndDropLabel":[1,"drag-and-drop-label"],"dragging":[32]}],[769,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"],"alertdialog":[4],"closable":[4],"scrollInside":[4,"scroll-inside"],"lockPageScroll":[4,"lock-page-scroll"],"open":[64],"close":[64]},[[0,"keydown","handleKeyDown"]]]]],["p-ea462d53",[[257,"z-book-cover",{"cover":[1],"fallbackCover":[1,"fallback-cover"],"multiple":[516],"bordered":[516],"coverAlt":[1,"cover-alt"]}]]],["p-ca2d01fd",[[257,"z-popover",{"position":[1537],"open":[1540],"bindTo":[1,"bind-to"],"showArrow":[516,"show-arrow"],"center":[516],"closable":[4],"currentPosition":[32]},[[10,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]],{"position":[{"validatePosition":0}],"open":[{"onOpen":0}],"bindTo":[{"onBindingChange":0}]}]]],["p-5ecdc465",[[257,"z-tooltip",{"position":[513],"dark":[516],"open":[1540],"bindTo":[1,"bind-to"],"closable":[4]},[[0,"openChange","onPopoverOpenChange"]]]]]]'),e)}));
 //# sourceMappingURL=web-components-library.esm.js.map

package/www/index.html

@@ -1,3 +1,3 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Albe test application</title> <link rel="stylesheet" type="text/css" href="/build/p-188d1101.css"> <link rel="modulepreload" href="/build/p-9a93e186.js"><link rel="modulepreload" href="/build/p-BcDWN4F1.js"><link rel="modulepreload" href="/build/p-BjrC13Q0.js"><link rel="modulepreload" href="/build/p-D1c5gR45.js"><link rel="modulepreload" href="/build/p-DPrEzmhI.js"><link rel="modulepreload" href="/build/p-DdetsoIY.js"><link rel="modulepreload" href="/build/p-Q-tWjk7P.js"><script type="module" src="/build/p-9a93e186.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body> <header> <z-app-header> <h1 slot="title">Albe test app</h1> </z-app-header> </header> <main></main> <style>body {
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Albe test application</title> <link rel="stylesheet" type="text/css" href="/build/p-188d1101.css"> <link rel="modulepreload" href="/build/p-55885a66.js"><link rel="modulepreload" href="/build/p-BcDWN4F1.js"><link rel="modulepreload" href="/build/p-BjrC13Q0.js"><link rel="modulepreload" href="/build/p-D1c5gR45.js"><link rel="modulepreload" href="/build/p-DPrEzmhI.js"><link rel="modulepreload" href="/build/p-DdetsoIY.js"><link rel="modulepreload" href="/build/p-Q-tWjk7P.js"><script type="module" src="/build/p-55885a66.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body> <header> <z-app-header> <h1 slot="title">Albe test app</h1> </z-app-header> </header> <main></main> <style>body {
       margin: 0;
     }</style> </body></html>

package/www/pages/stepper/stepper-1.html

@@ -0,0 +1,127 @@
+<!doctype html>
+<html
+  dir="ltr"
+  lang="en"
+>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Albe test application</title>
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/build/web-components-library.css"
+    />
+    <script
+      type="module"
+      src="/build/web-components-library.esm.js"
+    ></script>
+    <script
+      nomodule
+      src="/build/web-components-library.js"
+    ></script>
+  </head>
+  <body>
+    <main style="padding-top: 40px">
+      <div class="z-carousel-story-container">
+        <z-stepper>
+          <z-stepper-item
+            index="1"
+            pressed
+            href="stepper-1.html"
+          >
+            I tuoi dati
+          </z-stepper-item>
+          <z-stepper-item
+            index="2"
+            disabled
+            href="stepper-2.html"
+          >
+            Le tue credenziali
+          </z-stepper-item>
+          <z-stepper-item
+            index="3"
+            disabled
+            href="stepper-3.html"
+          >
+            Conferma
+          </z-stepper-item>
+        </z-stepper>
+      </div>
+
+      <form style="display: flex; flex-direction: column; gap: 20px; margin-top: 40px; padding: 0 20px">
+        <z-input
+          id="nome"
+          label="Nome"
+          placeholder="Inserisci il tuo nome"
+        ></z-input>
+        <z-input
+          id="cognome"
+          label="Cognome"
+          placeholder="Inserisci il tuo cognome"
+        ></z-input>
+        <z-button
+          type="submit"
+          variant="primary"
+          disabled
+        >
+          Avanti
+        </z-button>
+      </form>
+    </main>
+    <script>
+      const nomeInput = document.getElementById("nome");
+      const cognomeInput = document.getElementById("cognome");
+      const submitButton = document.querySelector('z-button[type="submit"]');
+      const stepperItems = Array.from(document.querySelectorAll("z-stepper-item"));
+
+      const currentStep = Number(window.location.pathname.match(/stepper-(\d+)\.html/)?.[1] ?? 1);
+      const maxStep = Math.max(currentStep, Number(sessionStorage.getItem("maxStep")) || 1);
+
+      function syncStepper() {
+        stepperItems.forEach((item) => {
+          const index = Number(item.getAttribute("index"));
+          item.toggleAttribute("pressed", index === currentStep);
+          item.toggleAttribute("checked", index !== currentStep && index <= maxStep);
+          item.toggleAttribute("disabled", index > maxStep);
+        });
+      }
+
+      function checkInputs() {
+        const isValid = Boolean(nomeInput.value.trim() && cognomeInput.value.trim());
+        submitButton.disabled = !isValid;
+        const nextItem = document.querySelector(`z-stepper-item[index="${currentStep + 1}"]`);
+        if (nextItem && currentStep + 1 > maxStep) {
+          nextItem.toggleAttribute("disabled", !isValid);
+        }
+      }
+
+      syncStepper();
+
+      customElements.whenDefined("z-input").then(() => {
+        nomeInput.value = sessionStorage.getItem("nome") ?? "";
+        cognomeInput.value = sessionStorage.getItem("cognome") ?? "";
+        checkInputs();
+      });
+
+      nomeInput.addEventListener("input", checkInputs);
+      cognomeInput.addEventListener("input", checkInputs);
+
+      submitButton.addEventListener("click", (event) => {
+        event.preventDefault();
+        sessionStorage.setItem("nome", nomeInput.value.trim());
+        sessionStorage.setItem("cognome", cognomeInput.value.trim());
+        sessionStorage.setItem("maxStep", String(Math.max(currentStep + 1, maxStep)));
+        window.location.href = `stepper-${currentStep + 1}.html`;
+      });
+    </script>
+  </body>
+  <style>
+    body {
+      margin: 0;
+    }
+  </style>
+</html>

package/www/pages/stepper/stepper-2.html

@@ -0,0 +1,128 @@
+<!doctype html>
+<html
+  dir="ltr"
+  lang="en"
+>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Albe test application</title>
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/build/web-components-library.css"
+    />
+    <script
+      type="module"
+      src="/build/web-components-library.esm.js"
+    ></script>
+    <script
+      nomodule
+      src="/build/web-components-library.js"
+    ></script>
+  </head>
+  <body>
+    <main style="padding-top: 40px">
+      <div class="z-carousel-story-container">
+        <z-stepper>
+          <z-stepper-item
+            index="1"
+            checked
+            href="stepper-1.html"
+          >
+            I tuoi dati
+          </z-stepper-item>
+          <z-stepper-item
+            index="2"
+            pressed
+            href="stepper-2.html"
+          >
+            Le tue credenziali
+          </z-stepper-item>
+          <z-stepper-item
+            index="3"
+            disabled
+            href="stepper-3.html"
+          >
+            Conferma
+          </z-stepper-item>
+        </z-stepper>
+      </div>
+
+      <form style="display: flex; flex-direction: column; gap: 20px; margin-top: 40px; padding: 0 20px">
+        <z-input
+          id="username"
+          label="Nome utente"
+          placeholder="Inserisci il tuo nome utente"
+        ></z-input>
+        <z-input
+          id="password"
+          label="Password"
+          placeholder="Inserisci la tua password"
+          type="password"
+        ></z-input>
+        <z-button
+          type="submit"
+          variant="primary"
+          disabled
+        >
+          Avanti
+        </z-button>
+      </form>
+    </main>
+    <script>
+      const usernameInput = document.getElementById("username");
+      const passwordInput = document.getElementById("password");
+      const submitButton = document.querySelector('z-button[type="submit"]');
+      const stepperItems = Array.from(document.querySelectorAll("z-stepper-item"));
+
+      const currentStep = Number(window.location.pathname.match(/stepper-(\d+)\.html/)?.[1] ?? 1);
+      const maxStep = Math.max(currentStep, Number(sessionStorage.getItem("maxStep")) || 1);
+
+      function syncStepper() {
+        stepperItems.forEach((item) => {
+          const index = Number(item.getAttribute("index"));
+          item.toggleAttribute("pressed", index === currentStep);
+          item.toggleAttribute("checked", index !== currentStep && index <= maxStep);
+          item.toggleAttribute("disabled", index > maxStep);
+        });
+      }
+
+      function checkInputs() {
+        const isValid = Boolean(usernameInput.value.trim() && passwordInput.value.trim());
+        submitButton.disabled = !isValid;
+        const nextItem = document.querySelector(`z-stepper-item[index="${currentStep + 1}"]`);
+        if (nextItem && currentStep + 1 > maxStep) {
+          nextItem.toggleAttribute("disabled", !isValid);
+        }
+      }
+
+      syncStepper();
+
+      customElements.whenDefined("z-input").then(() => {
+        usernameInput.value = sessionStorage.getItem("username") ?? "";
+        passwordInput.value = sessionStorage.getItem("password") ?? "";
+        checkInputs();
+      });
+
+      usernameInput.addEventListener("input", checkInputs);
+      passwordInput.addEventListener("input", checkInputs);
+
+      submitButton.addEventListener("click", (event) => {
+        event.preventDefault();
+        sessionStorage.setItem("username", usernameInput.value.trim());
+        sessionStorage.setItem("password", passwordInput.value.trim());
+        sessionStorage.setItem("maxStep", String(Math.max(currentStep + 1, maxStep)));
+        window.location.href = `stepper-${currentStep + 1}.html`;
+      });
+    </script>
+  </body>
+  <style>
+    body {
+      margin: 0;
+    }
+  </style>
+</html>

package/www/pages/stepper/stepper-3.html

@@ -0,0 +1,153 @@
+<!doctype html>
+<html
+  dir="ltr"
+  lang="en"
+>
+  <head>
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"
+    />
+    <title>Albe test application</title>
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="/build/web-components-library.css"
+    />
+    <script
+      type="module"
+      src="/build/web-components-library.esm.js"
+    ></script>
+    <script
+      nomodule
+      src="/build/web-components-library.js"
+    ></script>
+  </head>
+  <body>
+    <main style="padding-top: 40px">
+      <div class="z-carousel-story-container">
+        <z-stepper>
+          <z-stepper-item
+            index="1"
+            checked
+            href="stepper-1.html"
+          >
+            I tuoi dati
+          </z-stepper-item>
+          <z-stepper-item
+            index="2"
+            checked
+            href="stepper-2.html"
+          >
+            Le tue credenziali
+          </z-stepper-item>
+          <z-stepper-item
+            index="3"
+            pressed
+            href="stepper-3.html"
+          >
+            Conferma
+          </z-stepper-item>
+        </z-stepper>
+      </div>
+
+      <section style="display: flex; flex-direction: column; gap: 32px; margin-top: 40px; padding: 0 20px">
+        <div>
+          <h2 style="margin: 0 0 12px; font-family: var(--font-family-sans); font-size: 18px; font-weight: 600">
+            I tuoi dati
+          </h2>
+          <dl style="display: grid; grid-template-columns: max-content 1fr; margin: 0; gap: 8px 24px">
+            <dt style="font-weight: 600">Nome</dt>
+            <dd
+              id="summary-nome"
+              style="margin: 0"
+            >
+              —
+            </dd>
+            <dt style="font-weight: 600">Cognome</dt>
+            <dd
+              id="summary-cognome"
+              style="margin: 0"
+            >
+              —
+            </dd>
+          </dl>
+        </div>
+
+        <div>
+          <h2 style="margin: 0 0 12px; font-family: var(--font-family-sans); font-size: 18px; font-weight: 600">
+            Le tue credenziali
+          </h2>
+          <dl style="display: grid; grid-template-columns: max-content 1fr; margin: 0; gap: 8px 24px">
+            <dt style="font-weight: 600">Nome utente</dt>
+            <dd
+              id="summary-username"
+              style="margin: 0"
+            >
+              —
+            </dd>
+            <dt style="font-weight: 600">Password</dt>
+            <dd
+              id="summary-password"
+              style="margin: 0"
+            >
+              —
+            </dd>
+          </dl>
+        </div>
+
+        <z-button
+          id="confirm"
+          variant="primary"
+        >
+          Conferma
+        </z-button>
+      </section>
+    </main>
+    <script>
+      const confirmButton = document.getElementById("confirm");
+      const stepperItems = Array.from(document.querySelectorAll("z-stepper-item"));
+
+      const currentStep = Number(window.location.pathname.match(/stepper-(\d+)\.html/)?.[1] ?? 1);
+      const maxStep = Math.max(currentStep, Number(sessionStorage.getItem("maxStep")) || 1);
+
+      function syncStepper() {
+        stepperItems.forEach((item) => {
+          const index = Number(item.getAttribute("index"));
+          item.toggleAttribute("pressed", index === currentStep);
+          item.toggleAttribute("checked", index !== currentStep && index <= maxStep);
+          item.toggleAttribute("disabled", index > maxStep);
+        });
+      }
+
+      function showSummary() {
+        const setValue = (id, value) => {
+          document.getElementById(id).textContent = value && value.trim() ? value : "—";
+        };
+        setValue("summary-nome", sessionStorage.getItem("nome"));
+        setValue("summary-cognome", sessionStorage.getItem("cognome"));
+        setValue("summary-username", sessionStorage.getItem("username"));
+        const password = sessionStorage.getItem("password");
+        document.getElementById("summary-password").textContent = password ? "•".repeat(password.length) : "—";
+      }
+
+      syncStepper();
+      showSummary();
+
+      confirmButton.addEventListener("click", (event) => {
+        event.preventDefault();
+        stepperItems.forEach((item) => {
+          item.toggleAttribute("pressed", false);
+          item.toggleAttribute("disabled", false);
+          item.toggleAttribute("checked", true);
+        });
+      });
+    </script>
+  </body>
+  <style>
+    body {
+      margin: 0;
+    }
+  </style>
+</html>

package/dist/web-components-library/p-12305e05.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as i,d as o}from"./p-BcDWN4F1.js";import{e as s,I as a,i as r,g as n,l}from"./p-DdetsoIY.js";import{r as c,e as h,b as d}from"./p-DPrEzmhI.js";import"./p-Q-tWjk7P.js";const p=()=>`.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}`;const m=()=>`:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(360deg);transition:all 200ms linear}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div.open>.header>z-icon{fill:var(--color-form-default-icon);transform:rotate(180deg);transition:all 200ms linear}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01-icon)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)     calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}`;const u=class{watchItems(){this.itemsList=typeof this.items==="string"?JSON.parse(this.items):this.items;this.selectedCounter=this.itemsList.filter((t=>t.checked)).length;this.updateRenderItemsList()}watchSearchValue(){this.filterItems(this.searchValue)}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}constructor(i){t(this,i);this.comboboxChange=e(this,"comboboxChange",7);this.inputid=`combo-${c()}`;this.disabled=false;this.hassearch=false;this.noresultslabel="Nessun risultato";this.isopen=false;this.isfixed=false;this.hascheckall=false;this.checkalltext="Seleziona tutti";this.uncheckalltext="Deseleziona tutti";this.maxcheckableitems=0;this.size=s.BIG;this.renderItemsList=[];this.focusedItemId="";this.itemsList=[];this.inputType=a.TEXT;this.toggleComboBox=this.toggleComboBox.bind(this);this.closeFilterItems=this.closeFilterItems.bind(this)}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length}getControlToListSize(){switch(this.size){case s.X_SMALL:return r.SMALL;case s.SMALL:return r.MEDIUM;default:return r.LARGE}}getOptionId(t){return`${this.inputid}-option-${t.id?h(`${t.id}`):h(`${t.name}`)}`}getCheckAllOptionId(){return`${this.inputid}-check-all`}allOptionsSelected(){return this.selectedCounter===this.itemsList.length}hasReachedMaxSelections(){return!!(this.maxcheckableitems&&this.selectedCounter>=this.maxcheckableitems)}handleHeaderKeyDown(t){if(t.code===n.ENTER&&!this.focusedItemId){this.toggleComboBox()}if(!this.isopen||this.hassearch){return}switch(t.code){case n.SPACE:case n.ENTER:if(this.focusedItemId){t.preventDefault();this.checkOption(this.focusedItemId)}break;case n.ESC:if(this.focusedItemId){this.focusedItemId=""}break;case n.ARROW_DOWN:case n.ARROW_UP:this.handleArrowsNavigation(t);break}}handleInputKeyDown(t){switch(t.code){case n.ENTER:case n.SPACE:if(this.focusedItemId){t.preventDefault();this.checkOption(this.focusedItemId);break}break;case n.ARROW_DOWN:case n.ARROW_UP:this.handleArrowsNavigation(t);break;case n.ESC:if(this.focusedItemId){this.focusedItemId="";break}this.closeFilterItems();break;case n.TAB:this.focusedItemId="";break}}checkOption(t){if(t===this.getCheckAllOptionId()){this.itemsList=this.itemsList.map((t=>Object.assign(Object.assign({},t),{checked:!this.allOptionsSelected()})));this.focusedItemId=this.getCheckAllOptionId()}else{this.itemsList=this.itemsList.map((e=>{if(t===this.getOptionId(e)){e.checked=!e.checked}return e}))}this.updateRenderItemsList();this.emitComboboxChange()}handleArrowsNavigation(t){if(![n.ARROW_DOWN,n.ARROW_UP].includes(t.code)||!this.isopen){return}t.preventDefault();t.stopPropagation();const e=this.focusedItemId?this.element.shadowRoot.querySelector(`#${this.focusedItemId}`):null;const i=Array.from(this.element.shadowRoot.querySelectorAll('[role="option"]'));if(!i.length){return}const o=e?i.indexOf(e):null;const s=0;const a=i.length-1;let r=null;if(t.code===n.ARROW_DOWN){r=o===null?i[s]:i[o+1]||i[a]}else if(t.code===n.ARROW_UP){r=o===null?i[a]:i[o-1]||i[s]}this.focusedItemId=r.id;r.scrollIntoView({block:"nearest",container:"nearest"})}updateRenderItemsList(){if(this.searchValue){this.filterItems(this.searchValue)}else{this.resetRenderItemsList()}}resetRenderItemsList(){const t=[];this.itemsList.forEach((e=>{t.push(Object.assign({},e))}));this.renderItemsList=t}filterItems(t){if(!t){return this.closeFilterItems()}this.resetRenderItemsList();this.renderItemsList=this.renderItemsList.filter((e=>{const i=e.name.toUpperCase().indexOf(t.toUpperCase());const o=i+t.length;const s=e.name.substring(0,i)+"<strong>"+e.name.substring(i,o)+"</strong>"+e.name.substring(o,e.name.length);e.name=s;return i>=0}))}closeFilterItems(){this.searchValue="";this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}getHeaderAriaLabel(){if(!this.label||this.selectedCounter<=0){return undefined}const t=this.selectedCounter===1?"elemento selezionato":"elementi selezionati";return`${this.label}: ${this.selectedCounter} ${t}`}getComboboxA11yAttributes(t){const e="combobox";const i=this.isopen?"true":"false";const o=this.isopen?this.focusedItemId:"";const s=`${this.inputid}_list`;if(t){return{role:e,"aria-label":this.htmlAriaLabel,"html-aria-expanded":i,"html-aria-activedescendant":o,"html-aria-controls":s}}return{role:e,"aria-expanded":i,"aria-activedescendant":o,"aria-controls":s}}renderHeader(){const t=!this.hassearch?this.getComboboxA11yAttributes(false):{};return i("div",Object.assign({class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>this.handleHeaderKeyDown(t),role:"button",tabindex:0,"aria-controls":"open-combo-data","aria-expanded":this.isopen?"true":"false","aria-label":this.getHeaderAriaLabel()},t),i("span",{class:"body-3"},this.label,i("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),i("z-icon",{name:"caret-down",class:this.size}))}renderContent(){return i("div",{id:"open-combo-data",class:"open-combo-data"},this.hassearch&&this.renderSearchInput(),i("div",{role:"listbox","aria-label":this.label,"aria-multiselectable":"true",id:`${this.inputid}_list`,"aria-owns":`${this.hascheckall?`${this.getCheckAllOptionId()} `:``}${this.itemsList.map((t=>this.getOptionId(t))).join(" ")}`},this.renderItems()))}renderItems(){return i("div",{class:this.searchValue&&"search",tabIndex:-1,role:"presentation"},this.renderList(this.renderItemsList))}renderItem(t,e,o){const s=this.getOptionId(t);const a=!t.checked&&this.hasReachedMaxSelections();return i("z-list-element",{htmlTabindex:-1,dividerType:e!==o-1?l.ELEMENT:l.NONE,size:this.getControlToListSize(),role:"presentation",disabled:!!a},i("span",{class:"option-wrap",role:"presentation",onClick:()=>{this.focusedItemId="";this.checkOption(s)}},i("z-icon",{name:t.checked?"checkbox-checked":"checkbox",class:this.focusedItemId===s?"focused":""}),i("span",{id:s,role:a?"presentation":"option","aria-selected":t.checked?"true":"false","aria-label":a?undefined:d(t.name)},i("span",{"aria-hidden":"true",innerHTML:t.name}))))}renderList(t){if(!t){return}if(!t.length&&this.searchValue){return this.renderNoSearchResults()}if(this.hasgroupitems){return this.renderGroups(t)}return i("ul",{role:"presentation"},this.renderCheckAll(),t.map(((e,i)=>this.renderItem(e,i,t.length))))}renderGroups(t){const e=t.reduce(((e,i,o)=>{var s;const a=i.category||"Altra categoria";const r=this.renderItem(i,o,t.length);e[a]=(s=e[a])!==null&&s!==void 0?s:[];e[a].push(r);return e}),{});const o=Object.entries(e).map((([t,e],o)=>i("z-list-group",{size:this.getControlToListSize(),"divider-type":l.ELEMENT,"aria-labelledby":`${this.inputid}_list_group_${o}`},i("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.inputid}_list_group_${o}`,"aria-hidden":"true"},t),e.map((t=>t)))));return i("ul",{role:"presentation"},this.renderCheckAll(),o)}renderNoSearchResults(){return i("div",{class:"no-results"},i("span",null,this.noresultslabel))}renderSearchInput(){return i("z-input",Object.assign({htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,message:false,size:this.size,"html-aria-autocomplete":"list"},this.getComboboxA11yAttributes(true),{onKeyDown:t=>this.handleInputKeyDown(t),onInputChange:t=>{this.searchValue=t.detail.value;this.focusedItemId=""}}))}renderCheckAll(){if(!this.hascheckall||this.searchValue){return}const t=this.getCheckAllOptionId();const e=this.allOptionsSelected();const o=this.selectedCounter>0&&!e;const s=!e&&(this.hasReachedMaxSelections()||this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length);return i("z-list-element",{class:"check-all-wrapper",role:"presentation",htmlTabindex:-1,dividerType:l.ELEMENT,dividerColor:"gray800",size:this.getControlToListSize(),disabled:!!s},i("span",{class:"option-wrap",role:"presentation",onClick:()=>this.checkOption(t)},i("z-icon",{name:o?"indeterminated-checkbox":e?"checkbox-checked":"checkbox",class:this.focusedItemId===t?"focused":""}),i("span",{id:t,role:s?"presentation":"option","aria-selected":e?"true":"false"},e?this.uncheckalltext:this.checkalltext)))}render(){return i("div",{key:"683f9ed203e8c3843d0e20daf0acade8a0ff1a49","data-action":`combo-${this.inputid}`,class:{open:this.isopen,fixed:this.isfixed,disabled:this.disabled},id:this.inputid},this.renderHeader(),!this.disabled&&this.renderContent())}get element(){return o(this)}static get watchers(){return{items:[{watchItems:0}],searchValue:[{watchSearchValue:0}]}}};u.style=p()+m();export{u as z_combobox};
-//# sourceMappingURL=p-12305e05.entry.js.map