@zanichelli/albe-web-components 6.1.0 → 6.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index-e3299e0a.js +34 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/web-components-library.cjs.js +1 -1
- package/dist/cjs/z-anchor-navigation.cjs.entry.js +53 -0
- package/dist/cjs/z-app-header_2.cjs.entry.js +153 -0
- package/dist/cjs/z-app-switcher.cjs.entry.js +29 -0
- package/dist/cjs/z-app-topbar.cjs.entry.js +41 -0
- package/dist/cjs/z-divider.cjs.entry.js +26 -0
- package/dist/cjs/z-input-label_2.cjs.entry.js +19 -3
- package/dist/cjs/z-input_2.cjs.entry.js +253 -0
- package/dist/cjs/z-link.cjs.entry.js +74 -0
- package/dist/cjs/{z-list_2.cjs.entry.js → z-list_3.cjs.entry.js} +51 -4
- package/dist/cjs/z-logo.cjs.entry.js +26 -0
- package/dist/cjs/{z-app-switcher_9.cjs.entry.js → z-range-picker.cjs.entry.js} +11 -439
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/inputs/z-select/index.js +35 -2
- package/dist/collection/components/inputs/z-select/styles.css +4 -0
- package/dist/collection/components/z-anchor-navigation/index.js +95 -0
- package/dist/collection/components/z-anchor-navigation/styles.css +118 -0
- package/dist/esm/index-a2ca4b97.js +34 -10
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{utils-39ca028c.js → utils-9e81727a.js} +1 -1
- package/dist/esm/web-components-library.js +1 -1
- package/dist/esm/z-anchor-navigation.entry.js +49 -0
- package/dist/esm/z-app-header_2.entry.js +148 -0
- package/dist/esm/z-app-switcher.entry.js +25 -0
- package/dist/esm/z-app-topbar.entry.js +37 -0
- package/dist/esm/z-chip.entry.js +1 -1
- package/dist/esm/z-combobox.entry.js +1 -1
- package/dist/esm/z-divider.entry.js +22 -0
- package/dist/esm/z-file-upload.entry.js +1 -1
- package/dist/esm/z-input-deprecated.entry.js +1 -1
- package/dist/esm/z-input-label_2.entry.js +20 -4
- package/dist/esm/z-input_2.entry.js +248 -0
- package/dist/esm/z-link.entry.js +70 -0
- package/dist/esm/{z-list_2.entry.js → z-list_3.entry.js} +51 -5
- package/dist/esm/z-logo.entry.js +22 -0
- package/dist/esm/z-menu-dropdown_2.entry.js +1 -1
- package/dist/esm/z-myz-card-info.entry.js +1 -1
- package/dist/esm/z-myz-list-item.entry.js +1 -1
- package/dist/esm/z-pagination-bar.entry.js +1 -1
- package/dist/esm/z-pocket_3.entry.js +1 -1
- package/dist/esm/z-popover-deprecated.entry.js +1 -1
- package/dist/esm/z-popover.entry.js +1 -1
- package/dist/esm/{z-app-switcher_9.entry.js → z-range-picker.entry.js} +3 -423
- package/dist/esm/z-skip-to-content.entry.js +1 -1
- package/dist/esm/z-slideshow.entry.js +1 -1
- package/dist/esm/z-table-header.entry.js +1 -1
- package/dist/esm/z-toggle-switch.entry.js +1 -1
- package/dist/types/beans/index.d.ts +1 -0
- package/dist/types/components/inputs/z-select/index.d.ts +3 -0
- package/dist/types/components/z-anchor-navigation/index.d.ts +39 -0
- package/dist/types/components.d.ts +23 -0
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-87fdd14f.js → p-16da5460.js} +1 -1
- package/dist/web-components-library/p-1cb23bbb.entry.js +1 -0
- package/dist/web-components-library/p-2774ab29.entry.js +1 -0
- package/dist/web-components-library/{p-23781e2b.entry.js → p-3ba1b96e.entry.js} +1 -1
- package/{www/build/p-ff18690f.entry.js → dist/web-components-library/p-40e0d384.entry.js} +1 -1
- package/dist/web-components-library/{p-5d4a6659.entry.js → p-41e2bb0f.entry.js} +1 -1
- package/dist/web-components-library/{p-ccf67abf.entry.js → p-4d93268a.entry.js} +1 -1
- package/dist/web-components-library/{p-35ceae27.entry.js → p-5c02e500.entry.js} +1 -1
- package/dist/web-components-library/{p-a6d6178a.entry.js → p-6b11cc16.entry.js} +1 -1
- package/dist/web-components-library/{p-1bd6592f.entry.js → p-7dd5431f.entry.js} +1 -1
- package/dist/web-components-library/{p-10b46635.entry.js → p-7ebdeefa.entry.js} +1 -1
- package/dist/web-components-library/p-9434d80c.entry.js +1 -0
- package/dist/web-components-library/{p-982254e5.entry.js → p-a17b363e.entry.js} +1 -1
- package/dist/web-components-library/p-a329f5ff.entry.js +1 -0
- package/dist/web-components-library/p-ae79573a.entry.js +1 -0
- package/dist/web-components-library/{p-3913bff2.entry.js → p-c3f29701.entry.js} +1 -1
- package/dist/web-components-library/{p-79b8d87e.entry.js → p-c75e80fb.entry.js} +1 -1
- package/dist/web-components-library/p-cea1f402.entry.js +1 -0
- package/dist/web-components-library/p-d572a365.entry.js +1 -0
- package/dist/web-components-library/{p-5c9556e3.entry.js → p-d5f6bf94.entry.js} +1 -1
- package/dist/web-components-library/{p-a79cc147.entry.js → p-db5a98d1.entry.js} +1 -1
- package/dist/web-components-library/{p-3a431f04.entry.js → p-dc2ca41d.entry.js} +1 -1
- package/{www/build/p-d3733579.entry.js → dist/web-components-library/p-e731914a.entry.js} +1 -1
- package/dist/web-components-library/p-e8fbb103.entry.js +1 -0
- package/dist/web-components-library/p-f0653e72.entry.js +1 -0
- package/dist/web-components-library/{p-4e733fbd.entry.js → p-f260c62b.entry.js} +1 -1
- package/dist/web-components-library/p-f8ef69c4.entry.js +1 -0
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +1 -1
- package/react/components.d.ts +1 -0
- package/react/components.js +4 -3
- package/react/components.js.map +1 -1
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-87fdd14f.js → p-16da5460.js} +1 -1
- package/www/build/p-1cb23bbb.entry.js +1 -0
- package/www/build/p-2774ab29.entry.js +1 -0
- package/www/build/{p-23781e2b.entry.js → p-3ba1b96e.entry.js} +1 -1
- package/{dist/web-components-library/p-ff18690f.entry.js → www/build/p-40e0d384.entry.js} +1 -1
- package/www/build/{p-5d4a6659.entry.js → p-41e2bb0f.entry.js} +1 -1
- package/www/build/{p-ccf67abf.entry.js → p-4d93268a.entry.js} +1 -1
- package/www/build/p-4d9ae314.js +1 -0
- package/www/build/{p-35ceae27.entry.js → p-5c02e500.entry.js} +1 -1
- package/www/build/{p-a6d6178a.entry.js → p-6b11cc16.entry.js} +1 -1
- package/www/build/{p-1bd6592f.entry.js → p-7dd5431f.entry.js} +1 -1
- package/www/build/{p-10b46635.entry.js → p-7ebdeefa.entry.js} +1 -1
- package/www/build/p-9434d80c.entry.js +1 -0
- package/www/build/{p-982254e5.entry.js → p-a17b363e.entry.js} +1 -1
- package/www/build/p-a329f5ff.entry.js +1 -0
- package/www/build/p-ae79573a.entry.js +1 -0
- package/www/build/{p-3913bff2.entry.js → p-c3f29701.entry.js} +1 -1
- package/www/build/{p-79b8d87e.entry.js → p-c75e80fb.entry.js} +1 -1
- package/www/build/p-cea1f402.entry.js +1 -0
- package/www/build/p-d572a365.entry.js +1 -0
- package/www/build/{p-5c9556e3.entry.js → p-d5f6bf94.entry.js} +1 -1
- package/www/build/{p-a79cc147.entry.js → p-db5a98d1.entry.js} +1 -1
- package/www/build/{p-3a431f04.entry.js → p-dc2ca41d.entry.js} +1 -1
- package/{dist/web-components-library/p-d3733579.entry.js → www/build/p-e731914a.entry.js} +1 -1
- package/www/build/p-e8fbb103.entry.js +1 -0
- package/www/build/p-f0653e72.entry.js +1 -0
- package/www/build/{p-4e733fbd.entry.js → p-f260c62b.entry.js} +1 -1
- package/www/build/p-f8ef69c4.entry.js +1 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -24
- package/dist/cjs/z-app-header.cjs.entry.js +0 -133
- package/dist/cjs/z-list-group.cjs.entry.js +0 -54
- package/dist/esm/z-app-header.entry.js +0 -129
- package/dist/esm/z-list-group.entry.js +0 -50
- package/dist/web-components-library/p-5f3baf14.entry.js +0 -1
- package/dist/web-components-library/p-bb95b82f.entry.js +0 -1
- package/dist/web-components-library/p-cbb3ea13.entry.js +0 -1
- package/dist/web-components-library/p-edf0195b.entry.js +0 -1
- package/www/build/p-36654297.js +0 -1
- package/www/build/p-5f3baf14.entry.js +0 -1
- package/www/build/p-bb95b82f.entry.js +0 -1
- package/www/build/p-cbb3ea13.entry.js +0 -1
- package/www/build/p-edf0195b.entry.js +0 -1
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy(JSON.parse("[[\"z-app-switcher_9\",[[1,\"z-app-topbar\",{\"theme\":[1],\"contentMaxWidth\":[2,\"content-max-width\"],\"topbarContent\":[1,\"topbar-content\"],\"logoLink\":[1,\"logo-link\"],\"showAppSwitcher\":[4,\"show-app-switcher\"],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]],[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],\"flatpickrPosition\":[32],\"activeInput\":[32],\"firstInputError\":[32],\"lastInputError\":[32]},[[18,\"click\",\"handleClick\"],[18,\"keyup\",\"handleKeyDown\"]]],[1,\"z-app-switcher\",{\"theme\":[1],\"isopen\":[32]}],[1,\"z-logo\",{\"width\":[2],\"height\":[2],\"imageAlt\":[1,\"image-alt\"],\"link\":[1],\"targetBlank\":[4,\"target-blank\"],\"mobileLogo\":[4,\"mobile-logo\"]}],[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[516],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"labelPosition\":[1,\"label-position\"],\"autocomplete\":[1],\"hasclearicon\":[4],\"icon\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"pattern\":[1],\"isTyping\":[32],\"passwordHidden\":[32],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[516],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}],[1,\"z-input-message\",{\"message\":[1],\"status\":[513]}],[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-footer\",[[1,\"z-footer\",{\"data\":[1],\"productName\":[1,\"product-name\"],\"productVersion\":[1,\"product-version\"],\"productCreditsLink\":[1,\"product-credits-link\"],\"showReportAProblemButton\":[4,\"show-report-a-problem-button\"],\"contentMaxWidth\":[2,\"content-max-width\"]},[[0,\"zLinkClick\",\"zLinkClickListener\"]]]]],[\"z-file-upload\",[[1,\"z-file-upload\",{\"type\":[513],\"buttonVariant\":[1,\"button-variant\"],\"acceptedFormat\":[1,\"accepted-format\"],\"fileMaxSize\":[2,\"file-max-size\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64]},[[0,\"removeFile\",\"removeFileListener\"],[0,\"fileDropped\",\"fileDroppedListener\"]]]]],[\"z-input-deprecated\",[[2,\"z-input-deprecated\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"labelafter\":[4],\"typingtimeout\":[2],\"items\":[1],\"autocomplete\":[8],\"multiple\":[4],\"hasclearicon\":[4],\"icon\":[1],\"isTyping\":[32],\"textareaWrapperHover\":[32],\"textareaWrapperFocus\":[32],\"passwordHidden\":[32],\"getValue\":[64],\"setValue\":[64],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-modal-login\",[[6,\"z-modal-login\",{\"forgotPasswordUrl\":[1,\"forgot-password-url\"],\"heading\":[1],\"status\":[1025],\"message\":[1],\"pwdmessage\":[1],\"externalProviderCheck\":[32]}]]],[\"z-myz-topbar\",[[1,\"z-myz-topbar\",{\"intlinkdata\":[1],\"extlinkdata\":[1],\"userdata\":[1],\"ismyz\":[4],\"logolink\":[1],\"imagealt\":[1],\"activeintlinkid\":[1],\"activesublinkid\":[1],\"hideloginbutton\":[4],\"activeMenuItem\":[32],\"currentMenuItem\":[32],\"isMobile\":[32],\"isMenuMobileOpen\":[32]},[[9,\"resize\",\"handleResize\"],[2,\"zListItemLinkClick\",\"handleZListItemLinkClick\"],[2,\"zListItemClick\",\"handleZListItemClick\"]]]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[513,\"popover-position\"]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-table\",[[4,\"z-table\",{\"lines\":[514],\"errorMessage\":[1,\"error-message\"],\"bordered\":[4],\"callToActionLabel\":[1,\"call-to-action-label\"],\"callToActionTwoLabel\":[1,\"call-to-action-two-label\"],\"columnSticky\":[4,\"column-sticky\"],\"empty\":[4],\"error\":[4],\"errorLink\":[1,\"error-link\"],\"headerSticky\":[4,\"header-sticky\"],\"message\":[1],\"subtitle\":[1],\"hasTableBody\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pagination\",[[0,\"z-pagination\",{\"label\":[1],\"navArrows\":[4,\"nav-arrows\"],\"totalPages\":[2,\"total-pages\"],\"skip\":[2],\"edges\":[4],\"split\":[2],\"visiblePages\":[2,\"visible-pages\"],\"currentPage\":[1026,\"current-page\"],\"goToPage\":[4,\"go-to-page\"],\"_visiblePages\":[32],\"isMobile\":[32],\"goToPageValue\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-carousel\",[[4,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"label\":[1],\"single\":[4],\"arrowsPosition\":[1,\"arrows-position\"],\"progressMode\":[1,\"progress-mode\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"],\"current\":[32],\"items\":[32]}]]],[\"z-cookiebar\",[[1,\"z-cookiebar\",{\"cookiepolicyurl\":[1],\"hide\":[4],\"callback\":[16]}]]],[\"z-date-picker\",[[4,\"z-date-picker\",{\"datePickerId\":[1,\"date-picker-id\"],\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"mode\":[1],\"flatpickrPosition\":[32],\"inputError\":[32]},[[18,\"keydown\",\"handleKeyDown\"]]]]],[\"z-file\",[[2,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"fileName\":[1,\"file-name\"],\"allowPopover\":[32],\"popoverVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[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-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-pagination-bar\",[[1,\"z-pagination-bar\",{\"pages\":[2],\"visiblepages\":[2],\"currentpage\":[1026],\"startpage\":[1026],\"historyraw\":[1],\"listhistoryrow\":[1040],\"currentPages\":[32]}]]],[\"z-panel-elem\",[[1,\"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-skip-to-content\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-user-dropdown\",[[1,\"z-user-dropdown\",{\"logged\":[4],\"userFullName\":[1,\"user-full-name\"],\"userEmail\":[1,\"user-email\"],\"menuContent\":[1,\"menu-content\"],\"useInverseColors\":[4,\"use-inverse-colors\"],\"isMenuOpen\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"],[8,\"click\",\"handleClickOutside\"]]]]],[\"z-app-header\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"stucked\":[32],\"menuLength\":[32]}]]],[\"z-button-deprecated\",[[1,\"z-button-deprecated\",{\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513],\"issmall\":[516],\"square\":[516]}]]],[\"z-button-filter\",[[1,\"z-button-filter\",{\"filtername\":[1],\"isfixed\":[4],\"hasicon\":[4],\"filterid\":[1],\"issmall\":[4]}]]],[\"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\"],\"clickable\":[516],\"showshadow\":[516],\"hasCoverImage\":[32]},[[0,\"click\",\"onClick\"]]]]],[\"z-icon-package\",[[1,\"z-icon-package\"]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-info-reveal\",[[1,\"z-info-reveal\",{\"icon\":[1],\"position\":[513],\"label\":[1],\"open\":[32],\"currentIndex\":[32]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tab\",[[0,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"icon\":[1],\"label\":[1],\"htmlTitle\":[1,\"html-title\"]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tab-link\",[[0,\"z-navigation-tab-link\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"htmlTitle\":[1,\"html-title\"],\"target\":[1],\"href\":[1],\"icon\":[1],\"label\":[1]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"onTabSelected\"]]]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-section-title\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-status-tag\",[[1,\"z-status-tag\",{\"icon\":[1],\"text\":[1],\"expandable\":[4],\"status\":[513],\"variant\":[1]}]]],[\"z-tag\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}]]],[\"z-toast-notification\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"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\"]},[[0,\"openChange\",\"onPopoverOpenChange\"]]]]],[\"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-chip-deprecated\",[[1,\"z-chip-deprecated\",{\"regulartext\":[1],\"boldtext\":[2]}]]],[\"z-cover-hero\",[[1,\"z-cover-hero\",{\"variant\":[513],\"contentPosition\":[513,\"content-position\"]}]]],[\"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-offcanvas\",[[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513]}]]],[\"z-popover-deprecated\",[[6,\"z-popover-deprecated\",{\"position\":[1],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[1,\"border-radius\"],\"boxShadow\":[1,\"box-shadow\"],\"showArrow\":[4,\"show-arrow\"],\"padding\":[1],\"isVisible\":[32],\"popoverPosition\":[32]},[[0,\"closePopover\",\"closePopover\"],[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-table-body\",[[6,\"z-table-body\"]]],[\"z-table-expanded-row\",[[1,\"z-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-table-footer\",[[6,\"z-table-footer\"]]],[\"z-table-head\",[[6,\"z-table-head\"]]],[\"z-table-sticky-footer\",[[6,\"z-table-sticky-footer\"]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[513],\"newestontop\":[4]}]]],[\"z-tooltip-deprecated\",[[1,\"z-tooltip-deprecated\",{\"content\":[1],\"type\":[1025],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"position\":[32]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"z-table-header\",[[1,\"z-table-header\",{\"columnId\":[1,\"column-id\"],\"padding\":[513],\"sortable\":[4],\"showButton\":[4,\"show-button\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortDirection\":[1025,\"sort-direction\"]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-chip\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516]}]]],[\"z-list-group\",[[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-candybar\",[[1,\"z-candybar\"]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-pagination-page\",[[1,\"z-pagination-page\",{\"pageid\":[1],\"value\":[2],\"isselected\":[4],\"isdisabled\":[4],\"isvisited\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-input-label_2\",[[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],\"isOpen\":[32],\"selectedItem\":[32],\"searchString\":[32],\"getSelectedItem\":[64],\"getValue\":[64],\"setValue\":[64]}],[1,\"z-input-label\",{\"value\":[1],\"disabled\":[4],\"htmlfor\":[1]}]]],[\"z-menu-dropdown_2\",[[1,\"z-menu-dropdown\",{\"nomeutente\":[1],\"menucontent\":[1],\"buttonid\":[1],\"ismenuopen\":[32]}],[1,\"z-myz-list\",{\"inputrawdata\":[1],\"list\":[1040]}]]],[\"z-dragdrop-area_2\",[[1,\"z-dragdrop-area\"],[1,\"z-heading\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-modal\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"]}]]],[\"z-footer-link_3\",[[1,\"z-footer-section\",{\"name\":[1],\"isOpen\":[32]}],[1,\"z-footer-link\",{\"href\":[1]}],[1,\"z-footer-social\",{\"icon\":[1],\"href\":[1],\"description\":[1]}]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-pocket_3\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]],[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]],[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-myz-card_4\",[[1,\"z-myz-card\",{\"faded\":[4],\"cardtype\":[1],\"ispressed\":[4],\"ishighlighted\":[4]}],[1,\"z-myz-card-body\"],[1,\"z-myz-card-cover\",{\"img\":[1],\"titolo\":[1],\"faded\":[4],\"defaultimg\":[1]}],[1,\"z-myz-card-header\",{\"titolo\":[1],\"faded\":[4],\"cardtype\":[1],\"allowTooltip\":[32]}]]],[\"z-list_2\",[[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"isContextualMenu\":[516,\"is-contextual-menu\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list\",{\"size\":[513]}]]],[\"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\"]]]]],[\"z-button\",[[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"href\":[1],\"target\":[1],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}]]],[\"z-body_2\",[[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}],[1,\"z-typography\",{\"level\":[1],\"variant\":[1],\"component\":[1]}]]]]"), options);
|
|
16
|
+
return bootstrapLazy(JSON.parse("[[\"z-app-header_2\",[[1,\"z-app-header\",{\"stuck\":[516],\"hero\":[1],\"overlay\":[516],\"flow\":[513],\"drawerOpen\":[516,\"drawer-open\"],\"stucked\":[32],\"menuLength\":[32]}],[1,\"z-icon\",{\"name\":[1],\"height\":[2],\"width\":[2],\"iconid\":[1],\"fill\":[1]}]]],[\"z-input-deprecated\",[[2,\"z-input-deprecated\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[4],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"hasmessage\":[4],\"message\":[1],\"labelafter\":[4],\"typingtimeout\":[2],\"items\":[1],\"autocomplete\":[8],\"multiple\":[4],\"hasclearicon\":[4],\"icon\":[1],\"isTyping\":[32],\"textareaWrapperHover\":[32],\"textareaWrapperFocus\":[32],\"passwordHidden\":[32],\"getValue\":[64],\"setValue\":[64],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-footer\",[[1,\"z-footer\",{\"data\":[1],\"productName\":[1,\"product-name\"],\"productVersion\":[1,\"product-version\"],\"productCreditsLink\":[1,\"product-credits-link\"],\"showReportAProblemButton\":[4,\"show-report-a-problem-button\"],\"contentMaxWidth\":[2,\"content-max-width\"]},[[0,\"zLinkClick\",\"zLinkClickListener\"]]]]],[\"z-file-upload\",[[1,\"z-file-upload\",{\"type\":[513],\"buttonVariant\":[1,\"button-variant\"],\"acceptedFormat\":[1,\"accepted-format\"],\"fileMaxSize\":[2,\"file-max-size\"],\"mainTitle\":[1,\"main-title\"],\"description\":[1],\"files\":[32],\"invalidFiles\":[32],\"getFiles\":[64]},[[0,\"removeFile\",\"removeFileListener\"],[0,\"fileDropped\",\"fileDroppedListener\"]]]]],[\"z-modal-login\",[[6,\"z-modal-login\",{\"forgotPasswordUrl\":[1,\"forgot-password-url\"],\"heading\":[1],\"status\":[1025],\"message\":[1],\"pwdmessage\":[1],\"externalProviderCheck\":[32]}]]],[\"z-myz-topbar\",[[1,\"z-myz-topbar\",{\"intlinkdata\":[1],\"extlinkdata\":[1],\"userdata\":[1],\"ismyz\":[4],\"logolink\":[1],\"imagealt\":[1],\"activeintlinkid\":[1],\"activesublinkid\":[1],\"hideloginbutton\":[4],\"activeMenuItem\":[32],\"currentMenuItem\":[32],\"isMobile\":[32],\"isMenuMobileOpen\":[32]},[[9,\"resize\",\"handleResize\"],[2,\"zListItemLinkClick\",\"handleZListItemLinkClick\"],[2,\"zListItemClick\",\"handleZListItemClick\"]]]]],[\"z-combobox\",[[1,\"z-combobox\",{\"inputid\":[1],\"items\":[1],\"label\":[1],\"hassearch\":[4],\"searchlabel\":[1],\"searchplaceholder\":[1],\"searchtitle\":[1],\"noresultslabel\":[1],\"isopen\":[1028],\"isfixed\":[4],\"closesearchtext\":[1],\"hascheckall\":[4],\"checkalltext\":[1],\"uncheckalltext\":[1],\"maxcheckableitems\":[2],\"searchValue\":[32],\"selectedCounter\":[32],\"renderItemsList\":[32]},[[0,\"inputCheck\",\"inputCheckListener\"]]]]],[\"z-contextual-menu\",[[1,\"z-contextual-menu\",{\"elements\":[1],\"color\":[1],\"popoverPosition\":[513,\"popover-position\"]}]]],[\"z-myz-card-dictionary\",[[1,\"z-myz-card-dictionary\",{\"name\":[1],\"cover\":[1],\"disabled\":[4],\"flipped\":[1028],\"flipbuttonlabel\":[1],\"hideinfobtn\":[4]},[[0,\"flipCard\",\"handleFlipCard\"]]]]],[\"z-app-topbar\",[[1,\"z-app-topbar\",{\"theme\":[1],\"contentMaxWidth\":[2,\"content-max-width\"],\"topbarContent\":[1,\"topbar-content\"],\"logoLink\":[1,\"logo-link\"],\"showAppSwitcher\":[4,\"show-app-switcher\"],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"]]]]],[\"z-table\",[[4,\"z-table\",{\"lines\":[514],\"errorMessage\":[1,\"error-message\"],\"bordered\":[4],\"callToActionLabel\":[1,\"call-to-action-label\"],\"callToActionTwoLabel\":[1,\"call-to-action-two-label\"],\"columnSticky\":[4,\"column-sticky\"],\"empty\":[4],\"error\":[4],\"errorLink\":[1,\"error-link\"],\"headerSticky\":[4,\"header-sticky\"],\"message\":[1],\"subtitle\":[1],\"hasTableBody\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"]]]]],[\"z-messages-pocket\",[[1,\"z-messages-pocket\",{\"pocketid\":[1],\"messages\":[2],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]]]],[\"z-pagination\",[[0,\"z-pagination\",{\"label\":[1],\"navArrows\":[4,\"nav-arrows\"],\"totalPages\":[2,\"total-pages\"],\"skip\":[2],\"edges\":[4],\"split\":[2],\"visiblePages\":[2,\"visible-pages\"],\"currentPage\":[1026,\"current-page\"],\"goToPage\":[4,\"go-to-page\"],\"_visiblePages\":[32],\"isMobile\":[32],\"goToPageValue\":[32]},[[9,\"resize\",\"onResize\"]]]]],[\"z-table-header-row\",[[4,\"z-table-header-row\",{\"expandable\":[516]}]]],[\"z-carousel\",[[4,\"z-carousel\",{\"isLoading\":[4,\"is-loading\"],\"label\":[1],\"single\":[4],\"arrowsPosition\":[1,\"arrows-position\"],\"progressMode\":[1,\"progress-mode\"],\"ghostLoadingHeight\":[2,\"ghost-loading-height\"],\"current\":[32],\"items\":[32]}]]],[\"z-cookiebar\",[[1,\"z-cookiebar\",{\"cookiepolicyurl\":[1],\"hide\":[4],\"callback\":[16]}]]],[\"z-date-picker\",[[4,\"z-date-picker\",{\"datePickerId\":[1,\"date-picker-id\"],\"ariaLabel\":[1,\"aria-label\"],\"label\":[1],\"mode\":[1],\"flatpickrPosition\":[32],\"inputError\":[32]},[[18,\"keydown\",\"handleKeyDown\"]]]]],[\"z-file\",[[2,\"z-file\",{\"fileNumber\":[2,\"file-number\"],\"fileName\":[1,\"file-name\"],\"allowPopover\":[32],\"popoverVisible\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseleave\",\"onMouseLeave\"],[0,\"interactiveIconClick\",\"onInteractiveIconClick\"]]]]],[\"z-range-picker\",[[0,\"z-range-picker\",{\"rangePickerId\":[1,\"range-picker-id\"],\"firstAriaLabel\":[1,\"first-aria-label\"],\"firstLabel\":[1,\"first-label\"],\"secondAriaLabel\":[1,\"second-aria-label\"],\"secondLabel\":[1,\"second-label\"],\"mode\":[1],\"flatpickrPosition\":[32],\"activeInput\":[32],\"firstInputError\":[32],\"lastInputError\":[32]},[[18,\"click\",\"handleClick\"],[18,\"keyup\",\"handleKeyDown\"]]]]],[\"z-table-row\",[[4,\"z-table-row\",{\"expandedType\":[513,\"expanded-type\"],\"expanded\":[32]}]]],[\"z-anchor-navigation\",[[4,\"z-anchor-navigation\",{\"hideUnselected\":[516,\"hide-unselected\"],\"collapsed\":[32]}]]],[\"z-myz-card-alert\",[[1,\"z-myz-card-alert\",{\"iconname\":[1],\"contenttext\":[1],\"actiontext\":[1],\"type\":[1]}]]],[\"z-myz-card-info\",[[1,\"z-myz-card-info\",{\"data\":[1],\"htmltabindex\":[2],\"hiddenContent\":[32],\"tooltip\":[32]}]]],[\"z-otp\",[[1,\"z-otp\",{\"inputNum\":[2,\"input-num\"],\"status\":[1],\"message\":[1]}]]],[\"z-pagination-bar\",[[1,\"z-pagination-bar\",{\"pages\":[2],\"visiblepages\":[2],\"currentpage\":[1026],\"startpage\":[1026],\"historyraw\":[1],\"listhistoryrow\":[1040],\"currentPages\":[32]}]]],[\"z-panel-elem\",[[1,\"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-skip-to-content\",[[2,\"z-skip-to-content\",{\"variant\":[513],\"links\":[1025],\"visible\":[32],\"visibleLink\":[32]},[[4,\"focusout\",\"handleFocusOutSkipToContent\"],[4,\"focusin\",\"handleFocusSkipToContent\"]]]]],[\"z-user-dropdown\",[[1,\"z-user-dropdown\",{\"logged\":[4],\"userFullName\":[1,\"user-full-name\"],\"userEmail\":[1,\"user-email\"],\"menuContent\":[1,\"menu-content\"],\"useInverseColors\":[4,\"use-inverse-colors\"],\"isMenuOpen\":[32],\"isMobile\":[32]},[[9,\"resize\",\"handleResize\"],[8,\"orientationchange\",\"handleOrientationChange\"],[8,\"click\",\"handleClickOutside\"]]]]],[\"z-button-deprecated\",[[1,\"z-button-deprecated\",{\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513],\"issmall\":[516],\"square\":[516]}]]],[\"z-button-filter\",[[1,\"z-button-filter\",{\"filtername\":[1],\"isfixed\":[4],\"hasicon\":[4],\"filterid\":[1],\"issmall\":[4]}]]],[\"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\"],\"clickable\":[516],\"showshadow\":[516],\"hasCoverImage\":[32]},[[0,\"click\",\"onClick\"]]]]],[\"z-icon-package\",[[1,\"z-icon-package\"]]],[\"z-info-box\",[[1,\"z-info-box\",{\"boxid\":[1],\"isclosable\":[4]}]]],[\"z-info-reveal\",[[1,\"z-info-reveal\",{\"icon\":[1],\"position\":[513],\"label\":[1],\"open\":[32],\"currentIndex\":[32]}]]],[\"z-menu\",[[1,\"z-menu\",{\"active\":[516],\"floating\":[516],\"open\":[1540],\"hasHeader\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-menu-section\",[[1,\"z-menu-section\",{\"active\":[516],\"open\":[32],\"hasContent\":[32]},[[4,\"click\",\"handleClick\"]]]]],[\"z-myz-card-icon\",[[1,\"z-myz-card-icon\",{\"icon\":[1],\"isdisabled\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-navigation-tab\",[[0,\"z-navigation-tab\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"icon\":[1],\"label\":[1],\"htmlTitle\":[1,\"html-title\"]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tab-link\",[[0,\"z-navigation-tab-link\",{\"selected\":[1540],\"disabled\":[516],\"orientation\":[513],\"size\":[513],\"htmlTitle\":[1,\"html-title\"],\"target\":[1],\"href\":[1],\"icon\":[1],\"label\":[1]},[[0,\"click\",\"onClick\"]]]]],[\"z-navigation-tabs\",[[1,\"z-navigation-tabs\",{\"orientation\":[513],\"size\":[513],\"canNavigate\":[32],\"canNavigatePrev\":[32],\"canNavigateNext\":[32]},[[9,\"resize\",\"checkScrollVisible\"],[0,\"selected\",\"onTabSelected\"]]]]],[\"z-notification\",[[1,\"z-notification\",{\"contenticonname\":[1],\"actiontext\":[1],\"type\":[513],\"showclose\":[4],\"showshadow\":[516],\"sticky\":[516]}]]],[\"z-pocket-message\",[[1,\"z-pocket-message\"]]],[\"z-section-title\",[[1,\"z-section-title\",{\"dividerPosition\":[1,\"divider-position\"],\"uppercase\":[516]}]]],[\"z-slideshow\",[[1,\"z-slideshow\",{\"slideshowid\":[1],\"data\":[1],\"device\":[32],\"currentSlide\":[32]}]]],[\"z-status-tag\",[[1,\"z-status-tag\",{\"icon\":[1],\"text\":[1],\"expandable\":[4],\"status\":[513],\"variant\":[1]}]]],[\"z-tag\",[[6,\"z-tag\",{\"icon\":[1],\"expandable\":[4]}]]],[\"z-toast-notification\",[[1,\"z-toast-notification\",{\"heading\":[1],\"message\":[1],\"closebutton\":[4],\"autoclose\":[2],\"pauseonfocusloss\":[4],\"type\":[1],\"isdraggable\":[4],\"draggablepercentage\":[2],\"transition\":[1],\"percentage\":[32]}]]],[\"z-toggle-button\",[[1,\"z-toggle-button\",{\"label\":[1],\"isdisabled\":[4],\"avoidclick\":[4],\"opened\":[1028]}]]],[\"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\"]},[[0,\"openChange\",\"onPopoverOpenChange\"]]]]],[\"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-chip-deprecated\",[[1,\"z-chip-deprecated\",{\"regulartext\":[1],\"boldtext\":[2]}]]],[\"z-cover-hero\",[[1,\"z-cover-hero\",{\"variant\":[513],\"contentPosition\":[513,\"content-position\"]}]]],[\"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-offcanvas\",[[6,\"z-offcanvas\",{\"variant\":[513],\"open\":[1540],\"transitiondirection\":[513]}]]],[\"z-popover-deprecated\",[[6,\"z-popover-deprecated\",{\"position\":[1],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[1,\"border-radius\"],\"boxShadow\":[1,\"box-shadow\"],\"showArrow\":[4,\"show-arrow\"],\"padding\":[1],\"isVisible\":[32],\"popoverPosition\":[32]},[[0,\"closePopover\",\"closePopover\"],[8,\"keyup\",\"closePopoverWithKeyboard\"],[18,\"click\",\"handleOutsideClick\"]]]]],[\"z-stepper\",[[1,\"z-stepper\"]]],[\"z-stepper-item\",[[1,\"z-stepper-item\",{\"index\":[2],\"href\":[1],\"pressed\":[4],\"disabled\":[4]}]]],[\"z-table-body\",[[6,\"z-table-body\"]]],[\"z-table-expanded-row\",[[1,\"z-table-expanded-row\",{\"colSpan\":[2,\"col-span\"]}]]],[\"z-table-footer\",[[6,\"z-table-footer\"]]],[\"z-table-head\",[[6,\"z-table-head\"]]],[\"z-table-sticky-footer\",[[6,\"z-table-sticky-footer\"]]],[\"z-toast-notification-list\",[[1,\"z-toast-notification-list\",{\"position\":[513],\"newestontop\":[4]}]]],[\"z-tooltip-deprecated\",[[1,\"z-tooltip-deprecated\",{\"content\":[1],\"type\":[1025],\"open\":[1540],\"bindTo\":[1,\"bind-to\"],\"position\":[32]}]]],[\"z-visually-hidden\",[[1,\"z-visually-hidden\"]]],[\"z-button\",[[6,\"z-button\",{\"ariaLabel\":[513,\"aria-label\"],\"href\":[1],\"target\":[1],\"htmlid\":[1],\"name\":[1],\"disabled\":[516],\"type\":[1],\"variant\":[513],\"icon\":[1],\"size\":[513]}]]],[\"z-table-header\",[[1,\"z-table-header\",{\"columnId\":[1,\"column-id\"],\"padding\":[513],\"sortable\":[4],\"showButton\":[4,\"show-button\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortDirection\":[1025,\"sort-direction\"]},[[18,\"click\",\"handleOutsideClick\"],[18,\"click\",\"handleClickHeaders\"]]]]],[\"z-table-cell\",[[1,\"z-table-cell\",{\"showButton\":[4,\"show-button\"],\"padding\":[513],\"isMenuOpened\":[32]}]]],[\"z-table-empty-box\",[[6,\"z-table-empty-box\",{\"message\":[1],\"subtitle\":[1]}]]],[\"z-app-switcher\",[[1,\"z-app-switcher\",{\"theme\":[1],\"isopen\":[32]}]]],[\"z-chip\",[[6,\"z-chip\",{\"icon\":[1],\"type\":[513],\"interactiveIcon\":[513,\"interactive-icon\"],\"disabled\":[516]}]]],[\"z-alert\",[[1,\"z-alert\",{\"type\":[1]}]]],[\"z-candybar\",[[1,\"z-candybar\"]]],[\"z-ghost-loading\",[[1,\"z-ghost-loading\"]]],[\"z-pagination-page\",[[1,\"z-pagination-page\",{\"pageid\":[1],\"value\":[2],\"isselected\":[4],\"isdisabled\":[4],\"isvisited\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"z-input-label_2\",[[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\"],\"isOpen\":[32],\"selectedItem\":[32],\"searchString\":[32],\"getSelectedItem\":[64],\"getValue\":[64],\"setValue\":[64]}],[1,\"z-input-label\",{\"value\":[1],\"disabled\":[4],\"htmlfor\":[1]}]]],[\"z-link\",[[1,\"z-link\",{\"htmlid\":[1],\"href\":[1],\"target\":[1],\"htmltabindex\":[2],\"isdisabled\":[4],\"isactive\":[4],\"iswhite\":[4],\"textcolor\":[1],\"icon\":[1],\"big\":[516],\"iconposition\":[1],\"underline\":[4],\"iconSize\":[32]}]]],[\"z-menu-dropdown_2\",[[1,\"z-menu-dropdown\",{\"nomeutente\":[1],\"menucontent\":[1],\"buttonid\":[1],\"ismenuopen\":[32]}],[1,\"z-myz-list\",{\"inputrawdata\":[1],\"list\":[1040]}]]],[\"z-dragdrop-area_2\",[[1,\"z-dragdrop-area\"],[1,\"z-heading\",{\"level\":[2],\"variant\":[1],\"component\":[1]}]]],[\"z-modal\",[[1,\"z-modal\",{\"modalid\":[1],\"modaltitle\":[1],\"modalsubtitle\":[1],\"closeButtonLabel\":[1,\"close-button-label\"]}]]],[\"z-footer-link_3\",[[1,\"z-footer-section\",{\"name\":[1],\"isOpen\":[32]}],[1,\"z-footer-link\",{\"href\":[1]}],[1,\"z-footer-social\",{\"icon\":[1],\"href\":[1],\"description\":[1]}]]],[\"z-myz-list-item\",[[1,\"z-myz-list-item\",{\"text\":[1],\"link\":[1],\"linktarget\":[1],\"icon\":[1],\"listitemid\":[1],\"action\":[1],\"underlined\":[4]}]]],[\"z-pocket_3\",[[1,\"z-pocket\",{\"pocketid\":[1],\"status\":[1025],\"open\":[64],\"close\":[64]},[[0,\"pocketHeaderClick\",\"handlePocketHeaderClick\"],[0,\"pocketHeaderPan\",\"handlePocketHeaderPan\"]]],[1,\"z-pocket-body\",{\"pocketid\":[1],\"status\":[1025]},[[16,\"pocketToggle\",\"handlePocketToggle\"]]],[1,\"z-pocket-header\",{\"pocketid\":[1]}]]],[\"z-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_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\"]]]]],[\"z-divider\",[[2,\"z-divider\",{\"size\":[1],\"color\":[1],\"orientation\":[1]}]]],[\"z-list_3\",[[1,\"z-list-element\",{\"alignButton\":[513,\"align-button\"],\"clickable\":[516],\"dividerColor\":[1,\"divider-color\"],\"dividerType\":[1,\"divider-type\"],\"dividerSize\":[1,\"divider-size\"],\"expandable\":[516],\"expandableStyle\":[1,\"expandable-style\"],\"listElementId\":[514,\"list-element-id\"],\"size\":[513],\"color\":[513],\"disabled\":[516],\"isContextualMenu\":[516,\"is-contextual-menu\"],\"showInnerContent\":[32]},[[4,\"accessibleFocus\",\"accessibleFocusHandler\"]]],[1,\"z-list-group\",{\"size\":[513],\"dividerType\":[513,\"divider-type\"],\"dividerSize\":[513,\"divider-size\"],\"dividerColor\":[513,\"divider-color\"]}],[1,\"z-list\",{\"size\":[513]}]]],[\"z-input_2\",[[2,\"z-input\",{\"htmlid\":[1],\"type\":[1],\"name\":[1],\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"value\":[1025],\"disabled\":[516],\"readonly\":[4],\"required\":[4],\"checked\":[1028],\"placeholder\":[1],\"htmltitle\":[1],\"status\":[1],\"message\":[8],\"labelPosition\":[1,\"label-position\"],\"autocomplete\":[1],\"hasclearicon\":[4],\"icon\":[1],\"min\":[2],\"max\":[2],\"step\":[2],\"pattern\":[1],\"isTyping\":[32],\"passwordHidden\":[32],\"isChecked\":[64]},[[4,\"inputCheck\",\"inputCheckListener\"]]],[1,\"z-input-message\",{\"message\":[1],\"status\":[513]}]]],[\"z-body_2\",[[1,\"z-body\",{\"level\":[2],\"variant\":[1],\"component\":[1]}],[1,\"z-typography\",{\"level\":[1],\"variant\":[1],\"component\":[1]}]]]]"), options);
|
|
17
17
|
});
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
|
|
2
|
+
import { B as ButtonVariant } from './index-9d028352.js';
|
|
3
|
+
|
|
4
|
+
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:not([hide-unselected],[hide-unselected=\"true\"]) nav>*{color:var(--color-text01)}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) * 6)}@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);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:is([hide-unselected],[hide-unselected=\"true\"]) nav>*:not([current],[current=\"true\"],:hover,:focus-within){color:transparent}z-anchor-navigation nav>[current]{border-left-color:var(--color-primary01);color:var(--color-link-primary);font-weight:var(--font-sb)}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(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>*:hover>*:is(z-button,button,z-icon){cursor:pointer;opacity:1}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-icon02)}@media (hover: hover){z-anchor-navigation nav>*>*:is(z-button,button,z-icon){opacity:0}}@media (min-width: 768px){z-anchor-navigation z-button{display:none !important}z-anchor-navigation nav{display:flex}}";
|
|
5
|
+
|
|
6
|
+
const ZAnchorNavigation = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
/**
|
|
10
|
+
* If enabled, the text of each anchor will be hidden unless
|
|
11
|
+
* for the current one or the one the user is hovering.
|
|
12
|
+
*/
|
|
13
|
+
this.hideUnselected = false;
|
|
14
|
+
/**
|
|
15
|
+
* Whether the mobile list is collapsed.
|
|
16
|
+
*/
|
|
17
|
+
this.collapsed = false;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Set aria-current attribute to the anchors and `current` to nav children.
|
|
21
|
+
*/
|
|
22
|
+
setAriaCurrent() {
|
|
23
|
+
Array.from(this.nav.children).forEach((item) => {
|
|
24
|
+
const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector("a");
|
|
25
|
+
const isCurrent = window.location.href === anchor.href;
|
|
26
|
+
anchor.setAttribute("aria-current", isCurrent.toString());
|
|
27
|
+
item.toggleAttribute("current", isCurrent);
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
/**
|
|
31
|
+
* Toggle collapsed state.
|
|
32
|
+
*/
|
|
33
|
+
toggleCollapsed() {
|
|
34
|
+
this.collapsed = !this.collapsed;
|
|
35
|
+
}
|
|
36
|
+
componentDidLoad() {
|
|
37
|
+
window.addEventListener("hashchange", this.setAriaCurrent.bind(this));
|
|
38
|
+
this.setAriaCurrent();
|
|
39
|
+
}
|
|
40
|
+
disconnectedCallback() {
|
|
41
|
+
window.removeEventListener("hashchange", this.setAriaCurrent);
|
|
42
|
+
}
|
|
43
|
+
render() {
|
|
44
|
+
return (h(Host, { collapsed: this.collapsed }, h("z-button", { variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { ref: (el) => (this.nav = el) }, h("slot", null))));
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
ZAnchorNavigation.style = stylesCss;
|
|
48
|
+
|
|
49
|
+
export { ZAnchorNavigation as z_anchor_navigation };
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
|
|
2
|
+
import { I as ICONS } from './icons-56ca282c.js';
|
|
3
|
+
|
|
4
|
+
const stylesCss$1 = ":host{--app-header-height:auto;--app-header-typography-1-size:24px;--app-header-typography-2-size:28px;--app-header-typography-3-size:32px;--app-header-typography-4-size:36px;--app-header-typography-5-size:42px;--app-header-typography-6-size:48px;--app-header-typography-7-size:54px;--app-header-typography-8-size:60px;--app-header-typography-9-size:68px;--app-header-typography-10-size:76px;--app-header-typography-11-size:84px;--app-header-typography-12-size:92px;--app-header-typography-1-lineheight:1.33;--app-header-typography-2-lineheight:1.29;--app-header-typography-3-lineheight:1.25;--app-header-typography-4-lineheight:1.24;--app-header-typography-5-lineheight:1.24;--app-header-typography-6-lineheight:1.25;--app-header-typography-7-lineheight:1.2;--app-header-typography-8-lineheight:1.26;--app-header-typography-9-lineheight:1.24;--app-header-typography-10-lineheight:1.26;--app-header-typography-11-lineheight:1.2;--app-header-typography-12-lineheight:1.2;--app-header-typography-1-tracking:calc(-0.2 / 1em);--app-header-typography-2-tracking:calc(-0.4 / 1em);--app-header-typography-3-tracking:calc(-0.6 / 1em);--app-header-typography-4-tracking:calc(-0.8 / 1em);--app-header-typography-5-tracking:calc(-1 / 1em);--app-header-typography-6-tracking:calc(-1.2 / 1em);--app-header-typography-7-tracking:calc(-1.4 / 1em);--app-header-typography-8-tracking:calc(-1.6 / 1em);--app-header-typography-9-tracking:calc(-1.8 / 1em);--app-header-typography-10-tracking:calc(-2 / 1em);--app-header-typography-11-tracking:calc(-2.2 / 1em);--app-header-typography-12-tracking:calc(-2.4 / 1em);--app-header-top-offset:48px;--app-header-drawer-trigger-size:calc(var(--space-unit) * 4);--app-header-bg:var(--color-white);--app-header-stucked-bg:var(--color-white);--app-header-text-color:var(--gray800);--app-header-stucked-text-color:var(--gray800);display:block;color:var(--app-header-text-color)}:host,*{box-sizing:border-box}.heading-panel{position:relative;display:flex;width:100%;height:var(--app-header-height);flex-direction:column;flex-grow:0;flex-shrink:0;align-items:baseline;justify-content:flex-start;padding:calc(var(--space-unit) * 2) var(--grid-mobile-margin);background:var(--app-header-bg)}:host(:empty) .heading-panel{padding:0}.heading-title{display:flex;max-width:100%;flex-direction:row;align-items:center}:host(:not([menu-length=\"0\"])) .heading-subtitle{padding-left:calc(var(--app-header-drawer-trigger-size) + (var(--space-unit) * 1.5))}.heading-stucked{position:fixed;z-index:20;top:var(--app-header-top-offset);left:0;display:flex;width:100%;max-width:100%;flex-direction:row;padding:var(--space-unit) var(--grid-mobile-margin);animation:slide-stucked-heading-in 250ms ease-out;background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);color:var(--app-header-stucked-text-color)}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot=\"stucked-title\"]){display:block;overflow:hidden;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.heading-stucked .heading-title>*,::slotted([slot=\"title\"]),::slotted([slot=\"stucked-title\"]){margin:0;font-family:\"IBM Plex Serif\", serif;font-size:var(--app-header-typography-3-size);font-weight:700;letter-spacing:var(--app-header-typography-3-tracking)}::slotted([slot=\"title\"]){line-height:1}::slotted([slot=\"subtitle\"]){margin:var(--space-unit) 0 0;font-family:var(--font-family-sans);font-size:20px;font-style:italic;font-weight:500;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;max-width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-right:auto}.menu-container{display:none;flex-flow:row wrap;align-items:baseline}.menu-container ::slotted([open]){position:relative;z-index:3}.menu-container ::slotted(*:not(:last-of-type)){margin-right:calc(var(--space-unit) * 4.5)}.drawer-trigger{padding:0;border:0;margin:0 calc(var(--space-unit) * 1.5) 0 0;appearance:none;background:none;border-radius:0;color:inherit;cursor:pointer}.drawer-trigger z-icon{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);fill:currentcolor}.drawer-container{position:fixed;z-index:100;top:var(--app-header-top-offset);left:0;width:100%;height:100%;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;z-index:1;top:0;left:0;display:block;width:100%;height:100%;background:var(--gray900);opacity:0;pointer-events:none;transition:opacity 400ms ease-out}.drawer-panel{position:absolute;z-index:2;top:0;left:0;display:flex;width:375px;max-width:100%;height:100%;flex-direction:column;align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);pointer-events:none;transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out}.drawer-content{display:flex;overflow:auto;width:100%;flex:1 auto;flex-direction:column;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}.drawer-content::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-track{background-color:transparent}.drawer-content::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.drawer-content::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.drawer-content ::slotted(z-menu){width:100%}.drawer-content ::slotted(z-menu:not(:last-of-type)){margin-bottom:calc(var(--space-unit) * 2.5)}.drawer-close{--z-icon-width:var(--app-header-drawer-trigger-size);--z-icon-height:var(--app-header-drawer-trigger-size);padding:0;border:0;margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);appearance:none;background:transparent;border-radius:0;color:inherit;cursor:pointer;fill:currentcolor;font-size:inherit;outline:none}.drawer-close:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([drawer-open]) .drawer-container .drawer-overlay{opacity:0.7;pointer-events:all}:host([drawer-open]) .drawer-container .drawer-panel{pointer-events:all;transform:none}.hero-container{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%}:host([overlay]) .heading-panel .drawer-trigger z-icon,:host([overlay]) .heading-panel .heading-container,:host([overlay]) .heading-panel .menu-container{color:var(--color-white);fill:var(--color-white)}:host([overlay]) .heading-panel .menu-container ::slotted(z-menu:not([open])){--color-surface05:var(--color-white)}:host([overlay]) .hero-container::after{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:var(--color-black);content:\"\";opacity:0.5}.hero-container img,.hero-container ::slotted(*){position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;-webkit-user-drag:none}@media only screen and (min-width: 768px){.heading-panel{padding:calc(var(--space-unit) * 3) var(--grid-tablet-margin)}.heading-stucked{padding-right:var(--grid-tablet-margin);padding-left:var(--grid-tablet-margin)}:host(:not([flow=\"offcanvas\"])) .heading-subtitle{padding-left:0}:host(:not([flow=\"offcanvas\"])) .menu-container{display:flex}:host(:not([flow=\"offcanvas\"])) .heading-container .drawer-trigger{display:none}:host(:not([flow=\"offcanvas\"],[menu-length=\"0\"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 3)}::slotted([slot=\"title\"]){font-size:var(--app-header-typography-6-size);letter-spacing:var(--app-header-typography-6-tracking)}::slotted([slot=\"subtitle\"]){margin-top:calc(var(--space-unit) * 1.5)}}@media only screen and (min-width: 1152px){.heading-panel,.heading-stucked{padding-right:var(--grid-desktop-margin);padding-left:var(--grid-desktop-margin)}:host(:not([flow=\"stack\"])) .heading-panel{flex-flow:row wrap}::slotted([slot=\"title\"]){margin-right:var(--grid-desktop-gutter);font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking)}:host(:not([flow=\"offcanvas\"],[menu-length=\"0\"])) .heading-container:not(:last-child){margin-bottom:calc(var(--space-unit) * 2)}.menu-container{margin-top:var(--space-unit)}}@media only screen and (min-width: 1366px){.heading-panel,.heading-stucked{padding-right:var(--grid-wide-margin);padding-left:var(--grid-wide-margin)}::slotted([slot=\"title\"]){margin-right:var(--grid-wide-gutter);font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking)}:host(:not([flow=\"offcanvas\"],[menu-length=\"0\"])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slide-stucked-heading-in{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";
|
|
5
|
+
|
|
6
|
+
const SUPPORT_INTERSECTION_OBSERVER = typeof IntersectionObserver !== "undefined";
|
|
7
|
+
const ZAppHeader = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.sticking = createEvent(this, "sticking", 7);
|
|
11
|
+
/**
|
|
12
|
+
* Stuck mode for the header.
|
|
13
|
+
* You can programmatically set it using an IntersectionObserver.
|
|
14
|
+
* **Optional**
|
|
15
|
+
*/
|
|
16
|
+
this.stuck = false;
|
|
17
|
+
/**
|
|
18
|
+
* Should place an overlay over the hero image.
|
|
19
|
+
* Useful for legibility purpose.
|
|
20
|
+
* **Optional**
|
|
21
|
+
*/
|
|
22
|
+
this.overlay = false;
|
|
23
|
+
/**
|
|
24
|
+
* Control menu bar position in the header.
|
|
25
|
+
* - auto: the menu bar is positioned near the title
|
|
26
|
+
* - stack: the menu bar is positioned below the title
|
|
27
|
+
* - offcanvas: the menu bar is not displayed and a burger icon appears to open the offcanvas menu
|
|
28
|
+
*
|
|
29
|
+
* **Optional**
|
|
30
|
+
*/
|
|
31
|
+
this.flow = "auto";
|
|
32
|
+
/**
|
|
33
|
+
* The opening state of the drawer.
|
|
34
|
+
*/
|
|
35
|
+
this.drawerOpen = false;
|
|
36
|
+
/**
|
|
37
|
+
* The stucked state of the bar.
|
|
38
|
+
*/
|
|
39
|
+
this.stucked = false;
|
|
40
|
+
this.observer = SUPPORT_INTERSECTION_OBSERVER &&
|
|
41
|
+
new IntersectionObserver(([entry]) => {
|
|
42
|
+
this.stucked = !entry.isIntersecting;
|
|
43
|
+
}, {
|
|
44
|
+
threshold: 0.5,
|
|
45
|
+
});
|
|
46
|
+
this.openDrawer = this.openDrawer.bind(this);
|
|
47
|
+
this.closeDrawer = this.closeDrawer.bind(this);
|
|
48
|
+
this.collectMenuElements.bind(this);
|
|
49
|
+
}
|
|
50
|
+
emitStickingEvent() {
|
|
51
|
+
this.sticking.emit(this.stucked);
|
|
52
|
+
}
|
|
53
|
+
componentDidLoad() {
|
|
54
|
+
this.collectMenuElements();
|
|
55
|
+
this.onStuckMode();
|
|
56
|
+
}
|
|
57
|
+
get title() {
|
|
58
|
+
const titleElement = this.hostElement.querySelector('[slot="title"]');
|
|
59
|
+
if (titleElement === null) {
|
|
60
|
+
return "";
|
|
61
|
+
}
|
|
62
|
+
return titleElement.textContent.trim();
|
|
63
|
+
}
|
|
64
|
+
get scrollParent() {
|
|
65
|
+
const parent = this.hostElement.offsetParent;
|
|
66
|
+
if (parent === document.body || parent === document.documentElement) {
|
|
67
|
+
return window;
|
|
68
|
+
}
|
|
69
|
+
return parent;
|
|
70
|
+
}
|
|
71
|
+
collectMenuElements() {
|
|
72
|
+
const menuElements = (this.menuElements = this.hostElement.querySelectorAll('[slot="menu"]'));
|
|
73
|
+
this.menuLength = menuElements.length;
|
|
74
|
+
this.setMenuFloatingMode();
|
|
75
|
+
}
|
|
76
|
+
onStuckMode() {
|
|
77
|
+
if (this.stuck) {
|
|
78
|
+
this.enableStuckObserver();
|
|
79
|
+
}
|
|
80
|
+
else {
|
|
81
|
+
this.disableStuckMode();
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
enableStuckObserver() {
|
|
85
|
+
if (this.observer) {
|
|
86
|
+
this.observer.observe(this.container);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
disableStuckMode() {
|
|
90
|
+
this.stucked = false;
|
|
91
|
+
if (this.observer) {
|
|
92
|
+
this.observer.unobserve(this.container);
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
onStucked() {
|
|
96
|
+
const scrollParent = this.scrollParent;
|
|
97
|
+
if (!scrollParent) {
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
this.emitStickingEvent();
|
|
101
|
+
}
|
|
102
|
+
setMenuFloatingMode() {
|
|
103
|
+
if (this.menuElements.length === 0) {
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
const elements = this.menuElements;
|
|
107
|
+
for (let i = 0, len = elements.length; i < len; i++) {
|
|
108
|
+
elements[i].open = false;
|
|
109
|
+
elements[i].floating = !this.drawerOpen;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
render() {
|
|
113
|
+
return (h(Host, { "menu-length": this.menuLength }, h("div", { class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { class: "hero-container" }, h("slot", { name: "hero" }, this.hero && (h("img", { alt: "", src: this.hero })))), h("div", { class: "heading-container" }, h("div", { class: "heading-title" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("slot", { name: "title" })), h("div", { class: "heading-subtitle" }, h("slot", { name: "subtitle" }))), h("div", { class: "menu-container" }, !this.drawerOpen && this.flow !== "offcanvas" && (h("slot", { name: "menu", onSlotchange: () => this.collectMenuElements() })))), h("div", { class: "drawer-container" }, h("div", { class: "drawer-overlay", onClick: this.closeDrawer }), h("div", { class: "drawer-panel" }, h("button", { class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer }, h("z-icon", { name: "close" })), h("div", { class: "drawer-content" }, this.drawerOpen && (h("slot", { name: "menu", onSlotchange: () => this.collectMenuElements() }))))), this.stucked && (h("div", { class: "heading-stucked" }, this.menuLength > 0 && (h("button", { class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { name: "burger-menu" }))), h("div", { class: "heading-title" }, h("slot", { name: "stucked-title" }, this.title))))));
|
|
114
|
+
}
|
|
115
|
+
openDrawer() {
|
|
116
|
+
this.drawerOpen = true;
|
|
117
|
+
}
|
|
118
|
+
closeDrawer() {
|
|
119
|
+
this.drawerOpen = false;
|
|
120
|
+
}
|
|
121
|
+
get hostElement() { return getElement(this); }
|
|
122
|
+
static get watchers() { return {
|
|
123
|
+
"stuck": ["onStuckMode"],
|
|
124
|
+
"stucked": ["onStucked"],
|
|
125
|
+
"drawerOpen": ["setMenuFloatingMode"]
|
|
126
|
+
}; }
|
|
127
|
+
};
|
|
128
|
+
ZAppHeader.style = stylesCss$1;
|
|
129
|
+
|
|
130
|
+
const stylesCss = ":host{margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0);line-height:0;vertical-align:middle}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";
|
|
131
|
+
|
|
132
|
+
const ZIcon = class {
|
|
133
|
+
constructor(hostRef) {
|
|
134
|
+
registerInstance(this, hostRef);
|
|
135
|
+
}
|
|
136
|
+
selectPathOrPolygon(iconValue) {
|
|
137
|
+
if (iconValue === null || iconValue === void 0 ? void 0 : iconValue.startsWith("M")) {
|
|
138
|
+
return h("path", { d: ICONS[this.name] });
|
|
139
|
+
}
|
|
140
|
+
return h("polygon", { points: ICONS[this.name] });
|
|
141
|
+
}
|
|
142
|
+
render() {
|
|
143
|
+
return (h("svg", { viewBox: "0 0 1000 1000", width: this.width, height: this.height, id: this.iconid, fill: this.fill ? `var(--${this.fill})` : "" }, this.selectPathOrPolygon(ICONS[this.name])));
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
ZIcon.style = stylesCss;
|
|
147
|
+
|
|
148
|
+
export { ZAppHeader as z_app_header, ZIcon as z_icon };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
|
|
2
|
+
import { T as ThemeVariant } from './index-9d028352.js';
|
|
3
|
+
|
|
4
|
+
const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;align-content:center;justify-content:center;padding:0;border:none;background-color:transparent}button>z-icon{color:var(--bg-white);fill:currentcolor}button>z-icon.light{color:var(--bg-grey-900);fill:currentcolor}";
|
|
5
|
+
|
|
6
|
+
const ZAppSwitcher = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
this.appButtonClick = createEvent(this, "appButtonClick", 7);
|
|
10
|
+
/** theme variant, default 'dark' */
|
|
11
|
+
this.theme = ThemeVariant.DARK;
|
|
12
|
+
this.isopen = false;
|
|
13
|
+
this.emitAppButtonClick = this.emitAppButtonClick.bind(this);
|
|
14
|
+
}
|
|
15
|
+
emitAppButtonClick() {
|
|
16
|
+
this.isopen = !this.isopen;
|
|
17
|
+
this.appButtonClick.emit({ isopen: this.isopen });
|
|
18
|
+
}
|
|
19
|
+
render() {
|
|
20
|
+
return (h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, h("z-icon", { name: "app-switcher", class: this.theme })));
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
ZAppSwitcher.style = stylesCss;
|
|
24
|
+
|
|
25
|
+
export { ZAppSwitcher as z_app_switcher };
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
|
|
2
|
+
import { T as ThemeVariant, i as DividerOrientation } from './index-9d028352.js';
|
|
3
|
+
import { m as mobileBreakpoint } from './breakpoints-c386984e.js';
|
|
4
|
+
|
|
5
|
+
const stylesCss = ":host{position:sticky;z-index:99;top:0;display:block;height:calc(var(--space-unit) * 6);box-sizing:border-box;padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);background-color:var(--gray900);border-radius:var(--border-no-radius)}:host(.light){background-color:var(--color-white)}:host>div{display:flex;align-items:center;justify-content:space-between}:host(.limited-width) #content-container{--mw:none;max-width:var(--mw);margin:auto}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);letter-spacing:0.3px;line-height:20px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";
|
|
6
|
+
|
|
7
|
+
const ZAppTopbar = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
/** theme variant, default 'dark' */
|
|
11
|
+
this.theme = ThemeVariant.DARK;
|
|
12
|
+
this.topbarLinks = [];
|
|
13
|
+
}
|
|
14
|
+
handleResize() {
|
|
15
|
+
this.isMobile = window.innerWidth <= mobileBreakpoint;
|
|
16
|
+
}
|
|
17
|
+
componentWillLoad() {
|
|
18
|
+
this.isMobile = window.screen.width <= mobileBreakpoint || window.innerWidth <= mobileBreakpoint;
|
|
19
|
+
}
|
|
20
|
+
componentWillRender() {
|
|
21
|
+
if (this.topbarContent) {
|
|
22
|
+
this.topbarLinks = typeof this.topbarContent === "string" ? JSON.parse(this.topbarContent) : this.topbarContent;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
renderTopbarLinks() {
|
|
26
|
+
return this.topbarLinks.map((link) => (h("z-link", { htmlid: link.id, textcolor: this.theme === ThemeVariant.LIGHT ? "black" : "white", href: link.link, target: link.target, icon: this.isMobile ? link.icon : undefined }, !this.isMobile && link.label)));
|
|
27
|
+
}
|
|
28
|
+
render() {
|
|
29
|
+
return (h(Host, { class: {
|
|
30
|
+
[this.theme]: true,
|
|
31
|
+
"limited-width": !!this.contentMaxWidth,
|
|
32
|
+
} }, h("div", { id: "content-container", style: this.contentMaxWidth ? { "--mw": `${this.contentMaxWidth}px` } : {} }, h("div", { id: "left-panel", class: "content-panel" }, h("z-logo", { mobileLogo: this.isMobile, width: this.isMobile ? 32 : 128, height: this.isMobile ? 40 : 32, imageAlt: "zanichelli-logo", link: this.logoLink, targetBlank: true }), this.isMobile && this.renderTopbarLinks()), h("div", { id: "right-panel", class: "content-panel" }, !this.isMobile && this.renderTopbarLinks(), this.showAppSwitcher && h("z-app-switcher", { theme: this.theme }), h("div", { id: "divider-container" }, h("z-divider", { orientation: DividerOrientation.VERTICAL, color: this.theme === ThemeVariant.LIGHT ? "gray800" : "color-white" })), h("slot", { name: "login" })))));
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
ZAppTopbar.style = stylesCss;
|
|
36
|
+
|
|
37
|
+
export { ZAppTopbar as z_app_topbar };
|
package/dist/esm/z-chip.entry.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a2ca4b97.js';
|
|
2
2
|
import { y as ZChipType, q as Device } from './index-9d028352.js';
|
|
3
|
-
import { g as getDevice, h as handleKeyboardSubmit } from './utils-
|
|
3
|
+
import { g as getDevice, h as handleKeyboardSubmit } from './utils-9e81727a.js';
|
|
4
4
|
import './breakpoints-c386984e.js';
|
|
5
5
|
|
|
6
6
|
const stylesCss = ".sc-z-chip-h>button.sc-z-chip{display:inline-flex;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--gray400);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb)}.sc-z-chip-h>button.sc-z-chip:not(:disabled)>z-icon.sc-z-chip:last-child:hover{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled)>z-icon.sc-z-chip:first-child{fill:var(--color-icon02)}.sc-z-chip-h>button.sc-z-chip>z-icon.icon-sx.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.sc-z-chip>z-icon.sc-z-chip:last-child{margin-left:var(--space-unit);cursor:pointer;fill:var(--color-primary01)}.sc-z-chip-h>button.sc-z-chip:disabled,.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{color:var(--color-disabled03);fill:var(--color-disabled03)}.sc-z-chip-h>button.sc-z-chip:disabled>z-icon.sc-z-chip{cursor:auto}.sc-z-chip-h>button.sc-z-chip:disabled{border:var(--border-size-small) solid var(--color-disabled01)}.sc-z-chip-h>button.sc-z-chip:focus:focus-visible,.sc-z-chip-h>div.sc-z-chip:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>button.sc-z-chip:hover:not(:disabled):active:hover>z-icon.sc-z-chip:last-child{color:var(--color-primary01);fill:var(--color-primary01)}.sc-z-chip-h>div.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--bg-grey-200);background-color:var(--bg-white);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px;line-height:28px}.sc-z-chip-h>div.sc-z-chip>z-icon.sc-z-chip{margin-right:calc(var(--space-unit) / 2)}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:44px;border-radius:22px;line-height:44px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:40px;border-radius:22px;line-height:40px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){.sc-z-chip-h>button.sc-z-chip{font-size:12px}.sc-z-chip-h>div.sc-z-chip{font-size:12px}.sc-z-chip-h>button.default.sc-z-chip,.sc-z-chip-h>div.default.sc-z-chip{min-height:32px;border-radius:16px;line-height:32px}.sc-z-chip-h>button.medium.sc-z-chip,.sc-z-chip-h>div.medium.sc-z-chip{min-height:28px;border-radius:16px;line-height:28px}.sc-z-chip-h>button.small.sc-z-chip,.sc-z-chip-h>div.small.sc-z-chip{min-height:24px;border-radius:16px;line-height:24px}}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-a2ca4b97.js';
|
|
2
2
|
import { I as InputType, K as KeyboardKeyCode } from './index-9d028352.js';
|
|
3
|
-
import { h as handleKeyboardSubmit } from './utils-
|
|
3
|
+
import { h as handleKeyboardSubmit } from './utils-9e81727a.js';
|
|
4
4
|
import './breakpoints-c386984e.js';
|
|
5
5
|
|
|
6
6
|
const stylesCss = ":host{display:block}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--bg-grey-700);margin:0;background-color:var(--bg-white);border-radius:var(--border-radius-small);cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{padding:var(--space-unit) 0;margin:0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border:var(--border-size-small) solid var(--blue500);border-radius:var(border-radius-small) var(border-radius-small) 0 0}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.open-combo-data{position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--gray200);border-top:0;background-color:var(--bg-white);border-radius:0}:host>div.open>div.open-combo-data>div{overflow:auto;max-height:235px;padding:0;scrollbar-color:var(--myz-blue) var(--gray200);scrollbar-width:thin}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>ul{max-height:235px;padding:0 3px;margin:0}::-webkit-scrollbar{width:10px;background:linear-gradient(90deg, var(--bg-white) 2px, var(--bg-grey-200) 4px, var(--bg-white) 8px);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{width:10px;background-color:var(--myz-blue);border-radius:var(--border-radius)}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--myz-blue)}:host>div.open>div.open-combo-data>div.search{overflow:hidden;max-height:auto;margin-top:0;box-shadow:1px 1px 4px 2px rgb(217 222 227 / 50%)}:host>div.open>div.open-combo-data>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2);scrollbar-color:var(--myz-blue) var(--bg-grey-200);scrollbar-width:thin}:host>div.open>div.open-combo-data>div.search>div{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div.search>div>a{display:inline-block;height:44px;color:var(--myz-blue);cursor:pointer;font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5);text-align:left}";
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { r as registerInstance, h, H as Host } from './index-a2ca4b97.js';
|
|
2
|
+
import { D as DividerSize, i as DividerOrientation } from './index-9d028352.js';
|
|
3
|
+
|
|
4
|
+
const stylesCss = ".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";
|
|
5
|
+
|
|
6
|
+
const ZDivider = class {
|
|
7
|
+
constructor(hostRef) {
|
|
8
|
+
registerInstance(this, hostRef);
|
|
9
|
+
/** [optional] Divider size */
|
|
10
|
+
this.size = DividerSize.SMALL;
|
|
11
|
+
/** [optional] Divider color */
|
|
12
|
+
this.color = "gray200";
|
|
13
|
+
/** [optional] Divider orintation */
|
|
14
|
+
this.orientation = DividerOrientation.HORIZONTAL;
|
|
15
|
+
}
|
|
16
|
+
render() {
|
|
17
|
+
return (h(Host, { class: `divider-${this.size} divider-${this.orientation}`, style: { backgroundColor: `var(--${this.color})` } }));
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
ZDivider.style = stylesCss;
|
|
21
|
+
|
|
22
|
+
export { ZDivider as z_divider };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a2ca4b97.js';
|
|
2
2
|
import { x as ZFileUploadType, q as Device, D as DividerSize } from './index-9d028352.js';
|
|
3
|
-
import { g as getDevice } from './utils-
|
|
3
|
+
import { g as getDevice } from './utils-9e81727a.js';
|
|
4
4
|
import './breakpoints-c386984e.js';
|
|
5
5
|
|
|
6
6
|
const stylesCss = ":host{color:var(--color-text01);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.container{display:flex;flex-direction:column}:host .modal-wrapper{display:flex;align-items:center;justify-content:center}:host .modal-wrapper>.files-wrapper{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}:host .text-container{display:flex;flex-direction:column;margin:auto}:host .text-container z-body{text-align:center}:host .text-container .upload-link{color:var(--color-link-primary);cursor:pointer}:host .text-container .upload-link-text{margin-bottom:var(--space-unit)}input#file-elem{display:none}#title{display:inline-block;margin-bottom:var(--space-unit)}:host>.container>z-button{display:inline-block;margin-top:calc(var(--space-unit) * 3)}:host>.container>.files-container.hidden{display:none}:host>.container>.files-container>z-heading{display:inline-block;margin:calc(var(--space-unit) * 3) 0}:host>.container>.files-container>.files-wrapper{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}:host>.container>.files-container>z-divider{margin-top:calc(var(--space-unit) * 3);margin-bottom:0}@media only screen and (min-width: 768px){:host>.container>z-button{align-self:flex-start}}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a2ca4b97.js';
|
|
2
2
|
import { I as InputType } from './index-9d028352.js';
|
|
3
|
-
import { r as randomId } from './utils-
|
|
3
|
+
import { r as randomId } from './utils-9e81727a.js';
|
|
4
4
|
import './breakpoints-c386984e.js';
|
|
5
5
|
|
|
6
6
|
const stylesCss = ".sc-z-input-deprecated-h{display:inline-block;width:inherit}input.sc-z-input-deprecated::-ms-clear,input.sc-z-input-deprecated::-ms-reveal{display:none}.sc-z-input-deprecated-h input.sc-z-input-deprecated::-ms-clear,.sc-z-input-deprecated-h input.sc-z-input-deprecated::-ms-reveal{display:none}input.sc-z-input-deprecated,textarea.sc-z-input-deprecated,.textarea-wrapper.sc-z-input-deprecated,ul[role=\"listbox\"].sc-z-input-deprecated{box-sizing:border-box;border:var(--border-size-small) solid var(--color-surface04);background:var(--color-input-field01);border-radius:var(--border-radius-small);color:var(--color-text02);fill:var(--color-icon02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg);outline:none}input.sc-z-input-deprecated:focus:focus-visible,li[role=\"option\"].sc-z-input-deprecated:focus:focus-visible,.focus.sc-z-input-deprecated{box-shadow:var(--shadow-focus-primary)}.filled.sc-z-input-deprecated{border-color:var(--color-surface05)}.input-success.sc-z-input-deprecated,.input-success.sc-z-input-deprecated:hover,.input-success.hover.sc-z-input-deprecated{border-color:var(--color-success01);background:var(--color-success-inverse);fill:var(--color-success01)}.input-error.sc-z-input-deprecated,.input-error.sc-z-input-deprecated:hover,.input-error.hover.sc-z-input-deprecated{border-color:var(--color-error01);background:var(--color-error-inverse);fill:var(--color-error01)}.input-warning.sc-z-input-deprecated,.input-warning.sc-z-input-deprecated:hover,.input-warning.hover.sc-z-input-deprecated{border-color:var(--color-warning01);background:var(--color-warning-inverse);fill:var(--color-warning01)}input[readonly].sc-z-input-deprecated,.readonly.sc-z-input-deprecated{border-color:var(--color-disabled01);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input-deprecated:disabled,.disabled.sc-z-input-deprecated,.filled.sc-z-input-deprecated:disabled{border-color:var(--color-disabled01);box-shadow:none;color:var(--color-disabled02);fill:var(--color-disabled01);pointer-events:none}input.sc-z-input-deprecated::placeholder,textarea.sc-z-input-deprecated::placeholder{color:var(--color-text05)}.sc-z-input-deprecated::-webkit-textarea-placeholder{color:var(--color-text05)}.sc-z-input-deprecated:-ms-textarea-placeholder{color:var(--color-text05)}.sc-z-input-deprecated::placeholder{color:var(--color-text05)}.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated{position:relative;z-index:1;fill:var(--color-icon02)}.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated{width:100%;height:calc(var(--space-unit) * 5.5);box-sizing:border-box;padding:0 calc(var(--space-unit) * 4.5) 0 calc(var(--space-unit) * 1.5);margin:0}.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.has-icon.sc-z-input-deprecated,.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.has-clear-icon.sc-z-input-deprecated{padding-right:calc(var(--space-unit) * 4)}.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.has-icon.has-clear-icon.sc-z-input-deprecated{padding-right:calc(var(--space-unit) * 7)}.text-wrapper.sc-z-input-deprecated .icons-wrapper.sc-z-input-deprecated{position:absolute;z-index:2;right:calc(var(--space-unit) * 1.5);bottom:calc(var(--space-unit) * 1.5);display:flex}.text-wrapper.sc-z-input-deprecated .icons-wrapper.sc-z-input-deprecated>z-icon.sc-z-input-deprecated{--z-icon-width:18px;--z-icon-height:18px;display:block;margin-left:calc(var(--space-unit) * 0.5)}.text-wrapper.sc-z-input-deprecated .icons-wrapper.sc-z-input-deprecated>z-icon.reset-icon.sc-z-input-deprecated,.text-wrapper.sc-z-input-deprecated .icons-wrapper.sc-z-input-deprecated>z-icon.toggle-password-icon.sc-z-input-deprecated{cursor:pointer}.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill,.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill:hover,.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill:focus,.text-wrapper.sc-z-input-deprecated>div.sc-z-input-deprecated>input.sc-z-input-deprecated:-webkit-autofill:active{background-clip:text !important}.textarea-wrapper.sc-z-input-deprecated{padding:calc(var(--space-unit) * 1.5);scrollbar-color:var(--color-primary01) transparent}textarea.sc-z-input-deprecated::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}textarea.sc-z-input-deprecated::-webkit-scrollbar-track{background-color:transparent}textarea.sc-z-input-deprecated::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}textarea.sc-z-input-deprecated::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}textarea.sc-z-input-deprecated{width:100%;min-height:132px;padding:0;border:none;margin:0;resize:none}.radio-wrapper.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated{position:relative;display:inline-flex;flex-direction:row;align-items:center;color:var(--color-text01);fill:var(--color-primary01);font-family:var(--font-family-sans)}.radio-wrapper.sc-z-input-deprecated:hover,.checkbox-wrapper.sc-z-input-deprecated:hover{color:var(--color-hover-primary);fill:currentcolor}.radio-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated{position:absolute;z-index:-1;opacity:0;pointer-events:none}.radio-wrapper.sc-z-input-deprecated .radio-label.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated .checkbox-label.sc-z-input-deprecated{display:inline-flex;align-items:center;margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;text-transform:inherit}.radio-wrapper.sc-z-input-deprecated input.sc-z-input-deprecated:not(:disabled)+.radio-label.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated input.sc-z-input-deprecated:not(:disabled)+.checkbox-label.sc-z-input-deprecated{cursor:pointer}.radio-wrapper.sc-z-input-deprecated .radio-label.sc-z-input-deprecated z-icon.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated .checkbox-label.sc-z-input-deprecated z-icon.sc-z-input-deprecated{cursor:pointer;fill:inherit}.radio-wrapper.sc-z-input-deprecated .radio-label.after.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated .checkbox-label.after.sc-z-input-deprecated{flex-direction:row}.radio-wrapper.sc-z-input-deprecated .radio-label.before.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated .checkbox-label.before.sc-z-input-deprecated{flex-direction:row-reverse}.radio-wrapper.sc-z-input-deprecated .radio-label.after.sc-z-input-deprecated>span.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated .checkbox-label.after.sc-z-input-deprecated>span.sc-z-input-deprecated{margin-left:var(--space-unit)}.radio-wrapper.sc-z-input-deprecated .radio-label.before.sc-z-input-deprecated>span.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated .checkbox-label.before.sc-z-input-deprecated>span.sc-z-input-deprecated{margin-right:var(--space-unit)}.radio-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:focus:focus-visible+.radio-label.sc-z-input-deprecated>z-icon.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:focus:focus-visible+.checkbox-label.sc-z-input-deprecated>z-icon.sc-z-input-deprecated{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary)}.radio-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.radio-label.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.checkbox-label.sc-z-input-deprecated{color:var(--color-disabled02)}.radio-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.radio-label.sc-z-input-deprecated>z-icon.sc-z-input-deprecated,.checkbox-wrapper.sc-z-input-deprecated>input.sc-z-input-deprecated:disabled+.checkbox-label.sc-z-input-deprecated>z-icon.sc-z-input-deprecated{cursor:default;fill:var(--color-disabled01)}";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, c as createEvent, g as getElement } from './index-a2ca4b97.js';
|
|
2
2
|
import { h as KeyboardCode, n as ListDividerType } from './index-9d028352.js';
|
|
3
|
-
import { r as randomId,
|
|
3
|
+
import { r as randomId, d as boolean, a as getElementTree, h as handleKeyboardSubmit, e as getClickedElement } from './utils-9e81727a.js';
|
|
4
4
|
import './breakpoints-c386984e.js';
|
|
5
5
|
|
|
6
6
|
const stylesCss$1 = "label{display:block;margin:var(--space-unit) 0;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:1.33;text-align:left;text-transform:uppercase}label.disabled{color:var(--color-disabled02)}";
|
|
@@ -17,7 +17,7 @@ const ZInputLabel = class {
|
|
|
17
17
|
};
|
|
18
18
|
ZInputLabel.style = stylesCss$1;
|
|
19
19
|
|
|
20
|
-
const stylesCss = ".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.sc-z-select{display:block;padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}";
|
|
20
|
+
const stylesCss = ".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.sc-z-select{display:block;padding:0 calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select span.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}";
|
|
21
21
|
|
|
22
22
|
const ZSelect = class {
|
|
23
23
|
constructor(hostRef) {
|
|
@@ -216,7 +216,7 @@ const ZSelect = class {
|
|
|
216
216
|
}
|
|
217
217
|
}
|
|
218
218
|
renderInput() {
|
|
219
|
-
return (h("z-input", { id: `${this.htmlid}_input`, htmlid: `${this.htmlid}_input`, placeholder: this.placeholder, value: !this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, "") : null, label: this.label, "aria-label": this.ariaLabel, icon: this.isOpen ? "caret-up" : "caret-down", hasclearicon: this.hasAutocomplete(), message: false, disabled: this.disabled, readonly: this.readonly || (!this.hasAutocomplete() && this.isOpen), status: this.isOpen ? undefined : this.status, onClick: (e) => {
|
|
219
|
+
return (h("z-input", { id: `${this.htmlid}_input`, htmlid: `${this.htmlid}_input`, placeholder: this.placeholder, value: !this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, "") : null, label: this.label, "aria-label": this.ariaLabel, icon: this.isOpen ? "caret-up" : "caret-down", hasclearicon: this.hasAutocomplete(), message: false, disabled: this.disabled, readonly: this.readonly || (!this.hasAutocomplete() && this.isOpen), status: this.isOpen ? undefined : this.status, autocomplete: "off", onClick: (e) => {
|
|
220
220
|
this.handleInputClick(e);
|
|
221
221
|
}, onKeyUp: (e) => {
|
|
222
222
|
if (e.keyCode !== 13) {
|
|
@@ -241,7 +241,7 @@ const ZSelect = class {
|
|
|
241
241
|
readonly: this.readonly,
|
|
242
242
|
filled: !!this.selectedItem,
|
|
243
243
|
[`input-${this.status}`]: !this.isOpen && !!this.status,
|
|
244
|
-
} }, this.renderSelectUlItems()))));
|
|
244
|
+
} }, this.hasGroupItems ? this.renderSelectGroupItems() : this.renderSelectUlItems()))));
|
|
245
245
|
}
|
|
246
246
|
renderSelectUlItems() {
|
|
247
247
|
if (!this.itemsList.length) {
|
|
@@ -251,6 +251,22 @@ const ZSelect = class {
|
|
|
251
251
|
return (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: ListDividerType.ELEMENT, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${key}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, key) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
|
|
252
252
|
});
|
|
253
253
|
}
|
|
254
|
+
renderSelectGroupItems() {
|
|
255
|
+
if (!this.itemsList.length) {
|
|
256
|
+
return this.renderNoSearchResults();
|
|
257
|
+
}
|
|
258
|
+
const newData = this.itemsList.reduce((group, item, index) => {
|
|
259
|
+
var _a;
|
|
260
|
+
const { category } = item;
|
|
261
|
+
const zListItem = (h("z-list-element", { clickable: !item.disabled, disabled: item.disabled, dividerType: ListDividerType.HEADER, role: "option", tabindex: item.disabled || !this.isOpen ? -1 : 0, "aria-selected": !!item.selected, id: `${this.htmlid}_${index}`, onClickItem: () => this.selectItem(item, true), onKeyDown: (e) => this.arrowsSelectNav(e, index) }, h("span", { class: { selected: !!item.selected }, innerHTML: item.name })));
|
|
262
|
+
group[category] = (_a = group[category]) !== null && _a !== void 0 ? _a : [];
|
|
263
|
+
group[category].push(zListItem);
|
|
264
|
+
return group;
|
|
265
|
+
}, {});
|
|
266
|
+
return Object.entries(newData).map(([key, value]) => {
|
|
267
|
+
return (h("z-list-group", { "divider-type": ListDividerType.ELEMENT }, h("z-body", { class: "z-list-group-title", level: 3, slot: "header-title", variant: "semibold" }, key), value.map((item) => item)));
|
|
268
|
+
});
|
|
269
|
+
}
|
|
254
270
|
renderNoSearchResults() {
|
|
255
271
|
return (h("z-list-element", { color: "blue500", class: "no-results" }, h("z-icon", { name: "multiply-circle", fill: "blue500" }), this.noresultslabel));
|
|
256
272
|
}
|