@zanichelli/albe-web-components 2.30.1 → 2.31.0-rc1

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 (400) hide show
  1. package/CHANGELOG.md +1163 -0
  2. package/LICENSE +21 -21
  3. package/dist/cjs/{breakpoints-88c4fd6c.js → breakpoints-776c8868.js} +1 -1
  4. package/dist/cjs/{index-8f4b351d.js → index-8f7af00e.js} +248 -248
  5. package/dist/cjs/index.cjs.js +5 -5
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/{utils-6d6841cc.js → utils-98538463.js} +63 -63
  8. package/dist/cjs/web-components-library.cjs.js +1 -1
  9. package/dist/cjs/z-alert_66.cjs.entry.js +3316 -3306
  10. package/dist/cjs/z-app-header.cjs.entry.js +133 -133
  11. package/dist/cjs/z-candybar.cjs.entry.js +8 -8
  12. package/dist/cjs/z-cookiebar.cjs.entry.js +31 -31
  13. package/dist/cjs/z-heading.cjs.entry.js +8 -8
  14. package/dist/cjs/z-messages-pocket.cjs.entry.js +36 -36
  15. package/dist/cjs/z-modal-login.cjs.entry.js +71 -71
  16. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +25 -25
  17. package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +8 -8
  18. package/dist/cjs/z-myz-card-info.cjs.entry.js +109 -109
  19. package/dist/cjs/z-myz-topbar.cjs.entry.js +183 -183
  20. package/dist/cjs/z-navigation-tab.cjs.entry.js +34 -34
  21. package/dist/cjs/z-navigation-tabs.cjs.entry.js +90 -90
  22. package/dist/cjs/z-otp.cjs.entry.js +30 -30
  23. package/dist/cjs/z-pocket-message.cjs.entry.js +8 -8
  24. package/dist/cjs/z-pocket_3.cjs.entry.js +102 -102
  25. package/dist/cjs/z-registro-table-footer.cjs.entry.js +12 -12
  26. package/dist/cjs/z-slideshow.cjs.entry.js +101 -101
  27. package/dist/cjs/z-toast-notification-list.cjs.entry.js +45 -45
  28. package/dist/cjs/z-toast-notification.cjs.entry.js +190 -190
  29. package/dist/collection/beans/index.js +249 -249
  30. package/dist/collection/components/buttons/z-button/index.js +219 -219
  31. package/dist/collection/components/buttons/z-button/styles.css +231 -231
  32. package/dist/collection/components/buttons/z-button-filter/index.js +155 -155
  33. package/dist/collection/components/buttons/z-button-filter/styles.css +74 -74
  34. package/dist/collection/components/buttons/z-button-sort/index.js +216 -216
  35. package/dist/collection/components/buttons/z-button-sort/styles.css +101 -101
  36. package/dist/collection/components/buttons/z-chip/index.js +59 -59
  37. package/dist/collection/components/buttons/z-chip/styles.css +17 -17
  38. package/dist/collection/components/buttons/z-toggle-button/index.js +122 -122
  39. package/dist/collection/components/buttons/z-toggle-button/styles.css +62 -62
  40. package/dist/collection/components/footer/z-footer/index.js +254 -144
  41. package/dist/collection/components/footer/z-footer/styles.css +242 -180
  42. package/dist/collection/components/footer/z-footer-link/index.js +37 -37
  43. package/dist/collection/components/footer/z-footer-link/styles.css +33 -33
  44. package/dist/collection/components/footer/z-footer-section/index.js +51 -51
  45. package/dist/collection/components/footer/z-footer-section/styles.css +163 -164
  46. package/dist/collection/components/footer/z-footer-social/index.js +68 -68
  47. package/dist/collection/components/footer/z-footer-social/styles.css +23 -23
  48. package/dist/collection/components/icons/icons.js +435 -435
  49. package/dist/collection/components/icons/z-icon/index.js +110 -110
  50. package/dist/collection/components/icons/z-icon/styles.css +14 -14
  51. package/dist/collection/components/icons/z-icon-package/index.js +20 -20
  52. package/dist/collection/components/icons/z-icon-package/styles.css +16 -16
  53. package/dist/collection/components/indicators/z-stepper/index.js +17 -17
  54. package/dist/collection/components/indicators/z-stepper/styles.css +19 -19
  55. package/dist/collection/components/indicators/z-stepper-item/index.js +93 -93
  56. package/dist/collection/components/indicators/z-stepper-item/styles.css +115 -115
  57. package/dist/collection/components/inputs/z-combobox/index.js +480 -480
  58. package/dist/collection/components/inputs/z-combobox/styles.css +148 -148
  59. package/dist/collection/components/inputs/z-input/index.js +821 -821
  60. package/dist/collection/components/inputs/z-input/styles.css +304 -304
  61. package/dist/collection/components/inputs/z-input-label/index.js +72 -72
  62. package/dist/collection/components/inputs/z-input-label/styles.css +16 -16
  63. package/dist/collection/components/inputs/z-input-message/index.js +64 -64
  64. package/dist/collection/components/inputs/z-input-message/styles.css +33 -33
  65. package/dist/collection/components/inputs/z-select/index.js +647 -647
  66. package/dist/collection/components/inputs/z-select/styles.css +131 -131
  67. package/dist/collection/components/list/z-list/index.js +57 -57
  68. package/dist/collection/components/list/z-list/styles.css +7 -7
  69. package/dist/collection/components/list/z-list-element/index.js +439 -439
  70. package/dist/collection/components/list/z-list-element/styles.css +133 -133
  71. package/dist/collection/components/list/z-list-group/index.js +144 -144
  72. package/dist/collection/components/list/z-list-group/styles.css +22 -22
  73. package/dist/collection/components/list/z-toast-notification-list/index.js +97 -97
  74. package/dist/collection/components/list/z-toast-notification-list/styles.css +107 -107
  75. package/dist/collection/components/logo/z-logo/index.js +111 -111
  76. package/dist/collection/components/logo/z-logo/styles.css +30 -30
  77. package/dist/collection/components/modal/z-modal/index.js +160 -160
  78. package/dist/collection/components/modal/z-modal/styles.css +185 -185
  79. package/dist/collection/components/modal/z-modal-login/index.js +272 -272
  80. package/dist/collection/components/modal/z-modal-login/styles.css +159 -159
  81. package/dist/collection/components/navigation/z-app-header/index.js +267 -267
  82. package/dist/collection/components/navigation/z-app-header/styles.css +445 -445
  83. package/dist/collection/components/navigation/z-app-switcher/index.js +70 -70
  84. package/dist/collection/components/navigation/z-app-switcher/styles.css +35 -35
  85. package/dist/collection/components/navigation/z-app-topbar/index.js +156 -156
  86. package/dist/collection/components/navigation/z-app-topbar/styles.css +71 -71
  87. package/dist/collection/components/navigation/z-link/index.js +309 -309
  88. package/dist/collection/components/navigation/z-link/styles.css +160 -160
  89. package/dist/collection/components/navigation/z-menu/index.js +223 -223
  90. package/dist/collection/components/navigation/z-menu/styles.css +149 -149
  91. package/dist/collection/components/navigation/z-menu-dropdown/index.js +125 -125
  92. package/dist/collection/components/navigation/z-menu-dropdown/styles.css +146 -146
  93. package/dist/collection/components/navigation/z-menu-section/index.js +109 -109
  94. package/dist/collection/components/navigation/z-menu-section/styles.css +91 -91
  95. package/dist/collection/components/navigation/z-navigation-tab/index.js +151 -151
  96. package/dist/collection/components/navigation/z-navigation-tab/styles.css +113 -113
  97. package/dist/collection/components/navigation/z-navigation-tabs/index.js +179 -179
  98. package/dist/collection/components/navigation/z-navigation-tabs/styles.css +117 -117
  99. package/dist/collection/components/navigation/z-user-dropdown/index.js +252 -252
  100. package/dist/collection/components/navigation/z-user-dropdown/styles.css +315 -315
  101. package/dist/collection/components/notification/z-candybar/index.js +18 -18
  102. package/dist/collection/components/notification/z-candybar/styles.css +61 -61
  103. package/dist/collection/components/notification/z-cookiebar/index.js +111 -111
  104. package/dist/collection/components/notification/z-cookiebar/styles.css +109 -109
  105. package/dist/collection/components/notification/z-info-box/index.js +79 -79
  106. package/dist/collection/components/notification/z-info-box/styles.css +23 -23
  107. package/dist/collection/components/notification/z-notification/index.js +171 -171
  108. package/dist/collection/components/notification/z-notification/styles.css +93 -93
  109. package/dist/collection/components/notification/z-toast-notification/index.js +402 -402
  110. package/dist/collection/components/notification/z-toast-notification/styles.css +247 -247
  111. package/dist/collection/components/notification/z-tooltip/index.js +379 -379
  112. package/dist/collection/components/notification/z-tooltip/styles.css +128 -128
  113. package/dist/collection/components/pagination/z-pagination-bar/index.js +278 -278
  114. package/dist/collection/components/pagination/z-pagination-bar/styles.css +23 -23
  115. package/dist/collection/components/pagination/z-pagination-page/index.js +129 -129
  116. package/dist/collection/components/pagination/z-pagination-page/styles.css +57 -57
  117. package/dist/collection/components/panel/z-panel-elem/index.js +193 -193
  118. package/dist/collection/components/panel/z-panel-elem/styles.css +39 -39
  119. package/dist/collection/components/typography/z-body/index.js +66 -66
  120. package/dist/collection/components/typography/z-heading/index.js +66 -66
  121. package/dist/collection/components/typography/z-typography/index.js +84 -84
  122. package/dist/collection/components/typography/z-typography/styles.css +61 -61
  123. package/dist/collection/components/z-avatar/index.js +137 -137
  124. package/dist/collection/components/z-avatar/styles.css +35 -35
  125. package/dist/collection/components/z-card/index.js +153 -153
  126. package/dist/collection/components/z-card/styles.css +188 -188
  127. package/dist/collection/components/z-contextual-menu/index.js +122 -122
  128. package/dist/collection/components/z-contextual-menu/styles.css +45 -45
  129. package/dist/collection/components/z-divider/index.js +89 -89
  130. package/dist/collection/components/z-divider/styles.css +37 -37
  131. package/dist/collection/components/z-ghost-loading/index.js +14 -14
  132. package/dist/collection/components/z-ghost-loading/styles.css +34 -34
  133. package/dist/collection/components/z-popover/index.js +274 -274
  134. package/dist/collection/components/z-popover/styles.css +236 -236
  135. package/dist/collection/components/z-status-tag/index.js +125 -125
  136. package/dist/collection/components/z-status-tag/styles.css +133 -133
  137. package/dist/collection/constants/breakpoints.js +3 -3
  138. package/dist/collection/constants/icons.js +6 -6
  139. package/dist/collection/index.js +5 -5
  140. package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +119 -119
  141. package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +38 -38
  142. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +148 -148
  143. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +62 -62
  144. package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +20 -20
  145. package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +13 -13
  146. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +87 -87
  147. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +11 -11
  148. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +177 -177
  149. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +85 -85
  150. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +190 -190
  151. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +137 -137
  152. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +23 -23
  153. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +32 -32
  154. package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +101 -101
  155. package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +46 -46
  156. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +74 -74
  157. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +70 -70
  158. package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +213 -213
  159. package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +124 -124
  160. package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +53 -53
  161. package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +41 -41
  162. package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +70 -70
  163. package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +4 -4
  164. package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +188 -188
  165. package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +48 -48
  166. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +121 -121
  167. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +106 -106
  168. package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +181 -181
  169. package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +56 -56
  170. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +77 -77
  171. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +49 -49
  172. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +86 -86
  173. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +40 -40
  174. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +23 -23
  175. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +53 -53
  176. package/dist/collection/snowflakes/myz/topbar/index.js +428 -428
  177. package/dist/collection/snowflakes/myz/topbar/styles.css +594 -594
  178. package/dist/collection/snowflakes/myz/z-alert/index.js +42 -42
  179. package/dist/collection/snowflakes/myz/z-alert/styles.css +28 -28
  180. package/dist/collection/snowflakes/myz/z-otp/index.js +114 -114
  181. package/dist/collection/snowflakes/myz/z-otp/styles.css +47 -47
  182. package/dist/collection/snowflakes/myz/z-slideshow/index.js +165 -165
  183. package/dist/collection/snowflakes/myz/z-slideshow/styles.css +128 -128
  184. package/dist/collection/snowflakes/registro-table/z-registro-table/index.js +365 -365
  185. package/dist/collection/snowflakes/registro-table/z-registro-table/styles.css +166 -166
  186. package/dist/collection/snowflakes/registro-table/z-registro-table-body/index.js +19 -19
  187. package/dist/collection/snowflakes/registro-table/z-registro-table-body/styles.css +9 -9
  188. package/dist/collection/snowflakes/registro-table/z-registro-table-cell/index.js +58 -58
  189. package/dist/collection/snowflakes/registro-table/z-registro-table-cell/styles.css +39 -39
  190. package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/index.js +69 -69
  191. package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/styles.css +24 -24
  192. package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/index.js +36 -36
  193. package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/styles.css +16 -16
  194. package/dist/collection/snowflakes/registro-table/z-registro-table-footer/index.js +18 -18
  195. package/dist/collection/snowflakes/registro-table/z-registro-table-footer/styles.css +5 -5
  196. package/dist/collection/snowflakes/registro-table/z-registro-table-head/index.js +18 -18
  197. package/dist/collection/snowflakes/registro-table/z-registro-table-head/styles.css +5 -5
  198. package/dist/collection/snowflakes/registro-table/z-registro-table-header/index.js +240 -240
  199. package/dist/collection/snowflakes/registro-table/z-registro-table-header/styles.css +67 -67
  200. package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/index.js +37 -37
  201. package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/styles.css +13 -13
  202. package/dist/collection/snowflakes/registro-table/z-registro-table-row/index.js +86 -86
  203. package/dist/collection/snowflakes/registro-table/z-registro-table-row/styles.css +54 -54
  204. package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/index.js +17 -17
  205. package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/styles.css +10 -10
  206. package/dist/collection/themes/index.story.js +18 -18
  207. package/dist/collection/utils/utils.js +82 -82
  208. package/dist/esm/{breakpoints-c386984e.js → breakpoints-14432d05.js} +1 -1
  209. package/dist/esm/{index-0258069c.js → index-e9a16abc.js} +248 -248
  210. package/dist/esm/index.js +5 -5
  211. package/dist/esm/loader.js +1 -1
  212. package/dist/esm/polyfills/core-js.js +0 -0
  213. package/dist/esm/polyfills/dom.js +0 -0
  214. package/dist/esm/polyfills/es5-html-element.js +0 -0
  215. package/dist/esm/polyfills/index.js +0 -0
  216. package/dist/esm/polyfills/system.js +0 -0
  217. package/dist/esm/{utils-0345e333.js → utils-84f318dc.js} +63 -63
  218. package/dist/esm/web-components-library.js +1 -1
  219. package/dist/esm/z-alert_66.entry.js +3316 -3306
  220. package/dist/esm/z-app-header.entry.js +133 -133
  221. package/dist/esm/z-candybar.entry.js +8 -8
  222. package/dist/esm/z-cookiebar.entry.js +31 -31
  223. package/dist/esm/z-heading.entry.js +8 -8
  224. package/dist/esm/z-messages-pocket.entry.js +36 -36
  225. package/dist/esm/z-modal-login.entry.js +71 -71
  226. package/dist/esm/z-myz-card-dictionary.entry.js +25 -25
  227. package/dist/esm/z-myz-card-footer-sections.entry.js +8 -8
  228. package/dist/esm/z-myz-card-info.entry.js +109 -109
  229. package/dist/esm/z-myz-topbar.entry.js +183 -183
  230. package/dist/esm/z-navigation-tab.entry.js +34 -34
  231. package/dist/esm/z-navigation-tabs.entry.js +90 -90
  232. package/dist/esm/z-otp.entry.js +30 -30
  233. package/dist/esm/z-pocket-message.entry.js +8 -8
  234. package/dist/esm/z-pocket_3.entry.js +102 -102
  235. package/dist/esm/z-registro-table-footer.entry.js +12 -12
  236. package/dist/esm/z-slideshow.entry.js +101 -101
  237. package/dist/esm/z-toast-notification-list.entry.js +45 -45
  238. package/dist/esm/z-toast-notification.entry.js +190 -190
  239. package/dist/types/beans/index.d.ts +334 -334
  240. package/dist/types/components/buttons/z-button/index.d.ts +29 -29
  241. package/dist/types/components/buttons/z-button-filter/index.d.ts +22 -22
  242. package/dist/types/components/buttons/z-button-sort/index.d.ts +28 -28
  243. package/dist/types/components/buttons/z-chip/index.d.ts +6 -6
  244. package/dist/types/components/buttons/z-toggle-button/index.d.ts +16 -16
  245. package/dist/types/components/footer/z-footer/index.d.ts +38 -25
  246. package/dist/types/components/footer/z-footer-link/index.d.ts +8 -8
  247. package/dist/types/components/footer/z-footer-section/index.d.ts +10 -10
  248. package/dist/types/components/footer/z-footer-social/index.d.ts +9 -9
  249. package/dist/types/components/icons/icons.d.ts +405 -405
  250. package/dist/types/components/icons/z-icon/index.d.ts +14 -14
  251. package/dist/types/components/icons/z-icon-package/index.d.ts +3 -3
  252. package/dist/types/components/indicators/z-stepper/index.d.ts +6 -6
  253. package/dist/types/components/indicators/z-stepper-item/index.d.ts +19 -19
  254. package/dist/types/components/inputs/z-combobox/index.d.ts +62 -62
  255. package/dist/types/components/inputs/z-input/index.d.ts +102 -102
  256. package/dist/types/components/inputs/z-input-label/index.d.ts +9 -9
  257. package/dist/types/components/inputs/z-input-message/index.d.ts +9 -9
  258. package/dist/types/components/inputs/z-select/index.d.ts +73 -73
  259. package/dist/types/components/list/z-list/index.d.ts +11 -11
  260. package/dist/types/components/list/z-list-element/index.d.ts +79 -79
  261. package/dist/types/components/list/z-list-group/index.d.ts +24 -24
  262. package/dist/types/components/list/z-toast-notification-list/index.d.ts +14 -14
  263. package/dist/types/components/logo/z-logo/index.d.ts +13 -13
  264. package/dist/types/components/modal/z-modal/index.d.ts +25 -25
  265. package/dist/types/components/modal/z-modal-login/index.d.ts +42 -42
  266. package/dist/types/components/navigation/z-app-header/index.d.ts +67 -67
  267. package/dist/types/components/navigation/z-app-switcher/index.d.ts +12 -12
  268. package/dist/types/components/navigation/z-app-topbar/index.d.ts +20 -20
  269. package/dist/types/components/navigation/z-link/index.d.ts +41 -41
  270. package/dist/types/components/navigation/z-menu/index.d.ts +52 -52
  271. package/dist/types/components/navigation/z-menu-dropdown/index.d.ts +19 -19
  272. package/dist/types/components/navigation/z-menu-section/index.d.ts +24 -24
  273. package/dist/types/components/navigation/z-navigation-tab/index.d.ts +16 -16
  274. package/dist/types/components/navigation/z-navigation-tabs/index.d.ts +32 -32
  275. package/dist/types/components/navigation/z-user-dropdown/index.d.ts +39 -39
  276. package/dist/types/components/notification/z-candybar/index.d.ts +6 -6
  277. package/dist/types/components/notification/z-cookiebar/index.d.ts +16 -16
  278. package/dist/types/components/notification/z-info-box/index.d.ts +14 -14
  279. package/dist/types/components/notification/z-notification/index.d.ts +24 -24
  280. package/dist/types/components/notification/z-toast-notification/index.d.ts +56 -56
  281. package/dist/types/components/notification/z-tooltip/index.d.ts +41 -41
  282. package/dist/types/components/pagination/z-pagination-bar/index.d.ts +42 -42
  283. package/dist/types/components/pagination/z-pagination-page/index.d.ts +15 -15
  284. package/dist/types/components/panel/z-panel-elem/index.d.ts +25 -25
  285. package/dist/types/components/typography/z-body/index.d.ts +6 -6
  286. package/dist/types/components/typography/z-heading/index.d.ts +6 -6
  287. package/dist/types/components/typography/z-typography/index.d.ts +8 -8
  288. package/dist/types/components/z-avatar/index.d.ts +16 -16
  289. package/dist/types/components/z-card/index.d.ts +29 -29
  290. package/dist/types/components/z-contextual-menu/index.d.ts +22 -22
  291. package/dist/types/components/z-divider/index.d.ts +10 -10
  292. package/dist/types/components/z-ghost-loading/index.d.ts +3 -3
  293. package/dist/types/components/z-popover/index.d.ts +29 -29
  294. package/dist/types/components/z-status-tag/index.d.ts +15 -15
  295. package/dist/types/components.d.ts +37 -4
  296. package/dist/types/constants/breakpoints.d.ts +3 -3
  297. package/dist/types/constants/icons.d.ts +6 -6
  298. package/dist/types/index.d.ts +5 -5
  299. package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts +16 -16
  300. package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts +20 -20
  301. package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts +7 -7
  302. package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts +12 -12
  303. package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts +24 -24
  304. package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts +34 -34
  305. package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts +7 -7
  306. package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts +23 -23
  307. package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts +9 -9
  308. package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts +36 -36
  309. package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts +10 -10
  310. package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts +11 -11
  311. package/dist/types/snowflakes/myz/list/z-myz-list-item/index.d.ts +25 -25
  312. package/dist/types/snowflakes/myz/pocket/z-messages-pocket/index.d.ts +16 -16
  313. package/dist/types/snowflakes/myz/pocket/z-pocket/index.d.ts +25 -25
  314. package/dist/types/snowflakes/myz/pocket/z-pocket-body/index.d.ts +12 -12
  315. package/dist/types/snowflakes/myz/pocket/z-pocket-header/index.d.ts +18 -18
  316. package/dist/types/snowflakes/myz/pocket/z-pocket-message/index.d.ts +7 -7
  317. package/dist/types/snowflakes/myz/topbar/index.d.ts +61 -61
  318. package/dist/types/snowflakes/myz/z-alert/index.d.ts +9 -9
  319. package/dist/types/snowflakes/myz/z-otp/index.d.ts +13 -13
  320. package/dist/types/snowflakes/myz/z-slideshow/index.d.ts +30 -30
  321. package/dist/types/snowflakes/registro-table/z-registro-table/index.d.ts +48 -48
  322. package/dist/types/snowflakes/registro-table/z-registro-table-body/index.d.ts +5 -5
  323. package/dist/types/snowflakes/registro-table/z-registro-table-cell/index.d.ts +9 -9
  324. package/dist/types/snowflakes/registro-table/z-registro-table-empty-box/index.d.ts +12 -12
  325. package/dist/types/snowflakes/registro-table/z-registro-table-expanded-row/index.d.ts +5 -5
  326. package/dist/types/snowflakes/registro-table/z-registro-table-footer/index.d.ts +5 -5
  327. package/dist/types/snowflakes/registro-table/z-registro-table-head/index.d.ts +5 -5
  328. package/dist/types/snowflakes/registro-table/z-registro-table-header/index.d.ts +27 -27
  329. package/dist/types/snowflakes/registro-table/z-registro-table-header-row/index.d.ts +5 -5
  330. package/dist/types/snowflakes/registro-table/z-registro-table-row/index.d.ts +11 -11
  331. package/dist/types/snowflakes/registro-table/z-registro-table-sticky-footer/index.d.ts +6 -6
  332. package/dist/types/utils/utils.d.ts +11 -11
  333. package/dist/web-components-library/index.esm.js +1 -1
  334. package/dist/web-components-library/{p-35b1f338.entry.js → p-21ffb0b5.entry.js} +1 -1
  335. package/{www/build/p-1442c0b2.entry.js → dist/web-components-library/p-35b2df47.entry.js} +1 -1
  336. package/dist/web-components-library/{p-ff6b02d1.entry.js → p-45940723.entry.js} +1 -1
  337. package/dist/web-components-library/{p-18f6f866.entry.js → p-609908af.entry.js} +1 -1
  338. package/dist/web-components-library/p-7342f830.entry.js +7 -0
  339. package/dist/web-components-library/{p-2f354863.entry.js → p-8c6cba93.entry.js} +1 -1
  340. package/dist/web-components-library/{p-3cdefa38.entry.js → p-91f5e2f8.entry.js} +1 -1
  341. package/dist/web-components-library/{p-5cdcaa8c.entry.js → p-a54ab38c.entry.js} +1 -1
  342. package/dist/web-components-library/{p-4a6ec3df.entry.js → p-a75b3177.entry.js} +1 -1
  343. package/dist/web-components-library/{p-231e7797.entry.js → p-aa7c40c3.entry.js} +1 -1
  344. package/dist/web-components-library/{p-d63b9ed3.js → p-acdb443b.js} +0 -0
  345. package/dist/web-components-library/{p-14543c46.entry.js → p-cb3b84f1.entry.js} +1 -1
  346. package/{www/build/p-d4830f32.entry.js → dist/web-components-library/p-d3279fd6.entry.js} +1 -1
  347. package/dist/web-components-library/{p-d69e14fb.js → p-e35d3552.js} +0 -0
  348. package/dist/web-components-library/{p-b80081c9.entry.js → p-e8b36609.entry.js} +1 -1
  349. package/dist/web-components-library/{p-e7304c42.js → p-f53af59a.js} +1 -1
  350. package/dist/web-components-library/{p-02e55441.entry.js → p-fc133dd1.entry.js} +1 -1
  351. package/dist/web-components-library/web-components-library.esm.js +1 -1
  352. package/package.json +90 -90
  353. package/react/components.d.ts +89 -89
  354. package/react/components.js +95 -95
  355. package/react/index.d.ts +1 -1
  356. package/react/index.js +13 -13
  357. package/react/react-component-lib/createComponent.d.ts +10 -10
  358. package/react/react-component-lib/createComponent.js +65 -65
  359. package/react/react-component-lib/createOverlayComponent.d.ts +20 -20
  360. package/react/react-component-lib/createOverlayComponent.js +95 -95
  361. package/react/react-component-lib/index.d.ts +2 -2
  362. package/react/react-component-lib/index.js +7 -7
  363. package/react/react-component-lib/interfaces.d.ts +29 -29
  364. package/react/react-component-lib/interfaces.js +2 -2
  365. package/react/react-component-lib/utils/attachProps.d.ts +12 -12
  366. package/react/react-component-lib/utils/attachProps.js +102 -102
  367. package/react/react-component-lib/utils/case.d.ts +2 -2
  368. package/react/react-component-lib/utils/case.js +11 -11
  369. package/react/react-component-lib/utils/dev.d.ts +2 -2
  370. package/react/react-component-lib/utils/dev.js +17 -17
  371. package/react/react-component-lib/utils/index.d.ts +7 -7
  372. package/react/react-component-lib/utils/index.js +38 -38
  373. package/readme.md +236 -236
  374. package/www/build/index.esm.js +1 -1
  375. package/www/build/{p-35b1f338.entry.js → p-21ffb0b5.entry.js} +1 -1
  376. package/{dist/web-components-library/p-1442c0b2.entry.js → www/build/p-35b2df47.entry.js} +1 -1
  377. package/www/build/{p-ff6b02d1.entry.js → p-45940723.entry.js} +1 -1
  378. package/www/build/{p-18f6f866.entry.js → p-609908af.entry.js} +1 -1
  379. package/www/build/p-7342f830.entry.js +7 -0
  380. package/www/build/{p-2f354863.entry.js → p-8c6cba93.entry.js} +1 -1
  381. package/www/build/{p-3cdefa38.entry.js → p-91f5e2f8.entry.js} +1 -1
  382. package/www/build/{p-5cdcaa8c.entry.js → p-a54ab38c.entry.js} +1 -1
  383. package/www/build/{p-4a6ec3df.entry.js → p-a75b3177.entry.js} +1 -1
  384. package/www/build/{p-231e7797.entry.js → p-aa7c40c3.entry.js} +1 -1
  385. package/www/build/{p-d63b9ed3.js → p-acdb443b.js} +0 -0
  386. package/www/build/p-bf6edd37.js +122 -0
  387. package/www/build/p-c6932a85.css +789 -0
  388. package/www/build/{p-14543c46.entry.js → p-cb3b84f1.entry.js} +1 -1
  389. package/{dist/web-components-library/p-d4830f32.entry.js → www/build/p-d3279fd6.entry.js} +1 -1
  390. package/www/build/{p-d69e14fb.js → p-e35d3552.js} +0 -0
  391. package/www/build/{p-b80081c9.entry.js → p-e8b36609.entry.js} +1 -1
  392. package/www/build/{p-e7304c42.js → p-f53af59a.js} +1 -1
  393. package/www/build/{p-02e55441.entry.js → p-fc133dd1.entry.js} +1 -1
  394. package/www/build/web-components-library.esm.js +1 -1
  395. package/www/index.html +2 -2
  396. package/www/pages/notification.html +247 -247
  397. package/dist/web-components-library/p-b89ae2ca.entry.js +0 -7
  398. package/www/build/p-b89ae2ca.entry.js +0 -7
  399. package/www/build/p-e4e9baf3.js +0 -1
  400. package/www/build/p-ea943cbd.css +0 -1
