@zanichelli/albe-web-components 14.5.1 → 14.5.2-rc-anchor-navigation

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

@@ -1,43 +1,43 @@
-import { p as promiseResolve, H, b as bootstrapLazy } from './index-f16bc2ca.js';
-export { s as setNonce } from './index-f16bc2ca.js';
+import { p as promiseResolve, H, b as bootstrapLazy } from './index-ab5f1eaa.js';
+export { s as setNonce } from './index-ab5f1eaa.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
 
 /*
- Stencil Client Patch Browser v4.12.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.18.3 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    {
-        // opted-in to polyfill cloneNode() for slot polyfilled components
-        patchCloneNodeFix(H.prototype);
-    }
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+var patchBrowser = () => {
+  {
+    patchCloneNodeFix(H.prototype);
+  }
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
-const patchCloneNodeFix = (HTMLElementPrototype) => {
-    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
-    HTMLElementPrototype.cloneNode = function (deep) {
-        if (this.nodeName === 'TEMPLATE') {
-            return nativeCloneNodeFn.call(this, deep);
-        }
-        const clonedNode = nativeCloneNodeFn.call(this, false);
-        const srcChildNodes = this.childNodes;
-        if (deep) {
-            for (let i = 0; i < srcChildNodes.length; i++) {
-                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
-                if (srcChildNodes[i].nodeType !== 2) {
-                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
-                }
-            }
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
         }
-        return clonedNode;
-    };
+      }
+    }
+    return clonedNode;
+  };
 };
 
-patchBrowser().then(options => {
-  return bootstrapLazy(JSON.parse("[[\"z-app-header_12\",[[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\"]],{\"_stuck\":[\"onStuck\"],\"drawerOpen\":[\"setMenuFloatingMode\"],\"stuck\":[\"onStuckMode\"]}],[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],\"isMobile\":[32]},[[4,\"click\",\"handleOutsideClick\"]],{\"resultsItems\":[\"watchItems\"],\"resultsCount\":[\"watchResultsCount\"],\"value\":[\"watchValue\"],\"searchString\":[\"watchSearchString\"]}],[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513],\"skipLoadAnimation\":[1028,\"skip-load-animation\"]},null,{\"open\":[\"onOpenChanged\"]}],[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}],[1,\"z-list\",{\"size\":[513],\"listType\":[513,\"list-type\"],\"role\":[513]}],[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],\"listElementPosition\":[513,\"list-element-position\"],\"listType\":[513,\"list-type\"],\"role\":[513],\"htmlTabindex\":[2,\"html-tabindex\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[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\"]]],[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-input-message\",{\"message\":[1],\"status\":[513],\"statusRole\":[32]},null,{\"message\":[\"onMessageChange\"],\"status\":[\"onMessageChange\"]}],[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"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],\"focusedItemId\":[32],\"checkboxes\":[32]},null,{\"items\":[\"watchItems\"],\"searchValue\":[\"watchSearchValue\"],\"checkboxes\":[\"watchCheckboxes\"]}]]],[\"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\"]],{\"items\":[\"watchItems\"]}]]],[\"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\"]],{\"maxNodesToShow\":[\"handlePropChange\"],\"viewPortWidth\":[\"handleResizeUp\"]}]]],[\"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],\"uploadBtnLabel\":[1,\"upload-btn-label\"],\"dragAndDropLabel\":[1,\"drag-and-drop-label\"],\"hasFileSection\":[4,\"has-file-section\"],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64],\"removeFile\":[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\"]],{\"_visiblePages\":[\"setPagesContainerWidth\"],\"visiblePages\":[\"setVisiblePages\"],\"currentPage\":[\"onPageChanged\"],\"split\":[\"onSplitChanged\"]}]]],[\"z-carousel\",[[1,\"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\"],\"single\":[\"onSingleModeChange\"],\"infinite\":[\"onInfiniteModeChange\"]}]]],[\"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\"]],{\"mode\":[\"setupPickers\"]}]]],[\"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\"]],{\"firstPickerReadOnly\":[\"setupFirstPickersReadOnly\"],\"lastPickerReadOnly\":[\"setupLastPickersReadOnly\"],\"mode\":[\"setupPickers\"]}]]],[\"z-td\",[[1,\"z-td\",{\"colspan\":[2],\"sticky\":[516],\"showMenu\":[513,\"show-menu\"],\"isMenuOpen\":[32]},null,{\"colspan\":[\"updateColspan\"]}]]],[\"z-th\",[[1,\"z-th\",{\"colspan\":[2],\"showMenu\":[513,\"show-menu\"],\"sticky\":[516],\"sortDirection\":[1025,\"sort-direction\"],\"popoverPosition\":[1,\"popover-position\"],\"isMenuOpen\":[32]},null,{\"colspan\":[\"updateColspan\"]}]]],[\"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]},null,{\"inputrawdata\":[\"oninputrawdataChange\"]}]]],[\"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]},null,{\"isDisabled\":[\"onDisabledChange\"]}]]],[\"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],\"ariaLabel\":[1,\"aria-label\"],\"size\":[513],\"open\":[32]},[[9,\"resize\",\"adjustPanelPosition\"],[10,\"keydown\",\"handleEscapeKey\"]],{\"position\":[\"adjustPanelPosition\"],\"open\":[\"adjustPanelPosition\"]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]],{\"open\":[\"onOpenChanged\"]}]]],[\"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-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\"]],{\"canNavigate\":[\"checkScrollEnabled\"],\"selectedTab\":[\"onTabSelected\"]}]]],[\"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]},null,{\"data\":[\"watchData\"]}]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"checked\":[4],\"disabled\":[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]},null,{\"isdraggable\":[\"watchPropIsdraggable\"],\"autoclose\":[\"watchPropAutoclose\"],\"pauseonfocusloss\":[\"watchPropPauseonfocusloss\"]}]]],[\"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\"]],{\"expandable\":[\"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-table\",[[1,\"z-table\",{\"bordered\":[516],\"expandable\":[32]}]]],[\"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]},null,{\"newestontop\":[\"watchPropNewestontop\"]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"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-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\",{\"dragAndDropLabel\":[1,\"drag-and-drop-label\"]}]]],[\"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\"]],{\"status\":[\"watchStatusHandler\"]}],[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\"]],{\"position\":[\"validatePosition\"],\"open\":[\"onOpen\"]}]]]]"), options);
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy(JSON.parse("[[\"z-app-header_12\",[[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\"]],{\"_stuck\":[\"onStuck\"],\"drawerOpen\":[\"setMenuFloatingMode\"],\"stuck\":[\"onStuckMode\"]}],[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],\"isMobile\":[32]},[[4,\"click\",\"handleOutsideClick\"]],{\"resultsItems\":[\"watchItems\"],\"resultsCount\":[\"watchResultsCount\"],\"value\":[\"watchValue\"],\"searchString\":[\"watchSearchString\"]}],[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513],\"skipLoadAnimation\":[1028,\"skip-load-animation\"]},null,{\"open\":[\"onOpenChanged\"]}],[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}],[1,\"z-list\",{\"size\":[513],\"listType\":[513,\"list-type\"],\"role\":[513]}],[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],\"listElementPosition\":[513,\"list-element-position\"],\"listType\":[513,\"list-type\"],\"role\":[513],\"htmlTabindex\":[2,\"html-tabindex\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[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\"]]],[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-input-message\",{\"message\":[1],\"status\":[513],\"statusRole\":[32]},null,{\"message\":[\"onMessageChange\"],\"status\":[\"onMessageChange\"]}],[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"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],\"focusedItemId\":[32],\"checkboxes\":[32]},null,{\"items\":[\"watchItems\"],\"searchValue\":[\"watchSearchValue\"],\"checkboxes\":[\"watchCheckboxes\"]}]]],[\"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\"]],{\"items\":[\"watchItems\"]}]]],[\"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\"]],{\"maxNodesToShow\":[\"handlePropChange\"],\"viewPortWidth\":[\"handleResizeUp\"]}]]],[\"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],\"uploadBtnLabel\":[1,\"upload-btn-label\"],\"dragAndDropLabel\":[1,\"drag-and-drop-label\"],\"hasFileSection\":[4,\"has-file-section\"],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64],\"removeFile\":[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\"]],{\"_visiblePages\":[\"setPagesContainerWidth\"],\"visiblePages\":[\"setVisiblePages\"],\"currentPage\":[\"onPageChanged\"],\"split\":[\"onSplitChanged\"]}]]],[\"z-carousel\",[[1,\"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\"],\"single\":[\"onSingleModeChange\"],\"infinite\":[\"onInfiniteModeChange\"]}]]],[\"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\"]],{\"mode\":[\"setupPickers\"]}]]],[\"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\"]],{\"firstPickerReadOnly\":[\"setupFirstPickersReadOnly\"],\"lastPickerReadOnly\":[\"setupLastPickersReadOnly\"],\"mode\":[\"setupPickers\"]}]]],[\"z-td\",[[1,\"z-td\",{\"colspan\":[2],\"sticky\":[516],\"showMenu\":[513,\"show-menu\"],\"isMenuOpen\":[32]},null,{\"colspan\":[\"updateColspan\"]}]]],[\"z-th\",[[1,\"z-th\",{\"colspan\":[2],\"showMenu\":[513,\"show-menu\"],\"sticky\":[516],\"sortDirection\":[1025,\"sort-direction\"],\"popoverPosition\":[1,\"popover-position\"],\"isMenuOpen\":[32]},null,{\"colspan\":[\"updateColspan\"]}]]],[\"z-anchor-navigation\",[[4,\"z-anchor-navigation\",{\"hideUnselected\":[516,\"hide-unselected\"],\"autoCurrent\":[4,\"auto-current\"],\"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]},null,{\"inputrawdata\":[\"oninputrawdataChange\"]}]]],[\"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]},null,{\"isDisabled\":[\"onDisabledChange\"]}]]],[\"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],\"ariaLabel\":[1,\"aria-label\"],\"size\":[513],\"open\":[32]},[[9,\"resize\",\"adjustPanelPosition\"],[10,\"keydown\",\"handleEscapeKey\"]],{\"position\":[\"adjustPanelPosition\"],\"open\":[\"adjustPanelPosition\"]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"verticalContext\":[516,\"vertical-context\"],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]],{\"open\":[\"onOpenChanged\"]}]]],[\"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-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\"]],{\"canNavigate\":[\"checkScrollEnabled\"],\"selectedTab\":[\"onTabSelected\"]}]]],[\"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]},null,{\"data\":[\"watchData\"]}]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"checked\":[4],\"disabled\":[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]},null,{\"isdraggable\":[\"watchPropIsdraggable\"],\"autoclose\":[\"watchPropAutoclose\"],\"pauseonfocusloss\":[\"watchPropPauseonfocusloss\"]}]]],[\"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\"]],{\"expandable\":[\"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-table\",[[1,\"z-table\",{\"bordered\":[516],\"expandable\":[32]}]]],[\"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]},null,{\"newestontop\":[\"watchPropNewestontop\"]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"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-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\",{\"dragAndDropLabel\":[1,\"drag-and-drop-label\"]}]]],[\"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\"]],{\"status\":[\"watchStatusHandler\"]}],[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\"]],{\"position\":[\"validatePosition\"],\"open\":[\"onOpen\"]}]]]]"), options);
 });
 
 //# sourceMappingURL=web-components-library.js.map

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

@@ -1 +1 @@
-{"file":"web-components-library.js","mappings":";;;AAAA;AACA;AACA;AAGA,MAAM,YAAY,GAAG,MAAM;AAK3B,IAA4B;AAC5B;AACA,QAAQ,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACvC,KAAK;AAKL,IAAI,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACvC,IAAI,MAAM,IAAI,GAAiE,EAAE,CAAC;AAClF,IAAI,IAAI,UAAU,KAAK,EAAE,EAAE;AAC3B,QAAQ,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AAC1D,KAAK;AACL,IAAI,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAChC,CAAC,CAAC;AACF,MAAM,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AACpD,IAAI,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC;AAC7D,IAAI,oBAAoB,CAAC,SAAS,GAAG,UAAU,IAAI,EAAE;AACrD,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AAC1C,YAAY,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AACtD,SAAS;AACT,QAAQ,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC/D,QAAQ,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC;AAC9C,QAAQ,IAAI,IAAI,EAAE;AAClB,YAAY,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC3D;AACA,gBAAgB,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AACrD,oBAAoB,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7E,iBAAiB;AACjB,aAAa;AACb,SAAS;AACT,QAAQ,OAAO,UAAU,CAAC;AAC1B,KAAK,CAAC;AACN,CAAC;;ACvCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI;AAE/B,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.12.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            s.getAttribute('data-stencil-namespace') === NAMESPACE)\n        : null;\n    const importMeta = import.meta.url;\n    const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n    if (importMeta !== '') {\n        opts.resourcesUrl = new URL('.', importMeta).href;\n    }\n    return promiseResolve(opts);\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n    HTMLElementPrototype.cloneNode = function (deep) {\n        if (this.nodeName === 'TEMPLATE') {\n            return nativeCloneNodeFn.call(this, deep);\n        }\n        const clonedNode = nativeCloneNodeFn.call(this, false);\n        const srcChildNodes = this.childNodes;\n        if (deep) {\n            for (let i = 0; i < srcChildNodes.length; i++) {\n                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}
+{"file":"web-components-library.js","mappings":";;;;AAAA;AACA;AACA;AAKA,IAAI,YAAY,GAAG,MAAM;AAIzB,EAA0B;AAC1B,IAAI,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACnC,GAAG;AAIH,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACrC,EAAE,MAAM,IAAI,GAAiE,EAAE,CAAC;AAChF,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC;AACtD,GAAG;AACH,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC;AACF,IAAI,iBAAiB,GAAG,CAAC,oBAAoB,KAAK;AAClD,EAAE,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,SAAS,CAAC;AAC3D,EAAE,oBAAoB,CAAC,SAAS,GAAG,SAAS,IAAI,EAAE;AAClD,IAAI,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,EAAE;AACtC,MAAM,OAAO,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAChD,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC3D,IAAI,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,CAAC;AAC1C,IAAI,IAAI,IAAI,EAAE;AACd,MAAM,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACrD,QAAQ,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,CAAC,EAAE;AAC7C,UAAU,UAAU,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;AACnE,SAAS;AACT,OAAO;AACP,KAAK;AACL,IAAI,OAAO,UAAU,CAAC;AACtB,GAAG,CAAC;AACJ,CAAC;;ACrCD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE,CAAC;AACxB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D,CAAC,CAAC","names":[],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.18.3 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, doc, H, promiseResolve } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? Array.from(doc.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"version":3}

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h } from './index-f16bc2ca.js';
+import { r as registerInstance, c as createEvent, h } from './index-ab5f1eaa.js';
 import { e as ControlSize, _ as AccordionVariant } from './index-2255c6c8.js';
 
-const stylesCss = ":host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface03);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant=\"background\"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant=\"background\"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}:host([size=\"x-small\"]) summary{--summary-height:var(--summary-x-small-height)}:host([size=\"small\"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size=\"x-small\"],[size=\"small\"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant=\"background\"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant=\"background\"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--color-surface03);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant=\"background\"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:\"\"}:host([highlight][variant=\"background\"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant=\"background\"]:not([open])) summary::before,:host([highlight][variant=\"background\"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant=\"background\"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size=\"x-small\"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size=\"x-small\"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size=\"x-small\"],[size=\"small\"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size=\"x-small\"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant=\"background\"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]{border-radius:0}z-accordion[variant=\"background\"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]::part(summary){border-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}";
+const stylesCss = ":host,:host *,:host ::slotted(*){box-sizing:border-box}:host{--z-accordion-highlight-color:transparent;--z-accordion-bg:var(--color-surface01);--z-accordion-label-color:var(--color-default-text);--z-accordion-disabled-label-color:var(--color-text03);--z-accordion-content-bg:var(--color-surface01);--z-accordion-content-fg:var(--color-default-text);--z-accordion-hover-color:var(--color-surface03);--z-accordion-left-padding:calc(var(--space-unit) * 2);--z-accordion-right-padding:var(--space-unit);--z-accordion-label-font-weight:var(--font-sb);display:block;border-top:var(--border-size-small) solid var(--color-surface03);border-bottom:var(--border-size-small) solid var(--color-surface03);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([variant=\"background\"]){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}:host([variant=\"background\"][shadow]){box-shadow:var(--shadow-2)}details{background-color:transparent}summary{--summary-x-small-height:32px;--summary-small-height:36px;--summary-big-height:44px;--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit);position:relative;display:flex;height:var(--summary-height);align-items:center;padding:var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);background-color:var(--z-accordion-bg);column-gap:var(--space-unit);cursor:pointer;list-style:none}:host([size=\"x-small\"]) summary{--summary-height:var(--summary-x-small-height)}:host([size=\"small\"]) summary{--summary-height:var(--summary-small-height)}:host(:is([size=\"x-small\"],[size=\"small\"])) summary{--summary-y-padding:calc(var(--space-unit) / 2)}:host([variant=\"background\"]) summary{padding-right:calc(var(--space-unit) * 2);border-radius:calc(var(--border-radius) - var(--border-size-small))}:host([variant=\"background\"][open]) summary{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([is-disabled]) summary{cursor:default}summary:focus:focus-visible{background-color:var(--z-accordion-hover-color);box-shadow:var(--shadow-focus-primary);outline:none}summary::before,:host([highlight][variant=\"background\"]) .z-accordion-content::before{position:absolute;top:0;left:0;display:block;width:var(--space-unit);height:100%;content:\"\"}:host([highlight][variant=\"background\"]) summary::before{border-top-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight][variant=\"background\"]:not([open])) summary::before,:host([highlight][variant=\"background\"][open]) .z-accordion-content::before{border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small))}:host([highlight]) summary::before,:host([highlight][variant=\"background\"]) .z-accordion-content::before{background-color:var(--z-accordion-highlight-color, transparent)}:host([is-disabled][highlight]) summary::before,:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before{background-color:var(--z-accordion-disabled-label-color)}summary>z-icon{fill:var(--z-accordion-label-color)}:host([is-disabled]) summary>z-icon{fill:var(--z-accordion-disabled-label-color)}.z-accordion-label{color:var(--z-accordion-label-color);font-size:var(--font-size-3);font-weight:var(--z-accordion-label-font-weight)}:host([size=\"x-small\"]) .z-accordion-label{font-size:var(--font-size-2)}:host([size=\"x-small\"]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:16px;--z-icon-height:16px}.z-accordion-tags{display:flex;align-items:center;column-gap:calc(var(--space-unit) / 2)}summary z-icon.z-accordion-chevron{margin-left:auto}.z-accordion-content{position:relative;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);background-color:var(--z-accordion-content-bg);color:var(--z-accordion-content-fg);font-size:var(--font-size-2);}:host(:is([size=\"x-small\"],[size=\"small\"])) .z-accordion-content{padding-bottom:var(--space-unit)}:host([size=\"x-small\"]) .z-accordion-content{font-size:var(--font-size-1)}:host([variant=\"background\"]) .z-accordion-content{padding-right:calc(var(--space-unit) * 2)}:host([is-disabled]) .z-accordion-label{color:var(--z-accordion-disabled-label-color)}:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]){--z-tag-bg:var(--z-accordion-disabled-label-color) !important;--z-tag-text-color:var(--color-text-inverse) !important}@media (hover: hover){summary:focus:focus-visible{position:relative;z-index:1}:host(:not([is-disabled])) summary:hover{background-color:var(--z-accordion-hover-color)}:host(:not([is-disabled])) summary:hover .z-accordion-label{text-decoration:underline}}@media (hover: none){:host([size]) summary{--summary-height:var(--summary-big-height);--summary-y-padding:var(--space-unit)}:host([size]) .z-accordion-label{font-size:var(--font-size-3)}:host([size]) .z-accordion-content{font-size:var(--font-size-2)}:host([size]) :is(.z-accordion-label-icon,.z-accordion-chevron){--z-icon-width:18px;--z-icon-height:18px}}z-accordion+z-accordion{border-top:none}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]{border-radius:0}z-accordion[variant=\"background\"]:first-of-type:not(:last-of-type){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]:last-of-type{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}z-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary){border-bottom-left-radius:0;border-bottom-right-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]::part(summary){border-radius:0}z-accordion[variant=\"background\"]+z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary){border-bottom-left-radius:calc(var(--border-radius) - var(--border-size-small));border-bottom-right-radius:calc(var(--border-radius) - var(--border-size-small))}";
 const ZAccordionStyle0 = stylesCss;
 
 const ZAccordion = class {
@@ -37,7 +37,7 @@ const ZAccordion = class {
         this.toggled.emit(this.open);
     }
     render() {
-        return (h("details", { key: '9b6381d6a29fe8ea16ecdcb38d1784c1cc3bcc80', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'bf02abfd586afbafabddf1d3e5d7de934722dea6', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '2fa466698c2f605dbe4eaac5cd48cd9af69448cc', class: "z-accordion-label" }, this.label), h("span", { key: '3cf6a1812413aa84f7ce106d5b81587d5e211cb2', class: "z-accordion-tags" }, h("slot", { key: '0a7109139d474427bf396960af79eae2e827c985', name: "tag" })), h("z-icon", { key: 'e2853db6bbd4947486fe3d95a5bc8d003c74299f', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { class: "z-accordion-content", part: "content" }, h("slot", null)))));
+        return (h("details", { key: '38787e09f78228eedda870ebd2380feae9f221ef', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: '5eebc1fe756b6ef603bd0170fd53aa9548e02dec', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '741eab4038e866bc34259348e66d0115a55ad333', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: 'e82c28a47084aba4a031ce947ac22e73d9c0c26d', class: "z-accordion-label" }, this.label), h("span", { key: '20279a9c0935c533a909a124a1f87f266d5783a3', class: "z-accordion-tags" }, h("slot", { key: '697e5e1cfb5764da59ded7eec41a3e7a2edd56b4', name: "tag" })), h("z-icon", { key: '079968872230475ee1783077819387e205ebdf72', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '4377a46e29de0d5e079f1e8011b3e6e10bf1a876', class: "z-accordion-content", part: "content" }, h("slot", { key: 'e998671e6f42b524ab26d2ef71931acf5ed680b7' })))));
     }
     static get watchers() { return {
         "isDisabled": ["onDisabledChange"]

package/dist/esm/z-accordion.entry.js.map

@@ -1 +1 @@
-{"file":"z-accordion.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,+3LAA+3L,CAAC;AACl5L,yBAAe,SAAS;;MCuBX,UAAU;;;;;;oBAiBd,WAAW,CAAC,GAAG;0BAMT,KAAK;oBAMX,KAAK;yBAMA,KAAK;uBAMW,gBAAgB,CAAC,OAAO;sBAM3C,IAAI;;IASH,gBAAgB;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACnB;KACF;;;;;;IASO,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,KAAK,CAAC;YAE7B,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9B;IAED,MAAM;QACJ,QACE,gEACE,GAAG,EAAE,CAAC,GAAuB,MAAM,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,EACzD,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,IAEf,gEACE,QAAQ,EAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,EACrC,IAAI,EAAC,SAAS,IAEb,IAAI,CAAC,IAAI,KACR,cACE,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACH,EACD,6DAAM,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACnD,6DAAM,KAAK,EAAC,kBAAkB,IAC5B,6DAAM,IAAI,EAAC,KAAK,GAAG,CACd,EACP,+DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,cAAc,GAC/C,CACM,EACT,CAAC,IAAI,CAAC,UAAU,KACf,WACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,SAAS,IAEd,eAAQ,CACJ,CACP,CACO,EACV;KACH;;;;;;;;;","names":[],"sources":["src/components/z-accordion/styles.css?tag=z-accordion&encapsulation=shadow","src/components/z-accordion/index.tsx"],"sourcesContent":[":host,\n:host *,\n:host ::slotted(*) {\n  box-sizing: border-box;\n}\n\n:host {\n  --z-accordion-highlight-color: transparent;\n  --z-accordion-bg: var(--color-surface01);\n  --z-accordion-label-color: var(--color-default-text);\n  --z-accordion-disabled-label-color: var(--color-text03);\n  --z-accordion-content-bg: var(--color-surface01);\n  --z-accordion-content-fg: var(--color-default-text);\n  --z-accordion-hover-color: var(--color-surface03);\n  --z-accordion-left-padding: calc(var(--space-unit) * 2);\n  --z-accordion-right-padding: var(--space-unit);\n  --z-accordion-label-font-weight: var(--font-sb);\n\n  display: block;\n  border-top: var(--border-size-small) solid var(--color-surface03);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host([variant=\"background\"]) {\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-radius: var(--border-radius);\n}\n\n:host([variant=\"background\"][shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\ndetails {\n  background-color: transparent;\n}\n\nsummary {\n  --summary-x-small-height: 32px;\n  --summary-small-height: 36px;\n  --summary-big-height: 44px;\n  --summary-height: var(--summary-big-height);\n  --summary-y-padding: var(--space-unit);\n\n  position: relative;\n  display: flex;\n  height: var(--summary-height);\n  align-items: center;\n  padding: var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);\n  background-color: var(--z-accordion-bg);\n  column-gap: var(--space-unit);\n  cursor: pointer;\n  list-style: none;\n}\n\n:host([size=\"x-small\"]) summary {\n  --summary-height: var(--summary-x-small-height);\n}\n\n:host([size=\"small\"]) summary {\n  --summary-height: var(--summary-small-height);\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) summary {\n  --summary-y-padding: calc(var(--space-unit) / 2);\n}\n\n:host([variant=\"background\"]) summary {\n  padding-right: calc(var(--space-unit) * 2);\n\n  /* border-radius of the accordion - width of the accordion's border */\n  border-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([variant=\"background\"][open]) summary {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n:host([is-disabled]) summary {\n  cursor: default;\n}\n\nsummary:focus:focus-visible {\n  background-color: var(--color-surface03);\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nsummary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  width: var(--space-unit);\n  height: 100%;\n  content: \"\";\n}\n\n:host([highlight][variant=\"background\"]) summary::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-top-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight][variant=\"background\"]:not([open])) summary::before,\n:host([highlight][variant=\"background\"][open]) .z-accordion-content::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight]) summary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-highlight-color, transparent);\n}\n\n:host([is-disabled][highlight]) summary::before,\n:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-disabled-label-color);\n}\n\nsummary > z-icon {\n  fill: var(--z-accordion-label-color);\n}\n\n:host([is-disabled]) summary > z-icon {\n  fill: var(--z-accordion-disabled-label-color);\n}\n\n.z-accordion-label {\n  color: var(--z-accordion-label-color);\n  font-size: var(--font-size-3); /* for \"small\" and \"big\" sizes */\n  font-weight: var(--z-accordion-label-font-weight);\n}\n\n:host([size=\"x-small\"]) .z-accordion-label {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.z-accordion-tags {\n  display: flex;\n  align-items: center;\n  column-gap: calc(var(--space-unit) / 2);\n}\n\nsummary z-icon.z-accordion-chevron {\n  margin-left: auto;\n}\n\n.z-accordion-content {\n  position: relative;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  background-color: var(--z-accordion-content-bg);\n  color: var(--z-accordion-content-fg);\n  font-size: var(--font-size-2); /* for \"small\" and \"big\" sizes */\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) .z-accordion-content {\n  padding-bottom: var(--space-unit);\n}\n\n:host([size=\"x-small\"]) .z-accordion-content {\n  font-size: var(--font-size-1);\n}\n\n:host([variant=\"background\"]) .z-accordion-content {\n  padding-right: calc(var(--space-unit) * 2);\n}\n\n:host([is-disabled]) .z-accordion-label {\n  color: var(--z-accordion-disabled-label-color);\n}\n\n:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]) {\n  --z-tag-bg: var(--z-accordion-disabled-label-color) !important;\n  --z-tag-text-color: var(--color-text-inverse) !important;\n}\n\n@media (hover: hover) {\n  summary:focus:focus-visible {\n    /* prevents the focus shadow to be covered by the background of an hovered sibling accordion */\n    position: relative;\n    z-index: 1;\n  }\n\n  :host(:not([is-disabled])) summary:hover {\n    background-color: var(--z-accordion-hover-color);\n  }\n\n  :host(:not([is-disabled])) summary:hover .z-accordion-label {\n    text-decoration: underline;\n  }\n}\n\n/* force \"big\" variant on touch devices */\n@media (hover: none) {\n  :host([size]) summary {\n    --summary-height: var(--summary-big-height);\n    --summary-y-padding: var(--space-unit);\n  }\n\n  :host([size]) .z-accordion-label {\n    font-size: var(--font-size-3);\n  }\n\n  :host([size]) .z-accordion-content {\n    font-size: var(--font-size-2);\n  }\n\n  :host([size]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n    --z-icon-width: 18px;\n    --z-icon-height: 18px;\n  }\n}\n\n/* Style for sibling accordions in a stack context */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"] {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type {\n  border-bottom-left-radius: var(--border-radius);\n  border-bottom-right-radius: var(--border-radius);\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]::part(summary) {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary) {\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n  border-bottom-right-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n","import {Component, Prop, h, Event, EventEmitter, Watch} from \"@stencil/core\";\nimport {ControlSize, AccordionVariant} from \"../../beans\";\n\n/**\n * Accordion component.\n *\n * @slot - Slot for the main content.\n * @slot tag - Slot for tags.\n * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.\n * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.\n * @cssprop --z-accordion-label-color - Label color. Default: `--color-default-text`.\n * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.\n * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.\n * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-default-text`.\n * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.\n * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.\n * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.\n * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.\n */\n@Component({\n  tag: \"z-accordion\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAccordion {\n  /**\n   * Text label.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Name of the z-icon to display before the label's text.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Size of the component.\n   */\n  @Prop({reflect: true})\n  size = ControlSize.BIG;\n\n  /**\n   * Disabled state of the accordion.\n   */\n  @Prop({reflect: true})\n  isDisabled = false;\n\n  /**\n   * The open state of the accordion.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * Enable highlight band on the `summary`'s left edge.\n   */\n  @Prop({reflect: true})\n  highlight = false;\n\n  /**\n   * Accordion variant.\n   */\n  @Prop({reflect: true})\n  variant: AccordionVariant = AccordionVariant.DEFAULT;\n\n  /**\n   * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.\n   */\n  @Prop({reflect: true})\n  shadow = true;\n\n  /**\n   * Event fired when the accordion is toggled.\n   */\n  @Event()\n  toggled: EventEmitter<boolean>;\n\n  @Watch(\"isDisabled\")\n  protected onDisabledChange(): void {\n    if (this.isDisabled) {\n      this.open = false;\n    }\n  }\n\n  private detailsElm: HTMLDetailsElement;\n\n  /**\n   * Handle `details` element toggle.\n   * If currently disabled, prevent toggling by forcing the `open` state to `false`.\n   * Unfortunately the \"toggle\" event is not cancelable and when catched, the `open` state is already changed.\n   */\n  private onDetailsToggle(): void {\n    if (this.isDisabled) {\n      this.open = false;\n      this.detailsElm.open = false;\n\n      return;\n    }\n\n    this.open = this.detailsElm.open;\n    this.toggled.emit(this.open);\n  }\n\n  render(): HTMLDetailsElement {\n    return (\n      <details\n        ref={(elm: HTMLDetailsElement) => (this.detailsElm = elm)}\n        onToggle={this.onDetailsToggle.bind(this)}\n        open={this.open}\n      >\n        <summary\n          tabIndex={this.isDisabled ? -1 : null}\n          part=\"summary\"\n        >\n          {this.icon && (\n            <z-icon\n              class=\"z-accordion-label-icon\"\n              name={this.icon}\n            />\n          )}\n          <span class=\"z-accordion-label\">{this.label}</span>\n          <span class=\"z-accordion-tags\">\n            <slot name=\"tag\" />\n          </span>\n          <z-icon\n            class=\"z-accordion-chevron\"\n            name={this.open ? \"chevron-up\" : \"chevron-down\"}\n          />\n        </summary>\n        {!this.isDisabled && (\n          <div\n            class=\"z-accordion-content\"\n            part=\"content\"\n          >\n            <slot />\n          </div>\n        )}\n      </details>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-accordion.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,u4LAAu4L,CAAC;AAC15L,yBAAe,SAAS;;MCuBX,UAAU;;;;;;oBAiBd,WAAW,CAAC,GAAG;0BAMT,KAAK;oBAMX,KAAK;yBAMA,KAAK;uBAMW,gBAAgB,CAAC,OAAO;sBAM3C,IAAI;;IASH,gBAAgB;QACxB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;SACnB;KACF;;;;;;IASO,eAAe;QACrB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,KAAK,CAAC;YAE7B,OAAO;SACR;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC9B;IAED,MAAM;QACJ,QACE,gEACE,GAAG,EAAE,CAAC,GAAuB,MAAM,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC,EACzD,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EACzC,IAAI,EAAE,IAAI,CAAC,IAAI,IAEf,gEACE,QAAQ,EAAE,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,IAAI,EACrC,IAAI,EAAC,SAAS,IAEb,IAAI,CAAC,IAAI,KACR,+DACE,KAAK,EAAC,wBAAwB,EAC9B,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,CACH,EACD,6DAAM,KAAK,EAAC,mBAAmB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACnD,6DAAM,KAAK,EAAC,kBAAkB,IAC5B,6DAAM,IAAI,EAAC,KAAK,GAAG,CACd,EACP,+DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,YAAY,GAAG,cAAc,GAC/C,CACM,EACT,CAAC,IAAI,CAAC,UAAU,KACf,4DACE,KAAK,EAAC,qBAAqB,EAC3B,IAAI,EAAC,SAAS,IAEd,8DAAQ,CACJ,CACP,CACO,EACV;KACH;;;;;;;;;","names":[],"sources":["src/components/z-accordion/styles.css?tag=z-accordion&encapsulation=shadow","src/components/z-accordion/index.tsx"],"sourcesContent":[":host,\n:host *,\n:host ::slotted(*) {\n  box-sizing: border-box;\n}\n\n:host {\n  --z-accordion-highlight-color: transparent;\n  --z-accordion-bg: var(--color-surface01);\n  --z-accordion-label-color: var(--color-default-text);\n  --z-accordion-disabled-label-color: var(--color-text03);\n  --z-accordion-content-bg: var(--color-surface01);\n  --z-accordion-content-fg: var(--color-default-text);\n  --z-accordion-hover-color: var(--color-surface03);\n  --z-accordion-left-padding: calc(var(--space-unit) * 2);\n  --z-accordion-right-padding: var(--space-unit);\n  --z-accordion-label-font-weight: var(--font-sb);\n\n  display: block;\n  border-top: var(--border-size-small) solid var(--color-surface03);\n  border-bottom: var(--border-size-small) solid var(--color-surface03);\n  font-family: var(--font-family-sans);\n  font-weight: var(--font-rg);\n}\n\n:host([variant=\"background\"]) {\n  border: var(--border-size-small) solid var(--color-surface03);\n  border-radius: var(--border-radius);\n}\n\n:host([variant=\"background\"][shadow]) {\n  box-shadow: var(--shadow-2);\n}\n\ndetails {\n  background-color: transparent;\n}\n\nsummary {\n  --summary-x-small-height: 32px;\n  --summary-small-height: 36px;\n  --summary-big-height: 44px;\n  --summary-height: var(--summary-big-height);\n  --summary-y-padding: var(--space-unit);\n\n  position: relative;\n  display: flex;\n  height: var(--summary-height);\n  align-items: center;\n  padding: var(--summary-y-padding) var(--z-accordion-right-padding) var(--summary-y-padding)\n    var(--z-accordion-left-padding);\n  background-color: var(--z-accordion-bg);\n  column-gap: var(--space-unit);\n  cursor: pointer;\n  list-style: none;\n}\n\n:host([size=\"x-small\"]) summary {\n  --summary-height: var(--summary-x-small-height);\n}\n\n:host([size=\"small\"]) summary {\n  --summary-height: var(--summary-small-height);\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) summary {\n  --summary-y-padding: calc(var(--space-unit) / 2);\n}\n\n:host([variant=\"background\"]) summary {\n  padding-right: calc(var(--space-unit) * 2);\n\n  /* border-radius of the accordion - width of the accordion's border */\n  border-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([variant=\"background\"][open]) summary {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\n:host([is-disabled]) summary {\n  cursor: default;\n}\n\nsummary:focus:focus-visible {\n  background-color: var(--z-accordion-hover-color);\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nsummary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: block;\n  width: var(--space-unit);\n  height: 100%;\n  content: \"\";\n}\n\n:host([highlight][variant=\"background\"]) summary::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-top-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight][variant=\"background\"]:not([open])) summary::before,\n:host([highlight][variant=\"background\"][open]) .z-accordion-content::before {\n  /* border-radius of the accordion - width of the accordion's border */\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n\n:host([highlight]) summary::before,\n:host([highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-highlight-color, transparent);\n}\n\n:host([is-disabled][highlight]) summary::before,\n:host([is-disabled][highlight][variant=\"background\"]) .z-accordion-content::before {\n  background-color: var(--z-accordion-disabled-label-color);\n}\n\nsummary > z-icon {\n  fill: var(--z-accordion-label-color);\n}\n\n:host([is-disabled]) summary > z-icon {\n  fill: var(--z-accordion-disabled-label-color);\n}\n\n.z-accordion-label {\n  color: var(--z-accordion-label-color);\n  font-size: var(--font-size-3); /* for \"small\" and \"big\" sizes */\n  font-weight: var(--z-accordion-label-font-weight);\n}\n\n:host([size=\"x-small\"]) .z-accordion-label {\n  font-size: var(--font-size-2);\n}\n\n:host([size=\"x-small\"]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n}\n\n.z-accordion-tags {\n  display: flex;\n  align-items: center;\n  column-gap: calc(var(--space-unit) / 2);\n}\n\nsummary z-icon.z-accordion-chevron {\n  margin-left: auto;\n}\n\n.z-accordion-content {\n  position: relative;\n  padding: var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);\n  background-color: var(--z-accordion-content-bg);\n  color: var(--z-accordion-content-fg);\n  font-size: var(--font-size-2); /* for \"small\" and \"big\" sizes */\n}\n\n:host(:is([size=\"x-small\"], [size=\"small\"])) .z-accordion-content {\n  padding-bottom: var(--space-unit);\n}\n\n:host([size=\"x-small\"]) .z-accordion-content {\n  font-size: var(--font-size-1);\n}\n\n:host([variant=\"background\"]) .z-accordion-content {\n  padding-right: calc(var(--space-unit) * 2);\n}\n\n:host([is-disabled]) .z-accordion-label {\n  color: var(--z-accordion-disabled-label-color);\n}\n\n:host([is-disabled]) .z-accordion-tags ::slotted(z-tag[slot=\"tag\"]) {\n  --z-tag-bg: var(--z-accordion-disabled-label-color) !important;\n  --z-tag-text-color: var(--color-text-inverse) !important;\n}\n\n@media (hover: hover) {\n  summary:focus:focus-visible {\n    /* prevents the focus shadow to be covered by the background of an hovered sibling accordion */\n    position: relative;\n    z-index: 1;\n  }\n\n  :host(:not([is-disabled])) summary:hover {\n    background-color: var(--z-accordion-hover-color);\n  }\n\n  :host(:not([is-disabled])) summary:hover .z-accordion-label {\n    text-decoration: underline;\n  }\n}\n\n/* force \"big\" variant on touch devices */\n@media (hover: none) {\n  :host([size]) summary {\n    --summary-height: var(--summary-big-height);\n    --summary-y-padding: var(--space-unit);\n  }\n\n  :host([size]) .z-accordion-label {\n    font-size: var(--font-size-3);\n  }\n\n  :host([size]) .z-accordion-content {\n    font-size: var(--font-size-2);\n  }\n\n  :host([size]) :is(.z-accordion-label-icon, .z-accordion-chevron) {\n    --z-icon-width: 18px;\n    --z-icon-height: 18px;\n  }\n}\n\n/* Style for sibling accordions in a stack context */\n\nz-accordion + z-accordion {\n  border-top: none;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"] {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type {\n  border-bottom-left-radius: var(--border-radius);\n  border-bottom-right-radius: var(--border-radius);\n}\n\nz-accordion[variant=\"background\"]:first-of-type:not(:last-of-type)::part(summary) {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]::part(summary) {\n  border-radius: 0;\n}\n\nz-accordion[variant=\"background\"] + z-accordion[variant=\"background\"]:last-of-type:not([open])::part(summary) {\n  border-bottom-left-radius: calc(var(--border-radius) - var(--border-size-small));\n  border-bottom-right-radius: calc(var(--border-radius) - var(--border-size-small));\n}\n","import {Component, Event, EventEmitter, Prop, Watch, h} from \"@stencil/core\";\nimport {AccordionVariant, ControlSize} from \"../../beans\";\n\n/**\n * Accordion component.\n *\n * @slot - Slot for the main content.\n * @slot tag - Slot for tags.\n * @cssprop --z-accordion-highlight-color - Color of the highlight band on the summary's left edge. Only applies when `highlight` is true. Default: `transparent`.\n * @cssprop --z-accordion-bg - Background color of the summary. Default: `--color-surface02`.\n * @cssprop --z-accordion-label-color - Label color. Default: `--color-default-text`.\n * @cssprop --z-accordion-disabled-label-color - Label color when disabled. Default: `--color-text03`.\n * @cssprop --z-accordion-content-bg - Background color of the accordion. Default: `--color-surface02`.\n * @cssprop --z-accordion-content-fg - Content text color. Default: `--color-default-text`.\n * @cssprop --z-accordion-hover-color - Hover color of the summary. Default: `--color-surface03`.\n * @cssprop --z-accordion-left-padding - Left padding of the summary. Default: `--space-unit` * 2.\n * @cssprop --z-accordion-right-padding - Right padding of the summary. Default: `--space-unit`.\n * @cssprop --z-accordion-label-font-weight - Font weight of the summary label. Default: `--font-sb`.\n */\n@Component({\n  tag: \"z-accordion\",\n  styleUrl: \"styles.css\",\n  shadow: true,\n})\nexport class ZAccordion {\n  /**\n   * Text label.\n   */\n  @Prop()\n  label: string;\n\n  /**\n   * Name of the z-icon to display before the label's text.\n   */\n  @Prop()\n  icon: string;\n\n  /**\n   * Size of the component.\n   */\n  @Prop({reflect: true})\n  size = ControlSize.BIG;\n\n  /**\n   * Disabled state of the accordion.\n   */\n  @Prop({reflect: true})\n  isDisabled = false;\n\n  /**\n   * The open state of the accordion.\n   */\n  @Prop({reflect: true, mutable: true})\n  open = false;\n\n  /**\n   * Enable highlight band on the `summary`'s left edge.\n   */\n  @Prop({reflect: true})\n  highlight = false;\n\n  /**\n   * Accordion variant.\n   */\n  @Prop({reflect: true})\n  variant: AccordionVariant = AccordionVariant.DEFAULT;\n\n  /**\n   * Enable box-shadow on the accordion. Only applies when `variant` is `BACKGROUND`.\n   */\n  @Prop({reflect: true})\n  shadow = true;\n\n  /**\n   * Event fired when the accordion is toggled.\n   */\n  @Event()\n  toggled: EventEmitter<boolean>;\n\n  @Watch(\"isDisabled\")\n  protected onDisabledChange(): void {\n    if (this.isDisabled) {\n      this.open = false;\n    }\n  }\n\n  private detailsElm: HTMLDetailsElement;\n\n  /**\n   * Handle `details` element toggle.\n   * If currently disabled, prevent toggling by forcing the `open` state to `false`.\n   * Unfortunately the \"toggle\" event is not cancelable and when catched, the `open` state is already changed.\n   */\n  private onDetailsToggle(): void {\n    if (this.isDisabled) {\n      this.open = false;\n      this.detailsElm.open = false;\n\n      return;\n    }\n\n    this.open = this.detailsElm.open;\n    this.toggled.emit(this.open);\n  }\n\n  render(): HTMLDetailsElement {\n    return (\n      <details\n        ref={(elm: HTMLDetailsElement) => (this.detailsElm = elm)}\n        onToggle={this.onDetailsToggle.bind(this)}\n        open={this.open}\n      >\n        <summary\n          tabIndex={this.isDisabled ? -1 : null}\n          part=\"summary\"\n        >\n          {this.icon && (\n            <z-icon\n              class=\"z-accordion-label-icon\"\n              name={this.icon}\n            />\n          )}\n          <span class=\"z-accordion-label\">{this.label}</span>\n          <span class=\"z-accordion-tags\">\n            <slot name=\"tag\" />\n          </span>\n          <z-icon\n            class=\"z-accordion-chevron\"\n            name={this.open ? \"chevron-up\" : \"chevron-down\"}\n          />\n        </summary>\n        {!this.isDisabled && (\n          <div\n            class=\"z-accordion-content\"\n            part=\"content\"\n          >\n            <slot />\n          </div>\n        )}\n      </details>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-f16bc2ca.js';
+import { r as registerInstance, h } from './index-ab5f1eaa.js';
 
 const stylesCss = ":host{display:block;box-sizing:border-box;color:var(--color-surface05);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);line-height:calc(var(--space-unit) * 2)}:host>div{padding:calc(var(--space-unit) * 2)}:host>.success{background:var(--color-success-inverse);fill:var(--color-success01)}:host>.warning{background:var(--color-warning-inverse);fill:var(--color-warning01)}:host>.error{background:var(--color-error-inverse);fill:var(--color-error01)}";
 const ZAlertStyle0 = stylesCss;
@@ -9,7 +9,7 @@ const ZAlert = class {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '613583f9f9d6686e8c1fce89174dc7b6051623e3', class: this.type }, h("slot", { key: 'fd1884ab9eddfb1da4a0b7d952a48870eade1de7' })));
+        return (h("div", { key: 'a04290b826aa50ecac798ad9126d93ee1d7e883e', class: this.type }, h("slot", { key: 'bc0f26d27fe3a68484f3079f11fb1c767fe255c4' })));
     }
 };
 ZAlert.style = ZAlertStyle0;

package/dist/esm/z-anchor-navigation.entry.js

@@ -1,22 +1,24 @@
-import { r as registerInstance, h, a as Host } from './index-f16bc2ca.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-ab5f1eaa.js';
 import { B as ButtonVariant } from './index-2255c6c8.js';
 
-const stylesCss = "html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button,z-icon){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}z-anchor-navigation nav z-icon{--z-icon-width:16px;--z-icon-height:16px;display:flex;padding:calc(var(--space-unit) * 1.5);fill:var(--color-default-icon)}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav a{outline:none}@media (hover: hover){z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation nav>*:is(:focus,:focus-within),z-anchor-navigation nav :is(z-icon,button):focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent}z-anchor-navigation nav>*:not([data-current],:hover,:focus,:focus-within)>*:is(z-button,button,z-icon):not(:focus:focus-visible){opacity:0;pointer-events:none}@media (hover: none){z-anchor-navigation:not([hide-unselected]) nav>*>*:is(z-button,button,z-icon){opacity:1;pointer-events:all}}}";
+const stylesCss = "html{scroll-behavior:smooth}z-anchor-navigation nav{display:none;flex-direction:column;justify-content:flex-start;row-gap:calc(var(--space-unit) / 2)}z-anchor-navigation[collapsed] nav{display:flex;margin-top:var(--space-unit)}z-anchor-navigation nav a{display:-webkit-box;overflow:clip;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);-webkit-box-orient:vertical;color:inherit;font-weight:inherit;-webkit-line-clamp:2;overflow-clip-margin:content-box;text-decoration:none}z-anchor-navigation nav * a:not(:only-child){padding-right:calc(var(--space-unit) * 5)}@supports not (overflow-clip-margin: content-box){z-anchor-navigation nav a{display:inline-block;overflow:hidden;-webkit-line-clamp:none;text-overflow:ellipsis;white-space:nowrap}}z-anchor-navigation nav>*{position:relative;border-left:var(--border-size-large) solid var(--color-surface04);color:var(--color-default-text);font-family:var(--font-family-sans);transition:background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out}z-anchor-navigation nav>[data-current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}z-anchor-navigation nav>*>*:is(z-button,button){position:absolute;top:50%;right:0;transform:translateY(-50%);transition:opacity 0.3s ease-in-out}z-anchor-navigation nav>*:focus:focus-visible,z-anchor-navigation nav>*>*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}z-anchor-navigation nav button{padding:0;border:none;margin:0;background-color:transparent}@media (min-width: 768px){z-anchor-navigation z-button.toggle{display:none !important}z-anchor-navigation nav{display:flex}z-anchor-navigation nav>*>:is(z-button,button){opacity:0;pointer-events:none}@media (hover: hover){z-anchor-navigation nav>:is([data-current],:hover,:focus,:focus-within)>:is(z-button,button){opacity:1;pointer-events:unset}z-anchor-navigation nav>*:hover{border-left-color:var(--color-hover-secondary);background-color:var(--color-hover-surface);color:var(--color-hover-link)}}z-anchor-navigation[hide-unselected] nav>*:not([data-current],:hover,:focus,:focus-within){color:transparent;fill:transparent}}";
 const ZAnchorNavigationStyle0 = stylesCss;
 
 const ZAnchorNavigation = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.hideUnselected = false;
+        this.autoCurrent = true;
         this.collapsed = false;
     }
     /**
-     * Set aria-current attribute to the anchors.
+     * Set `aria-current` attribute to the anchors.
      */
