@zanichelli/delta_share 3.0.2 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (320) hide show
  1. package/dist/wc/cjs/{breakpoints-a55736d0.js → breakpoints-e7c8838e.js} +3 -1
  2. package/dist/wc/cjs/delta_share.cjs.js +1 -1
  3. package/dist/wc/cjs/{icons-9d7fe21e.js → icons-5006d741.js} +30 -0
  4. package/dist/wc/cjs/index-0119322e.js +20 -0
  5. package/dist/wc/cjs/index-044ebc8a.js +67 -0
  6. package/dist/wc/cjs/index-05a1b9dc.js +70 -0
  7. package/dist/wc/cjs/index-18a2a552.js +49 -0
  8. package/dist/wc/cjs/index-47449986.js +41 -0
  9. package/dist/wc/cjs/index-4a04e2aa.js +21 -0
  10. package/dist/wc/cjs/index-51009bcf.js +29 -0
  11. package/dist/wc/cjs/index-6d0848b5.js +21 -0
  12. package/dist/wc/cjs/index-732ae62f.js +22 -0
  13. package/dist/wc/cjs/index-81603b4a.js +17 -0
  14. package/dist/wc/cjs/index-8da01bc6.js +34 -0
  15. package/dist/wc/cjs/index-9886a665.js +21 -0
  16. package/dist/wc/cjs/index-a9a1f262.js +79 -0
  17. package/dist/wc/cjs/{index-1112cdb1.js → index-c0af2262.js} +43 -9
  18. package/dist/wc/cjs/index-db42857f.js +17 -0
  19. package/dist/wc/cjs/index-f4792a6f.js +21 -0
  20. package/dist/wc/cjs/index-f824355b.js +17 -0
  21. package/dist/wc/cjs/license-activation_11.cjs.entry.js +940 -52
  22. package/dist/wc/cjs/loader.cjs.js +1 -1
  23. package/dist/wc/cjs/{utils-3ac19501.js → utils-8fd01df0.js} +13 -3
  24. package/dist/wc/cjs/{utils-2bfaab77.js → utils-f2cac0dc.js} +1 -1
  25. package/dist/wc/cjs/z-accordion.cjs.entry.js +67 -0
  26. package/dist/wc/cjs/z-anchor-navigation.cjs.entry.js +1 -1
  27. package/dist/wc/cjs/z-app-header.cjs.entry.js +91 -39
  28. package/dist/wc/cjs/z-aria-alert.cjs.entry.js +1 -1
  29. package/dist/wc/cjs/z-avatar.cjs.entry.js +1 -1
  30. package/dist/wc/cjs/z-book-card.cjs.entry.js +111 -0
  31. package/dist/wc/cjs/z-breadcrumb.cjs.entry.js +232 -0
  32. package/dist/wc/cjs/z-button-sort.cjs.entry.js +2 -2
  33. package/dist/wc/cjs/z-card.cjs.entry.js +5 -18
  34. package/dist/wc/cjs/z-carousel.cjs.entry.js +2 -2
  35. package/dist/wc/cjs/z-chip.cjs.entry.js +10 -7
  36. package/dist/wc/cjs/z-combobox.cjs.entry.js +11 -9
  37. package/dist/wc/cjs/z-contextual-menu.cjs.entry.js +5 -5
  38. package/dist/wc/cjs/z-cover-hero.cjs.entry.js +24 -7
  39. package/dist/wc/cjs/z-date-picker.cjs.entry.js +2 -2
  40. package/dist/wc/cjs/z-divider.cjs.entry.js +1 -1
  41. package/dist/wc/cjs/z-file-upload.cjs.entry.js +4 -4
  42. package/dist/wc/cjs/z-file.cjs.entry.js +2 -2
  43. package/dist/wc/cjs/z-info-reveal.cjs.entry.js +1 -1
  44. package/dist/wc/cjs/z-list_3.cjs.entry.js +2 -2
  45. package/dist/wc/cjs/z-menu-section.cjs.entry.js +11 -3
  46. package/dist/wc/cjs/z-menu.cjs.entry.js +26 -14
  47. package/dist/wc/cjs/z-messages-pocket.cjs.entry.js +1 -1
  48. package/dist/wc/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  49. package/dist/wc/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  50. package/dist/wc/cjs/z-myz-card-footer.cjs.entry.js +14 -2
  51. package/dist/wc/cjs/z-myz-card-icon.cjs.entry.js +1 -1
  52. package/dist/wc/cjs/z-myz-card-info.cjs.entry.js +3 -3
  53. package/dist/wc/cjs/z-myz-card_4.cjs.entry.js +3 -3
  54. package/dist/wc/cjs/z-myz-list-item.cjs.entry.js +4 -4
  55. package/dist/wc/cjs/z-navigation-tab-link.cjs.entry.js +3 -3
  56. package/dist/wc/cjs/z-navigation-tab.cjs.entry.js +3 -3
  57. package/dist/wc/cjs/z-navigation-tabs.cjs.entry.js +75 -3
  58. package/dist/wc/cjs/z-offcanvas_2.cjs.entry.js +281 -0
  59. package/dist/wc/cjs/z-otp.cjs.entry.js +1 -1
  60. package/dist/wc/cjs/z-pagination.cjs.entry.js +1 -1
  61. package/dist/wc/cjs/z-pocket_3.cjs.entry.js +3 -3
  62. package/dist/wc/cjs/z-popover.cjs.entry.js +3 -2
  63. package/dist/wc/cjs/z-range-picker.cjs.entry.js +2 -2
  64. package/dist/wc/cjs/z-section-title.cjs.entry.js +2 -2
  65. package/dist/wc/cjs/z-select.cjs.entry.js +18 -10
  66. package/dist/wc/cjs/z-skip-to-content.cjs.entry.js +3 -3
  67. package/dist/wc/cjs/z-slideshow.cjs.entry.js +3 -3
  68. package/dist/wc/cjs/z-stepper-item.cjs.entry.js +1 -1
  69. package/dist/wc/cjs/z-table-body.cjs.entry.js +3 -17
  70. package/dist/wc/cjs/z-table-cell.cjs.entry.js +4 -29
  71. package/dist/wc/cjs/z-table-deprecated.cjs.entry.js +91 -0
  72. package/dist/wc/cjs/z-table-empty-box.cjs.entry.js +3 -24
  73. package/dist/wc/cjs/z-table-expanded-row.cjs.entry.js +3 -12
  74. package/dist/wc/cjs/z-table-footer.cjs.entry.js +3 -16
  75. package/dist/wc/cjs/z-table-head.cjs.entry.js +3 -16
  76. package/dist/wc/cjs/z-table-header-row.cjs.entry.js +3 -15
  77. package/dist/wc/cjs/z-table-header.cjs.entry.js +6 -75
  78. package/dist/wc/cjs/z-table-row.cjs.entry.js +4 -36
  79. package/dist/wc/cjs/z-table-sticky-footer.cjs.entry.js +3 -12
  80. package/dist/wc/cjs/z-table.cjs.entry.js +36 -58
  81. package/dist/wc/cjs/z-tbody.cjs.entry.js +10 -0
  82. package/dist/wc/cjs/z-td.cjs.entry.js +11 -0
  83. package/dist/wc/cjs/z-tfoot.cjs.entry.js +10 -0
  84. package/dist/wc/cjs/z-th.cjs.entry.js +11 -0
  85. package/dist/wc/cjs/z-thead.cjs.entry.js +10 -0
  86. package/dist/wc/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  87. package/dist/wc/cjs/z-toast-notification.cjs.entry.js +2 -2
  88. package/dist/wc/cjs/z-toggle-button.cjs.entry.js +4 -2
  89. package/dist/wc/cjs/z-toggle-switch.cjs.entry.js +3 -3
  90. package/dist/wc/cjs/z-tooltip.cjs.entry.js +10 -4
  91. package/dist/wc/cjs/z-tr.cjs.entry.js +15 -0
  92. package/dist/wc/collection/collection-manifest.json +10 -1
  93. package/dist/wc/collection/components/license-activation/license-activation.js +16 -25
  94. package/dist/wc/collection/components/license-activation-form/license-activation-form.css +11 -12
  95. package/dist/wc/collection/components/license-activation-form/license-activation-form.js +1 -1
  96. package/dist/wc/custom-elements/index.js +2415 -640
  97. package/dist/wc/delta_share/delta_share.esm.js +1 -1
  98. package/dist/wc/delta_share/p-057858cb.entry.js +1 -0
  99. package/dist/wc/delta_share/p-06aacfed.entry.js +1 -0
  100. package/dist/wc/delta_share/{p-42dd4f36.entry.js → p-06fa5b43.entry.js} +1 -1
  101. package/dist/wc/delta_share/p-09fe90e6.entry.js +1 -0
  102. package/dist/wc/delta_share/p-0acc73cd.entry.js +1 -0
  103. package/dist/wc/delta_share/{p-c51ebb01.entry.js → p-0fe7f1ad.entry.js} +1 -1
  104. package/dist/wc/delta_share/{p-99ffd017.entry.js → p-171202cb.js} +1 -1
  105. package/dist/wc/delta_share/p-1b8b3092.entry.js +1 -0
  106. package/dist/wc/delta_share/p-1c4015c7.entry.js +1 -0
  107. package/dist/wc/delta_share/p-27537f0b.js +1 -0
  108. package/dist/wc/delta_share/p-2d1b1197.entry.js +1 -0
  109. package/dist/wc/delta_share/{p-a2b564ef.entry.js → p-2e12c305.entry.js} +1 -1
  110. package/dist/wc/delta_share/{p-3fa29874.entry.js → p-2eed13ce.entry.js} +1 -1
  111. package/dist/wc/delta_share/p-30b524e2.entry.js +1 -0
  112. package/dist/wc/delta_share/{p-81ddcb87.entry.js → p-31922918.entry.js} +1 -1
  113. package/dist/wc/delta_share/p-3605faee.entry.js +1 -0
  114. package/dist/wc/delta_share/p-3b4879bc.js +1 -0
  115. package/dist/wc/delta_share/p-3b7aeb99.entry.js +1 -0
  116. package/dist/wc/delta_share/p-3de56f4a.entry.js +1 -0
  117. package/dist/wc/delta_share/{p-950aa417.entry.js → p-3e66faf7.entry.js} +1 -1
  118. package/dist/wc/delta_share/{p-57f2b8d8.entry.js → p-46e4fe9d.entry.js} +1 -1
  119. package/dist/wc/delta_share/p-4bcbac62.entry.js +1 -0
  120. package/dist/wc/delta_share/p-5588386c.entry.js +1 -0
  121. package/dist/wc/delta_share/p-55924409.entry.js +1 -0
  122. package/dist/wc/delta_share/p-589b8717.js +1 -0
  123. package/dist/wc/delta_share/p-5d29a5a7.entry.js +1 -0
  124. package/dist/wc/delta_share/p-5f021095.js +1 -0
  125. package/dist/wc/delta_share/{p-b38b27f2.entry.js → p-627de5ca.entry.js} +1 -1
  126. package/dist/wc/delta_share/p-63f5644d.js +1 -0
  127. package/dist/wc/delta_share/{p-8876b438.entry.js → p-6619cb5a.entry.js} +1 -1
  128. package/dist/wc/delta_share/p-6776c695.entry.js +1 -0
  129. package/dist/wc/delta_share/{p-9ad5616e.entry.js → p-699d0efb.entry.js} +1 -1
  130. package/dist/wc/delta_share/p-6d1c4af9.js +1 -0
  131. package/dist/wc/delta_share/p-6d888c61.js +1 -0
  132. package/dist/wc/delta_share/{p-2f289949.entry.js → p-71af40a8.entry.js} +1 -1
  133. package/dist/wc/delta_share/{p-8d532866.entry.js → p-74027654.js} +1 -1
  134. package/dist/wc/delta_share/{p-6d853df0.entry.js → p-75b9448a.entry.js} +1 -1
  135. package/dist/wc/delta_share/p-776a9611.entry.js +1 -0
  136. package/dist/wc/delta_share/p-78b1d100.js +1 -0
  137. package/dist/wc/delta_share/p-7966c7e6.entry.js +1 -0
  138. package/dist/wc/delta_share/p-7ae04b31.entry.js +1 -0
  139. package/dist/wc/delta_share/{p-963999a8.entry.js → p-81a1b7cc.entry.js} +1 -1
  140. package/dist/wc/delta_share/p-83156f0c.entry.js +1 -0
  141. package/dist/wc/delta_share/{p-8825d8e4.entry.js → p-858613c0.entry.js} +1 -1
  142. package/dist/wc/delta_share/p-8649f025.entry.js +1 -0
  143. package/dist/wc/delta_share/{p-c885d25c.entry.js → p-86683a1d.entry.js} +1 -1
  144. package/dist/wc/delta_share/{p-7546c464.entry.js → p-86dfdccc.js} +1 -1
  145. package/dist/wc/delta_share/{p-d8e80ee8.entry.js → p-8b3b862c.js} +1 -1
  146. package/dist/wc/delta_share/p-93504934.entry.js +1 -0
  147. package/dist/wc/delta_share/p-967acc0e.entry.js +1 -0
  148. package/dist/wc/delta_share/{p-c436e1af.entry.js → p-974d6235.entry.js} +1 -1
  149. package/dist/wc/delta_share/{p-3cf0c6a5.entry.js → p-9c3fcef2.entry.js} +1 -1
  150. package/dist/wc/delta_share/{p-cb16715b.entry.js → p-9cc6b2ff.entry.js} +1 -1
  151. package/dist/wc/delta_share/p-9d3e6cff.entry.js +1 -0
  152. package/dist/wc/delta_share/p-a54c1c69.entry.js +1 -0
  153. package/dist/wc/delta_share/p-a6252f41.entry.js +1 -0
  154. package/dist/wc/delta_share/{p-c31b160e.entry.js → p-a7afd1e8.entry.js} +1 -1
  155. package/dist/wc/delta_share/p-ade21d10.entry.js +1 -0
  156. package/dist/wc/delta_share/p-b0dc0f33.entry.js +1 -0
  157. package/dist/wc/delta_share/p-bcac4e8a.entry.js +1 -0
  158. package/dist/wc/delta_share/p-bd5862be.js +1 -0
  159. package/dist/wc/delta_share/{p-925fc6c3.entry.js → p-bdbd52af.entry.js} +1 -1
  160. package/dist/wc/delta_share/p-c16ef2ed.js +1 -0
  161. package/dist/wc/delta_share/{p-0bb97b61.js → p-c176a537.js} +1 -1
  162. package/dist/wc/delta_share/p-c86f3f18.entry.js +1 -0
  163. package/dist/wc/delta_share/{p-1009b417.entry.js → p-ca0ad68e.entry.js} +1 -1
  164. package/dist/wc/delta_share/p-ce9c796f.entry.js +1 -0
  165. package/dist/wc/delta_share/p-cf49d91e.entry.js +1 -0
  166. package/dist/wc/delta_share/p-cf520177.entry.js +1 -0
  167. package/dist/wc/delta_share/p-cfd5d8d9.entry.js +1 -0
  168. package/dist/wc/delta_share/{p-45dcece4.entry.js → p-d57e2650.entry.js} +1 -1
  169. package/dist/wc/delta_share/p-d736e782.js +1 -0
  170. package/dist/wc/delta_share/p-d8592d42.js +1 -0
  171. package/dist/wc/delta_share/p-d85af2d2.entry.js +1 -0
  172. package/dist/wc/delta_share/p-d91beeb4.js +1 -0
  173. package/dist/wc/delta_share/{p-6c54d53f.entry.js → p-db957062.entry.js} +1 -1
  174. package/dist/wc/delta_share/p-df19c0b3.entry.js +3 -0
  175. package/dist/wc/delta_share/p-df665c83.entry.js +1 -0
  176. package/dist/wc/delta_share/p-e27aa743.entry.js +1 -0
  177. package/dist/wc/delta_share/p-e47768ad.entry.js +1 -0
  178. package/dist/wc/delta_share/p-e533db54.entry.js +1 -0
  179. package/dist/wc/delta_share/{p-0aa553ea.entry.js → p-e849b3b3.entry.js} +1 -1
  180. package/dist/wc/delta_share/p-e9fa5c23.js +1 -0
  181. package/dist/wc/delta_share/p-ecb09670.js +1 -0
  182. package/dist/wc/delta_share/p-f366927f.entry.js +1 -0
  183. package/dist/wc/delta_share/{p-badf3f24.entry.js → p-f6bd0767.js} +1 -1
  184. package/dist/wc/delta_share/p-f8604cd3.entry.js +1 -0
  185. package/dist/wc/delta_share/p-fe94390e.entry.js +1 -0
  186. package/dist/wc/delta_share/{p-5e503d5f.entry.js → p-fff3f7a2.entry.js} +1 -1
  187. package/dist/wc/esm/breakpoints-3c3dbb8c.js +5 -0
  188. package/dist/wc/esm/delta_share.js +1 -1
  189. package/dist/wc/esm/{icons-7a34b033.js → icons-5cd8a05c.js} +30 -0
  190. package/dist/wc/esm/index-01c34720.js +77 -0
  191. package/dist/wc/esm/index-23578879.js +19 -0
  192. package/dist/wc/esm/index-2dfebd9d.js +15 -0
  193. package/dist/wc/esm/index-474bdeac.js +18 -0
  194. package/dist/wc/esm/index-4cbd9bd5.js +19 -0
  195. package/dist/wc/esm/index-5ee15750.js +68 -0
  196. package/dist/wc/esm/{index-4f1e2705.js → index-6b9f0af9.js} +44 -10
  197. package/dist/wc/esm/index-7ab3efeb.js +15 -0
  198. package/dist/wc/esm/index-8304b962.js +65 -0
  199. package/dist/wc/esm/index-8c51661a.js +19 -0
  200. package/dist/wc/esm/index-a4bf756b.js +19 -0
  201. package/dist/wc/esm/index-a4c6be93.js +39 -0
  202. package/dist/wc/esm/index-a9ad9a02.js +47 -0
  203. package/dist/wc/esm/index-be1fa551.js +32 -0
  204. package/dist/wc/esm/index-d0687862.js +27 -0
  205. package/dist/wc/esm/index-eb1fc2a8.js +15 -0
  206. package/dist/wc/esm/index-fcff2847.js +20 -0
  207. package/dist/wc/esm/license-activation_11.entry.js +940 -52
  208. package/dist/wc/esm/loader.js +1 -1
  209. package/dist/wc/esm/{utils-5a24a17b.js → utils-90d51f4b.js} +13 -4
  210. package/dist/wc/esm/{utils-711517a4.js → utils-e64576be.js} +1 -1
  211. package/dist/wc/esm/z-accordion.entry.js +63 -0
  212. package/dist/wc/esm/z-anchor-navigation.entry.js +1 -1
  213. package/dist/wc/esm/z-app-header.entry.js +91 -39
  214. package/dist/wc/esm/z-aria-alert.entry.js +1 -1
  215. package/dist/wc/esm/z-avatar.entry.js +1 -1
  216. package/dist/wc/esm/z-book-card.entry.js +107 -0
  217. package/dist/wc/esm/z-breadcrumb.entry.js +228 -0
  218. package/dist/wc/esm/z-button-sort.entry.js +2 -2
  219. package/dist/wc/esm/z-card.entry.js +6 -19
  220. package/dist/wc/esm/z-carousel.entry.js +2 -2
  221. package/dist/wc/esm/z-chip.entry.js +10 -7
  222. package/dist/wc/esm/z-combobox.entry.js +11 -9
  223. package/dist/wc/esm/z-contextual-menu.entry.js +5 -5
  224. package/dist/wc/esm/z-cover-hero.entry.js +24 -7
  225. package/dist/wc/esm/z-date-picker.entry.js +2 -2
  226. package/dist/wc/esm/z-divider.entry.js +1 -1
  227. package/dist/wc/esm/z-file-upload.entry.js +4 -4
  228. package/dist/wc/esm/z-file.entry.js +2 -2
  229. package/dist/wc/esm/z-info-reveal.entry.js +1 -1
  230. package/dist/wc/esm/z-list_3.entry.js +2 -2
  231. package/dist/wc/esm/z-menu-section.entry.js +11 -3
  232. package/dist/wc/esm/z-menu.entry.js +26 -14
  233. package/dist/wc/esm/z-messages-pocket.entry.js +1 -1
  234. package/dist/wc/esm/z-myz-card-alert.entry.js +1 -1
  235. package/dist/wc/esm/z-myz-card-dictionary.entry.js +1 -1
  236. package/dist/wc/esm/z-myz-card-footer.entry.js +15 -3
  237. package/dist/wc/esm/z-myz-card-icon.entry.js +1 -1
  238. package/dist/wc/esm/z-myz-card-info.entry.js +3 -3
  239. package/dist/wc/esm/z-myz-card_4.entry.js +3 -3
  240. package/dist/wc/esm/z-myz-list-item.entry.js +4 -4
  241. package/dist/wc/esm/z-navigation-tab-link.entry.js +3 -3
  242. package/dist/wc/esm/z-navigation-tab.entry.js +3 -3
  243. package/dist/wc/esm/z-navigation-tabs.entry.js +75 -3
  244. package/dist/wc/esm/z-offcanvas_2.entry.js +276 -0
  245. package/dist/wc/esm/z-otp.entry.js +1 -1
  246. package/dist/wc/esm/z-pagination.entry.js +1 -1
  247. package/dist/wc/esm/z-pocket_3.entry.js +3 -3
  248. package/dist/wc/esm/z-popover.entry.js +3 -2
  249. package/dist/wc/esm/z-range-picker.entry.js +2 -2
  250. package/dist/wc/esm/z-section-title.entry.js +2 -2
  251. package/dist/wc/esm/z-select.entry.js +18 -10
  252. package/dist/wc/esm/z-skip-to-content.entry.js +3 -3
  253. package/dist/wc/esm/z-slideshow.entry.js +3 -3
  254. package/dist/wc/esm/z-stepper-item.entry.js +1 -1
  255. package/dist/wc/esm/z-table-body.entry.js +2 -20
  256. package/dist/wc/esm/z-table-cell.entry.js +3 -32
  257. package/dist/wc/esm/z-table-deprecated.entry.js +87 -0
  258. package/dist/wc/esm/z-table-empty-box.entry.js +2 -27
  259. package/dist/wc/esm/z-table-expanded-row.entry.js +2 -15
  260. package/dist/wc/esm/z-table-footer.entry.js +2 -19
  261. package/dist/wc/esm/z-table-head.entry.js +2 -19
  262. package/dist/wc/esm/z-table-header-row.entry.js +2 -18
  263. package/dist/wc/esm/z-table-header.entry.js +5 -78
  264. package/dist/wc/esm/z-table-row.entry.js +3 -39
  265. package/dist/wc/esm/z-table-sticky-footer.entry.js +2 -15
  266. package/dist/wc/esm/z-table.entry.js +37 -59
  267. package/dist/wc/esm/z-tbody.entry.js +2 -0
  268. package/dist/wc/esm/z-td.entry.js +3 -0
  269. package/dist/wc/esm/z-tfoot.entry.js +2 -0
  270. package/dist/wc/esm/z-th.entry.js +3 -0
  271. package/dist/wc/esm/z-thead.entry.js +2 -0
  272. package/dist/wc/esm/z-toast-notification-list.entry.js +1 -1
  273. package/dist/wc/esm/z-toast-notification.entry.js +2 -2
  274. package/dist/wc/esm/z-toggle-button.entry.js +4 -2
  275. package/dist/wc/esm/z-toggle-switch.entry.js +3 -3
  276. package/dist/wc/esm/z-tooltip.entry.js +10 -4
  277. package/dist/wc/esm/z-tr.entry.js +7 -0
  278. package/dist/wc/types/components/license-activation/license-activation.d.ts +1 -1
  279. package/package.json +1 -1
  280. package/dist/wc/cjs/z-app-switcher.cjs.entry.js +0 -29
  281. package/dist/wc/cjs/z-offcanvas.cjs.entry.js +0 -70
  282. package/dist/wc/cjs/z-searchbar.cjs.entry.js +0 -235
  283. package/dist/wc/delta_share/p-0434c900.entry.js +0 -1
  284. package/dist/wc/delta_share/p-063881e2.entry.js +0 -1
  285. package/dist/wc/delta_share/p-11cc4828.entry.js +0 -3
  286. package/dist/wc/delta_share/p-1c2d7c30.entry.js +0 -1
  287. package/dist/wc/delta_share/p-1d2cb6f9.entry.js +0 -1
  288. package/dist/wc/delta_share/p-23905d08.entry.js +0 -1
  289. package/dist/wc/delta_share/p-29310a24.entry.js +0 -1
  290. package/dist/wc/delta_share/p-42e9c740.entry.js +0 -1
  291. package/dist/wc/delta_share/p-500ff0dd.entry.js +0 -1
  292. package/dist/wc/delta_share/p-51431ace.js +0 -1
  293. package/dist/wc/delta_share/p-5530ca81.entry.js +0 -1
  294. package/dist/wc/delta_share/p-5d88112c.entry.js +0 -1
  295. package/dist/wc/delta_share/p-61264c72.entry.js +0 -1
  296. package/dist/wc/delta_share/p-64decd7d.entry.js +0 -1
  297. package/dist/wc/delta_share/p-65be6de6.entry.js +0 -1
  298. package/dist/wc/delta_share/p-6cb8def6.entry.js +0 -1
  299. package/dist/wc/delta_share/p-702dd7b4.entry.js +0 -1
  300. package/dist/wc/delta_share/p-74b71f61.entry.js +0 -1
  301. package/dist/wc/delta_share/p-78d71789.js +0 -1
  302. package/dist/wc/delta_share/p-7ae0c21f.js +0 -1
  303. package/dist/wc/delta_share/p-8794c0c7.entry.js +0 -1
  304. package/dist/wc/delta_share/p-8cc7c2c7.entry.js +0 -1
  305. package/dist/wc/delta_share/p-8d91a5b7.entry.js +0 -1
  306. package/dist/wc/delta_share/p-90fdd23f.entry.js +0 -1
  307. package/dist/wc/delta_share/p-a150a778.entry.js +0 -1
  308. package/dist/wc/delta_share/p-afb5bfe5.entry.js +0 -1
  309. package/dist/wc/delta_share/p-b16fd965.entry.js +0 -1
  310. package/dist/wc/delta_share/p-c229c90e.entry.js +0 -1
  311. package/dist/wc/delta_share/p-c9df8e5d.entry.js +0 -1
  312. package/dist/wc/delta_share/p-cf58d833.js +0 -1
  313. package/dist/wc/delta_share/p-d69c3b08.entry.js +0 -1
  314. package/dist/wc/delta_share/p-ddab353c.entry.js +0 -1
  315. package/dist/wc/delta_share/p-ea6c67f2.entry.js +0 -1
  316. package/dist/wc/delta_share/p-fc49c455.entry.js +0 -1
  317. package/dist/wc/esm/breakpoints-e07f80e7.js +0 -4
  318. package/dist/wc/esm/z-app-switcher.entry.js +0 -25
  319. package/dist/wc/esm/z-offcanvas.entry.js +0 -66
  320. package/dist/wc/esm/z-searchbar.entry.js +0 -231
