@zanichelli/albe-web-components 2.42.0 → 2.44.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 (204) hide show
  1. package/dist/cjs/{index-ef6dc2ee.js → index-93c4c577.js} +7 -2
  2. package/dist/cjs/index.cjs.js +2 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{utils-d3a23e75.js → utils-23a6dee4.js} +1 -1
  5. package/dist/cjs/web-components-library.cjs.js +1 -1
  6. package/dist/cjs/z-app-switcher_10.cjs.entry.js +1 -1
  7. package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/z-avatar.cjs.entry.js +1 -1
  9. package/dist/cjs/z-button-filter_5.cjs.entry.js +2 -2
  10. package/dist/cjs/z-chip.cjs.entry.js +1 -1
  11. package/dist/cjs/z-combobox.cjs.entry.js +2 -2
  12. package/dist/cjs/z-contextual-menu.cjs.entry.js +1 -1
  13. package/dist/cjs/z-cookiebar.cjs.entry.js +1 -1
  14. package/dist/cjs/z-file-upload.cjs.entry.js +2 -2
  15. package/dist/cjs/z-file.cjs.entry.js +2 -2
  16. package/dist/cjs/z-footer.cjs.entry.js +1 -1
  17. package/dist/cjs/z-list_3.cjs.entry.js +1 -1
  18. package/dist/cjs/z-menu-dropdown_2.cjs.entry.js +2 -2
  19. package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
  20. package/dist/cjs/z-modal-login.cjs.entry.js +1 -1
  21. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  22. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  23. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  24. package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
  25. package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
  26. package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
  27. package/dist/cjs/z-myz-topbar.cjs.entry.js +1 -1
  28. package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
  29. package/dist/cjs/z-notification.cjs.entry.js +17 -13
  30. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  31. package/dist/cjs/z-pagination-bar.cjs.entry.js +2 -2
  32. package/dist/cjs/z-pocket_3.cjs.entry.js +2 -2
  33. package/dist/cjs/z-popover.cjs.entry.js +2 -2
  34. package/dist/cjs/z-section-title.cjs.entry.js +42 -0
  35. package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
  36. package/dist/cjs/z-status-tag.cjs.entry.js +1 -1
  37. package/dist/cjs/z-table-cell.cjs.entry.js +1 -1
  38. package/dist/cjs/z-table-header.cjs.entry.js +2 -2
  39. package/dist/cjs/z-table-row.cjs.entry.js +1 -1
  40. package/dist/cjs/z-table.cjs.entry.js +1 -1
  41. package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  42. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  43. package/dist/cjs/z-toggle-switch.cjs.entry.js +2 -2
  44. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  45. package/dist/collection/beans/index.js +5 -0
  46. package/dist/collection/collection-manifest.json +1 -0
  47. package/dist/collection/components/notification/z-notification/index.js +52 -27
  48. package/dist/collection/components/notification/z-notification/styles.css +73 -52
  49. package/dist/collection/components/z-section-title/index.js +91 -0
  50. package/dist/collection/components/z-section-title/styles.css +44 -0
  51. package/dist/collection/utils/storybook-utils.js +50 -0
  52. package/dist/esm/{index-cda2110a.js → index-023c206a.js} +6 -1
  53. package/dist/esm/index.js +2 -2
  54. package/dist/esm/loader.js +1 -1
  55. package/dist/esm/{utils-436360f5.js → utils-05b6c600.js} +1 -1
  56. package/dist/esm/web-components-library.js +1 -1
  57. package/dist/esm/z-app-switcher_10.entry.js +1 -1
  58. package/dist/esm/z-aria-alert.entry.js +1 -1
  59. package/dist/esm/z-avatar.entry.js +1 -1
  60. package/dist/esm/z-button-filter_5.entry.js +2 -2
  61. package/dist/esm/z-chip.entry.js +1 -1
  62. package/dist/esm/z-combobox.entry.js +2 -2
  63. package/dist/esm/z-contextual-menu.entry.js +1 -1
  64. package/dist/esm/z-cookiebar.entry.js +1 -1
  65. package/dist/esm/z-file-upload.entry.js +2 -2
  66. package/dist/esm/z-file.entry.js +2 -2
  67. package/dist/esm/z-footer.entry.js +1 -1
  68. package/dist/esm/z-list_3.entry.js +1 -1
  69. package/dist/esm/z-menu-dropdown_2.entry.js +2 -2
  70. package/dist/esm/z-messages-pocket.entry.js +1 -1
  71. package/dist/esm/z-modal-login.entry.js +1 -1
  72. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  73. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  74. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  75. package/dist/esm/z-myz-card-info.entry.js +2 -2
  76. package/dist/esm/z-myz-card_4.entry.js +1 -1
  77. package/dist/esm/z-myz-list-item.entry.js +2 -2
  78. package/dist/esm/z-myz-topbar.entry.js +1 -1
  79. package/dist/esm/z-navigation-tabs.entry.js +1 -1
  80. package/dist/esm/z-notification.entry.js +17 -13
  81. package/dist/esm/z-otp.entry.js +1 -1
  82. package/dist/esm/z-pagination-bar.entry.js +2 -2
  83. package/dist/esm/z-pocket_3.entry.js +2 -2
  84. package/dist/esm/z-popover.entry.js +2 -2
  85. package/dist/esm/z-section-title.entry.js +38 -0
  86. package/dist/esm/z-slideshow.entry.js +2 -2
  87. package/dist/esm/z-status-tag.entry.js +1 -1
  88. package/dist/esm/z-table-cell.entry.js +1 -1
  89. package/dist/esm/z-table-header.entry.js +2 -2
  90. package/dist/esm/z-table-row.entry.js +1 -1
  91. package/dist/esm/z-table.entry.js +1 -1
  92. package/dist/esm/z-toast-notification-list.entry.js +1 -1
  93. package/dist/esm/z-toast-notification.entry.js +1 -1
  94. package/dist/esm/z-toggle-switch.entry.js +2 -2
  95. package/dist/esm/z-tooltip.entry.js +1 -1
  96. package/dist/types/beans/index.d.ts +5 -0
  97. package/dist/types/components/notification/z-notification/index.d.ts +17 -9
  98. package/dist/types/components/z-section-title/index.d.ts +25 -0
  99. package/dist/types/components.d.ts +52 -13
  100. package/dist/web-components-library/index.esm.js +1 -1
  101. package/dist/web-components-library/{p-b48105a4.entry.js → p-00265234.entry.js} +1 -1
  102. package/dist/web-components-library/{p-2d74660a.entry.js → p-04f7a407.entry.js} +1 -1
  103. package/dist/web-components-library/{p-cf00f379.entry.js → p-091b489d.entry.js} +1 -1
  104. package/{www/build/p-d64c6f56.entry.js → dist/web-components-library/p-0953cfbc.entry.js} +1 -1
  105. package/dist/web-components-library/{p-24d62d5d.entry.js → p-1242e682.entry.js} +1 -1
  106. package/dist/web-components-library/{p-c9c7071f.entry.js → p-189c9cd3.entry.js} +1 -1
  107. package/dist/web-components-library/{p-98e15cf2.entry.js → p-2536d492.entry.js} +1 -1
  108. package/dist/web-components-library/{p-fd167bfb.entry.js → p-26410b9b.entry.js} +1 -1
  109. package/dist/web-components-library/{p-c17b64f1.js → p-26572e05.js} +1 -1
  110. package/dist/web-components-library/{p-8537e37d.entry.js → p-2b551b66.entry.js} +1 -1
  111. package/dist/web-components-library/{p-d97dd15a.entry.js → p-329633be.entry.js} +1 -1
  112. package/{www/build/p-9dc8fdb1.entry.js → dist/web-components-library/p-33dc73f1.entry.js} +1 -1
  113. package/dist/web-components-library/p-33f74396.entry.js +1 -0
  114. package/{www/build/p-5590d187.entry.js → dist/web-components-library/p-3ade3fa4.entry.js} +1 -1
  115. package/dist/web-components-library/{p-8ddeda29.entry.js → p-3b47835a.entry.js} +1 -1
  116. package/dist/web-components-library/{p-febe0261.entry.js → p-3d99e2b1.entry.js} +1 -1
  117. package/dist/web-components-library/{p-fc2043f7.entry.js → p-4e7c54ac.entry.js} +1 -1
  118. package/dist/web-components-library/{p-2edeb36b.entry.js → p-5300e675.entry.js} +1 -1
  119. package/dist/web-components-library/p-5b5d269c.js +1 -0
  120. package/dist/web-components-library/{p-21a85d4f.entry.js → p-5d429427.entry.js} +1 -1
  121. package/dist/web-components-library/{p-654c1830.entry.js → p-6b70aaa3.entry.js} +1 -1
  122. package/dist/web-components-library/{p-96da0513.entry.js → p-6deeeeff.entry.js} +1 -1
  123. package/dist/web-components-library/{p-caa452fc.entry.js → p-7bb69f45.entry.js} +1 -1
  124. package/dist/web-components-library/{p-b359a48a.entry.js → p-9207c9ca.entry.js} +1 -1
  125. package/{www/build/p-26286e79.entry.js → dist/web-components-library/p-92f0664e.entry.js} +1 -1
  126. package/dist/web-components-library/{p-a61ee49c.entry.js → p-94919e28.entry.js} +1 -1
  127. package/dist/web-components-library/{p-3371604c.entry.js → p-98cd95f3.entry.js} +1 -1
  128. package/dist/web-components-library/p-99e53bd5.entry.js +1 -0
  129. package/dist/web-components-library/{p-d59d1090.entry.js → p-a8ba7c76.entry.js} +1 -1
  130. package/dist/web-components-library/{p-5683fb4a.entry.js → p-a9a24ffd.entry.js} +1 -1
  131. package/{www/build/p-729a98ab.entry.js → dist/web-components-library/p-b9d7caa1.entry.js} +1 -1
  132. package/dist/web-components-library/p-bc168412.entry.js +1 -0
  133. package/{www/build/p-9409540b.entry.js → dist/web-components-library/p-c3bd10ad.entry.js} +1 -1
  134. package/dist/web-components-library/{p-889bcfab.entry.js → p-cd0cafe6.entry.js} +1 -1
  135. package/dist/web-components-library/{p-a90d876c.entry.js → p-e305e1f8.entry.js} +1 -1
  136. package/dist/web-components-library/{p-fc5bb8d5.entry.js → p-e6f63644.entry.js} +1 -1
  137. package/dist/web-components-library/{p-b68c2b06.entry.js → p-e98bb01e.entry.js} +1 -1
  138. package/dist/web-components-library/{p-32fbc96b.entry.js → p-ead40844.entry.js} +1 -1
  139. package/dist/web-components-library/{p-49fd1045.entry.js → p-ee229819.entry.js} +1 -1
  140. package/dist/web-components-library/{p-7a3c0d01.entry.js → p-f938f1b0.entry.js} +1 -1
  141. package/dist/web-components-library/{p-83dda293.entry.js → p-fae6d22e.entry.js} +1 -1
  142. package/dist/web-components-library/web-components-library.esm.js +1 -1
  143. package/package.json +10 -10
  144. package/react/components.d.ts +1 -0
  145. package/react/components.js +2 -1
  146. package/react/components.js.map +1 -1
  147. package/readme.md +1 -0
  148. package/www/build/index.esm.js +1 -1
  149. package/www/build/{p-b48105a4.entry.js → p-00265234.entry.js} +1 -1
  150. package/www/build/{p-2d74660a.entry.js → p-04f7a407.entry.js} +1 -1
  151. package/www/build/{p-cf00f379.entry.js → p-091b489d.entry.js} +1 -1
  152. package/{dist/web-components-library/p-d64c6f56.entry.js → www/build/p-0953cfbc.entry.js} +1 -1
  153. package/www/build/{p-24d62d5d.entry.js → p-1242e682.entry.js} +1 -1
  154. package/www/build/p-12a9a0de.js +1 -0
  155. package/www/build/{p-c9c7071f.entry.js → p-189c9cd3.entry.js} +1 -1
  156. package/www/build/{p-98e15cf2.entry.js → p-2536d492.entry.js} +1 -1
  157. package/www/build/{p-fd167bfb.entry.js → p-26410b9b.entry.js} +1 -1
  158. package/www/build/{p-c17b64f1.js → p-26572e05.js} +1 -1
  159. package/www/build/{p-8537e37d.entry.js → p-2b551b66.entry.js} +1 -1
  160. package/www/build/{p-d97dd15a.entry.js → p-329633be.entry.js} +1 -1
  161. package/{dist/web-components-library/p-9dc8fdb1.entry.js → www/build/p-33dc73f1.entry.js} +1 -1
  162. package/www/build/p-33f74396.entry.js +1 -0
  163. package/{dist/web-components-library/p-5590d187.entry.js → www/build/p-3ade3fa4.entry.js} +1 -1
  164. package/www/build/{p-8ddeda29.entry.js → p-3b47835a.entry.js} +1 -1
  165. package/www/build/{p-febe0261.entry.js → p-3d99e2b1.entry.js} +1 -1
  166. package/www/build/{p-fc2043f7.entry.js → p-4e7c54ac.entry.js} +1 -1
  167. package/www/build/{p-2edeb36b.entry.js → p-5300e675.entry.js} +1 -1
  168. package/www/build/p-5b5d269c.js +1 -0
  169. package/www/build/{p-21a85d4f.entry.js → p-5d429427.entry.js} +1 -1
  170. package/www/build/{p-654c1830.entry.js → p-6b70aaa3.entry.js} +1 -1
  171. package/www/build/{p-96da0513.entry.js → p-6deeeeff.entry.js} +1 -1
  172. package/www/build/{p-caa452fc.entry.js → p-7bb69f45.entry.js} +1 -1
  173. package/www/build/p-88b56b6e.css +1 -0
  174. package/www/build/{p-b359a48a.entry.js → p-9207c9ca.entry.js} +1 -1
  175. package/{dist/web-components-library/p-26286e79.entry.js → www/build/p-92f0664e.entry.js} +1 -1
  176. package/www/build/{p-a61ee49c.entry.js → p-94919e28.entry.js} +1 -1
  177. package/www/build/{p-3371604c.entry.js → p-98cd95f3.entry.js} +1 -1
  178. package/www/build/p-99e53bd5.entry.js +1 -0
  179. package/www/build/{p-d59d1090.entry.js → p-a8ba7c76.entry.js} +1 -1
  180. package/www/build/{p-5683fb4a.entry.js → p-a9a24ffd.entry.js} +1 -1
  181. package/{dist/web-components-library/p-729a98ab.entry.js → www/build/p-b9d7caa1.entry.js} +1 -1
  182. package/www/build/p-bc168412.entry.js +1 -0
  183. package/{dist/web-components-library/p-9409540b.entry.js → www/build/p-c3bd10ad.entry.js} +1 -1
  184. package/www/build/{p-889bcfab.entry.js → p-cd0cafe6.entry.js} +1 -1
  185. package/www/build/{p-a90d876c.entry.js → p-e305e1f8.entry.js} +1 -1
  186. package/www/build/{p-fc5bb8d5.entry.js → p-e6f63644.entry.js} +1 -1
  187. package/www/build/{p-b68c2b06.entry.js → p-e98bb01e.entry.js} +1 -1
  188. package/www/build/{p-32fbc96b.entry.js → p-ead40844.entry.js} +1 -1
  189. package/www/build/{p-49fd1045.entry.js → p-ee229819.entry.js} +1 -1
  190. package/www/build/{p-7a3c0d01.entry.js → p-f938f1b0.entry.js} +1 -1
  191. package/www/build/{p-83dda293.entry.js → p-fae6d22e.entry.js} +1 -1
  192. package/www/build/web-components-library.esm.js +1 -1
  193. package/www/index.html +1 -1
  194. package/CHANGELOG.md +0 -1449
  195. package/dist/collection/themes/index.story.js +0 -18
  196. package/dist/web-components-library/p-5dfad268.entry.js +0 -1
  197. package/dist/web-components-library/p-bc4df198.entry.js +0 -1
  198. package/dist/web-components-library/p-e5602e1b.js +0 -1
  199. package/src-react/index.ts +0 -1
  200. package/www/build/p-5dfad268.entry.js +0 -1
  201. package/www/build/p-bc4df198.entry.js +0 -1
  202. package/www/build/p-e5602e1b.js +0 -1
  203. package/www/build/p-fcff1237.css +0 -812
  204. package/www/build/p-fe32c7fa.js +0 -129
