@zanichelli/albe-web-components 2.36.3 → 2.37.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/{index-3735f277.js → index-73c33cf4.js} +1 -0
  3. package/dist/cjs/index.cjs.js +2 -2
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/cjs/{utils-6a2c0eab.js → utils-95a9a879.js} +1 -1
  6. package/dist/cjs/web-components-library.cjs.js +1 -1
  7. package/dist/cjs/z-app-switcher.cjs.entry.js +1 -1
  8. package/dist/cjs/z-app-topbar.cjs.entry.js +1 -1
  9. package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
  10. package/dist/cjs/z-avatar.cjs.entry.js +1 -1
  11. package/dist/cjs/{z-body_14.cjs.entry.js → z-body_15.cjs.entry.js} +66 -4
  12. package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
  13. package/dist/cjs/z-combobox.cjs.entry.js +2 -2
  14. package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
  15. package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
  16. package/dist/cjs/z-divider.cjs.entry.js +1 -1
  17. package/dist/cjs/z-footer.cjs.entry.js +1 -1
  18. package/dist/cjs/z-list_3.cjs.entry.js +1 -1
  19. package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
  20. package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
  21. package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
  22. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  23. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  24. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  25. package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
  26. package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
  27. package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
  28. package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
  29. package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
  30. package/dist/cjs/z-notification.cjs.entry.js +1 -1
  31. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  32. package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
  33. package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
  34. package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
  35. package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
  36. package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  37. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  38. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  39. package/dist/collection/beans/index.js +1 -0
  40. package/dist/collection/components/z-card/index.js +36 -7
  41. package/dist/collection/components/z-card/styles.css +26 -4
  42. package/dist/esm/{index-f928c852.js → index-a4f73ed9.js} +1 -0
  43. package/dist/esm/index.js +2 -2
  44. package/dist/esm/loader.js +1 -1
  45. package/dist/esm/{utils-a219c3d4.js → utils-7032aa6d.js} +1 -1
  46. package/dist/esm/web-components-library.js +1 -1
  47. package/dist/esm/z-app-switcher.entry.js +1 -1
  48. package/dist/esm/z-app-topbar.entry.js +1 -1
  49. package/dist/esm/z-aria-alert.entry.js +1 -1
  50. package/dist/esm/z-avatar.entry.js +1 -1
  51. package/dist/esm/{z-body_14.entry.js → z-body_15.entry.js} +67 -6
  52. package/dist/esm/z-button-filter_5.entry.js +2 -2
  53. package/dist/esm/z-combobox.entry.js +2 -2
  54. package/dist/esm/z-contextual-menu.entry.js +1 -1
  55. package/dist/esm/z-cookiebar.entry.js +1 -1
  56. package/dist/esm/z-divider.entry.js +1 -1
  57. package/dist/esm/z-footer.entry.js +1 -1
  58. package/dist/esm/z-list_3.entry.js +1 -1
  59. package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
  60. package/dist/esm/z-messages-pocket.entry.js +1 -1
  61. package/dist/esm/z-modal-login.entry.js +1 -1
  62. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  63. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  64. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  65. package/dist/esm/z-myz-card-info.entry.js +2 -2
  66. package/dist/esm/z-myz-card_4.entry.js +1 -1
  67. package/dist/esm/z-myz-list-item.entry.js +2 -2
  68. package/dist/esm/z-myz-topbar.entry.js +1 -1
  69. package/dist/esm/z-navigation-tabs.entry.js +1 -1
  70. package/dist/esm/z-notification.entry.js +1 -1
  71. package/dist/esm/z-otp.entry.js +1 -1
  72. package/dist/esm/z-pagination-bar.entry.js +2 -2
  73. package/dist/esm/z-pocket_3.entry.js +2 -2
  74. package/dist/esm/z-slideshow.entry.js +2 -2
  75. package/dist/esm/z-status-tag.entry.js +1 -1
  76. package/dist/esm/z-toast-notification-list.entry.js +1 -1
  77. package/dist/esm/z-toast-notification.entry.js +1 -1
  78. package/dist/esm/z-tooltip.entry.js +1 -1
  79. package/dist/types/beans/index.d.ts +2 -1
  80. package/dist/types/components/z-card/index.d.ts +7 -1
  81. package/dist/types/components.d.ts +8 -0
  82. package/dist/web-components-library/index.esm.js +1 -1
  83. package/dist/web-components-library/{p-5ab81e9b.entry.js → p-06e7159b.entry.js} +1 -1
  84. package/dist/web-components-library/{p-42bbbe45.entry.js → p-0ab6a465.entry.js} +1 -1
  85. package/dist/web-components-library/p-0af2894e.js +1 -0
  86. package/dist/web-components-library/{p-57ca60ca.entry.js → p-0c7427ec.entry.js} +1 -1
  87. package/dist/web-components-library/{p-8157eea6.entry.js → p-1ce5ea61.entry.js} +1 -1
  88. package/dist/web-components-library/{p-46409367.entry.js → p-21a50621.entry.js} +1 -1
  89. package/dist/web-components-library/{p-ded3311b.entry.js → p-25cfbd3a.entry.js} +1 -1
  90. package/dist/web-components-library/p-29c08c91.js +1 -0
  91. package/dist/web-components-library/{p-9cf0c400.entry.js → p-29e389cb.entry.js} +1 -1
  92. package/dist/web-components-library/{p-33dc4f06.entry.js → p-2b94e667.entry.js} +1 -1
  93. package/dist/web-components-library/p-3355b667.entry.js +1 -0
  94. package/dist/web-components-library/{p-0fee9636.entry.js → p-346db6a6.entry.js} +1 -1
  95. package/dist/web-components-library/{p-19784323.entry.js → p-3543cfd5.entry.js} +1 -1
  96. package/dist/web-components-library/{p-b725af3c.entry.js → p-4081b879.entry.js} +1 -1
  97. package/dist/web-components-library/{p-d4ada94b.entry.js → p-44dc89cf.entry.js} +1 -1
  98. package/dist/web-components-library/{p-45352dbd.entry.js → p-453af930.entry.js} +1 -1
  99. package/{www/build/p-e21ba6cb.entry.js → dist/web-components-library/p-4fef4307.entry.js} +1 -1
  100. package/dist/web-components-library/p-5d34d798.entry.js +1 -0
  101. package/dist/web-components-library/{p-f7ac7835.entry.js → p-6252d20b.entry.js} +1 -1
  102. package/dist/web-components-library/{p-aba4e402.entry.js → p-7595ed18.entry.js} +1 -1
  103. package/dist/web-components-library/{p-dedd49a7.entry.js → p-7e9a16c8.entry.js} +1 -1
  104. package/dist/web-components-library/{p-d41a8631.entry.js → p-819b5d17.entry.js} +1 -1
  105. package/{www/build/p-94a60282.entry.js → dist/web-components-library/p-8aaba07d.entry.js} +1 -1
  106. package/dist/web-components-library/{p-b18566a3.entry.js → p-976cdbfa.entry.js} +1 -1
  107. package/dist/web-components-library/{p-306c18e8.entry.js → p-9c8aac51.entry.js} +1 -1
  108. package/dist/web-components-library/{p-8bb0c86d.entry.js → p-b85f7e9a.entry.js} +1 -1
  109. package/dist/web-components-library/{p-065c2661.entry.js → p-c3e5e43e.entry.js} +1 -1
  110. package/dist/web-components-library/{p-fe3ab113.entry.js → p-d329ffe4.entry.js} +1 -1
  111. package/dist/web-components-library/{p-2df1936a.entry.js → p-e27b9cba.entry.js} +1 -1
  112. package/dist/web-components-library/{p-6a555104.entry.js → p-e40bf20d.entry.js} +1 -1
  113. package/dist/web-components-library/{p-44904136.entry.js → p-ecac657b.entry.js} +1 -1
  114. package/dist/web-components-library/{p-5f30cea7.entry.js → p-efeecbb7.entry.js} +1 -1
  115. package/dist/web-components-library/{p-72768e3c.entry.js → p-f552b72d.entry.js} +1 -1
  116. package/dist/web-components-library/{p-a3fda8d7.entry.js → p-fd60b041.entry.js} +1 -1
  117. package/dist/web-components-library/web-components-library.esm.js +1 -1
  118. package/package.json +1 -1
  119. package/www/build/index.esm.js +1 -1
  120. package/www/build/{p-ad764532.js → p-053e68f0.js} +1 -1
  121. package/www/build/{p-5ab81e9b.entry.js → p-06e7159b.entry.js} +1 -1
  122. package/www/build/{p-42bbbe45.entry.js → p-0ab6a465.entry.js} +1 -1
  123. package/www/build/p-0af2894e.js +1 -0
  124. package/www/build/{p-57ca60ca.entry.js → p-0c7427ec.entry.js} +1 -1
  125. package/www/build/{p-8157eea6.entry.js → p-1ce5ea61.entry.js} +1 -1
  126. package/www/build/{p-46409367.entry.js → p-21a50621.entry.js} +1 -1
  127. package/www/build/{p-ded3311b.entry.js → p-25cfbd3a.entry.js} +1 -1
  128. package/www/build/p-29c08c91.js +1 -0
  129. package/www/build/{p-9cf0c400.entry.js → p-29e389cb.entry.js} +1 -1
  130. package/www/build/{p-33dc4f06.entry.js → p-2b94e667.entry.js} +1 -1
  131. package/www/build/p-3355b667.entry.js +1 -0
  132. package/www/build/{p-0fee9636.entry.js → p-346db6a6.entry.js} +1 -1
  133. package/www/build/{p-19784323.entry.js → p-3543cfd5.entry.js} +1 -1
  134. package/www/build/{p-b725af3c.entry.js → p-4081b879.entry.js} +1 -1
  135. package/www/build/{p-d4ada94b.entry.js → p-44dc89cf.entry.js} +1 -1
  136. package/www/build/{p-45352dbd.entry.js → p-453af930.entry.js} +1 -1
  137. package/{dist/web-components-library/p-e21ba6cb.entry.js → www/build/p-4fef4307.entry.js} +1 -1
  138. package/www/build/p-5d34d798.entry.js +1 -0
  139. package/www/build/{p-f7ac7835.entry.js → p-6252d20b.entry.js} +1 -1
  140. package/www/build/{p-aba4e402.entry.js → p-7595ed18.entry.js} +1 -1
  141. package/www/build/{p-dedd49a7.entry.js → p-7e9a16c8.entry.js} +1 -1
  142. package/www/build/{p-d41a8631.entry.js → p-819b5d17.entry.js} +1 -1
  143. package/{dist/web-components-library/p-94a60282.entry.js → www/build/p-8aaba07d.entry.js} +1 -1
  144. package/www/build/{p-b18566a3.entry.js → p-976cdbfa.entry.js} +1 -1
  145. package/www/build/{p-306c18e8.entry.js → p-9c8aac51.entry.js} +1 -1
  146. package/www/build/{p-8bb0c86d.entry.js → p-b85f7e9a.entry.js} +1 -1
  147. package/www/build/{p-065c2661.entry.js → p-c3e5e43e.entry.js} +1 -1
  148. package/www/build/{p-fe3ab113.entry.js → p-d329ffe4.entry.js} +1 -1
  149. package/www/build/{p-2df1936a.entry.js → p-e27b9cba.entry.js} +1 -1
  150. package/www/build/{p-6a555104.entry.js → p-e40bf20d.entry.js} +1 -1
  151. package/www/build/{p-44904136.entry.js → p-ecac657b.entry.js} +1 -1
  152. package/www/build/{p-5f30cea7.entry.js → p-efeecbb7.entry.js} +1 -1
  153. package/www/build/{p-72768e3c.entry.js → p-f552b72d.entry.js} +1 -1
  154. package/www/build/{p-a3fda8d7.entry.js → p-fd60b041.entry.js} +1 -1
  155. package/www/build/web-components-library.esm.js +1 -1
  156. package/www/index.html +19 -29
  157. package/dist/cjs/z-card.cjs.entry.js +0 -58
  158. package/dist/esm/z-card.entry.js +0 -54
  159. package/dist/web-components-library/p-3dce95ce.js +0 -1
  160. package/dist/web-components-library/p-795f0a47.entry.js +0 -1
  161. package/dist/web-components-library/p-9f241f4c.js +0 -1
  162. package/dist/web-components-library/p-b36031be.entry.js +0 -1
  163. package/dist/web-components-library/p-ece1037e.entry.js +0 -1
  164. package/www/build/p-3dce95ce.js +0 -1
  165. package/www/build/p-795f0a47.entry.js +0 -1
  166. package/www/build/p-9f241f4c.js +0 -1
  167. package/www/build/p-b36031be.entry.js +0 -1
  168. package/www/build/p-ece1037e.entry.js +0 -1
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-ece1037e",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[4,"z-table-header-row",{"expandable":[516]}],[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[6,"z-table-body"],[6,"z-table-head"],[6,"z-table-sticky-footer"],[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}],[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}],[6,"z-popover",{"position":[1],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32],"popoverPosition":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[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-065c2661",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-8157eea6",[[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"]]]]],["p-44904136",[[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"]]]]],["p-e21ba6cb",[[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-46409367",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}]]],["p-6a555104",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-b18566a3",[[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"]]]]],["p-d4ada94b",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-5f30cea7",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-19784323",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}]]],["p-a3fda8d7",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-72768e3c",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-33dc4f06",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-aba4e402",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["p-250926fe",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["p-4a414eb2",[[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"]]]]],["p-fdfca9b7",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-b78fb152",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-b36031be",[[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]]]],["p-a1bb6af2",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-698e18cf",[[1,"z-icon-package"]]],["p-0ce6293a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-a7733104",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-cfebc80e",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-6583cbec",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-8bb0c86d",[[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-45352dbd",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-306c18e8",[[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}]]],["p-57ca60ca",[[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-cf914ea7",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}]]],["p-795f0a47",[[4,"z-aria-alert",{"mode":[1]}]]],["p-fe3ab113",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-f8446b1e",[[1,"z-chip",{"regulartext":[1],"boldtext":[2]}]]],["p-ebcad010",[[1,"z-ghost-loading"]]],["p-b725af3c",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-aa0f7169",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-74fb3d69",[[1,"z-stepper"]]],["p-ac3bc4c2",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-8edb6b65",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-4a1404e2",[[6,"z-table-footer"]]],["p-f7ac7835",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-483d10ba",[[1,"z-visually-hidden"]]],["p-9cf0c400",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}]]],["p-e1f1f39e",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}]]],["p-db5863cf",[[1,"z-alert",{"type":[1]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-71cc7ed0",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}]]],["p-42bbbe45",[[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}]]],["p-5ab81e9b",[[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}]]],["p-0fee9636",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["p-94a60282",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-list",{"size":[513]}]]],["p-5bbbc979",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["p-d41a8631",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-ded3311b",[[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]}]]],["p-80589729",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-dedd49a7",[[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]}]]],["p-60e40371",[[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]}]]],["p-2df1936a",[[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]}]]]]'),e)));
1
+ import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,a={};return""!==t&&(a.resourcesUrl=new URL(".",t).href),e(a)})().then((e=>t(JSON.parse('[["p-3355b667",[[4,"z-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[4,"z-table-header-row",{"expandable":[516]}],[4,"z-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"showshadow":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[6,"z-table-body"],[6,"z-table-head"],[6,"z-table-sticky-footer"],[1,"z-table-header",{"columnId":[1,"column-id"],"padding":[513],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[1,"z-table-cell",{"showButton":[4,"show-button"],"padding":[513],"isMenuOpened":[32]}],[6,"z-table-empty-box",{"message":[1],"subtitle":[1]}],[6,"z-popover",{"position":[1],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32],"popoverPosition":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[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-c3e5e43e",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-1ce5ea61",[[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"]]]]],["p-ecac657b",[[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"]]]]],["p-4fef4307",[[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-21a50621",[[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}]]],["p-e40bf20d",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-976cdbfa",[[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"]]]]],["p-44dc89cf",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-efeecbb7",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-3543cfd5",[[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}]]],["p-fd60b041",[[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}]]],["p-f552b72d",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-2b94e667",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-7595ed18",[[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}]]],["p-250926fe",[[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}]]],["p-4a414eb2",[[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"]]]]],["p-fdfca9b7",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-b78fb152",[[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}]]],["p-a1bb6af2",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-698e18cf",[[1,"z-icon-package"]]],["p-0ce6293a",[[1,"z-info-box",{"boxid":[1],"isclosable":[4]}]]],["p-a7733104",[[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-cfebc80e",[[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]]]],["p-6583cbec",[[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}]]],["p-b85f7e9a",[[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-453af930",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-9c8aac51",[[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}]]],["p-0c7427ec",[[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-cf914ea7",[[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}]]],["p-5d34d798",[[4,"z-aria-alert",{"mode":[1]}]]],["p-d329ffe4",[[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}]]],["p-f8446b1e",[[1,"z-chip",{"regulartext":[1],"boldtext":[2]}]]],["p-ebcad010",[[1,"z-ghost-loading"]]],["p-4081b879",[[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-aa0f7169",[[1,"z-myz-card-list",{"listdata":[1]}]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-74fb3d69",[[1,"z-stepper"]]],["p-ac3bc4c2",[[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}]]],["p-8edb6b65",[[1,"z-table-expanded-row",{"colSpan":[2,"col-span"]}]]],["p-4a1404e2",[[6,"z-table-footer"]]],["p-6252d20b",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-483d10ba",[[1,"z-visually-hidden"]]],["p-29e389cb",[[1,"z-app-switcher",{"theme":[1],"isopen":[32]}]]],["p-e1f1f39e",[[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}]]],["p-db5863cf",[[1,"z-alert",{"type":[1]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-71cc7ed0",[[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}]]],["p-0ab6a465",[[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}]]],["p-06e7159b",[[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}]]],["p-346db6a6",[[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}]]],["p-8aaba07d",[[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-list",{"size":[513]}]]],["p-5bbbc979",[[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}]]],["p-819b5d17",[[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}]]],["p-25cfbd3a",[[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]}]]],["p-80589729",[[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}]]],["p-7e9a16c8",[[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]}]]],["p-60e40371",[[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]}]]],["p-e27b9cba",[[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]}]]]]'),e)));
package/www/index.html CHANGED
@@ -1,31 +1,21 @@
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-97a11655.css"> <link rel="modulepreload" href="/build/p-ad764532.js"><script type="module" src="/build/p-ad764532.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;"> <h1>Table</h1> <h2>Simple table</h2> <z-table bordered="true" header-sticky="false" column-sticky="false"> <z-table-head> <z-table-header-row> <z-table-header style="width: 1000px;"> <span>T300 </span> </z-table-header> <z-table-header> <span>Titolo 2</span> </z-table-header> <z-table-header> <span>Titolo 3</span> </z-table-header> <z-table-header> <span>Titolo 4</span> </z-table-header> </z-table-header-row> </z-table-head> <z-table-body> <z-table-row> <z-table-cell padding="small"> <span>Contenuto 1-1</span> </z-table-cell> <z-table-cell padding="small"> <span>Contenuto 1-2</span> </z-table-cell> <z-table-cell padding="small"> <span>Contenuto 1-3</span> </z-table-cell> <z-table-cell padding="small"> <span>Contenuto 1-4</span> </z-table-cell> </z-table-row> <z-table-row> <z-table-cell> <span>Contenuto 2-1</span> </z-table-cell> <z-table-cell> <span>Contenuto 2-2</span> </z-table-cell> <z-table-cell> <span>Contenuto 2-3</span> </z-table-cell> <z-table-cell> <span>Contenuto 2-4</span> </z-table-cell> </z-table-row> <z-table-row> <z-table-cell> <span>Contenuto 3-1</span> </z-table-cell> <z-table-cell> <span>Contenuto 3-2</span> </z-table-cell> <z-table-cell> <span>Contenuto 3-3</span> </z-table-cell> <z-table-cell> <span>Contenuto 3-4</span> </z-table-cell> </z-table-row> <z-table-row> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-table-cell> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-table-cell> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-table-cell> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-table-cell> </z-table-row> </z-table-body> <z-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-table-sticky-footer> <script>
2
- function openModal(e) {
3
- const m = document.getElementById("mymodal");
4
- m.style = "display: block";
5
- console.log(e);
6
- }
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-97a11655.css"> <link rel="modulepreload" href="/build/p-053e68f0.js"><script type="module" src="/build/p-053e68f0.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;"> <h1>Table</h1> <h2>Simple table</h2> <z-table bordered="true" header-sticky="false" column-sticky="false"> <z-table-head> <z-table-header-row> <z-table-header style="width: 1000px;"> <span>T300 </span> </z-table-header> <z-table-header> <span>Titolo 2</span> </z-table-header> <z-table-header> <span>Titolo 3</span> </z-table-header> <z-table-header> <span>Titolo 4</span> </z-table-header> </z-table-header-row> </z-table-head> <z-table-body> <z-table-row> <z-table-cell padding="small"> <span>Contenuto 1-1</span> </z-table-cell> <z-table-cell padding="small"> <span>Contenuto 1-2</span> </z-table-cell> <z-table-cell padding="small"> <span>Contenuto 1-3</span> </z-table-cell> <z-table-cell padding="small"> <span>Contenuto 1-4</span> </z-table-cell> </z-table-row> <z-table-row> <z-table-cell> <span>Contenuto 2-1</span> </z-table-cell> <z-table-cell> <span>Contenuto 2-2</span> </z-table-cell> <z-table-cell> <span>Contenuto 2-3</span> </z-table-cell> <z-table-cell> <span>Contenuto 2-4</span> </z-table-cell> </z-table-row> <z-table-row> <z-table-cell> <span>Contenuto 3-1</span> </z-table-cell> <z-table-cell> <span>Contenuto 3-2</span> </z-table-cell> <z-table-cell> <span>Contenuto 3-3</span> </z-table-cell> <z-table-cell> <span>Contenuto 3-4</span> </z-table-cell> </z-table-row> <z-table-row> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-table-cell> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-table-cell> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-table-cell> <z-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-table-cell> </z-table-row> </z-table-body> <z-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-table-sticky-footer> <section> <h4>z-card default variant</h4> <div class="z-cards"> <z-card clickable=""> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" showshadow="" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card border variant</h4> <div class="z-cards"> <z-card clickable="" variant="border"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" cover-icon="play-filled" showshadow=""> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="border" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action" fill="color-text-inverse"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card shadow variant</h4> <div class="z-cards"> <z-card clickable="" variant="shadow"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" cover-icon="play-filled"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="shadow" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>z-card overlay variant</h4> <div class="z-cards"> <z-card clickable="" variant="overlay"> <img slot="cover" src="https://i.pinimg.com/originals/b9/fc/7e/b9fc7e6b2dd2ca128bcc3412e68994f0.jpg"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> <z-card clickable="" variant="overlay" showshadow="" style="--z-card--color-cover-background: orange;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card.Some description for the content of
2
+ the card.Some description for the content of the card.Some description for the content of the card.Some
3
+ description for the content of the card.Some description for the content of the card.</p> <z-icon name="share" slot="action"></z-icon> <z-icon name="delete" slot="action"></z-icon> </z-card> </div> </section> <section> <h4>Text</h4> <div class="z-cards"> <z-card variant="text" showshadow="" style="--z-card--text-background: var(--color-secondary02); color: white;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-surface01"></z-icon> <z-icon name="delete" slot="action" fill="color-surface01"></z-icon> </z-card> <z-card clickable="" id="mycard" variant="text" style="--z-card--text-background: var(--color-primary01); color: white; --z-card--text-border-radius: 4px;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-surface01"></z-icon> <z-icon name="delete" slot="action" fill="color-surface01"></z-icon> </z-card> <z-card clickable="" variant="text" style="--z-card--text-border: 2px solid black; --z-card--text-border-radius: 4px;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-primary01"></z-icon> <z-icon name="delete" slot="action" fill="color-primary01"></z-icon> </z-card> <z-card clickable="" variant="text" showshadow="" style="--z-card--text-border: 1px solid black;"> <h2 class="body-5" slot="metadata">metadata</h2> <h3 slot="title">Card title</h3> <p class="body-3" slot="text">Some description for the content of the card. </p> <z-icon name="share" slot="action" fill="color-primary01"></z-icon> <z-icon name="delete" slot="action" fill="color-primary01"></z-icon> </z-card> </div> <div class="z-cards"> <z-card clickable="" variant="text" style="--z-card--text-border: 1px solid var(--z-card--border-color); --z-card--text-border-radius: 4px;"> <h3 slot="title">Aula di lettere</h3> <p class="body-3" slot="text">Descrizione breve dell'applicazione </p> <z-icon name="chevron-right-filled" slot="action" fill="color-primary01"></z-icon> </z-card> </div> </section> <script>
7
4
 
