@zanichelli/albe-web-components 2.31.0 → 2.31.1

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 (398) hide show
  1. package/CHANGELOG.md +1161 -1159
  2. package/LICENSE +21 -21
  3. package/dist/cjs/{breakpoints-776c8868.js → breakpoints-88c4fd6c.js} +1 -1
  4. package/dist/cjs/{index-8f7af00e.js → index-8f4b351d.js} +248 -248
  5. package/dist/cjs/index.cjs.js +5 -5
  6. package/dist/cjs/{utils-98538463.js → utils-6d6841cc.js} +63 -63
  7. package/dist/cjs/z-alert_66.cjs.entry.js +3359 -3321
  8. package/dist/cjs/z-app-header.cjs.entry.js +133 -133
  9. package/dist/cjs/z-candybar.cjs.entry.js +8 -8
  10. package/dist/cjs/z-cookiebar.cjs.entry.js +31 -31
  11. package/dist/cjs/z-heading.cjs.entry.js +8 -8
  12. package/dist/cjs/z-messages-pocket.cjs.entry.js +36 -36
  13. package/dist/cjs/z-modal-login.cjs.entry.js +71 -71
  14. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +25 -25
  15. package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +8 -8
  16. package/dist/cjs/z-myz-card-info.cjs.entry.js +109 -109
  17. package/dist/cjs/z-myz-topbar.cjs.entry.js +183 -183
  18. package/dist/cjs/z-navigation-tab.cjs.entry.js +34 -34
  19. package/dist/cjs/z-navigation-tabs.cjs.entry.js +90 -90
  20. package/dist/cjs/z-otp.cjs.entry.js +30 -30
  21. package/dist/cjs/z-pocket-message.cjs.entry.js +8 -8
  22. package/dist/cjs/z-pocket_3.cjs.entry.js +102 -102
  23. package/dist/cjs/z-registro-table-footer.cjs.entry.js +12 -12
  24. package/dist/cjs/z-slideshow.cjs.entry.js +101 -101
  25. package/dist/cjs/z-toast-notification-list.cjs.entry.js +45 -45
  26. package/dist/cjs/z-toast-notification.cjs.entry.js +190 -190
  27. package/dist/collection/beans/index.js +249 -249
  28. package/dist/collection/components/buttons/z-button/index.js +219 -219
  29. package/dist/collection/components/buttons/z-button/styles.css +231 -231
  30. package/dist/collection/components/buttons/z-button-filter/index.js +155 -155
  31. package/dist/collection/components/buttons/z-button-filter/styles.css +74 -74
  32. package/dist/collection/components/buttons/z-button-sort/index.js +216 -216
  33. package/dist/collection/components/buttons/z-button-sort/styles.css +101 -101
  34. package/dist/collection/components/buttons/z-chip/index.js +59 -59
  35. package/dist/collection/components/buttons/z-chip/styles.css +17 -17
  36. package/dist/collection/components/buttons/z-toggle-button/index.js +122 -122
  37. package/dist/collection/components/buttons/z-toggle-button/styles.css +62 -62
  38. package/dist/collection/components/footer/z-footer/index.js +286 -286
  39. package/dist/collection/components/footer/z-footer/styles.css +241 -241
  40. package/dist/collection/components/footer/z-footer-link/index.js +37 -37
  41. package/dist/collection/components/footer/z-footer-link/styles.css +33 -33
  42. package/dist/collection/components/footer/z-footer-section/index.js +51 -51
  43. package/dist/collection/components/footer/z-footer-section/styles.css +163 -163
  44. package/dist/collection/components/footer/z-footer-social/index.js +68 -68
  45. package/dist/collection/components/footer/z-footer-social/styles.css +23 -23
  46. package/dist/collection/components/icons/icons.js +473 -435
  47. package/dist/collection/components/icons/z-icon/index.js +110 -110
  48. package/dist/collection/components/icons/z-icon/styles.css +14 -14
  49. package/dist/collection/components/icons/z-icon-package/index.js +20 -20
  50. package/dist/collection/components/icons/z-icon-package/styles.css +16 -16
  51. package/dist/collection/components/indicators/z-stepper/index.js +17 -17
  52. package/dist/collection/components/indicators/z-stepper/styles.css +19 -19
  53. package/dist/collection/components/indicators/z-stepper-item/index.js +93 -93
  54. package/dist/collection/components/indicators/z-stepper-item/styles.css +115 -115
  55. package/dist/collection/components/inputs/z-combobox/index.js +480 -480
  56. package/dist/collection/components/inputs/z-combobox/styles.css +148 -148
  57. package/dist/collection/components/inputs/z-input/index.js +821 -821
  58. package/dist/collection/components/inputs/z-input/styles.css +304 -304
  59. package/dist/collection/components/inputs/z-input-label/index.js +72 -72
  60. package/dist/collection/components/inputs/z-input-label/styles.css +16 -16
  61. package/dist/collection/components/inputs/z-input-message/index.js +64 -64
  62. package/dist/collection/components/inputs/z-input-message/styles.css +33 -33
  63. package/dist/collection/components/inputs/z-select/index.js +647 -647
  64. package/dist/collection/components/inputs/z-select/styles.css +131 -131
  65. package/dist/collection/components/list/z-list/index.js +57 -57
  66. package/dist/collection/components/list/z-list/styles.css +7 -7
  67. package/dist/collection/components/list/z-list-element/index.js +439 -439
  68. package/dist/collection/components/list/z-list-element/styles.css +133 -133
  69. package/dist/collection/components/list/z-list-group/index.js +144 -144
  70. package/dist/collection/components/list/z-list-group/styles.css +22 -22
  71. package/dist/collection/components/list/z-toast-notification-list/index.js +97 -97
  72. package/dist/collection/components/list/z-toast-notification-list/styles.css +107 -107
  73. package/dist/collection/components/logo/z-logo/index.js +128 -128
  74. package/dist/collection/components/logo/z-logo/styles.css +28 -28
  75. package/dist/collection/components/modal/z-modal/index.js +160 -160
  76. package/dist/collection/components/modal/z-modal/styles.css +185 -185
  77. package/dist/collection/components/modal/z-modal-login/index.js +272 -272
  78. package/dist/collection/components/modal/z-modal-login/styles.css +159 -159
  79. package/dist/collection/components/navigation/z-app-header/index.js +267 -267
  80. package/dist/collection/components/navigation/z-app-header/styles.css +445 -445
  81. package/dist/collection/components/navigation/z-app-switcher/index.js +70 -70
  82. package/dist/collection/components/navigation/z-app-switcher/styles.css +35 -35
  83. package/dist/collection/components/navigation/z-app-topbar/index.js +156 -156
  84. package/dist/collection/components/navigation/z-app-topbar/styles.css +71 -71
  85. package/dist/collection/components/navigation/z-link/index.js +309 -309
  86. package/dist/collection/components/navigation/z-link/styles.css +160 -160
  87. package/dist/collection/components/navigation/z-menu/index.js +223 -223
  88. package/dist/collection/components/navigation/z-menu/styles.css +149 -149
  89. package/dist/collection/components/navigation/z-menu-dropdown/index.js +125 -125
  90. package/dist/collection/components/navigation/z-menu-dropdown/styles.css +146 -146
  91. package/dist/collection/components/navigation/z-menu-section/index.js +109 -109
  92. package/dist/collection/components/navigation/z-menu-section/styles.css +91 -91
  93. package/dist/collection/components/navigation/z-navigation-tab/index.js +151 -151
  94. package/dist/collection/components/navigation/z-navigation-tab/styles.css +113 -113
  95. package/dist/collection/components/navigation/z-navigation-tabs/index.js +179 -179
  96. package/dist/collection/components/navigation/z-navigation-tabs/styles.css +117 -117
  97. package/dist/collection/components/navigation/z-user-dropdown/index.js +252 -252
  98. package/dist/collection/components/navigation/z-user-dropdown/styles.css +315 -315
  99. package/dist/collection/components/notification/z-candybar/index.js +18 -18
  100. package/dist/collection/components/notification/z-candybar/styles.css +61 -61
  101. package/dist/collection/components/notification/z-cookiebar/index.js +111 -111
  102. package/dist/collection/components/notification/z-cookiebar/styles.css +109 -109
  103. package/dist/collection/components/notification/z-info-box/index.js +79 -79
  104. package/dist/collection/components/notification/z-info-box/styles.css +23 -23
  105. package/dist/collection/components/notification/z-notification/index.js +171 -171
  106. package/dist/collection/components/notification/z-notification/styles.css +93 -93
  107. package/dist/collection/components/notification/z-toast-notification/index.js +402 -402
  108. package/dist/collection/components/notification/z-toast-notification/styles.css +247 -247
  109. package/dist/collection/components/notification/z-tooltip/index.js +379 -379
  110. package/dist/collection/components/notification/z-tooltip/styles.css +128 -128
  111. package/dist/collection/components/pagination/z-pagination-bar/index.js +278 -278
  112. package/dist/collection/components/pagination/z-pagination-bar/styles.css +23 -23
  113. package/dist/collection/components/pagination/z-pagination-page/index.js +129 -129
  114. package/dist/collection/components/pagination/z-pagination-page/styles.css +57 -57
  115. package/dist/collection/components/panel/z-panel-elem/index.js +193 -193
  116. package/dist/collection/components/panel/z-panel-elem/styles.css +39 -39
  117. package/dist/collection/components/typography/z-body/index.js +66 -66
  118. package/dist/collection/components/typography/z-heading/index.js +66 -66
  119. package/dist/collection/components/typography/z-typography/index.js +84 -84
  120. package/dist/collection/components/typography/z-typography/styles.css +61 -61
  121. package/dist/collection/components/z-avatar/index.js +137 -137
  122. package/dist/collection/components/z-avatar/styles.css +35 -35
  123. package/dist/collection/components/z-card/index.js +153 -153
  124. package/dist/collection/components/z-card/styles.css +188 -188
  125. package/dist/collection/components/z-contextual-menu/index.js +122 -122
  126. package/dist/collection/components/z-contextual-menu/styles.css +45 -45
  127. package/dist/collection/components/z-divider/index.js +89 -89
  128. package/dist/collection/components/z-divider/styles.css +37 -37
  129. package/dist/collection/components/z-ghost-loading/index.js +14 -14
  130. package/dist/collection/components/z-ghost-loading/styles.css +34 -34
  131. package/dist/collection/components/z-popover/index.js +274 -274
  132. package/dist/collection/components/z-popover/styles.css +236 -236
  133. package/dist/collection/components/z-status-tag/index.js +125 -125
  134. package/dist/collection/components/z-status-tag/styles.css +133 -133
  135. package/dist/collection/constants/breakpoints.js +3 -3
  136. package/dist/collection/constants/icons.js +6 -6
  137. package/dist/collection/index.js +5 -5
  138. package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +119 -119
  139. package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +38 -38
  140. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +148 -148
  141. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +62 -62
  142. package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +20 -20
  143. package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +13 -13
  144. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +87 -87
  145. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +11 -11
  146. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +177 -177
  147. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +85 -85
  148. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +190 -190
  149. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +137 -137
  150. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +23 -23
  151. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +32 -32
  152. package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +101 -101
  153. package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +46 -46
  154. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +74 -74
  155. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +70 -70
  156. package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +213 -213
  157. package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +124 -124
  158. package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +53 -53
  159. package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +41 -41
  160. package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +70 -70
  161. package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +4 -4
  162. package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +188 -188
  163. package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +48 -48
  164. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +121 -121
  165. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +106 -106
  166. package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +181 -181
  167. package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +56 -56
  168. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +77 -77
  169. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +49 -49
  170. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +86 -86
  171. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +40 -40
  172. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +23 -23
  173. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +53 -53
  174. package/dist/collection/snowflakes/myz/topbar/index.js +428 -428
  175. package/dist/collection/snowflakes/myz/topbar/styles.css +594 -594
  176. package/dist/collection/snowflakes/myz/z-alert/index.js +42 -42
  177. package/dist/collection/snowflakes/myz/z-alert/styles.css +28 -28
  178. package/dist/collection/snowflakes/myz/z-otp/index.js +114 -114
  179. package/dist/collection/snowflakes/myz/z-otp/styles.css +47 -47
  180. package/dist/collection/snowflakes/myz/z-slideshow/index.js +165 -165
  181. package/dist/collection/snowflakes/myz/z-slideshow/styles.css +128 -128
  182. package/dist/collection/snowflakes/registro-table/z-registro-table/index.js +365 -365
  183. package/dist/collection/snowflakes/registro-table/z-registro-table/styles.css +166 -166
  184. package/dist/collection/snowflakes/registro-table/z-registro-table-body/index.js +19 -19
  185. package/dist/collection/snowflakes/registro-table/z-registro-table-body/styles.css +9 -9
  186. package/dist/collection/snowflakes/registro-table/z-registro-table-cell/index.js +58 -58
  187. package/dist/collection/snowflakes/registro-table/z-registro-table-cell/styles.css +39 -39
  188. package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/index.js +69 -69
  189. package/dist/collection/snowflakes/registro-table/z-registro-table-empty-box/styles.css +24 -24
  190. package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/index.js +36 -36
  191. package/dist/collection/snowflakes/registro-table/z-registro-table-expanded-row/styles.css +16 -16
  192. package/dist/collection/snowflakes/registro-table/z-registro-table-footer/index.js +18 -18
  193. package/dist/collection/snowflakes/registro-table/z-registro-table-footer/styles.css +5 -5
  194. package/dist/collection/snowflakes/registro-table/z-registro-table-head/index.js +18 -18
  195. package/dist/collection/snowflakes/registro-table/z-registro-table-head/styles.css +5 -5
  196. package/dist/collection/snowflakes/registro-table/z-registro-table-header/index.js +240 -240
  197. package/dist/collection/snowflakes/registro-table/z-registro-table-header/styles.css +67 -67
  198. package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/index.js +37 -37
  199. package/dist/collection/snowflakes/registro-table/z-registro-table-header-row/styles.css +13 -13
  200. package/dist/collection/snowflakes/registro-table/z-registro-table-row/index.js +86 -86
  201. package/dist/collection/snowflakes/registro-table/z-registro-table-row/styles.css +54 -54
  202. package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/index.js +17 -17
  203. package/dist/collection/snowflakes/registro-table/z-registro-table-sticky-footer/styles.css +10 -10
  204. package/dist/collection/themes/index.story.js +18 -18
  205. package/dist/collection/utils/utils.js +82 -82
  206. package/dist/esm/{breakpoints-14432d05.js → breakpoints-c386984e.js} +1 -1
  207. package/dist/esm/{index-e9a16abc.js → index-0258069c.js} +248 -248
  208. package/dist/esm/index.js +5 -5
  209. package/dist/esm/polyfills/core-js.js +0 -0
  210. package/dist/esm/polyfills/dom.js +0 -0
  211. package/dist/esm/polyfills/es5-html-element.js +0 -0
  212. package/dist/esm/polyfills/index.js +0 -0
  213. package/dist/esm/polyfills/system.js +0 -0
  214. package/dist/esm/{utils-84f318dc.js → utils-0345e333.js} +63 -63
  215. package/dist/esm/z-alert_66.entry.js +3359 -3321
  216. package/dist/esm/z-app-header.entry.js +133 -133
  217. package/dist/esm/z-candybar.entry.js +8 -8
  218. package/dist/esm/z-cookiebar.entry.js +31 -31
  219. package/dist/esm/z-heading.entry.js +8 -8
  220. package/dist/esm/z-messages-pocket.entry.js +36 -36
  221. package/dist/esm/z-modal-login.entry.js +71 -71
  222. package/dist/esm/z-myz-card-dictionary.entry.js +25 -25
  223. package/dist/esm/z-myz-card-footer-sections.entry.js +8 -8
  224. package/dist/esm/z-myz-card-info.entry.js +109 -109
  225. package/dist/esm/z-myz-topbar.entry.js +183 -183
  226. package/dist/esm/z-navigation-tab.entry.js +34 -34
  227. package/dist/esm/z-navigation-tabs.entry.js +90 -90
  228. package/dist/esm/z-otp.entry.js +30 -30
  229. package/dist/esm/z-pocket-message.entry.js +8 -8
  230. package/dist/esm/z-pocket_3.entry.js +102 -102
  231. package/dist/esm/z-registro-table-footer.entry.js +12 -12
  232. package/dist/esm/z-slideshow.entry.js +101 -101
  233. package/dist/esm/z-toast-notification-list.entry.js +45 -45
  234. package/dist/esm/z-toast-notification.entry.js +190 -190
  235. package/dist/types/beans/index.d.ts +334 -334
  236. package/dist/types/components/buttons/z-button/index.d.ts +29 -29
  237. package/dist/types/components/buttons/z-button-filter/index.d.ts +22 -22
  238. package/dist/types/components/buttons/z-button-sort/index.d.ts +28 -28
  239. package/dist/types/components/buttons/z-chip/index.d.ts +6 -6
  240. package/dist/types/components/buttons/z-toggle-button/index.d.ts +16 -16
  241. package/dist/types/components/footer/z-footer/index.d.ts +46 -46
  242. package/dist/types/components/footer/z-footer-link/index.d.ts +8 -8
  243. package/dist/types/components/footer/z-footer-section/index.d.ts +10 -10
  244. package/dist/types/components/footer/z-footer-social/index.d.ts +9 -9
  245. package/dist/types/components/icons/icons.d.ts +443 -405
  246. package/dist/types/components/icons/z-icon/index.d.ts +14 -14
  247. package/dist/types/components/icons/z-icon-package/index.d.ts +3 -3
  248. package/dist/types/components/indicators/z-stepper/index.d.ts +6 -6
  249. package/dist/types/components/indicators/z-stepper-item/index.d.ts +19 -19
  250. package/dist/types/components/inputs/z-combobox/index.d.ts +62 -62
  251. package/dist/types/components/inputs/z-input/index.d.ts +102 -102
  252. package/dist/types/components/inputs/z-input-label/index.d.ts +9 -9
  253. package/dist/types/components/inputs/z-input-message/index.d.ts +9 -9
  254. package/dist/types/components/inputs/z-select/index.d.ts +73 -73
  255. package/dist/types/components/list/z-list/index.d.ts +11 -11
  256. package/dist/types/components/list/z-list-element/index.d.ts +79 -79
  257. package/dist/types/components/list/z-list-group/index.d.ts +24 -24
  258. package/dist/types/components/list/z-toast-notification-list/index.d.ts +14 -14
  259. package/dist/types/components/logo/z-logo/index.d.ts +15 -15
  260. package/dist/types/components/modal/z-modal/index.d.ts +25 -25
  261. package/dist/types/components/modal/z-modal-login/index.d.ts +42 -42
  262. package/dist/types/components/navigation/z-app-header/index.d.ts +67 -67
  263. package/dist/types/components/navigation/z-app-switcher/index.d.ts +12 -12
  264. package/dist/types/components/navigation/z-app-topbar/index.d.ts +20 -20
  265. package/dist/types/components/navigation/z-link/index.d.ts +41 -41
  266. package/dist/types/components/navigation/z-menu/index.d.ts +52 -52
  267. package/dist/types/components/navigation/z-menu-dropdown/index.d.ts +19 -19
  268. package/dist/types/components/navigation/z-menu-section/index.d.ts +24 -24
  269. package/dist/types/components/navigation/z-navigation-tab/index.d.ts +16 -16
  270. package/dist/types/components/navigation/z-navigation-tabs/index.d.ts +32 -32
  271. package/dist/types/components/navigation/z-user-dropdown/index.d.ts +39 -39
  272. package/dist/types/components/notification/z-candybar/index.d.ts +6 -6
  273. package/dist/types/components/notification/z-cookiebar/index.d.ts +16 -16
  274. package/dist/types/components/notification/z-info-box/index.d.ts +14 -14
  275. package/dist/types/components/notification/z-notification/index.d.ts +24 -24
  276. package/dist/types/components/notification/z-toast-notification/index.d.ts +56 -56
  277. package/dist/types/components/notification/z-tooltip/index.d.ts +41 -41
  278. package/dist/types/components/pagination/z-pagination-bar/index.d.ts +42 -42
  279. package/dist/types/components/pagination/z-pagination-page/index.d.ts +15 -15
  280. package/dist/types/components/panel/z-panel-elem/index.d.ts +25 -25
  281. package/dist/types/components/typography/z-body/index.d.ts +6 -6
  282. package/dist/types/components/typography/z-heading/index.d.ts +6 -6
  283. package/dist/types/components/typography/z-typography/index.d.ts +8 -8
  284. package/dist/types/components/z-avatar/index.d.ts +16 -16
  285. package/dist/types/components/z-card/index.d.ts +29 -29
  286. package/dist/types/components/z-contextual-menu/index.d.ts +22 -22
  287. package/dist/types/components/z-divider/index.d.ts +10 -10
  288. package/dist/types/components/z-ghost-loading/index.d.ts +3 -3
  289. package/dist/types/components/z-popover/index.d.ts +29 -29
  290. package/dist/types/components/z-status-tag/index.d.ts +15 -15
  291. package/dist/types/constants/breakpoints.d.ts +3 -3
  292. package/dist/types/constants/icons.d.ts +6 -6
  293. package/dist/types/index.d.ts +5 -5
  294. package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts +16 -16
  295. package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts +20 -20
  296. package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts +7 -7
  297. package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts +12 -12
  298. package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts +24 -24
  299. package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts +34 -34
  300. package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts +7 -7
  301. package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts +23 -23
  302. package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts +9 -9
  303. package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts +36 -36
  304. package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts +10 -10
  305. package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts +11 -11
  306. package/dist/types/snowflakes/myz/list/z-myz-list-item/index.d.ts +25 -25
  307. package/dist/types/snowflakes/myz/pocket/z-messages-pocket/index.d.ts +16 -16
  308. package/dist/types/snowflakes/myz/pocket/z-pocket/index.d.ts +25 -25
  309. package/dist/types/snowflakes/myz/pocket/z-pocket-body/index.d.ts +12 -12
  310. package/dist/types/snowflakes/myz/pocket/z-pocket-header/index.d.ts +18 -18
  311. package/dist/types/snowflakes/myz/pocket/z-pocket-message/index.d.ts +7 -7
  312. package/dist/types/snowflakes/myz/topbar/index.d.ts +61 -61
  313. package/dist/types/snowflakes/myz/z-alert/index.d.ts +9 -9
  314. package/dist/types/snowflakes/myz/z-otp/index.d.ts +13 -13
  315. package/dist/types/snowflakes/myz/z-slideshow/index.d.ts +30 -30
  316. package/dist/types/snowflakes/registro-table/z-registro-table/index.d.ts +48 -48
  317. package/dist/types/snowflakes/registro-table/z-registro-table-body/index.d.ts +5 -5
  318. package/dist/types/snowflakes/registro-table/z-registro-table-cell/index.d.ts +9 -9
  319. package/dist/types/snowflakes/registro-table/z-registro-table-empty-box/index.d.ts +12 -12
  320. package/dist/types/snowflakes/registro-table/z-registro-table-expanded-row/index.d.ts +5 -5
  321. package/dist/types/snowflakes/registro-table/z-registro-table-footer/index.d.ts +5 -5
  322. package/dist/types/snowflakes/registro-table/z-registro-table-head/index.d.ts +5 -5
  323. package/dist/types/snowflakes/registro-table/z-registro-table-header/index.d.ts +27 -27
  324. package/dist/types/snowflakes/registro-table/z-registro-table-header-row/index.d.ts +5 -5
  325. package/dist/types/snowflakes/registro-table/z-registro-table-row/index.d.ts +11 -11
  326. package/dist/types/snowflakes/registro-table/z-registro-table-sticky-footer/index.d.ts +6 -6
  327. package/dist/types/utils/utils.d.ts +11 -11
  328. package/dist/web-components-library/index.esm.js +1 -1
  329. package/dist/web-components-library/{p-fc133dd1.entry.js → p-02e55441.entry.js} +1 -1
  330. package/{www/build/p-35b2df47.entry.js → dist/web-components-library/p-1442c0b2.entry.js} +1 -1
  331. package/dist/web-components-library/{p-609908af.entry.js → p-18f6f866.entry.js} +1 -1
  332. package/dist/web-components-library/{p-aa7c40c3.entry.js → p-231e7797.entry.js} +1 -1
  333. package/dist/web-components-library/{p-8c6cba93.entry.js → p-2f354863.entry.js} +1 -1
  334. package/dist/web-components-library/{p-21ffb0b5.entry.js → p-35b1f338.entry.js} +1 -1
  335. package/dist/web-components-library/{p-91f5e2f8.entry.js → p-3cdefa38.entry.js} +1 -1
  336. package/dist/web-components-library/{p-a75b3177.entry.js → p-4a6ec3df.entry.js} +1 -1
  337. package/dist/web-components-library/{p-a54ab38c.entry.js → p-5cdcaa8c.entry.js} +1 -1
  338. package/dist/web-components-library/{p-e8b36609.entry.js → p-b80081c9.entry.js} +1 -1
  339. package/dist/web-components-library/{p-d3279fd6.entry.js → p-d4830f32.entry.js} +1 -1
  340. package/dist/web-components-library/{p-acdb443b.js → p-d63b9ed3.js} +0 -0
  341. package/dist/web-components-library/{p-e35d3552.js → p-d69e14fb.js} +0 -0
  342. package/dist/web-components-library/{p-f53af59a.js → p-e7304c42.js} +1 -1
  343. package/dist/web-components-library/p-f43d8b59.entry.js +7 -0
  344. package/{www/build/p-cdb9067a.entry.js → dist/web-components-library/p-f83347fd.entry.js} +1 -1
  345. package/dist/web-components-library/{p-45940723.entry.js → p-ff6b02d1.entry.js} +1 -1
  346. package/dist/web-components-library/web-components-library.css +1 -1
  347. package/dist/web-components-library/web-components-library.esm.js +1 -1
  348. package/package.json +90 -90
  349. package/react/components.d.ts +89 -89
  350. package/react/components.js +95 -95
  351. package/react/index.d.ts +1 -1
  352. package/react/index.js +13 -13
  353. package/react/react-component-lib/createComponent.d.ts +10 -10
  354. package/react/react-component-lib/createComponent.js +65 -65
  355. package/react/react-component-lib/createOverlayComponent.d.ts +20 -20
  356. package/react/react-component-lib/createOverlayComponent.js +95 -95
  357. package/react/react-component-lib/index.d.ts +2 -2
  358. package/react/react-component-lib/index.js +7 -7
  359. package/react/react-component-lib/interfaces.d.ts +29 -29
  360. package/react/react-component-lib/interfaces.js +2 -2
  361. package/react/react-component-lib/utils/attachProps.d.ts +12 -12
  362. package/react/react-component-lib/utils/attachProps.js +102 -102
  363. package/react/react-component-lib/utils/case.d.ts +2 -2
  364. package/react/react-component-lib/utils/case.js +11 -11
  365. package/react/react-component-lib/utils/dev.d.ts +2 -2
  366. package/react/react-component-lib/utils/dev.js +17 -17
  367. package/react/react-component-lib/utils/index.d.ts +7 -7
  368. package/react/react-component-lib/utils/index.js +38 -38
  369. package/readme.md +236 -236
  370. package/src-react/index.ts +1 -0
  371. package/www/build/index.esm.js +1 -1
  372. package/www/build/{p-fc133dd1.entry.js → p-02e55441.entry.js} +1 -1
  373. package/{dist/web-components-library/p-35b2df47.entry.js → www/build/p-1442c0b2.entry.js} +1 -1
  374. package/www/build/{p-609908af.entry.js → p-18f6f866.entry.js} +1 -1
  375. package/www/build/{p-aa7c40c3.entry.js → p-231e7797.entry.js} +1 -1
  376. package/www/build/{p-8c6cba93.entry.js → p-2f354863.entry.js} +1 -1
  377. package/www/build/{p-21ffb0b5.entry.js → p-35b1f338.entry.js} +1 -1
  378. package/www/build/{p-91f5e2f8.entry.js → p-3cdefa38.entry.js} +1 -1
  379. package/www/build/{p-a75b3177.entry.js → p-4a6ec3df.entry.js} +1 -1
  380. package/www/build/{p-a54ab38c.entry.js → p-5cdcaa8c.entry.js} +1 -1
  381. package/www/build/p-6ba3b440.css +792 -0
  382. package/www/build/{p-e8b36609.entry.js → p-b80081c9.entry.js} +1 -1
  383. package/www/build/{p-d3279fd6.entry.js → p-d4830f32.entry.js} +1 -1
  384. package/www/build/{p-acdb443b.js → p-d63b9ed3.js} +0 -0
  385. package/www/build/{p-e35d3552.js → p-d69e14fb.js} +0 -0
  386. package/www/build/{p-f53af59a.js → p-e7304c42.js} +1 -1
  387. package/www/build/p-f43d8b59.entry.js +7 -0
  388. package/{dist/web-components-library/p-cdb9067a.entry.js → www/build/p-f83347fd.entry.js} +1 -1
  389. package/www/build/p-f9b40a11.js +122 -0
  390. package/www/build/{p-45940723.entry.js → p-ff6b02d1.entry.js} +1 -1
  391. package/www/build/web-components-library.css +1 -1
  392. package/www/build/web-components-library.esm.js +1 -1
  393. package/www/index.html +1 -1
  394. package/www/pages/notification.html +244 -244
  395. package/dist/web-components-library/p-8afd98e0.entry.js +0 -7
  396. package/www/build/p-2e3d31b3.js +0 -1
  397. package/www/build/p-8afd98e0.entry.js +0 -7
  398. package/www/build/p-ea943cbd.css +0 -1