-    setAriaCurrent() {
+    setCurrent() {
+        const currentElement = Array.from(this.nav.querySelectorAll("a")).find((anchor) => anchor.href === this.host.ownerDocument.location.href);
         Array.from(this.nav.children).forEach((item) => {
             const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector("a");
-            const isCurrent = window.location.href === anchor.href;
+            const isCurrent = anchor === currentElement;
             anchor.setAttribute("aria-current", isCurrent.toString());
             item.toggleAttribute("data-current", isCurrent);
         });
@@ -28,15 +30,18 @@ const ZAnchorNavigation = class {
         this.collapsed = !this.collapsed;
     }
     componentDidLoad() {
-        window.addEventListener("hashchange", this.setAriaCurrent.bind(this));
-        this.setAriaCurrent();
+        if (this.autoCurrent) {
+            window.addEventListener("hashchange", this.setCurrent.bind(this));
+            this.setCurrent();
+        }
     }
     disconnectedCallback() {
-        window.removeEventListener("hashchange", this.setAriaCurrent);
+        window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: '334a479e907631a2f25b757b6a37d136a78eaa4b', collapsed: this.collapsed }, h("z-button", { key: 'cdfdae6b09a0f1b0f23004d9c56eaaf39d49e94e', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '11406c615df8d8c6779428d7275a8f77ff7484d0', ref: (el) => (this.nav = el) }, h("slot", { key: 'b33c4318e70c79d606d27a3a6e0aad5550f45442' }))));
+        return (h(Host, { key: '6869675f35b8ca58e36058d10ed89301d2b49034', collapsed: this.collapsed }, h("z-button", { key: 'd6bacaf89ac6731dacb2250793c7ffba4a43a989', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '0c308debc3e444015e1c8733af628d0b7a5d8b6e', ref: (el) => (this.nav = el) }, h("slot", { key: '02b49c5a23db78d839ba6320f1cbbd770cfa6d3f' }))));
     }
