@zanichelli/albe-web-components 2.31.1 → 2.31.2-clav-4456

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.
Files changed (145) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/{index-8f4b351d.js → index-11a8a536.js} +5 -0
  3. package/dist/cjs/{index-dee3e21d.js → index-7571ccd0.js} +34 -0
  4. package/dist/cjs/index-eb0e4817.js +17 -0
  5. package/dist/cjs/index.cjs.js +2 -2
  6. package/dist/cjs/loader.cjs.js +2 -2
  7. package/dist/cjs/{utils-6d6841cc.js → utils-00e14fba.js} +1 -1
  8. package/dist/cjs/web-components-library.cjs.js +2 -2
  9. package/dist/cjs/z-alert_66.cjs.entry.js +4 -4
  10. package/dist/cjs/z-app-header.cjs.entry.js +2 -2
  11. package/dist/cjs/z-candybar.cjs.entry.js +1 -1
  12. package/dist/cjs/z-cookiebar.cjs.entry.js +2 -2
  13. package/dist/cjs/z-heading.cjs.entry.js +1 -1
  14. package/dist/cjs/z-messages-pocket.cjs.entry.js +2 -2
  15. package/dist/cjs/z-modal-login.cjs.entry.js +2 -2
  16. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +2 -2
  17. package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +1 -1
  18. package/dist/cjs/z-myz-card-info.cjs.entry.js +3 -3
  19. package/dist/cjs/z-myz-topbar.cjs.entry.js +2 -2
  20. package/dist/cjs/z-navigation-tab.cjs.entry.js +1 -1
  21. package/dist/cjs/z-navigation-tabs.cjs.entry.js +2 -2
  22. package/dist/cjs/z-otp.cjs.entry.js +2 -2
  23. package/dist/cjs/z-pocket-message.cjs.entry.js +1 -1
  24. package/dist/cjs/z-pocket_3.cjs.entry.js +3 -3
  25. package/dist/cjs/z-registro-table-footer.cjs.entry.js +1 -1
  26. package/dist/cjs/z-screen-reader-alert.cjs.entry.js +19 -0
  27. package/dist/cjs/z-slideshow.cjs.entry.js +3 -3
  28. package/dist/cjs/z-toast-notification-list.cjs.entry.js +2 -2
  29. package/dist/cjs/z-toast-notification.cjs.entry.js +2 -2
  30. package/dist/cjs/z-visually-hidden.cjs.entry.js +10 -0
  31. package/dist/collection/beans/index.js +5 -0
  32. package/dist/collection/collection-manifest.json +2 -0
  33. package/dist/collection/components/navigation/z-app-header/styles.css +1 -1
  34. package/dist/collection/components/navigation/z-link/styles.css +2 -2
  35. package/dist/collection/components/z-aria-alert/index.js +51 -0
  36. package/dist/collection/components/z-visually-hidden/index.js +15 -0
  37. package/dist/collection/components/z-visually-hidden/styles.css +12 -0
  38. package/dist/esm/{index-0258069c.js → index-5df9245e.js} +6 -1
  39. package/dist/esm/{index-fa9e549c.js → index-8b2b358d.js} +34 -0
  40. package/dist/esm/index-d8e40092.js +15 -0
  41. package/dist/esm/index.js +2 -2
  42. package/dist/esm/loader.js +2 -2
  43. package/dist/esm/{utils-0345e333.js → utils-546acabe.js} +1 -1
  44. package/dist/esm/web-components-library.js +2 -2
  45. package/dist/esm/z-alert_66.entry.js +4 -4
  46. package/dist/esm/z-app-header.entry.js +2 -2
  47. package/dist/esm/z-candybar.entry.js +1 -1
  48. package/dist/esm/z-cookiebar.entry.js +2 -2
  49. package/dist/esm/z-heading.entry.js +1 -1
  50. package/dist/esm/z-messages-pocket.entry.js +2 -2
  51. package/dist/esm/z-modal-login.entry.js +2 -2
  52. package/dist/esm/z-myz-card-dictionary.entry.js +2 -2
  53. package/dist/esm/z-myz-card-footer-sections.entry.js +1 -1
  54. package/dist/esm/z-myz-card-info.entry.js +3 -3
  55. package/dist/esm/z-myz-topbar.entry.js +2 -2
  56. package/dist/esm/z-navigation-tab.entry.js +1 -1
  57. package/dist/esm/z-navigation-tabs.entry.js +2 -2
  58. package/dist/esm/z-otp.entry.js +2 -2
  59. package/dist/esm/z-pocket-message.entry.js +1 -1
  60. package/dist/esm/z-pocket_3.entry.js +3 -3
  61. package/dist/esm/z-registro-table-footer.entry.js +1 -1
  62. package/dist/esm/z-screen-reader-alert.entry.js +15 -0
  63. package/dist/esm/z-slideshow.entry.js +3 -3
  64. package/dist/esm/z-toast-notification-list.entry.js +2 -2
  65. package/dist/esm/z-toast-notification.entry.js +2 -2
  66. package/dist/esm/z-visually-hidden.entry.js +2 -0
  67. package/dist/types/beans/index.d.ts +4 -0
  68. package/dist/types/components/z-aria-alert/index.d.ts +5 -0
  69. package/dist/types/components/z-visually-hidden/index.d.ts +3 -0
  70. package/dist/types/components.d.ts +30 -0
  71. package/dist/web-components-library/index.esm.js +1 -1
  72. package/dist/web-components-library/{p-2f354863.entry.js → p-13b6430e.entry.js} +1 -1
  73. package/dist/web-components-library/{p-140cc18f.entry.js → p-282e5eb2.entry.js} +1 -1
  74. package/dist/web-components-library/{p-5cdcaa8c.entry.js → p-3848575b.entry.js} +1 -1
  75. package/dist/web-components-library/{p-3cdefa38.entry.js → p-4041f756.entry.js} +1 -1
  76. package/dist/web-components-library/{p-231e7797.entry.js → p-5642cc2e.entry.js} +1 -1
  77. package/dist/web-components-library/{p-18f6f866.entry.js → p-702c8e92.entry.js} +1 -1
  78. package/dist/web-components-library/p-7de15506.entry.js +1 -0
  79. package/dist/web-components-library/{p-f43d8b59.entry.js → p-8270b727.entry.js} +2 -2
  80. package/dist/web-components-library/p-91b0cf85.entry.js +1 -0
  81. package/dist/web-components-library/{p-017370c7.entry.js → p-934e5bbd.entry.js} +1 -1
  82. package/dist/web-components-library/p-9bb14232.js +1 -0
  83. package/{www/build/p-f83347fd.entry.js → dist/web-components-library/p-ac070018.entry.js} +1 -1
  84. package/dist/web-components-library/{p-1c72783c.entry.js → p-ad44257b.entry.js} +1 -1
  85. package/{www/build/p-d4830f32.entry.js → dist/web-components-library/p-b2e4235b.entry.js} +1 -1
  86. package/dist/web-components-library/{p-c7af96eb.entry.js → p-cc00f192.entry.js} +1 -1
  87. package/dist/web-components-library/p-cf375814.js +1 -0
  88. package/dist/web-components-library/p-daebbb8a.entry.js +1 -0
  89. package/dist/web-components-library/{p-b80081c9.entry.js → p-db07f427.entry.js} +1 -1
  90. package/dist/web-components-library/p-e0782bed.js +1 -0
  91. package/dist/web-components-library/{p-35b1f338.entry.js → p-e110c52c.entry.js} +1 -1
  92. package/dist/web-components-library/{p-ff6b02d1.entry.js → p-e742e7e6.entry.js} +1 -1
  93. package/dist/web-components-library/p-ea6152d1.js +1 -0
  94. package/dist/web-components-library/{p-f113a03a.entry.js → p-ee76c11d.entry.js} +1 -1
  95. package/dist/web-components-library/{p-4a6ec3df.entry.js → p-f19e5e5e.entry.js} +1 -1
  96. package/dist/web-components-library/{p-02e55441.entry.js → p-fa28cf6a.entry.js} +1 -1
  97. package/dist/web-components-library/{p-96e3aec6.entry.js → p-ff8f0afc.entry.js} +1 -1
  98. package/dist/web-components-library/web-components-library.css +1 -1
  99. package/dist/web-components-library/web-components-library.esm.js +1 -1
  100. package/package.json +1 -1
  101. package/react/components.d.ts +2 -0
  102. package/react/components.js +3 -1
  103. package/react/components.js.map +1 -1
  104. package/www/build/index.esm.js +1 -1
  105. package/www/build/p-0ea6a5d1.js +1 -0
  106. package/www/build/{p-2f354863.entry.js → p-13b6430e.entry.js} +1 -1
  107. package/www/build/{p-140cc18f.entry.js → p-282e5eb2.entry.js} +1 -1
  108. package/www/build/{p-5cdcaa8c.entry.js → p-3848575b.entry.js} +1 -1
  109. package/www/build/{p-3cdefa38.entry.js → p-4041f756.entry.js} +1 -1
  110. package/www/build/{p-231e7797.entry.js → p-5642cc2e.entry.js} +1 -1
  111. package/www/build/{p-18f6f866.entry.js → p-702c8e92.entry.js} +1 -1
  112. package/www/build/p-7de15506.entry.js +1 -0
  113. package/www/build/{p-f43d8b59.entry.js → p-8270b727.entry.js} +2 -2
  114. package/www/build/p-91b0cf85.entry.js +1 -0
  115. package/www/build/{p-017370c7.entry.js → p-934e5bbd.entry.js} +1 -1
  116. package/www/build/p-9bb14232.js +1 -0
  117. package/{dist/web-components-library/p-f83347fd.entry.js → www/build/p-ac070018.entry.js} +1 -1
  118. package/www/build/{p-1c72783c.entry.js → p-ad44257b.entry.js} +1 -1
  119. package/{dist/web-components-library/p-d4830f32.entry.js → www/build/p-b2e4235b.entry.js} +1 -1
  120. package/www/build/{p-c7af96eb.entry.js → p-cc00f192.entry.js} +1 -1
  121. package/www/build/p-cf375814.js +1 -0
  122. package/www/build/p-daebbb8a.entry.js +1 -0
  123. package/www/build/{p-b80081c9.entry.js → p-db07f427.entry.js} +1 -1
  124. package/www/build/p-e0782bed.js +1 -0
  125. package/www/build/{p-35b1f338.entry.js → p-e110c52c.entry.js} +1 -1
  126. package/www/build/{p-ff6b02d1.entry.js → p-e742e7e6.entry.js} +1 -1
  127. package/www/build/p-ea6152d1.js +1 -0
  128. package/www/build/p-ea943cbd.css +1 -0
  129. package/www/build/{p-f113a03a.entry.js → p-ee76c11d.entry.js} +1 -1
  130. package/www/build/{p-4a6ec3df.entry.js → p-f19e5e5e.entry.js} +1 -1
  131. package/www/build/{p-02e55441.entry.js → p-fa28cf6a.entry.js} +1 -1
  132. package/www/build/{p-96e3aec6.entry.js → p-ff8f0afc.entry.js} +1 -1
  133. package/www/build/web-components-library.css +1 -1
  134. package/www/build/web-components-library.esm.js +1 -1
  135. package/www/index.html +1 -1
  136. package/dist/web-components-library/p-1442c0b2.entry.js +0 -1
  137. package/dist/web-components-library/p-904a85e4.js +0 -1
  138. package/dist/web-components-library/p-d63b9ed3.js +0 -1
  139. package/dist/web-components-library/p-e7304c42.js +0 -1
  140. package/www/build/p-1442c0b2.entry.js +0 -1
  141. package/www/build/p-6ba3b440.css +0 -792
  142. package/www/build/p-904a85e4.js +0 -1
  143. package/www/build/p-d63b9ed3.js +0 -1
  144. package/www/build/p-e7304c42.js +0 -1
  145. package/www/build/p-f9b40a11.js +0 -122
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-f43d8b59",[[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"]]],[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"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[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"]]],[4,"z-registro-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"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[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"]]],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[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-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[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]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"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"]]],[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],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-d4830f32",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-f83347fd",[[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"]]]]],["p-231e7797",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-3cdefa38",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-02e55441",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-ff6b02d1",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-4a6ec3df",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-1442c0b2",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-5cdcaa8c",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-b80081c9",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-35b1f338",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-2f354863",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-18f6f866",[[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]}]]]]'),e)));
1
+ import{p as e,b as t}from"./p-9bb14232.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-8270b727",[[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"]]],[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"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[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"]]],[4,"z-registro-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"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[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"]]],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[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-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[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]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"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"]]],[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],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-b2e4235b",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-ac070018",[[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"]]]]],["p-5642cc2e",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-4041f756",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-fa28cf6a",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-e742e7e6",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-f19e5e5e",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-91b0cf85",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-ff8f0afc",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-3848575b",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-ad44257b",[[1,"z-pocket-message"]]],["p-db07f427",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-e110c52c",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-282e5eb2",[[1,"z-myz-card-footer-sections"]]],["p-ee76c11d",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-934e5bbd",[[6,"z-registro-table-footer"]]],["p-7de15506",[[1,"z-screen-reader-alert",{"text":[1],"mode":[1]}]]],["p-13b6430e",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-daebbb8a",[[1,"z-visually-hidden"]]],["p-cc00f192",[[1,"z-candybar"]]],["p-702c8e92",[[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]}]]]]'),e)));
package/www/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/p-6ba3b440.css"> <link rel="modulepreload" href="/build/p-f9b40a11.js"><script type="module" src="/build/p-f9b40a11.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" image-alt="Ciaoooo!"></z-logo> <z-logo height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!-- --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
1
+ <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/p-ea943cbd.css"> <link rel="modulepreload" href="/build/p-0ea6a5d1.js"><script type="module" src="/build/p-0ea6a5d1.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" image-alt="Ciaoooo!"></z-logo> <z-logo height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!-- --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
2
2
  <div class="content" slot="content">
3
3
  <div>
4
4
  <h2>Titolo</h2>
@@ -1 +0,0 @@
1
- import{r as e,h as t,H as a,g as r}from"./p-904a85e4.js";const i="undefined"!=typeof IntersectionObserver,n=class{constructor(t){e(this,t),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=i&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.setStuckPosition=this.setStuckPosition.bind(this)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.setStuckPosition()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return e?e.textContent.trim():""}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}setStuckPosition(){const e=this.hostElement.ownerDocument.querySelector("z-app-topbar");this.hostElement.style.setProperty("--app-header-top-offset",`${e?e.clientHeight:0}px`)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){const e=this.scrollParent;e&&(this.stucked?(this.setStuckPosition(),e.addEventListener("scroll",this.setStuckPosition)):e.removeEventListener("scroll",this.setStuckPosition))}setMenuFloatingMode(){if(!this.menuElements)return;const e=this.menuElements;for(let t=0,a=e.length;t<a;t++)e[t].open=!1,e[t].floating=!this.drawerOpen}render(){return t(a,{"menu-length":this.menuLength},t("div",{class:"heading-panel",ref:e=>this.container=e},t("div",{class:"hero-container"},t("slot",{name:"hero"},this.hero&&t("img",{alt:"",src:this.hero}))),t("div",{class:"heading-container"},t("div",{class:"heading-title"},this.menuLength>0&&t("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"})),t("slot",{name:"title"})),t("div",{class:"heading-subtitle"},t("slot",{name:"subtitle"}))),t("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&t("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()}))),t("div",{class:"drawer-container"},t("div",{class:"drawer-overlay",onClick:this.closeDrawer}),t("div",{class:"drawer-panel"},t("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},t("z-icon",{name:"close"})),t("div",{class:"drawer-content"},this.drawerOpen&&t("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()})))),this.stucked&&t("div",{class:"heading-stucked"},this.menuLength>0&&t("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"})),t("div",{class:"heading-title"},t("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return r(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};n.style=":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:var(var(--app-header-top-offset), 0);--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;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);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;flex-direction:row;align-items:center;max-width:100%}: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;top:var(--app-header-top-offset);left:0;z-index:5;display:flex;flex-direction:row;width:100%;max-width:100%;color:var(--app-header-stucked-text-color);padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);animation:slideStuckedHeadingIn 250ms ease-out}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot='stucked-title']){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.heading-stucked .heading-title>*,::slotted([slot='title']),::slotted([slot='stucked-title']){margin:0;font-weight:700;font-family:'IBM Plex Serif', serif;font-size:var(--app-header-typography-3-size);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-style:italic;font-weight:500;font-size:20px;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:100%;margin-right:auto}.menu-container{display:none;flex-direction:row;flex-wrap: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{margin:0 calc(var(--space-unit) * 1.5) 0 0;padding:0;background:none;border:0;border-radius:0;color:inherit;appearance:none;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;top:var(--app-header-top-offset);left:0;width:100%;height:100%;z-index:100;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;background:var(--gray900);opacity:0;transition:opacity 400ms ease-out;pointer-events:none}.drawer-panel{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:375px;max-width:100%;height:100%;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out;pointer-events:none}.drawer-content{display:flex;flex-direction:column;flex:1 auto;width:100%;padding:calc(var(--space-unit) * 0.5) var(--space-unit);overflow:auto}.drawer-content::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width: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);margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);padding:0;font-size:inherit;background:transparent;color:inherit;fill:currentColor;border:0;border-radius:0;appearance:none;cursor:pointer;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{transform:none;pointer-events:all}.hero-container{position:absolute;top:0;left:0;z-index: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{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:var(--color-black);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-left:var(--grid-tablet-margin);padding-right: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']):not([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-left:var(--grid-desktop-margin);padding-right:var(--grid-desktop-margin)}:host(:not([flow='stack'])) .heading-panel{flex-direction:row;flex-wrap:wrap}::slotted([slot='title']){font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking);margin-right:var(--grid-desktop-gutter)}:host(:not([flow='offcanvas']):not([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-left:var(--grid-wide-margin);padding-right:var(--grid-wide-margin)}::slotted([slot='title']){font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking);margin-right:var(--grid-wide-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slideStuckedHeadingIn{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";export{n as z_app_header}
@@ -1 +0,0 @@
1
- let e,t,l,n=!1,o=!1,s=!1,i=!1,r=!1;const c="undefined"!=typeof window?window:{},f=c.document||{head:{}},a={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,l,n)=>e.addEventListener(t,l,n),rel:(e,t,l,n)=>e.removeEventListener(t,l,n),ce:(e,t)=>new CustomEvent(e,t)},u=e=>Promise.resolve(e),d=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),$=(e,t,l)=>{l&&l.map((([l,n,o])=>{const s=m(e,l),i=p(t,o),r=y(l);a.ael(s,n,i,r),(t.o=t.o||[]).push((()=>a.rel(s,n,i,r)))}))},p=(e,t)=>l=>{try{256&e.t?e.i[t](l):(e.u=e.u||[]).push([t,l])}catch(e){ce(e)}},m=(e,t)=>4&t?f:8&t?c:16&t?f.body:e,y=e=>0!=(2&e),b="http://www.w3.org/1999/xlink",h=new WeakMap,w=e=>"sc-"+e.$,g={},v=e=>"object"==(e=typeof e)||"function"===e,k=(e,t,...l)=>{let n=null,o=null,s=null,i=!1,r=!1,c=[];const f=t=>{for(let l=0;l<t.length;l++)n=t[l],Array.isArray(n)?f(n):null!=n&&"boolean"!=typeof n&&((i="function"!=typeof e&&!v(n))&&(n+=""),i&&r?c[c.length-1].p+=n:c.push(i?j(null,n):n),r=i)};if(f(l),t){t.key&&(o=t.key),t.name&&(s=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}const a=j(e,null);return a.m=t,c.length>0&&(a.h=c),a.g=o,a.v=s,a},j=(e,t)=>({t:0,k:e,p:t,j:null,h:null,m:null,g:null,v:null}),S={},O=(e,t,l,n,o,s)=>{if(l!==n){let i=re(e,t),r=t.toLowerCase();if("class"===t){const t=e.classList,o=C(l),s=C(n);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in l)n&&null!=n[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in n)l&&n[t]===l[t]||(t.includes("-")?e.style.setProperty(t,n[t]):e.style[t]=n[t])}else if("key"===t);else if("ref"===t)n&&n(e);else if(i||"o"!==t[0]||"n"!==t[1]){const c=v(n);if((i||c&&null!==n)&&!o)try{if(e.tagName.includes("-"))e[t]=n;else{let o=null==n?"":n;"list"===t?i=!1:null!=l&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;r!==(r=r.replace(/^xlink\:?/,""))&&(t=r,f=!0),null==n||!1===n?!1===n&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(b,t):e.removeAttribute(t)):(!i||4&s||o)&&!c&&(n=!0===n?"":n,f?e.setAttributeNS(b,t,n):e.setAttribute(t,n))}else t="-"===t[2]?t.slice(3):re(c,r)?r.slice(2):r[2]+t.slice(3),l&&a.rel(e,t,l,!1),n&&a.ael(e,t,n,!1)}},M=/\s/,C=e=>e?e.split(M):[],R=(e,t,l,n)=>{const o=11===t.j.nodeType&&t.j.host?t.j.host:t.j,s=e&&e.m||g,i=t.m||g;for(n in s)n in i||O(o,n,s[n],void 0,l,t.t);for(n in i)O(o,n,s[n],i[n],l,t.t)},x=(o,r,c,a)=>{let u,d,$,p=r.h[c],m=0;if(n||(s=!0,"slot"===p.k&&(e&&a.classList.add(e+"-s"),p.t|=p.h?2:1)),null!==p.p)u=p.j=f.createTextNode(p.p);else if(1&p.t)u=p.j=f.createTextNode("");else{if(i||(i="svg"===p.k),u=p.j=f.createElementNS(i?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",2&p.t?"slot-fb":p.k),i&&"foreignObject"===p.k&&(i=!1),R(null,p,i),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),p.h)for(m=0;m<p.h.length;++m)d=x(o,p,m,u),d&&u.appendChild(d);"svg"===p.k?i=!1:"foreignObject"===u.tagName&&(i=!0)}return u["s-hn"]=l,3&p.t&&(u["s-sr"]=!0,u["s-cr"]=t,u["s-sn"]=p.v||"",$=o&&o.h&&o.h[c],$&&$.k===p.k&&o.j&&P(o.j,!1)),u},P=(e,t)=>{a.t|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const o=n[e];o["s-hn"]!==l&&o["s-ol"]&&(U(o).insertBefore(o,E(o)),o["s-ol"].remove(),o["s-ol"]=void 0,s=!0),t&&P(o,t)}a.t&=-2},T=(e,t,n,o,s,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===l&&(c=c.shadowRoot);s<=i;++s)o[s]&&(r=x(null,n,s,e),r&&(o[s].j=r,c.insertBefore(r,E(t))))},W=(e,t,l,n,s)=>{for(;t<=l;++t)(n=e[t])&&(s=n.j,q(n),o=!0,s["s-ol"]?s["s-ol"].remove():P(s,!0),s.remove())},L=(e,t)=>e.k===t.k&&("slot"===e.k?e.v===t.v:e.g===t.g),E=e=>e&&e["s-ol"]||e,U=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,A=(e,t)=>{const l=t.j=e.j,n=e.h,o=t.h,s=t.k,r=t.p;let c;null===r?(i="svg"===s||"foreignObject"!==s&&i,"slot"===s||R(e,t,i),null!==n&&null!==o?((e,t,l,n)=>{let o,s,i=0,r=0,c=0,f=0,a=t.length-1,u=t[0],d=t[a],$=n.length-1,p=n[0],m=n[$];for(;i<=a&&r<=$;)if(null==u)u=t[++i];else if(null==d)d=t[--a];else if(null==p)p=n[++r];else if(null==m)m=n[--$];else if(L(u,p))A(u,p),u=t[++i],p=n[++r];else if(L(d,m))A(d,m),d=t[--a],m=n[--$];else if(L(u,m))"slot"!==u.k&&"slot"!==m.k||P(u.j.parentNode,!1),A(u,m),e.insertBefore(u.j,d.j.nextSibling),u=t[++i],m=n[--$];else if(L(d,p))"slot"!==u.k&&"slot"!==m.k||P(d.j.parentNode,!1),A(d,p),e.insertBefore(d.j,u.j),d=t[--a],p=n[++r];else{for(c=-1,f=i;f<=a;++f)if(t[f]&&null!==t[f].g&&t[f].g===p.g){c=f;break}c>=0?(s=t[c],s.k!==p.k?o=x(t&&t[r],l,c,e):(A(s,p),t[c]=void 0,o=s.j),p=n[++r]):(o=x(t&&t[r],l,r,e),p=n[++r]),o&&U(u.j).insertBefore(o,E(u.j))}i>a?T(e,null==n[$+1]?null:n[$+1].j,l,n,r,$):r>$&&W(t,i,a)})(l,n,t,o):null!==o?(null!==e.p&&(l.textContent=""),T(l,null,t,o,0,o.length-1)):null!==n&&W(n,0,n.length-1),i&&"svg"===s&&(i=!1)):(c=l["s-cr"])?c.parentNode.textContent=r:e.p!==r&&(l.data=r)},D=e=>{let t,l,n,o,s,i,r=e.childNodes;for(l=0,n=r.length;l<n;l++)if(t=r[l],1===t.nodeType){if(t["s-sr"])for(s=t["s-sn"],t.hidden=!1,o=0;o<n;o++)if(i=r[o].nodeType,r[o]["s-hn"]!==t["s-hn"]||""!==s){if(1===i&&s===r[o].getAttribute("slot")){t.hidden=!0;break}}else if(1===i||3===i&&""!==r[o].textContent.trim()){t.hidden=!0;break}D(t)}},F=[],H=e=>{let t,l,n,s,i,r,c=0,f=e.childNodes,a=f.length;for(;c<a;c++){if(t=f[c],t["s-sr"]&&(l=t["s-cr"])&&l.parentNode)for(n=l.parentNode.childNodes,s=t["s-sn"],r=n.length-1;r>=0;r--)l=n[r],l["s-cn"]||l["s-nr"]||l["s-hn"]===t["s-hn"]||(N(l,s)?(i=F.find((e=>e.S===l)),o=!0,l["s-sn"]=l["s-sn"]||s,i?i.O=t:F.push({O:t,S:l}),l["s-sr"]&&F.map((e=>{N(e.S,l["s-sn"])&&(i=F.find((e=>e.S===l)),i&&!e.O&&(e.O=i.O))}))):F.some((e=>e.S===l))||F.push({S:l}));1===t.nodeType&&H(t)}},N=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,q=e=>{e.m&&e.m.ref&&e.m.ref(null),e.h&&e.h.map(q)},V=e=>oe(e).M,_=(e,t,l)=>{const n=V(e);return{emit:e=>z(n,t,{bubbles:!!(4&l),composed:!!(2&l),cancelable:!!(1&l),detail:e})}},z=(e,t,l)=>{const n=a.ce(t,l);return e.dispatchEvent(n),n},B=(e,t)=>{t&&!e.C&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.C=t)))},G=(e,t)=>{if(e.t|=16,!(4&e.t))return B(e,e.R),he((()=>I(e,t)));e.t|=512},I=(e,t)=>{const l=e.i;let n;return t?(e.t|=256,e.u&&(e.u.map((([e,t])=>Y(l,e,t))),e.u=null),n=Y(l,"componentWillLoad")):n=Y(l,"componentWillUpdate"),n=Z(n,(()=>Y(l,"componentWillRender"))),Z(n,(()=>J(e,l,t)))},J=async(e,t,l)=>{const n=e.M,o=n["s-rc"];l&&(e=>{const t=e.P,l=e.M,n=t.t,o=((e,t)=>{let l=w(t),n=ue.get(l);if(e=11===e.nodeType?e:f,n)if("string"==typeof n){let t,o=h.get(e=e.head||e);o||h.set(e,o=new Set),o.has(l)||(t=f.createElement("style"),t.innerHTML=n,e.insertBefore(t,e.querySelector("link")),o&&o.add(l))}else e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]);return l})(l.shadowRoot?l.shadowRoot:l.getRootNode(),t);10&n&&(l["s-sc"]=o,l.classList.add(o+"-h"),2&n&&l.classList.add(o+"-s"))})(e);K(e,t),o&&(o.map((e=>e())),n["s-rc"]=void 0);{const t=n["s-p"],l=()=>Q(e);0===t.length?l():(Promise.all(t).then(l),e.t|=4,t.length=0)}},K=(i,r)=>{try{r=r.render(),i.t&=-17,i.t|=2,((i,r)=>{const c=i.M,u=i.P,d=i.T||j(null,null),$=(e=>e&&e.k===S)(r)?r:k(null,null,r);if(l=c.tagName,u.W&&($.m=$.m||{},u.W.map((([e,t])=>$.m[t]=c[e]))),$.k=null,$.t|=4,i.T=$,$.j=d.j=c.shadowRoot||c,e=c["s-sc"],t=c["s-cr"],n=0!=(1&u.t),o=!1,A(d,$),a.t|=1,s){let e,t,l,n,o,s;H($.j);let i=0;for(;i<F.length;i++)e=F[i],t=e.S,t["s-ol"]||(l=f.createTextNode(""),l["s-nr"]=t,t.parentNode.insertBefore(t["s-ol"]=l,t));for(i=0;i<F.length;i++)if(e=F[i],t=e.S,e.O){for(n=e.O.parentNode,o=e.O.nextSibling,l=t["s-ol"];l=l.previousSibling;)if(s=l["s-nr"],s&&s["s-sn"]===t["s-sn"]&&n===s.parentNode&&(s=s.nextSibling,!s||!s["s-nr"])){o=s;break}(!o&&n!==t.parentNode||t.nextSibling!==o)&&t!==o&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),n.insertBefore(t,o))}else 1===t.nodeType&&(t.hidden=!0)}o&&D($.j),a.t&=-2,F.length=0})(i,r)}catch(e){ce(e,i.M)}return null},Q=e=>{const t=e.M,l=e.i,n=e.R;Y(l,"componentDidRender"),64&e.t||(e.t|=64,ee(t),Y(l,"componentDidLoad"),e.L(t),n||X()),e.U(t),e.C&&(e.C(),e.C=void 0),512&e.t&&be((()=>G(e,!1))),e.t&=-517},X=()=>{ee(f.documentElement),be((()=>z(c,"appload",{detail:{namespace:"web-components-library"}})))},Y=(e,t,l)=>{if(e&&e[t])try{return e[t](l)}catch(e){ce(e)}},Z=(e,t)=>e&&e.then?e.then(t):t(),ee=e=>e.classList.add("hydrated"),te=(e,t,l)=>{if(t.A){e.watchers&&(t.D=e.watchers);const n=Object.entries(t.A),o=e.prototype;if(n.map((([e,[n]])=>{31&n||2&l&&32&n?Object.defineProperty(o,e,{get(){return((e,t)=>oe(this).F.get(t))(0,e)},set(l){((e,t,l,n)=>{const o=oe(e),s=o.M,i=o.F.get(t),r=o.t,c=o.i;if(l=((e,t)=>null==e||v(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(l,n.A[t][0]),!(8&r&&void 0!==i||l===i)&&(o.F.set(t,l),c)){if(n.D&&128&r){const e=n.D[t];e&&e.map((e=>{try{c[e](l,i,t)}catch(e){ce(e,s)}}))}2==(18&r)&&G(o,!1)}})(this,e,l,t)},configurable:!0,enumerable:!0}):1&l&&64&n&&Object.defineProperty(o,e,{value(...t){const l=oe(this);return l.H.then((()=>l.i[e](...t)))}})})),1&l){const l=new Map;o.attributeChangedCallback=function(e,t,n){a.jmp((()=>{const t=l.get(e);this[t]=(null!==n||"boolean"!=typeof this[t])&&n}))},e.observedAttributes=n.filter((([e,t])=>15&t[0])).map((([e,n])=>{const o=n[1]||e;return l.set(o,e),512&n[0]&&t.W.push([e,o]),o}))}}return e},le=(e,t={})=>{const l=[],n=t.exclude||[],o=c.customElements,s=f.head,i=s.querySelector("meta[charset]"),r=f.createElement("style"),u=[];let p,m=!0;Object.assign(a,t),a.l=new URL(t.resourcesUrl||"./",f.baseURI).href,e.map((e=>e[1].map((t=>{const s={t:t[0],$:t[1],A:t[2],N:t[3]};s.A=t[2],s.N=t[3],s.W=[],s.D={};const i=s.$,r=class extends HTMLElement{constructor(e){super(e),ie(e=this,s),1&s.t&&e.attachShadow({mode:"open"})}connectedCallback(){p&&(clearTimeout(p),p=null),m?u.push(this):a.jmp((()=>(e=>{if(0==(1&a.t)){const t=oe(e),l=t.P,n=()=>{};if(1&t.t)$(e,t,l.N);else{t.t|=1,12&l.t&&(e=>{const t=e["s-cr"]=f.createComment("");t["s-cn"]=!0,e.insertBefore(t,e.firstChild)})(e);{let l=e;for(;l=l.parentNode||l.host;)if(l["s-p"]){B(t,t.R=l);break}}l.A&&Object.entries(l.A).map((([t,[l]])=>{if(31&l&&e.hasOwnProperty(t)){const l=e[t];delete e[t],e[t]=l}})),(async(e,t,l,n,o)=>{if(0==(32&t.t)){{if(t.t|=32,(o=ae(l)).then){const e=()=>{};o=await o,e()}o.isProxied||(l.D=o.watchers,te(o,l,2),o.isProxied=!0);const e=()=>{};t.t|=8;try{new o(t)}catch(e){ce(e)}t.t&=-9,t.t|=128,e()}if(o.style){let e=o.style;const t=w(l);if(!ue.has(t)){const n=()=>{};((e,t,l)=>{let n=ue.get(e);d&&l?(n=n||new CSSStyleSheet,n.replace(t)):n=t,ue.set(e,n)})(t,e,!!(1&l.t)),n()}}}const s=t.R,i=()=>G(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,l)}n()}})(this)))}disconnectedCallback(){a.jmp((()=>(()=>{if(0==(1&a.t)){const e=oe(this),t=e.i;e.o&&(e.o.map((e=>e())),e.o=void 0),Y(t,"disconnectedCallback")}})()))}componentOnReady(){return oe(this).q}};s.V=e[0],n.includes(i)||o.get(i)||(l.push(i),o.define(i,te(r,s,1)))})))),r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles",""),s.insertBefore(r,i?i.nextSibling:s.firstChild),m=!1,u.length?u.map((e=>e.connectedCallback())):a.jmp((()=>p=setTimeout(X,30)))},ne=new WeakMap,oe=e=>ne.get(e),se=(e,t)=>ne.set(t.i=e,t),ie=(e,t)=>{const l={t:0,M:e,P:t,F:new Map};return l.H=new Promise((e=>l.U=e)),l.q=new Promise((e=>l.L=e)),e["s-p"]=[],e["s-rc"]=[],$(e,l,t.N),ne.set(e,l)},re=(e,t)=>t in e,ce=(e,t)=>(0,console.error)(e,t),fe=new Map,ae=e=>{const t=e.$.replace(/-/g,"_"),l=e.V,n=fe.get(l);return n?n[t]:import(`./${l}.entry.js`).then((e=>(fe.set(l,e),e[t])),ce)},ue=new Map,de=[],$e=[],pe=(e,t)=>l=>{e.push(l),r||(r=!0,t&&4&a.t?be(ye):a.raf(ye))},me=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ce(e)}e.length=0},ye=()=>{me(de),me($e),(r=de.length>0)&&a.raf(ye)},be=e=>u().then(e),he=pe($e,!0);export{S as H,le as b,_ as c,V as g,k as h,u as p,se as r}
@@ -1 +0,0 @@
1
- var n,e,t,o,a,s,i,r,c,l,u,f,d,m,g,b,h,w,p,E,v,A,x,k,_,C,R,S,y,D,P,T,B,N;!function(n){n.real="reale",n.virtual="virtuale",n.trial="saggio"}(n||(n={})),function(n){n.border="border",n.shadow="shadow",n.overlay="overlay"}(e||(e={})),function(n){n.horizontal="horizontal",n.vertical="vertical"}(t||(t={})),function(n){n.big="big",n.small="small"}(o||(o={})),function(n){n.primary="primary",n.secondary="secondary",n.tertiary="tertiary",n["dark-bg"]="dark-bg"}(a||(a={})),function(n){n.submit="submit",n.reset="reset",n.button="button"}(s||(s={})),function(n){n.big="big",n.small="small",n["x-small"]="x-small"}(i||(i={})),function(n){n.text="text",n.password="password",n.number="number",n.email="email",n.textarea="textarea",n.checkbox="checkbox",n.radio="radio",n.select="select"}(r||(r={})),function(n){n.success="success",n.error="error",n.warning="warning",n.selecting="selecting"}(c||(c={})),function(n){n.AUTO="auto",n.TOP="top",n.RIGHT="right",n.BOTTOM="bottom",n.LEFT="left",n.TOP_RIGHT="top_right",n.TOP_LEFT="top_left",n.BOTTOM_RIGHT="bottom_right",n.BOTTOM_LEFT="bottom_left"}(l||(l={})),function(n){n[n.TAB=9]="TAB",n[n.SPACE=32]="SPACE",n[n.ESC=27]="ESC",n[n.ENTER=13]="ENTER",n[n.ARROW_UP=38]="ARROW_UP",n[n.ARROW_DOWN=40]="ARROW_DOWN",n[n.BACKSPACE=8]="BACKSPACE",n[n.DELETE=46]="DELETE"}(u||(u={})),function(n){n.ARROW_DOWN="ArrowDown",n.ARROW_UP="ArrowUp",n.ENTER="Enter",n.ESC="Escape",n.SPACE="Space"}(f||(f={})),function(n){n.dark="dark",n.light="light"}(d||(d={})),function(n){n["after-down"]="after-down",n["after-center"]="after-center",n["after-up"]="after-up",n["below-right"]="below-right",n["below-center"]="below-center",n["below-left"]="below-left",n["before-down"]="before-down",n["before-center"]="before-center",n["before-up"]="before-up",n["above-right"]="above-right",n["above-center"]="above-center",n["above-left"]="above-left"}(m||(m={})),function(n){n.none="none",n.small="small",n.medium="medium"}(g||(g={})),function(n){n["shadow-1"]="shadow-1",n["shadow-2"]="shadow-2",n["shadow-3"]="shadow-3",n["shadow-4"]="shadow-4",n["shadow-6"]="shadow-6",n["shadow-8"]="shadow-8",n["shadow-12"]="shadow-12",n["shadow-16"]="shadow-16",n["shadow-24"]="shadow-24"}(b||(b={})),function(n){n.small="small",n.medium="medium",n.large="large"}(h||(h={})),function(n){n.horizontal="horizontal",n.vertical="vertical"}(w||(w={})),function(n){n["x-small"]="x-small",n.small="small",n.medium="medium",n.large="large",n.special="special"}(p||(p={})),function(n){n.asc="asc",n.desc="desc",n.none="none"}(E||(E={})),function(n){n.small="small",n.medium="medium",n.large="large"}(v||(v={})),function(n){n.warning="warning",n.error="error",n.success="success",n.neutral="neutral",n.default="default"}(A||(A={})),function(n){n.small="small",n.medium="medium",n.large="large",n["x-large"]="x-large"}(x||(x={})),function(n){n.accordion="accordion",n.menu="menu"}(k||(k={})),function(n){n.right="right",n.left="left"}(_||(_={})),function(n){n.none="none",n.header="header",n.element="element"}(C||(C={})),function(n){n.success="success",n.warning="warning",n.error="error"}(R||(R={})),function(n){n.success="success",n.warning="warning",n.error="error"}(S||(S={})),function(n){n.mobile="mobile",n.tablet="tablet",n.desktop="desktop"}(y||(y={})),function(n){n.preview="preview",n.open="open",n.closed="closed"}(D||(D={})),function(n){n.dark="dark",n.light="light",n.accent="accent",n.error="error",n.success="success",n.warning="warning"}(P||(P={})),function(n){n.slideInLeft="slide-in-left",n.slideInRight="slide-in-right",n.slideInDown="slide-in-down",n.slideInUp="slide-in-up",n.slideOutLeft="slide-out-left",n.slideOutRight="slide-out-right",n.slideOutDown="slide-out-down",n.slideOutUp="slide-out-up"}(T||(T={})),function(n){n.topRight="top-right",n.topLeft="top-left",n.topCentre="top-centre",n.bottomRight="bottom-right",n.bottomLeft="bottom-left",n.bottomCentre="bottom-centre"}(B||(B={})),function(n){n.expandable="expandable",n.padding="padding",n.none="none"}(N||(N={}));export{v as A,s as B,e as C,y as D,_ as E,r as I,f as K,x as L,R as N,m as P,E as S,d as T,N as Z,w as a,a as b,i as c,h as d,C as e,k as f,n as g,S as h,g as i,b as j,u as k,p as l,c as m,A as n,l as o,D as p,t as q,o as r,T as s,B as t}
@@ -1 +0,0 @@
1
- import{k as t,D as n}from"./p-d63b9ed3.js";import{t as r,m as a}from"./p-d69e14fb.js";function u(){return Math.random().toString(36).replace("0.","")}function e(n,r,...a){n.keyCode!==t.ENTER&&n.keyCode!==t.SPACE||(n.preventDefault(),r(...a))}function s(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?s(t=t.shadowRoot.activeElement):t}function o(t,n=[]){return n.push(t),t.parentElement?o(t=t.parentElement,n):t.parentNode&&t.parentNode.host?o(t=t.parentNode.host,n):n}function c(){switch(!0){case window.innerWidth<=a:return n.mobile;case window.innerWidth<=r:return n.tablet;default:return n.desktop}}function i(t){try{return JSON.parse(t)}catch(t){return!1}}function f(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}export{s as a,i as b,f as c,c as d,o as g,e as h,u as r}
@@ -1 +0,0 @@
1
- import{r as e,h as t,H as a,g as r}from"./p-904a85e4.js";const i="undefined"!=typeof IntersectionObserver,n=class{constructor(t){e(this,t),this.stuck=!1,this.overlay=!1,this.flow="auto",this.drawerOpen=!1,this.stucked=!1,this.observer=i&&new IntersectionObserver((([e])=>{this.stucked=!e.isIntersecting}),{threshold:.5}),this.openDrawer=this.openDrawer.bind(this),this.closeDrawer=this.closeDrawer.bind(this),this.setStuckPosition=this.setStuckPosition.bind(this)}componentDidLoad(){this.collectMenuElements(),this.onStuckMode(),this.setStuckPosition()}get title(){const e=this.hostElement.querySelector('[slot="title"]');return e?e.textContent.trim():""}get scrollParent(){const e=this.hostElement.offsetParent;return e===document.body||e===document.documentElement?window:e}collectMenuElements(){const e=this.menuElements=this.hostElement.querySelectorAll('[slot="menu"]');this.menuLength=e.length,this.setMenuFloatingMode()}setStuckPosition(){const e=this.hostElement.ownerDocument.querySelector("z-app-topbar");this.hostElement.style.setProperty("--app-header-top-offset",`${e?e.clientHeight:0}px`)}onStuckMode(){this.stuck?this.enableStuckObserver():this.disableStuckMode()}enableStuckObserver(){this.observer&&this.observer.observe(this.container)}disableStuckMode(){this.stucked=!1,this.observer&&this.observer.unobserve(this.container)}onStucked(){const e=this.scrollParent;e&&(this.stucked?(this.setStuckPosition(),e.addEventListener("scroll",this.setStuckPosition)):e.removeEventListener("scroll",this.setStuckPosition))}setMenuFloatingMode(){if(!this.menuElements)return;const e=this.menuElements;for(let t=0,a=e.length;t<a;t++)e[t].open=!1,e[t].floating=!this.drawerOpen}render(){return t(a,{"menu-length":this.menuLength},t("div",{class:"heading-panel",ref:e=>this.container=e},t("div",{class:"hero-container"},t("slot",{name:"hero"},this.hero&&t("img",{alt:"",src:this.hero}))),t("div",{class:"heading-container"},t("div",{class:"heading-title"},this.menuLength>0&&t("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"})),t("slot",{name:"title"})),t("div",{class:"heading-subtitle"},t("slot",{name:"subtitle"}))),t("div",{class:"menu-container"},!this.drawerOpen&&"offcanvas"!==this.flow&&t("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()}))),t("div",{class:"drawer-container"},t("div",{class:"drawer-overlay",onClick:this.closeDrawer}),t("div",{class:"drawer-panel"},t("button",{class:"drawer-close","aria-label":"Chiudi menu",onClick:this.closeDrawer},t("z-icon",{name:"close"})),t("div",{class:"drawer-content"},this.drawerOpen&&t("slot",{name:"menu",onSlotchange:()=>this.collectMenuElements()})))),this.stucked&&t("div",{class:"heading-stucked"},this.menuLength>0&&t("button",{class:"drawer-trigger","aria-label":"Apri menu",onClick:this.openDrawer},t("z-icon",{name:"burger-menu"})),t("div",{class:"heading-title"},t("slot",{name:"stucked-title"},this.title))))}openDrawer(){this.drawerOpen=!0}closeDrawer(){this.drawerOpen=!1}get hostElement(){return r(this)}static get watchers(){return{stuck:["onStuckMode"],stucked:["onStucked"],drawerOpen:["setMenuFloatingMode"]}}};n.style=":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:var(var(--app-header-top-offset), 0);--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;flex-direction:column;justify-content:flex-start;align-items:baseline;flex-shrink:0;flex-grow:0;width:100%;height:var(--app-header-height);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;flex-direction:row;align-items:center;max-width:100%}: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;top:var(--app-header-top-offset);left:0;z-index:5;display:flex;flex-direction:row;width:100%;max-width:100%;color:var(--app-header-stucked-text-color);padding:var(--space-unit) var(--grid-mobile-margin);background:var(--app-header-stucked-bg);box-shadow:var(--shadow-2);animation:slideStuckedHeadingIn 250ms ease-out}.heading-stucked .heading-title,.heading-stucked .heading-title>*,.heading-stucked .heading-title ::slotted([slot='stucked-title']){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.heading-stucked .heading-title>*,::slotted([slot='title']),::slotted([slot='stucked-title']){margin:0;font-weight:700;font-family:'IBM Plex Serif', serif;font-size:var(--app-header-typography-3-size);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-style:italic;font-weight:500;font-size:20px;line-height:1.2}.heading-container{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:100%;margin-right:auto}.menu-container{display:none;flex-direction:row;flex-wrap: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{margin:0 calc(var(--space-unit) * 1.5) 0 0;padding:0;background:none;border:0;border-radius:0;color:inherit;appearance:none;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;top:var(--app-header-top-offset);left:0;width:100%;height:100%;z-index:100;pointer-events:none}.drawer-container .drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block;background:var(--gray900);opacity:0;transition:opacity 400ms ease-out;pointer-events:none}.drawer-panel{position:absolute;top:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:375px;max-width:100%;height:100%;padding:calc(var(--space-unit) * 2) var(--space-unit);background:var(--color-white);color:var(--gray800);transform:translate3d(-100%, 0, 0);transition:transform 400ms ease-out;pointer-events:none}.drawer-content{display:flex;flex-direction:column;flex:1 auto;width:100%;padding:calc(var(--space-unit) * 0.5) var(--space-unit);overflow:auto}.drawer-content::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width: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);margin:0 0 calc(var(--space-unit) * 2.5) var(--space-unit);padding:0;font-size:inherit;background:transparent;color:inherit;fill:currentColor;border:0;border-radius:0;appearance:none;cursor:pointer;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{transform:none;pointer-events:all}.hero-container{position:absolute;top:0;left:0;z-index: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{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background:var(--color-black);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-left:var(--grid-tablet-margin);padding-right: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']):not([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-left:var(--grid-desktop-margin);padding-right:var(--grid-desktop-margin)}:host(:not([flow='stack'])) .heading-panel{flex-direction:row;flex-wrap:wrap}::slotted([slot='title']){font-size:var(--app-header-typography-7-size);letter-spacing:var(--app-header-typography-7-tracking);margin-right:var(--grid-desktop-gutter)}:host(:not([flow='offcanvas']):not([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-left:var(--grid-wide-margin);padding-right:var(--grid-wide-margin)}::slotted([slot='title']){font-size:var(--app-header-typography-9-size);letter-spacing:var(--app-header-typography-9-tracking);margin-right:var(--grid-wide-gutter)}:host(:not([flow='offcanvas']):not([menu-length='0'])) .heading-container:not(:last-child){margin-bottom:0}}@keyframes slideStuckedHeadingIn{0%{transform:translate3d(0, -100%, 0)}100%{transform:none}}";export{n as z_app_header}