@zanichelli/albe-web-components 2.31.0 → 2.31.2-clav-4456-v3

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 (439) hide show
  1. package/CHANGELOG.md +1169 -1159
  2. package/LICENSE +21 -21
  3. package/dist/cjs/{breakpoints-776c8868.js → breakpoints-88c4fd6c.js} +1 -1
  4. package/dist/cjs/{index-8f7af00e.js → index-11a8a536.js} +253 -248
  5. package/dist/cjs/{index-dee3e21d.js → index-7571ccd0.js} +34 -0
  6. package/dist/cjs/index-eb0e4817.js +17 -0
  7. package/dist/cjs/index.cjs.js +5 -5
  8. package/dist/cjs/loader.cjs.js +2 -2
  9. package/dist/cjs/{utils-98538463.js → utils-00e14fba.js} +63 -63
  10. package/dist/cjs/web-components-library.cjs.js +2 -2
  11. package/dist/cjs/z-alert_66.cjs.entry.js +3362 -3324
  12. package/dist/cjs/z-app-header.cjs.entry.js +134 -134
  13. package/dist/cjs/z-aria-alert.cjs.entry.js +19 -0
  14. package/dist/cjs/z-candybar.cjs.entry.js +9 -9
  15. package/dist/cjs/z-cookiebar.cjs.entry.js +32 -32
  16. package/dist/cjs/z-heading.cjs.entry.js +9 -9
  17. package/dist/cjs/z-messages-pocket.cjs.entry.js +37 -37
  18. package/dist/cjs/z-modal-login.cjs.entry.js +72 -72
  19. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +26 -26
  20. package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +9 -9
  21. package/dist/cjs/z-myz-card-info.cjs.entry.js +110 -110
  22. package/dist/cjs/z-myz-topbar.cjs.entry.js +184 -184
  23. package/dist/cjs/z-navigation-tab.cjs.entry.js +35 -35
  24. package/dist/cjs/z-navigation-tabs.cjs.entry.js +91 -91
  25. package/dist/cjs/z-otp.cjs.entry.js +31 -31
  26. package/dist/cjs/z-pocket-message.cjs.entry.js +9 -9
  27. package/dist/cjs/z-pocket_3.cjs.entry.js +103 -103
  28. package/dist/cjs/z-registro-table-footer.cjs.entry.js +13 -13
  29. package/dist/cjs/z-slideshow.cjs.entry.js +102 -102
  30. package/dist/cjs/z-toast-notification-list.cjs.entry.js +46 -46
  31. package/dist/cjs/z-toast-notification.cjs.entry.js +191 -191
  32. package/dist/cjs/z-visually-hidden.cjs.entry.js +10 -0
  33. package/dist/collection/beans/index.js +254 -249
  34. package/dist/collection/collection-manifest.json +2 -0
  35. package/dist/collection/components/buttons/z-button/index.js +219 -219
  36. package/dist/collection/components/buttons/z-button/styles.css +231 -231
  37. package/dist/collection/components/buttons/z-button-filter/index.js +155 -155
  38. package/dist/collection/components/buttons/z-button-filter/styles.css +74 -74
  39. package/dist/collection/components/buttons/z-button-sort/index.js +216 -216
  40. package/dist/collection/components/buttons/z-button-sort/styles.css +101 -101
  41. package/dist/collection/components/buttons/z-chip/index.js +59 -59
  42. package/dist/collection/components/buttons/z-chip/styles.css +17 -17
  43. package/dist/collection/components/buttons/z-toggle-button/index.js +122 -122
  44. package/dist/collection/components/buttons/z-toggle-button/styles.css +62 -62
  45. package/dist/collection/components/footer/z-footer/index.js +286 -286
  46. package/dist/collection/components/footer/z-footer/styles.css +241 -241
  47. package/dist/collection/components/footer/z-footer-link/index.js +37 -37
  48. package/dist/collection/components/footer/z-footer-link/styles.css +33 -33
  49. package/dist/collection/components/footer/z-footer-section/index.js +51 -51
  50. package/dist/collection/components/footer/z-footer-section/styles.css +163 -163
  51. package/dist/collection/components/footer/z-footer-social/index.js +68 -68
  52. package/dist/collection/components/footer/z-footer-social/styles.css +23 -23
  53. package/dist/collection/components/icons/icons.js +473 -435
  54. package/dist/collection/components/icons/z-icon/index.js +110 -110
  55. package/dist/collection/components/icons/z-icon/styles.css +14 -14
  56. package/dist/collection/components/icons/z-icon-package/index.js +20 -20
  57. package/dist/collection/components/icons/z-icon-package/styles.css +16 -16
  58. package/dist/collection/components/indicators/z-stepper/index.js +17 -17
  59. package/dist/collection/components/indicators/z-stepper/styles.css +19 -19
  60. package/dist/collection/components/indicators/z-stepper-item/index.js +93 -93
  61. package/dist/collection/components/indicators/z-stepper-item/styles.css +115 -115
  62. package/dist/collection/components/inputs/z-combobox/index.js +480 -480
  63. package/dist/collection/components/inputs/z-combobox/styles.css +148 -148
  64. package/dist/collection/components/inputs/z-input/index.js +821 -821
  65. package/dist/collection/components/inputs/z-input/styles.css +304 -304
  66. package/dist/collection/components/inputs/z-input-label/index.js +72 -72
  67. package/dist/collection/components/inputs/z-input-label/styles.css +16 -16
  68. package/dist/collection/components/inputs/z-input-message/index.js +64 -64
  69. package/dist/collection/components/inputs/z-input-message/styles.css +33 -33
  70. package/dist/collection/components/inputs/z-select/index.js +647 -647
  71. package/dist/collection/components/inputs/z-select/styles.css +131 -131
  72. package/dist/collection/components/list/z-list/index.js +57 -57
  73. package/dist/collection/components/list/z-list/styles.css +7 -7
  74. package/dist/collection/components/list/z-list-element/index.js +439 -439
  75. package/dist/collection/components/list/z-list-element/styles.css +133 -133
  76. package/dist/collection/components/list/z-list-group/index.js +144 -144
  77. package/dist/collection/components/list/z-list-group/styles.css +22 -22
  78. package/dist/collection/components/list/z-toast-notification-list/index.js +97 -97
  79. package/dist/collection/components/list/z-toast-notification-list/styles.css +107 -107
  80. package/dist/collection/components/logo/z-logo/index.js +128 -128
  81. package/dist/collection/components/logo/z-logo/styles.css +28 -28
  82. package/dist/collection/components/modal/z-modal/index.js +160 -160
  83. package/dist/collection/components/modal/z-modal/styles.css +185 -185
  84. package/dist/collection/components/modal/z-modal-login/index.js +272 -272
  85. package/dist/collection/components/modal/z-modal-login/styles.css +159 -159
  86. package/dist/collection/components/navigation/z-app-header/index.js +267 -267
  87. package/dist/collection/components/navigation/z-app-header/styles.css +445 -445
  88. package/dist/collection/components/navigation/z-app-switcher/index.js +70 -70
  89. package/dist/collection/components/navigation/z-app-switcher/styles.css +35 -35
  90. package/dist/collection/components/navigation/z-app-topbar/index.js +156 -156
  91. package/dist/collection/components/navigation/z-app-topbar/styles.css +71 -71
  92. package/dist/collection/components/navigation/z-link/index.js +309 -309
  93. package/dist/collection/components/navigation/z-link/styles.css +160 -160
  94. package/dist/collection/components/navigation/z-menu/index.js +223 -223
  95. package/dist/collection/components/navigation/z-menu/styles.css +149 -149
  96. package/dist/collection/components/navigation/z-menu-dropdown/index.js +125 -125
  97. package/dist/collection/components/navigation/z-menu-dropdown/styles.css +146 -146
  98. package/dist/collection/components/navigation/z-menu-section/index.js +109 -109
  99. package/dist/collection/components/navigation/z-menu-section/styles.css +91 -91
  100. package/dist/collection/components/navigation/z-navigation-tab/index.js +151 -151
  101. package/dist/collection/components/navigation/z-navigation-tab/styles.css +113 -113
  102. package/dist/collection/components/navigation/z-navigation-tabs/index.js +179 -179
  103. package/dist/collection/components/navigation/z-navigation-tabs/styles.css +117 -117
  104. package/dist/collection/components/navigation/z-user-dropdown/index.js +252 -252
  105. package/dist/collection/components/navigation/z-user-dropdown/styles.css +315 -315
  106. package/dist/collection/components/notification/z-candybar/index.js +18 -18
  107. package/dist/collection/components/notification/z-candybar/styles.css +61 -61
  108. package/dist/collection/components/notification/z-cookiebar/index.js +111 -111
  109. package/dist/collection/components/notification/z-cookiebar/styles.css +109 -109
  110. package/dist/collection/components/notification/z-info-box/index.js +79 -79
  111. package/dist/collection/components/notification/z-info-box/styles.css +23 -23
  112. package/dist/collection/components/notification/z-notification/index.js +171 -171
  113. package/dist/collection/components/notification/z-notification/styles.css +93 -93
  114. package/dist/collection/components/notification/z-toast-notification/index.js +402 -402
  115. package/dist/collection/components/notification/z-toast-notification/styles.css +247 -247
  116. package/dist/collection/components/notification/z-tooltip/index.js +379 -379
  117. package/dist/collection/components/notification/z-tooltip/styles.css +128 -128
  118. package/dist/collection/components/pagination/z-pagination-bar/index.js +278 -278
  119. package/dist/collection/components/pagination/z-pagination-bar/styles.css +23 -23
  120. package/dist/collection/components/pagination/z-pagination-page/index.js +129 -129
  121. package/dist/collection/components/pagination/z-pagination-page/styles.css +57 -57
  122. package/dist/collection/components/panel/z-panel-elem/index.js +193 -193
  123. package/dist/collection/components/panel/z-panel-elem/styles.css +39 -39
  124. package/dist/collection/components/typography/z-body/index.js +66 -66
  125. package/dist/collection/components/typography/z-heading/index.js +66 -66
  126. package/dist/collection/components/typography/z-typography/index.js +84 -84
  127. package/dist/collection/components/typography/z-typography/styles.css +61 -61
  128. package/dist/collection/components/z-aria-alert/index.js +50 -0
  129. package/dist/collection/components/z-avatar/index.js +137 -137
  130. package/dist/collection/components/z-avatar/styles.css +35 -35
  131. package/dist/collection/components/z-card/index.js +153 -153
  132. package/dist/collection/components/z-card/styles.css +188 -188
  133. package/dist/collection/components/z-contextual-menu/index.js +122 -122
  134. package/dist/collection/components/z-contextual-menu/styles.css +45 -45
  135. package/dist/collection/components/z-divider/index.js +89 -89
  136. package/dist/collection/components/z-divider/styles.css +37 -37
  137. package/dist/collection/components/z-ghost-loading/index.js +14 -14
  138. package/dist/collection/components/z-ghost-loading/styles.css +34 -34
  139. package/dist/collection/components/z-popover/index.js +274 -274
  140. package/dist/collection/components/z-popover/styles.css +236 -236
  141. package/dist/collection/components/z-status-tag/index.js +125 -125
  142. package/dist/collection/components/z-status-tag/styles.css +133 -133
  143. package/dist/collection/components/z-visually-hidden/index.js +14 -0
  144. package/dist/collection/components/z-visually-hidden/styles.css +12 -0
  145. package/dist/collection/constants/breakpoints.js +3 -3
  146. package/dist/collection/constants/icons.js +6 -6
  147. package/dist/collection/index.js +5 -5
  148. package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +119 -119
  149. package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +38 -38
  150. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +148 -148
  151. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +62 -62
  152. package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +20 -20
  153. package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +13 -13
  154. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +87 -87
  155. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +11 -11
  156. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +177 -177
  157. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +85 -85
  158. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +190 -190
  159. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +137 -137
  160. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +23 -23
  161. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +32 -32
  162. package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +101 -101
  163. package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +46 -46
  164. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +74 -74
  165. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +70 -70
  166. package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +213 -213
  167. package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +124 -124
  168. package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +53 -53
  169. package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +41 -41
  170. package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +70 -70
  171. package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +4 -4
  172. package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +188 -188
  173. package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +48 -48
  174. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +121 -121
  175. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +106 -106
  176. package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +181 -181
  177. package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +56 -56
  178. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +77 -77
  179. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +49 -49
  180. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +86 -86
  181. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +40 -40
  182. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +23 -23
  183. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +53 -53
  184. package/dist/collection/snowflakes/myz/topbar/index.js +428 -428
  185. package/dist/collection/snowflakes/myz/topbar/styles.css +594 -594
  186. package/dist/collection/snowflakes/myz/z-alert/index.js +42 -42
  187. package/dist/collection/snowflakes/myz/z-alert/styles.css +28 -28
  188. package/dist/collection/snowflakes/myz/z-otp/index.js +114 -114
  189. package/dist/collection/snowflakes/myz/z-otp/styles.css +47 -47
  190. package/dist/collection/snowflakes/myz/z-slideshow/index.js +165 -165
  191. package/dist/collection/snowflakes/myz/z-slideshow/styles.css +128 -128
  192. package/dist/collection/snowflakes/registro-table/z-registro-table/index.js +365 -365
  193. package/dist/collection/snowflakes/registro-table/z-registro-table/styles.css +166 -166
  194. package/dist/collection/snowflakes/registro-table/z-registro-table-body/index.js +19 -19
  195. package/dist/collection/snowflakes/registro-table/z-registro-table-body/styles.css +9 -9
  196. package/dist/collection/snowflakes/registro-table/z-registro-table-cell/index.js +58 -58
  197. package/dist/collection/snowflakes/registro-table/z-registro-table-cell/styles.css +39 -39
  198. package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/index.js +69 -69
  199. package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/styles.css +24 -24
  200. package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/index.js +36 -36
  201. package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/styles.css +16 -16
  202. package/dist/collection/snowflakes/registro-table/z-registro-table-footer/index.js +18 -18
  203. package/dist/collection/snowflakes/registro-table/z-registro-table-footer/styles.css +5 -5
  204. package/dist/collection/snowflakes/registro-table/z-registro-table-head/index.js +18 -18
  205. package/dist/collection/snowflakes/registro-table/z-registro-table-head/styles.css +5 -5
  206. package/dist/collection/snowflakes/registro-table/z-registro-table-header/index.js +240 -240
  207. package/dist/collection/snowflakes/registro-table/z-registro-table-header/styles.css +67 -67
  208. package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/index.js +37 -37
  209. package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/styles.css +13 -13
  210. package/dist/collection/snowflakes/registro-table/z-registro-table-row/index.js +86 -86
  211. package/dist/collection/snowflakes/registro-table/z-registro-table-row/styles.css +54 -54
  212. package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/index.js +17 -17
  213. package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/styles.css +10 -10
  214. package/dist/collection/themes/index.story.js +18 -18
  215. package/dist/collection/utils/utils.js +82 -82
  216. package/dist/esm/{breakpoints-14432d05.js → breakpoints-c386984e.js} +1 -1
  217. package/dist/esm/{index-e9a16abc.js → index-4952bfe3.js} +254 -249
  218. package/dist/esm/{index-fa9e549c.js → index-8b2b358d.js} +34 -0
  219. package/dist/esm/index-d8e40092.js +15 -0
  220. package/dist/esm/index.js +5 -5
  221. package/dist/esm/loader.js +2 -2
  222. package/dist/esm/polyfills/core-js.js +0 -0
  223. package/dist/esm/polyfills/dom.js +0 -0
  224. package/dist/esm/polyfills/es5-html-element.js +0 -0
  225. package/dist/esm/polyfills/index.js +0 -0
  226. package/dist/esm/polyfills/system.js +0 -0
  227. package/dist/esm/{utils-84f318dc.js → utils-889efe17.js} +63 -63
  228. package/dist/esm/web-components-library.js +2 -2
  229. package/dist/esm/z-alert_66.entry.js +3362 -3324
  230. package/dist/esm/z-app-header.entry.js +134 -134
  231. package/dist/esm/z-aria-alert.entry.js +15 -0
  232. package/dist/esm/z-candybar.entry.js +9 -9
  233. package/dist/esm/z-cookiebar.entry.js +32 -32
  234. package/dist/esm/z-heading.entry.js +9 -9
  235. package/dist/esm/z-messages-pocket.entry.js +37 -37
  236. package/dist/esm/z-modal-login.entry.js +72 -72
  237. package/dist/esm/z-myz-card-dictionary.entry.js +26 -26
  238. package/dist/esm/z-myz-card-footer-sections.entry.js +9 -9
  239. package/dist/esm/z-myz-card-info.entry.js +110 -110
  240. package/dist/esm/z-myz-topbar.entry.js +184 -184
  241. package/dist/esm/z-navigation-tab.entry.js +35 -35
  242. package/dist/esm/z-navigation-tabs.entry.js +91 -91
  243. package/dist/esm/z-otp.entry.js +31 -31
  244. package/dist/esm/z-pocket-message.entry.js +9 -9
  245. package/dist/esm/z-pocket_3.entry.js +103 -103
  246. package/dist/esm/z-registro-table-footer.entry.js +13 -13
  247. package/dist/esm/z-slideshow.entry.js +102 -102
  248. package/dist/esm/z-toast-notification-list.entry.js +46 -46
  249. package/dist/esm/z-toast-notification.entry.js +191 -191
  250. package/dist/esm/z-visually-hidden.entry.js +2 -0
  251. package/dist/types/beans/index.d.ts +338 -334
  252. package/dist/types/components/buttons/z-button/index.d.ts +29 -29
  253. package/dist/types/components/buttons/z-button-filter/index.d.ts +22 -22
  254. package/dist/types/components/buttons/z-button-sort/index.d.ts +28 -28
  255. package/dist/types/components/buttons/z-chip/index.d.ts +6 -6
  256. package/dist/types/components/buttons/z-toggle-button/index.d.ts +16 -16
  257. package/dist/types/components/footer/z-footer/index.d.ts +46 -46
  258. package/dist/types/components/footer/z-footer-link/index.d.ts +8 -8
  259. package/dist/types/components/footer/z-footer-section/index.d.ts +10 -10
  260. package/dist/types/components/footer/z-footer-social/index.d.ts +9 -9
  261. package/dist/types/components/icons/icons.d.ts +443 -405
  262. package/dist/types/components/icons/z-icon/index.d.ts +14 -14
  263. package/dist/types/components/icons/z-icon-package/index.d.ts +3 -3
  264. package/dist/types/components/indicators/z-stepper/index.d.ts +6 -6
  265. package/dist/types/components/indicators/z-stepper-item/index.d.ts +19 -19
  266. package/dist/types/components/inputs/z-combobox/index.d.ts +62 -62
  267. package/dist/types/components/inputs/z-input/index.d.ts +102 -102
  268. package/dist/types/components/inputs/z-input-label/index.d.ts +9 -9
  269. package/dist/types/components/inputs/z-input-message/index.d.ts +9 -9
  270. package/dist/types/components/inputs/z-select/index.d.ts +73 -73
  271. package/dist/types/components/list/z-list/index.d.ts +11 -11
  272. package/dist/types/components/list/z-list-element/index.d.ts +79 -79
  273. package/dist/types/components/list/z-list-group/index.d.ts +24 -24
  274. package/dist/types/components/list/z-toast-notification-list/index.d.ts +14 -14
  275. package/dist/types/components/logo/z-logo/index.d.ts +15 -15
  276. package/dist/types/components/modal/z-modal/index.d.ts +25 -25
  277. package/dist/types/components/modal/z-modal-login/index.d.ts +42 -42
  278. package/dist/types/components/navigation/z-app-header/index.d.ts +67 -67
  279. package/dist/types/components/navigation/z-app-switcher/index.d.ts +12 -12
  280. package/dist/types/components/navigation/z-app-topbar/index.d.ts +20 -20
  281. package/dist/types/components/navigation/z-link/index.d.ts +41 -41
  282. package/dist/types/components/navigation/z-menu/index.d.ts +52 -52
  283. package/dist/types/components/navigation/z-menu-dropdown/index.d.ts +19 -19
  284. package/dist/types/components/navigation/z-menu-section/index.d.ts +24 -24
  285. package/dist/types/components/navigation/z-navigation-tab/index.d.ts +16 -16
  286. package/dist/types/components/navigation/z-navigation-tabs/index.d.ts +32 -32
  287. package/dist/types/components/navigation/z-user-dropdown/index.d.ts +39 -39
  288. package/dist/types/components/notification/z-candybar/index.d.ts +6 -6
  289. package/dist/types/components/notification/z-cookiebar/index.d.ts +16 -16
  290. package/dist/types/components/notification/z-info-box/index.d.ts +14 -14
  291. package/dist/types/components/notification/z-notification/index.d.ts +24 -24
  292. package/dist/types/components/notification/z-toast-notification/index.d.ts +56 -56
  293. package/dist/types/components/notification/z-tooltip/index.d.ts +41 -41
  294. package/dist/types/components/pagination/z-pagination-bar/index.d.ts +42 -42
  295. package/dist/types/components/pagination/z-pagination-page/index.d.ts +15 -15
  296. package/dist/types/components/panel/z-panel-elem/index.d.ts +25 -25
  297. package/dist/types/components/typography/z-body/index.d.ts +6 -6
  298. package/dist/types/components/typography/z-heading/index.d.ts +6 -6
  299. package/dist/types/components/typography/z-typography/index.d.ts +8 -8
  300. package/dist/types/components/z-aria-alert/index.d.ts +5 -0
  301. package/dist/types/components/z-avatar/index.d.ts +16 -16
  302. package/dist/types/components/z-card/index.d.ts +29 -29
  303. package/dist/types/components/z-contextual-menu/index.d.ts +22 -22
  304. package/dist/types/components/z-divider/index.d.ts +10 -10
  305. package/dist/types/components/z-ghost-loading/index.d.ts +3 -3
  306. package/dist/types/components/z-popover/index.d.ts +29 -29
  307. package/dist/types/components/z-status-tag/index.d.ts +15 -15
  308. package/dist/types/components/z-visually-hidden/index.d.ts +3 -0
  309. package/dist/types/components.d.ts +30 -0
  310. package/dist/types/constants/breakpoints.d.ts +3 -3
  311. package/dist/types/constants/icons.d.ts +6 -6
  312. package/dist/types/index.d.ts +5 -5
  313. package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts +16 -16
  314. package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts +20 -20
  315. package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts +7 -7
  316. package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts +12 -12
  317. package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts +24 -24
  318. package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts +34 -34
  319. package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts +7 -7
  320. package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts +23 -23
  321. package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts +9 -9
  322. package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts +36 -36
  323. package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts +10 -10
  324. package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts +11 -11
  325. package/dist/types/snowflakes/myz/list/z-myz-list-item/index.d.ts +25 -25
  326. package/dist/types/snowflakes/myz/pocket/z-messages-pocket/index.d.ts +16 -16
  327. package/dist/types/snowflakes/myz/pocket/z-pocket/index.d.ts +25 -25
  328. package/dist/types/snowflakes/myz/pocket/z-pocket-body/index.d.ts +12 -12
  329. package/dist/types/snowflakes/myz/pocket/z-pocket-header/index.d.ts +18 -18
  330. package/dist/types/snowflakes/myz/pocket/z-pocket-message/index.d.ts +7 -7
  331. package/dist/types/snowflakes/myz/topbar/index.d.ts +61 -61
  332. package/dist/types/snowflakes/myz/z-alert/index.d.ts +9 -9
  333. package/dist/types/snowflakes/myz/z-otp/index.d.ts +13 -13
  334. package/dist/types/snowflakes/myz/z-slideshow/index.d.ts +30 -30
  335. package/dist/types/snowflakes/registro-table/z-registro-table/index.d.ts +48 -48
  336. package/dist/types/snowflakes/registro-table/z-registro-table-body/index.d.ts +5 -5
  337. package/dist/types/snowflakes/registro-table/z-registro-table-cell/index.d.ts +9 -9
  338. package/dist/types/snowflakes/registro-table/z-registro-table-empty-box/index.d.ts +12 -12
  339. package/dist/types/snowflakes/registro-table/z-registro-table-expanded-row/index.d.ts +5 -5
  340. package/dist/types/snowflakes/registro-table/z-registro-table-footer/index.d.ts +5 -5
  341. package/dist/types/snowflakes/registro-table/z-registro-table-head/index.d.ts +5 -5
  342. package/dist/types/snowflakes/registro-table/z-registro-table-header/index.d.ts +27 -27
  343. package/dist/types/snowflakes/registro-table/z-registro-table-header-row/index.d.ts +5 -5
  344. package/dist/types/snowflakes/registro-table/z-registro-table-row/index.d.ts +11 -11
  345. package/dist/types/snowflakes/registro-table/z-registro-table-sticky-footer/index.d.ts +6 -6
  346. package/dist/types/utils/utils.d.ts +11 -11
  347. package/dist/web-components-library/index.esm.js +1 -1
  348. package/{www/build/p-cdb9067a.entry.js → dist/web-components-library/p-0394b56d.entry.js} +1 -1
  349. package/dist/web-components-library/{p-140cc18f.entry.js → p-282e5eb2.entry.js} +1 -1
  350. package/dist/web-components-library/{p-609908af.entry.js → p-33aa1563.entry.js} +1 -1
  351. package/dist/web-components-library/{p-21ffb0b5.entry.js → p-3b0904c2.entry.js} +1 -1
  352. package/dist/web-components-library/{p-fc133dd1.entry.js → p-3e2f140a.entry.js} +1 -1
  353. package/dist/web-components-library/{p-aa7c40c3.entry.js → p-5628f314.entry.js} +1 -1
  354. package/dist/web-components-library/p-65c08b33.js +1 -0
  355. package/dist/web-components-library/{p-f53af59a.js → p-881b4877.js} +1 -1
  356. package/dist/web-components-library/{p-a54ab38c.entry.js → p-8e4f2ff0.entry.js} +1 -1
  357. package/dist/web-components-library/p-91b0cf85.entry.js +1 -0
  358. package/dist/web-components-library/{p-017370c7.entry.js → p-934e5bbd.entry.js} +1 -1
  359. package/dist/web-components-library/p-9bb14232.js +1 -0
  360. package/dist/web-components-library/{p-1c72783c.entry.js → p-ad44257b.entry.js} +1 -1
  361. package/{www/build/p-d3279fd6.entry.js → dist/web-components-library/p-c41fad5f.entry.js} +1 -1
  362. package/dist/web-components-library/{p-c7af96eb.entry.js → p-cc00f192.entry.js} +1 -1
  363. package/dist/web-components-library/p-cf4097d0.entry.js +7 -0
  364. package/dist/web-components-library/{p-e35d3552.js → p-d69e14fb.js} +0 -0
  365. package/dist/web-components-library/p-daebbb8a.entry.js +1 -0
  366. package/dist/web-components-library/p-e414fa07.entry.js +1 -0
  367. package/dist/web-components-library/{p-45940723.entry.js → p-e522ee72.entry.js} +1 -1
  368. package/dist/web-components-library/p-ea6152d1.js +1 -0
  369. package/dist/web-components-library/{p-91f5e2f8.entry.js → p-ebd073f1.entry.js} +1 -1
  370. package/dist/web-components-library/{p-f113a03a.entry.js → p-ee76c11d.entry.js} +1 -1
  371. package/dist/web-components-library/{p-8c6cba93.entry.js → p-fb6dd174.entry.js} +1 -1
  372. package/dist/web-components-library/{p-e8b36609.entry.js → p-fbece2af.entry.js} +1 -1
  373. package/dist/web-components-library/{p-a75b3177.entry.js → p-ff6940bf.entry.js} +1 -1
  374. package/dist/web-components-library/{p-96e3aec6.entry.js → p-ff8f0afc.entry.js} +1 -1
  375. package/dist/web-components-library/web-components-library.esm.js +1 -1
  376. package/package.json +90 -90
  377. package/react/components.d.ts +91 -89
  378. package/react/components.js +97 -95
  379. package/react/components.js.map +1 -1
  380. package/react/index.d.ts +1 -1
  381. package/react/index.js +13 -13
  382. package/react/react-component-lib/createComponent.d.ts +10 -10
  383. package/react/react-component-lib/createComponent.js +65 -65
  384. package/react/react-component-lib/createOverlayComponent.d.ts +20 -20
  385. package/react/react-component-lib/createOverlayComponent.js +95 -95
  386. package/react/react-component-lib/index.d.ts +2 -2
  387. package/react/react-component-lib/index.js +7 -7
  388. package/react/react-component-lib/interfaces.d.ts +29 -29
  389. package/react/react-component-lib/interfaces.js +2 -2
  390. package/react/react-component-lib/utils/attachProps.d.ts +12 -12
  391. package/react/react-component-lib/utils/attachProps.js +102 -102
  392. package/react/react-component-lib/utils/case.d.ts +2 -2
  393. package/react/react-component-lib/utils/case.js +11 -11
  394. package/react/react-component-lib/utils/dev.d.ts +2 -2
  395. package/react/react-component-lib/utils/dev.js +17 -17
  396. package/react/react-component-lib/utils/index.d.ts +7 -7
  397. package/react/react-component-lib/utils/index.js +38 -38
  398. package/readme.md +236 -236
  399. package/src-react/index.ts +1 -0
  400. package/www/build/index.esm.js +1 -1
  401. package/{dist/web-components-library/p-cdb9067a.entry.js → www/build/p-0394b56d.entry.js} +1 -1
  402. package/www/build/{p-140cc18f.entry.js → p-282e5eb2.entry.js} +1 -1
  403. package/www/build/{p-609908af.entry.js → p-33aa1563.entry.js} +1 -1
  404. package/www/build/{p-21ffb0b5.entry.js → p-3b0904c2.entry.js} +1 -1
  405. package/www/build/{p-fc133dd1.entry.js → p-3e2f140a.entry.js} +1 -1
  406. package/www/build/{p-2e3d31b3.js → p-49577210.js} +1 -1
  407. package/www/build/{p-aa7c40c3.entry.js → p-5628f314.entry.js} +1 -1
  408. package/www/build/p-65c08b33.js +1 -0
  409. package/www/build/{p-f53af59a.js → p-881b4877.js} +1 -1
  410. package/www/build/{p-a54ab38c.entry.js → p-8e4f2ff0.entry.js} +1 -1
  411. package/www/build/p-91b0cf85.entry.js +1 -0
  412. package/www/build/{p-017370c7.entry.js → p-934e5bbd.entry.js} +1 -1
  413. package/www/build/p-9bb14232.js +1 -0
  414. package/www/build/{p-1c72783c.entry.js → p-ad44257b.entry.js} +1 -1
  415. package/{dist/web-components-library/p-d3279fd6.entry.js → www/build/p-c41fad5f.entry.js} +1 -1
  416. package/www/build/{p-c7af96eb.entry.js → p-cc00f192.entry.js} +1 -1
  417. package/www/build/p-cf4097d0.entry.js +7 -0
  418. package/www/build/{p-e35d3552.js → p-d69e14fb.js} +0 -0
  419. package/www/build/p-daebbb8a.entry.js +1 -0
  420. package/www/build/p-e414fa07.entry.js +1 -0
  421. package/www/build/{p-45940723.entry.js → p-e522ee72.entry.js} +1 -1
  422. package/www/build/p-ea6152d1.js +1 -0
  423. package/www/build/{p-91f5e2f8.entry.js → p-ebd073f1.entry.js} +1 -1
  424. package/www/build/{p-f113a03a.entry.js → p-ee76c11d.entry.js} +1 -1
  425. package/www/build/{p-8c6cba93.entry.js → p-fb6dd174.entry.js} +1 -1
  426. package/www/build/{p-e8b36609.entry.js → p-fbece2af.entry.js} +1 -1
  427. package/www/build/{p-a75b3177.entry.js → p-ff6940bf.entry.js} +1 -1
  428. package/www/build/{p-96e3aec6.entry.js → p-ff8f0afc.entry.js} +1 -1
  429. package/www/build/web-components-library.esm.js +1 -1
  430. package/www/index.html +1 -1
  431. package/www/pages/notification.html +244 -244
  432. package/dist/web-components-library/p-35b2df47.entry.js +0 -1
  433. package/dist/web-components-library/p-8afd98e0.entry.js +0 -7
  434. package/dist/web-components-library/p-904a85e4.js +0 -1
  435. package/dist/web-components-library/p-acdb443b.js +0 -1
  436. package/www/build/p-35b2df47.entry.js +0 -1
  437. package/www/build/p-8afd98e0.entry.js +0 -7
  438. package/www/build/p-904a85e4.js +0 -1
  439. package/www/build/p-acdb443b.js +0 -1