@@ -1,74 +1,52 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3a91e19.js';
2
- import { B as ButtonVariant, b as ButtonSize } from './index-4f1e2705.js';
3
- import { m as mobileBreakpoint } from './breakpoints-e07f80e7.js';
1
+ import { r as registerInstance, h, H as Host, a as getElement } from './index-b3a91e19.js';
2
+ import './index-23578879.js';
3
+ import './index-7ab3efeb.js';
4
+ import './index-8304b962.js';
5
+ import './index-4cbd9bd5.js';
6
+ import './utils-90d51f4b.js';
7
+ import './index-6b9f0af9.js';
8
+ import './breakpoints-3c3dbb8c.js';
9
+ import './index-a9ad9a02.js';
10
+ import './index-5ee15750.js';
4
11
 
5
- const stylesCss = "z-table{display:block;width:100%;background-color:var(--color-white);font-family:var(--dashboard-font);font-weight:var(--font-rg);overflow-x:auto}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;z-index:1;left:0;box-shadow:1px 0 4px -1px rgb(66 69 72 / 40%)}z-table>div.table-header-sticky>z-table-head>z-table-header-row>z-table-header{position:sticky;z-index:2;top:0;box-shadow:0 2px 3px -3px rgb(66 69 72 / 40%)}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;width:100%;flex-direction:row}.error-content{display:flex;padding:calc(var(--space-unit) * 3);font-family:var(--dashboard-font)}.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}}";
12
+ const stylesCss = ":host{--z-table--cells-padding:calc(var(--space-unit) * 2);position:relative;display:block;overflow:auto;max-width:100%;box-sizing:border-box;background-color:var(--color-surface01)}:host([expandable]){--z-table--expand-button-size:40px}:host([bordered]){--z-table--cell-left-border:1px solid var(--color-surface03)}.table{min-width:max-content}";
6
13
 