@@ -0,0 +1 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,700;1,700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap"); :root{--gray950:#121212;--gray900:#292929;--gray800:#3D3D3D;--gray700:#525252;--gray600:#666666;--gray500:#9B9B9B;--gray400:#ADADAD;--gray300:#C2C2C2;--gray200:#D6D6D6;--gray100:#EBEBEB;--gray50:#F6F6F6}:root{--blue950:#001229;--blue900:#001F46;--blue800:#002C63;--blue700:#003981;--blue600:#0047A0;--blue500:#0056C1;--blue400:#2E76CE;--blue300:#5893DB;--blue200:#82B0E7;--blue100:#ACCDF3;--blue50:#D6EAFF}:root{--green950:#19200A;--green900:#22330A;--green800:#2B4808;--green700:#355D06;--green600:#407305;--green500:#568818;--green400:#6F9D2F;--green300:#8AB14A;--green200:#A6C66B;--green100:#C3DA92;--green50:#EFFCE0}:root{--yellow950:#33280F;--yellow900:#5C4615;--yellow800:#85641A;--yellow700:#AB8125;--yellow600:#D09E30;--yellow500:#F6BB3B;--yellow400:#F9C852;--yellow300:#FBD468;--yellow200:#FEE17F;--yellow150:#ffde72;--yellow100:#FFEA91;--yellow50:#FBF4E6}:root{--red950:#2A0005;--red900:#4C0009;--red800:#6F000D;--red700:#940111;--red600:#BA0115;--red500:#E2011A;--red400:#EB4F60;--red300:#EB4F60;--red200:#F49DA7;--red100:#F49DA7;--red50:#FDEFEE}:root{--avatar-C01:#99005B;--avatar-C02:#B01300;--avatar-C03:#E62200;--avatar-C04:#7C4000;--avatar-C05:#C25600;--avatar-C06:#6E6D6D;--avatar-C07:#667D00;--avatar-C08:#008741;--avatar-C09:#00612F;--avatar-C10:#007D8A;--avatar-C11:#007DB3;--avatar-C12:#00548C;--avatar-C13:#0028B1;--avatar-C14:#00019C;--avatar-C15:#6400EE;--avatar-C16:#5F3FFF;--avatar-C17:#8B00A5;--avatar-C18:#B200FF;--avatar-C19:#C700D6}:root{--color-error-default:#DC3122;--color-success-default:#417505;--color-warning-default:#F6BB3B;--color-black:#000000;--color-white:#FFFFFF}:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--dashboard-font:var(--font-family-sans)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25;letter-spacing:0}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28;letter-spacing:0}@media (max-width: 1151px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);line-height:1.33}}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0.32px}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5;letter-spacing:0}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);line-height:1.4;letter-spacing:0.16px}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);line-height:1.33;letter-spacing:0.32px}.helper,.helper-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);font-style:italic;line-height:1.33;letter-spacing:0.32px}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}:root{--space-unit:8px}:root{--shadow-color-base:rgba(66, 69, 72, 0.35);--shadow-inset-2:inset 0 2px 4px 0 var(--shadow-color-base);--shadow-inset-4:inset 0 4px 8px 0 var(--shadow-color-base);--shadow-0:0 0 0 0 var(--shadow-color-base);--shadow-1:0 1px 2px 0 var(--shadow-color-base);--shadow-2:0 2px 4px 0 var(--shadow-color-base);--shadow-3:0 3px 6px 0 var(--shadow-color-base);--shadow-4:0 4px 8px 0 var(--shadow-color-base);--shadow-6:0 6px 12px 0 var(--shadow-color-base);--shadow-8:0 8px 16px 0 var(--shadow-color-base);--shadow-12:0 12px 24px 0 var(--shadow-color-base);--shadow-16:0 16px 32px 0 var(--shadow-color-base);--shadow-24:0 24px 48px 0 var(--shadow-color-base)}:root{--border-no-radius:0;--border-size-small:1px;--border-size-medium:2px;--border-size-large:4px;--border-radius-small:2px;--border-radius:4px}.t-weight-lt{font-weight:var(--font-lt)}.t-weight-rg{font-weight:var(--font-rg)}.t-weight-sb{font-weight:var(--font-sb)}.t-align-center{text-align:center}.t-color-light{color:var(--text-grey-medium);fill:var(--text-grey-medium)}.caption-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-1);line-height:16px}.helper-text-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-style:italic;font-size:var(--font-size-1);line-height:16px}.body-short-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-2);line-height:20px}.body-short-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-3);line-height:24px}.body-long-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-2);line-height:20px}.body-long-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-3);line-height:24px}.heading-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-2);line-height:20px}.heading-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-3);line-height:24px}.heading-03{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-5);line-height:24px}.heading-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-7);line-height:36px}.heading-05{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-8);line-height:40px}.expressive-heading-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.expressive-heading-04{font-size:var(--font-size-7);line-height:36px}}.expressive-heading-05{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-rg);font-size:var(--font-size-11);line-height:56px}@media only screen and (max-width: 1024px){.expressive-heading-05{font-size:36px;line-height:44px}}@media only screen and (max-width: 767px){.expressive-heading-05{font-size:var(--font-size-8);line-height:40px}}.expressive-paragraph-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.expressive-paragraph-01{font-size:var(--font-size-6);line-height:32px}}.quotation-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-8);line-height:40px}@media only screen and (max-width: 767px){.quotation-01{font-size:var(--font-size-5);line-height:28px}}.quotation-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-13);line-height:72px}@media only screen and (max-width: 1024px){.quotation-02{font-size:36px;line-height:44px}}@media only screen and (max-width: 767px){.quotation-02{font-size:var(--font-size-8);line-height:40px}}.display-01{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:var(--font-size-15);line-height:88px}@media only screen and (max-width: 767px){.display-01{font-size:var(--font-size-10);line-height:52px}}.display-02{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:var(--font-size-15);line-height:88px}@media only screen and (max-width: 767px){.display-02{font-size:var(--font-size-10);line-height:52px}}.display-03{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-lt);font-size:156px;line-height:164px}@media only screen and (max-width: 1024px){.display-03{font-size:var(--font-size-14);line-height:80px}}@media only screen and (max-width: 767px){.display-03{font-size:var(--font-size-10);line-height:52px}}.display-04{color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:156px;line-height:164px}@media only screen and (max-width: 1024px){.display-04{font-size:var(--font-size-14);line-height:80px}}@media only screen and (max-width: 767px){.display-04{font-size:var(--font-size-10);line-height:52px}}:root{--grid-mobile-viewport:768px;--grid-mobile-column:4;--grid-mobile-margin:16px;--grid-mobile-gutter:16px;--grid-tablet-viewport:768px;--grid-tablet-column:8;--grid-tablet-margin:24px;--grid-tablet-gutter:24px;--grid-desktop-viewport:1152px;--grid-desktop-column:12;--grid-desktop-margin:24px;--grid-desktop-gutter:24px;--grid-wide-viewport:1366px;--grid-wide-column:12;--grid-wide-margin:32px;--grid-wide-gutter:32px;--grid-margin:var(--grid-mobile-margin);--grid-gutter:var(--grid-mobile-gutter)}@media (min-width: 768px) and (max-width: 1151px){:root{--grid-margin:var(--grid-tablet-margin);--grid-gutter:var(--grid-tablet-gutter)}}@media (min-width: 1152px) and (max-width: 1365px){:root{--grid-margin:var(--grid-desktop-margin);--grid-gutter:var(--grid-desktop-gutter)}}@media (min-width: 1366px){:root{--grid-margin:var(--grid-wide-margin);--grid-gutter:var(--grid-wide-gutter)}}:root{--myz-blue:#0056c1;--myz-blue-dark:#003476;--myz-blue-light:#1973e1;--myz-blue-lighter:#e1f0ff;--myz-red:#e2001a;--myz-red-dark:#80000f;--myz-red-light:#ff808e;--accent:#add2ff;--accent-dark:#78b5ff;--accent-light:#d0e9ff;--accent-lighter:#ebf4ff;--bg-grey-050:#f6f6f6;--bg-grey-200:#e6e6e6;--bg-grey-700:#676b6f;--bg-grey-800:#424548;--bg-grey-900:#333333;--bg-white:#ffffff;--bg-neutral-100:#e8ebee;--bg-neutral-150:#d9dee3;--bg-neutral-200:#cad1d8;--bg-neutral-300:#aeb8c2;--bg-neutral-400:#919eac;--bg-neutral-500:#738596;--bg-neutral-600:#5c6b7a;--bg-neutral-700:#46525d;--bg-neutral-800:#303840;--status-error-red:#dc3122;--status-error-red-dark:#7e0a00;--status-error-red-light:#ff9c9c;--status-error-red-lighter:#fdefee;--status-warning-yellow:#f6bb3b;--status-warning-yellow-dark:#85641a;--status-warning-yellow-light:#fee17f;--status-warning-yellow-lighter:#fbf4e6;--status-success-green:#417505;--status-success-green-dark:#233a00;--status-success-green-light:#95d150;--status-success-green-lighter:#effce0;--text-grey-800:#424548;--text-grey-700:#676b6f;--text-grey-200:#e6e6e6;--text-grey-050:#f6f6f6;--text-white:#ffffff}:root{--border-base:2px;--border-size-small:1px;--radius-base:4px;--border-radius-base:4px;--border-radius-min:0;--border-radius-max:100%}:root{--shadow-inset-2:inset 0 2px 4px 0 rgba(66, 69, 72, 0.35);--shadow-inset-4:inset 0 4px 8px 0 rgba(66, 69, 72, 0.35);--shadow-0:0 0 0 0 rgba(66, 69, 72, 0.40);--shadow-1:0 1px 2px 0 rgba(66, 69, 72, 0.40);--shadow-2:0 2px 4px 0 rgba(66, 69, 72, 0.40);--shadow-3:0 3px 6px 0 rgba(66, 69, 72, 0.40);--shadow-4:0 4px 8px 0 rgba(66, 69, 72, 0.40);--shadow-6:0 6px 12px 0 rgba(66, 69, 72, 0.40);--shadow-8:0 8px 16px 0 rgba(66, 69, 72, 0.40);--shadow-12:0 12px 24px 0 rgba(66, 69, 72, 0.35);--shadow-16:0 16px 32px 0 rgba(66, 69, 72, 0.35);--shadow-24:0 24px 48px 0 rgba(66, 69, 72, 0.35)}:root{--basex1:var(--space-unit);--basex2:calc(var(--space-unit) * 2);--basex3:calc(var(--space-unit) * 3);--basex4:calc(var(--space-unit) * 4);--basex5:calc(var(--space-unit) * 5);--basex6:calc(var(--space-unit) * 6);--basex7:calc(var(--space-unit) * 7);--basex8:calc(var(--space-unit) * 8);--half-x1:calc(var(--space-unit) * .5);--half-x3:calc(var(--space-unit) * 1.5);--half-x5:calc(var(--space-unit) * 2.5);--half-x7:calc(var(--space-unit) * 3.5);--half-x9:calc(var(--space-unit) * 4.5);--half-x11:calc(var(--space-unit) * 5.5);--half-x13:calc(var(--space-unit) * 6.5);--half-x14:calc(var(--space-unit) * 7.5)}:root{--color-background:var(--gray50);--color-primary01:var(--blue500);--color-primary02:var(--blue500);--color-primary03:var(--blue50);--color-secondary01:var(--blue500);--color-secondary02:var(--red500);--color-secondary03:var(--red500);--color-danger01:var(--color-error-default);--color-danger02:var(--color-error-default);--color-error01:var(--color-error-default);--color-error02:var(--red800);--color-error-inverse:var(--red50);--color-text-error:var(--color-error-default);--color-success01:var(--color-success-default);--color-success02:var(--green800);--color-text-success:var(--color-success-default);--color-success-inverse:var(--green50);--color-warning01:var(--color-warning-default);--color-warning02:var(--yellow800);--color-text-warning:var(--color-warning-default);--color-warning-inverse:var(--yellow50);--color-surface01:var(--color-white);--color-surface02:var(--gray50);--color-surface03:var(--gray200);--color-surface04:var(--gray700);--color-surface05:var(--gray800);--color-text01:var(--gray800);--color-text02:var(--gray800);--color-text03:var(--gray300);--color-text04:var(--color-white);--color-text05:var(--gray600);--color-text-inverse:var(--color-white);--color-icon01:var(--blue500);--color-icon02:var(--gray800);--color-icon03:var(--color-white);--color-input-field01:var(--color-white);--color-input-field02:var(--color-white);--color-hover-primary:var(--blue800);--color-hover-primary-text:var(--color-black);--color-hover-secondary:var(--blue800);--color-hover-tertiary:var(--blue800);--color-hover-surface:var(--gray50);--color-hover-light:var(--blue400);--color-hover-danger:var(--red800);--color-active-primary:var(--blue800);--color-active-secondary:var(--blue800);--color-active-tertiary:var(--blue800);--color-active-surface:var(--gray300);--color-active-light:var(--blue400);--color-pressed-primary:var(--blue400);--color-pressed-secondary:var(--red400);--color-selected-surface:var(--gray300);--color-selected-light:var(--gray300);--color-highlight:var(--blue100);--color-ghost01:var(--gray300);--color-ghost02:var(--gray500);--color-disabled01:var(--gray200);--color-disabled02:var(--gray700);--color-disabled03:var(--gray500);--shadow-focus-primary:0 0 2px 2px var(--color-highlight);--color-link-primary:var(--blue500);--color-hover-link:var(--blue800);--color-active-link:var(--blue800);--color-pressed-link:var(--blue400);--color-visited-link:var(--blue800);--color-inverse-link:var(--color-white);--color-inverse-hover-link:var(--color-white);--color-inverse-active-link:var(--color-white);--color-inverse-pressed-link:var(--color-white);--color-inverse-visited-link:var(--gray300)}.theme-black-yellow{--color-primary01:var(--gray950);--color-primary02:var(--color-white);--color-primary03:var(--gray100);--color-secondary01:var(--yellow500);--color-secondary02:var(--yellow500);--color-secondary03:var(--yellow500);--color-text01:var(--gray950);--color-text-inverse:var(--color-white);--color-icon01:var(--gray950);--color-active-primary:var(--gray800);--color-pressed-primary:var(--gray800);--color-hover-primary:var(--gray800);--color-hover-secondary:var(--gray950);--color-hover-tertiary:var(--gray950);--color-hover-primary-text:var(--gray950);--color-hover-light:var(--yellow500);--color-background:var(--color-white);--color-hover-surface:var(--gray50)}
@@ -1 +1 @@
1
- import{r as e,h as t}from"./p-98268a57.js";import{k as i}from"./p-e5602e1b.js";import{b as a,h as n,d as r}from"./p-c17b64f1.js";import"./p-d69e14fb.js";const s=class{constructor(t){e(this,t),this.ismenuopen=!1,this.handleToggle=this.handleToggle.bind(this),this.handleFocus=this.handleFocus.bind(this)}componentWillRender(){this.linkarray="string"==typeof this.menucontent?JSON.parse(this.menucontent):this.menucontent}renderMenuOpen(){if(this.ismenuopen)return t("ul",null,this.linkarray.map((e=>t("li",null,t("z-link",{htmlid:e.id,href:e.link,icon:e.icon},e.label)))))}renderButtonMenu(){return t("span",{class:"arrow"},t("z-icon",{name:"caret-down",width:14,height:14}))}retriveMenuClass(){if(this.ismenuopen)return"menu-opened"}handleToggle(){this.ismenuopen=!this.ismenuopen}handleFocus(e){e instanceof KeyboardEvent&&e.keyCode!==i.TAB||a(r()).find((e=>"z-menu-dropdown"===e.nodeName.toLowerCase()))||(document.removeEventListener("click",this.handleFocus),document.removeEventListener("keyup",this.handleFocus),this.ismenuopen=!1)}render(){return t("a",{class:this.retriveMenuClass(),role:"button",tabindex:"0",onFocus:()=>{document.addEventListener("click",this.handleFocus),document.addEventListener("keyup",this.handleFocus)},onKeyUp:e=>n(e,this.handleToggle)},t("div",{class:"container",onClick:()=>this.handleToggle()},t("span",{class:"user-wrapper"},t("z-icon",{name:"user-avatar",width:14,height:14}),t("span",{class:"user"},this.nomeutente)),this.renderButtonMenu()),this.renderMenuOpen())}};s.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:12px;height:32px;width:inherit;letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;background:var(--bg-grey-050);color:var(--text-grey-800);border-radius:var(--border-radius);border:var(--border-size-small) solid transparent;outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{color:var(--myz-blue);fill:var(--myz-blue);border:var(--border-size-small) solid var(--myz-blue);box-shadow:0px 0px 2px 2px var(--myz-blue-light)}:host>a:active{color:var(--myz-blue-light);fill:var(--myz-blue-light);border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}div.container{display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{padding:0 var(--basex1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;width:30px}div.container>span.arrow{display:flex;justify-content:center;align-items:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{list-style:none;padding:0 calc(var(--space-unit) * 2);margin:0px}li{height:var(--basex3);display:flex;align-items:center;padding:calc(var(--space-unit) / 4) 0;width:max-content}.menu-opened{padding-bottom:calc(var(--space-unit) * 2);width:auto !important;min-width:147px;position:inherit}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";const o=class{constructor(t){e(this,t)}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(e){this.list=[...JSON.parse(e)]}oninputrawdataChange(e){this.parseinputrawdata(e)}render(){const e=this.list?this.list.length-1:-1;return t("ul",null,this.list&&this.list.map(((i,a)=>t("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:e!=a}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};o.style="ul{margin:0;padding:0}";export{s as z_menu_dropdown,o as z_myz_list}
1
+ import{r as e,h as t}from"./p-98268a57.js";import{k as i}from"./p-5b5d269c.js";import{b as a,h as n,d as r}from"./p-26572e05.js";import"./p-d69e14fb.js";const s=class{constructor(t){e(this,t),this.ismenuopen=!1,this.handleToggle=this.handleToggle.bind(this),this.handleFocus=this.handleFocus.bind(this)}componentWillRender(){this.linkarray="string"==typeof this.menucontent?JSON.parse(this.menucontent):this.menucontent}renderMenuOpen(){if(this.ismenuopen)return t("ul",null,this.linkarray.map((e=>t("li",null,t("z-link",{htmlid:e.id,href:e.link,icon:e.icon},e.label)))))}renderButtonMenu(){return t("span",{class:"arrow"},t("z-icon",{name:"caret-down",width:14,height:14}))}retriveMenuClass(){if(this.ismenuopen)return"menu-opened"}handleToggle(){this.ismenuopen=!this.ismenuopen}handleFocus(e){e instanceof KeyboardEvent&&e.keyCode!==i.TAB||a(r()).find((e=>"z-menu-dropdown"===e.nodeName.toLowerCase()))||(document.removeEventListener("click",this.handleFocus),document.removeEventListener("keyup",this.handleFocus),this.ismenuopen=!1)}render(){return t("a",{class:this.retriveMenuClass(),role:"button",tabindex:"0",onFocus:()=>{document.addEventListener("click",this.handleFocus),document.addEventListener("keyup",this.handleFocus)},onKeyUp:e=>n(e,this.handleToggle)},t("div",{class:"container",onClick:()=>this.handleToggle()},t("span",{class:"user-wrapper"},t("z-icon",{name:"user-avatar",width:14,height:14}),t("span",{class:"user"},this.nomeutente)),this.renderButtonMenu()),this.renderMenuOpen())}};s.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:12px;height:32px;width:inherit;letter-spacing:0.17px}a,a:visited,a:active{color:inherit;text-decoration:none}:host>a{display:block;background:var(--bg-grey-050);color:var(--text-grey-800);border-radius:var(--border-radius);border:var(--border-size-small) solid transparent;outline:none}:host>a::-moz-focus-inner{border:0}:host>a:hover,:host>a.menu-opened:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}:host>a:focus{color:var(--myz-blue);fill:var(--myz-blue);border:var(--border-size-small) solid var(--myz-blue);box-shadow:0px 0px 2px 2px var(--myz-blue-light)}:host>a:active{color:var(--myz-blue-light);fill:var(--myz-blue-light);border:var(--border-size-small) solid var(--myz-blue-light);box-shadow:0px 2px 4px 0px rgba(0, 0, 0, 0.4)}div.container{display:flex;align-items:center;justify-content:space-between;height:32px;position:relative;padding:0 var(--basex1)}div.container>span.user-wrapper{display:flex}div.container>span.user-wrapper>span.user{padding:0 var(--basex1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;width:30px}div.container>span.arrow{display:flex;justify-content:center;align-items:center}div.container>span.arrow>z-icon{transform:rotate(360deg);transition:all 200ms linear}ul{list-style:none;padding:0 calc(var(--space-unit) * 2);margin:0px}li{height:var(--basex3);display:flex;align-items:center;padding:calc(var(--space-unit) / 4) 0;width:max-content}.menu-opened{padding-bottom:calc(var(--space-unit) * 2);width:auto !important;min-width:147px;position:inherit}.menu-opened a,.menu-opened a:active,.menu-opened a:visited{color:var(--myz-blue);fill:var(--myz-blue)}.menu-opened a:hover{color:var(--myz-blue-dark);fill:var(--myz-blue-dark)}.menu-opened>div.container{margin-bottom:var(--basex1)}.menu-opened>div.container>span.user-wrapper>span.user{width:auto}.menu-opened>div.container>span.arrow>z-icon{transform:rotate(180deg);transition:all 200ms linear}@media only screen and (min-width: 1152px){:host>a{width:147px;padding:0 calc(var(--space-unit) / 4)}:host>a.menu-opened{width:147px;padding-bottom:calc(var(--space-unit) * 2)}div.container>span.user-wrapper>span.user{width:80px}}";const o=class{constructor(t){e(this,t)}componentWillLoad(){this.inputrawdata&&this.parseinputrawdata(this.inputrawdata)}parseinputrawdata(e){this.list=[...JSON.parse(e)]}oninputrawdataChange(e){this.parseinputrawdata(e)}render(){const e=this.list?this.list.length-1:-1;return t("ul",null,this.list&&this.list.map(((i,a)=>t("z-myz-list-item",{listitemid:i.listitemid,text:i.text,link:i.link,linktarget:i.linktarget,icon:i.icon,underlined:e!=a}))))}static get watchers(){return{inputrawdata:["oninputrawdataChange"]}}};o.style="ul{margin:0;padding:0}";export{s as z_menu_dropdown,o as z_myz_list}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,H as s,g as a}from"./p-98268a57.js";import{p as n}from"./p-e5602e1b.js";import{m as r}from"./p-d69e14fb.js";import{h as o}from"./p-1d371408.js";import"./p-b68038b5.js";const l=class{constructor(e){t(this,e),this.toastClose=i(this,"toastClose",7),this.pauseonfocusloss=!0,this.isdraggable=!0,this.draggablepercentage=80,this.isCloseEventCalled=!1,this.visibilityChangeEventHandler=()=>{"hidden"===document.visibilityState?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}}watchPropIsdraggable(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}emitToastClose(t){this.timeoutHandle=null,this.elapsedTime=null,this.hostElement.classList.add(t),this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=r,this.validateAutoclose()}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation(),this.percentage=0}validateAutoclose(){this.autoclose||this.closebutton||console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case n.slideInDown:return n.slideOutUp;case n.slideInUp:return n.slideOutDown;case n.slideInLeft:return n.slideOutRight;case n.slideInRight:return n.slideOutLeft}}calculateDraggedPercentage(t){const i=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/i.width)}handleSlideOutDragAnimation(){this.sliderManager=new o(this.hostElement),this.sliderManager.get("pan").set({direction:o.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const i={translate:"translateX( "+this.percentage+"% )",translateBack:"translateX(0)"};this.hostElement.style.opacity=100-Math.abs(this.percentage)+"%",t.eventType!==o.DIRECTION_LEFT&&t.eventType!==o.DIRECTION_RIGHT||(this.hostElement.style.transform=i.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===o.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage&&(this.hostElement.style.transform=i.translateBack,this.hostElement.style.transition="all 1s",this.hostElement.style.opacity="100%",this.percentage=0)}))}onFocus(){let t;t=this.autoclose,this.elapsedTime&&(t=this.autoclose-this.elapsedTime),t>0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=setTimeout((()=>this.emitToastClose(this.mapSlideOutClass())),t)}detectWrap(){const t=this.container.offsetWidth,i=this.container.children;let e=0;for(let t=0;t<i.length;t++)e+=i[t].offsetWidth;return e>t}renderText(){return e("div",{id:"text",ref:t=>this.toastText=t},e("span",{class:"title"},this.heading),e("span",{class:"message"},this.message))}renderButton(){return e("div",{id:"button"},e("slot",{name:"button"}))}renderCloseIcon(){return this.closebutton&&e("div",{id:"icon"},e("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return e("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:t=>this.container=t},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return e("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},e("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return e(s,{style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:n.slideInDown,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return a(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};l.style=":host{display:inline-block;min-width:200px;width:100vw}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideindown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideoutleft{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(-100%);opacity:0%}}@keyframes slideoutright{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(100%);opacity:0%}}@keyframes slideoutup{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(-100%);opacity:0}}@keyframes slideoutdown{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(100%);opacity:0}}:host>#external-container{font-family:var(--font-family-sans);font-weight:var(--font-rg);border-radius:4px;font-size:14px;letter-spacing:0.16px;box-sizing:border-box;min-height:52px;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-3)}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}:host>#external-container #text{color:var(--color-white);line-height:20px;margin-right:calc(var(--space-unit) * 2);letter-spacing:0.16px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{cursor:pointer;fill:var(--color-white);margin-left:calc(var(--space-unit) * 2)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-icon01)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--grey800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";export{l as z_toast_notification}
1
+ import{r as t,c as i,h as e,H as s,g as a}from"./p-98268a57.js";import{q as n}from"./p-5b5d269c.js";import{m as r}from"./p-d69e14fb.js";import{h as o}from"./p-1d371408.js";import"./p-b68038b5.js";const l=class{constructor(e){t(this,e),this.toastClose=i(this,"toastClose",7),this.pauseonfocusloss=!0,this.isdraggable=!0,this.draggablepercentage=80,this.isCloseEventCalled=!1,this.visibilityChangeEventHandler=()=>{"hidden"===document.visibilityState?this.timeoutHandle&&this.onBlur():this.elapsedTime&&this.onFocus()}}watchPropIsdraggable(t){t?this.sliderManager.get("pan").set({enable:!0}):this.sliderManager.get("pan").set({enable:!1})}watchPropAutoclose(t){clearTimeout(this.timeoutHandle),this.startClosingTimeout(t)}watchPropPauseonfocusloss(t){this.autoclose&&(t?document.addEventListener("visibilitychange",this.visibilityChangeEventHandler):document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler))}emitToastClose(t){this.timeoutHandle=null,this.elapsedTime=null,this.hostElement.classList.add(t),this.toastClose.emit()}componentWillLoad(){this.isMobile=window.innerWidth<=r,this.validateAutoclose()}componentDidLoad(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20,this.startTime=Date.now(),this.autoclose&&this.pauseonfocusloss&&document.addEventListener("visibilitychange",this.visibilityChangeEventHandler),this.isdraggable&&this.handleSlideOutDragAnimation(),this.percentage=0}validateAutoclose(){this.autoclose||this.closebutton||console.error("At least one between autoclose and closebutton must be present")}mapSlideOutClass(){switch(this.transition){case n.slideInDown:return n.slideOutUp;case n.slideInUp:return n.slideOutDown;case n.slideInLeft:return n.slideOutRight;case n.slideInRight:return n.slideOutLeft}}calculateDraggedPercentage(t){const i=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/i.width)}handleSlideOutDragAnimation(){this.sliderManager=new o(this.hostElement),this.sliderManager.get("pan").set({direction:o.DIRECTION_HORIZONTAL}),this.sliderManager.on("pan",(t=>{this.percentage=this.calculateDraggedPercentage(t),this.hostElement.style.transition="none",this.hostElement.classList.remove(this.transition);const i={translate:"translateX( "+this.percentage+"% )",translateBack:"translateX(0)"};this.hostElement.style.opacity=100-Math.abs(this.percentage)+"%",t.eventType!==o.DIRECTION_LEFT&&t.eventType!==o.DIRECTION_RIGHT||(this.hostElement.style.transform=i.translate,Math.abs(this.percentage)>this.draggablepercentage&&!this.isCloseEventCalled&&(this.isCloseEventCalled=!0,this.emitToastClose(t.direction===o.DIRECTION_LEFT?"slide-out-left":"slide-out-right"))),t.isFinal&&Math.abs(this.percentage)<this.draggablepercentage&&(this.hostElement.style.transform=i.translateBack,this.hostElement.style.transition="all 1s",this.hostElement.style.opacity="100%",this.percentage=0)}))}onFocus(){let t;t=this.autoclose,this.elapsedTime&&(t=this.autoclose-this.elapsedTime),t>0&&this.startClosingTimeout(t)}onBlur(){this.elapsedTime=Date.now()-this.startTime,clearTimeout(this.timeoutHandle)}startClosingTimeout(t){this.timeoutHandle=setTimeout((()=>this.emitToastClose(this.mapSlideOutClass())),t)}detectWrap(){const t=this.container.offsetWidth,i=this.container.children;let e=0;for(let t=0;t<i.length;t++)e+=i[t].offsetWidth;return e>t}renderText(){return e("div",{id:"text",ref:t=>this.toastText=t},e("span",{class:"title"},this.heading),e("span",{class:"message"},this.message))}renderButton(){return e("div",{id:"button"},e("slot",{name:"button"}))}renderCloseIcon(){return this.closebutton&&e("div",{id:"icon"},e("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:()=>this.emitToastClose(this.mapSlideOutClass()),onKeyPress:t=>{32!=t.keyCode&&13!=t.keyCode||(t.preventDefault(),this.emitToastClose(this.mapSlideOutClass()))}}))}renderContainer(){return e("div",{tabIndex:0,id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong},ref:t=>this.container=t},this.renderText(),this.renderButton(),this.renderCloseIcon())}renderMobileContainer(){return e("div",{id:"external-container",class:{[this.type]:!!this.type,"several-lines-padding":this.isTextLong,"mobile-wrapped":this.isTextLong}},e("div",{id:"flex-container",ref:t=>this.container=t},this.renderText(),this.renderButton()),this.renderCloseIcon())}render(){return e(s,{style:{"--percentuale":`${this.percentage}%`},class:this.transition?this.transition:n.slideInDown,onAnimationEnd:t=>{this.autoclose&&t.animationName.includes("slidein")&&this.startClosingTimeout(this.autoclose),t.animationName.includes("slideout")&&this.hostElement.parentNode.removeChild(this.hostElement)}},this.isMobile?this.renderMobileContainer():this.renderContainer())}get hostElement(){return a(this)}static get watchers(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}}};l.style=":host{display:inline-block;min-width:200px;width:100vw}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{transform:translateY(100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideindown{0%{transform:translateY(-100%);opacity:0}100%{transform:translateY(0);opacity:100%}}@keyframes slideoutleft{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(-100%);opacity:0%}}@keyframes slideoutright{0%{transform:translateX(var(--percentuale));opacity:calc(100-var(--percentuale))}100%{transform:translateX(100%);opacity:0%}}@keyframes slideoutup{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(-100%);opacity:0}}@keyframes slideoutdown{0%{transform:translateY(var(--percentuale));opacity:100%}100%{transform:translateY(100%);opacity:0}}:host>#external-container{font-family:var(--font-family-sans);font-weight:var(--font-rg);border-radius:4px;font-size:14px;letter-spacing:0.16px;box-sizing:border-box;min-height:52px;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-3)}:host>#external-container.mobile-wrapped>#icon{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}:host>#external-container #text{color:var(--color-white);line-height:20px;margin-right:calc(var(--space-unit) * 2);letter-spacing:0.16px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{cursor:pointer;fill:var(--color-white);margin-left:calc(var(--space-unit) * 2)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-icon01)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--grey800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";export{l as z_toast_notification}
@@ -1 +1 @@
1
- import{r as t,c as s,h as i,H as a,g as o}from"./p-98268a57.js";import{c as r}from"./p-3247dee9.js";import{v as e,w as n,P as l,b as c,c as p}from"./p-e5602e1b.js";import{b as d}from"./p-c17b64f1.js";import"./p-b68038b5.js";import"./p-d69e14fb.js";const h=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=e.medium,this.defaultSortDirection=n.asc,this.sortDirection=n.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 n.asc:return n.desc;case n.desc:return n.asc;case n.none:return this.defaultSortDirection;default:return n.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){d(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:s}=t,i=d(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=n.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:r({sortable:this.sortable}),onClick:()=>this.handleSort()},i("div",{class:r("container")},i("slot",null),this.sortable&&this.sortDirection!==n.none&&i("z-icon",{name:this.sortDirection===n.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:r("popover-container",{visible:this.isMenuOpened})},i("z-popover",{position:l["below-center"],"background-color":"gray200"},i("z-button",{icon:"contextual-menu",variant:c.tertiary,size:p["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),i("div",{slot:"popover"},i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};h.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}';export{h as z_table_header}
1
+ import{r as t,c as s,h as i,H as a,g as o}from"./p-98268a57.js";import{c as r}from"./p-3247dee9.js";import{w as e,x as n,P as l,b as c,c as p}from"./p-5b5d269c.js";import{b as d}from"./p-26572e05.js";import"./p-b68038b5.js";import"./p-d69e14fb.js";const h=class{constructor(i){t(this,i),this.sort=s(this,"sort",7),this.padding=e.medium,this.defaultSortDirection=n.asc,this.sortDirection=n.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 n.asc:return n.desc;case n.desc:return n.asc;case n.none:return this.defaultSortDirection;default:return n.none}})(),this.emitOnSort())}handleMenuClick(){this.isMenuOpened=!this.isMenuOpened}handleOutsideClick(t){d(t.target).find((t=>"z-popover"===t.nodeName.toLowerCase()))||(this.isMenuOpened=!1)}handleClickHeaders(t){const{target:s}=t,i=d(s).find((t=>"z-table-header"===t.nodeName.toLowerCase()));this.sortable&&i&&i.attributes.getNamedItem("column-id").value!==this.columnId&&(s.parentNode.sortable||s.sortable)&&(this.sortDirection=n.none)}componentWillRender(){this.host.setAttribute("role","columnheader")}render(){return i(a,{class:r({sortable:this.sortable}),onClick:()=>this.handleSort()},i("div",{class:r("container")},i("slot",null),this.sortable&&this.sortDirection!==n.none&&i("z-icon",{name:this.sortDirection===n.asc?"arrow-up":"arrow-down",class:"arrow"})),this.showButton&&i("div",{class:r("popover-container",{visible:this.isMenuOpened})},i("z-popover",{position:l["below-center"],"background-color":"gray200"},i("z-button",{icon:"contextual-menu",variant:c.tertiary,size:p["x-small"],square:!0,slot:"trigger",onClick:()=>this.handleMenuClick()}),i("div",{slot:"popover"},i("slot",{name:"contextual-menu"})))))}get host(){return o(this)}};h.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}';export{h as z_table_header}
@@ -1 +1 @@
1
- import{r as t,c as n,h as i}from"./p-98268a57.js";import{b as e}from"./p-e5602e1b.js";const a=class{constructor(i){t(this,i),this.accept=n(this,"accept",7)}emitAccept(t){this.accept.emit({ev:t})}handleOkButtonClick(t){this.emitAccept(t),"function"==typeof this.callback&&this.callback()}handleOkButtonKeyUp(t){this.emitAccept(t),"Enter"===t.code&&void 0!==this.callback&&"function"==typeof this.callback&&this.callback()}renderContentSlot(){return i("div",{class:"content",slot:"content"},i("div",null,i("h2",null,"Su questo sito usiamo i cookie."),i("div",null,i("p",null,"Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai  ",i("a",{href:this.cookiepolicyurl,target:"_blank"},"cookie"),"."))),i("z-button",{variant:e.primary,onClick:t=>this.handleOkButtonClick(t),onKeyUp:t=>this.handleOkButtonKeyUp(t)},"ACCETTA"))}render(){return i("z-candybar",{class:this.hide?"hidden":""},this.renderContentSlot())}};a.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-candybar.hidden{display:none}.content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:space-between;color:var(--text-grey-800);border-radius:calc(var(--space-unit) * .5);font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.content>div>h2{margin:0;padding:0;color:var(--text-grey-800);border-radius:0px;font-size:18px;font-weight:var(--font-sb);letter-spacing:0px}.content>div>div{padding:calc(var(--space-unit) * 3) 0;font-size:14px;letter-spacing:0.16px;line-height:20px}.content>div>div>p{margin:0}.content>div>div>p>a{cursor:pointer;font-weight:var(--font-sb);color:var(--text-grey-800);text-decoration:underline;height:14px;display:inline-flex}.content>div>div>p>a:visited{color:var(--text-grey-800);cursor:pointer;z-index:1000}.content>z-button{margin:0;width:100%}@media only screen and (min-width: 768px){.content{width:100%;flex-direction:row;align-items:center;font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3)}.content>div{width:560px}.content>div>h2{height:calc(var(--space-unit) * 3.5)}.content>div>div{padding:0}.content>z-button{margin:0;width:initial}}@media only screen and (min-width: 1152px){.content>div{width:935px}}@media only screen and (min-width: 1366px){.content{padding-left:calc(var(--space-unit) * 4);padding-right:calc(var(--space-unit) * 4)}}";export{a as z_cookiebar}
1
+ import{r as t,c as n,h as i}from"./p-98268a57.js";import{b as e}from"./p-5b5d269c.js";const a=class{constructor(i){t(this,i),this.accept=n(this,"accept",7)}emitAccept(t){this.accept.emit({ev:t})}handleOkButtonClick(t){this.emitAccept(t),"function"==typeof this.callback&&this.callback()}handleOkButtonKeyUp(t){this.emitAccept(t),"Enter"===t.code&&void 0!==this.callback&&"function"==typeof this.callback&&this.callback()}renderContentSlot(){return i("div",{class:"content",slot:"content"},i("div",null,i("h2",null,"Su questo sito usiamo i cookie."),i("div",null,i("p",null,"Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai  ",i("a",{href:this.cookiepolicyurl,target:"_blank"},"cookie"),"."))),i("z-button",{variant:e.primary,onClick:t=>this.handleOkButtonClick(t),onKeyUp:t=>this.handleOkButtonKeyUp(t)},"ACCETTA"))}render(){return i("z-candybar",{class:this.hide?"hidden":""},this.renderContentSlot())}};a.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-candybar.hidden{display:none}.content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:space-between;color:var(--text-grey-800);border-radius:calc(var(--space-unit) * .5);font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.content>div>h2{margin:0;padding:0;color:var(--text-grey-800);border-radius:0px;font-size:18px;font-weight:var(--font-sb);letter-spacing:0px}.content>div>div{padding:calc(var(--space-unit) * 3) 0;font-size:14px;letter-spacing:0.16px;line-height:20px}.content>div>div>p{margin:0}.content>div>div>p>a{cursor:pointer;font-weight:var(--font-sb);color:var(--text-grey-800);text-decoration:underline;height:14px;display:inline-flex}.content>div>div>p>a:visited{color:var(--text-grey-800);cursor:pointer;z-index:1000}.content>z-button{margin:0;width:100%}@media only screen and (min-width: 768px){.content{width:100%;flex-direction:row;align-items:center;font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3)}.content>div{width:560px}.content>div>h2{height:calc(var(--space-unit) * 3.5)}.content>div>div{padding:0}.content>z-button{margin:0;width:initial}}@media only screen and (min-width: 1152px){.content>div{width:935px}}@media only screen and (min-width: 1366px){.content{padding-left:calc(var(--space-unit) * 4);padding-right:calc(var(--space-unit) * 4)}}";export{a as z_cookiebar}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,g as i}from"./p-98268a57.js";import{o,d as r}from"./p-5b5d269c.js";const s=class{constructor(e){t(this,e),this.dividerPosition=o.before,this.uppercase=!0}componentWillRender(){this.hasSecondaryTitle=!!this.host.querySelector("[slot=secondary-title]")}render(){return[e("slot",{name:"secondary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.before&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"}),e("slot",{name:"primary-title"}),!this.hasSecondaryTitle&&this.dividerPosition==o.after&&e("z-divider",{size:r.large,color:"z-section-title--divider-color"})]}get host(){return i(this)}};s.style=':host{--z-section-title--divider-color:var(--red500);display:flex;flex-direction:column;align-items:flex-start;width:fit-content;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host,:host ::slotted(*){box-sizing:border-box}::slotted(*){margin:0}::slotted([slot="secondary-title"]){padding-bottom:calc(var(--space-unit) / 2);border-bottom:var(--border-size-large) solid var(--z-section-title--divider-color);text-transform:uppercase;font-size:var(--font-size-3);line-height:1.5rem}::slotted([slot="primary-title"]){font-size:var(--font-size-6);line-height:2rem}:host([uppercase]) ::slotted([slot="primary-title"]){text-transform:uppercase}@media (min-width: 1152px){::slotted([slot="primary-title"]){font-size:var(--font-size-7);line-height:2.25rem}}';export{s as z_section_title}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e,g as s}from"./p-98268a57.js";import{i as o}from"./p-e5602e1b.js";import{h as a}from"./p-c17b64f1.js";import{h as r}from"./p-1d371408.js";import"./p-d69e14fb.js";import"./p-b68038b5.js";const n=class{constructor(e){t(this,e),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.preview}async open(){this.status=o.open}async close(){this.status=o.closed}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.preview:case o.closed:this.status=o.open;break;case o.open:this.status=o.closed}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.open:"down"===t.detail.direction&&(this.status=o.closed))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return e("div",null,e("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),e("div",{id:this.pocketid,class:"contentWrapper"},e("div",null,e("slot",null))))}get hostElement(){return s(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";const h=class{constructor(i){t(this,i),this.status=o.preview}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return e("main",{class:this.status},e("slot",null))}};h.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(e){t(this,e),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return e("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},e("slot",null))}};c.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
1
+ import{r as t,c as i,h as s,g as e}from"./p-98268a57.js";import{i as o}from"./p-5b5d269c.js";import{h as a}from"./p-26572e05.js";import{h as r}from"./p-1d371408.js";import"./p-d69e14fb.js";import"./p-b68038b5.js";const n=class{constructor(s){t(this,s),this.pocketToggle=i(this,"pocketToggle",7),this.status=o.preview}async open(){this.status=o.open}async close(){this.status=o.closed}emitPocketToggle(t,i){this.pocketToggle.emit({id:t,status:i})}handlePocketHeaderClick(t){if(t.detail.id&&t.detail.id===this.pocketid)switch(this.status){case o.preview:case o.closed:this.status=o.open;break;case o.open:this.status=o.closed}}handlePocketHeaderPan(t){t.detail.id&&t.detail.id===this.pocketid&&("up"===t.detail.direction?this.status=o.open:"down"===t.detail.direction&&(this.status=o.closed))}watchStatusHandler(t){this.emitPocketToggle(this.pocketid,t)}componentWillLoad(){this.emitPocketToggle(this.pocketid,this.status)}handleBackgroundClick(t){"pocketBackground"==t.target.dataset.action&&this.close()}render(){return s("div",null,s("div",{"data-action":"pocketBackground","data-pocket":this.pocketid,class:`background ${this.status}`,onClick:t=>this.handleBackgroundClick(t)}),s("div",{id:this.pocketid,class:"contentWrapper"},s("div",null,s("slot",null))))}get hostElement(){return e(this)}static get watchers(){return{status:["watchStatusHandler"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:inherit;height:100%;margin:inherit}:host>div{width:inherit;height:100%;margin:inherit}:host>div>div.background{position:fixed;left:0;right:0;top:0;bottom:0;z-index:998;width:0;height:0}:host>div>div.background.open{height:100%;width:100%}:host>div>div.contentWrapper{position:fixed;z-index:999;bottom:0;left:0;width:inherit;margin:inherit}:host>div>div.contentWrapper>div{border-radius:var(--space-unit) var(--space-unit) 0px 0px;box-shadow:0px -2px calc(var(--space-unit) * 0.5) 0px rgba(66, 69, 72, 0.4);margin:calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 0.5) 0 calc(var(--space-unit) * 0.5)}";const h=class{constructor(i){t(this,i),this.status=o.preview}handlePocketToggle(t){t.detail.id&&t.detail.id===this.pocketid&&(this.status=t.detail.status)}render(){return s("main",{class:this.status},s("slot",null))}};h.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>main{background:var(--color-surface01);border-left:var(--border-size-small) solid var(--color-surface03);border-right:var(--border-size-small) solid var(--color-surface03);overflow:auto;scrollbar-width:none}:host>main.preview{max-height:225px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.open{max-height:calc(100vh - 48px);transition:all 200ms ease-in-out, top 200ms ease-in-out}:host>main.closed{height:0px;transition:all 200ms ease-in-out, top 200ms ease-in-out}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>main.preview{max-height:157px}}";const c=class{constructor(s){t(this,s),this.pocketHeaderClick=i(this,"pocketHeaderClick",7),this.pocketHeaderPan=i(this,"pocketHeaderPan",7),this.emitPocketHeaderClick=this.emitPocketHeaderClick.bind(this)}emitPocketHeaderClick(){this.pocketHeaderClick.emit({id:this.pocketid})}emitPocketHeaderPan(t){this.pocketHeaderPan.emit({id:this.pocketid,direction:t})}componentDidLoad(){const t=new r(this.swipeWrap);t.get("pan").set({direction:r.DIRECTION_VERTICAL}),t.on("panup",(()=>this.emitPocketHeaderPan("up"))),t.on("pandown",(()=>this.emitPocketHeaderPan("down")))}render(){return s("header",{role:"button",tabindex:0,onClick:()=>this.emitPocketHeaderClick(),onKeyPress:t=>a(t,this.emitPocketHeaderClick),ref:t=>this.swipeWrap=t},s("slot",null))}};c.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:100%;box-sizing:border-box}:host>header{background:var(--color-surface01);border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--space-unit) var(--space-unit) 0px 0px;height:36px;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;align-items:center}:host>header:focus{outline:none}:host>header::-moz-focus-inner{border:0}";export{n as z_pocket,h as z_pocket_body,c as z_pocket_header}
@@ -1 +1 @@
1
- import{r as t,c as i,h as e}from"./p-98268a57.js";import{I as s,k as r}from"./p-e5602e1b.js";import{h as o}from"./p-c17b64f1.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.comboboxChange=i(this,"comboboxChange",7),this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.closesearchtext="Chiudi",this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.renderItemsList=[],this.itemsList=[],this.inputType=s.text,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}inputCheckListener(t){const i=t.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if("check-all"===i&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length))return this.checkAll(t.detail.checked);this.itemsList=this.itemsList.map((e=>(e.id===i&&(e.checked=t.detail.checked),e))),this.resetRenderItemsList(),this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue&&this.filterItems(this.searchValue)}resetRenderItemsList(){const t=[];this.itemsList.forEach((i=>{t.push(Object.assign({},i))})),this.renderItemsList=t}filterItems(t){if(!t)return this.closeFilterItems();this.searchValue=t,this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((i=>{const e=i.name.toUpperCase().indexOf(t.toUpperCase()),s=e+t.length,r=i.name.substring(0,e)+i.name.substring(e,s).bold()+i.name.substring(s,i.name.length);return i.name=r,e>=0}))}checkAll(t=!0){this.itemsList=this.itemsList.map((i=>Object.assign(Object.assign({},i),{checked:t}))),this.resetRenderItemsList(),this.emitComboboxChange()}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{t.keyCode===r.SPACE&&t.preventDefault()},onKeyUp:t=>o(t,this.toggleComboBox),role:"button",tabindex:0},e("z-body",{level:3,component:"p"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",width:18,height:18}))}renderContent(){if(this.isopen)return e("div",{class:"openComboData"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(this.isopen)return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderList(t){if(t)return!t.length&&this.searchValue?this.renderNoSearchResults():e("ul",null,t.map(((i,r)=>e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:r!==t.length-1},e("z-input",{type:s.checkbox,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter})))))}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle"}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>o(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(this.isopen)return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,hasmessage:!1,onInputChange:t=>{if(27===t.detail.keycode)return this.closeFilterItems();this.filterItems(t.detail.value)}})}renderCheckAll(){if(this.searchValue)return;const t=this.selectedCounter===this.itemsList.length;return e("div",{class:"checkAllWrapper"},e("z-input",{type:s.checkbox,checked:t,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:t?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length}))}render(){return e("div",{"data-action":`combo-${this.inputid}`,class:`${this.isopen?"open":""} ${this.isfixed?"fixed":""}`,id:this.inputid},this.renderHeader(),this.renderContent())}static get watchers(){return{items:["watchItems"]}}};a.style=":host{display:block}:host>div.fixed{position:relative;height:42px}:host>div>.header{background-color:var(--bg-white);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--bg-grey-700);position:relative;z-index:10;min-height:42px;margin:0;padding:0 calc(var(--space-unit) * 2);display:flex;justify-content:space-between;align-items:center;cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{margin:0;padding:var(--space-unit) 0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border-radius:var(border-radius-small) var(border-radius-small) 0 0;border:var(--border-size-small) solid var(--blue500)}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.openComboData{background-color:var(--bg-white);border-radius:0;border:var(--border-size-small) solid var(--gray200);border-top:0px;position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host>div.open>div.openComboData>div{padding:0;max-height:235px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--gray200)}:host>div.open>div.openComboData>z-input{margin-bottom:calc(var(--space-unit) * 2);width:100%}:host>div.open>div.openComboData>div>ul{margin:0;padding:0 3px;max-height:235px}::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--bg-white) 2px,\n var(--bg-grey-200) 4px,\n var(--bg-white) 8px\n );border-radius:var(--border-radius);width:10px}::-webkit-scrollbar-thumb{background-color:var(--myz-blue);border-radius:var(--border-radius);width:10px}:host>div.open>z-input{color:var(--myz-blue);margin:0 calc(var(--space-unit) * 2);width:238px;position:relative;z-index:1}:host>div.open>div.openComboData>div.search{box-shadow:1px 1px 4px 2px rgba(217, 222, 227, 0.5);margin-top:0;max-height:auto;overflow:hidden}:host>div.open>div.openComboData>div.search>ul{padding:var(--space-unit) calc(var(--space-unit) * 2);max-height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--bg-grey-200)}:host>div.open>div.openComboData>div.search>div{display:flex;justify-content:center}:host>div.open>div.openComboData>div.search>div>a{display:inline-block;cursor:pointer;color:var(--myz-blue);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;height:44px;line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.openComboData>div.checkAllWrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * .5);text-align:left}";export{a as z_combobox}
1
+ import{r as t,c as i,h as e}from"./p-98268a57.js";import{I as s,k as r}from"./p-5b5d269c.js";import{h as o}from"./p-26572e05.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.comboboxChange=i(this,"comboboxChange",7),this.hassearch=!1,this.noresultslabel="Nessun risultato",this.isopen=!1,this.isfixed=!1,this.closesearchtext="Chiudi",this.hascheckall=!1,this.checkalltext="Seleziona tutti",this.uncheckalltext="Deseleziona tutti",this.maxcheckableitems=0,this.renderItemsList=[],this.itemsList=[],this.inputType=s.text,this.toggleComboBox=this.toggleComboBox.bind(this),this.closeFilterItems=this.closeFilterItems.bind(this)}watchItems(){this.itemsList="string"==typeof this.items?JSON.parse(this.items):this.items,this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue?this.filterItems(this.searchValue):this.resetRenderItemsList()}inputCheckListener(t){const i=t.detail.id.replace(`combo-checkbox-${this.inputid}-`,"");if("check-all"===i&&(!this.maxcheckableitems||this.maxcheckableitems>=this.itemsList.length))return this.checkAll(t.detail.checked);this.itemsList=this.itemsList.map((e=>(e.id===i&&(e.checked=t.detail.checked),e))),this.resetRenderItemsList(),this.emitComboboxChange()}emitComboboxChange(){this.comboboxChange.emit({id:this.inputid,items:this.itemsList})}componentWillLoad(){this.watchItems()}componentWillRender(){this.selectedCounter=this.itemsList.filter((t=>t.checked)).length,this.searchValue&&this.filterItems(this.searchValue)}resetRenderItemsList(){const t=[];this.itemsList.forEach((i=>{t.push(Object.assign({},i))})),this.renderItemsList=t}filterItems(t){if(!t)return this.closeFilterItems();this.searchValue=t,this.resetRenderItemsList(),this.renderItemsList=this.renderItemsList.filter((i=>{const e=i.name.toUpperCase().indexOf(t.toUpperCase()),s=e+t.length,r=i.name.substring(0,e)+i.name.substring(e,s).bold()+i.name.substring(s,i.name.length);return i.name=r,e>=0}))}checkAll(t=!0){this.itemsList=this.itemsList.map((i=>Object.assign(Object.assign({},i),{checked:t}))),this.resetRenderItemsList(),this.emitComboboxChange()}closeFilterItems(){this.searchValue="",this.resetRenderItemsList()}toggleComboBox(){this.isopen=!this.isopen}renderHeader(){return e("div",{class:"header",onClick:()=>this.toggleComboBox(),onKeyDown:t=>{t.keyCode===r.SPACE&&t.preventDefault()},onKeyUp:t=>o(t,this.toggleComboBox),role:"button",tabindex:0},e("z-body",{level:3,component:"p"},this.label,e("span",null,this.selectedCounter>0&&` (${this.selectedCounter})`)),e("z-icon",{name:"caret-down",width:18,height:18}))}renderContent(){if(this.isopen)return e("div",{class:"openComboData"},this.hassearch&&this.renderSearchInput(),this.hascheckall&&this.renderCheckAll(),this.renderItems())}renderItems(){if(this.isopen)return e("div",{class:this.searchValue&&"search",tabindex:-1},this.renderList(this.renderItemsList),this.searchValue&&this.renderCloseButton())}renderList(t){if(t)return!t.length&&this.searchValue?this.renderNoSearchResults():e("ul",null,t.map(((i,r)=>e("z-myz-list-item",{id:i.id,listitemid:i.id,action:`combo-li-${this.inputid}`,underlined:r!==t.length-1},e("z-input",{type:s.checkbox,checked:i.checked,htmlid:`combo-checkbox-${this.inputid}-${i.id}`,label:i.name,disabled:!i.checked&&this.maxcheckableitems&&this.maxcheckableitems===this.selectedCounter})))))}renderNoSearchResults(){return e("ul",null,e("z-myz-list-item",{id:"no-results",text:this.noresultslabel,listitemid:"no-results",icon:"multiply-circle"}))}renderCloseButton(){return e("div",null,e("a",{onClick:()=>this.closeFilterItems(),onKeyUp:t=>o(t,this.closeFilterItems),role:"button",tabindex:0},this.closesearchtext))}renderSearchInput(){if(this.isopen)return e("z-input",{htmlid:`${this.inputid}_search`,label:this.searchlabel,placeholder:this.searchplaceholder,htmltitle:this.searchtitle,type:this.inputType,value:this.searchValue,hasmessage:!1,onInputChange:t=>{if(27===t.detail.keycode)return this.closeFilterItems();this.filterItems(t.detail.value)}})}renderCheckAll(){if(this.searchValue)return;const t=this.selectedCounter===this.itemsList.length;return e("div",{class:"checkAllWrapper"},e("z-input",{type:s.checkbox,checked:t,htmlid:`combo-checkbox-${this.inputid}-check-all`,label:t?this.uncheckalltext:this.checkalltext,disabled:this.maxcheckableitems&&this.maxcheckableitems<this.itemsList.length}))}render(){return e("div",{"data-action":`combo-${this.inputid}`,class:`${this.isopen?"open":""} ${this.isfixed?"fixed":""}`,id:this.inputid},this.renderHeader(),this.renderContent())}static get watchers(){return{items:["watchItems"]}}};a.style=":host{display:block}:host>div.fixed{position:relative;height:42px}:host>div>.header{background-color:var(--bg-white);border-radius:var(--border-radius-small);border:var(--border-size-small) solid var(--bg-grey-700);position:relative;z-index:10;min-height:42px;margin:0;padding:0 calc(var(--space-unit) * 2);display:flex;justify-content:space-between;align-items:center;cursor:pointer}:host>div>.header:focus:focus-visible{border:var(--border-size-small) solid var(--blue500);box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>z-body{margin:0;padding:var(--space-unit) 0;color:var(--text-grey-800)}:host>div>.header>z-body>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--text-grey-800);transform:rotate(360deg);transition:all 200ms linear}:host>div.open>.header{border-radius:var(border-radius-small) var(border-radius-small) 0 0;border:var(--border-size-small) solid var(--blue500)}:host>div.open>.header>z-icon{fill:var(--text-grey-800);transform:rotate(180deg);transition:all 200ms linear}:host>div.open>div.openComboData{background-color:var(--bg-white);border-radius:0;border:var(--border-size-small) solid var(--gray200);border-top:0px;position:relative;z-index:12;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host>div.open>div.openComboData>div{padding:0;max-height:235px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--gray200)}:host>div.open>div.openComboData>z-input{margin-bottom:calc(var(--space-unit) * 2);width:100%}:host>div.open>div.openComboData>div>ul{margin:0;padding:0 3px;max-height:235px}::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--bg-white) 2px,\n var(--bg-grey-200) 4px,\n var(--bg-white) 8px\n );border-radius:var(--border-radius);width:10px}::-webkit-scrollbar-thumb{background-color:var(--myz-blue);border-radius:var(--border-radius);width:10px}:host>div.open>z-input{color:var(--myz-blue);margin:0 calc(var(--space-unit) * 2);width:238px;position:relative;z-index:1}:host>div.open>div.openComboData>div.search{box-shadow:1px 1px 4px 2px rgba(217, 222, 227, 0.5);margin-top:0;max-height:auto;overflow:hidden}:host>div.open>div.openComboData>div.search>ul{padding:var(--space-unit) calc(var(--space-unit) * 2);max-height:180px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--myz-blue) var(--bg-grey-200)}:host>div.open>div.openComboData>div.search>div{display:flex;justify-content:center}:host>div.open>div.openComboData>div.search>div>a{display:inline-block;cursor:pointer;color:var(--myz-blue);font-family:var(--dashboard-font);font-weight:var(--font-sb);font-size:14px;height:44px;line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.openComboData>div.checkAllWrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * .5);text-align:left}";export{a as z_combobox}
@@ -1 +1 @@
1
- import{r as t,c as o,h as a,H as r,g as i}from"./p-98268a57.js";import{T as e,a as n,B as s,b as l,c,C as d,d as h,O as v,e as b}from"./p-e5602e1b.js";import{m as u}from"./p-d69e14fb.js";import{c as p}from"./p-3247dee9.js";import{i as f}from"./p-82048c15.js";import"./p-b68038b5.js";const g=class{constructor(a){t(this,a),this.appButtonClick=o(this,"appButtonClick",7),this.theme=e.dark,this.isopen=!1,this.emitAppButtonClick=this.emitAppButtonClick.bind(this)}emitAppButtonClick(){this.isopen=!this.isopen,this.appButtonClick.emit({isopen:this.isopen})}render(){return a("button",{title:"app-switcher",onClick:()=>this.emitAppButtonClick()},a("z-icon",{name:"app-switcher",class:this.theme}))}};g.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";const m=class{constructor(o){t(this,o),this.theme=e.dark,this.topbarLinks=[]}handleResize(){this.isMobile=window.innerWidth<=u}componentWillLoad(){this.isMobile=window.screen.width<=u||window.innerWidth<=u}componentWillRender(){this.topbarContent&&(this.topbarLinks="string"==typeof this.topbarContent?JSON.parse(this.topbarContent):this.topbarContent)}renderTopbarLinks(){return this.topbarLinks.map((t=>a("z-link",{htmlid:t.id,textcolor:this.theme===e.light?"black":"white",href:t.link,target:t.target,icon:this.isMobile?t.icon:void 0},!this.isMobile&&t.label)))}render(){return a(r,{class:{[this.theme]:!0,"limited-width":!!this.contentMaxWidth}},a("div",{id:"content-container",style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},a("div",{id:"left-panel",class:"content-panel"},a("z-logo",{mobileLogo:this.isMobile,width:this.isMobile?32:128,height:this.isMobile?40:32,imageAlt:"zanichelli-logo",link:this.logoLink,targetBlank:!0}),this.isMobile&&this.renderTopbarLinks()),a("div",{id:"right-panel",class:"content-panel"},!this.isMobile&&this.renderTopbarLinks(),this.showAppSwitcher&&a("z-app-switcher",{theme:this.theme}),a("div",{id:"divider-container"},a("z-divider",{orientation:n.vertical,color:this.theme===e.light?"gray800":"color-white"})),a("slot",{name:"login"}))))}};m.style=":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";const w=class{constructor(o){t(this,o),this.disabled=!1,this.type=s.button,this.variant=l.primary,this.size=c.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",a("slot",{name:"element"},a("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:p(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&a("z-icon",{name:this.icon,width:16,height:16}),a("slot",null)))}get hostElement(){return i(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 k=class{constructor(a){t(this,a),this.cardClicked=o(this,"cardClicked",7),this.clickable=!1,this.showshadow=!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"})))]}renderContentDiv(){return a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))}render(){return this.variant===d.text?this.renderContentDiv():this.variant===d.overlay||this.hasCoverImage?[a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==d.overlay&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),this.renderContentDiv()]:this.renderColorCoverCard()}get host(){return i(this)}};k.style=":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;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='text']){background-color:var(--z-card--text-background);border:var(--z-card--text-border);border-radius:var(--z-card--text-border-radius)}:host([showshadow])>.content,:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='text'])>.content{padding:calc(var(--space-unit) * 2) var(--space-unit)}: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']),:host([showshadow]){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover),:host([clickable][showshadow]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible),:host([clickable][showshadow]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active),:host([clickable][showshadow]: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)}";const y=class{constructor(o){t(this,o)}render(){return a("ul",{class:"z-carousel-items-container"},a("slot",null))}};y.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0}.z-carousel-items-container{display:flex;overflow-x:scroll;padding-inline-start:0;margin:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container>*:not(:last-child){margin-right:var(--z-carousel-gutter)}";const x=class{constructor(o){t(this,o),this.size=h.small,this.color="gray200",this.orientation=n.horizontal}render(){return a(r,{class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}};x.style=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";const z=class{constructor(o){t(this,o)}selectPathOrPolygon(t){return t&&t.startsWith("M")?a("path",{d:f[this.name]}):a("polygon",{points:f[this.name]})}render(){return a("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(f[this.name]))}};z.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 L=class{constructor(a){t(this,a),this.zLinkClick=o(this,"zLinkClick",7),this.target="_self",this.htmltabindex=0,this.isdisabled=!1,this.isactive=!1,this.iswhite=!1,this.textcolor="primary",this.big=!1,this.iconposition="left",this.underline=!1,this.iconSize=18,this.emitZLinkClick=this.emitZLinkClick.bind(this),this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillRender(){this.iswhite&&console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead"),this.big&&console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}emitZLinkClick(t,o){this.emitZLinkInteraction(t,o)}emitZLinkInteraction(t,o){this.zLinkClick.emit({e:t,linkId:o})}componentDidRender(){if(this.icon){const t=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size")),o=this.big?18:Math.round(1.125*t);Number.isNaN(o)||this.iconSize===o||(this.iconSize=o)}}render(){return a(r,{style:this.big?{"--font-size-link":"16px","--font-weight-link":"600"}:{}},a("a",{id:this.htmlid,href:this.href?this.href:null,class:`${this.isdisabled?"disabled":""}\n ${this.isactive?"active":""}\n ${this.textcolor}\n ${this.iswhite?"white":""}\n ${this.underline?"underline":""}`,target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:t=>this.emitZLinkClick(t,this.htmlid)},"right"===this.iconposition&&a("slot",null),this.icon&&a("z-icon",{style:{"--z-icon-width":this.iconSize.toString(),"--z-icon-height":this.iconSize.toString()},name:this.icon,height:this.iconSize,width:this.iconSize}),"left"===this.iconposition&&a("slot",null)))}get hostElement(){return i(this)}};L.style=":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";const C=class{constructor(o){t(this,o)}render(){const t={};return this.width&&(t.width=t["max-width"]=`${this.width}px`),this.height&&(t.height=t["max-height"]=`${this.height}px`),a(r,{style:t,class:{mobile:!!this.mobileLogo}},this.link?a("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},a("img",{alt:this.imageAlt})):a("img",{alt:this.imageAlt}))}};C.style=":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";const E=class{constructor(a){t(this,a),this.canvasOpenStatusChanged=o(this,"canvasOpenStatusChanged",7),this.variant=v.pushcontent,this.open=!1,this.transitiondirection=b.left}componentWillLoad(){this.handleOpenStatus()}onOpenChanged(){this.handleOpenStatus(),this.canvasOpenStatusChanged.emit(this.open)}handleOpenStatus(){this.open?this.hostElement.style.display="flex":this.variant===v.pushcontent&&(this.hostElement.style.display="none",document.body.style.overflowX="hidden")}handleAnimationEnd(){this.hostElement.hasAttribute("open")?this.hostElement.querySelector(".canvas-content").focus():this.variant===v.overlay&&(this.hostElement.style.display="none",document.body.style.overflowX="initial")}render(){return[a("div",{class:"canvas-container",onAnimationEnd:()=>this.handleAnimationEnd()},a("div",{class:"canvas-content",tabindex:"0"},a("slot",{name:"canvasContent"}))),a("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1})]}get hostElement(){return i(this)}static get watchers(){return{open:["onOpenChanged"]}}};E.style='.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0px;z-index:1000;display:none;justify-content:end;height:100%;min-width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;flex-direction:column;z-index:1010;min-width:100%;height:100%;overflow:-moz-scrollbars-none;overflow:hidden;background:var(--color-surface01);transform:translateX(100%)}@keyframes enterRight{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"]>.canvas-container.sc-z-offcanvas{animation-name:exitRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(100%)}[variant="overlay"].sc-z-offcanvas-h{position:fixed;height:calc(100% - var(--z-offcanvas--top-space));top:var(--z-offcanvas--top-space);left:0;right:0;bottom:0}[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 enterLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection="right"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{animation-name:exitLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{flex:1 auto;overflow:auto;overflow-x:hidden;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.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{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.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;height:auto;min-width:max(var(--z-offcanvas--container-width), 375px);min-height:calc(var(--space-unit) * 40);max-width:max(var(--z-offcanvas--container-width), 375px)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant="overlay"])[open]{animation-name:grow;animation-duration:0.4s;animation-timing-function:ease-out;width:auto}}';export{g as z_app_switcher,m as z_app_topbar,w as z_button,k as z_card,y as z_carousel,x as z_divider,z as z_icon,L as z_link,C as z_logo,E as z_offcanvas}
1
+ import{r as t,c as o,h as a,H as r,g as i}from"./p-98268a57.js";import{T as e,a as n,B as s,b as l,c,C as d,d as h,O as v,e as b}from"./p-5b5d269c.js";import{m as u}from"./p-d69e14fb.js";import{c as p}from"./p-3247dee9.js";import{i as f}from"./p-82048c15.js";import"./p-b68038b5.js";const g=class{constructor(a){t(this,a),this.appButtonClick=o(this,"appButtonClick",7),this.theme=e.dark,this.isopen=!1,this.emitAppButtonClick=this.emitAppButtonClick.bind(this)}emitAppButtonClick(){this.isopen=!this.isopen,this.appButtonClick.emit({isopen:this.isopen})}render(){return a("button",{title:"app-switcher",onClick:()=>this.emitAppButtonClick()},a("z-icon",{name:"app-switcher",class:this.theme}))}};g.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}button{display:flex;justify-content:center;align-content:center;background-color:transparent;border:none;padding:0}button>z-icon{color:var(--bg-white);fill:currentColor}button>z-icon.light{color:var(--bg-grey-900);fill:currentColor}";const m=class{constructor(o){t(this,o),this.theme=e.dark,this.topbarLinks=[]}handleResize(){this.isMobile=window.innerWidth<=u}componentWillLoad(){this.isMobile=window.screen.width<=u||window.innerWidth<=u}componentWillRender(){this.topbarContent&&(this.topbarLinks="string"==typeof this.topbarContent?JSON.parse(this.topbarContent):this.topbarContent)}renderTopbarLinks(){return this.topbarLinks.map((t=>a("z-link",{htmlid:t.id,textcolor:this.theme===e.light?"black":"white",href:t.link,target:t.target,icon:this.isMobile?t.icon:void 0},!this.isMobile&&t.label)))}render(){return a(r,{class:{[this.theme]:!0,"limited-width":!!this.contentMaxWidth}},a("div",{id:"content-container",style:this.contentMaxWidth?{"--mw":`${this.contentMaxWidth}px`}:{}},a("div",{id:"left-panel",class:"content-panel"},a("z-logo",{mobileLogo:this.isMobile,width:this.isMobile?32:128,height:this.isMobile?40:32,imageAlt:"zanichelli-logo",link:this.logoLink,targetBlank:!0}),this.isMobile&&this.renderTopbarLinks()),a("div",{id:"right-panel",class:"content-panel"},!this.isMobile&&this.renderTopbarLinks(),this.showAppSwitcher&&a("z-app-switcher",{theme:this.theme}),a("div",{id:"divider-container"},a("z-divider",{orientation:n.vertical,color:this.theme===e.light?"gray800":"color-white"})),a("slot",{name:"login"}))))}};m.style=":host{display:block;position:sticky;box-sizing:border-box;top:0;height:calc(var(--space-unit) * 6);padding:calc(var(--space-unit) / 2) calc(var(--space-unit) * 2);border-radius:var(--border-no-radius);background-color:var(--gray900);z-index:99}:host(.light){background-color:var(--color-white)}:host>div{display:flex;justify-content:space-between;align-items:center}:host(.limited-width) #content-container{margin:auto;max-width:var(--mw)}.content-panel{display:flex;align-items:center}.content-panel>:not(:last-child){margin-right:calc(var(--space-unit) * 2)}#divider-container{display:none}z-link{font-family:var(--font-family-sans);font-weight:var(--font-sb);font-size:14px;line-height:20px;letter-spacing:0.3px}@media only screen and (min-width: 768px){:host{padding:var(--space-unit) calc(var(--space-unit) * 2) var(--space-unit) var(--space-unit)}:host(.limited-width){padding:var(--space-unit)}#divider-container{display:block;height:calc(var(--space-unit) * 3)}}";const w=class{constructor(o){t(this,o),this.disabled=!1,this.type=s.button,this.variant=l.primary,this.size=c.big,this.issmall=!1,this.square=!1}render(){return this.hostElement.style.pointerEvents=this.disabled?"none":"auto",a("slot",{name:"element"},a("button",{id:this.htmlid,name:this.name,type:this.type,disabled:this.disabled,class:p(this.variant,this.size,{issmall:this.issmall},{square:this.square})},this.icon&&a("z-icon",{name:this.icon,width:16,height:16}),a("slot",null)))}get hostElement(){return i(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 k=class{constructor(a){t(this,a),this.cardClicked=o(this,"cardClicked",7),this.clickable=!1,this.showshadow=!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"})))]}renderContentDiv(){return a("div",{class:"content"},a("slot",{name:"metadata"}),a("slot",{name:"title"}),a("slot",{name:"text"}),a("div",{class:"actions"},a("slot",{name:"action"})))}render(){return this.variant===d.text?this.renderContentDiv():this.variant===d.overlay||this.hasCoverImage?[a("div",{class:"cover-container"},this.hasCoverImage&&[a("slot",{name:"cover"}),this.variant!==d.overlay&&this.coverIcon&&a("z-icon",{name:this.coverIcon})],!this.hasCoverImage&&a("div",{class:"color-cover"})),this.renderContentDiv()]:this.renderColorCoverCard()}get host(){return i(this)}};k.style=":host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;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='text']){background-color:var(--z-card--text-background);border:var(--z-card--text-border);border-radius:var(--z-card--text-border-radius)}:host([showshadow])>.content,:host([variant='border'])>.content,:host([variant='shadow'])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant='text'])>.content{padding:calc(var(--space-unit) * 2) var(--space-unit)}: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']),:host([showshadow]){box-shadow:var(--shadow-2)}:host([variant='shadow'][clickable]:hover),:host([clickable][showshadow]:hover){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:focus:focus-visible),:host([clickable][showshadow]:focus:focus-visible){box-shadow:var(--shadow-4)}:host([variant='shadow'][clickable]:active),:host([clickable][showshadow]: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)}";const y=class{constructor(o){t(this,o)}render(){return a("ul",{class:"z-carousel-items-container"},a("slot",null))}};y.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-carousel-gutter:0}.z-carousel-items-container{display:flex;overflow-x:scroll;padding-inline-start:0;margin:0;list-style:none;-ms-overflow-style:none;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container>*:not(:last-child){margin-right:var(--z-carousel-gutter)}";const x=class{constructor(o){t(this,o),this.size=h.small,this.color="gray200",this.orientation=n.horizontal}render(){return a(r,{class:`divider-${this.size} divider-${this.orientation}`,style:{backgroundColor:`var(--${this.color})`}})}};x.style=".sc-z-divider-h{display:block;padding:0;margin:0}.divider-horizontal.sc-z-divider-h{width:100%}.divider-vertical.sc-z-divider-h{height:100%}.divider-small.divider-horizontal.sc-z-divider-h{height:var(--border-size-small)}.divider-medium.divider-horizontal.sc-z-divider-h{height:var(--border-size-medium)}.divider-large.divider-horizontal.sc-z-divider-h{height:var(--border-size-large)}.divider-small.divider-vertical.sc-z-divider-h{width:var(--border-size-small)}.divider-medium.divider-vertical.sc-z-divider-h{width:var(--border-size-medium)}.divider-large.divider-vertical.sc-z-divider-h{width:var(--border-size-large)}";const z=class{constructor(o){t(this,o)}selectPathOrPolygon(t){return t&&t.startsWith("M")?a("path",{d:f[this.name]}):a("polygon",{points:f[this.name]})}render(){return a("svg",{viewBox:"0 0 1000 1000",width:this.width,height:this.height,id:this.iconid,fill:this.fill?`var(--${this.fill})`:""},this.selectPathOrPolygon(f[this.name]))}};z.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 L=class{constructor(a){t(this,a),this.zLinkClick=o(this,"zLinkClick",7),this.target="_self",this.htmltabindex=0,this.isdisabled=!1,this.isactive=!1,this.iswhite=!1,this.textcolor="primary",this.big=!1,this.iconposition="left",this.underline=!1,this.iconSize=18,this.emitZLinkClick=this.emitZLinkClick.bind(this),this.emitZLinkInteraction=this.emitZLinkInteraction.bind(this)}componentWillRender(){this.iswhite&&console.warn("z-link iswhite prop is deprecated and will be dropped in a next release, please use textcolor prop instead"),this.big&&console.warn("z-link big prop is deprecated and will be dropped in a next release, please override --font-size-link and --font-weight-link variables instead")}emitZLinkClick(t,o){this.emitZLinkInteraction(t,o)}emitZLinkInteraction(t,o){this.zLinkClick.emit({e:t,linkId:o})}componentDidRender(){if(this.icon){const t=parseFloat(window.getComputedStyle(this.hostElement).getPropertyValue("font-size")),o=this.big?18:Math.round(1.125*t);Number.isNaN(o)||this.iconSize===o||(this.iconSize=o)}}render(){return a(r,{style:this.big?{"--font-size-link":"16px","--font-weight-link":"600"}:{}},a("a",{id:this.htmlid,href:this.href?this.href:null,class:`${this.isdisabled?"disabled":""}\n ${this.isactive?"active":""}\n ${this.textcolor}\n ${this.iswhite?"white":""}\n ${this.underline?"underline":""}`,target:this.target,role:this.href?"link":"button",tabindex:this.isdisabled?-1:this.htmltabindex,onClick:t=>this.emitZLinkClick(t,this.htmlid)},"right"===this.iconposition&&a("slot",null),this.icon&&a("z-icon",{style:{"--z-icon-width":this.iconSize.toString(),"--z-icon-height":this.iconSize.toString()},name:this.icon,height:this.iconSize,width:this.iconSize}),"left"===this.iconposition&&a("slot",null)))}get hostElement(){return i(this)}};L.style=":host{--font-size-link:inherit;--font-weight-link:inherit}:host{font-family:var(--dashboard-font);font-weight:var(--font-weight-link);font-size:var(--font-size-link);line-height:inherit;outline:none}a{cursor:pointer;color:var(--color-link-primary);fill:var(--color-link-primary);display:inline-flex;align-items:center;text-decoration:none;padding:calc(var(--space-unit) * 0.5) 0;border-top:var(--border-size-medium) solid transparent;border-bottom:var(--border-size-medium) solid transparent}a:hover,a:focus,a:active{text-decoration:underline}a.active{color:var(--color-active-link);fill:var(--color-active-link)}a:hover,a:focus{color:var(--color-hover-link);fill:var(--color-hover-link)}a:active{color:var(--color-pressed-link);fill:var(--color-pressed-link)}a:visited{color:var(--color-visited-link);fill:var(--color-visited-link)}a.disabled,a.inverse.disabled{cursor:default;pointer-events:none;color:var(--color-disabled03);fill:var(--color-disabled03)}a.underline,a.underline:active,a.underline:hover,a.underline:visited,a.underline.disabled,a.underline.black,a.underline.white{text-decoration:underline}a.disabled,a.disabled:active,a.disabled:visited,a.disabled:hover{text-decoration:none}a.inverse{color:var(--color-inverse-link);fill:var(--color-inverse-link)}a.inverse.active{color:var(--color-inverse-active-link);fill:var(--color-inverse-active-link)}a.inverse:hover,a.inverse:focus{color:var(--color-inverse-hover-link);fill:var(--color-inverse-hover-link)}a.inverse:active{color:var(--color-inverse-pressed-link);fill:var(--color-inverse-pressed-link)}a.inverse:visited{color:var(--color-inverse-visited-link);fill:var(--color-inverse-visited-link)}a.black{color:var(--gray800);fill:var(--gray800);text-decoration:none}a.black:hover,a.black.active{color:var(--color-black);fill:var(--color-black)}a.black:visited{color:var(--gray800);fill:var(--gray800)}a.black:hover,a.black:focus,a.black:active{text-decoration:underline}a.black:active{color:var(--gray700);fill:var(--gray700)}a.white,a.white:active,a.white:hover,a.white.active{color:var(--bg-white);fill:var(--bg-white);text-decoration:none}a.white:visited{color:var(--bg-white);fill:var(--bg-white)}a.white:hover,a.white:focus,a.white:active{text-decoration:underline}a.white.disabled,a.black.disabled{color:var(--gray500);fill:var(--gray500)}a>z-icon:first-child{margin-right:8px}a>z-icon:last-child{margin-left:8px}";const C=class{constructor(o){t(this,o)}render(){const t={};return this.width&&(t.width=t["max-width"]=`${this.width}px`),this.height&&(t.height=t["max-height"]=`${this.height}px`),a(r,{style:t,class:{mobile:!!this.mobileLogo}},this.link?a("a",{href:this.link,target:this.targetBlank?"_blank":"_self"},a("img",{alt:this.imageAlt})):a("img",{alt:this.imageAlt}))}};C.style=":host{display:inline-block;vertical-align:top;width:255px;height:64px}img{display:block;margin:auto;width:100%;height:100%;content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}a{display:block;width:100%;height:100%}:host(.mobile){width:31px;height:40px}:host(.mobile) img{content:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\")}";const E=class{constructor(a){t(this,a),this.canvasOpenStatusChanged=o(this,"canvasOpenStatusChanged",7),this.variant=v.pushcontent,this.open=!1,this.transitiondirection=b.left}componentWillLoad(){this.handleOpenStatus()}onOpenChanged(){this.handleOpenStatus(),this.canvasOpenStatusChanged.emit(this.open)}handleOpenStatus(){this.open?this.hostElement.style.display="flex":this.variant===v.pushcontent&&(this.hostElement.style.display="none",document.body.style.overflowX="hidden")}handleAnimationEnd(){this.hostElement.hasAttribute("open")?this.hostElement.querySelector(".canvas-content").focus():this.variant===v.overlay&&(this.hostElement.style.display="none",document.body.style.overflowX="initial")}render(){return[a("div",{class:"canvas-container",onAnimationEnd:()=>this.handleAnimationEnd()},a("div",{class:"canvas-content",tabindex:"0"},a("slot",{name:"canvasContent"}))),a("div",{class:"canvas-background","data-action":"canvasBackground",onClick:()=>this.open=!1})]}get hostElement(){return i(this)}static get watchers(){return{open:["onOpenChanged"]}}};E.style='.sc-z-offcanvas-h{--z-offcanvas--container-width:375px;--z-offcanvas--top-space:0px;z-index:1000;display:none;justify-content:end;height:100%;min-width:100%;font-family:var(--font-family-sans);font-weight:var(--font-rg)}.canvas-container.sc-z-offcanvas{display:flex;flex-direction:column;z-index:1010;min-width:100%;height:100%;overflow:-moz-scrollbars-none;overflow:hidden;background:var(--color-surface01);transform:translateX(100%)}@keyframes enterRight{from{transform:translateX(100%)}to{transform:translateX(0)}}[open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"]>.canvas-container.sc-z-offcanvas{animation-name:exitRight;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(100%)}[variant="overlay"].sc-z-offcanvas-h{position:fixed;height:calc(100% - var(--z-offcanvas--top-space));top:var(--z-offcanvas--top-space);left:0;right:0;bottom:0}[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 enterLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}[transitiondirection="right"][open].sc-z-offcanvas-h>.canvas-container.sc-z-offcanvas{animation-name:enterLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(0)}@keyframes exitLeft{from{transform:translateX(0)}to{transform:translateX(-100%)}}.sc-z-offcanvas-h:not([open])[variant="overlay"][transitiondirection="right"]>.canvas-container.sc-z-offcanvas{animation-name:exitLeft;animation-duration:0.4s;animation-timing-function:ease-out;transform:translateX(-100%)}.canvas-container.sc-z-offcanvas>.canvas-content.sc-z-offcanvas{flex:1 auto;overflow:auto;overflow-x:hidden;padding:0 calc(var(--space-unit) * 2);margin:calc(var(--space-unit) * 2) calc(var(--space-unit) / 2) calc(var(--space-unit) * 2) 0}.canvas-container.sc-z-offcanvas .canvas-content.sc-z-offcanvas::-webkit-scrollbar{background:linear-gradient(\n to right,\n transparent 0 3px,\n var(--gray200) 3px 7px,\n transparent 7px 10px\n );width:10px;border-radius:var(--border-radius)}.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{background-color:var(--color-primary01);border-radius:var(--border-radius);width:10px}.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;height:auto;min-width:max(var(--z-offcanvas--container-width), 375px);min-height:calc(var(--space-unit) * 40);max-width:max(var(--z-offcanvas--container-width), 375px)}@keyframes grow{from{width:0}to{width:max(var(--z-offcanvas--container-width), 375px)}}.sc-z-offcanvas-h:not([variant="overlay"])[open]{animation-name:grow;animation-duration:0.4s;animation-timing-function:ease-out;width:auto}}';export{g as z_app_switcher,m as z_app_topbar,w as z_button,k as z_card,y as z_carousel,x as z_divider,z as z_icon,L as z_link,C as z_logo,E as z_offcanvas}
@@ -0,0 +1 @@
1
+ import{r as t,h as e,H as n,g as i,c as o}from"./p-98268a57.js";import{t as s,E as a,u as r,d as c,v as l,K as h}from"./p-5b5d269c.js";const u=class{constructor(e){t(this,e),this.size=s.medium}setChildrenSizeType(){const t=this.host.children;for(let e=0;e<t.length-1;e++)t[e].setAttribute("size",this.size)}componentDidLoad(){this.setChildrenSizeType()}render(){return e(n,{role:"list"},e("slot",null))}get host(){return i(this)}};u.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:flex;flex-direction:column}";const d=class{constructor(e){t(this,e),this.accessibleFocus=o(this,"accessibleFocus",7),this.clickItem=o(this,"clickItem",7),this.alignButton=a.left,this.clickable=!1,this.dividerColor="color-surface03",this.dividerType=r.none,this.dividerSize=c.small,this.expandable=!1,this.expandableStyle=l.accordion,this.size=s.medium,this.color="none",this.disabled=!1,this.isContextualMenu=!1,this.showInnerContent=!1,this.openElementConfig={accordion:{open:"minus-circled",close:"plus-circled"},menu:{open:"chevron-up",close:"chevron-down"}},this.handleClick=this.handleClick.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}accessibleFocusHandler(t){this.listElementId===t.detail&&this.host.shadowRoot.getElementById(`z-list-element-id-${t.detail}`).focus()}handleClick(){this.clickItem.emit(this.listElementId),this.expandable&&(this.showInnerContent=!this.showInnerContent)}calculateClass(){return this.isContextualMenu?"container-contextual-menu":"container"}handleKeyDown(t){const e=t.code===h.ENTER;switch(t.code){case h.ARROW_DOWN:t.preventDefault(),this.accessibleFocus.emit(this.listElementId+1);break;case h.ARROW_UP:t.preventDefault(),this.accessibleFocus.emit(this.listElementId-1);break;case h.ENTER:t.preventDefault(),this.clickItem.emit(this.listElementId)}this.expandable&&e&&(this.showInnerContent=!this.showInnerContent)}renderExpandableButton(){return this.expandable?e("z-icon",{name:this.showInnerContent?this.openElementConfig[this.expandableStyle].open:this.openElementConfig[this.expandableStyle].close}):null}renderExpandedContent(){return this.expandable?e("div",{class:{"z-list-element-inner-container":!0,expanded:this.showInnerContent}},e("slot",{name:"inner-content"})):null}render(){return e(n,{role:"listitem","aria-expanded":this.expandable?this.showInnerContent:null,onClick:this.handleClick,onKeyDown:this.handleKeyDown,clickable:this.clickable&&!this.disabled,tabIndex:this.isContextualMenu?null:"0"},e("div",{class:`${this.calculateClass()}`,style:{color:`var(--${this.color})`},tabindex:this.isContextualMenu?"0":"-1",id:`z-list-element-id-${this.listElementId}`},e("div",{class:"z-list-element-container"},this.renderExpandableButton(),e("slot",null)),this.renderExpandedContent()),this.dividerType===r.element&&e("z-divider",{color:this.dividerColor,size:this.dividerSize}))}get host(){return i(this)}};d.style=':host{outline:none}:host>.container,:host>.container-contextual-menu{--background-color-list-element:var(--bg-white);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02);font-family:var(--font-family-sans);font-weight:var(--font-rg);outline:none;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}:host([size="small"])>.container{padding:calc(var(--space-unit) / 2) 0;min-height:calc(var(--space-unit) * 4)}:host([size="medium"])>.container{padding:var(--space-unit) 0;min-height:calc(var(--space-unit) * 5)}:host([size="large"])>.container{padding:calc(var(--space-unit) * 2) 0;min-height:calc(var(--space-unit) * 7)}:host([size="x-large"])>.container{padding:calc(var(--space-unit) * 3) 0;min-height:calc(var(--space-unit) * 9)}:host([expandable])>.container,:host([expandable])>.container-contextual-menu,:host([clickable])>.container,:host([clickable])>.container-contextual-menu{cursor:pointer}:host([expandable]:hover)>.container,:host([expandable]:hover)>.container-contextual-menu,:host([clickable]:hover)>.container,:host([clickable]:hover)>.container-contextual-menu{background-color:var(--background-hover-color-list-element)}:host([expandable]:focus:focus-visible)>.container,:host([expandable]:focus:focus-visible)>.container-contextual-menu,:host([clickable]:focus:focus-visible)>.container,:host([clickable]:focus:focus-visible)>.container-contextual-menu{box-shadow:var(--shadow-focus-primary)}:host([expandable]:active)>.container,:host([expandable]:active)>.container-contextual-menu,:host([clickable]:active)>.container,:host([clickable]:active)>.container-contextual-menu{background-color:var(--background-active-color-list-element)}:host([align-button="left"][expandable])>.container>.z-list-element-container,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex}:host([align-button="right"][expandable])>.container>.z-list-element-container,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container{display:flex;flex-direction:row-reverse;justify-content:space-between}:host([align-button="left"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="left"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-right:var(--space-unit)}:host([align-button="right"][expandable])>.container>.z-list-element-container>z-icon,:host([align-button="right"][expandable])>.container-contextual-menu>.z-list-element-container>z-icon{margin-left:var(--space-unit)}:host>.container>.z-list-element-inner-container,:host>.container-contextual-menu>.z-list-element-inner-container{display:none}:host>.container>.z-list-element-inner-container.expanded,:host>.container-contextual-menu>.z-list-element-inner-container.expanded{display:block}:host([clickable]:hover)>.container-contextual-menu{background-color:var(--color-surface03)}.container-contextual-menu:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}';const m=class{constructor(e){t(this,e),this.size=s.medium,this.dividerType=r.none,this.dividerSize=c.small,this.dividerColor="gray200"}componentDidLoad(){const t=this.host.children;for(let e=0;e<t.length;e++)t.length-1>e&&(t[e].setAttribute("divider-type",this.dividerType),t[e].setAttribute("divider-size",this.dividerSize),t[e].setAttribute("divider-color",this.dividerColor)),t[e].setAttribute("size",this.size)}componentWillLoad(){this.hasHeader=!!this.host.querySelector('[slot="header-title"]')}render(){return e(n,{role:"group"},e("div",{class:{"z-list-group-header-container":!0,"has-header":this.hasHeader}},e("slot",{name:"header-title"}),this.dividerType===r.header&&e("z-divider",{color:this.dividerColor,size:this.dividerSize})),e("slot",null))}get host(){return i(this)}};m.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>.z-list-group-header-container{color:var(--gray700);font-size:var(--font-size-2);font-weight:var(--font-sb) !important;line-height:1.4;letter-spacing:0.16px}:host>.z-list-group-header-container.has-header{padding-top:var(--space-unit);padding-bottom:var(--space-unit)}:host>.z-list-group-header-container.has-header>z-divider{margin-top:var(--space-unit)}";export{u as z_list,d as z_list_element,m as z_list_group}
@@ -1 +1 @@
1
- import{r as t,c as i,h as s}from"./p-98268a57.js";import{h as e}from"./p-c17b64f1.js";import"./p-e5602e1b.js";import"./p-d69e14fb.js";const a=class{constructor(s){t(this,s),this.zListItemLinkClick=i(this,"zListItemLinkClick",7),this.zListItemClick=i(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}emitZListItemLinkClick(t,i){this.zListItemLinkClick.emit({e:t,linkId:i})}emitZListItemClick(t,i){this.zListItemClick.emit({e:t,listitemid:i})}render(){const t=this.listitemid?`link_${this.listitemid}`:"";return s("li",{role:"button",id:this.listitemid,"data-action":this.action,onClick:t=>this.emitZListItemClick(t,this.listitemid),onKeyPress:t=>e(t,this.emitZListItemClick,this.listitemid)},s("span",{class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:t,onClick:i=>this.emitZListItemLinkClick(i,t),onKeyPress:i=>e(i,this.emitZListItemLinkClick,t),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",null)))}};a.style=":host li{all:unset;all:reset;width:100%}:host li{list-style-type:none;line-height:14px}:host li>span{line-height:14px;padding:calc(var(--space-unit) * 2) 0;display:flex;font-family:var(--dashboard-font);font-weight:var(--font-rg);font-size:16px;letter-spacing:0.23px;color:var(--text-grey-800);fill:var(--text-grey-800)}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{color:var(--myz-blue);fill:var(--myz-blue);height:calc(var(--space-unit) * 2);width:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-size:contain;background-repeat:no-repeat}";export{a as z_myz_list_item}
1
+ import{r as t,c as i,h as s}from"./p-98268a57.js";import{h as e}from"./p-26572e05.js";import"./p-5b5d269c.js";import"./p-d69e14fb.js";const a=class{constructor(s){t(this,s),this.zListItemLinkClick=i(this,"zListItemLinkClick",7),this.zListItemClick=i(this,"zListItemClick",7),this.linktarget="_self",this.underlined=!0,this.emitZListItemLinkClick=this.emitZListItemLinkClick.bind(this),this.emitZListItemClick=this.emitZListItemClick.bind(this)}emitZListItemLinkClick(t,i){this.zListItemLinkClick.emit({e:t,linkId:i})}emitZListItemClick(t,i){this.zListItemClick.emit({e:t,listitemid:i})}render(){const t=this.listitemid?`link_${this.listitemid}`:"";return s("li",{role:"button",id:this.listitemid,"data-action":this.action,onClick:t=>this.emitZListItemClick(t,this.listitemid),onKeyPress:t=>e(t,this.emitZListItemClick,this.listitemid)},s("span",{class:this.underlined&&"border"},this.icon&&s("z-icon",{name:this.icon}),this.link?s("a",{href:this.link?this.link:null,target:this.linktarget,id:t,onClick:i=>this.emitZListItemLinkClick(i,t),onKeyPress:i=>e(i,this.emitZListItemLinkClick,t),role:this.link?"link":"button",tabindex:"0"},this.text):s("span",{innerHTML:this.text}),s("slot",null)))}};a.style=":host li{all:unset;all:reset;width:100%}:host li{list-style-type:none;line-height:14px}:host li>span{line-height:14px;padding:calc(var(--space-unit) * 2) 0;display:flex;font-family:var(--dashboard-font);font-weight:var(--font-rg);font-size:16px;letter-spacing:0.23px;color:var(--text-grey-800);fill:var(--text-grey-800)}:host li>span.border{border-bottom:2px solid var(--bg-grey-200)}:host li span:hover,a:hover{color:var(--myz-blue);fill:var(--myz-blue)}a,a:visited,a:active{color:inherit;fill:inherit;text-decoration:none}:host li span z-icon{color:var(--myz-blue);fill:var(--myz-blue);height:calc(var(--space-unit) * 2);width:calc(var(--space-unit) * 2);padding:0 calc(var(--space-unit) * 1.5) 0 0;background-size:contain;background-repeat:no-repeat}";export{a as z_myz_list_item}
@@ -1 +1 @@
1
- import{r as t,h as o,H as s,g as e}from"./p-98268a57.js";import{q as i}from"./p-e5602e1b.js";const n=class{constructor(o){t(this,o),this.newestontop=!0,this.slotChangeHandler=()=>{const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}render(){return o(s,{class:this.position?this.position:i.topRight},o("slot",{name:"toasts"}))}get hostElement(){return e(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::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}}";export{n as z_toast_notification_list}
1
+ import{r as t,h as o,H as s,g as e}from"./p-98268a57.js";import{r as i}from"./p-5b5d269c.js";const n=class{constructor(o){t(this,o),this.newestontop=!0,this.slotChangeHandler=()=>{const t=Array.from(this.hostElement.children).filter((t=>!this.notificationArray.includes(t)));t&&t.forEach((t=>{this.notificationArray.push(t);const o=t;t.remove(),this.hostElement.prepend(o)}))}}watchPropNewestontop(t){this.hostElement.append(...this.notificationArray.reverse()),t?this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler):this.hostElement.shadowRoot.removeEventListener("slotchange",this.slotChangeHandler)}componentWillLoad(){this.newestontop&&this.handleNewestOnTop()}handleNewestOnTop(){this.notificationArray=Array.from(this.hostElement.children),this.hostElement.append(...this.notificationArray.reverse()),this.hostElement.shadowRoot.addEventListener("slotchange",this.slotChangeHandler)}render(){return o(s,{class:this.position?this.position:i.topRight},o("slot",{name:"toasts"}))}get hostElement(){return e(this)}static get watchers(){return{newestontop:["watchPropNewestontop"]}}};n.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:fixed;display:flex;flex-direction:column;flex-wrap:nowrap;z-index:10000;margin-bottom:calc(var(--space-unit) * 2);margin-top:calc(var(--space-unit) * 2)}::slotted(z-toast-notification){width:100vw}::slotted(:not(:last-child)){margin-bottom:calc(var(--space-unit) * 1)}:host(.bottom-centre),:host(.bottom-right),:host(.bottom-left){justify-content:flex-end;align-items:flex-end;bottom:0}:host(.top-left),:host(.top-right),:host(.top-centre){justify-content:flex-start;align-items:flex-start;top:0}@media only screen and (min-width: 768px){:host{margin:calc(var(--space-unit) * 3)}:host(.top-centre){justify-content:flex-start;align-items:center;top:0;left:50%;transform:translateX(-50%)}:host(.top-left){justify-content:flex-start;align-items:flex-start;top:0;left:0}:host(.top-right){justify-content:flex-start;align-items:flex-end;top:0;right:0}:host(.bottom-centre){justify-content:flex-end;align-items:center;bottom:0;left:50%;transform:translateX(-50%)}:host(.bottom-right){justify-content:flex-end;align-items:flex-end;bottom:0;right:0}:host(.bottom-left){justify-content:flex-end;align-items:flex-start;bottom:0;left:0}::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}}";export{n as z_toast_notification_list}
@@ -1 +1 @@
1
- import{r as i,c as e,h as s,H as t,g as l}from"./p-98268a57.js";import{f as n,D as o,g as c}from"./p-e5602e1b.js";import{t as h}from"./p-d69e14fb.js";import{g as a}from"./p-c17b64f1.js";const r=class{constructor(s){i(this,s),this.removeFile=e(this,"removeFile",7),this.allowTooltip=!1,this.tooltipVisible=!1}removeFileHandler(){this.removeFile.emit(),this.el.remove()}onMouseOver(){this.tooltipVisible=!0}onMouseLeave(){this.tooltipVisible=!1}componentDidLoad(){var i,e;this.elementHasEllipsis()&&window.innerWidth>h&&(this.allowTooltip=!0),null===(e=null===(i=this.icon)||void 0===i?void 0:i.focus)||void 0===e||e.call(i)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(t,null,this.allowTooltip&&s("z-tooltip",{open:this.tooltipVisible,type:c.AUTO,"bind-to":`#chip-${this.fileNumber}`},s("span",{class:"body-5 tootip-content"},this.ellipsis.innerText)),s("z-chip",{id:`chip-${this.fileNumber}`,filter:!0,type:n.default},s("div",{class:"chip-content"},s("span",{ref:i=>this.ellipsis=i,tabIndex:-1,class:{"body-3-sb":a()==o.desktop,"body-2-sb":a()!==o.desktop}},s("slot",null)),s("z-icon",{"aria-label":"Elimina file",tabIndex:0,onClick:()=>this.removeFileHandler(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.removeFileHandler())},name:"multiply-circled",height:a()!==o.desktop?20:15,width:a()!==o.desktop?20:15,ref:i=>this.icon=i}))))}get el(){return l(this)}};r.style=".sc-z-file-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:relative}.sc-z-file-h .chip-content.sc-z-file{display:flex;align-items:center}.sc-z-file-h>z-tooltip.sc-z-file{z-index:10}.sc-z-file-h>z-tooltip.sc-z-file>.tootip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.sc-z-file{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.33;letter-spacing:0.32px}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.regular.sc-z-file{font-weight:var(--font-rg)}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.bold.sc-z-file{font-weight:var(--font-sb)}.sc-z-file-h .chip-content.sc-z-file>z-icon.sc-z-file:last-child{margin-left:var(--space-unit);cursor:pointer;fill:var(--color-icon01)}@media only screen and (min-width: 1152px){.sc-z-file-h{border-radius:16px}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.sc-z-file{font-size:12px}}";export{r as z_file}
1
+ import{r as i,c as e,h as s,H as t,g as l}from"./p-98268a57.js";import{f as n,D as o,g as c}from"./p-5b5d269c.js";import{t as h}from"./p-d69e14fb.js";import{g as a}from"./p-26572e05.js";const r=class{constructor(s){i(this,s),this.removeFile=e(this,"removeFile",7),this.allowTooltip=!1,this.tooltipVisible=!1}removeFileHandler(){this.removeFile.emit(),this.el.remove()}onMouseOver(){this.tooltipVisible=!0}onMouseLeave(){this.tooltipVisible=!1}componentDidLoad(){var i,e;this.elementHasEllipsis()&&window.innerWidth>h&&(this.allowTooltip=!0),null===(e=null===(i=this.icon)||void 0===i?void 0:i.focus)||void 0===e||e.call(i)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}render(){return s(t,null,this.allowTooltip&&s("z-tooltip",{open:this.tooltipVisible,type:c.AUTO,"bind-to":`#chip-${this.fileNumber}`},s("span",{class:"body-5 tootip-content"},this.ellipsis.innerText)),s("z-chip",{id:`chip-${this.fileNumber}`,filter:!0,type:n.default},s("div",{class:"chip-content"},s("span",{ref:i=>this.ellipsis=i,tabIndex:-1,class:{"body-3-sb":a()==o.desktop,"body-2-sb":a()!==o.desktop}},s("slot",null)),s("z-icon",{"aria-label":"Elimina file",tabIndex:0,onClick:()=>this.removeFileHandler(),onKeyPress:i=>{"Space"!=i.code&&"Enter"!=i.code||(i.preventDefault(),this.removeFileHandler())},name:"multiply-circled",height:a()!==o.desktop?20:15,width:a()!==o.desktop?20:15,ref:i=>this.icon=i}))))}get el(){return l(this)}};r.style=".sc-z-file-h{font-family:var(--font-family-sans);font-weight:var(--font-rg);position:relative}.sc-z-file-h .chip-content.sc-z-file{display:flex;align-items:center}.sc-z-file-h>z-tooltip.sc-z-file{z-index:10}.sc-z-file-h>z-tooltip.sc-z-file>.tootip-content.sc-z-file{white-space:nowrap}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.sc-z-file{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.33;letter-spacing:0.32px}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.regular.sc-z-file{font-weight:var(--font-rg)}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.bold.sc-z-file{font-weight:var(--font-sb)}.sc-z-file-h .chip-content.sc-z-file>z-icon.sc-z-file:last-child{margin-left:var(--space-unit);cursor:pointer;fill:var(--color-icon01)}@media only screen and (min-width: 1152px){.sc-z-file-h{border-radius:16px}.sc-z-file-h>z-chip.sc-z-file>.chip-content.sc-z-file>span.sc-z-file{font-size:12px}}";export{r as z_file}
@@ -1 +1 @@
1
- import{r as t,c as o,h as i,H as e,g as r}from"./p-98268a57.js";import{g as s}from"./p-e5602e1b.js";const a=document.documentElement;function n(t,o){const i=t.getBoundingClientRect(),e=i.width,r=i.height;let s,a,n=0,h=0,p=t;for(;p&&p!=o;){if(h+=p.offsetLeft,p===document.body?n+=p.getBoundingClientRect().top+window.scrollY:n+=p.offsetTop,window.DOMMatrix){const t=window.getComputedStyle(p),o=new DOMMatrix(t.transform||t.webkitTransform);o&&(h+=o.m41,p!==document.body&&(n+=o.m42))}if(!p.offsetParent)break;p=p.offsetParent}return p===document.body?(s=window.innerWidth,a=window.innerHeight):(s=p.offsetWidth,a=p.offsetHeight),{top:n,right:s-h-i.width,bottom:a-n-i.height,left:h,width:e,height:r}}const h=class{constructor(i){t(this,i),this.positionChange=o(this,"positionChange",7),this.type=s.AUTO,this.open=!1}validateType(t){t&&Object.values(s).every((o=>t!==o))&&(this.type=s.AUTO)}onPositionChange(){this.positionChange.emit({position:this.position})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),!this.content)if(this.open){const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};t()}else{const t=this.host.style;t.removeProperty("top"),t.removeProperty("right"),t.removeProperty("bottom"),t.removeProperty("left")}}setPosition(){let t;if(t="string"==typeof this.bindTo?this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.bindTo:this.host.parentElement,!t)return;const o=function(t){let o=t.parentNode;for(;o&&o!==a;){const{overflow:t,overflowX:i,overflowY:e}=window.getComputedStyle(o);if("hidden"===t||"hidden"===e||"hidden"===i)return o;if(o.scrollHeight>o.clientHeight&&"visible"!==t&&"visible"!==e||o.scrollWidth>o.clientWidth&&"visible"!==t&&"visible"!==i)return o;o=o.parentNode}return a}(t),i=o.getBoundingClientRect(),e=this.host.offsetParent,r=e?n(e,o):{top:0,right:0,bottom:0,left:0},h=n(t,o),p=h.top-o.scrollTop,l=i.height-(h.top+h.height)+o.scrollTop,f=h.left-o.scrollLeft,c=i.width-(h.left+h.width)+o.scrollLeft,d=Math.max(0,i.top+i.height-window.innerHeight),g=Math.max(0,i.left+i.width-window.innerWidth),u=Math.min(p,p+i.top),w=Math.min(l,l-d),m=Math.min(f,f+i.left),v=Math.min(c,c-g),b=u+w+h.height,x=m+v+h.width;let y=this.type;if(y===s.AUTO){const t=[];u/b>.9?t.unshift(s.TOP):u/b>.6?t.push(s.TOP):u/b<.1?t.unshift(s.BOTTOM):t.push(s.BOTTOM),m/x>.6?t.push(s.LEFT):m/x<.4&&t.push(s.RIGHT),y=t.join("_")}const z=this.host.style;this.content||(z.position="absolute");const _=h.top-r.top,M=h.right-r.right,$=h.bottom-r.bottom,C=h.left-r.left;y!==s.TOP&&y!==s.TOP_RIGHT&&y!==s.TOP_LEFT||(z.top="auto",z.bottom=`${$+h.height}px`),y!==s.BOTTOM&&y!==s.BOTTOM_RIGHT&&y!==s.BOTTOM_LEFT||(z.top=`${_+h.height}px`,z.bottom="auto"),y!==s.TOP&&y!==s.BOTTOM||(z.left=C+h.width/2-this.host.clientWidth/2+"px"),y!==s.TOP_RIGHT&&y!==s.BOTTOM_RIGHT||(z.right="auto",z.left=`${C+h.width}px`),y!==s.TOP_LEFT&&y!==s.BOTTOM_LEFT||(z.left="auto",z.right=`${M+h.width}px`),y!==s.RIGHT&&y!==s.LEFT||(z.top=_+h.height/2-this.host.clientHeight/2+"px",z.bottom="auto"),y===s.RIGHT&&(z.right="auto",z.left=`${C+h.width}px`),y===s.LEFT&&(z.left="auto",z.right=`${M+h.width}px`),this.position=y}componentWillLoad(){this.content&&(this.open=!0),this.validateType(this.type),this.onOpen()}render(){return this.content?i(e,{class:"legacy",position:this.type},this.content):i(e,{position:this.position},i("slot",null))}get host(){return r(this)}static get watchers(){return{type:["validateType"],position:["onPositionChange"],open:["onOpen"]}}};h.style=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;align-items:center;justify-content:center;padding:var(--space-unit);min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);color:var(--z-tooltip-theme--text);fill:currentColor;font-family:var(--font-family-sans);text-align:center;border-radius:var(--border-radius-small);background:var(--z-tooltip-theme--surface);filter:drop-shadow(0 4px 8px var(--shadow-color-base));will-change:filter}:host(.legacy){display:inline-flex;padding:calc(var(--space-unit) * 2);min-width:auto;min-height:auto;max-width:200px;font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px;border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08))}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));content:'';position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;transform:rotate(45deg)}:host([open][style*='top:']),:host([open][style*='inset:']){display:inline-flex}:host([position^='top']){margin-bottom:var(--space-unit)}:host([position='right']){margin-left:var(--space-unit)}:host([position='top_right']),:host([position='bottom_right']){margin-left:var(--edge-offset)}:host([position^='bottom']){margin-top:var(--space-unit)}:host([position='left']){margin-right:var(--space-unit)}:host([position='top_left']),:host([position='bottom_left']){margin-right:var(--edge-offset)}:host([position^='top'])::before{top:var(--arrow-center-y-offset)}:host([position^='bottom'])::before{bottom:var(--arrow-center-y-offset)}:host([position='top'])::before,:host([position='bottom'])::before{left:var(--arrow-center-x-offset)}:host([position='right'])::before,:host([position='left'])::before{top:var(--arrow-center-x-offset)}:host([position='right'])::before{right:var(--arrow-center-y-offset)}:host([position='top_right'])::before,:host([position='bottom_right'])::before{right:var(--arrow-edge-offset)}:host([position='left'])::before{left:var(--arrow-center-y-offset)}:host([position='top_left'])::before,:host([position='bottom_left'])::before{left:var(--arrow-edge-offset)}::slotted(*){flex:1 auto;overflow:auto}";export{h as z_tooltip}
1
+ import{r as t,c as o,h as i,H as e,g as r}from"./p-98268a57.js";import{g as s}from"./p-5b5d269c.js";const a=document.documentElement;function n(t,o){const i=t.getBoundingClientRect(),e=i.width,r=i.height;let s,a,n=0,h=0,p=t;for(;p&&p!=o;){if(h+=p.offsetLeft,p===document.body?n+=p.getBoundingClientRect().top+window.scrollY:n+=p.offsetTop,window.DOMMatrix){const t=window.getComputedStyle(p),o=new DOMMatrix(t.transform||t.webkitTransform);o&&(h+=o.m41,p!==document.body&&(n+=o.m42))}if(!p.offsetParent)break;p=p.offsetParent}return p===document.body?(s=window.innerWidth,a=window.innerHeight):(s=p.offsetWidth,a=p.offsetHeight),{top:n,right:s-h-i.width,bottom:a-n-i.height,left:h,width:e,height:r}}const h=class{constructor(i){t(this,i),this.positionChange=o(this,"positionChange",7),this.type=s.AUTO,this.open=!1}validateType(t){t&&Object.values(s).every((o=>t!==o))&&(this.type=s.AUTO)}onPositionChange(){this.positionChange.emit({position:this.position})}disconnectedCallback(){cancelAnimationFrame(this.animationFrameRequestId)}onOpen(){if(cancelAnimationFrame(this.animationFrameRequestId),!this.content)if(this.open){const t=()=>{this.open&&(this.setPosition(),this.animationFrameRequestId=requestAnimationFrame(t))};t()}else{const t=this.host.style;t.removeProperty("top"),t.removeProperty("right"),t.removeProperty("bottom"),t.removeProperty("left")}}setPosition(){let t;if(t="string"==typeof this.bindTo?this.host.ownerDocument.querySelector(this.bindTo):this.bindTo?this.bindTo:this.host.parentElement,!t)return;const o=function(t){let o=t.parentNode;for(;o&&o!==a;){const{overflow:t,overflowX:i,overflowY:e}=window.getComputedStyle(o);if("hidden"===t||"hidden"===e||"hidden"===i)return o;if(o.scrollHeight>o.clientHeight&&"visible"!==t&&"visible"!==e||o.scrollWidth>o.clientWidth&&"visible"!==t&&"visible"!==i)return o;o=o.parentNode}return a}(t),i=o.getBoundingClientRect(),e=this.host.offsetParent,r=e?n(e,o):{top:0,right:0,bottom:0,left:0},h=n(t,o),p=h.top-o.scrollTop,l=i.height-(h.top+h.height)+o.scrollTop,f=h.left-o.scrollLeft,c=i.width-(h.left+h.width)+o.scrollLeft,d=Math.max(0,i.top+i.height-window.innerHeight),g=Math.max(0,i.left+i.width-window.innerWidth),u=Math.min(p,p+i.top),w=Math.min(l,l-d),m=Math.min(f,f+i.left),v=Math.min(c,c-g),b=u+w+h.height,x=m+v+h.width;let y=this.type;if(y===s.AUTO){const t=[];u/b>.9?t.unshift(s.TOP):u/b>.6?t.push(s.TOP):u/b<.1?t.unshift(s.BOTTOM):t.push(s.BOTTOM),m/x>.6?t.push(s.LEFT):m/x<.4&&t.push(s.RIGHT),y=t.join("_")}const z=this.host.style;this.content||(z.position="absolute");const _=h.top-r.top,M=h.right-r.right,$=h.bottom-r.bottom,C=h.left-r.left;y!==s.TOP&&y!==s.TOP_RIGHT&&y!==s.TOP_LEFT||(z.top="auto",z.bottom=`${$+h.height}px`),y!==s.BOTTOM&&y!==s.BOTTOM_RIGHT&&y!==s.BOTTOM_LEFT||(z.top=`${_+h.height}px`,z.bottom="auto"),y!==s.TOP&&y!==s.BOTTOM||(z.left=C+h.width/2-this.host.clientWidth/2+"px"),y!==s.TOP_RIGHT&&y!==s.BOTTOM_RIGHT||(z.right="auto",z.left=`${C+h.width}px`),y!==s.TOP_LEFT&&y!==s.BOTTOM_LEFT||(z.left="auto",z.right=`${M+h.width}px`),y!==s.RIGHT&&y!==s.LEFT||(z.top=_+h.height/2-this.host.clientHeight/2+"px",z.bottom="auto"),y===s.RIGHT&&(z.right="auto",z.left=`${C+h.width}px`),y===s.LEFT&&(z.left="auto",z.right=`${M+h.width}px`),this.position=y}componentWillLoad(){this.content&&(this.open=!0),this.validateType(this.type),this.onOpen()}render(){return this.content?i(e,{class:"legacy",position:this.type},this.content):i(e,{position:this.position},i("slot",null))}get host(){return r(this)}static get watchers(){return{type:["validateType"],position:["onPositionChange"],open:["onOpen"]}}};h.style=":host{--z-tooltip-theme--surface:var(--color-surface01);--z-tooltip-theme--text:var(--color-text01);--arrow-size:6px;--edge-offset:calc(-1 * (var(--arrow-size) + calc(var(--space-unit) * 2)));position:relative;display:none;align-items:center;justify-content:center;padding:var(--space-unit);min-width:calc(var(--space-unit) * 8);min-height:calc(var(--space-unit) * 4);color:var(--z-tooltip-theme--text);fill:currentColor;font-family:var(--font-family-sans);text-align:center;border-radius:var(--border-radius-small);background:var(--z-tooltip-theme--surface);filter:drop-shadow(0 4px 8px var(--shadow-color-base));will-change:filter}:host(.legacy){display:inline-flex;padding:calc(var(--space-unit) * 2);min-width:auto;min-height:auto;max-width:200px;font-style:italic;line-height:16px;letter-spacing:0.32px;font-size:12px;border:var(--border-size-small) solid var(--gray200);border-radius:var(--border-radius);filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.08))}:host(.legacy)::before{--arrow-size:14px}:host([position])::before{--arrow-edge-offset:calc(100% - var(--arrow-size) - var(--space-unit));--arrow-center-x-offset:calc(50% - calc(var(--arrow-size) / 2));--arrow-center-y-offset:calc(100% - calc(var(--arrow-size) / 2));content:'';position:absolute;width:var(--arrow-size);height:var(--arrow-size);background:inherit;transform:rotate(45deg)}:host([open][style*='top:']),:host([open][style*='inset:']){display:inline-flex}:host([position^='top']){margin-bottom:var(--space-unit)}:host([position='right']){margin-left:var(--space-unit)}:host([position='top_right']),:host([position='bottom_right']){margin-left:var(--edge-offset)}:host([position^='bottom']){margin-top:var(--space-unit)}:host([position='left']){margin-right:var(--space-unit)}:host([position='top_left']),:host([position='bottom_left']){margin-right:var(--edge-offset)}:host([position^='top'])::before{top:var(--arrow-center-y-offset)}:host([position^='bottom'])::before{bottom:var(--arrow-center-y-offset)}:host([position='top'])::before,:host([position='bottom'])::before{left:var(--arrow-center-x-offset)}:host([position='right'])::before,:host([position='left'])::before{top:var(--arrow-center-x-offset)}:host([position='right'])::before{right:var(--arrow-center-y-offset)}:host([position='top_right'])::before,:host([position='bottom_right'])::before{right:var(--arrow-edge-offset)}:host([position='left'])::before{left:var(--arrow-center-y-offset)}:host([position='top_left'])::before,:host([position='bottom_left'])::before{left:var(--arrow-edge-offset)}::slotted(*){flex:1 auto;overflow:auto}";export{h as z_tooltip}
@@ -1 +1 @@
1
- import{r as t,c as r,h as i}from"./p-98268a57.js";import{j as n}from"./p-e5602e1b.js";const s=class{constructor(i){t(this,i),this.otpChange=r(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=Array.apply(null,Array(this.inputNum)),this.otpRef=Array.apply(null,Array(this.inputNum))}render(){return i("div",{class:"otp-container"},i("div",{class:"digits-container"},this.otp.map(((t,r)=>i("input",{class:this.status==n.error?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[r].value="")},onKeyUp:t=>{t.keyCode>47&&r<this.inputNum-1&&this.otpRef[r+1].focus()},onInput:t=>{this.otp[r]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[r]=t})))),i("z-input-message",{message:this.message,status:this.status}))}};s.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{height:72px;width:calc(var(--space-unit) * 5);font-size:32px;font-weight:300;font-family:var(--font-family-sans);text-align:center;caret-color:transparent;box-sizing:border-box;padding:0;color:var(--color-surface05)}input.error{border:1px solid;border-radius:4px;border-color:var(--color-error01);background-color:var(--color-error-inverse)}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";export{s as z_otp}
1
+ import{r as t,c as r,h as i}from"./p-98268a57.js";import{j as n}from"./p-5b5d269c.js";const s=class{constructor(i){t(this,i),this.otpChange=r(this,"otpChange",7),this.inputNum=6}emitInputChange(t){this.otpChange.emit({value:t})}componentWillLoad(){this.otp=Array.apply(null,Array(this.inputNum)),this.otpRef=Array.apply(null,Array(this.inputNum))}render(){return i("div",{class:"otp-container"},i("div",{class:"digits-container"},this.otp.map(((t,r)=>i("input",{class:this.status==n.error?"error":null,onKeyDown:t=>{t.keyCode>47&&(this.otpRef[r].value="")},onKeyUp:t=>{t.keyCode>47&&r<this.inputNum-1&&this.otpRef[r+1].focus()},onInput:t=>{this.otp[r]=t.target.value,this.emitInputChange(this.otp.join(""))},type:"text",minlength:"1",maxlength:"1",autoComplete:"off",ref:t=>this.otpRef[r]=t})))),i("z-input-message",{message:this.message,status:this.status}))}};s.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}.digits-container{display:flex;justify-content:flex-start}input{height:72px;width:calc(var(--space-unit) * 5);font-size:32px;font-weight:300;font-family:var(--font-family-sans);text-align:center;caret-color:transparent;box-sizing:border-box;padding:0;color:var(--color-surface05)}input.error{border:1px solid;border-radius:4px;border-color:var(--color-error01);background-color:var(--color-error-inverse)}input:not(:last-of-type){margin-right:var(--space-unit)}@media only screen and (min-width: 768px){input:not(:last-of-type){margin-right:calc(var(--space-unit) * 2)}}@media only screen and (min-width: 1025px){input{width:calc(var(--space-unit) * 6)}}";export{s as z_otp}
@@ -1 +1 @@
1
- import{r as o,h as e}from"./p-98268a57.js";import{i as r}from"./p-e5602e1b.js";const t=class{constructor(e){o(this,e),this.status=r.preview}handlePocketToggle(o){o.detail.id===this.pocketid&&(this.status=o.detail.status)}renderHeader(){let o,t;switch(this.status){case r.preview:case r.closed:o=e("span",null,"Messaggi ",e("span",{class:"badge"},this.messages)),t="chevron-up";break;case r.open:o=e("span",null,"Riduci"),t="chevron-down"}return e("z-pocket-header",{pocketid:this.pocketid},o,e("z-icon",{name:t,width:14,height:14}))}renderBody(){return e("z-pocket-body",{pocketid:this.pocketid},e("div",{class:"body"},e("slot",null)),e("div",{class:"gradient"}))}render(){return e("z-pocket",{pocketid:this.pocketid,status:this.status,class:this.status},this.renderHeader(),this.renderBody())}};t.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-pocket{width:100%}:host>z-pocket.closed{width:158px}:host>z-pocket>z-pocket-header{font-size:12px;font-weight:var(--font-sb);color:var(--color-primary01);fill:var(--color-primary01)}:host>z-pocket>z-pocket-header span.badge{background:var(--color-secondary02);color:var(--color-surface01);border-radius:50%;padding:0 calc(var(--space-unit)* 0.5);display:inline-block;margin-left:var(--space-unit)}:host>z-pocket>z-pocket-header>z-icon{margin-left:var(--space-unit)}:host>z-pocket>z-pocket-body>div.body{overflow:hidden;margin:0 var(--space-unit);padding:var(--space-unit)}:host>z-pocket.preview>z-pocket-body{position:relative}:host>z-pocket.preview>z-pocket-body>div.gradient{background-image:linear-gradient(rgba(255, 0, 0, 0), white);position:absolute;top:0;left:0;right:0;bottom:0}:host>z-pocket.open>z-pocket-body>div.body{max-height:calc(100vh - 166px);overflow:auto;scrollbar-width:none}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>z-pocket{width:768px;margin:0 calc((100% - 768px) / 2)}:host>z-pocket.closed{margin:0 calc((100% - 158px) / 2)}:host>z-pocket.open>z-pocket-body>div.body{max-height:326px}}@media only screen and (min-width: 1152px){:host>z-pocket.open>z-pocket-body>div.body{scrollbar-width:thin;scrollbar-color:var(--color-primary01) var(--color-surface03)}:host ::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--color-surface01) 2px,\n var(--color-surface03) 4px,\n var(--color-surface01) 8px\n );border-radius:var(--radius-base);width:10px}:host ::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--radius-base);width:var(--space-unit)}}";export{t as z_messages_pocket}
1
+ import{r as o,h as e}from"./p-98268a57.js";import{i as r}from"./p-5b5d269c.js";const t=class{constructor(e){o(this,e),this.status=r.preview}handlePocketToggle(o){o.detail.id===this.pocketid&&(this.status=o.detail.status)}renderHeader(){let o,t;switch(this.status){case r.preview:case r.closed:o=e("span",null,"Messaggi ",e("span",{class:"badge"},this.messages)),t="chevron-up";break;case r.open:o=e("span",null,"Riduci"),t="chevron-down"}return e("z-pocket-header",{pocketid:this.pocketid},o,e("z-icon",{name:t,width:14,height:14}))}renderBody(){return e("z-pocket-body",{pocketid:this.pocketid},e("div",{class:"body"},e("slot",null)),e("div",{class:"gradient"}))}render(){return e("z-pocket",{pocketid:this.pocketid,status:this.status,class:this.status},this.renderHeader(),this.renderBody())}};t.style=":host{font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>z-pocket{width:100%}:host>z-pocket.closed{width:158px}:host>z-pocket>z-pocket-header{font-size:12px;font-weight:var(--font-sb);color:var(--color-primary01);fill:var(--color-primary01)}:host>z-pocket>z-pocket-header span.badge{background:var(--color-secondary02);color:var(--color-surface01);border-radius:50%;padding:0 calc(var(--space-unit)* 0.5);display:inline-block;margin-left:var(--space-unit)}:host>z-pocket>z-pocket-header>z-icon{margin-left:var(--space-unit)}:host>z-pocket>z-pocket-body>div.body{overflow:hidden;margin:0 var(--space-unit);padding:var(--space-unit)}:host>z-pocket.preview>z-pocket-body{position:relative}:host>z-pocket.preview>z-pocket-body>div.gradient{background-image:linear-gradient(rgba(255, 0, 0, 0), white);position:absolute;top:0;left:0;right:0;bottom:0}:host>z-pocket.open>z-pocket-body>div.body{max-height:calc(100vh - 166px);overflow:auto;scrollbar-width:none}:host ::-webkit-scrollbar{width:0}@media only screen and (min-width: 768px){:host>z-pocket{width:768px;margin:0 calc((100% - 768px) / 2)}:host>z-pocket.closed{margin:0 calc((100% - 158px) / 2)}:host>z-pocket.open>z-pocket-body>div.body{max-height:326px}}@media only screen and (min-width: 1152px){:host>z-pocket.open>z-pocket-body>div.body{scrollbar-width:thin;scrollbar-color:var(--color-primary01) var(--color-surface03)}:host ::-webkit-scrollbar{background:linear-gradient(\n 90deg,\n var(--color-surface01) 2px,\n var(--color-surface03) 4px,\n var(--color-surface01) 8px\n );border-radius:var(--radius-base);width:10px}:host ::-webkit-scrollbar-thumb{background-color:var(--color-primary01);border-radius:var(--radius-base);width:var(--space-unit)}}";export{t as z_messages_pocket}
@@ -1 +1 @@
1
- import{r as t,h as n,H as a,g as i}from"./p-98268a57.js";import{v as o,b as s,c as e}from"./p-e5602e1b.js";import{c as l}from"./p-3247dee9.js";import"./p-b68038b5.js";const r=class{constructor(n){t(this,n),this.padding=o.medium,this.isMenuOpened=!1}handleMenu(){this.isMenuOpened=!this.isMenuOpened}componentWillRender(){this.host.setAttribute("role","cell")}render(){return n(a,null,this.showButton&&n("div",{class:l("button-container",{visible:this.isMenuOpened})},n("div",{class:"button-content"},n("z-button",{icon:"contextual-menu",variant:s.tertiary,size:e["x-small"],onClick:()=>this.handleMenu(),square:!0}),n("div",{class:l("contextual-menu-container",{visible:this.isMenuOpened})},n("slot",{name:"contextual-menu"})))),n("slot",null))}get host(){return i(this)}};r.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}';export{r as z_table_cell}
1
+ import{r as t,h as n,H as a,g as i}from"./p-98268a57.js";import{w as o,b as s,c as e}from"./p-5b5d269c.js";import{c as l}from"./p-3247dee9.js";import"./p-b68038b5.js";const r=class{constructor(n){t(this,n),this.padding=o.medium,this.isMenuOpened=!1}handleMenu(){this.isMenuOpened=!this.isMenuOpened}componentWillRender(){this.host.setAttribute("role","cell")}render(){return n(a,null,this.showButton&&n("div",{class:l("button-container",{visible:this.isMenuOpened})},n("div",{class:"button-content"},n("z-button",{icon:"contextual-menu",variant:s.tertiary,size:e["x-small"],onClick:()=>this.handleMenu(),square:!0}),n("div",{class:l("contextual-menu-container",{visible:this.isMenuOpened})},n("slot",{name:"contextual-menu"})))),n("slot",null))}get host(){return i(this)}};r.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}';export{r as z_table_cell}
@@ -1 +1 @@
1
- import{r,h as e}from"./p-98268a57.js";import{L as t}from"./p-e5602e1b.js";const i=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.real?r+="real":this.cardtype===t.trial&&(r+="trial"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};i.style="div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius)}div.real,div.trial{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const a=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};a.style=":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.real,trial:this.cardtype===t.trial,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("h2",{ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style="header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\n var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";export{i as z_myz_card,a as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}
1
+ import{r,h as e}from"./p-98268a57.js";import{L as t}from"./p-5b5d269c.js";const i=class{constructor(e){r(this,e),this.ispressed=!1,this.ishighlighted=!1}retrieveClass(){let r="";return this.cardtype===t.real?r+="real":this.cardtype===t.trial&&(r+="trial"),this.faded?r+=" faded":this.ispressed?r+=" pressed":this.ishighlighted&&(r+=" highlighted"),r}render(){return e("div",{class:this.retrieveClass(),tabindex:"0"},e("slot",null))}};i.style="div{background-color:var(--color-surface01);display:flex;flex-direction:column;width:auto;box-sizing:border-box;width:256px;height:522px;border:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius)}div.real,div.trial{border-color:var(--accent)}div.faded{border:var(--border-size-medium) solid var(--color-surface02)}div.highlighted{box-shadow:var(--shadow-4);outline:none}div.pressed{box-shadow:var(--shadow-8);outline:none}div:focus{box-shadow:var(--shadow-focus-primary);outline:none}";const a=class{constructor(e){r(this,e)}render(){return e("div",null,e("slot",{name:"alert"}),e("slot",{name:"cover"}))}};a.style=":host{height:340px;width:auto}:host>div{height:340px;width:auto;display:flex;align-items:center;justify-content:center;position:relative}";const o=class{constructor(e){r(this,e)}hadleOnImageError(){this.img=this.defaultimg}render(){return e("img",{class:this.faded&&"faded",onError:this.hadleOnImageError.bind(this),alt:this.titolo,src:this.img})}};o.style="img{display:block;margin:auto auto;height:340px;max-width:100%;object-fit:cover}img.faded{opacity:0.3}";const s=class{constructor(e){r(this,e),this.allowTooltip=!1}getTitle(){return this.allowTooltip?this.titolo:""}componentDidLoad(){this.elementHasEllipsis()&&(this.allowTooltip=!0)}elementHasEllipsis(){return this.ellipsis.offsetWidth<this.ellipsis.scrollWidth}retrieveClass(){return{real:this.cardtype===t.real,trial:this.cardtype===t.trial,faded:this.faded}}render(){return e("header",{class:this.retrieveClass()},e("h2",{ref:r=>this.ellipsis=r,title:this.getTitle()},this.titolo),e("slot",{name:"icon"}))}};s.style="header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:auto;height:calc(var(--space-unit) * 6);position:relative;border-bottom:var(--border-size-medium) solid var(--color-surface03);border-radius:var(--border-radius) var(--border-radius)\n var(--border-no-radius) var(--border-no-radius);background-color:var(--color-surface01)}header.real,header.trial{background-color:var(--accent-lighter);border-bottom:var(--border-size-medium) solid var(--accent)}h2{font-family:var(--font-family-sans);font-weight:var(--font-sb);color:var(--color-surface05);height:calc(var(--space-unit) * 2);font-size:12px;text-transform:uppercase;letter-spacing:0.22px;line-height:calc(var(--space-unit) * 2);margin:0px;padding:calc(var(--space-unit) * 2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.faded{border-bottom:var(--border-size-medium) solid var(--color-surface02)}.faded.real,.faded.trial{border-top:var(--border-size-medium) solid var(--accent);border-right:var(--border-size-medium) solid var(--accent);border-left:var(--border-size-medium) solid var(--accent)}";export{i as z_myz_card,a as z_myz_card_body,o as z_myz_card_cover,s as z_myz_card_header}
@@ -1 +1 @@
1
- import{r as t,h as i,g as o}from"./p-98268a57.js";import{f as r}from"./p-e5602e1b.js";const e=class{constructor(i){t(this,i),this.disabled=!1,this.filter=!1}renderLegacyChip(){return i("div",null,i("span",{class:"boldtext"},this.boldtext)," ",this.regulartext)}renderFilterChip(){return this.filter?i("button",{class:this.type?this.type:r.default,disabled:this.disabled,tabindex:"0"},i("slot",null)):i("div",{class:this.type?this.type:""},i("slot",null))}render(){return null!=this.boldtext||null!=this.regulartext?this.renderLegacyChip():this.renderFilterChip()}get hostElement(){return o(this)}};e.style=":host>button{display:inline-block;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-medium) solid var(--bg-grey-200);color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}:host>div{display:inline-block;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:12px}.boldtext{font-weight:bold}:host>button:hover{color:var(--myz-blue-dark)}:host>button:disabled{border:var(--border-size-medium) solid var(--bg-grey-200);color:rgb(149, 153, 157);box-shadow:none}:host>button.default:focus:focus-visible,:host>button.mini:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>button:not(:disabled):active{background-color:var(--gray50)}:host>button.default,:host>div.default{min-height:44px;border-radius:22px;line-height:44px}:host>button.mini,:host>div.mini{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){:host>button{font-size:12px}:host>button.default,:host>div.default{min-height:32px;border-radius:16px;line-height:32px}:host>button.mini,:host>div.mini{min-height:24px;border-radius:16px;line-height:24px}}";export{e as z_chip}
1
+ import{r as t,h as i,g as o}from"./p-98268a57.js";import{f as r}from"./p-5b5d269c.js";const e=class{constructor(i){t(this,i),this.disabled=!1,this.filter=!1}renderLegacyChip(){return i("div",null,i("span",{class:"boldtext"},this.boldtext)," ",this.regulartext)}renderFilterChip(){return this.filter?i("button",{class:this.type?this.type:r.default,disabled:this.disabled,tabindex:"0"},i("slot",null)):i("div",{class:this.type?this.type:""},i("slot",null))}render(){return null!=this.boldtext||null!=this.regulartext?this.renderLegacyChip():this.renderFilterChip()}get hostElement(){return o(this)}};e.style=":host>button{display:inline-block;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-medium) solid var(--bg-grey-200);color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:14px}:host>div{display:inline-block;min-height:28px;line-height:28px;padding:0 calc(var(--space-unit) * 1.5);background-color:var(--bg-white);border:var(--border-size-small) solid var(--bg-grey-200);border-radius:14px;color:var(--text-grey-800);fill:var(--text-grey-800);font-family:var(--dashboard-font);font-size:12px}.boldtext{font-weight:bold}:host>button:hover{color:var(--myz-blue-dark)}:host>button:disabled{border:var(--border-size-medium) solid var(--bg-grey-200);color:rgb(149, 153, 157);box-shadow:none}:host>button.default:focus:focus-visible,:host>button.mini:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>button:not(:disabled):active{background-color:var(--gray50)}:host>button.default,:host>div.default{min-height:44px;border-radius:22px;line-height:44px}:host>button.mini,:host>div.mini{min-height:36px;border-radius:22px;line-height:36px}@media only screen and (min-width: 1152px){:host>button{font-size:12px}:host>button.default,:host>div.default{min-height:32px;border-radius:16px;line-height:32px}:host>button.mini,:host>div.mini{min-height:24px;border-radius:16px;line-height:24px}}";export{e as z_chip}