@@ -1 +1 @@
1
- import{r as e,h as i,g as t}from"./p-904a85e4.js";import{b as n}from"./p-d63b9ed3.js";import{m as a,t as r}from"./p-d69e14fb.js";const o=class{constructor(i){e(this,i),this.isMobile=!0,this.isMenuMobileOpen=!1,this.intMenuData=[],this.extMenuData=[],this.isLogged=!1}activeIntLinkChange(e){this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((i=>i.id===e))}handleResize(){this.isMobile=window.innerWidth<=a}handleZListItemLinkClick(){this.isMenuMobileOpen=!1}handleZListItemClick(){this.isMenuMobileOpen=!1}componentWillLoad(){this.intlinkdata&&(this.intMenuData="string"==typeof this.intlinkdata?JSON.parse(this.intlinkdata):this.intlinkdata),this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((e=>e.id===this.activeintlinkid)),this.extlinkdata&&(this.extMenuData="string"==typeof this.extlinkdata?JSON.parse(this.extlinkdata):this.extlinkdata),this.userdata&&(this.userData="string"==typeof this.userdata?JSON.parse(this.userdata):this.userdata,this.isLogged=this.userData.islogged),this.handleResize()}renderLogoDiv(){return i("div",{class:"logo"},i("z-logo",{link:this.logolink?this.logolink:null,targetblank:!0,width:144,height:36,imagealt:this.imagealt}))}renderIntMenu(e){if(this.isLogged&&this.ismyz)return i("div",{id:"link-int",class:"link-int"},e.map((e=>this.renderIntMenuItem(e))))}renderIntMenuItem(e){const{id:t,label:n,link:a}=e;return i("span",null,i("a",{href:a||null,id:t,class:"menu-item",onClick:()=>{this.activeMenuItem=this.currentMenuItem=e,this.activeintlinkid=e.id,e.subMenu&&this.handleToggleMobileMenuItem(e.id)},onMouseEnter:()=>{this.activeMenuItem=e},onMouseLeave:()=>{this.activeMenuItem=this.currentMenuItem},role:a?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},i("span",null,n),e.subMenu?i("i",null):null),i("svg",{height:"8",width:"16",class:{hidden:!this.activeMenuItem||this.activeMenuItem.id!==t}},i("polygon",{points:"8,0 16,8 0,8",class:"arrow"})),this.isMobile&&this.renderMenuItemsData(e))}getIntMenuItemTabindex(e){return this.intMenuData.indexOf(e)+1}handleToggleMobileMenuItem(e){this.isMobile&&(this.element.shadowRoot.querySelector(`#${e}`).classList.toggle("isopen"),this.element.shadowRoot.querySelector("#mobile-dropdown-"+e).classList.toggle("visible"))}renderMenuItemsData(e){if(!e.subMenu)return null;const i=e.subMenu.map((e=>({id:e.id,text:e.label,link:e.link,listitemid:e.id})));return this.renderMobileSubMenu(i,e.id)}renderMobileSubMenu(e,t){return i("span",{class:"mobile-dropdown",id:t?`mobile-dropdown-${t}`:""},i("z-myz-list",{list:e}))}renderSubMenu(e){if(this.ismyz&&this.isLogged)return e&&e.subMenu?i("div",{id:"dropdown-menu",class:"dropdown-menu"},i("ul",{class:"dropdown-links"},e.subMenu.map((t=>i("li",null,i("a",{id:t.id,class:t.id===this.activesublinkid?"active":"",href:t.link?t.link:null,role:t.link?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},t.label)))))):i("div",{id:"dropdown-menu",class:"dropdown-menu hidden"})}renderExtLinksIcons(e){const i=window.innerWidth>0?window.innerWidth:screen.width;return!(i>a&&i<r)&&{icon:e}}renderExtMenu(e){return this.isLogged?i("div",{id:"link-ext",class:"link-ext"},e.map((e=>{const{id:t,label:n,link:a,icon:r}=e;return i("span",{class:"link-ext-span"+(this.ismyz?" myz":"")},i("z-link",Object.assign({id:t,htmlid:t,href:a,iswhite:!!this.ismyz,target:"_blank",htmltabindex:10},this.renderExtLinksIcons(r)),n))}))):i("div",null)}renderLoginDiv(e){return i("div",{class:"login"},this.isLogged?i("z-menu-dropdown",{nomeutente:e.name,menucontent:JSON.stringify(e.userlinks)}):this.renderLoginButton())}renderLoginButton(){if(!this.hideloginbutton)return i("z-button",{htmlid:"login-button",variant:this.ismyz?n.secondary:n.tertiary,icon:"login",issmall:!0},"entra")}renderMobileLoginDiv(e){return i("div",{id:"mobile-login",class:"mobile-login"},i("span",null,i("a",{class:"menu-item",id:"user-data",onClick:()=>this.handleToggleMobileMenuItem("user-data"),role:"button"},i("span",null,i("z-icon",{name:"user-avatar",height:16,width:16}),e.name),i("i",null)),this.renderUserData(e)))}renderUserData(e){if(this.isMobile&&!e)return null;const i=e.userlinks.map((e=>({text:e.label,link:e.link,icon:e.icon,listitemid:e.id})));return this.renderMobileSubMenu(i,"user-data")}renderDesktopHeader(){return i("header",{class:this.ismyz?"":"myz-out"},this.renderMainHeader(),this.renderSubMenu(this.activeMenuItem))}renderMainHeader(){return i("div",{id:"main-header",class:{"main-header":!0,"myz-out":!this.ismyz}},this.renderLogoDiv(),this.renderIntMenu(this.intMenuData),this.renderExtMenu(this.extMenuData),this.renderLoginDiv(this.userData))}renderMobileHeader(){return i("header",null,this.renderMobileMenu(),this.renderMobileMenuContent())}renderMobileMenu(){return i("div",{id:"mobile-header",class:"mobile-header"+(this.ismyz?"":" myz-out")},this.renderLogoDiv(),this.renderMobileMenuToggle())}renderMobileMenuToggle(){return this.isLogged?i("div",{class:"menu-mobile",id:"mobile-menu-wrapper",onClick:()=>this.isMenuMobileOpen=!this.isMenuMobileOpen},i("div",{class:"menu-toggle"+(this.isMenuMobileOpen?" is-active":""),id:"mobile-menu"},i("span",{class:"bar"}),i("span",{class:"bar"}),i("span",{class:"bar"})),i("span",null,"Menu")):this.renderLoginButton()}renderMobileMenuContent(){return this.isLogged?i("div",{id:"mobile-content",class:{"mobile-content":!0,open:this.isMenuMobileOpen,"myz-out":!this.ismyz}},this.renderMobileLoginDiv(this.userData),this.ismyz&&i("hr",null),this.renderIntMenu(this.intMenuData),i("hr",null),this.renderExtMenu(this.extMenuData)):null}render(){return this.isMobile?this.renderMobileHeader():this.renderDesktopHeader()}get element(){return t(this)}static get watchers(){return{activeintlinkid:["activeIntLinkChange"]}}};o.style=':host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main-header";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * .5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * .5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * .5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:" ";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:"main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"dropdown-links";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * .5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * .5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}';export{o as z_myz_topbar}
1
+ import{r as e,h as i,g as t}from"./p-904a85e4.js";import{b as n}from"./p-acdb443b.js";import{m as a,t as r}from"./p-e35d3552.js";const o=class{constructor(i){e(this,i),this.isMobile=!0,this.isMenuMobileOpen=!1,this.intMenuData=[],this.extMenuData=[],this.isLogged=!1}activeIntLinkChange(e){this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((i=>i.id===e))}handleResize(){this.isMobile=window.innerWidth<=a}handleZListItemLinkClick(){this.isMenuMobileOpen=!1}handleZListItemClick(){this.isMenuMobileOpen=!1}componentWillLoad(){this.intlinkdata&&(this.intMenuData="string"==typeof this.intlinkdata?JSON.parse(this.intlinkdata):this.intlinkdata),this.activeMenuItem=this.currentMenuItem=this.intMenuData.find((e=>e.id===this.activeintlinkid)),this.extlinkdata&&(this.extMenuData="string"==typeof this.extlinkdata?JSON.parse(this.extlinkdata):this.extlinkdata),this.userdata&&(this.userData="string"==typeof this.userdata?JSON.parse(this.userdata):this.userdata,this.isLogged=this.userData.islogged),this.handleResize()}renderLogoDiv(){return i("div",{class:"logo"},i("z-logo",{link:this.logolink?this.logolink:null,targetblank:!0,width:144,height:36,imagealt:this.imagealt}))}renderIntMenu(e){if(this.isLogged&&this.ismyz)return i("div",{id:"link-int",class:"link-int"},e.map((e=>this.renderIntMenuItem(e))))}renderIntMenuItem(e){const{id:t,label:n,link:a}=e;return i("span",null,i("a",{href:a||null,id:t,class:"menu-item",onClick:()=>{this.activeMenuItem=this.currentMenuItem=e,this.activeintlinkid=e.id,e.subMenu&&this.handleToggleMobileMenuItem(e.id)},onMouseEnter:()=>{this.activeMenuItem=e},onMouseLeave:()=>{this.activeMenuItem=this.currentMenuItem},role:a?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},i("span",null,n),e.subMenu?i("i",null):null),i("svg",{height:"8",width:"16",class:{hidden:!this.activeMenuItem||this.activeMenuItem.id!==t}},i("polygon",{points:"8,0 16,8 0,8",class:"arrow"})),this.isMobile&&this.renderMenuItemsData(e))}getIntMenuItemTabindex(e){return this.intMenuData.indexOf(e)+1}handleToggleMobileMenuItem(e){this.isMobile&&(this.element.shadowRoot.querySelector(`#${e}`).classList.toggle("isopen"),this.element.shadowRoot.querySelector("#mobile-dropdown-"+e).classList.toggle("visible"))}renderMenuItemsData(e){if(!e.subMenu)return null;const i=e.subMenu.map((e=>({id:e.id,text:e.label,link:e.link,listitemid:e.id})));return this.renderMobileSubMenu(i,e.id)}renderMobileSubMenu(e,t){return i("span",{class:"mobile-dropdown",id:t?`mobile-dropdown-${t}`:""},i("z-myz-list",{list:e}))}renderSubMenu(e){if(this.ismyz&&this.isLogged)return e&&e.subMenu?i("div",{id:"dropdown-menu",class:"dropdown-menu"},i("ul",{class:"dropdown-links"},e.subMenu.map((t=>i("li",null,i("a",{id:t.id,class:t.id===this.activesublinkid?"active":"",href:t.link?t.link:null,role:t.link?"link":"button",tabindex:this.getIntMenuItemTabindex(e)},t.label)))))):i("div",{id:"dropdown-menu",class:"dropdown-menu hidden"})}renderExtLinksIcons(e){const i=window.innerWidth>0?window.innerWidth:screen.width;return!(i>a&&i<r)&&{icon:e}}renderExtMenu(e){return this.isLogged?i("div",{id:"link-ext",class:"link-ext"},e.map((e=>{const{id:t,label:n,link:a,icon:r}=e;return i("span",{class:"link-ext-span"+(this.ismyz?" myz":"")},i("z-link",Object.assign({id:t,htmlid:t,href:a,iswhite:!!this.ismyz,target:"_blank",htmltabindex:10},this.renderExtLinksIcons(r)),n))}))):i("div",null)}renderLoginDiv(e){return i("div",{class:"login"},this.isLogged?i("z-menu-dropdown",{nomeutente:e.name,menucontent:JSON.stringify(e.userlinks)}):this.renderLoginButton())}renderLoginButton(){if(!this.hideloginbutton)return i("z-button",{htmlid:"login-button",variant:this.ismyz?n.secondary:n.tertiary,icon:"login",issmall:!0},"entra")}renderMobileLoginDiv(e){return i("div",{id:"mobile-login",class:"mobile-login"},i("span",null,i("a",{class:"menu-item",id:"user-data",onClick:()=>this.handleToggleMobileMenuItem("user-data"),role:"button"},i("span",null,i("z-icon",{name:"user-avatar",height:16,width:16}),e.name),i("i",null)),this.renderUserData(e)))}renderUserData(e){if(this.isMobile&&!e)return null;const i=e.userlinks.map((e=>({text:e.label,link:e.link,icon:e.icon,listitemid:e.id})));return this.renderMobileSubMenu(i,"user-data")}renderDesktopHeader(){return i("header",{class:this.ismyz?"":"myz-out"},this.renderMainHeader(),this.renderSubMenu(this.activeMenuItem))}renderMainHeader(){return i("div",{id:"main-header",class:{"main-header":!0,"myz-out":!this.ismyz}},this.renderLogoDiv(),this.renderIntMenu(this.intMenuData),this.renderExtMenu(this.extMenuData),this.renderLoginDiv(this.userData))}renderMobileHeader(){return i("header",null,this.renderMobileMenu(),this.renderMobileMenuContent())}renderMobileMenu(){return i("div",{id:"mobile-header",class:"mobile-header"+(this.ismyz?"":" myz-out")},this.renderLogoDiv(),this.renderMobileMenuToggle())}renderMobileMenuToggle(){return this.isLogged?i("div",{class:"menu-mobile",id:"mobile-menu-wrapper",onClick:()=>this.isMenuMobileOpen=!this.isMenuMobileOpen},i("div",{class:"menu-toggle"+(this.isMenuMobileOpen?" is-active":""),id:"mobile-menu"},i("span",{class:"bar"}),i("span",{class:"bar"}),i("span",{class:"bar"})),i("span",null,"Menu")):this.renderLoginButton()}renderMobileMenuContent(){return this.isLogged?i("div",{id:"mobile-content",class:{"mobile-content":!0,open:this.isMenuMobileOpen,"myz-out":!this.ismyz}},this.renderMobileLoginDiv(this.userData),this.ismyz&&i("hr",null),this.renderIntMenu(this.intMenuData),i("hr",null),this.renderExtMenu(this.extMenuData)):null}render(){return this.isMobile?this.renderMobileHeader():this.renderDesktopHeader()}get element(){return t(this)}static get watchers(){return{activeintlinkid:["activeIntLinkChange"]}}};o.style=':host a{cursor:pointer}header{position:sticky;top:0;z-index:99;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"main-header";margin-bottom:calc(var(--space-unit) * 6.5);font-family:var(--dashboard-font);font-weight:var(--font-rg)}.main-header{display:grid;grid-template-columns:2fr 2fr 4fr 100px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header;grid-column-gap:calc(var(--space-unit) * .5);align-items:center;background-color:var(--bg-grey-900);height:auto;align-items:center;z-index:10}.main-header.myz-out{background-color:var(--bg-white)}.logo{grid-area:logo;padding:6px}z-logo{transform:scale(0.9)}.dropdown-menu{display:none}.dropdown-menu.hidden{visibility:hidden}.dropdown-links{grid-area:dropdown-links;list-style:none;display:block;max-height:32px;margin:0;padding:0}.arrow{fill:var(--text-grey-200)}.dropdown-links>li{list-style:none;display:inline-block;margin:0;padding:0}.dropdown-links>li>a{width:auto;height:auto;color:var(--myz-blue);font-size:14px;letter-spacing:0.18px;line-height:32px;text-decoration:none;margin:var(--space-unit);padding-bottom:calc(var(--space-unit) * .5)}.dropdown-links>li>a:hover,.dropdown-links>li>a.active{color:var(--text-grey-800);border-bottom:2px solid var(--myz-blue)}.mobile-header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);z-index:inherit;height:52px;position:fixed;top:0px;left:0;z-index:999}.mobile-header.myz-out{background-color:var(--bg-white)}.mobile-header>z-button{margin:0 calc(var(--space-unit) * 2)}.mobile-content{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;width:100%;background-color:var(--bg-grey-900);position:fixed;top:52px;left:0;z-index:999;max-height:0px;overflow:hidden;transition:max-height 1s cubic-bezier(0.46, 0, 1, 0.79)}.mobile-content.open{max-height:100vh;transition:max-height 2s cubic-bezier(0, 0.79, 0.46, 1)}.mobile-content.myz-out{background-color:var(--bg-white)}hr{display:block;position:relative;padding:0;margin:0px calc(var(--space-unit) * 4);height:0;width:calc(100% - 64px);max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:1px solid var(--text-grey-700)}.menu-mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;color:var(--bg-white);padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);cursor:pointer}.myz-out .menu-mobile{color:var(--text-grey-800)}.menu-toggle{grid-area:menu-toggle;display:flex;flex-direction:column;margin:0 var(--space-unit)}.menu-toggle .bar{width:20px;height:2px;background-color:var(--bg-white);margin:2px auto;transition:all 0.3s ease-in-out}.myz-out .menu-toggle .bar{background-color:var(--text-grey-800)}.menu-toggle:hover{cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.booktab-button,.mobile-login{overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.hidden{visibility:hidden}.login{grid-area:login;display:flex;justify-content:flex-end;padding:0 calc(var(--space-unit) * 2)}.login>z-button{color:var(--bg-white);fill:var(--bg-white)}.booktab-button>z-button{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center;padding:calc(var(--space-unit) * 2) 0px calc(var(--space-unit) * 4) 0px}.link-ext{grid-area:link-ext;overflow:hidden;height:0%;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-ext-span{display:inline-block;width:100%;margin:calc(var(--space-unit) * .5) auto;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-ext-span.myz:hover,.link-ext-span.myz:focus{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-ext z-link{font-size:12px;font-weight:var(--font-sb)}.link-int{overflow:hidden;max-height:100%;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;padding:0}.link-int>span{width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start}.link-int>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.link-int>span>.menu-item:hover,.link-int>span>.menu-item:focus{border-radius:0px}.link-int>span>.menu-item>span{white-space:nowrap}.link-int>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.link-int>span:first-child>.menu-item{margin-top:0}.link-int>span>svg{display:none}.link-int>.mobile-dropdown{padding:0 48px}.mobile-login>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;align-content:flex-start;fill:white}.mobile-login>span:focus,.mobile-login>span:hover{background:var(--text-grey-800)}.myz-out .mobile-login>span:focus,.myz-out .mobile-login>span:hover{background:none}.mobile-login>span>.menu-item{height:auto;color:var(--bg-white);letter-spacing:0.2px;font-weight:var(--font-sb);font-size:16px;text-decoration:none;outline:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px}.myz-out .mobile-login>span>.menu-item{color:var(--text-grey-800)}.mobile-login>span>.menu-item>i{padding-top:calc(var(--space-unit) * 2);height:28px;width:24px;text-align:right}.mobile-login>span>.menu-item>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-login>span>.menu-item>span>z-icon{padding-right:var(--space-unit);fill:var(--bg-white)}.menu-item>i::before{border-style:solid;border-width:0.12em 0.12em 0 0;content:" ";display:inline-block;height:0.45em;left:0.16em;position:relative;top:-0.12em;transform:rotate(135deg) scale(1.2);vertical-align:top;width:0.45em;margin-top:2px;margin-left:2px;margin-right:6px;transition:all 0.5s ease}.menu-item.isopen>i::before{top:0.24em;transform:rotate(-45deg) scale(1.2);transition:all 0.5s ease}.mobile-dropdown{background:white;display:block;overflow:hidden;width:100%;box-sizing:border-box;margin:0px auto 0px auto;padding:0px calc(var(--space-unit) * 4) 0px calc(var(--space-unit) * 4);line-height:44px;max-height:0px;transition:max-height 0.3s ease}.mobile-dropdown.visible{max-height:100vh;transition:max-height 0.5s ease}@media only screen and (min-width: 768px){header{grid-template-columns:1fr 0.8fr 1.5fr 1.1fr 0.7fr;grid-template-rows:0.2fr auto;grid-template-areas:"main-header main-header main-header main-header main-header" "dropdown-menu dropdown-menu dropdown-menu dropdown-menu dropdown-menu";margin-bottom:0}header.myz-out{top:0px;grid-template-rows:1fr}.main-header{display:grid;grid-template-columns:170px auto auto 120px;grid-template-rows:1fr;grid-template-areas:"logo link-int link-ext login";grid-area:main-header}.dropdown-menu{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"dropdown-links";grid-area:dropdown-menu;grid-column-gap:var(--space-unit);background:var(--bg-grey-200);height:32px;visibility:visible;z-index:9;padding-left:160px}.booktab-button,.mobile-header,.mobile-login,.mobile-dropdown,.menu-mobile{display:none}.link-int{grid-area:link-int;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;max-height:46px;margin-top:calc(var(--space-unit) * .5)}.link-int>span{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center;width:auto}.link-int>span>.menu-item{width:auto;height:auto;color:var(--bg-white);letter-spacing:0.2px;line-height:14px;font-weight:var(--font-sb);text-decoration:none;outline:none;padding:calc(var(--space-unit) * 1.5)}.link-int>span>svg{display:block}.menu-item>i{display:none}.link-int>span>.menu-item:focus,.link-int>span>.menu-item:hover{background:var(--text-grey-800);border-radius:var(--border-radius);cursor:pointer}.link-int>span>.menu-item::-moz-focus-inner{border:0}.link-int>span>.menu-item:focus+svg{visibility:visible}.link-ext{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;max-height:46px}.link-ext-span{width:auto;line-height:14px;margin:var(--space-unit);padding:calc(var(--space-unit) * .5) var(--space-unit)}}@media only screen and (min-width: 1152px){.main-header{grid-template-columns:170px auto auto 180px}}';export{o as z_myz_topbar}
@@ -1 +1 @@
1
- import{r as i,c as o,h as a,g as l}from"./p-904a85e4.js";import{m as s,b as n}from"./p-d63b9ed3.js";const t=class{constructor(a){i(this,a),this.loginSubmit=o(this,"loginSubmit",7),this.statusUpdate=o(this,"statusUpdate",7),this.signupClick=o(this,"signupClick",7),this.zainoDigitaleClick=o(this,"zainoDigitaleClick",7),this.heading="Entra in MyZanichelli",this.externalProviderCheck=!1}componentDidLoad(){this.externalProviderCheck=!!this.hostElement.querySelectorAll('[slot="provider"]').length}emitLoginSubmit(){const i=this.hostElement.querySelector("z-input#username"),o=this.hostElement.querySelector("z-input#password");if(!i||!o)return;let a=i.value,l=o.value;a&&l?(a=this.cleanUsername(a),this.loginSubmit.emit({username:a,password:l,originalUsername:i.value})):this.status=s.error}emitStatusUpdate(i){this.statusUpdate.emit(i)}emitSignupClick(){this.signupClick.emit()}emitZainoDigitaleClick(){this.zainoDigitaleClick.emit()}handleInputKeyUp(i){"Enter"===i.code&&this.emitLoginSubmit()}handleInputChange(){this.status=null,this.emitStatusUpdate(this.status)}cleanUsername(i){return i=i.trim().toLowerCase(),/^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g.test(i)&&(i=i.replace(/[- .)(]/g,""),/^[\d ]*$/.test(i)&&(i="+39"+i)),i}renderZainoDigitaleButton(){return a("z-button",{variant:n.secondary,onClick:()=>this.emitZainoDigitaleClick(),class:"zainoDigitale"},a("div",{class:"zd"},a("svg",{width:"18px",height:"24px",viewBox:"0 0 18 24"},a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},a("g",{transform:"translate(-313.000000, -329.000000)",fill:"#E2001A","fill-rule":"nonzero"},a("g",{transform:"translate(25.000000, 191.000000)"},a("g",null,a("g",{transform:"translate(0.000000, 100.000000)"},a("g",null,a("g",{transform:"translate(276.000000, 28.000000)"},a("path",{d:"M29.8953704,30.5632326 C29.9143039,30.3327754 29.5356326,30.0447041 29.1380277,29.8142469 C29.2516291,28.7963947 29.4409647,26.9719425 29.2705626,26.3189807 C29.0433598,25.416357 28.3428178,24.8018047 28.380685,23.822362 C28.4185521,22.8429193 28.1913493,16.5437582 27.0364017,15.1802202 C26.1654576,14.162368 25.4649156,12.8372396 23.4390239,12.2418921 C23.4390239,12.0498445 23.4390239,11.8770016 23.4200903,11.7425683 C23.3822232,10.9167637 21.9622056,10.090959 21.6214014,10.0525495 C21.2805972,10.01414 20.371786,9.95652568 20.0309818,10.0525495 C19.6901775,10.1293685 19.0464362,11.128016 18.7434992,11.4352922 C18.5920306,11.5889302 18.5541635,11.9538207 18.5730971,12.3187111 C17.437083,12.6836015 16.1306669,13.4325871 15.4490584,14.9497631 C14.2941108,17.676839 13.4799674,18.9251483 13.6693031,24.1680477 C13.5935688,25.1090809 13.2906318,25.6084046 13.1012961,25.6852237 C12.9119604,25.7620427 12.798359,25.9156808 12.7604919,26.1077284 C12.7226247,26.2805712 12.5522226,28.37389 12.7415583,29.8718612 C12.3818205,30.1023183 12.0788834,30.3519802 12.097817,30.5632326 C12.1546177,31.0625563 11.8516806,31.7731324 12.097817,32.0612038 C12.230352,32.2148419 12.7226247,32.5413228 13.3284989,32.8293942 C13.6125024,33.4631512 14.199443,33.9240655 15.467992,33.9816797 C18.1565586,34.0584988 26.2601254,33.8664512 26.5630625,33.9048607 C26.847066,33.9432702 28.4374857,34.0008845 28.683622,32.8293942 C29.2894962,32.5413228 29.781769,32.2148419 29.9143039,32.0612038 C30.1415067,31.7731324 29.8385697,31.0625563 29.8953704,30.5632326 Z M12.0319858,31.2 C12.1173988,31.1230769 12.3736379,31.0461538 12.743761,31 C12.857645,31.3230769 12.914587,31.6615385 13,32 C12.4021089,31.8153846 11.8611598,31.5692308 12.0319858,31.2 Z M21.1618497,12.8394441 C21.1618497,12.8394441 20.6763006,12.8165075 20,13 L20,12.9770634 C20,12.5642053 20.3121387,11.3256309 20.3988439,11.1192018 C20.4855491,10.9127728 21.265896,11.0274556 21.8554913,11.0733287 C22.6358382,11.0503922 22.4624277,11.2568212 22.8092486,11.9907912 C22.9306358,12.2889666 22.982659,12.6559516 23,13 C22.4797688,12.8623806 21.8728324,12.8165075 21.1618497,12.8394441 Z M28.3324094,30 C28.6648189,30.0833333 28.9085858,30.2222222 28.9750677,30.3888889 C29.1301921,31.1666667 28.5318551,31.6388889 28,32 C28.0221606,31.5 28.0664819,31.1111111 28.0664819,31.1111111 L28.2437669,30.6111111 L28.3324094,30 Z M21.8571429,23 L21.8571429,23.8 L22.7142857,23.8 L22.7142857,24.6 L23.5714286,24.6 L23.5714286,25.4 L24.4285714,25.4 L24.4285714,26.2 L25.2857143,26.2 L25.2857143,27 L26.1428571,27 L26.1428571,27.8 L27,27.8 L27,28.6 L24.4285714,28.6 L24.4285714,29.4 L25.2857143,29.4 L25.2857143,31 L24.4285714,31 L24.4285714,30.2 L23.5714286,30.2 L23.5714286,29.4 L22.7142857,29.4 L22.7142857,30.2 L21.8571429,30.2 L21.8571429,31 L21,31 L21,23 L21.8571429,23 Z"}))))))))),a("span",null,"ZAINO DIGITALE")))}render(){return a("z-modal",{modaltitle:this.heading},a("div",{class:"wrapper",slot:"modalContent"},a("form",{method:"post"},a("div",{class:"username"},a("slot",{name:"username"},a("z-input",{id:"username",label:"email o numero di cellulare",placeholder:"Inserisci l'email o il cellulare",autocomplete:"username",name:"username",status:this.status,message:this.message,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("div",{class:"password"},a("slot",{name:"password"},a("z-input",{id:"password",label:"password",placeholder:"Inserisci la tua password",type:"password",name:"password",autocomplete:"current-password",status:this.status,message:this.pwdmessage,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("z-link",{class:"forget",href:this.forgotPasswordUrl},"Password dimenticata?"),a("div",{class:"login"},a("slot",{name:"login"},a("z-button",{variant:n.primary,onClick:()=>this.emitLoginSubmit()},"Accedi")))),a("hr",null),a("z-body",{class:"signup",level:4,variant:"semibold"},"Non hai ancora un account?"),a("div",{class:"signup"},a("slot",{name:"signup"},a("z-button",{variant:n.secondary,onClick:()=>this.emitSignupClick()},"Registrati"))),!this.externalProviderCheck&&a("div",{class:"providers"},a("z-body",{class:"provider",level:5,variant:"regular"},"OPPURE ACCEDI CON:"),a("slot",{name:"provider"},this.renderZainoDigitaleButton(),a("z-link",{icon:"informationsource",href:"https://www.zainodigitale.it/#/landing"},"Cos'è Zaino Digitale?")))))}get hostElement(){return l(this)}};t.style='.sc-z-modal-login-h{font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{color:var(--text-grey-800);padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2)\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}z-button.sc-z-modal-login,z-input.sc-z-modal-login,.sc-z-modal-login-s>z-button,.sc-z-modal-login-s>z-input{display:inline-block;width:100%}z-link.sc-z-modal-login,.sc-z-modal-login-s>z-link{font-size:12px}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}div.wrapper>form>div.username.sc-z-modal-login-s>z-input,div.wrapper>form>div.password.sc-z-modal-login-s>z-input,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.username.sc-z-modal-login z-input.sc-z-modal-login,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.password.sc-z-modal-login z-input.sc-z-modal-login{margin-bottom:var(--space-unit)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>z-link.forget.sc-z-modal-login{font-size:12px;align-self:flex-end}div.wrapper>form>div.login.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.login.sc-z-modal-login z-button.sc-z-modal-login{margin:calc(var(--space-unit) * 3) 0;align-self:flex-start}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;margin-bottom:calc(var(--space-unit) * 3);border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);margin-block-start:unset}div.wrapper>div.signup.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.signup.sc-z-modal-login z-button.sc-z-modal-login{display:inline-block;margin:calc(var(--space-unit) * 2) 0}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}slot-fb[name="provider"].sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-top:calc(var(--space-unit) * 2)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login>svg.sc-z-modal-login{margin-right:var(--space-unit)}@media only screen and (min-width: 768px){z-button.sc-z-modal-login,.sc-z-modal-login-s>z-button{width:initial}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:396px;padding:calc(var(--space-unit) * 3)}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{grid-column-start:1;grid-column-end:3;padding-bottom:var(--space-unit)}.sc-z-modal-login-s>[slot="provider"]{width:100%}slot-fb[name="provider"].sc-z-modal-login{grid-column-start:1;grid-column-end:3;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}slot-fb[name="provider"].sc-z-modal-login>*.sc-z-modal-login{width:100%}}@media only screen and (min-width: 1366px){.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:477px;padding:calc(var(--space-unit) * 4)}}';export{t as z_modal_login}
1
+ import{r as i,c as o,h as a,g as l}from"./p-904a85e4.js";import{m as s,b as n}from"./p-acdb443b.js";const t=class{constructor(a){i(this,a),this.loginSubmit=o(this,"loginSubmit",7),this.statusUpdate=o(this,"statusUpdate",7),this.signupClick=o(this,"signupClick",7),this.zainoDigitaleClick=o(this,"zainoDigitaleClick",7),this.heading="Entra in MyZanichelli",this.externalProviderCheck=!1}componentDidLoad(){this.externalProviderCheck=!!this.hostElement.querySelectorAll('[slot="provider"]').length}emitLoginSubmit(){const i=this.hostElement.querySelector("z-input#username"),o=this.hostElement.querySelector("z-input#password");if(!i||!o)return;let a=i.value,l=o.value;a&&l?(a=this.cleanUsername(a),this.loginSubmit.emit({username:a,password:l,originalUsername:i.value})):this.status=s.error}emitStatusUpdate(i){this.statusUpdate.emit(i)}emitSignupClick(){this.signupClick.emit()}emitZainoDigitaleClick(){this.zainoDigitaleClick.emit()}handleInputKeyUp(i){"Enter"===i.code&&this.emitLoginSubmit()}handleInputChange(){this.status=null,this.emitStatusUpdate(this.status)}cleanUsername(i){return i=i.trim().toLowerCase(),/^[+]?[\s./0-9]*[(]?[0-9]{1,4}[)]?[(]?[0-9]{1,4}[)]?[-\s./0-9]*$/g.test(i)&&(i=i.replace(/[- .)(]/g,""),/^[\d ]*$/.test(i)&&(i="+39"+i)),i}renderZainoDigitaleButton(){return a("z-button",{variant:n.secondary,onClick:()=>this.emitZainoDigitaleClick(),class:"zainoDigitale"},a("div",{class:"zd"},a("svg",{width:"18px",height:"24px",viewBox:"0 0 18 24"},a("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},a("g",{transform:"translate(-313.000000, -329.000000)",fill:"#E2001A","fill-rule":"nonzero"},a("g",{transform:"translate(25.000000, 191.000000)"},a("g",null,a("g",{transform:"translate(0.000000, 100.000000)"},a("g",null,a("g",{transform:"translate(276.000000, 28.000000)"},a("path",{d:"M29.8953704,30.5632326 C29.9143039,30.3327754 29.5356326,30.0447041 29.1380277,29.8142469 C29.2516291,28.7963947 29.4409647,26.9719425 29.2705626,26.3189807 C29.0433598,25.416357 28.3428178,24.8018047 28.380685,23.822362 C28.4185521,22.8429193 28.1913493,16.5437582 27.0364017,15.1802202 C26.1654576,14.162368 25.4649156,12.8372396 23.4390239,12.2418921 C23.4390239,12.0498445 23.4390239,11.8770016 23.4200903,11.7425683 C23.3822232,10.9167637 21.9622056,10.090959 21.6214014,10.0525495 C21.2805972,10.01414 20.371786,9.95652568 20.0309818,10.0525495 C19.6901775,10.1293685 19.0464362,11.128016 18.7434992,11.4352922 C18.5920306,11.5889302 18.5541635,11.9538207 18.5730971,12.3187111 C17.437083,12.6836015 16.1306669,13.4325871 15.4490584,14.9497631 C14.2941108,17.676839 13.4799674,18.9251483 13.6693031,24.1680477 C13.5935688,25.1090809 13.2906318,25.6084046 13.1012961,25.6852237 C12.9119604,25.7620427 12.798359,25.9156808 12.7604919,26.1077284 C12.7226247,26.2805712 12.5522226,28.37389 12.7415583,29.8718612 C12.3818205,30.1023183 12.0788834,30.3519802 12.097817,30.5632326 C12.1546177,31.0625563 11.8516806,31.7731324 12.097817,32.0612038 C12.230352,32.2148419 12.7226247,32.5413228 13.3284989,32.8293942 C13.6125024,33.4631512 14.199443,33.9240655 15.467992,33.9816797 C18.1565586,34.0584988 26.2601254,33.8664512 26.5630625,33.9048607 C26.847066,33.9432702 28.4374857,34.0008845 28.683622,32.8293942 C29.2894962,32.5413228 29.781769,32.2148419 29.9143039,32.0612038 C30.1415067,31.7731324 29.8385697,31.0625563 29.8953704,30.5632326 Z M12.0319858,31.2 C12.1173988,31.1230769 12.3736379,31.0461538 12.743761,31 C12.857645,31.3230769 12.914587,31.6615385 13,32 C12.4021089,31.8153846 11.8611598,31.5692308 12.0319858,31.2 Z M21.1618497,12.8394441 C21.1618497,12.8394441 20.6763006,12.8165075 20,13 L20,12.9770634 C20,12.5642053 20.3121387,11.3256309 20.3988439,11.1192018 C20.4855491,10.9127728 21.265896,11.0274556 21.8554913,11.0733287 C22.6358382,11.0503922 22.4624277,11.2568212 22.8092486,11.9907912 C22.9306358,12.2889666 22.982659,12.6559516 23,13 C22.4797688,12.8623806 21.8728324,12.8165075 21.1618497,12.8394441 Z M28.3324094,30 C28.6648189,30.0833333 28.9085858,30.2222222 28.9750677,30.3888889 C29.1301921,31.1666667 28.5318551,31.6388889 28,32 C28.0221606,31.5 28.0664819,31.1111111 28.0664819,31.1111111 L28.2437669,30.6111111 L28.3324094,30 Z M21.8571429,23 L21.8571429,23.8 L22.7142857,23.8 L22.7142857,24.6 L23.5714286,24.6 L23.5714286,25.4 L24.4285714,25.4 L24.4285714,26.2 L25.2857143,26.2 L25.2857143,27 L26.1428571,27 L26.1428571,27.8 L27,27.8 L27,28.6 L24.4285714,28.6 L24.4285714,29.4 L25.2857143,29.4 L25.2857143,31 L24.4285714,31 L24.4285714,30.2 L23.5714286,30.2 L23.5714286,29.4 L22.7142857,29.4 L22.7142857,30.2 L21.8571429,30.2 L21.8571429,31 L21,31 L21,23 L21.8571429,23 Z"}))))))))),a("span",null,"ZAINO DIGITALE")))}render(){return a("z-modal",{modaltitle:this.heading},a("div",{class:"wrapper",slot:"modalContent"},a("form",{method:"post"},a("div",{class:"username"},a("slot",{name:"username"},a("z-input",{id:"username",label:"email o numero di cellulare",placeholder:"Inserisci l'email o il cellulare",autocomplete:"username",name:"username",status:this.status,message:this.message,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("div",{class:"password"},a("slot",{name:"password"},a("z-input",{id:"password",label:"password",placeholder:"Inserisci la tua password",type:"password",name:"password",autocomplete:"current-password",status:this.status,message:this.pwdmessage,onKeyUp:i=>this.handleInputKeyUp(i),onInputChange:()=>this.handleInputChange()}))),a("z-link",{class:"forget",href:this.forgotPasswordUrl},"Password dimenticata?"),a("div",{class:"login"},a("slot",{name:"login"},a("z-button",{variant:n.primary,onClick:()=>this.emitLoginSubmit()},"Accedi")))),a("hr",null),a("z-body",{class:"signup",level:4,variant:"semibold"},"Non hai ancora un account?"),a("div",{class:"signup"},a("slot",{name:"signup"},a("z-button",{variant:n.secondary,onClick:()=>this.emitSignupClick()},"Registrati"))),!this.externalProviderCheck&&a("div",{class:"providers"},a("z-body",{class:"provider",level:5,variant:"regular"},"OPPURE ACCEDI CON:"),a("slot",{name:"provider"},this.renderZainoDigitaleButton(),a("z-link",{icon:"informationsource",href:"https://www.zainodigitale.it/#/landing"},"Cos'è Zaino Digitale?")))))}get hostElement(){return l(this)}};t.style='.sc-z-modal-login-h{font-family:var(--dashboard-font);font-weight:var(--font-rg)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{color:var(--text-grey-800);padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 2)\r\n calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}z-button.sc-z-modal-login,z-input.sc-z-modal-login,.sc-z-modal-login-s>z-button,.sc-z-modal-login-s>z-input{display:inline-block;width:100%}z-link.sc-z-modal-login,.sc-z-modal-login-s>z-link{font-size:12px}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch}div.wrapper>form>div.username.sc-z-modal-login-s>z-input,div.wrapper>form>div.password.sc-z-modal-login-s>z-input,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.username.sc-z-modal-login z-input.sc-z-modal-login,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.password.sc-z-modal-login z-input.sc-z-modal-login{margin-bottom:var(--space-unit)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>z-link.forget.sc-z-modal-login{font-size:12px;align-self:flex-end}div.wrapper>form>div.login.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>form.sc-z-modal-login>div.login.sc-z-modal-login z-button.sc-z-modal-login{margin:calc(var(--space-unit) * 3) 0;align-self:flex-start}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>hr.sc-z-modal-login{width:100%;margin-bottom:calc(var(--space-unit) * 3);border:none;border-top:var(--border-size-medium) solid var(--bg-grey-200);margin-block-start:unset}div.wrapper>div.signup.sc-z-modal-login-s>z-button,.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.signup.sc-z-modal-login z-button.sc-z-modal-login{display:inline-block;margin:calc(var(--space-unit) * 2) 0}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}slot-fb[name="provider"].sc-z-modal-login{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:calc(var(--space-unit) * 2) 0px}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{padding-top:calc(var(--space-unit) * 2)}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;align-content:center}.sc-z-modal-login-h div.wrapper.sc-z-modal-login>div.providers.sc-z-modal-login .zd.sc-z-modal-login>svg.sc-z-modal-login{margin-right:var(--space-unit)}@media only screen and (min-width: 768px){z-button.sc-z-modal-login,.sc-z-modal-login-s>z-button{width:initial}.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:396px;padding:calc(var(--space-unit) * 3)}.sc-z-modal-login-h div.providers.sc-z-modal-login{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}.sc-z-modal-login-h div.providers.sc-z-modal-login>z-body.sc-z-modal-login{grid-column-start:1;grid-column-end:3;padding-bottom:var(--space-unit)}.sc-z-modal-login-s>[slot="provider"]{width:100%}slot-fb[name="provider"].sc-z-modal-login{grid-column-start:1;grid-column-end:3;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:var(--space-unit);justify-content:center;align-items:center}slot-fb[name="provider"].sc-z-modal-login>*.sc-z-modal-login{width:100%}}@media only screen and (min-width: 1366px){.sc-z-modal-login-h div.wrapper.sc-z-modal-login{width:477px;padding:calc(var(--space-unit) * 4)}}';export{t as z_modal_login}
File without changes
@@ -1 +1 @@
1
- import{r as t,h as e,g as i}from"./p-904a85e4.js";import{D as r}from"./p-d63b9ed3.js";import{b as s,d as o,h as n}from"./p-e7304c42.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
+ 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 +1 @@
1
- import{k as t,D as n}from"./p-d63b9ed3.js";import{t as r,m as a}from"./p-d69e14fb.js";function u(){return Math.random().toString(36).replace("0.","")}function e(n,r,...a){n.keyCode!==t.ENTER&&n.keyCode!==t.SPACE||(n.preventDefault(),r(...a))}function s(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?s(t=t.shadowRoot.activeElement):t}function o(t,n=[]){return n.push(t),t.parentElement?o(t=t.parentElement,n):t.parentNode&&t.parentNode.host?o(t=t.parentNode.host,n):n}function c(){switch(!0){case window.innerWidth<=a:return n.mobile;case window.innerWidth<=r:return n.tablet;default:return n.desktop}}function i(t){try{return JSON.parse(t)}catch(t){return!1}}function f(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}export{s as a,i as b,f as c,c as d,o as g,e as h,u as r}
1
+ import{k as t,D as n}from"./p-acdb443b.js";import{t as r,m as a}from"./p-e35d3552.js";function u(){return Math.random().toString(36).replace("0.","")}function s(n,r,...a){n.keyCode!==t.ENTER&&n.keyCode!==t.SPACE||(n.preventDefault(),r(...a))}function e(t=null){return t||(t=document.activeElement),t&&t.shadowRoot&&t.shadowRoot.activeElement?e(t=t.shadowRoot.activeElement):t}function o(t,n=[]){return n.push(t),t.parentElement?o(t=t.parentElement,n):t.parentNode&&t.parentNode.host?o(t=t.parentNode.host,n):n}function c(){switch(!0){case window.innerWidth<=a:return n.mobile;case window.innerWidth<=r:return n.tablet;default:return n.desktop}}function i(t){try{return JSON.parse(t)}catch(t){return!1}}function f(t){const n=Math.ceil(2**31-1)*parseFloat(`0.${t}`);let r=Math.ceil(n%1*19);return 0===r&&(r=1),`avatar-C${r.toString().padStart(2,"0")}`}export{e as a,i as b,f as c,c as d,o as g,s as h,u as r}
@@ -1 +1 @@
1
- import{r as t,c as n,h as i}from"./p-904a85e4.js";import{b as e}from"./p-d63b9ed3.js";const a=class{constructor(i){t(this,i),this.accept=n(this,"accept",7)}emitAccept(t){this.accept.emit({ev:t})}handleOkButtonClick(t){this.emitAccept(t),"function"==typeof this.callback&&this.callback()}handleOkButtonKeyUp(t){this.emitAccept(t),"Enter"===t.code&&void 0!==this.callback&&"function"==typeof this.callback&&this.callback()}renderContentSlot(){return i("div",{class:"content",slot:"content"},i("div",null,i("h2",null,"Su questo sito usiamo i cookie."),i("div",null,i("p",null,"Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai  ",i("a",{href:this.cookiepolicyurl,target:"_blank"},"cookie"),"."))),i("z-button",{variant:e.primary,onClick:t=>this.handleOkButtonClick(t),onKeyUp:t=>this.handleOkButtonKeyUp(t)},"ACCETTA"))}render(){return i("z-candybar",{class:this.hide?"hidden":""},this.renderContentSlot())}};a.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-candybar.hidden{display:none}.content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:space-between;color:var(--text-grey-800);border-radius:calc(var(--space-unit) * .5);font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.content>div>h2{margin:0;padding:0;color:var(--text-grey-800);border-radius:0px;font-size:18px;font-weight:var(--font-sb);letter-spacing:0px}.content>div>div{padding:calc(var(--space-unit) * 3) 0;font-size:14px;letter-spacing:0.16px;line-height:20px}.content>div>div>p{margin:0}.content>div>div>p>a{cursor:pointer;font-weight:var(--font-sb);color:var(--text-grey-800);text-decoration:underline;height:14px;display:inline-flex}.content>div>div>p>a:visited{color:var(--text-grey-800);cursor:pointer;z-index:1000}.content>z-button{margin:0;width:100%}@media only screen and (min-width: 768px){.content{width:100%;flex-direction:row;align-items:center;font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3)}.content>div{width:560px}.content>div>h2{height:calc(var(--space-unit) * 3.5)}.content>div>div{padding:0}.content>z-button{margin:0;width:initial}}@media only screen and (min-width: 1152px){.content>div{width:935px}}@media only screen and (min-width: 1366px){.content{padding-left:calc(var(--space-unit) * 4);padding-right:calc(var(--space-unit) * 4)}}";export{a as z_cookiebar}
1
+ import{r as t,c as n,h as i}from"./p-904a85e4.js";import{b as e}from"./p-acdb443b.js";const a=class{constructor(i){t(this,i),this.accept=n(this,"accept",7)}emitAccept(t){this.accept.emit({ev:t})}handleOkButtonClick(t){this.emitAccept(t),"function"==typeof this.callback&&this.callback()}handleOkButtonKeyUp(t){this.emitAccept(t),"Enter"===t.code&&void 0!==this.callback&&"function"==typeof this.callback&&this.callback()}renderContentSlot(){return i("div",{class:"content",slot:"content"},i("div",null,i("h2",null,"Su questo sito usiamo i cookie."),i("div",null,i("p",null,"Se continui a navigare ci permetti di farlo secondo le regole spiegate nella nostra informativa sulla privacy relativa ai  ",i("a",{href:this.cookiepolicyurl,target:"_blank"},"cookie"),"."))),i("z-button",{variant:e.primary,onClick:t=>this.handleOkButtonClick(t),onKeyUp:t=>this.handleOkButtonKeyUp(t)},"ACCETTA"))}render(){return i("z-candybar",{class:this.hide?"hidden":""},this.renderContentSlot())}};a.style=":host{font-family:var(--dashboard-font);font-weight:var(--font-rg)}z-candybar.hidden{display:none}.content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:space-between;color:var(--text-grey-800);border-radius:calc(var(--space-unit) * .5);font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 3) calc(var(--space-unit) * 2)}.content>div>h2{margin:0;padding:0;color:var(--text-grey-800);border-radius:0px;font-size:18px;font-weight:var(--font-sb);letter-spacing:0px}.content>div>div{padding:calc(var(--space-unit) * 3) 0;font-size:14px;letter-spacing:0.16px;line-height:20px}.content>div>div>p{margin:0}.content>div>div>p>a{cursor:pointer;font-weight:var(--font-sb);color:var(--text-grey-800);text-decoration:underline;height:14px;display:inline-flex}.content>div>div>p>a:visited{color:var(--text-grey-800);cursor:pointer;z-index:1000}.content>z-button{margin:0;width:100%}@media only screen and (min-width: 768px){.content{width:100%;flex-direction:row;align-items:center;font-size:16px;letter-spacing:0px;line-height:24px;padding:calc(var(--space-unit) * 4) calc(var(--space-unit) * 3)}.content>div{width:560px}.content>div>h2{height:calc(var(--space-unit) * 3.5)}.content>div>div{padding:0}.content>z-button{margin:0;width:initial}}@media only screen and (min-width: 1152px){.content>div{width:935px}}@media only screen and (min-width: 1366px){.content{padding-left:calc(var(--space-unit) * 4);padding-right:calc(var(--space-unit) * 4)}}";export{a as z_cookiebar}
@@ -1 +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-b89ae2ca",[[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"]]],[1,"z-footer",{"data":[1],"copyrightuser":[1]}],[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],"link":[1],"targetblank":[4]}],[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]}],[2,"z-divider",{"size":[1],"color":[1],"orientation":[1]}],[1,"z-input-label",{"value":[1],"disabled":[4],"htmlfor":[1]}],[1,"z-body",{"level":[2],"variant":[1],"component":[1]}],[1,"z-input-message",{"message":[1],"status":[513]}],[1,"z-link",{"htmlid":[1],"href":[1],"target":[1],"htmltabindex":[2],"isdisabled":[4],"isactive":[4],"iswhite":[4],"textcolor":[1],"icon":[1],"big":[4],"iconposition":[1],"underline":[4],"iconSize":[32]}],[1,"z-typography",{"component":[1],"variant":[1],"level":[1]}],[1,"z-button",{"htmlid":[1],"name":[1],"disabled":[516],"type":[1],"variant":[513],"icon":[1],"size":[513],"issmall":[516],"square":[516]}],[1,"z-icon",{"name":[1],"height":[2],"width":[2],"iconid":[1],"fill":[1]}]]],["p-d4830f32",[[6,"z-modal-login",{"forgotPasswordUrl":[1,"forgot-password-url"],"heading":[1],"status":[1025],"message":[1025],"pwdmessage":[1025],"externalProviderCheck":[32]}]]],["p-14543c46",[[1,"z-myz-topbar",{"intlinkdata":[1],"extlinkdata":[1],"userdata":[1],"ismyz":[4],"logolink":[1],"imagealt":[1],"activeintlinkid":[1],"activesublinkid":[1],"hideloginbutton":[4],"activeMenuItem":[32],"currentMenuItem":[32],"isMobile":[32],"isMenuMobileOpen":[32]},[[9,"resize","handleResize"],[2,"zListItemLinkClick","handleZListItemLinkClick"],[2,"zListItemClick","handleZListItemClick"]]]]],["p-231e7797",[[1,"z-myz-card-dictionary",{"name":[1],"cover":[1],"disabled":[4],"flipped":[1028],"flipbuttonlabel":[1],"hideinfobtn":[4]},[[0,"flipCard","handleFlipCard"]]]]],["p-3cdefa38",[[1,"z-messages-pocket",{"pocketid":[1],"messages":[2],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]]]],["p-02e55441",[[1,"z-cookiebar",{"cookiepolicyurl":[1],"hide":[4],"callback":[16]}]]],["p-ff6b02d1",[[1,"z-myz-card-info",{"data":[1],"htmltabindex":[2],"hiddenContent":[32],"tooltip":[32]}]]],["p-4a6ec3df",[[1,"z-otp",{"inputNum":[2,"input-num"],"status":[1],"message":[1]}]]],["p-1442c0b2",[[1,"z-app-header",{"stuck":[516],"hero":[1],"overlay":[516],"flow":[513],"drawerOpen":[516,"drawer-open"],"stucked":[32],"menuLength":[32]}]]],["p-96e3aec6",[[1,"z-heading",{"level":[2],"variant":[1],"component":[1]}]]],["p-5cdcaa8c",[[1,"z-navigation-tabs",{"orientation":[513],"size":[513],"canNavigate":[32],"canNavigatePrev":[32],"canNavigateNext":[32],"direction":[32],"dimension":[32]},[[9,"resize","checkScrollVisible"],[0,"selected","selectedTabHandler"]]]]],["p-1c72783c",[[1,"z-pocket-message"]]],["p-b80081c9",[[1,"z-slideshow",{"slideshowid":[1],"data":[1],"device":[32],"currentSlide":[32]}]]],["p-35b1f338",[[1,"z-toast-notification",{"heading":[1],"message":[1],"closebutton":[4],"autoclose":[2],"pauseonfocusloss":[4],"type":[1],"isdraggable":[4],"draggablepercentage":[2],"transition":[1],"percentage":[32],"isTextLong":[32]}]]],["p-140cc18f",[[1,"z-myz-card-footer-sections"]]],["p-f113a03a",[[1,"z-navigation-tab",{"selected":[1540],"disabled":[516],"orientation":[513],"size":[513]},[[0,"focus","onFocus"],[0,"click","onClick"]]]]],["p-017370c7",[[6,"z-registro-table-footer"]]],["p-2f354863",[[1,"z-toast-notification-list",{"position":[1],"newestontop":[4]}]]],["p-c7af96eb",[[1,"z-candybar"]]],["p-18f6f866",[[1,"z-pocket",{"pocketid":[1],"status":[1025],"open":[64],"close":[64]},[[0,"pocketHeaderClick","handlePocketHeaderClick"],[0,"pocketHeaderPan","handlePocketHeaderPan"]]],[1,"z-pocket-body",{"pocketid":[1],"status":[1025]},[[16,"pocketToggle","handlePocketToggle"]]],[1,"z-pocket-header",{"pocketid":[1]}]]]]'),e)));
1
+ import{p as e,b as t}from"./p-904a85e4.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-7342f830",[[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"]}],[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],"link":[1],"targetblank":[4]}],[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-cb3b84f1",[[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)));
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-e4e9baf3.js"><script type="module" src="/build/p-e4e9baf3.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 imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" imagealt="Ciaoooo!"></z-logo> <z-logo height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></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-c6932a85.css"> <link rel="modulepreload" href="/build/p-bf6edd37.js"><script type="module" src="/build/p-bf6edd37.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 imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!"></z-logo> <z-logo width="128" height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="128" imagealt="Ciaoooo!"></z-logo> <z-logo height="32" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!"></z-logo> <z-logo width="31" height="40" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!"></z-logo> <z-logo width="300" height="100" imagealt="Ciaoooo!" link="https://www.google.com" targetblank=""></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>
@@ -281,7 +281,7 @@
281
281
  laoreet et odio. Vestibulum condimentum in ante quis bibendum. Nam quis hendrerit massa, sit amet varius elit.
282
282
  Proin varius eu massa et convallis. Maecenas facilisis sem non dictum pulvinar. Maecenas est enim, fringilla sed
283
283
  sem dictum, blandit vulputate turpis. Vivamus nisl ante, suscipit ut massa et, venenatis tempus nisi. Praesent
284
- tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> </section> <z-registro-table bordered="false"> <z-registro-table-head> <z-registro-table-header-row expandable=""> <z-registro-table-header show-button="true" sortable="true" column-id="1">Colonna 1<br>Colonna 2 </z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="2">Colonna 2</z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="3">Colonna 3</z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true"><span slot="contextual-menu">Span Button</span>Valore 1-1 </z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 1-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 1-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true">Valore 2-1</z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 2-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 2-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> Test footer </z-registro-table-sticky-footer> </z-registro-table> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-popover position="after-up" show-arrow="true" background-color="color-white" box-shadow="shadow-1" border-radius="small"> <z-button slot="trigger">Action button</z-button> <div slot="popover">Conenuto popover</div> </z-popover> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-avatar text="Abcde" size="medium" image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-status-tag icon="gear" text="z-status-tag" status="default" variant="dark" expandable=""></z-status-tag> </div> <br><br><br><br><br><br> <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 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> <br><br><br><br><br><br> <div style="margin-left: 200px; padding: 50px; width: 300px; height: 50px;"> <z-ghost-loading></z-ghost-loading> </div> <p id="bottom">bottom</p> <br><br><br><br><br><br> <z-link onclick="openModal(this)" slot="actions">Apri Modale</z-link> <z-link slot="actions" id="xxx">Link di test</z-link> <z-footer copyrightuser="Zanichelli" data="{
284
+ tempus laoreet pretium. Duis porta eleifend lectus non congue. Ut quis suscipit leo, eu euismod mauris. </p> </section> </section> <z-registro-table bordered="false"> <z-registro-table-head> <z-registro-table-header-row expandable=""> <z-registro-table-header show-button="true" sortable="true" column-id="1">Colonna 1<br>Colonna 2 </z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="2">Colonna 2</z-registro-table-header> <z-registro-table-header show-button="true" sortable="true" column-id="3">Colonna 3</z-registro-table-header> </z-registro-table-header-row> </z-registro-table-head> <z-registro-table-body> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true"><span slot="contextual-menu">Span Button</span>Valore 1-1 </z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 1-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 1-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> <z-registro-table-row expandable=""> <z-registro-table-cell show-button="true">Valore 2-1</z-registro-table-cell> <z-registro-table-cell show-button="true">Valore 2-2</z-registro-table-cell> <z-registro-table-cell show-button="true"> <z-button icon="gear">Prova 2-3</z-button> </z-registro-table-cell> </z-registro-table-row> <z-registro-table-expanded-row col-span="4"> <div>ci scrivo qualcosa</div> </z-registro-table-expanded-row> </z-registro-table-body> <z-registro-table-sticky-footer slot="sticky-footer"> Test footer </z-registro-table-sticky-footer> </z-registro-table> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-popover position="after-up" show-arrow="true" background-color="color-white" box-shadow="shadow-1" border-radius="small"> <z-button slot="trigger">Action button</z-button> <div slot="popover">Conenuto popover</div> </z-popover> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-avatar text="Abcde" size="medium" image="https://cdn.eso.org/images/thumb700x/eso1907a.jpg"></z-avatar> </div> <br><br><br><br><br><br> <div style="padding-left: 280px;"> <z-status-tag icon="gear" text="z-status-tag" status="default" variant="dark" expandable=""></z-status-tag> </div> <br><br><br><br><br><br> <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 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> <br><br><br><br><br><br> <div style="margin-left: 200px; padding: 50px; width: 300px; height: 50px;"> <z-ghost-loading></z-ghost-loading> </div> <p id="bottom">bottom</p> <br><br><br><br><br><br> <z-link onclick="openModal(this)" slot="actions">Apri Modale</z-link> <z-link slot="actions" id="xxx">Link di test</z-link> <z-footer product-name="Prodotto bello" product-version="6.6.6" product-credits-link="https://www.google.com" show-report-a-problem-button="" data="{
285
285
  &quot;zanichelliLinks&quot;: [{
286
286
  &quot;title&quot;: &quot;Zanichelli.it&quot;,
287
287
  &quot;items&quot;: [{