7
14
  const ZTable = class {
8
15
  constructor(hostRef) {
9
16
  registerInstance(this, hostRef);
10
- this.callToAction = createEvent(this, "callToAction", 7);
11
- this.callToActionTwo = createEvent(this, "callToActionTwo", 7);
12
- /** Error message */
13
- this.errorMessage = "Siamo spiacenti, non siamo riusciti a caricare il contenuto richiesto";
14
- /** Sets table with border */
17
+ /**
18
+ * Whether the table cells should show a border between them.
19
+ */
15
20
  this.bordered = false;
16
- /** Sets first column sticky */
17
- this.columnSticky = false;
18
- /** Sets empty table */
19
- this.empty = false;
20
- /** Set error status */
21
- this.error = false;
22
- /** Sets header sticky */
23
- this.headerSticky = false;
24
- /** Set message */
25
- this.message = "Siamo spiacenti, al momento non sono presenti dati da visualizzare";
26
- /** Set subtitle */
27
- this.subtitle = "";
21
+ /**
22
+ * Whether the table contains some expandable rows.
23
+ */
24
+ this.expandable = false;
28
25
  }
29
- handleResize() {
30
- this.isMobile = window.innerWidth <= mobileBreakpoint;
31
- }
32
- handleOrientationChange() {
33
- this.isMobile = screen.width <= mobileBreakpoint;
26
+ updateExpandable() {
27
+ this.expandable = this.host.querySelectorAll("z-tr[expandable]").length > 0;
34
28
  }
29
+ /**
30
+ * Setup the table creating a mutation observer for the expandable attribute.
31
+ */
35
32
  componentWillLoad() {
36
- var _a;
37
- this.isMobile = window.innerWidth <= mobileBreakpoint;
38
- const tableBody = this.host.querySelector('[slot="table-body"]');
39
- this.hasTableBody = !!((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.children) === null || _a === void 0 ? void 0 : _a.length);
40
- if (!!tableBody && !this.hasTableBody) {
41
- tableBody.remove();
42
- }
43
- }
44
- componentWillRender() {
45
- this.host.setAttribute("role", "table");
46
- }
47
- renderError(tableClass) {
48
- const minHeight = this.lines ? `calc(40px * ${this.lines})` : "auto";
49
- return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-error", null, h("div", { class: "error-content", style: { minHeight } }, h("slot", { name: "error-image" }), h("div", { class: "text" }, h("span", { class: "body-3-sb error-message" }, this.errorMessage), h("slot", { name: "error-action" }))))));
50
- }
51
- renderEmpty(tableClass) {
52
- const buttonSize = this.isMobile ? ButtonSize.SMALL : ButtonSize.BIG;
53
- const tableContentClass = `${this.hasTableBody ? "table-content" : ""}`;
54
- if (this.hasTableBody) {
55
- return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" }), h("div", { class: tableContentClass }, h("slot", { name: "table-body" }), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))))));
56
- }
57
- return (h(Host, null, h("div", { class: tableClass }, h("slot", { name: "table-header" })), h("z-table-empty-box", { class: this.bordered && "bordered", message: this.message, subtitle: this.subtitle }, !!this.callToActionLabel && (h("z-button", { slot: "cta1", variant: ButtonVariant.TERTIARY, onClick: () => this.callToAction.emit(), size: buttonSize }, this.callToActionLabel)), !!this.callToActionTwoLabel && (h("z-button", { slot: "cta2", variant: ButtonVariant.TERTIARY, onClick: () => this.callToActionTwo.emit(), size: buttonSize }, this.callToActionTwoLabel)))));
33
+ this.expandableMutationObserver = new MutationObserver(() => {
34
+ this.updateExpandable();
35
+ });
36
+ this.expandableMutationObserver.observe(this.host, {
37
+ childList: true,
38
+ subtree: true,
39
+ attributes: true,
40
+ attributeFilter: ["expandable"],
41
+ attributeOldValue: false,
42
+ });
43
+ }
44
+ disconnectedCallback() {
45
+ this.expandableMutationObserver.disconnect();
58
46
  }
59
47
  render() {
60
- const tableClass = `table ${this.empty ? "table-empty" : ""} ${this.bordered ? "table-bordered" : ""}
61
- ${this.columnSticky ? "table-column-sticky" : ""}
62
- ${this.headerSticky ? "table-header-sticky" : ""}`;
63
- if (this.error) {
64
- return this.renderError(tableClass);
65
- }
66
- if (this.empty) {
67
- return this.renderEmpty(tableClass);
68
- }
69
- return (h(Host, null, h("div", { class: tableClass }, h("slot", null)), h("slot", { name: "sticky-footer" })));
48
+ return (h(Host, { expandable: this.expandable }, h("div", { class: "table", role: "table" }, h("slot", null))));
70
49
  }
71
- static get assetsDirs() { return ["assets"]; }
72
50
  get host() { return getElement(this); }
73
51
  };
74
52
  ZTable.style = stylesCss;
@@ -0,0 +1,2 @@
1
+ export { Z as z_tbody } from './index-7ab3efeb.js';
2
+ import './index-b3a91e19.js';
@@ -0,0 +1,3 @@
1
+ export { Z as z_td } from './index-a9ad9a02.js';
2
+ import './index-b3a91e19.js';
3
+ import './index-6b9f0af9.js';
@@ -0,0 +1,2 @@
1
+ export { Z as z_tfoot } from './index-4cbd9bd5.js';
2
+ import './index-b3a91e19.js';
@@ -0,0 +1,3 @@
1
+ export { Z as z_th } from './index-5ee15750.js';
2
+ import './index-b3a91e19.js';
3
+ import './index-6b9f0af9.js';
@@ -0,0 +1,2 @@
1
+ export { Z as z_thead } from './index-23578879.js';
2
+ import './index-b3a91e19.js';
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, a as getElement } from './index-b3a91e19.js';
2
- import { z as ToastNotificationPosition } from './index-4f1e2705.js';
2
+ import { Q as ToastNotificationPosition } from './index-6b9f0af9.js';
3
3
 