@@ -1,29 +1,29 @@
1
- :host {
2
- display: inline-block;
3
- vertical-align: top;
4
- width: 255px;
5
- height: 64px;
6
- }
7
-
8
- img {
9
- display: block;
10
- margin: auto;
11
- width: 100%;
12
- height: 100%;
13
- content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
14
- }
15
-
16
- a {
17
- display: block;
18
- width: 100%;
19
- height: 100%;
20
- }
21
-
22
- :host(.mobile) {
23
- width: 31px;
24
- height: 40px;
25
- }
26
-
27
- :host(.mobile) img {
28
- content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
1
+ :host {
2
+ display: inline-block;
3
+ vertical-align: top;
4
+ width: 255px;
5
+ height: 64px;
6
+ }
7
+
8
+ img {
9
+ display: block;
10
+ margin: auto;
11
+ width: 100%;
12
+ height: 100%;
13
+ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='255px' height='64px' viewBox='0 0 255 64'%3E%3Cg id='Logo/Zanichelli/Centered-(reworked)' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Group'%3E%3Cpolygon id='Background' fill='%23E2001A' points='1.70530257e-13 64 254.39 64 254.39 0 1.70530257e-13 0'%3E%3C/polygon%3E%3Cpath d='M233.36,51.3553859 L242.390252,51.3553859 L242.390252,12.6427292 L233.36,12.6427292 L233.36,51.3553859 Z M211.120346,51.3553859 L230.477617,51.3553859 L230.477617,44.5040053 L220.685891,44.5040053 L220.685891,12.6427292 L211.120346,12.6427292 L211.120346,51.3553859 Z M188.880124,51.3553859 L208.23551,51.3553859 L208.23551,44.5040053 L198.445669,44.5040053 L198.445669,12.6427292 L188.880124,12.6427292 L188.880124,51.3553859 Z M165.354444,12.6427292 L165.354444,51.3553859 L185.999058,51.3553859 L185.999058,44.5021204 L175.027425,44.5021204 L175.027425,35.1778343 L185.377062,35.1778343 L185.377062,28.2699086 L175.027425,28.2699086 L175.027425,19.4978796 L185.999058,19.4978796 L185.999058,12.6427292 L165.354444,12.6427292 Z M136.666196,51.3553859 L146.239281,51.3553859 L146.239281,35.1778343 L152.902178,35.1778343 L152.902178,51.3553859 L162.473377,51.3553859 L162.473377,12.6427292 L152.902178,12.6427292 L152.902178,28.2717934 L146.239281,28.2717934 L146.239281,12.6427292 L136.666196,12.6427292 L136.666196,51.3553859 Z M96.064744,51.3553859 L105.098765,51.3553859 L105.098765,12.6427292 L96.064744,12.6427292 L96.064744,51.3553859 Z M53.2364527,36.5160682 L50.6824993,19.7429083 L48.0757704,36.5160682 L53.2364527,36.5160682 Z M65.4935444,51.3553859 L56.2710395,51.3553859 L54.9441146,42.5286966 L47.7101121,42.5286966 L46.3304118,51.3553859 L37.1060221,51.3553859 L45.0053718,12.6427292 L57.5960795,12.6427292 L65.4935444,51.3553859 Z M85.0468382,37.7581755 L76.7969089,12.6427292 L67.3764961,12.6427292 L67.3764961,51.3553859 L75.4040147,51.3553859 L75.4040147,26.132504 L83.5955141,51.3553859 L93.1855622,51.3553859 L93.1855622,12.6427292 L85.0468382,12.6427292 L85.0468382,37.7581755 Z M107.977948,32 C107.977948,34.5200264 107.977948,36.7893695 108.187165,39.1246819 C108.396382,41.4713034 108.818585,43.6878711 109.678071,45.6009801 C111.423429,49.487513 114.932995,52 121.708982,52 C129.508435,52 133.787014,48.4753558 133.787014,38.0220526 L133.787014,37.5640373 L124.937707,37.5640373 L124.922628,38.0050891 C124.894356,38.7571388 124.884931,39.6185091 124.826501,40.4855339 C124.769956,41.3431345 124.66629,42.1875412 124.460843,42.9301668 C124.048064,44.3965696 123.279051,45.3559514 121.708982,45.3559514 C117.743286,45.3559514 117.057205,42.0574875 117.057205,32 C117.057205,21.9425125 117.743286,18.6440486 121.708982,18.6440486 C123.605127,18.6440486 124.547546,20.0030157 124.547546,25.1806616 L124.547546,25.6424465 L133.344077,25.6424465 L133.361041,25.1995099 C133.689003,16.7855998 130.235982,12 121.708982,12 C114.934879,12 111.427199,14.4823297 109.678071,18.3594383 C108.818585,20.265008 108.396382,22.4778061 108.187165,24.830082 C107.977948,27.1710489 107.977948,29.4554707 107.977948,32 L107.977948,32 Z M34.9007634,12.6446141 L34.9007634,20.3196683 L21.6051268,44.5040053 L35.2268401,44.5040053 L35.2268401,51.3553859 L12,51.3553859 L12,43.7915371 L25.2975214,19.4997644 L13.683159,19.4997644 L13.683159,12.6446141 L34.9007634,12.6446141 Z' id='Logotipo-(reworked)' fill='%23FFFFFF'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
14
+ }
15
+
16
+ a {
17
+ display: block;
18
+ width: 100%;
19
+ height: 100%;
20
+ }
21
+
22
+ :host(.mobile) {
23
+ width: 31px;
24
+ height: 40px;
25
+ }
26
+
27
+ :host(.mobile) img {
28
+ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31px' height='40px' viewBox='0 0 31 40'%3E%3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Topbar/Mobile/Logged' transform='translate(-16.000000, -4.000000)'%3E%3Cg id='Group' transform='translate(16.000000, 4.000000)'%3E%3Cpolygon id='Fill-1' fill='%23E2001A' points='0 40 30.625 40 30.625 0 0 0'%3E%3C/polygon%3E%3Cpolygon id='Fill-2' fill='%23FEFEFE' points='8.17111587 6.20689655 23.4311708 6.20689655 23.4311708 11.671267 13.8691261 28.9163861 23.6647727 28.9163861 23.6647727 33.7931034 6.96022727 33.7931034 6.96022727 28.408218 16.522272 11.0831673 8.17111587 11.0831673'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
29
29
  }
@@ -1,160 +1,160 @@
1
- import { Component, Prop, h, Event } from "@stencil/core";
2
- /**
3
- * @slot modalContent - set the content of the modal
4
- * @slot modalCloseButton - accept custom close button
5
- */
6
- export class ZModal {
7
- constructor() {
8
- /** aria-label for close button (optional) */
9
- this.closeButtonLabel = "close modal";
10
- }
11
- emitModalClose() {
12
- this.modalClose.emit({ modalid: this.modalid });
13
- }
14
- emitModalHeaderActive() {
15
- this.modalHeaderActive.emit({ modalid: this.modalid });
16
- }
17
- emitBackgroundClick() {
18
- this.modalBackgroundClick.emit({ modalid: this.modalid });
19
- }
20
- render() {
21
- return [
22
- h("div", { class: "modal-container", id: this.modalid, role: "dialog" },
23
- h("header", { onClick: this.emitModalHeaderActive.bind(this) },
24
- h("div", null,
25
- this.modaltitle && h("h1", null, this.modaltitle),
26
- this.modalsubtitle && h("h2", null, this.modalsubtitle)),
27
- h("slot", { name: "modalCloseButton" },
28
- h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) },
29
- h("z-icon", { name: "multiply-circle-filled" })))),
30
- h("div", { class: "modal-content" },
31
- h("slot", { name: "modalContent" }))),
32
- h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
33
- ];
34
- }
35
- static get is() { return "z-modal"; }
36
- static get encapsulation() { return "shadow"; }
37
- static get originalStyleUrls() { return {
38
- "$": ["styles.css"]
39
- }; }
40
- static get styleUrls() { return {
41
- "$": ["styles.css"]
42
- }; }
43
- static get properties() { return {
44
- "modalid": {
45
- "type": "string",
46
- "mutable": false,
47
- "complexType": {
48
- "original": "string",
49
- "resolved": "string",
50
- "references": {}
51
- },
52
- "required": false,
53
- "optional": false,
54
- "docs": {
55
- "tags": [],
56
- "text": "unique id"
57
- },
58
- "attribute": "modalid",
59
- "reflect": false
60
- },
61
- "modaltitle": {
62
- "type": "string",
63
- "mutable": false,
64
- "complexType": {
65
- "original": "string",
66
- "resolved": "string",
67
- "references": {}
68
- },
69
- "required": false,
70
- "optional": true,
71
- "docs": {
72
- "tags": [],
73
- "text": "title text (optional)"
74
- },
75
- "attribute": "modaltitle",
76
- "reflect": false
77
- },
78
- "modalsubtitle": {
79
- "type": "string",
80
- "mutable": false,
81
- "complexType": {
82
- "original": "string",
83
- "resolved": "string",
84
- "references": {}
85
- },
86
- "required": false,
87
- "optional": true,
88
- "docs": {
89
- "tags": [],
90
- "text": "subtitle (optional)"
91
- },
92
- "attribute": "modalsubtitle",
93
- "reflect": false
94
- },
95
- "closeButtonLabel": {
96
- "type": "string",
97
- "mutable": false,
98
- "complexType": {
99
- "original": "string",
100
- "resolved": "string",
101
- "references": {}
102
- },
103
- "required": false,
104
- "optional": true,
105
- "docs": {
106
- "tags": [],
107
- "text": "aria-label for close button (optional)"
108
- },
109
- "attribute": "close-button-label",
110
- "reflect": false,
111
- "defaultValue": "\"close modal\""
112
- }
113
- }; }
114
- static get events() { return [{
115
- "method": "modalClose",
116
- "name": "modalClose",
117
- "bubbles": true,
118
- "cancelable": true,
119
- "composed": true,
120
- "docs": {
121
- "tags": [],
122
- "text": "emitted on close button click, returns modalid"
123
- },
124
- "complexType": {
125
- "original": "any",
126
- "resolved": "any",
127
- "references": {}
128
- }
129
- }, {
130
- "method": "modalHeaderActive",
131
- "name": "modalHeaderActive",
132
- "bubbles": true,
133
- "cancelable": true,
134
- "composed": true,
135
- "docs": {
136
- "tags": [],
137
- "text": "emitted on modal header click, returns modalid"
138
- },
139
- "complexType": {
140
- "original": "any",
141
- "resolved": "any",
142
- "references": {}
143
- }
144
- }, {
145
- "method": "modalBackgroundClick",
146
- "name": "modalBackgroundClick",
147
- "bubbles": true,
148
- "cancelable": true,
149
- "composed": true,
150
- "docs": {
151
- "tags": [],
152
- "text": "emitted on background click, returns modalid"
153
- },
154
- "complexType": {
155
- "original": "any",
156
- "resolved": "any",
157
- "references": {}
158
- }
159
- }]; }
160
- }
1
+ import { Component, Prop, h, Event } from "@stencil/core";
2
+ /**
3
+ * @slot modalContent - set the content of the modal
4
+ * @slot modalCloseButton - accept custom close button
5
+ */
6
+ export class ZModal {
7
+ constructor() {
8
+ /** aria-label for close button (optional) */
9
+ this.closeButtonLabel = "close modal";
10
+ }
11
+ emitModalClose() {
12
+ this.modalClose.emit({ modalid: this.modalid });
13
+ }
14
+ emitModalHeaderActive() {
15
+ this.modalHeaderActive.emit({ modalid: this.modalid });
16
+ }
17
+ emitBackgroundClick() {
18
+ this.modalBackgroundClick.emit({ modalid: this.modalid });
19
+ }
20
+ render() {
21
+ return [
22
+ h("div", { class: "modal-container", id: this.modalid, role: "dialog" },
23
+ h("header", { onClick: this.emitModalHeaderActive.bind(this) },
24
+ h("div", null,
25
+ this.modaltitle && h("h1", null, this.modaltitle),
26
+ this.modalsubtitle && h("h2", null, this.modalsubtitle)),
27
+ h("slot", { name: "modalCloseButton" },
28
+ h("button", { "aria-label": this.closeButtonLabel, onClick: this.emitModalClose.bind(this) },
29
+ h("z-icon", { name: "multiply-circle-filled" })))),
30
+ h("div", { class: "modal-content" },
31
+ h("slot", { name: "modalContent" }))),
32
+ h("div", { class: "modal-background", "data-action": "modalBackground", "data-modal": this.modalid, onClick: this.emitBackgroundClick.bind(this) })
33
+ ];
34
+ }
35
+ static get is() { return "z-modal"; }
36
+ static get encapsulation() { return "shadow"; }
37
+ static get originalStyleUrls() { return {
38
+ "$": ["styles.css"]
39
+ }; }
40
+ static get styleUrls() { return {
41
+ "$": ["styles.css"]
42
+ }; }
43
+ static get properties() { return {
44
+ "modalid": {
45
+ "type": "string",
46
+ "mutable": false,
47
+ "complexType": {
48
+ "original": "string",
49
+ "resolved": "string",
50
+ "references": {}
51
+ },
52
+ "required": false,
53
+ "optional": false,
54
+ "docs": {
55
+ "tags": [],
56
+ "text": "unique id"
57
+ },
58
+ "attribute": "modalid",
59
+ "reflect": false
60
+ },
61
+ "modaltitle": {
62
+ "type": "string",
63
+ "mutable": false,
64
+ "complexType": {
65
+ "original": "string",
66
+ "resolved": "string",
67
+ "references": {}
68
+ },
69
+ "required": false,
70
+ "optional": true,
71
+ "docs": {
72
+ "tags": [],
73
+ "text": "title text (optional)"
74
+ },
75
+ "attribute": "modaltitle",
76
+ "reflect": false
77
+ },
78
+ "modalsubtitle": {
79
+ "type": "string",
80
+ "mutable": false,
81
+ "complexType": {
82
+ "original": "string",
83
+ "resolved": "string",
84
+ "references": {}
85
+ },
86
+ "required": false,
87
+ "optional": true,
88
+ "docs": {
89
+ "tags": [],
90
+ "text": "subtitle (optional)"
91
+ },
92
+ "attribute": "modalsubtitle",
93
+ "reflect": false
94
+ },
95
+ "closeButtonLabel": {
96
+ "type": "string",
97
+ "mutable": false,
98
+ "complexType": {
99
+ "original": "string",
100
+ "resolved": "string",
101
+ "references": {}
102
+ },
103
+ "required": false,
104
+ "optional": true,
105
+ "docs": {
106
+ "tags": [],
107
+ "text": "aria-label for close button (optional)"
108
+ },
109
+ "attribute": "close-button-label",
110
+ "reflect": false,
111
+ "defaultValue": "\"close modal\""
112
+ }
113
+ }; }
114
+ static get events() { return [{
115
+ "method": "modalClose",
116
+ "name": "modalClose",
117
+ "bubbles": true,
118
+ "cancelable": true,
119
+ "composed": true,
120
+ "docs": {
121
+ "tags": [],
122
+ "text": "emitted on close button click, returns modalid"
123
+ },
124
+ "complexType": {
125
+ "original": "any",
126
+ "resolved": "any",
127
+ "references": {}
128
+ }
129
+ }, {
130
+ "method": "modalHeaderActive",
131
+ "name": "modalHeaderActive",
132
+ "bubbles": true,
133
+ "cancelable": true,
134
+ "composed": true,
135
+ "docs": {
136
+ "tags": [],
137
+ "text": "emitted on modal header click, returns modalid"
138
+ },
139
+ "complexType": {
140
+ "original": "any",
141
+ "resolved": "any",
142
+ "references": {}
143
+ }
144
+ }, {
145
+ "method": "modalBackgroundClick",
146
+ "name": "modalBackgroundClick",
147
+ "bubbles": true,
148
+ "cancelable": true,
149
+ "composed": true,
150
+ "docs": {
151
+ "tags": [],
152
+ "text": "emitted on background click, returns modalid"
153
+ },
154
+ "complexType": {
155
+ "original": "any",
156
+ "resolved": "any",
157
+ "references": {}
158
+ }
159
+ }]; }
160
+ }