+    get host() { return getElement(this); }
 };
 ZAnchorNavigation.style = ZAnchorNavigationStyle0;
 

package/dist/esm/z-anchor-navigation.entry.js.map

@@ -1 +1 @@
-{"file":"z-anchor-navigation.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,48EAA48E,CAAC;AAC/9E,gCAAe,SAAS;;MCsBX,iBAAiB;;;8BAMX,KAAK;yBAMV,KAAK;;;;;IAQT,cAAc;QACpB,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;YACzC,MAAM,MAAM,GAAG,IAAI,YAAY,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAClF,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI,CAAC;YACvD,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC1D,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;SACjD,CAAC,CAAC;KACJ;;;;IAKO,eAAe;QACrB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;KAClC;IAED,gBAAgB;QACd,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACtE,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;KAC/D;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,SAAS,IAC7B,iEACE,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,cAAc,EACpD,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,cAG/B,EACX,4DAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAC/B,8DAAa,CACT,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/z-anchor-navigation/styles.css?tag=z-anchor-navigation","src/components/z-anchor-navigation/index.tsx"],"sourcesContent":["html {\n  scroll-behavior: smooth;\n}\n\nz-anchor-navigation nav {\n  display: none;\n  flex-direction: column;\n  justify-content: flex-start;\n  row-gap: calc(var(--space-unit) / 2);\n}\n\nz-anchor-navigation[collapsed] nav {\n  display: flex;\n  margin-top: var(--space-unit);\n}\n\nz-anchor-navigation nav a {\n  display: -webkit-box;\n  overflow: clip;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  -webkit-box-orient: vertical;\n  color: inherit;\n  font-weight: inherit;\n  -webkit-line-clamp: 2;\n  overflow-clip-margin: content-box;\n  text-decoration: none;\n}\n\nz-anchor-navigation nav * a:not(:only-child) {\n  padding-right: calc(var(--space-unit) * 5);\n}\n\n@supports not (overflow-clip-margin: content-box) {\n  z-anchor-navigation nav a {\n    display: inline-block;\n    overflow: hidden;\n    -webkit-line-clamp: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\nz-anchor-navigation nav > * {\n  position: relative;\n  border-left: var(--border-size-large) solid var(--color-surface04);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > [data-current] {\n  border-left-color: var(--color-primary01);\n  color: var(--color-link-primary);\n  font-weight: var(--font-sb);\n}\n\nz-anchor-navigation nav > * > *:is(z-button, button, z-icon) {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  transition: opacity 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\nz-anchor-navigation nav z-icon {\n  --z-icon-width: 16px;\n  --z-icon-height: 16px;\n\n  display: flex;\n  padding: calc(var(--space-unit) * 1.5);\n  fill: var(--color-default-icon);\n}\n\n@media (min-width: 768px) {\n  z-anchor-navigation z-button.toggle {\n    display: none !important;\n  }\n\n  z-anchor-navigation nav {\n    display: flex;\n  }\n\n  z-anchor-navigation nav a {\n    outline: none;\n  }\n\n  @media (hover: hover) {\n    z-anchor-navigation nav > *:hover {\n      border-left-color: var(--color-hover-secondary);\n      background-color: var(--color-hover-surface);\n      color: var(--color-hover-link);\n    }\n  }\n\n  z-anchor-navigation nav > *:is(:focus, :focus-within),\n  z-anchor-navigation nav :is(z-icon, button):focus:focus-visible {\n    box-shadow: var(--shadow-focus-primary);\n    outline: none;\n  }\n\n  z-anchor-navigation[hide-unselected] nav > *:not([data-current], :hover, :focus, :focus-within) {\n    color: transparent;\n  }\n\n  z-anchor-navigation\n    nav\n    > *:not([data-current], :hover, :focus, :focus-within)\n    > *:is(z-button, button, z-icon):not(:focus:focus-visible) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  @media (hover: none) {\n    z-anchor-navigation:not([hide-unselected]) nav > * > *:is(z-button, button, z-icon) {\n      opacity: 1;\n      pointer-events: all;\n    }\n  }\n}\n","import {Component, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant} from \"../../beans\";\n\n/**\n * * Anchor navigation component.\n * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.\n * @example\n * ```\n * <z-anchor-navigation>\n *  <div>\n *    <a href=\"#section-id\">Section name</a>\n *    <button type=\"button\">\n *      <z-icon name=\"share\" />\n *    </button>\n *  </div>\n * </z-anchor-navigation>\n * ```\n */\n@Component({\n  tag: \"z-anchor-navigation\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZAnchorNavigation {\n  /**\n   * If enabled, the text of each anchor will be hidden unless\n   * for the current one or the one the user is hovering.\n   */\n  @Prop({reflect: true})\n  hideUnselected = false;\n\n  /**\n   * Whether the mobile list is collapsed.\n   */\n  @State()\n  collapsed = false;\n\n  /** Reference to the nav element. */\n  private nav: HTMLElement;\n\n  /**\n   * Set aria-current attribute to the anchors.\n   */\n  private setAriaCurrent(): void {\n    Array.from(this.nav.children).forEach((item) => {\n      const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n      const isCurrent = window.location.href === anchor.href;\n      anchor.setAttribute(\"aria-current\", isCurrent.toString());\n      item.toggleAttribute(\"data-current\", isCurrent);\n    });\n  }\n\n  /**\n   * Toggle collapsed state.\n   */\n  private toggleCollapsed(): void {\n    this.collapsed = !this.collapsed;\n  }\n\n  componentDidLoad(): void {\n    window.addEventListener(\"hashchange\", this.setAriaCurrent.bind(this));\n    this.setAriaCurrent();\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener(\"hashchange\", this.setAriaCurrent);\n  }\n\n  render(): HTMLZAnchorNavigationElement {\n    return (\n      <Host collapsed={this.collapsed}>\n        <z-button\n          class=\"toggle\"\n          variant={ButtonVariant.SECONDARY}\n          icon={this.collapsed ? \"chevron-up\" : \"chevron-down\"}\n          onClick={this.toggleCollapsed.bind(this)}\n        >\n          salta a\n        </z-button>\n        <nav ref={(el) => (this.nav = el)}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"z-anchor-navigation.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,orEAAorE,CAAC;AACvsE,gCAAe,SAAS;;MCsBX,iBAAiB;;;8BAMX,KAAK;2BASR,IAAI;yBAMN,KAAK;;;;;IAUT,UAAU;QAChB,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CACpE,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAClE,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;YACzC,MAAM,MAAM,GAAG,IAAI,YAAY,iBAAiB,GAAG,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YAClF,MAAM,SAAS,GAAG,MAAM,KAAK,cAAc,CAAC;YAC5C,MAAM,CAAC,YAAY,CAAC,cAAc,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC1D,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC;SACjD,CAAC,CAAC;KACJ;;;;IAKO,eAAe;QACrB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;KAClC;IAED,gBAAgB;QACd,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YAClE,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;KACF;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3D;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,SAAS,EAAE,IAAI,CAAC,SAAS,IAC7B,iEACE,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,aAAa,CAAC,SAAS,EAChC,IAAI,EAAE,IAAI,CAAC,SAAS,GAAG,YAAY,GAAG,cAAc,EACpD,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,cAG/B,EACX,4DAAK,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,IAC/B,8DAAa,CACT,CACD,EACP;KACH;;;;;;;","names":[],"sources":["src/components/z-anchor-navigation/styles.css?tag=z-anchor-navigation","src/components/z-anchor-navigation/index.tsx"],"sourcesContent":["html {\n  scroll-behavior: smooth;\n}\n\nz-anchor-navigation nav {\n  display: none;\n  flex-direction: column;\n  justify-content: flex-start;\n  row-gap: calc(var(--space-unit) / 2);\n}\n\nz-anchor-navigation[collapsed] nav {\n  display: flex;\n  margin-top: var(--space-unit);\n}\n\nz-anchor-navigation nav a {\n  display: -webkit-box;\n  overflow: clip;\n  width: 100%;\n  box-sizing: border-box;\n  padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);\n  -webkit-box-orient: vertical;\n  color: inherit;\n  font-weight: inherit;\n  -webkit-line-clamp: 2;\n  overflow-clip-margin: content-box;\n  text-decoration: none;\n}\n\nz-anchor-navigation nav * a:not(:only-child) {\n  padding-right: calc(var(--space-unit) * 5);\n}\n\n@supports not (overflow-clip-margin: content-box) {\n  z-anchor-navigation nav a {\n    display: inline-block;\n    overflow: hidden;\n    -webkit-line-clamp: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n}\n\nz-anchor-navigation nav > * {\n  position: relative;\n  border-left: var(--border-size-large) solid var(--color-surface04);\n  color: var(--color-default-text);\n  font-family: var(--font-family-sans);\n  transition:\n    background-color 0.3s ease-in-out,\n    border-color 0.3s ease-in-out,\n    color 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > [data-current] {\n  border-left-color: var(--color-primary01);\n  color: var(--color-link-primary);\n  font-weight: var(--font-sb);\n}\n\nz-anchor-navigation nav > * > *:is(z-button, button) {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  transform: translateY(-50%);\n  transition: opacity 0.3s ease-in-out;\n}\n\nz-anchor-navigation nav > *:focus:focus-visible,\nz-anchor-navigation nav > * > *:focus:focus-visible {\n  box-shadow: var(--shadow-focus-primary);\n  outline: none;\n}\n\nz-anchor-navigation nav button {\n  padding: 0;\n  border: none;\n  margin: 0;\n  background-color: transparent;\n}\n\n@media (min-width: 768px) {\n  z-anchor-navigation z-button.toggle {\n    display: none !important;\n  }\n\n  z-anchor-navigation nav {\n    display: flex;\n  }\n\n  /* hide anchor actions by default... */\n  z-anchor-navigation nav > * > :is(z-button, button) {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  @media (hover: hover) {\n    /* ...show them only hovering/focusing the anchor */\n    z-anchor-navigation nav > :is([data-current], :hover, :focus, :focus-within) > :is(z-button, button) {\n      opacity: 1;\n      pointer-events: unset;\n    }\n\n    z-anchor-navigation nav > *:hover {\n      border-left-color: var(--color-hover-secondary);\n      background-color: var(--color-hover-surface);\n      color: var(--color-hover-link);\n    }\n  }\n\n  z-anchor-navigation[hide-unselected] nav > *:not([data-current], :hover, :focus, :focus-within) {\n    color: transparent;\n    fill: transparent;\n  }\n}\n","import {Component, Element, h, Host, Prop, State} from \"@stencil/core\";\nimport {ButtonVariant} from \"../../beans\";\n\n/**\n * Anchor navigation component.\n * @slot - Anchor navigation items. Use `<a>` elements inside. If you need an extra action element, use a wrapper around it and the anchor.\n * @example\n * ```\n * <z-anchor-navigation>\n *  <div>\n *    <a href=\"#section-id\">Section name</a>\n *    <button type=\"button\">\n *      <z-icon name=\"share\" />\n *    </button>\n *  </div>\n * </z-anchor-navigation>\n * ```\n */\n@Component({\n  tag: \"z-anchor-navigation\",\n  styleUrl: \"styles.css\",\n  shadow: false,\n})\nexport class ZAnchorNavigation {\n  /**\n   * If enabled, the text of each anchor will be hidden unless\n   * for the current one or the one the user is hovering.\n   */\n  @Prop({reflect: true})\n  hideUnselected = false;\n\n  /**\n   * Enables automatic inference of the current item, listening for hash change\n   * and checking the `href` of the slotted anchors.\n   * When disabled, the highlight of current item must be handled manually by setting the `data-current`\n   * attribute to the correct slotted items and the `aria-current` attribute to the anchors.\n   */\n  @Prop()\n  autoCurrent = true;\n\n  /**\n   * Whether the mobile list is collapsed.\n   */\n  @State()\n  collapsed = false;\n\n  @Element() host: HTMLZAnchorNavigationElement;\n\n  /** Reference to the nav element. */\n  private nav: HTMLElement;\n\n  /**\n   * Set `aria-current` attribute to the anchors.\n   */\n  private setCurrent(): void {\n    const currentElement = Array.from(this.nav.querySelectorAll(\"a\")).find(\n      (anchor) => anchor.href === this.host.ownerDocument.location.href\n    );\n    Array.from(this.nav.children).forEach((item) => {\n      const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector(\"a\");\n      const isCurrent = anchor === currentElement;\n      anchor.setAttribute(\"aria-current\", isCurrent.toString());\n      item.toggleAttribute(\"data-current\", isCurrent);\n    });\n  }\n\n  /**\n   * Toggle collapsed state.\n   */\n  private toggleCollapsed(): void {\n    this.collapsed = !this.collapsed;\n  }\n\n  componentDidLoad(): void {\n    if (this.autoCurrent) {\n      window.addEventListener(\"hashchange\", this.setCurrent.bind(this));\n      this.setCurrent();\n    }\n  }\n\n  disconnectedCallback(): void {\n    window.removeEventListener(\"hashchange\", this.setCurrent);\n  }\n\n  render(): HTMLZAnchorNavigationElement {\n    return (\n      <Host collapsed={this.collapsed}>\n        <z-button\n          class=\"toggle\"\n          variant={ButtonVariant.SECONDARY}\n          icon={this.collapsed ? \"chevron-up\" : \"chevron-down\"}\n          onClick={this.toggleCollapsed.bind(this)}\n        >\n          salta a\n        </z-button>\n        <nav ref={(el) => (this.nav = el)}>\n          <slot></slot>\n        </nav>\n      </Host>\n    );\n  }\n}\n"],"version":3}