File without changes
@@ -0,0 +1 @@
1
+ export{Z as z_visually_hidden}from"./p-ea6152d1.js";import"./p-9bb14232.js";
@@ -0,0 +1 @@
1
+ import{r,h as a,H as s}from"./p-9bb14232.js";import{Z as t}from"./p-ea6152d1.js";import{p as i}from"./p-65c08b33.js";const e=class{constructor(a){r(this,a),this.mode=i.polite}render(){return a(s,{"aria-live":this.mode===i.assertive?"assertive":"polite","aria-atomic":"true","aria-relevant":"additions"},a(t,null,this.text))}};export{e as z_aria_alert}
@@ -1 +1 @@
1
- import{r as i,c as t,h as n}from"./p-904a85e4.js";import{o as e}from"./p-acdb443b.js";import{h as s}from"./p-f53af59a.js";import"./p-e35d3552.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){return(this.contentWrapper||this.infoWrapper)&&(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)?(this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",this.hiddenContent=!0):this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-tooltip",{content:`${i} ${t} ${s} ${o}`,type:e.RIGHT,onClick:()=>this.tooltip=!1})}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili:"," ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\r\n 180deg,\r\n rgba(255, 0, 0, 0),\r\n rgba(255, 0, 0, 0) 60%,\r\n white\r\n );content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
1
+ import{r as i,c as t,h as n}from"./p-9bb14232.js";import{o as e}from"./p-65c08b33.js";import{h as s}from"./p-881b4877.js";import"./p-d69e14fb.js";const o=class{constructor(n){i(this,n),this.flipCard=t(this,"flipCard",7),this.htmltabindex=0,this.hiddenContent=!1,this.tooltip=!1,this.emitFlipCard=this.emitFlipCard.bind(this)}emitFlipCard(i=!1){this.flipCard.emit(i)}componentWillLoad(){this.setStringOrArray()}componentWillUpdate(){this.setStringOrArray()}componentDidRender(){this.handleContentHeight()}handleContentHeight(){return(this.contentWrapper||this.infoWrapper)&&(this.contentWrapper.scrollHeight>this.contentWrapper.offsetHeight||this.infoWrapper.scrollHeight>this.infoWrapper.offsetHeight)?(this.infoWrapper.style.height=this.contentWrapper.offsetHeight-this.onlineLicenseWrapper.offsetHeight-this.offlineLicenseWrapper.offsetHeight+"px",this.hiddenContent=!0):this.hiddenContent=!1}setStringOrArray(){this.cardData="string"==typeof this.data?JSON.parse(this.data):this.data}renderCloseIcon(){return n("z-icon",{name:"multiply-circled-filled",height:18,width:18,onClick:()=>this.emitFlipCard(!1),tabindex:this.htmltabindex,onKeyUp:i=>{s(i,this.emitFlipCard,!1)}})}renderGeneralSection(){var i,t;const e=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.title,s=null===(t=null==this?void 0:this.cardData)||void 0===t?void 0:t.description;return n("section",{class:"info-wrapper "+(this.hiddenContent?"hidden":""),onClick:()=>{this.hiddenContent&&(this.tooltip=!this.tooltip)},ref:i=>this.infoWrapper=i},this.renderAuthor(),this.renderYear(),e,n("br",null),s)}renderAuthor(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.author;return t?n("span",null,"Autore: ",n("b",null,t),n("br",null)):null}renderYear(){var i;const t=null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.year;return t?n("span",null,"Anno: ",n("b",null,t),n("br",null)):null}renderTooltip(){if(!this.tooltip)return;if(!this.cardData)return;const{title:i,year:t,author:s,description:o}=this.cardData;return n("z-tooltip",{content:`${i} ${t} ${s} ${o}`,type:e.RIGHT,onClick:()=>this.tooltip=!1})}setExpirationLicenseMessage(i){return"online"===i&&this.cardData.onlineLicense.expired||"offline"===i&&this.cardData.offlineLicense.expired?n("span",{class:"expired"},"SCADUTA"):"online"===i&&this.cardData.onlineLicense.expiring||"offline"===i&&this.cardData.offlineLicense.expiring?n("span",{class:"expiring"},"IN SCADENZA"):void 0}renderOnlineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.onlineLicense)return n("section",{ref:i=>this.onlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza online"),this.setExpirationLicenseMessage("online")),"Scadenza il ",n("b",null,this.cardData.onlineLicense.expiration),n("br",null))}renderOfflineLicenseSection(){var i;if(null===(i=null==this?void 0:this.cardData)||void 0===i?void 0:i.offlineLicense)return n("section",{ref:i=>this.offlineLicenseWrapper=i},n("span",{class:"license-heading"},n("span",null,"Licenza offline"),this.setExpirationLicenseMessage("offline")),"Scadenza il ",n("b",null,this.cardData.offlineLicense.expiration),n("br",null),"Installazioni disponibili:"," ",n("b",null,this.cardData.offlineLicense.installations))}render(){return n("div",null,this.renderCloseIcon(),n("div",{class:"content-wrapper",ref:i=>this.contentWrapper=i},this.renderGeneralSection(),this.renderTooltip(),this.renderOnlineLicenseSection(),this.renderOfflineLicenseSection()),n("div",{class:"cta-wrapper"},n("slot",null)))}};o.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);width:100%}:host>div{background:var(--color-surface01);width:calc(100% + calc(var(--space-unit) * 2));margin-left:calc(-1 * var(--space-unit));height:402px;border:var(--border-size-small) solid var(--color-primary01);box-shadow:0px 2px 4px 0px rgba(66, 69, 72, 0.35);border-radius:0px;box-sizing:border-box;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);position:relative}:host>div>z-icon{fill:var(--color-primary01);cursor:pointer;position:absolute;top:var(--space-unit);right:var(--space-unit)}:host>div{display:grid}:host>div>div.cta-wrapper{align-self:end;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between}:host>div>div.content-wrapper{overflow:hidden;position:relative;align-self:stretch}:host>div>div.content-wrapper>section{border-bottom:var(--border-size-small) solid var(--color-surface04);color:var(--color-surface05);padding:var(--space-unit) 0;font-size:14px;line-height:20px;box-sizing:border-box}:host>div>div.content-wrapper>section:last-child{border-bottom:none}:host>div>div.content-wrapper>section.info-wrapper{position:relative;overflow:hidden;box-sizing:border-box}:host>div>div.content-wrapper>section.info-wrapper.hidden:after{background:linear-gradient(\n 180deg,\n rgba(255, 0, 0, 0),\n rgba(255, 0, 0, 0) 60%,\n white\n );content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0}:host>div>div.content-wrapper>section>span.license-heading{display:flex;justify-content:space-between}:host>div>div.content-wrapper>section>span.license-heading>span.expired{color:var(--color-secondary02);font-size:12px;font-weight:600}:host>div>div.content-wrapper>section>span.license-heading>span.expiring{color:var(--color-warning01);font-size:12px;font-weight:600}:host>div>div.content-wrapper>z-tooltip{position:absolute;top:0px;left:calc(var(--space-unit) * 4)}';export{o as z_myz_card_info}
@@ -0,0 +1 @@
1
+ import{r as t,h as r,H as o}from"./p-9bb14232.js";const s=class{constructor(r){t(this,r)}render(){return r(o,null,r("slot",null))}};s.style=":host{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1;margin:0 -1px -1px 0;overflow:hidden;padding:0;position:absolute;width:1;white-space:nowrap}";export{s as Z}
@@ -1 +1 @@
1
- import{r as o,h as r}from"./p-904a85e4.js";import{p as e}from"./p-acdb443b.js";const t=class{constructor(r){o(this,r),this.status=e.preview}handlePocketToggle(o){o.detail.id===this.pocketid&&(this.status=o.detail.status)}renderHeader(){let o,t;switch(this.status){case e.preview:case e.closed:o=r("span",null,"Messaggi ",r("span",{class:"badge"},this.messages)),t="chevron-up";break;case e.open:o=r("span",null,"Riduci"),t="chevron-down"}return r("z-pocket-header",{pocketid:this.pocketid},o,r("z-icon",{name:t,width:14,height:14}))}renderBody(){return r("z-pocket-body",{pocketid:this.pocketid},r("div",{class:"body"},r("slot",null)),r("div",{class:"gradient"}))}render(){return r("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(\r\n 90deg,\r\n var(--color-surface01) 2px,\r\n var(--color-surface03) 4px,\r\n var(--color-surface01) 8px\r\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-9bb14232.js";import{q as r}from"./p-65c08b33.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,c as o,h as e,g as i}from"./p-904a85e4.js";const r=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation="horizontal",this.size="big"}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}render(){return e("button",{disabled:this.disabled,role:"tab"},e("slot",{name:"icon"}),"horizontal"===this.orientation&&e("slot",{name:"label"}))}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};r.style="button{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}*::before,*::after{box-sizing:border-box}:host(:hover:not([disabled])) button,:host([selected]) button{color:var(--color-hover-secondary);fill:currentColor}:host(:hover:not([disabled])) button::after,:host([selected]) button::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover) button::after,:host([orientation='horizontal'][selected]) button::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}:host([orientation='horizontal']) ::slotted(z-icon){margin-right:var(--space-unit)}:host(:hover:not([disabled])) button{background-color:var(--color-background)}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled]) button{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small']) button{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal']) button{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover) button::after,:host([size='small'][orientation='horizontal'][selected]) button::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) ::slotted(z-icon){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical']) button{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled])) button::after,:host([orientation='vertical'][selected]) button::after{width:var(--border-size-large);height:100%;top:0;right:0}:host([orientation='vertical']) ::slotted([slot='label']){display:none}::slotted(z-icon){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:0}";export{r as z_navigation_tab}
1
+ import{r as t,c as o,h as e,g as i}from"./p-9bb14232.js";const r=class{constructor(e){t(this,e),this.emitSelected=o(this,"selected",7),this.selected=!1,this.disabled=!1,this.orientation="horizontal",this.size="big"}onFocus(){this.host.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})}onClick(){this.disabled||(this.selected=!0)}onSelected(){this.selected&&this.emitSelected.emit()}render(){return e("button",{disabled:this.disabled,role:"tab"},e("slot",{name:"icon"}),"horizontal"===this.orientation&&e("slot",{name:"label"}))}get host(){return i(this)}static get watchers(){return{selected:["onSelected"]}}};r.style="button{position:relative;z-index:0;display:flex;align-items:center;justify-content:center;width:100%;margin:0;padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 5);background-color:unset;text-align:center;font-size:inherit;font-family:var(--font-family-sans);line-height:inherit;letter-spacing:inherit;white-space:nowrap;color:var(--color-primary01);fill:currentColor;border:none;border-radius:var(--border-no-radius);outline:none;cursor:pointer}*::before,*::after{box-sizing:border-box}:host(:hover:not([disabled])) button,:host([selected]) button{color:var(--color-hover-secondary);fill:currentColor}:host(:hover:not([disabled])) button::after,:host([selected]) button::after{content:'';position:absolute;background-color:var(--color-hover-secondary)}:host([orientation='horizontal']:not([disabled]):hover) button::after,:host([orientation='horizontal'][selected]) button::after{bottom:0;left:0;width:100%;height:var(--border-size-large)}:host([orientation='horizontal']) ::slotted(z-icon){margin-right:var(--space-unit)}:host(:hover:not([disabled])) button{background-color:var(--color-background)}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary)}:host([disabled]) button{pointer-events:all;cursor:not-allowed;color:var(--gray500);fill:currentColor}:host([size='small']) button{font-size:var(--font-size-2);line-height:1.4;letter-spacing:0.16px}:host([size='small'][orientation='horizontal']) button{padding:var(--space-unit) calc(var(--space-unit) * 2)}:host([size='small'][orientation='horizontal']:not([disabled]):hover) button::after,:host([size='small'][orientation='horizontal'][selected]) button::after{height:var(--border-size-medium)}:host([size='small']:not([orientation='vertical'])) ::slotted(z-icon){--z-icon-width:14px;--z-icon-height:14px}:host([orientation='vertical']) button{padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}:host([orientation='vertical']:hover:not([disabled])) button::after,:host([orientation='vertical'][selected]) button::after{width:var(--border-size-large);height:100%;top:0;right:0}:host([orientation='vertical']) ::slotted([slot='label']){display:none}::slotted(z-icon){--z-icon-width:calc(var(--space-unit) * 2);--z-icon-height:calc(var(--space-unit) * 2);margin:0}";export{r as z_navigation_tab}
@@ -1 +1 @@
1
- import{r as t,h as o,H as s,g as e}from"./p-904a85e4.js";import{t as i}from"./p-acdb443b.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-9bb14232.js";import{u as i}from"./p-65c08b33.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 t,h as e,g as i}from"./p-904a85e4.js";import{D as r}from"./p-acdb443b.js";import{b as s,d as o,h as n}from"./p-f53af59a.js";import"./p-e35d3552.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":return this.links=null!==(t=s(this.data))&&void 0!==t?t:[];default:return this.links=this.data}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t)return;const e=this.el.shadowRoot.querySelectorAll(".slide"),i=this.el.offsetWidth;t.style.width=i*this.links.length+"px",t.style.transform=`translate(-${i*this.currentSlide}px)`,e.forEach((t=>{t.querySelector("img").style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.mobile:return 24;case r.tablet:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=!1,r=this.currentSlide;return"left"===t?(i=0===this.currentSlide,r--):"right"===t&&(i=this.currentSlide===this.links.length-1,r++),e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footerLeft"},e("slot",{name:"footer-left"})),e("div",{class:"footerCenter"},e("div",{class:"bulletContainer"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footerRight"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};a.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:"center center" "left right";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:"left center right";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}';export{a as z_slideshow}
1
+ import{r as t,h as e,g as i}from"./p-9bb14232.js";import{D as r}from"./p-65c08b33.js";import{b as s,d as o,h as n}from"./p-881b4877.js";import"./p-d69e14fb.js";const a=class{constructor(e){t(this,e),this.currentSlide=0}watchData(){this.parseLinks()}componentWillLoad(){this.parseLinks(),this.setDevice(),window.addEventListener("resize",this.handleResize.bind(this))}componentDidRender(){this.setStyle()}handleResize(){this.setDevice(),this.setStyle()}parseLinks(){var t;switch(typeof this.data){case"string":return this.links=null!==(t=s(this.data))&&void 0!==t?t:[];default:return this.links=this.data}}setStyle(){const t=this.el.shadowRoot.querySelector("#slides");if(!t)return;const e=this.el.shadowRoot.querySelectorAll(".slide"),i=this.el.offsetWidth;t.style.width=i*this.links.length+"px",t.style.transform=`translate(-${i*this.currentSlide}px)`,e.forEach((t=>{t.querySelector("img").style.width=`${i}px`}))}setDevice(){this.device=o()}setCurrentSlide(t){this.currentSlide=t}getBulletDimension(){switch(this.device){case r.mobile:return 24;case r.tablet:return 32;default:return 40}}renderSlides(t){return e("div",{id:"slides"},t.map(((t,i)=>e("div",{id:"slide"+i,class:`slide ${this.currentSlide!==i&&"hide"}`},e("img",{src:t})))))}renderScroll(t){let i=!1,r=this.currentSlide;return"left"===t?(i=0===this.currentSlide,r--):"right"===t&&(i=this.currentSlide===this.links.length-1,r++),e("z-icon",{class:`scroll ${t} ${i&&"disabled"}`,width:this.getBulletDimension(),height:this.getBulletDimension(),name:`chevron-${t}-circle`,onClick:()=>{!i&&this.setCurrentSlide(r)},onKeyUp:t=>!i&&n(t,(()=>{this.setCurrentSlide(r)})),tabindex:0,role:"button"})}renderSlideshowMain(){return e("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))}renderBullet(t){return e("a",{class:`bullet ${this.currentSlide===t&&"selected"}`,onClick:()=>this.setCurrentSlide(t),onKeyUp:e=>n(e,(()=>this.setCurrentSlide(t))),tabindex:0,role:"button"})}renderSlideshowFooter(){return e("footer",null,e("div",{class:"footerLeft"},e("slot",{name:"footer-left"})),e("div",{class:"footerCenter"},e("div",{class:"bulletContainer"},Object.keys(this.links).map((t=>this.renderBullet(parseInt(t)))))),e("div",{class:"footerRight"},e("slot",{name:"footer-right"})))}render(){return this.links&&this.links.length?e("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter()):e("div",null)}get el(){return i(this)}static get watchers(){return{data:["watchData"]}}};a.style=':host{font-family:var(--font-family-sans);font-weight:var(--font-rg);display:block;width:inherit}:host>div{display:flex;flex-direction:column;width:inherit}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;top:50%;width:auto;cursor:pointer;transition:0.6s ease;margin:0 var(--space-unit);fill:var(--color-primary01);z-index:10}main .scroll.disabled{opacity:50%;pointer-events:none}main .scroll.right{right:0}#slides{display:flex;flex-wrap:wrap;transition:all 300ms;line-height:0px;overflow-y:hidden}footer{height:56px;width:100%;align-items:center;display:grid;grid-template-columns:2;grid-template-rows:2;grid-template-areas:"center center" "left right";border-top:var(--border-base) solid var(--color-surface02)}footer>div{align-items:center;width:100%}footer .footerCenter{grid-area:center}footer .footerLeft{grid-area:left}footer .footerRight{grid-area:right}footer .bulletContainer{display:flex;margin:0 auto;justify-content:center;align-items:center;min-height:60px}footer .bulletContainer .bullet{width:8px;height:8px;border-radius:50%;background-color:var(--bg-neutral-150);margin:var(--space-unit) 2px;pointer-events:none}footer .bulletContainer .bullet.selected{background-color:var(--bg-neutral-400)}@media only screen and (min-width: 768px){footer{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1;grid-template-areas:"left center right";height:76px;border-top:var(--border-base) solid var(--color-surface02)}footer .bulletContainer .bullet{width:10px;height:10px;margin:var(--space-unit) 3px}}@media only screen and (min-width: 1025px){main z-icon.scroll{margin:0 10px}footer .bulletContainer .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);pointer-events:auto;cursor:pointer}}';export{a as z_slideshow}
@@ -1 +1 @@
1
- import{r as t,c as r,h as i}from"./p-904a85e4.js";import{m as n}from"./p-acdb443b.js";const a=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}))}};a.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{a as z_otp}
1
+ import{r as t,c as r,h as i}from"./p-9bb14232.js";import{m as n}from"./p-65c08b33.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 t,h as r}from"./p-904a85e4.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_heading}
1
+ import{r as t,h as r}from"./p-9bb14232.js";const s=class{constructor(r){t(this,r),this.variant="regular"}render(){return r("z-typography",{component:this.component||`h${this.level}`,level:`h${this.level}`,variant:this.variant},r("slot",null))}};export{s as z_heading}
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-8afd98e0",[[1,"z-footer",{"data":[1],"productName":[1,"product-name"],"productVersion":[1,"product-version"],"productCreditsLink":[1,"product-credits-link"],"showReportAProblemButton":[4,"show-report-a-problem-button"],"contentMaxWidth":[2,"content-max-width"]},[[0,"zLinkClick","zLinkClickListener"]]],[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]],[4,"z-registro-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-d3279fd6",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-cdb9067a",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-aa7c40c3",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-91f5e2f8",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-fc133dd1",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-45940723",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-a75b3177",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-35b2df47",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-a54ab38c",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-e8b36609",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-21ffb0b5",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-8c6cba93",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-609908af",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]]]'),e)));
1
+ import{p as e,b as t}from"./p-9bb14232.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-cf4097d0",[[1,"z-footer",{"data":[1],"productName":[1,"product-name"],"productVersion":[1,"product-version"],"productCreditsLink":[1,"product-credits-link"],"showReportAProblemButton":[4,"show-report-a-problem-button"],"contentMaxWidth":[2,"content-max-width"]},[[0,"zLinkClick","zLinkClickListener"]]],[1,"z-combobox",{"inputid":[1],"items":[1],"label":[1],"hassearch":[4],"searchlabel":[1],"searchplaceholder":[1],"searchtitle":[1],"noresultslabel":[1],"isopen":[1028],"isfixed":[4],"closesearchtext":[1],"hascheckall":[4],"checkalltext":[1],"uncheckalltext":[1],"maxcheckableitems":[2],"searchValue":[32],"selectedCounter":[32],"renderItemsList":[32]},[[0,"inputCheck","inputCheckListener"]]],[1,"z-contextual-menu",{"elements":[1],"color":[1],"popoverPosition":[1,"popover-position"]}],[1,"z-app-topbar",{"theme":[1],"contentMaxWidth":[2,"content-max-width"],"topbarContent":[1,"topbar-content"],"logoLink":[1,"logo-link"],"showAppSwitcher":[4,"show-app-switcher"],"isMobile":[32]},[[9,"resize","handleResize"]]],[4,"z-registro-table",{"lines":[514],"errorMessage":[1,"error-message"],"bordered":[4],"callToActionLabel":[1,"call-to-action-label"],"callToActionTwoLabel":[1,"call-to-action-two-label"],"columnSticky":[4,"column-sticky"],"empty":[4],"error":[4],"errorLink":[1,"error-link"],"headerSticky":[4,"header-sticky"],"message":[1],"subtitle":[1],"hasTableBody":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"]]],[4,"z-registro-table-header-row",{"expandable":[516]}],[1,"z-notification",{"contenticonname":[1],"actiontext":[1],"type":[1],"showclose":[4],"showshadow":[4]}],[4,"z-registro-table-row",{"expandedType":[513,"expanded-type"],"expanded":[32]}],[1,"z-myz-card-alert",{"iconname":[1],"contenttext":[1],"actiontext":[1],"type":[1]}],[1,"z-pagination-bar",{"pages":[2],"visiblepages":[2],"currentpage":[1026],"startpage":[1026],"historyraw":[1],"listhistoryrow":[1040],"currentPages":[32]}],[1,"z-panel-elem",{"elemid":[1],"imgurl":[1],"imgalt":[1],"linkicon":[1],"linklabel":[1],"url":[1],"target":[1],"isdisabled":[4],"descr_slot_name":[1]}],[1,"z-user-dropdown",{"logged":[4],"userFullName":[1,"user-full-name"],"userEmail":[1,"user-email"],"menuContent":[1,"menu-content"],"useInverseColors":[4,"use-inverse-colors"],"isMenuOpen":[32],"isMobile":[32]},[[9,"resize","handleResize"],[8,"orientationchange","handleOrientationChange"],[8,"click","handleClickOutside"]]],[1,"z-button-sort",{"buttonid":[1],"label":[1],"desclabel":[1],"counter":[2],"sortlabelasc":[1],"sortlabeldesc":[1],"isselected":[1028],"sortasc":[1028],"allowTooltip":[32]}],[1,"z-card",{"variant":[513],"coverIcon":[1,"cover-icon"],"clickable":[516],"hasCoverImage":[32]},[[0,"click","onClick"]]],[1,"z-icon-package"],[1,"z-info-box",{"boxid":[1],"isclosable":[4]}],[1,"z-menu",{"active":[516],"floating":[516],"open":[1540],"hasHeader":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-menu-section",{"active":[516],"open":[32],"hasContent":[32]},[[4,"click","handleClick"]]],[1,"z-myz-card-icon",{"icon":[1],"isdisabled":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-status-tag",{"icon":[1],"text":[1],"expandable":[4],"status":[513],"variant":[1]}],[1,"z-toggle-button",{"label":[1],"isdisabled":[4],"avoidclick":[4],"opened":[1028]}],[1,"z-avatar",{"size":[1],"text":[1],"textColor":[1,"text-color"],"backgroundColor":[1,"background-color"],"image":[1025]}],[1,"z-chip",{"regulartext":[1],"boldtext":[2]}],[1,"z-ghost-loading"],[1,"z-myz-card-footer",{"titolo":[1],"autori":[1],"isbn":[1],"faded":[4],"cardtype":[1],"opened":[4],"isOpen":[32],"allowTooltipAuthors":[32]},[[0,"toggleClick","handleToggle"]]],[1,"z-myz-card-list",{"listdata":[1]}],[6,"z-registro-table-body"],[1,"z-registro-table-expanded-row",{"colSpan":[2,"col-span"]}],[6,"z-registro-table-head"],[6,"z-registro-table-sticky-footer"],[1,"z-stepper"],[1,"z-stepper-item",{"index":[2],"href":[1],"pressed":[4],"disabled":[4]}],[1,"z-registro-table-header",{"columnId":[1,"column-id"],"size":[1],"sortable":[4],"showButton":[4,"show-button"],"defaultSortDirection":[1,"default-sort-direction"],"sortDirection":[1025,"sort-direction"],"isMenuOpened":[32]},[[18,"click","handleOutsideClick"],[18,"click","handleClickHeaders"]]],[1,"z-list-element",{"alignButton":[513,"align-button"],"clickable":[516],"dividerColor":[1,"divider-color"],"dividerType":[1,"divider-type"],"dividerSize":[1,"divider-size"],"expandable":[516],"expandableStyle":[1,"expandable-style"],"listElementId":[514,"list-element-id"],"size":[513],"color":[513],"disabled":[516],"isContextualMenu":[516,"is-contextual-menu"],"showInnerContent":[32]},[[4,"accessibleFocus","accessibleFocusHandler"]]],[1,"z-menu-dropdown",{"nomeutente":[1],"menucontent":[1],"buttonid":[1],"ismenuopen":[32]}],[1,"z-myz-list",{"inputrawdata":[1025],"list":[1040]}],[1,"z-registro-table-cell",{"showButton":[4,"show-button"],"isMenuOpened":[32]}],[6,"z-registro-table-empty-box",{"message":[1],"subtitle":[1]}],[1,"z-app-switcher",{"theme":[1],"isopen":[32]}],[1,"z-footer-section",{"name":[1],"isOpen":[32]}],[1,"z-list-group",{"size":[513],"dividerType":[513,"divider-type"],"dividerSize":[513,"divider-size"],"dividerColor":[513,"divider-color"]}],[1,"z-modal",{"modalid":[1],"modaltitle":[1],"modalsubtitle":[1],"closeButtonLabel":[1,"close-button-label"]}],[1,"z-alert",{"type":[1]}],[1,"z-footer-link",{"href":[1]}],[1,"z-footer-social",{"icon":[1],"href":[1],"description":[1]}],[1,"z-list",{"size":[513]}],[1,"z-myz-card",{"faded":[4],"cardtype":[1],"ispressed":[4],"ishighlighted":[4]}],[1,"z-myz-card-body"],[1,"z-myz-card-cover",{"img":[1],"titolo":[1],"faded":[4],"defaultimg":[1]}],[1,"z-myz-card-header",{"titolo":[1],"faded":[4],"cardtype":[1],"allowTooltip":[32]}],[1,"z-pagination-page",{"pageid":[1],"value":[2],"isselected":[4],"isdisabled":[4],"isvisited":[4],"ariaLabel":[1,"aria-label"]}],[1,"z-tooltip",{"content":[1],"type":[1025],"open":[1540],"bindTo":[1,"bind-to"],"position":[32]}],[1,"z-myz-list-item",{"text":[1],"link":[1],"linktarget":[1],"icon":[1],"listitemid":[1],"action":[1],"underlined":[4]}],[1,"z-logo",{"width":[2],"height":[2],"imageAlt":[1,"image-alt"],"link":[1],"targetBlank":[4,"target-blank"],"mobileLogo":[4,"mobile-logo"]}],[6,"z-popover",{"position":[1025],"backgroundColor":[1,"background-color"],"borderRadius":[1,"border-radius"],"boxShadow":[1,"box-shadow"],"showArrow":[4,"show-arrow"],"padding":[1],"isVisible":[32]},[[0,"closePopover","closePopover"],[8,"keyup","closePopoverWithKeyboard"],[18,"click","handleOutsideClick"]]],[2,"z-input",{"htmlid":[1],"type":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"value":[1025],"disabled":[4],"readonly":[4],"required":[4],"checked":[1028],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"labelafter":[4],"typingtimeout":[2],"items":[1],"autocomplete":[8],"multiple":[4],"hasclearicon":[4],"icon":[1],"isTyping":[32],"textareaWrapperHover":[32],"textareaWrapperFocus":[32],"passwordHidden":[32],"getValue":[64],"setValue":[64],"isChecked":[64]},[[4,"inputCheck","inputCheckListener"]]],[2,"z-select",{"htmlid":[1],"items":[1],"name":[1],"label":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"readonly":[4],"placeholder":[1],"htmltitle":[1],"status":[1],"hasmessage":[4],"message":[1],"autocomplete":[8],"multiple":[4],"noresultslabel":[1],"isOpen":[32],"selectedItems":[32],"searchString":[32],"getSelectedItems":[64],"getValue":[64],"setValue":[64]}],[1,"z-button-filter",{"filtername":[1],"isfixed":[4],"hasicon":[4],"filterid":[1],"issmall":[4]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-c41fad5f",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-0394b56d",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-5628f314",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-ebd073f1",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-3e2f140a",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-e522ee72",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-ff6940bf",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-91b0cf85",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-ff8f0afc",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-8e4f2ff0",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-ad44257b",[[1,"z-pocket-message"]]],["p-fbece2af",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-3b0904c2",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-e414fa07",[[0,"z-aria-alert",{"text":[1],"mode":[1]}]]],["p-282e5eb2",[[1,"z-myz-card-footer-sections"]]],["p-ee76c11d",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-934e5bbd",[[6,"z-registro-table-footer"]]],["p-fb6dd174",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-daebbb8a",[[4,"z-visually-hidden"]]],["p-cc00f192",[[1,"z-candybar"]]],["p-33aa1563",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]]]'),e)));
package/www/index.html CHANGED
@@ -1,4 +1,4 @@
1
- <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/p-ea943cbd.css"> <link rel="modulepreload" href="/build/p-2e3d31b3.js"><script type="module" src="/build/p-2e3d31b3.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" image-alt="Ciaoooo!"></z-logo> <z-logo height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!-- --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
1
+ <!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0"> <title>Stencil Component Starter</title> <link rel="stylesheet" type="text/css" href="/build/p-ea943cbd.css"> <link rel="modulepreload" href="/build/p-49577210.js"><script type="module" src="/build/p-49577210.js" data-stencil data-resources-url="/build/" data-stencil-namespace="web-components-library"></script> <script nomodule="" src="/build/web-components-library.js" data-stencil></script> </head> <body style="width: 100%; margin: 0; background-color: #f9f9f9;"> <z-logo></z-logo> <z-logo image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="128" image-alt="Ciaoooo!"></z-logo> <z-logo height="32" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" image-alt="Ciaoooo!" link="https://www.google.com" target-blank=""></z-logo> <a href="#bottom">bottom</a> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table bordered="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" empty="true" id="empty-table" message="Siamo spiacenti, al momento non sono presenti dati da visualizzare!" subtitle="Eventuale testo"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body slot="table-body"> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C11" style="color: var(--text-white); background-color: var(--avatar-C11);"></z-avatar> <span>Contenuto 1-1</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="FF" size="medium" background-color="avatar-C12" style="color: var(--text-white); background-color: var(--avatar-C12);"></z-avatar> <span>Contenuto 1-2</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C13" style="color: var(--text-white); background-color: var(--avatar-C13);"></z-avatar> <span>Contenuto 1-3</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <z-avatar text="AS" size="medium" background-color="avatar-C14" class="sc-fbkiRW ccsChj medium body-4-sb hydrated" style="color: var(--text-white); background-color: var(--avatar-C14);"></z-avatar> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> </z-registro-table> <hr> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 1-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell show-button="${boolean(" show-button",="" false)}"=""> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <h2>Error table</h2> <z-registro-table error="true" lines="8"> <img src="./assets/images/png/zanichelli-error-image.png" slot="error-image"> </z-registro-table> <hr> <h2>Error table header</h2> <z-registro-table error="true" id="error-table"> <z-registro-table-head slot="table-header"> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo last</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <div slot="error-action"> <z-body level="{4}"> <a href="#" target="_blank">Clicca qui</a> per ricaricare la pagina </z-body> </div> </z-registro-table> <!-- --> <!-- Contextual menu --> <h2>ZContextualMenu</h2> <div style="padding-left: 280px; width: 80%;"> <z-contextual-menu id="contextual-menu-1" elements="[{&quot;icon&quot;: &quot;share&quot;, &quot;text&quot;: &quot;Element 1&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;}, {&quot;icon&quot;: &quot;delete&quot;, &quot;text&quot;: &quot;Elemento 2&quot;, &quot;disabled&quot;: &quot;true&quot;}]"></z-contextual-menu> </div> <br><br><br> <h2>Z-List</h2> <div style="padding-left: 280px; width: 150px;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>no header 123456</span> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> <z-list-element expandable="false"> <z-avatar text="AB"></z-avatar><span>7890</span> </z-list-element> </z-list-group> </z-list> </div> <div style="padding-left: 280px; width: 80%;"> <z-list size="large"> <z-list-group size="large" divider-type="header" divider-size="large" divider-color="status-error-red-lighter"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element> <z-avatar text="AB"></z-avatar><span>no clickable</span> </z-list-element> <z-list-element expandable="" align-button="right"><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable="" align-button="left"> <z-avatar text="AB"></z-avatar><span>123456</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> <z-list-group size="large" divider-type="element"> <p slot="header-title">Z-LIST-GROUP TITOLO 1</p> <z-list-element background-color="myz-blue" expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> <z-list-element expandable-style="menu" expandable=""> <z-avatar text="AB"></z-avatar><span>7890</span> <p slot="inner-content">testo espanso</p> </z-list-element> </z-list-group> </z-list> </div> <h1>Table</h1> <h2>Empty table</h2> <z-registro-table empty="true" call-to-action-label="Action 1" call-to-action-two-label="Action 2" id="empty-table"> <z-registro-table-head> <z-registro-table-header-row> <z-registro-table-header> <span>Titolo 1</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> </z-registro-table> <h2>Empty table one cta</h2> <z-registro-table empty="true" call-to-action-label="Action 1" id="empty-table-two"></z-registro-table> <h2>Empty table no column</h2> <z-registro-table empty="true"> <z-registro-table-head></z-registro-table-head> </z-registro-table> <h2>Simple table</h2> <z-registro-table bordered="true" header-sticky="false" column-sticky="false"> <z-registro-table-head> <z-registro-table-header-row expandable="true"> <z-registro-table-header style="width: 1000px;"> <span>T300 </span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 2</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 3</span> </z-registro-table-header> <z-registro-table-header> <span>Titolo 4</span> </z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 1-1</span> <z-button variant="tertiary">button</z-button> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 1-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 2-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 2-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> <z-registro-table-row expanded-type="padding"> <z-registro-table-cell> <span>Contenuto 3-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 3-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-row expanded-type="expandable"> <z-registro-table-cell> <span>Contenuto 4-1</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-2</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-3</span> </z-registro-table-cell> <z-registro-table-cell> <span>Contenuto 4-4</span> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="5"> <div>Contenuto aggiuntivo 1</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> <span>This is a sticky footer</span> </z-registro-table-sticky-footer> </z-registro-table> <!-- <z-candybar>
2
2
  <div class="content" slot="content">
3
3
  <div>
4
4
  <h2>Titolo</h2>