4
4
  const stylesCss = ":host{position:fixed;z-index:10000;display:flex;flex-flow:column nowrap;margin-top:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 2);font-family:var(--font-family-sans);font-weight:var(--font-rg)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host([position=\"bottom-centre\"]),:host([position=\"bottom-right\"]),:host([position=\"bottom-left\"]){bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"top-left\"]),:host([position=\"top-right\"]),:host([position=\"top-centre\"]){top:0;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host([position=\"top-centre\"]){top:0;left:50%;align-items:center;justify-content:flex-start;transform:translateX(-50%)}:host([position=\"top-left\"]){top:0;left:0;align-items:flex-start;justify-content:flex-start}:host([position=\"top-right\"]){top:0;right:0;align-items:flex-end;justify-content:flex-start}:host([position=\"bottom-centre\"]){bottom:0;left:50%;align-items:center;justify-content:flex-end;transform:translateX(-50%)}:host([position=\"bottom-right\"]){right:0;bottom:0;align-items:flex-end;justify-content:flex-end}:host([position=\"bottom-left\"]){bottom:0;left:0;align-items:flex-start;justify-content:flex-end}::slotted(z-toast-notification){width:50vw}}@media only screen and (min-width: 1366px){:host{margin:calc(var(--space-unit) * 4)}::slotted(z-toast-notification){width:33vw}}";