8
- function closeModal(e) {
9
- const m = document.getElementById("mymodal");
10
- m.style = "display: none";
11
- console.log(e);
12
- }
13
- const appMenu = document.getElementById("app-switcher");
14
- appMenu.addEventListener("appButtonClick", (e) => openModal(e));
5
+ const mycard = document.getElementById("mycard");
6
+ console.log(mycard)
7
+ mycard.addEventListener("cardClicked", () =>
8
+ console.log("mycard was clicked ")
9
+ );
10
+ </script> <style>.z-cards {
11
+ display: flex;
12
+ padding: 24px;
13
+ }
15
14
 
16
- const contextualMenu = document.getElementById("contextual-menu-1");
17
- contextualMenu.addEventListener("clickContextualMenu", (e) =>
18
- console.log("LOG id ", e.detail)
19
- );
20
- const emptytable = document.getElementById("empty-table");
21
- emptytable.addEventListener("callToAction", () =>
22
- console.log("call to action 1")
23
- );
24
- emptytable.addEventListener("callToActionTwo", () =>
25
- console.log("call to action 2")
26
- );
27
- const emptytable_due = document.getElementById("empty-table-two");
28
- emptytable_due.addEventListener("callToAction", () =>
29
- console.log("call to action per seconda tabella")
30
- );
31
- </script> </z-table></body></html>
15
+ z-card {
16
+ width: 263px;
17
+ }
18
+
19
+ .z-cards z-card+z-card {
20
+ margin-left: 24px;
21
+ }</style></z-table></body></html>
@@ -1,58 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-dee3e21d.js');
6
- const index$1 = require('./index-3735f277.js');
7
-
8
- const stylesCss = ":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";
9
-
10
- const ZCard = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.cardClicked = index.createEvent(this, "cardClicked", 7);
14
- /** Enable click interactions on the card. Default: false */
15
- this.clickable = false;
16
- }
17
- onClick(ev) {
18
- // Do nothing for clicks on actions.
19
- if (ev.target.getAttribute('slot') === 'action') {
20
- return;
21
- }
22
- if (!this.clickable) {
23
- ev.preventDefault();
24
- ev.stopPropagation();
25
- return;
26
- }
27
- this.cardClicked.emit();
28
- }
29
- componentWillLoad() {
30
- this.hasCoverImage = !!this.host.querySelector('[slot="cover"]');
31
- }
32
- /**
33
- * Template for a card without image cover.
34
- * A colored background replaces the image and some data is moved over it.
35
- */
36
- renderColorCoverCard() {
37
- return [
38
- index.h("div", { class: "cover-container" }, index.h("div", { class: "color-cover" }, index.h("div", { class: "cover-content" }, index.h("slot", { name: "metadata" }), index.h("slot", { name: "title" })))),
39
- index.h("div", { class: "content" }, index.h("slot", { name: "text" }), index.h("div", { class: "actions" }, index.h("slot", { name: "action" })))
40
- ];
41
- }
42
- render() {
43
- if (this.variant === index$1.CardVariants.overlay || this.hasCoverImage) {
44
- return [
45
- index.h("div", { class: "cover-container" }, this.hasCoverImage && [
46
- index.h("slot", { name: "cover" }),
47
- (this.variant !== index$1.CardVariants.overlay) && this.coverIcon && index.h("z-icon", { name: this.coverIcon })
48
- ], !this.hasCoverImage && index.h("div", { class: "color-cover" })),
49
- index.h("div", { class: "content" }, index.h("slot", { name: "metadata" }), index.h("slot", { name: "title" }), index.h("slot", { name: "text" }), index.h("div", { class: "actions" }, index.h("slot", { name: "action" })))
50
- ];
51
- }
52
- return this.renderColorCoverCard();
53
- }
54
- get host() { return index.getElement(this); }
55
- };
56
- ZCard.style = stylesCss;
57
-
58
- exports.z_card = ZCard;
@@ -1,54 +0,0 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-fa9e549c.js';
2
- import { C as CardVariants } from './index-f928c852.js';
3
-
4
- const stylesCss = ":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";
5
-
6
- const ZCard = class {
7
- constructor(hostRef) {
8
- registerInstance(this, hostRef);
9
- this.cardClicked = createEvent(this, "cardClicked", 7);
10
- /** Enable click interactions on the card. Default: false */
11
- this.clickable = false;
12
- }
13
- onClick(ev) {
14
- // Do nothing for clicks on actions.
15
- if (ev.target.getAttribute('slot') === 'action') {
16
- return;
17
- }
18
- if (!this.clickable) {
19
- ev.preventDefault();
20
- ev.stopPropagation();
21
- return;
22
- }
23
- this.cardClicked.emit();
24
- }
25
- componentWillLoad() {
26
- this.hasCoverImage = !!this.host.querySelector('[slot="cover"]');
27
- }
28
- /**
29
- * Template for a card without image cover.
30
- * A colored background replaces the image and some data is moved over it.
31
- */
32
- renderColorCoverCard() {
33
- return [
34
- h("div", { class: "cover-container" }, h("div", { class: "color-cover" }, h("div", { class: "cover-content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" })))),
35
- h("div", { class: "content" }, h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" })))
36
- ];
37
- }
38
- render() {
39
- if (this.variant === CardVariants.overlay || this.hasCoverImage) {
40
- return [
41
- h("div", { class: "cover-container" }, this.hasCoverImage && [
42
- h("slot", { name: "cover" }),
43
- (this.variant !== CardVariants.overlay) && this.coverIcon && h("z-icon", { name: this.coverIcon })
44
- ], !this.hasCoverImage && h("div", { class: "color-cover" })),
45
- h("div", { class: "content" }, h("slot", { name: "metadata" }), h("slot", { name: "title" }), h("slot", { name: "text" }), h("div", { class: "actions" }, h("slot", { name: "action" })))
46
- ];
47
- }
48
- return this.renderColorCoverCard();
49
- }
50
- get host() { return getElement(this); }
51
- };
52
- ZCard.style = stylesCss;
53
-
54
- export { ZCard as z_card };
@@ -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,O;!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.asc="asc",n.desc="desc",n.none="none"}(p||(p={})),function(n){n.small="small",n.medium="medium",n.large="large"}(E||(E={})),function(n){n.warning="warning",n.error="error",n.success="success",n.neutral="neutral",n.default="default"}(v||(v={})),function(n){n.small="small",n.medium="medium",n.large="large",n["x-large"]="x-large"}(A||(A={})),function(n){n["x-small"]="x-small",n.small="small",n.medium="medium",n.large="large",n.special="special"}(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={})),function(n){n.polite="polite",n.assertive="assertive"}(O||(O={}));export{E as A,s as B,e as C,y as D,_ as E,r as I,f as K,n as L,R as N,m as P,x as S,d as T,N as Z,a,i as b,g as c,b as d,p as e,w as f,O as g,D as h,c as i,S as j,u as k,l,t as m,o as n,v as o,T as p,B as q,A as r,C as s,h as t,k as u}
@@ -1 +0,0 @@
1
- import{r,h as a,H as t}from"./p-904a85e4.js";import{g as s}from"./p-3dce95ce.js";const i=class{constructor(a){r(this,a),this.mode=s.polite}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}
@@ -1 +0,0 @@
1
- import{k as t,D as n}from"./p-3dce95ce.js";import{t as r,m as a}from"./p-d69e14fb.js";function e(){return Math.random().toString(36).replace("0.","")}function u(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 c(t,n=[]){return n.push(t),t.parentElement?c(t=t.parentElement,n):t.parentNode&&t.parentNode.host?c(t=t.parentNode.host,n):n}function o(){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{i as a,o as b,f as c,s as d,c as g,u as h,e as r}
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as a,g as e}from"./p-904a85e4.js";import{C as i}from"./p-3dce95ce.js";const r=class{constructor(a){t(this,a),this.cardClicked=o(this,"cardClicked",7),this.clickable=!1}onClick(t){if("action"!==t.target.getAttribute("slot"))return this.clickable?void this.cardClicked.emit():(t.preventDefault(),void t.stopPropagation())}componentWillLoad(){this.hasCoverImage=!!this.host.querySelector('[slot="cover"]')}renderColorCoverCard(){return[a("div",{class:"cover-container"},a("div",{class:"color-cover"},a("div",{class:"cover-content"},a("slot",{name:"metadata"}),a("slot",{name:"title"})))),a("div",{class:"content"},a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]}render(){return this.variant===i.overlay||this.hasCoverImage?[a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==i.overlay&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]:this.renderColorCoverCard()}get host(){return e(this)}};r.style=":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";export{r as z_card}
@@ -1 +0,0 @@
1
- import{r as t,h as o,g as e,H as r,c as a}from"./p-904a85e4.js";import{c as s}from"./p-3247dee9.js";import{B as i,a as n,b as l,P as c,c as d,d as h,K as p,S as b,e as v,Z as u}from"./p-3dce95ce.js";import{i as g}from"./p-82048c15.js";import{g as x}from"./p-9f241f4c.js";import{m}from"./p-d69e14fb.js";import"./p-b68038b5.js";const z=class{constructor(o){t(this,o),this.variant="regular"}render(){return o("z-typography",{tabIndex:0,component:this.component||"span",level:`b${this.level}`,variant:this.variant},o("slot",null))}},w=class{constructor(o){t(this,o),this.disabled=!1,this.type=i.button,this.variant=n.primary,this.size=l.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",o("slot",{name:"element"},o("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:s(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&o("z-icon",{name:this.icon,width:16,height:16}),o("slot",null)))}get hostElement(){return e(this)}};w.style=':host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size="big"]) ::slotted(button),:host([size="big"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size="small"]) ::slotted(button),:host([size="small"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size="x-small"]) ::slotted(button),:host([size="x-small"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant="primary"]) ::slotted(button),:host([variant="primary"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant="primary"]) ::slotted(button:hover),:host([variant="primary"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant="primary"]) ::slotted(button:active),:host([variant="primary"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant="primary"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant="secondary"]) ::slotted(button),:host([variant="secondary"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant="secondary"]) ::slotted(button:hover),:host([variant="secondary"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant="secondary"]) ::slotted(button:active),:host([variant="secondary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant="secondary"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant="tertiary"]) ::slotted(button),:host([variant="tertiary"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant="tertiary"]) ::slotted(button:hover),:host([variant="tertiary"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant="tertiary"]) ::slotted(button:focus:focus-visible),:host([variant="tertiary"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant="tertiary"]) ::slotted(button:active),:host([variant="tertiary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant="tertiary"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant="dark-bg"]) ::slotted(button),:host([variant="dark-bg"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant="dark-bg"]) ::slotted(button:hover),:host([variant="dark-bg"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant="dark-bg"]) ::slotted(button:active),:host([variant="dark-bg"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant="dark-bg"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}';const f=class{constructor(o){t(this,o)}selectPathOrPolygon(t){return t&&t.startsWith("M")?o("path",{d:g[this.name]}):o("polygon",{points:g[this.name]})}render(){return o("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(g[this.name]))}};f.style=":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";const y=class{constructor(o){t(this,o),this.position=c["after-up"],this.backgroundColor="color-white",this.borderRadius=d.small,this.boxShadow=h["shadow-1"],this.showArrow=!1,this.padding="8px",this.isVisible=!1,this.popoverPosition=this.position,this.handleKeyDown=this.handleKeyDown.bind(this)}openPopover(){const t=document.body.clientWidth,o=window.innerHeight,e=this.popoverElem.getBoundingClientRect(),r=e.left,a=e.right,s=e.top,i=e.bottom;let n=this.position.split("-")[0],l=this.position.split("-")[1];s<0&&(this.position.startsWith("above")?n="below":l="down"),i>o&&(this.position.startsWith("below")?n="above":l="up"),a>t&&(this.position.startsWith("above")||this.position.startsWith("below")?l="left":n="before"),r<0&&(this.position.startsWith("above")||this.position.startsWith("below")?l="right":n="after"),this.popoverPosition=c[`${n}-${l}`],this.isVisible=!0}closePopover(){this.popoverPosition=this.position,this.isVisible=!1}closePopoverWithKeyboard(t){t.key===p.ESC&&this.closePopover()}handleClick(t){this.isVisible?this.closePopover():this.openPopover(),t.stopPropagation()}handleKeyDown(t){t.code===p.ENTER&&(this.isVisible?this.closePopover():this.openPopover())}handleOutsideClick(t){x(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||this.closePopover()}render(){return o(r,{onKeyDown:this.handleKeyDown},o("div",{tabindex:"0",onClick:t=>this.handleClick(t),onKeyDown:t=>{t.key===p.ENTER&&this.handleClick(t)}},o("slot",{name:"trigger"})),o("div",{ref:t=>this.popoverElem=t,class:s("popover-content-container",this.popoverPosition,`border-radius-${this.borderRadius}`,this.boxShadow,{"show-arrow":this.showArrow},{visible:this.isVisible}),style:{backgroundColor:`var(--${this.backgroundColor})`,padding:this.padding}},o("slot",{name:"popover"})))}};y.style='.sc-z-popover-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover:before{display:none;position:absolute;content:"";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover:before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover:before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover:before{display:block}';const k=class{constructor(o){t(this,o),this.callToAction=a(this,"callToAction",7),this.callToActionTwo=a(this,"callToActionTwo",7),this.errorMessage="Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto",this.bordered=!1,this.columnSticky=!1,this.empty=!1,this.error=!1,this.headerSticky=!1,this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare",this.subtitle=""}handleResize(){this.isMobile=window.innerWidth<=m}handleOrientationChange(){this.isMobile=screen.width<=m}componentWillLoad(){var t;this.isMobile=window.innerWidth<=m;const o=this.host.querySelector('[slot="table-body"]');this.hasTableBody=!!(null===(t=null==o?void 0:o.children)||void 0===t?void 0:t.length),o&&!this.hasTableBody&&o.remove()}componentWillRender(){this.host.setAttribute("role","table")}renderError(t){const e=this.lines?`calc(40px * ${this.lines})`:"auto";return o(r,null,o("div",{class:t},o("slot",{name:"table-header"})),o("z-table-error",null,o("div",{class:"error-content",style:{minHeight:e}},o("slot",{name:"error-image"}),o("div",{class:"text"},o("z-body",{class:"error-message",level:3,variant:"semibold"},this.errorMessage),o("slot",{name:"error-action"})))))}renderEmpty(t){const e=this.isMobile?l.small:l.big,a=this.hasTableBody?"table-content":"";return this.hasTableBody?o(r,null,o("div",{class:t},o("slot",{name:"table-header"}),o("div",{class:a},o("slot",{name:"table-body"}),o("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&o("z-button",{slot:"cta1",variant:n.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&o("z-button",{slot:"cta2",variant:n.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel))))):o(r,null,o("div",{class:t},o("slot",{name:"table-header"})),o("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&o("z-button",{slot:"cta1",variant:n.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&o("z-button",{slot:"cta2",variant:n.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel)))}render(){const t=`table ${this.empty?"table-empty":""} ${this.bordered?"table-bordered":""}\n ${this.columnSticky?"table-column-sticky":""}\n ${this.headerSticky?"table-header-sticky":""}`;return this.error?this.renderError(t):this.empty?this.renderEmpty(t):o(r,null,o("div",{class:t},o("slot",null)),o("slot",{name:"sticky-footer"}))}static get assetsDirs(){return["assets"]}get host(){return e(this)}};k.style="z-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg);background-color:var(--color-white)}z-table>div.table{display:table;width:100%;border-collapse:separate}z-table>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-table>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{z-index:2}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--bg-grey-200)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--bg-grey-200)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;flex-direction:row;width:100%}.error-content{font-family:var(--dashboard-font);padding:calc(var(--space-unit) * 3);display:flex}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";const _=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup"),Array.from(this.host.children).forEach(((t,o)=>t.setAttribute("aria-rowindex",`${o}`)))}render(){return o("slot",null)}get host(){return e(this)}};_.style=".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";const C=class{constructor(o){t(this,o),this.padding=b.medium,this.isMenuOpened=!1}handleMenu(){this.isMenuOpened=!this.isMenuOpened}componentWillRender(){this.host.setAttribute("role","cell")}render(){return o(r,null,this.showButton&&o("div",{class:s("button-container",{visible:this.isMenuOpened})},o("div",{class:"button-content"},o("z-button",{icon:"contextual-menu",variant:n.tertiary,size:l["x-small"],onClick:()=>this.handleMenu(),square:!0}),o("div",{class:s("contextual-menu-container",{visible:this.isMenuOpened})},o("slot",{name:"contextual-menu"})))),o("slot",null))}get host(){return e(this)}};C.style=':host{display:table-cell;background-color:var(--color-white);border-bottom:var(--border-size-small) solid var(--bg-grey-200);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;right:8px;top:8px;z-index:5}.button-content{position:relative}.contextual-menu-container{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}';const $=class{constructor(o){t(this,o),this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare.",this.subtitle=""}componentWillLoad(){this.hasCta1Slot=!!this.hostElement.querySelector('[slot="cta1"]'),this.hasCta2Slot=!!this.hostElement.querySelector('[slot="cta2"]')}render(){return o(r,null,o("z-body",{level:3,variant:"semibold"},this.message),o("br",null),!!this.subtitle&&o("z-body",{level:4,variant:"regular"},this.subtitle),(!!this.hasCta1Slot||!!this.hasCta2Slot)&&o("div",{class:s("cta",{has2Cta:!!this.hasCta1Slot&&!!this.hasCta2Slot})},o("slot",{name:"cta1"}),o("slot",{name:"cta2"})))}get hostElement(){return e(this)}};$.style=".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--bg-white)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has2Cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has2Cta.sc-z-table-empty-box{flex-direction:row}}";const E=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return o("slot",null)}get host(){return e(this)}};E.style=".sc-z-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";const j=class{constructor(o){t(this,o),this.sort=a(this,"sort",7),this.padding=b.medium,this.defaultSortDirection=v.asc,this.sortDirection=v.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case v.asc:return v.desc;case v.desc:return v.asc;case v.none:return this.defaultSortDirection;default:return v.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){x(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:o}=t,e=x(o).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&e&&e.attributes.getNamedItem("column-id").value!==this.columnId&&(o.parentNode.sortable||o.sortable)&&(this.sortDirection=v.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return o(r,{class:s({sortable:this.sortable}),onClick:()=>this.handleSort()},o("div",{class:s("container")},o("slot",null),this.sortable&&this.sortDirection!==v.none&&o("z-icon",{name:this.sortDirection===v.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&o("div",{class:s("popover-container",{visible:this.isMenuOpened})},o("z-popover",{position:c["below-center"],"background-color":"gray200"},o("z-button",{icon:"contextual-menu",variant:n.tertiary,size:l["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),o("div",{slot:"popover"},o("slot",{name:"contextual-menu"})))))}get host(){return e(this)}};j.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';const q=class{constructor(o){t(this,o)}_renderExpandHeader(){return o("z-table-header",null)}render(){return o(r,{role:"row"},this.expandable&&this._renderExpandHeader(),o("slot",null))}};q.style="z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;user-select:none;box-sizing:border-box}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";const W=class{constructor(o){t(this,o),this.expand=a(this,"expand",7),this.expandedType=u.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return o("z-table-cell",{style:{borderRight:"none"}},this.expandedType==u.expandable?o("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):o("div",{class:"z-icon-placeholder"}))}render(){return o(r,{role:"row",expanded:this.expanded,onClick:t=>{this.expandedType===u.expandable&&"Z-CONTEXTUAL-MENU"!==t.target.nodeName&&this.handleExpand()}},this.expandedType!==u.none&&this.renderExpandButton(),o("slot",null))}};W.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';const O=class{constructor(o){t(this,o)}render(){return o("slot",null)}};O.style=".sc-z-table-sticky-footer-h{display:block;position:sticky;left:0;padding:var(--basex2);background-color:var(--bg-white);border-style:solid;border-color:var(--gray200);border-width:var(--border-size-small) 0 var(--border-base);font-weight:var(--font-rg)}";const R=class{constructor(o){t(this,o),this.variant="regular"}render(){const t=document.createElement(this.component||"span");return t.innerHTML="<slot />",this.hostElement.shadowRoot.appendChild(t),o(r,{class:{[this.level]:Boolean(this.level),regular:"regular"===this.variant,semibold:"semibold"===this.variant,light:"light"===this.variant}})}get hostElement(){return e(this)}};R.style=":host>*{font-family:var(--dashboard-font);margin:0}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";export{z as z_body,w as z_button,f as z_icon,y as z_popover,k as z_table,_ as z_table_body,C as z_table_cell,$ as z_table_empty_box,E as z_table_head,j as z_table_header,q as z_table_header_row,W as z_table_row,O as z_table_sticky_footer,R as z_typography}
@@ -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,O;!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.asc="asc",n.desc="desc",n.none="none"}(p||(p={})),function(n){n.small="small",n.medium="medium",n.large="large"}(E||(E={})),function(n){n.warning="warning",n.error="error",n.success="success",n.neutral="neutral",n.default="default"}(v||(v={})),function(n){n.small="small",n.medium="medium",n.large="large",n["x-large"]="x-large"}(A||(A={})),function(n){n["x-small"]="x-small",n.small="small",n.medium="medium",n.large="large",n.special="special"}(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={})),function(n){n.polite="polite",n.assertive="assertive"}(O||(O={}));export{E as A,s as B,e as C,y as D,_ as E,r as I,f as K,n as L,R as N,m as P,x as S,d as T,N as Z,a,i as b,g as c,b as d,p as e,w as f,O as g,D as h,c as i,S as j,u as k,l,t as m,o as n,v as o,T as p,B as q,A as r,C as s,h as t,k as u}
@@ -1 +0,0 @@
1
- import{r,h as a,H as t}from"./p-904a85e4.js";import{g as s}from"./p-3dce95ce.js";const i=class{constructor(a){r(this,a),this.mode=s.polite}render(){return a(t,{"aria-live":this.mode,"aria-atomic":"true","aria-relevant":"additions"},a("slot",null))}};export{i as z_aria_alert}
@@ -1 +0,0 @@
1
- import{k as t,D as n}from"./p-3dce95ce.js";import{t as r,m as a}from"./p-d69e14fb.js";function e(){return Math.random().toString(36).replace("0.","")}function u(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 c(t,n=[]){return n.push(t),t.parentElement?c(t=t.parentElement,n):t.parentNode&&t.parentNode.host?c(t=t.parentNode.host,n):n}function o(){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{i as a,o as b,f as c,s as d,c as g,u as h,e as r}
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as a,g as e}from"./p-904a85e4.js";import{C as i}from"./p-3dce95ce.js";const r=class{constructor(a){t(this,a),this.cardClicked=o(this,"cardClicked",7),this.clickable=!1}onClick(t){if("action"!==t.target.getAttribute("slot"))return this.clickable?void this.cardClicked.emit():(t.preventDefault(),void t.stopPropagation())}componentWillLoad(){this.hasCoverImage=!!this.host.querySelector('[slot="cover"]')}renderColorCoverCard(){return[a("div",{class:"cover-container"},a("div",{class:"color-cover"},a("div",{class:"cover-content"},a("slot",{name:"metadata"}),a("slot",{name:"title"})))),a("div",{class:"content"},a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]}render(){return this.variant===i.overlay||this.hasCoverImage?[a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==i.overlay&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))]:this.renderColorCoverCard()}get host(){return e(this)}};r.style=":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}:host(:not([variant='overlay'])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot='cover']),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-unit)}::slotted([slot='metadata']),::slotted([slot='title']),::slotted([slot='text']){display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}::slotted([slot='title']:not(:last-child)),::slotted([slot='text']:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot='text']),::slotted([slot='actions']){margin:0}::slotted([slot='metadata']:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25);-webkit-line-clamp:1;text-transform:uppercase}::slotted([slot='title']){margin:0;font-weight:var(--font-sb);-webkit-line-clamp:2}::slotted([slot='text']){-webkit-line-clamp:3}.actions{display:flex;flex-direction:row;align-items:center}::slotted([slot='action']:not(:last-child)){margin-right:calc(var(--space-unit) * 1.5)}:host([clickable]){cursor:pointer}:host([clickable]:focus:focus-visible){outline:none}:host(:not([variant])[clickable]:focus:focus-visible){padding:calc(var(--space-unit) * 0.5);box-shadow:var(--shadow-focus-primary)}:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='border']) .actions,:host([variant='shadow']) .actions{margin-top:auto}:host([variant='border']){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant='border'][clickable]:hover)>.content{background:var(--color-background)}:host([variant='border'][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant='border'][clickable]:active){border-color:transparent}:host([variant='shadow']){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active){box-shadow:none}:host([variant='overlay']) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));color:var(--color-text-inverse);fill:var(--color-text-inverse)}";export{r as z_card}
@@ -1 +0,0 @@
1
- import{r as t,h as o,g as e,H as r,c as a}from"./p-904a85e4.js";import{c as s}from"./p-3247dee9.js";import{B as i,a as n,b as l,P as c,c as d,d as h,K as p,S as b,e as v,Z as u}from"./p-3dce95ce.js";import{i as g}from"./p-82048c15.js";import{g as x}from"./p-9f241f4c.js";import{m}from"./p-d69e14fb.js";import"./p-b68038b5.js";const z=class{constructor(o){t(this,o),this.variant="regular"}render(){return o("z-typography",{tabIndex:0,component:this.component||"span",level:`b${this.level}`,variant:this.variant},o("slot",null))}},w=class{constructor(o){t(this,o),this.disabled=!1,this.type=i.button,this.variant=n.primary,this.size=l.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",o("slot",{name:"element"},o("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:s(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&o("z-icon",{name:this.icon,width:16,height:16}),o("slot",null)))}get hostElement(){return e(this)}};w.style=':host{display:inline-block;--z-icon-width:16px;--z-icon-height:16px;--z-icon-right-margin:var(--space-unit);--rgb-white:240, 240, 240}button:disabled,::slotted(button:disabled){pointer-events:none}button,::slotted(button),::slotted(a){box-sizing:border-box;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;line-height:1;letter-spacing:0.3px;border-width:var(--border-size-medium);border-style:solid;border-radius:var(--border-radius);vertical-align:middle;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap;outline:none;fill:currentColor}button.big,:host([size="big"]) ::slotted(button),:host([size="big"]) ::slotted(a){height:44px;min-width:44px}button.small,:host([size="small"]) ::slotted(button),:host([size="small"]) ::slotted(a){height:36px;min-width:36px}button.issmall,:host([issmall]) ::slotted(button),:host([issmall]) ::slotted(a){height:36px;min-width:36px}button.x-small,:host([size="x-small"]) ::slotted(button),:host([size="x-small"]) ::slotted(a){height:32px;min-width:32px}button:not(.square),:host(:not([square])) ::slotted(button),:host(:not([square])) ::slotted(a){min-width:calc(var(--space-unit) * 8);padding:0 calc(var(--space-unit) * 2)}button.square,:host([square]){--z-icon-right-margin:0}button.primary,:host([variant="primary"]) ::slotted(button),:host([variant="primary"]) ::slotted(a){background-color:var(--color-primary01);border-color:var(--color-primary01);color:var(--color-text-inverse)}@media (hover: hover){button.primary:hover,:host([variant="primary"]) ::slotted(button:hover),:host([variant="primary"]) ::slotted(a:hover){background-color:var(--color-hover-primary);border-color:var(--color-hover-primary);color:var(--color-text-inverse)}}button:focus:focus-visible,::slotted(button:focus:focus-visible),::slotted(a:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}button.primary:active,:host([variant="primary"]) ::slotted(button:active),:host([variant="primary"]) ::slotted(a:active){background-color:var(--color-pressed-primary);border-color:var(--color-pressed-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-2)}button.primary:disabled,:host([variant="primary"]) ::slotted(button:disabled){background-color:var(--color-disabled01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.secondary,:host([variant="secondary"]) ::slotted(button),:host([variant="secondary"]) ::slotted(a){background-color:var(--color-surface01);border-color:var(--color-primary01);color:var(--color-primary01)}@media (hover: hover){button.secondary:hover,:host([variant="secondary"]) ::slotted(button:hover),:host([variant="secondary"]) ::slotted(a:hover){background-color:var(--color-surface01);border-color:var(--color-hover-primary);color:var(--color-hover-primary)}}button.secondary:active,:host([variant="secondary"]) ::slotted(button:active),:host([variant="secondary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-pressed-primary);color:var(--color-pressed-primary);box-shadow:var(--shadow-2)}button.secondary:disabled,:host([variant="secondary"]) ::slotted(button:disabled){background-color:var(--color-surface01);border-color:var(--color-disabled01);color:var(--color-disabled02)}button.tertiary,:host([variant="tertiary"]) ::slotted(button),:host([variant="tertiary"]) ::slotted(a){background-color:transparent;border-color:transparent;color:var(--color-primary01)}button.tertiary.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.tertiary:hover,:host([variant="tertiary"]) ::slotted(button:hover),:host([variant="tertiary"]) ::slotted(a:hover){background-color:var(--color-primary03);border-color:var(--color-primary03);color:var(--color-hover-primary)}}button.tertiary:focus:focus-visible,:host([variant="tertiary"]) ::slotted(button:focus:focus-visible),:host([variant="tertiary"]) ::slotted(a:focus:focus-visible){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01)}button.tertiary:active,:host([variant="tertiary"]) ::slotted(button:active),:host([variant="tertiary"]) ::slotted(a:active){background-color:var(--color-surface01);border-color:var(--color-surface01);color:var(--color-primary01);box-shadow:var(--shadow-2)}button.tertiary:disabled,:host([variant="tertiary"]) ::slotted(button:disabled){background-color:transparent;border-color:transparent;color:var(--color-disabled02)}button.dark-bg,:host([variant="dark-bg"]) ::slotted(button),:host([variant="dark-bg"]) ::slotted(a){background-color:rgba(var(--rgb-white), 0.2);border-color:transparent;color:var(--color-text04)}button.dark-bg.hasContent{padding:0 var(--space-unit)}@media (hover: hover){button.dark-bg:hover,:host([variant="dark-bg"]) ::slotted(button:hover),:host([variant="dark-bg"]) ::slotted(a:hover){background-color:rgba(var(--rgb-white), 0.1)}}button.dark-bg:active,:host([variant="dark-bg"]) ::slotted(button:active),:host([variant="dark-bg"]) ::slotted(a:active){background-color:rgba(var(--rgb-white), 0.3)}button.dark-bg:disabled,:host([variant="dark-bg"]) ::slotted(button:disabled){color:var(--color-disabled03);background-color:rgba(var(--rgb-white), 0.05)}';const f=class{constructor(o){t(this,o)}selectPathOrPolygon(t){return t&&t.startsWith("M")?o("path",{d:g[this.name]}):o("polygon",{points:g[this.name]})}render(){return o("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(g[this.name]))}};f.style=":host{line-height:0;vertical-align:middle;margin-right:var(--z-icon-right-margin, 0);margin-left:var(--z-icon-left-margin, 0)}:host svg:not([width]){width:var(--z-icon-width, 18px)}:host svg:not([height]){height:var(--z-icon-height, 18px)}";const y=class{constructor(o){t(this,o),this.position=c["after-up"],this.backgroundColor="color-white",this.borderRadius=d.small,this.boxShadow=h["shadow-1"],this.showArrow=!1,this.padding="8px",this.isVisible=!1,this.popoverPosition=this.position,this.handleKeyDown=this.handleKeyDown.bind(this)}openPopover(){const t=document.body.clientWidth,o=window.innerHeight,e=this.popoverElem.getBoundingClientRect(),r=e.left,a=e.right,s=e.top,i=e.bottom;let n=this.position.split("-")[0],l=this.position.split("-")[1];s<0&&(this.position.startsWith("above")?n="below":l="down"),i>o&&(this.position.startsWith("below")?n="above":l="up"),a>t&&(this.position.startsWith("above")||this.position.startsWith("below")?l="left":n="before"),r<0&&(this.position.startsWith("above")||this.position.startsWith("below")?l="right":n="after"),this.popoverPosition=c[`${n}-${l}`],this.isVisible=!0}closePopover(){this.popoverPosition=this.position,this.isVisible=!1}closePopoverWithKeyboard(t){t.key===p.ESC&&this.closePopover()}handleClick(t){this.isVisible?this.closePopover():this.openPopover(),t.stopPropagation()}handleKeyDown(t){t.code===p.ENTER&&(this.isVisible?this.closePopover():this.openPopover())}handleOutsideClick(t){x(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||this.closePopover()}render(){return o(r,{onKeyDown:this.handleKeyDown},o("div",{tabindex:"0",onClick:t=>this.handleClick(t),onKeyDown:t=>{t.key===p.ENTER&&this.handleClick(t)}},o("slot",{name:"trigger"})),o("div",{ref:t=>this.popoverElem=t,class:s("popover-content-container",this.popoverPosition,`border-radius-${this.borderRadius}`,this.boxShadow,{"show-arrow":this.showArrow},{visible:this.isVisible}),style:{backgroundColor:`var(--${this.backgroundColor})`,padding:this.padding}},o("slot",{name:"popover"})))}};y.style='.sc-z-popover-h{font-family:var(--dashboard-font);font-weight:var(--font-rg);position:relative;display:inline-block;--shadow-arrow-color:rgba(66, 69, 72, 0.2);--shadow-arrow-below-color:rgba(66, 69, 72, 0.1)}.popover-content-container.sc-z-popover{box-sizing:border-box;visibility:hidden;position:absolute;min-width:64px;min-height:32px;z-index:999}.popover-content-container.visible.sc-z-popover{visibility:visible}.popover-content-container.border-radius-none.sc-z-popover{border-radius:0}.popover-content-container.border-radius-small.sc-z-popover{border-radius:var(--border-radius-small)}.popover-content-container.border-radius-medium.sc-z-popover{border-radius:var(--border-radius)}.popover-content-container.shadow-1.sc-z-popover{box-shadow:var(--shadow-1)}.popover-content-container.shadow-2.sc-z-popover{box-shadow:var(--shadow-2)}.popover-content-container.shadow-3.sc-z-popover{box-shadow:var(--shadow-3)}.popover-content-container.shadow-4.sc-z-popover{box-shadow:var(--shadow-4)}.popover-content-container.shadow-6.sc-z-popover{box-shadow:var(--shadow-6)}.popover-content-container.shadow-8.sc-z-popover{box-shadow:var(--shadow-8)}.popover-content-container.shadow-12.sc-z-popover{box-shadow:var(--shadow-12)}.popover-content-container.shadow-16.sc-z-popover{box-shadow:var(--shadow-16)}.popover-content-container.shadow-24.sc-z-popover{box-shadow:var(--shadow-24)}.popover-content-container.after-down.sc-z-popover{top:0;left:calc(100% + var(--space-unit))}.popover-content-container.after-center.sc-z-popover{top:50%;left:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.after-up.sc-z-popover{bottom:0;left:calc(100% + var(--space-unit))}.popover-content-container.below-right.sc-z-popover{left:0;top:calc(100% + var(--space-unit))}.popover-content-container.below-center.sc-z-popover{left:50%;top:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.below-left.sc-z-popover{right:0;top:calc(100% + var(--space-unit))}.popover-content-container.before-down.sc-z-popover{top:0;right:calc(100% + var(--space-unit))}.popover-content-container.before-center.sc-z-popover{top:50%;right:calc(100% + var(--space-unit));transform:translateY(-50%)}.popover-content-container.before-up.sc-z-popover{bottom:0;right:calc(100% + var(--space-unit))}.popover-content-container.above-right.sc-z-popover{left:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.above-center.sc-z-popover{left:50%;bottom:calc(100% + var(--space-unit));transform:translateX(-50%)}.popover-content-container.above-left.sc-z-popover{right:0;bottom:calc(100% + var(--space-unit))}.popover-content-container.sc-z-popover:before{display:none;position:absolute;content:"";width:8px;height:8px;z-index:-1;background-color:inherit;transform:rotate(45deg)}.popover-content-container.after-down.sc-z-popover:before{top:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-center.sc-z-popover:before{top:calc(50% - 4px);left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.after-up.sc-z-popover:before{bottom:12px;left:-4px;box-shadow:-1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.below-right.sc-z-popover:before{left:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-center.sc-z-popover:before{left:calc(50% - 4px);top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.below-left.sc-z-popover:before{right:12px;top:-4px;box-shadow:-1px -1px 2px var(--shadow-arrow-below-color)}.popover-content-container.before-down.sc-z-popover:before{top:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-center.sc-z-popover:before{top:calc(50% - 4px);right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.before-up.sc-z-popover:before{bottom:12px;right:-4px;box-shadow:1px -1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-right.sc-z-popover:before{left:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-center.sc-z-popover:before{left:calc(50% - 4px);bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.above-left.sc-z-popover:before{right:12px;bottom:-4px;box-shadow:1px 1px 1.5px var(--shadow-arrow-color)}.popover-content-container.show-arrow.sc-z-popover:before{display:block}';const k=class{constructor(o){t(this,o),this.callToAction=a(this,"callToAction",7),this.callToActionTwo=a(this,"callToActionTwo",7),this.errorMessage="Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto",this.bordered=!1,this.columnSticky=!1,this.empty=!1,this.error=!1,this.headerSticky=!1,this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare",this.subtitle=""}handleResize(){this.isMobile=window.innerWidth<=m}handleOrientationChange(){this.isMobile=screen.width<=m}componentWillLoad(){var t;this.isMobile=window.innerWidth<=m;const o=this.host.querySelector('[slot="table-body"]');this.hasTableBody=!!(null===(t=null==o?void 0:o.children)||void 0===t?void 0:t.length),o&&!this.hasTableBody&&o.remove()}componentWillRender(){this.host.setAttribute("role","table")}renderError(t){const e=this.lines?`calc(40px * ${this.lines})`:"auto";return o(r,null,o("div",{class:t},o("slot",{name:"table-header"})),o("z-table-error",null,o("div",{class:"error-content",style:{minHeight:e}},o("slot",{name:"error-image"}),o("div",{class:"text"},o("z-body",{class:"error-message",level:3,variant:"semibold"},this.errorMessage),o("slot",{name:"error-action"})))))}renderEmpty(t){const e=this.isMobile?l.small:l.big,a=this.hasTableBody?"table-content":"";return this.hasTableBody?o(r,null,o("div",{class:t},o("slot",{name:"table-header"}),o("div",{class:a},o("slot",{name:"table-body"}),o("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&o("z-button",{slot:"cta1",variant:n.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&o("z-button",{slot:"cta2",variant:n.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel))))):o(r,null,o("div",{class:t},o("slot",{name:"table-header"})),o("z-table-empty-box",{class:this.bordered&&"bordered",message:this.message,subtitle:this.subtitle},!!this.callToActionLabel&&o("z-button",{slot:"cta1",variant:n.tertiary,onClick:()=>this.callToAction.emit(),size:e},this.callToActionLabel),!!this.callToActionTwoLabel&&o("z-button",{slot:"cta2",variant:n.tertiary,onClick:()=>this.callToActionTwo.emit(),size:e},this.callToActionTwoLabel)))}render(){const t=`table ${this.empty?"table-empty":""} ${this.bordered?"table-bordered":""}\n ${this.columnSticky?"table-column-sticky":""}\n ${this.headerSticky?"table-header-sticky":""}`;return this.error?this.renderError(t):this.empty?this.renderEmpty(t):o(r,null,o("div",{class:t},o("slot",null)),o("slot",{name:"sticky-footer"}))}static get assetsDirs(){return["assets"]}get host(){return e(this)}};k.style="z-table{overflow-x:auto;display:block;width:100%;font-family:var(--dashboard-font);font-weight:var(--font-rg);background-color:var(--color-white)}z-table>div.table{display:table;width:100%;border-collapse:separate}z-table>div.table-bordered>z-table-body>z-table-row>z-table-cell:not(:last-child),z-table>div.table-bordered>z-table-head>z-table-header-row>z-table-header:not(:last-child){border-right:var(--border-size-small) solid var(--bg-grey-200)}z-table>div>z-table-body>z-table-row[expandable]>z-table-cell:first-child,z-table>div>z-table-head>z-table-header-row[expandable]>z-table-header:first-child{border-right:none}z-table>div>z-table-body>z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table>div>z-table-body>z-table-row[expanded]+z-table-expanded-row{border-bottom:1px solid var(--gray200)}z-table>div.table-column-sticky>z-table-body>z-table-row>z-table-cell:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{position:sticky;left:0;box-shadow:1px 0 4px -1px rgba(66, 69, 72, 0.4);z-index:1}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;top:0;box-shadow:0 2px 3px -3px rgba(66, 69, 72, 0.4)}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{z-index:2}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header:first-child,z-table>div.table-column-sticky>z-table-head>z-table-header-row>z-table-header:first-child{z-index:5}z-table-body{width:auto;background-color:var(--color-white)}z-table-empty-box{display:flex;flex-direction:column;flex-grow:1;border-bottom:var(--border-size-small) solid var(--bg-grey-200)}z-table-empty-box.bordered{border-left:var(--border-size-small) solid var(--bg-grey-200)}.error-message{margin-top:calc(var(--space-unit) * 2)}.table-content{display:flex;flex-direction:row;width:100%}.error-content{font-family:var(--dashboard-font);padding:calc(var(--space-unit) * 3);display:flex}.error-content>img{width:244px;height:188px;margin-right:calc(var(--space-unit) * 3)}@media only screen and (max-width: 768px){z-table>div.table-empty{display:none}.error-content{display:flex;flex-direction:column}.error-content>img{width:auto;height:auto}.text{padding:calc(var(--space-unit) * 3) 0}}";const _=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup"),Array.from(this.host.children).forEach(((t,o)=>t.setAttribute("aria-rowindex",`${o}`)))}render(){return o("slot",null)}get host(){return e(this)}};_.style=".sc-z-table-body-h{display:table-row-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-table-body-h>z-table-row[expanded].sc-z-table-body+z-table-expanded-row.sc-z-table-body{display:table-row}";const C=class{constructor(o){t(this,o),this.padding=b.medium,this.isMenuOpened=!1}handleMenu(){this.isMenuOpened=!this.isMenuOpened}componentWillRender(){this.host.setAttribute("role","cell")}render(){return o(r,null,this.showButton&&o("div",{class:s("button-container",{visible:this.isMenuOpened})},o("div",{class:"button-content"},o("z-button",{icon:"contextual-menu",variant:n.tertiary,size:l["x-small"],onClick:()=>this.handleMenu(),square:!0}),o("div",{class:s("contextual-menu-container",{visible:this.isMenuOpened})},o("slot",{name:"contextual-menu"})))),o("slot",null))}get host(){return e(this)}};C.style=':host{display:table-cell;background-color:var(--color-white);border-bottom:var(--border-size-small) solid var(--bg-grey-200);font-family:var(--dashboard-font);font-weight:var(--font-rg)}:host>.button-container{display:none}:host:hover>.button-container{display:initial}.button-container{position:absolute;right:8px;top:8px;z-index:5}.button-content{position:relative}.contextual-menu-container{display:none;position:absolute;top:calc(100% - var(--space-unit));right:0}.button-container.visible,.contextual-menu-container.visible{display:initial}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}';const $=class{constructor(o){t(this,o),this.message="Siamo spiacenti, al momento non sono presenti dati da visualizzare.",this.subtitle=""}componentWillLoad(){this.hasCta1Slot=!!this.hostElement.querySelector('[slot="cta1"]'),this.hasCta2Slot=!!this.hostElement.querySelector('[slot="cta2"]')}render(){return o(r,null,o("z-body",{level:3,variant:"semibold"},this.message),o("br",null),!!this.subtitle&&o("z-body",{level:4,variant:"regular"},this.subtitle),(!!this.hasCta1Slot||!!this.hasCta2Slot)&&o("div",{class:s("cta",{has2Cta:!!this.hasCta1Slot&&!!this.hasCta2Slot})},o("slot",{name:"cta1"}),o("slot",{name:"cta2"})))}get hostElement(){return e(this)}};$.style=".sc-z-table-empty-box-h{display:block;padding:calc(var(--space-unit)) calc(var(--space-unit) * 3)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 3);background-color:var(--bg-white)}.sc-z-table-empty-box-s>*{margin-top:var(--space-unit)}.cta.sc-z-table-empty-box{display:flex;flex-direction:row;margin-top:calc(var(--space-unit) / 2)}.cta.has2Cta.sc-z-table-empty-box{flex-direction:column}@media only screen and (min-width: 768px){.sc-z-table-empty-box-h{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 7)}.sc-z-table-empty-box-s>*{margin-right:calc(var(--space-unit) * 2)}.cta.sc-z-table-empty-box{margin-top:var(--space-unit)}.cta.has2Cta.sc-z-table-empty-box{flex-direction:row}}";const E=class{constructor(o){t(this,o)}componentWillRender(){this.host.setAttribute("role","rowgroup")}render(){return o("slot",null)}get host(){return e(this)}};E.style=".sc-z-table-head-h{display:table-header-group;font-family:var(--dashboard-font);font-weight:var(--font-rg)}";const j=class{constructor(o){t(this,o),this.sort=a(this,"sort",7),this.padding=b.medium,this.defaultSortDirection=v.asc,this.sortDirection=v.none,this.isMenuOpened=!1,this.emitOnSort=this.emitOnSort.bind(this)}emitOnSort(){this.sort.emit({columnId:this.columnId,sortDirection:this.sortDirection})}handleSort(){this.sortable&&(this.sortDirection=(()=>{switch(this.sortDirection){case v.asc:return v.desc;case v.desc:return v.asc;case v.none:return this.defaultSortDirection;default:return v.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){x(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:o}=t,e=x(o).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&e&&e.attributes.getNamedItem("column-id").value!==this.columnId&&(o.parentNode.sortable||o.sortable)&&(this.sortDirection=v.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return o(r,{class:s({sortable:this.sortable}),onClick:()=>this.handleSort()},o("div",{class:s("container")},o("slot",null),this.sortable&&this.sortDirection!==v.none&&o("z-icon",{name:this.sortDirection===v.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&o("div",{class:s("popover-container",{visible:this.isMenuOpened})},o("z-popover",{position:c["below-center"],"background-color":"gray200"},o("z-button",{icon:"contextual-menu",variant:n.tertiary,size:l["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),o("div",{slot:"popover"},o("slot",{name:"contextual-menu"})))))}get host(){return e(this)}};j.style=':host{display:table-cell;background-color:var(--gray50);border-bottom:var(--border-size-medium) solid var(--gray200);font-family:var(--dashboard-font);font-weight:var(--font-sb);text-align:start;position:relative}.container{display:flex;align-items:flex-end}:host(.sortable){cursor:pointer}:host([padding="x-small"]){padding:calc(var(--space-unit) * 0.5)}:host([padding="small"]){padding:calc(var(--space-unit))}:host([padding="medium"]){padding:calc(var(--space-unit) * 2)}:host([padding="large"]){padding:calc(var(--space-unit) * 2.5)}:host([padding="special"]){padding:0}.arrow{opacity:1;padding-left:var(--space-unit)}.popover-container{position:absolute;top:var(--space-unit);right:var(--space-unit);display:none}.popover-container.visible{display:block}:host(:hover) .popover-container{display:block}';const q=class{constructor(o){t(this,o)}_renderExpandHeader(){return o("z-table-header",null)}render(){return o(r,{role:"row"},this.expandable&&this._renderExpandHeader(),o("slot",null))}};q.style="z-table-header-row{display:table-row}z-table-header-row[expandable]>z-table-header:first-child{width:40px;user-select:none;box-sizing:border-box}z-table-header-row[expandable]>z-table-header:nth-child(2){padding-left:8px}";const W=class{constructor(o){t(this,o),this.expand=a(this,"expand",7),this.expandedType=u.none,this.expanded=!1}emitOnExpand(){this.expand.emit({expanded:this.expanded})}handleExpand(){this.expanded=!this.expanded,this.emitOnExpand()}renderExpandButton(){return o("z-table-cell",{style:{borderRight:"none"}},this.expandedType==u.expandable?o("z-icon",{name:this.expanded?"minus-circled":"plus-circled"}):o("div",{class:"z-icon-placeholder"}))}render(){return o(r,{role:"row",expanded:this.expanded,onClick:t=>{this.expandedType===u.expandable&&"Z-CONTEXTUAL-MENU"!==t.target.nodeName&&this.handleExpand()}},this.expandedType!==u.none&&this.renderExpandButton(),o("slot",null))}};W.style='z-table-row{display:table-row;font-family:var(--font-family-sans)}z-table-row[expanded-type="expandable"]:hover{cursor:pointer}z-table-row[expanded-type="expandable"]>z-table-cell:first-child,z-table-row[expanded-type="padding"]>z-table-cell:first-child{--z-icon-width:16px;--z-icon-height:16px;width:24px;padding-left:16px;padding-right:0px;box-sizing:border-box;text-align:center;fill:var(--gray800);user-select:none}.z-icon-placeholder{width:24px;padding-right:0px}z-table-row[expanded-type="expandable"]>z-table-cell:nth-child(2),z-table-row[expanded-type="padding"]>z-table-cell:nth-child(2){padding-left:8px}z-table-row[expanded-type]:hover>z-table-cell:first-child{fill:var(--myz-blue-dark)}z-table-row[expanded]>z-table-cell{background-color:var(--gray50)}z-table-row[expanded]+z-table-expanded-row{display:table-row}z-table-row[expanded]>z-table-cell{border-bottom:none}';const O=class{constructor(o){t(this,o)}render(){return o("slot",null)}};O.style=".sc-z-table-sticky-footer-h{display:block;position:sticky;left:0;padding:var(--basex2);background-color:var(--bg-white);border-style:solid;border-color:var(--gray200);border-width:var(--border-size-small) 0 var(--border-base);font-weight:var(--font-rg)}";const R=class{constructor(o){t(this,o),this.variant="regular"}render(){const t=document.createElement(this.component||"span");return t.innerHTML="<slot />",this.hostElement.shadowRoot.appendChild(t),o(r,{class:{[this.level]:Boolean(this.level),regular:"regular"===this.variant,semibold:"semibold"===this.variant,light:"light"===this.variant}})}get hostElement(){return e(this)}};R.style=":host>*{font-family:var(--dashboard-font);margin:0}:host(.regular)>*{font-weight:var(--font-rg)}:host(.semibold)>*{font-weight:600}:host(.light)>*{font-weight:300}:host(.h1)>*{font-size:32px;line-height:40px}:host(.h2)>*{font-size:28px;line-height:36px}:host(.h3)>*{font-size:24px;line-height:32px}:host(.h4)>*{font-size:20px;line-height:28px}:host(.b1)>*{font-size:20px;line-height:28px}:host(.b2)>*{font-size:18px;line-height:28px}:host(.b3)>*{font-size:16px;line-height:24px}:host(.b4)>*{font-size:14px;line-height:20px}:host(.b5)>*{font-size:12px;line-height:16px}:host(:focus-visible){outline:none}";export{z as z_body,w as z_button,f as z_icon,y as z_popover,k as z_table,_ as z_table_body,C as z_table_cell,$ as z_table_empty_box,E as z_table_head,j as z_table_header,q as z_table_header_row,W as z_table_row,O as z_table_sticky_footer,R as z_typography}