5
5
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-b3a91e19.js';
2
- import { y as ToastNotificationTransition } from './index-4f1e2705.js';
3
- import { m as mobileBreakpoint } from './breakpoints-e07f80e7.js';
2
+ import { M as ToastNotificationTransition } from './index-6b9f0af9.js';
3
+ import { m as mobileBreakpoint } from './breakpoints-3c3dbb8c.js';
4
4
  import { h as hammer } from './hammer-c3266b17.js';
5
5
  import './_commonjsHelpers-9943807e.js';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-b3a91e19.js';
2
2
 
3
- const stylesCss = "button{height:36px;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--myz-blue);cursor:pointer;fill:var(--myz-blue);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase;transition:all 200ms linear}button::-moz-focus-inner{border:0}button:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{border-color:var(--myz-blue);box-shadow:0 0 2px 2px var(--accent-dark);color:var(--myz-blue);fill:var(--myz-blue)}button:active{border-color:var(--myz-blue-light);box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);color:var(--myz-blue-light);fill:var(--myz-blue-light)}button:disabled{color:var(--text-grey-700);fill:var(--text-grey-700)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
3
+ const stylesCss = "button{height:36px;padding-right:calc(var(--space-unit) * 2);padding-left:0;border:var(--border-size-medium) solid;border-color:transparent;background-color:var(--bg-white);border-radius:var(--border-radius);box-shadow:0 0 4px 0 rgb(0 0 0 / 20%);color:var(--myz-blue);cursor:pointer;fill:var(--myz-blue);font-family:var(--dashboard-font);font-size:14px;font-weight:var(--font-sb);outline:none;text-transform:uppercase}button::-moz-focus-inner{border:0}button:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}button:focus{box-shadow:var(--shadow-focus-primary);color:var(--myz-blue);fill:var(--myz-blue)}button:active{border-color:var(--myz-blue-light);box-shadow:0 2px 4px 0 rgb(0 0 0 / 40%);color:var(--myz-blue-light);fill:var(--myz-blue-light)}button:disabled{color:var(--text-grey-700);fill:var(--text-grey-700)}z-icon{display:inline-block;margin:0 var(--space-unit) 0 calc(var(--space-unit) * 2);transform:rotate(360deg);transition:all 200ms linear}button.isopen{top:-20px}button.avoid-clicks{pointer-events:none}";
4
4
 
5
5
  const ZToggleButton = class {
6
6
  constructor(hostRef) {
@@ -10,6 +10,8 @@ const ZToggleButton = class {
10
10
  this.isdisabled = false;
11
11
  /** open by default (optional) */
12
12
  this.opened = false;
13
+ /** aria-label for the button */
14
+ this.ariaLabel = "";
13
15
  }
14
16
  emitToggleClick() {
15
17
  if (this.isdisabled) {
@@ -22,7 +24,7 @@ const ZToggleButton = class {
22
24
  return (h("button", { tabindex: this.avoidclick ? "-1" : "0", class: {
23
25
  "isopen": this.opened,
24
26
  "avoid-clicks": this.avoidclick,
25
- }, disabled: this.isdisabled, onClick: () => this.emitToggleClick() }, h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
27
+ }, disabled: this.isdisabled, "aria-expanded": this.opened ? "true" : "false", "aria-label": this.ariaLabel, onClick: () => this.emitToggleClick() }, h("z-icon", { name: this.opened ? "chevron-down" : "chevron-up", width: 16, height: 16 }), this.label));
26
28
  }
27
29
  };
28
30
  ZToggleButton.style = stylesCss;
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h, H as Host } from './index-b3a91e19.js';
2
- import { r as randomId } from './utils-5a24a17b.js';
3
- import { L as LabelPosition } from './index-4f1e2705.js';
4
- import './breakpoints-e07f80e7.js';
2
+ import { r as randomId } from './utils-90d51f4b.js';
3
+ import { L as LabelPosition } from './index-6b9f0af9.js';
4
+ import './breakpoints-3c3dbb8c.js';
5
5
 
6
6
  const stylesCss = ".sc-z-toggle-switch-h{position:relative;display:inline-flex;font-family:var(--font-family-sans);font-weight:var(--font-rg)}label.sc-z-toggle-switch{display:flex;flex-direction:row;align-items:center;cursor:pointer}label.disabled.sc-z-toggle-switch{cursor:default}label.right.sc-z-toggle-switch{flex-direction:row-reverse}label.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{color:var(--color-text01);letter-spacing:0}label.left.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-right:var(--space-unit)}label.right.sc-z-toggle-switch>span.sc-z-toggle-switch:first-child{margin-left:var(--space-unit)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch{position:relative;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 4);height:18px;align-items:center;background-color:var(--gray500);border-radius:var(--space-unit);color:var(--gray500);cursor:pointer}label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch,label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch{background-color:var(--color-disabled01);cursor:default}label.sc-z-toggle-switch>span.container.checked.disabled.sc-z-toggle-switch>span.circle.sc-z-toggle-switch>z-icon.sc-z-toggle-switch{fill:var(--color-disabled01)}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch{background-color:var(--color-primary01);fill:var(--color-primary01)}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled){box-shadow:var(--shadow-focus-primary);outline:none}input.sc-z-toggle-switch:focus:focus-visible+label.sc-z-toggle-switch>span.container.disabled.sc-z-toggle-switch{outline:none}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch:not(.disabled):hover{background-color:var(--color-hover-primary);fill:var(--color-hover-primary)}label.sc-z-toggle-switch>span.container.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{position:absolute;top:1px;left:1px;display:flex;width:calc(var(--space-unit) * 2);height:calc(var(--space-unit) * 2);align-items:center;justify-content:center;margin:0;background-color:var(--color-white);border-radius:7px;box-shadow:var(--shadow-1);transition:transform 0.3s ease}label.sc-z-toggle-switch>span.container.checked.sc-z-toggle-switch>span.circle.sc-z-toggle-switch{transform:translateX(calc(100% - 2px))}input[type=\"checkbox\"].sc-z-toggle-switch{position:absolute;z-index:-1;opacity:0;pointer-events:none}";
7
7
 
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h } from './index-b3a91e19.js';
2
- import { P as PopoverPosition } from './index-4f1e2705.js';
2
+ import { P as PopoverPosition } from './index-6b9f0af9.js';
3
3
 
4
- const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
4
+ const stylesCss = ":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--z-tooltip-shadow-filter:drop-shadow(0 1px 2px var(--shadow-color-base))}:host([dark]) z-popover{--z-popover-theme--surface:var(--color-surface05);--z-popover-theme--text:var(--color-text-inverse)}z-popover{--z-popover-padding:var(--space-unit);--z-popover-theme--surface:var(--z-tooltip-theme--surface);--z-popover-theme--text:var(--z-tooltip-theme--text);--z-popover-shadow-filter:var(--z-tooltip-shadow-filter)}";
5
5
 
6
6
  const ZTooltip = class {
7
7
  constructor(hostRef) {
@@ -14,12 +14,18 @@ const ZTooltip = class {
14
14
  * The open state of the tooltip.
15
15
  */
16
16
  this.open = false;
17
+ /**
18
+ * Reflects `closable` prop of the popover.
19
+ * "If true, the popover can be closed by clicking outside of it or pressing the escape key.
20
+ * Otherwise, it will be closed only programmatically (by setting `open` to `false`)."
21
+ */
22
+ this.closable = true;
17
23
  }
18
24
  onPopoverOpenChange() {
19
- this.open = this.popover.open;
25
+ this.open = this.popoverEl.open;
20
26
  }
21
27
  render() {
22
- return (h("z-popover", { ref: (el) => (this.popover = el), bindTo: this.bindTo, open: this.open, position: this.position, center: true, showArrow: true }, h("slot", null)));
28
+ return (h("z-popover", { ref: (el) => (this.popoverEl = el), bindTo: this.bindTo, open: this.open, position: this.position, closable: this.closable, center: true, showArrow: true }, h("slot", null)));
23
29
  }
24
30
  };
25
31
  ZTooltip.style = stylesCss;
@@ -0,0 +1,7 @@
1
+ export { Z as z_tr } from './index-8304b962.js';
2
+ import './index-b3a91e19.js';
3
+ import './utils-90d51f4b.js';
4
+ import './index-6b9f0af9.js';
5
+ import './breakpoints-3c3dbb8c.js';
6
+ import './index-a9ad9a02.js';
7
+ import './index-5ee15750.js';
@@ -61,7 +61,7 @@ export declare class LicenseActivation {
61
61
  mapInputStatus(licenseActivationStatus: "initial" | "success" | "fail"): null | "success" | "error" | "warning";
62
62
  renderLicenseActivationBox(variant: LicenseActivationVariantEnum.box | LicenseActivationVariantEnum.preview): HTMLLicenseActivationBoxElement;
63
63
  renderLicenseActivationModal(): HTMLLicenseActivationModalElement;
64
- retrieveTextsObject(): LicenseActivationFormTexts;
64
+ retrieveTextsObject(variant: LicenseActivationVariantType): LicenseActivationFormTexts;
65
65
  renderLicenseActivationForm(variant: LicenseActivationVariantType): HTMLLicenseActivationFormElement;
66
66
  renderMobileButton(): HTMLZButtonElement;
67
67
  render(): HostElement;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zanichelli/delta_share",
3
- "version": "3.0.2",
3
+ "version": "3.2.0",
4
4
  "description": "",
5
5
  "main": "./dist/react/index.js",
6
6
  "module": "./dist/react/index.js",
@@ -1,29 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-9ca7d5e5.js');
6
- const index$1 = require('./index-1112cdb1.js');
7
-
8
- const stylesCss = ":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;align-content:center;justify-content:center;padding:0;border:none;background-color:transparent}button>z-icon{color:var(--bg-white);fill:currentcolor}button>z-icon.light{color:var(--bg-grey-900);fill:currentcolor}";
9
-
10
- const ZAppSwitcher = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.appButtonClick = index.createEvent(this, "appButtonClick", 7);
14
- /** theme variant, default 'dark' */
15
- this.theme = index$1.ThemeVariant.DARK;
16
- this.isopen = false;
17
- this.emitAppButtonClick = this.emitAppButtonClick.bind(this);
18
- }
19
- emitAppButtonClick() {
20
- this.isopen = !this.isopen;
21
- this.appButtonClick.emit({ isopen: this.isopen });
22
- }
23
- render() {
24
- return (index.h("button", { title: "app-switcher", onClick: () => this.emitAppButtonClick() }, index.h("z-icon", { name: "app-switcher", class: this.theme })));
25
- }
26
- };
27
- ZAppSwitcher.style = stylesCss;
28
-
29
- exports.z_app_switcher = ZAppSwitcher;
@@ -1,70 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-9ca7d5e5.js');
6
- const index$1 = require('./index-1112cdb1.js');
7
-
8
- const stylesCss = ".sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0;display:none;min-width:100%;height:100%;justify-content:end;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;overflow:-moz-scrollbars-none;overflow:hidden;min-width:100%;height:100%;flex-direction:column;background:var(--color-surface01);transform:translateX(100%)}@keyframes enter-right{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-right;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-right{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-right;animation-timing-function:ease-out;transform:translateX(100%)}[variant=\"overlay\"].sc-z-offcanvas-h{position:fixed;z-index:1000;top:var(--z-offcanvas--top-space);right:0;bottom:0;left:0;height:calc(100% - var(--z-offcanvas--top-space))}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{z-index:1010}[variant=\"overlay\"].sc-z-offcanvas-h .canvas-background.sc-z-offcanvas{position:absolute;left:0;width:100%;height:100%;background-color:var(--gray900);opacity:0.7}[transitiondirection=\"right\"].sc-z-offcanvas-h{justify-content:start}[transitiondirection=\"right\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{transform:translateX(-100%)}@keyframes enter-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection=\"right\"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:enter-left;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exit-left{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant=\"overlay\"][transitiondirection=\"right\"]>.canvas-container.sc-z-offcanvas{animation-duration:0.4s;animation-name:exit-left;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{overflow:auto;flex:1 auto;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0;overflow-x:hidden}[variant=\"overlay\"].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{padding:0 calc(var(--space-unit) * 2) calc(var(--space-unit) * 2) calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) 0 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-track{background-color:transparent}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas{scrollbar-color:var(--color-primary01) transparent}@media only screen and (min-width: 768px){.sc-z-offcanvas-h{min-width:auto}.canvas-container.sc-z-offcanvas{width:auto;min-width:max(var(--z-offcanvas--container-width), 375px);max-width:max(var(--z-offcanvas--container-width), 375px);height:auto;min-height:calc(var(--space-unit) * 40)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant=\"overlay\"])[open]{width:auto;animation-duration:0.4s;animation-name:grow;animation-timing-function:ease-out}}";
9
-
10
- const ZOffcanvas = class {
11
- constructor(hostRef) {
12
- index.registerInstance(this, hostRef);
13
- this.canvasOpenStatusChanged = index.createEvent(this, "canvasOpenStatusChanged", 7);
14
- /**
15
- * Offcanvas variant.
16
- * Can be one of "overlay", "pushcontent"
17
- * Default variant: pushcontent
18
- */
19
- this.variant = index$1.OffCanvasVariant.PUSHCONTENT;
20
- /** open component. Default: false */
21
- this.open = false;
22
- /** open content transitioning in a specified direction left | right. Default: left */
23
- this.transitiondirection = index$1.TransitionDirection.LEFT;
24
- }
25
- componentWillLoad() {
26
- this.handleOpenStatus();
27
- }
28
- onOpenChanged() {
29
- this.handleOpenStatus();
30
- this.canvasOpenStatusChanged.emit(this.open);
31
- }
32
- handleOpenStatus() {
33
- if (this.open) {
34
- this.hostElement.style.opacity = "0";
35
- this.hostElement.style.display = "flex";
36
- if (this.variant === index$1.OffCanvasVariant.OVERLAY) {
37
- document.body.style.overflowY = "hidden";
38
- }
39
- }
40
- else if (this.variant === index$1.OffCanvasVariant.PUSHCONTENT) {
41
- this.hostElement.style.display = "none";
42
- document.body.style.overflowX = "hidden";
43
- }
44
- }
45
- handleAnimationEnd() {
46
- if (this.hostElement.hasAttribute("open")) {
47
- this.hostElement.querySelector(`.canvas-content`).focus();
48
- }
49
- else if (this.variant === index$1.OffCanvasVariant.OVERLAY) {
50
- this.hostElement.style.display = "none";
51
- document.body.style.overflowX = "initial";
52
- document.body.style.overflowY = "initial";
53
- }
54
- }
55
- handleAnimationStart() {
56
- if (this.hostElement.hasAttribute("open")) {
57
- this.hostElement.style.opacity = "1";
58
- }
59
- }
60
- render() {
61
- return (index.h(index.Host, null, index.h("div", { class: "canvas-container", onAnimationEnd: () => this.handleAnimationEnd(), onAnimationStart: () => this.handleAnimationStart() }, index.h("div", { class: "canvas-content" }, index.h("slot", { name: "canvasContent" }))), index.h("div", { class: "canvas-background", "data-action": "canvasBackground", onClick: () => (this.open = false) })));
62
- }
63
- get hostElement() { return index.getElement(this); }
64
- static get watchers() { return {
65
- "open": ["onOpenChanged"]
66
- }; }
67
- };
68
- ZOffcanvas.style = stylesCss;
69
-
70
- exports.z_offcanvas = ZOffcanvas;
@@ -1,235 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-9ca7d5e5.js');
6
- const index$1 = require('./index-1112cdb1.js');
7
- const utils = require('./utils-3ac19501.js');
8
- require('./breakpoints-a55736d0.js');
9
-
10
- const stylesCss = ":host{position:relative;z-index:5;display:block;width:inherit;height:44px;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{position:absolute;z-index:10;display:grid;width:100%;gap:0 calc(var(--space-unit) * 2);grid-template-columns:auto;grid-template-rows:auto}:host>div.has-submit{grid-template-columns:auto min-content}:host>div.has-results{grid-template-rows:auto auto}:host>div>z-input{width:100%;grid-column:1;grid-row:1}:host>div>z-button{grid-column:2;grid-row:1}:host>div>div.results-wrapper{overflow:auto;padding:calc(var(--space-unit) / 4);padding-bottom:calc(var(--space-unit) / 4);border:var(--border-size-small) solid var(--color-surface03);border-top:none;margin-top:-1px;background:var(--color-surface01);grid-column:1;grid-row:2}:host>div>div.results-wrapper>div.results{overflow:auto;max-height:var(--z-searchbar-results-height, 540px);padding:var(--space-unit) calc(var(--space-unit) * 1.5);padding-bottom:calc(var(--space-unit) / 2);scrollbar-color:var(--color-primary01) transparent}:host>div>div.results-wrapper>div.results::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}:host>div>div.results-wrapper>div.results::-webkit-scrollbar-track{background-color:transparent}:host>div>div.results-wrapper>div.results::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}:host>div>div.results-wrapper>div.results .category-heading{display:block;font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:var(--font-size-3)}:host>div>div.results-wrapper>div.results .category-heading>*{display:block}:host>div>div.results-wrapper>div.results span.category-heading>span.category{color:var(--color-text05);font-style:italic}:host>div>div.results-wrapper>div.results span.category-heading>span.subcategory{margin-top:8px;color:var(--color-text01);text-transform:uppercase}:host>div>div.results-wrapper>div.results z-list-element{display:block}:host>div>div.results-wrapper>div.results z-list-element:focus{box-shadow:var(--shadow-focus-primary)}:host>div>div.results-wrapper>div.results .item{--z-icon-height:12px;--z-icon-width:12px;display:flex;flex-flow:row nowrap;align-content:stretch;align-items:flex-start;justify-content:flex-start;color:var(--color-text01);fill:var(--color-icon02);font-size:var(--font-size-2);line-height:var(--font-size-3)}:host>div>div.results-wrapper>div.results .item.ellipsis>span.item-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host>div>div.results-wrapper>div.results .item>span.item-label>mark,:host>div>div.results-wrapper>div.results .item>span.item-label>*>mark{background:var(--color-primary03)}:host>div>div.results-wrapper>div.results .item.has-category{padding-left:calc(var(--space-unit) * 3)}:host>div>div.results-wrapper>div.results .item>z-icon.item-icon{padding:2px 0;margin-right:calc(var(--space-unit) * 1.5)}:host>div>div.results-wrapper>div.results .item.item-search{--z-icon-height:16px;--z-icon-width:16px}:host>div>div.results-wrapper>div.results .item.item-search>z-icon{margin-right:var(--space-unit)}:host>div>div.results-wrapper>div.results .item-show-all{display:block;text-align:center}:host>div>div.results-wrapper>div.results .item-no-results{display:block;font-size:var(--font-size-2);font-style:italic;line-height:var(--font-size-5)}:host>div>div.results-wrapper>div.results .item-no-results>ul{padding-left:calc(var(--space-unit) * 2);margin:var(--space-unit)}@media (min-width: 768px){:host>div>div.results-wrapper>div.results .category-heading{font-size:var(--font-size-3);line-height:var(--font-size-6)}:host>div>div.results-wrapper>div.results .item{--z-icon-height:12px;--z-icon-width:12px;font-size:var(--font-size-3);line-height:var(--font-size-6)}:host>div>div.results-wrapper>div.results .item.item-search{--z-icon-height:18px;--z-icon-width:18px}:host>div>div.results-wrapper>div.results .item.item-search>z-icon{margin-top:calc(var(--space-unit) / 4)}:host>div>div.results-wrapper>div.results .item.ellipsis>span.item-label{height:24px}:host>div>div.results-wrapper>div.results .item>z-icon.item-icon{padding:6px 0}}@media (min-width: 1152px){:host>div>div.results-wrapper>div.results .item{cursor:pointer}:host>div>div.results-wrapper>div.results .item-no-results{cursor:default;font-size:var(--font-size-3);line-height:var(--font-size-6)}}";
11
-
12
- const ZSearchbar = class {
13
- constructor(hostRef) {
14
- index.registerInstance(this, hostRef);
15
- this.searchSubmit = index.createEvent(this, "searchSubmit", 7);
16
- this.searchTyping = index.createEvent(this, "searchTyping", 7);
17
- this.searchItemClick = index.createEvent(this, "searchItemClick", 7);
18
- /** the id of the searchbar element */
19
- this.htmlid = `searchbar-${utils.randomId()}`;
20
- /** Show simple input without submit button */
21
- this.preventSubmit = false;
22
- /** Show autocomplete results */
23
- this.autocomplete = false;
24
- /** Minimun number of characters to dispatch typing event */
25
- this.autocompleteMinChars = 3;
26
- /** Truncate results to single row */
27
- this.resultsEllipsis = true;
28
- /** Search helper text */
29
- this.searchHelperLabel = "Cerca {searchString}";
30
- /** Sort autocomplete results items */
31
- this.sortResultsItems = false;
32
- this.searchString = "";
33
- this.currResultsCount = 0;
34
- this.showResults = false;
35
- this.resultsItemsList = null;
36
- }
37
- emitSearchSubmit() {
38
- this.searchSubmit.emit(this.searchString);
39
- }
40
- emitSearchTyping(search) {
41
- this.searchTyping.emit(search);
42
- }
43
- emitSearchItemClick(item) {
44
- this.searchItemClick.emit(item);
45
- }
46
- watchItems() {
47
- this.resultsItemsList = this.getResultsItemsList();
48
- }
49
- watchResultsCount() {
50
- this.currResultsCount = this.resultsCount;
51
- }
52
- watchValue() {
53
- this.handleInput(this.value);
54
- }
55
- watchSearchString() {
56
- this.emitSearchTyping(this.searchString);
57
- if (!this.searchString) {
58
- this.currResultsCount = this.resultsCount;
59
- }
60
- }
61
- clickListener(e) {
62
- this.handleOutsideClick(e);
63
- }
64
- componentWillLoad() {
65
- this.resultsItemsList = this.getResultsItemsList();
66
- this.currResultsCount = this.resultsCount;
67
- this.handleInput(this.value);
68
- }
69
- getResultsItemsList() {
70
- return typeof this.resultsItems === "string" ? JSON.parse(this.resultsItems) : this.resultsItems;
71
- }
72
- getGroupedItems(items) {
73
- const groupedItems = {};
74
- items.forEach((item) => {
75
- var _a;
76
- const key = `${item === null || item === void 0 ? void 0 : item.category}${item === null || item === void 0 ? void 0 : item.subcategory}`;
77
- groupedItems[key] = (_a = groupedItems[key]) !== null && _a !== void 0 ? _a : {
78
- category: item === null || item === void 0 ? void 0 : item.category,
79
- subcategory: item === null || item === void 0 ? void 0 : item.subcategory,
80
- items: [],
81
- };
82
- groupedItems[key]["items"].push(item);
83
- });
84
- if (this.sortResultsItems) {
85
- return Object.keys(groupedItems)
86
- .sort()
87
- .reduce((obj, key) => {
88
- obj[key] = Object.assign(Object.assign({}, groupedItems[key]), { items: groupedItems[key]["items"].sort((a, b) => {
89
- const nameA = a.label.toUpperCase();
90
- const nameB = b.label.toUpperCase();
91
- if (nameA < nameB) {
92
- return -1;
93
- }
94
- if (nameA > nameB) {
95
- return 1;
96
- }
97
- return 0;
98
- }) });
99
- return obj;
100
- }, {});
101
- }
102
- return groupedItems;
103
- }
104
- checkResultsCount(counter) {
105
- if (!this.currResultsCount || counter < this.currResultsCount) {
106
- return true;
107
- }
108
- return false;
109
- }
110
- handleStopTyping(e) {
111
- e.stopPropagation();
112
- this.handleInput(e.detail.value);
113
- }
114
- handleInput(value) {
115
- if ((value === null || value === void 0 ? void 0 : value.length) >= this.autocompleteMinChars) {
116
- this.searchString = value;
117
- }
118
- else if (this.searchString) {
119
- this.searchString = "";
120
- }
121
- }
122
- handleSubmit() {
123
- if (this.preventSubmit) {
124
- return;
125
- }
126
- this.emitSearchSubmit();
127
- }
128
- handleOutsideClick(e) {
129
- const cp = e.composedPath();
130
- const searchbar = cp.find((elem) => elem.nodeName === "Z-SEARCHBAR");
131
- if (!searchbar || searchbar.htmlid !== this.htmlid) {
132
- this.showResults = false;
133
- return;
134
- }
135
- if (cp.find((elem) => { var _a; return (elem === null || elem === void 0 ? void 0 : elem.nodeName) === "Z-INPUT" || ((_a = elem === null || elem === void 0 ? void 0 : elem.classList) === null || _a === void 0 ? void 0 : _a.contains("results")); })) {
136
- this.showResults = true;
137
- return;
138
- }
139
- this.showResults = false;
140
- }
141
- renderInput() {
142
- return (index.h("z-input", { message: false, placeholder: this.placeholder, onStopTyping: (e) => this.handleStopTyping(e), onKeyUp: (e) => utils.handleKeyboardSubmit(e, () => this.handleSubmit()), value: this.value }));
143
- }
144
- renderButton() {
145
- if (this.preventSubmit) {
146
- return null;
147
- }
148
- return (index.h("z-button", { variant: index$1.ButtonVariant.PRIMARY, onClick: () => this.handleSubmit() }, "CERCA"));
149
- }
150
- renderResults() {
151
- if (!this.showResults ||
152
- !this.autocomplete ||
153
- !this.searchString ||
154
- this.searchString.length < this.autocompleteMinChars ||
155
- !this.resultsItemsList) {
156
- return null;
157
- }
158
- return (index.h("div", { class: "results-wrapper" }, index.h("div", { class: "results" }, this.renderResultsList())));
159
- }
160
- renderResultsList() {
161
- var _a, _b;
162
- if (this.preventSubmit && !((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length)) {
163
- return (index.h("span", { class: "item item-no-results" }, "Non abbiamo trovato risultati per ", index.h("b", null, this.searchString), index.h("br", null), index.h("br", null), "Cosa puoi fare?", index.h("ul", null, index.h("li", null, "Verificare di aver scritto bene"), index.h("li", null, "Provare a cercare un'altra parola"), index.h("li", null, "Provare a cercare qualcosa di pi\u00F9 generico"))));
164
- }
165
- return (index.h("z-list", { role: "listbox", id: `list-${this.htmlid}` }, this.renderSearchHelper(!!((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length)), this.renderItems(), this.renderShowAllResults()));
166
- }
167
- renderItems() {
168
- var _a;
169
- if (!((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length)) {
170
- return [];
171
- }
172
- const groupedItems = this.getGroupedItems(this.resultsItemsList);
173
- const listGroups = [];
174
- let counter = 0;
175
- Object.values(groupedItems).forEach((groupItem, index$2, array) => {
176
- if (this.checkResultsCount(counter)) {
177
- const listGroupsElements = [];
178
- groupItem.items.forEach((item, subindex, subarray) => {
179
- if (this.checkResultsCount(counter)) {
180
- const isLast = index$2 === array.length - 1 && subindex === subarray.length - 1;
181
- listGroupsElements.push(this.renderItem(item, subindex, !isLast));
182
- }
183
- counter++;
184
- });
185
- if (listGroupsElements.length) {
186
- listGroups.push(index.h("z-list-group", { "divider-type": index$1.ListDividerType.ELEMENT }, this.renderItemCategory(groupItem), listGroupsElements));
187
- }
188
- }
189
- });
190
- return listGroups;
191
- }
192
- renderItem(item, key, divider) {
193
- return (index.h("z-list-element", { id: `list-item-${this.htmlid}-${key}`, role: "option", tabindex: 0, dividerType: divider ? index$1.ListDividerType.ELEMENT : undefined, clickable: true, onClickItem: () => this.emitSearchItemClick(item) }, index.h("span", { class: { "item": true, "ellipsis": this.resultsEllipsis, "has-category": !!item.category } }, (item === null || item === void 0 ? void 0 : item.icon) && (index.h("z-icon", { class: "item-icon", name: item.icon })), index.h("span", { class: "item-label", title: item.label, innerHTML: this.renderItemLabel(item.label) }))));
194
- }
195
- renderItemLabel(label) {
196
- if (!this.searchString) {
197
- return label;
198
- }
199
- return label.replace(new RegExp(this.searchString.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gmi"), (found) => `<mark>${found}</mark>`);
200
- }
201
- renderItemCategory(groupItem) {
202
- if (!(groupItem === null || groupItem === void 0 ? void 0 : groupItem.category)) {
203
- return null;
204
- }
205
- return (index.h("span", { class: "category-heading", slot: "header-title" }, index.h("span", { class: "category" }, groupItem.category), (groupItem === null || groupItem === void 0 ? void 0 : groupItem.subcategory) && index.h("span", { class: "subcategory" }, groupItem.subcategory)));
206
- }
207
- renderSearchHelper(hasDivider = true) {
208
- if (!this.autocomplete || this.preventSubmit || !this.searchString) {
209
- return null;
210
- }
211
- return (index.h("z-list-element", { role: "option", tabindex: 0, dividerType: hasDivider ? index$1.ListDividerType.ELEMENT : undefined, clickable: true, id: `list-item-${this.htmlid}-search`, onClickItem: () => this.emitSearchSubmit() }, index.h("span", { class: "item item-search" }, index.h("z-icon", { class: "search-icon", name: "left-magnifying-glass" }), index.h("span", { class: "item-label", innerHTML: this.searchHelperLabel.replace("{searchString}", `<mark>${this.searchString}</mark>`) }))));
212
- }
213
- renderShowAllResults() {
214
- var _a, _b;
215
- if (!this.currResultsCount ||
216
- !this.searchString ||
217
- !((_a = this.resultsItemsList) === null || _a === void 0 ? void 0 : _a.length) ||
218
- this.currResultsCount >= ((_b = this.resultsItemsList) === null || _b === void 0 ? void 0 : _b.length)) {
219
- return null;
220
- }
221
- return (index.h("z-list-element", { role: "option", tabindex: 0, clickable: true, id: `list-item-${this.htmlid}-show-all`, onClickItem: () => (this.currResultsCount = 0) }, index.h("span", { class: "item-show-all" }, index.h("z-link", null, "Vedi tutti i risultati"))));
222
- }
223
- render() {
224
- return (index.h(index.Host, { onFocus: () => (this.showResults = true), onClick: (e) => this.handleOutsideClick(e) }, index.h("div", { class: { "has-submit": !this.preventSubmit, "has-results": this.autocomplete } }, this.renderInput(), this.renderResults(), this.renderButton())));
225
- }
226
- static get watchers() { return {
227
- "resultsItems": ["watchItems"],
228
- "resultsCount": ["watchResultsCount"],
229
- "value": ["watchValue"],
230
- "searchString": ["watchSearchString"]
231
- }; }
232
- };
233
- ZSearchbar.style = stylesCss;
234
-
235
- exports.z_searchbar = ZSearchbar;
@@ -1 +0,0 @@
1
- import{r as t,c as o,h as i}from"./p-0f55558e.js";import{T as r}from"./p-78d71789.js";const n=class{constructor(i){t(this,i),this.appButtonClick=o(this,"appButtonClick",7),this.theme=r.DARK,this.isopen=!1,this.emitAppButtonClick=this.emitAppButtonClick.bind(this)}emitAppButtonClick(){this.isopen=!this.isopen,this.appButtonClick.emit({isopen:this.isopen})}render(){return i("button",{title:"app-switcher",onClick:()=>this.emitAppButtonClick()},i("z-icon",{name:"app-switcher",class:this.theme}))}};n.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;align-content:center;justify-content:center;padding:0;border:none;background-color:transparent}button>z-icon{color:var(--bg-white);fill:currentcolor}button>z-icon.light{color:var(--bg-grey-900);fill:currentcolor}";export{n as z_app_switcher}