@zanichelli/albe-web-components 15.0.1-RC → 15.0.2

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 (372) hide show
  1. package/CHANGELOG.md +5 -1
  2. package/dist/cjs/index-5dc4a8de.js +10 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/{utils-f5f944ed.js → utils-2b313a8e.js} +1 -1
  5. package/dist/cjs/{utils-f5f944ed.js.map → utils-2b313a8e.js.map} +1 -1
  6. package/dist/cjs/web-components-library.cjs.js +1 -1
  7. package/dist/cjs/{z-app-header_15.cjs.entry.js → z-app-header_12.cjs.entry.js} +21 -1240
  8. package/dist/cjs/z-app-header_12.cjs.entry.js.map +1 -0
  9. package/dist/cjs/z-book-card.cjs.entry.js +1 -1
  10. package/dist/cjs/z-book-card.cjs.entry.js.map +1 -1
  11. package/dist/cjs/z-card.cjs.entry.js +1 -1
  12. package/dist/cjs/z-card.cjs.entry.js.map +1 -1
  13. package/dist/cjs/z-date-picker.cjs.entry.js +1 -1
  14. package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +1033 -0
  15. package/dist/cjs/z-dragdrop-area_2.cjs.entry.js.map +1 -0
  16. package/dist/cjs/z-file-upload.cjs.entry.js +215 -0
  17. package/dist/cjs/z-file-upload.cjs.entry.js.map +1 -0
  18. package/dist/cjs/z-myz-card-list.cjs.entry.js +1 -1
  19. package/dist/cjs/z-myz-card-list.cjs.entry.js.map +1 -1
  20. package/dist/cjs/z-navigation-tabs.cjs.entry.js +1 -1
  21. package/dist/cjs/z-navigation-tabs.cjs.entry.js.map +1 -1
  22. package/dist/cjs/z-notification.cjs.entry.js +1 -1
  23. package/dist/cjs/z-notification.cjs.entry.js.map +1 -1
  24. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  25. package/dist/cjs/z-otp.cjs.entry.js.map +1 -1
  26. package/dist/cjs/z-range-picker.cjs.entry.js +1 -1
  27. package/dist/cjs/z-slideshow.cjs.entry.js +1 -1
  28. package/dist/cjs/z-slideshow.cjs.entry.js.map +1 -1
  29. package/dist/cjs/z-stepper.cjs.entry.js +1 -1
  30. package/dist/cjs/z-stepper.cjs.entry.js.map +1 -1
  31. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  32. package/dist/cjs/z-toast-notification.cjs.entry.js.map +1 -1
  33. package/dist/collection/components/file-upload/z-file-upload/index.js +1 -1
  34. package/dist/collection/components/file-upload/z-file-upload/index.js.map +1 -1
  35. package/dist/collection/components/file-upload/z-file-upload/index.spec.js +3 -3
  36. package/dist/collection/components/file-upload/z-file-upload/index.spec.js.map +1 -1
  37. package/dist/collection/components/file-upload/z-file-upload/styles.css +5 -0
  38. package/dist/collection/components/z-app-header/styles.css +5 -0
  39. package/dist/collection/components/z-book-card/styles.css +10 -0
  40. package/dist/collection/components/z-card/styles.css +15 -0
  41. package/dist/collection/components/z-input/styles-checkbox-radio.css +8 -1
  42. package/dist/collection/components/z-input/styles-general.css +1 -1
  43. package/dist/collection/components/z-input/styles-text.css +5 -0
  44. package/dist/collection/components/z-modal/index.js +13 -4
  45. package/dist/collection/components/z-modal/index.js.map +1 -1
  46. package/dist/collection/components/z-modal/styles.css +18 -19
  47. package/dist/collection/components/z-navigation-tabs/styles.css +1 -1
  48. package/dist/collection/components/z-notification/styles.css +6 -1
  49. package/dist/collection/components/z-searchbar/styles.css +5 -0
  50. package/dist/collection/components/z-stepper/index.js +2 -2
  51. package/dist/collection/components/z-stepper/index.js.map +1 -1
  52. package/dist/collection/components/z-stepper/index.stories.js +44 -3
  53. package/dist/collection/components/z-stepper/index.stories.js.map +1 -1
  54. package/dist/collection/components/z-stepper-item/index.stories.js +44 -19
  55. package/dist/collection/components/z-stepper-item/index.stories.js.map +1 -1
  56. package/dist/collection/components/z-tag/index.stories.js +11 -7
  57. package/dist/collection/components/z-tag/index.stories.js.map +1 -1
  58. package/dist/collection/components/z-toast-notification/styles.css +12 -0
  59. package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +5 -0
  60. package/dist/collection/snowflakes/myz/z-otp/styles.css +5 -0
  61. package/dist/collection/snowflakes/myz/z-slideshow/styles.css +7 -0
  62. package/dist/components/index10.js +3 -3
  63. package/dist/components/index10.js.map +1 -1
  64. package/dist/components/index15.js +14 -5
  65. package/dist/components/index15.js.map +1 -1
  66. package/dist/components/index26.js +1 -1
  67. package/dist/components/index26.js.map +1 -1
  68. package/dist/components/z-app-header.js +1 -1
  69. package/dist/components/z-app-header.js.map +1 -1
  70. package/dist/components/z-book-card.js +1 -1
  71. package/dist/components/z-book-card.js.map +1 -1
  72. package/dist/components/z-card.js +1 -1
  73. package/dist/components/z-card.js.map +1 -1
  74. package/dist/components/z-file-upload.js +2 -2
  75. package/dist/components/z-file-upload.js.map +1 -1
  76. package/dist/components/z-myz-card-list.js +1 -1
  77. package/dist/components/z-myz-card-list.js.map +1 -1
  78. package/dist/components/z-navigation-tabs.js +1 -1
  79. package/dist/components/z-navigation-tabs.js.map +1 -1
  80. package/dist/components/z-notification.js +1 -1
  81. package/dist/components/z-notification.js.map +1 -1
  82. package/dist/components/z-otp.js +1 -1
  83. package/dist/components/z-otp.js.map +1 -1
  84. package/dist/components/z-slideshow.js +1 -1
  85. package/dist/components/z-slideshow.js.map +1 -1
  86. package/dist/components/z-stepper.js +1 -1
  87. package/dist/components/z-stepper.js.map +1 -1
  88. package/dist/components/z-toast-notification.js +1 -1
  89. package/dist/components/z-toast-notification.js.map +1 -1
  90. package/dist/esm/index-ab5f1eaa.js +10 -2
  91. package/dist/esm/loader.js +1 -1
  92. package/dist/esm/{utils-ba4f0770.js → utils-cd008fbc.js} +1 -1
  93. package/dist/esm/{utils-ba4f0770.js.map → utils-cd008fbc.js.map} +1 -1
  94. package/dist/esm/web-components-library.js +1 -1
  95. package/dist/esm/{z-app-header_15.entry.js → z-app-header_12.entry.js} +24 -1240
  96. package/dist/esm/z-app-header_12.entry.js.map +1 -0
  97. package/dist/esm/z-book-card.entry.js +1 -1
  98. package/dist/esm/z-book-card.entry.js.map +1 -1
  99. package/dist/esm/z-card.entry.js +1 -1
  100. package/dist/esm/z-card.entry.js.map +1 -1
  101. package/dist/esm/z-date-picker.entry.js +1 -1
  102. package/dist/esm/z-dragdrop-area_2.entry.js +1028 -0
  103. package/dist/esm/z-dragdrop-area_2.entry.js.map +1 -0
  104. package/dist/esm/z-file-upload.entry.js +211 -0
  105. package/dist/esm/z-file-upload.entry.js.map +1 -0
  106. package/dist/esm/z-myz-card-list.entry.js +1 -1
  107. package/dist/esm/z-myz-card-list.entry.js.map +1 -1
  108. package/dist/esm/z-navigation-tabs.entry.js +1 -1
  109. package/dist/esm/z-navigation-tabs.entry.js.map +1 -1
  110. package/dist/esm/z-notification.entry.js +1 -1
  111. package/dist/esm/z-notification.entry.js.map +1 -1
  112. package/dist/esm/z-otp.entry.js +1 -1
  113. package/dist/esm/z-otp.entry.js.map +1 -1
  114. package/dist/esm/z-range-picker.entry.js +1 -1
  115. package/dist/esm/z-slideshow.entry.js +1 -1
  116. package/dist/esm/z-slideshow.entry.js.map +1 -1
  117. package/dist/esm/z-stepper.entry.js +1 -1
  118. package/dist/esm/z-stepper.entry.js.map +1 -1
  119. package/dist/esm/z-toast-notification.entry.js +1 -1
  120. package/dist/esm/z-toast-notification.entry.js.map +1 -1
  121. package/dist/esm-es5/index-ab5f1eaa.js +1 -1
  122. package/dist/esm-es5/index-ab5f1eaa.js.map +1 -1
  123. package/dist/esm-es5/loader.js +1 -1
  124. package/dist/esm-es5/loader.js.map +1 -1
  125. package/dist/esm-es5/{utils-ba4f0770.js → utils-cd008fbc.js} +1 -1
  126. package/dist/esm-es5/web-components-library.js +1 -1
  127. package/dist/esm-es5/web-components-library.js.map +1 -1
  128. package/dist/esm-es5/z-app-header_12.entry.js +2 -0
  129. package/dist/esm-es5/z-app-header_12.entry.js.map +1 -0
  130. package/dist/esm-es5/z-book-card.entry.js +1 -1
  131. package/dist/esm-es5/z-book-card.entry.js.map +1 -1
  132. package/dist/esm-es5/z-card.entry.js +1 -1
  133. package/dist/esm-es5/z-card.entry.js.map +1 -1
  134. package/dist/esm-es5/z-date-picker.entry.js +1 -1
  135. package/dist/esm-es5/z-dragdrop-area_2.entry.js +2 -0
  136. package/dist/esm-es5/z-dragdrop-area_2.entry.js.map +1 -0
  137. package/dist/esm-es5/z-file-upload.entry.js +2 -0
  138. package/dist/esm-es5/z-file-upload.entry.js.map +1 -0
  139. package/dist/esm-es5/z-myz-card-list.entry.js +1 -1
  140. package/dist/esm-es5/z-myz-card-list.entry.js.map +1 -1
  141. package/dist/esm-es5/z-navigation-tabs.entry.js +1 -1
  142. package/dist/esm-es5/z-navigation-tabs.entry.js.map +1 -1
  143. package/dist/esm-es5/z-notification.entry.js +1 -1
  144. package/dist/esm-es5/z-notification.entry.js.map +1 -1
  145. package/dist/esm-es5/z-otp.entry.js +1 -1
  146. package/dist/esm-es5/z-otp.entry.js.map +1 -1
  147. package/dist/esm-es5/z-range-picker.entry.js +1 -1
  148. package/dist/esm-es5/z-slideshow.entry.js +1 -1
  149. package/dist/esm-es5/z-slideshow.entry.js.map +1 -1
  150. package/dist/esm-es5/z-stepper.entry.js +1 -1
  151. package/dist/esm-es5/z-stepper.entry.js.map +1 -1
  152. package/dist/esm-es5/z-toast-notification.entry.js +1 -1
  153. package/dist/esm-es5/z-toast-notification.entry.js.map +1 -1
  154. package/dist/types/components/z-modal/index.d.ts +1 -0
  155. package/dist/types/components/z-stepper/index.d.ts +1 -1
  156. package/dist/types/components/z-stepper/index.stories.d.ts +6 -0
  157. package/dist/types/components/z-stepper-item/index.stories.d.ts +22 -9
  158. package/dist/types/components/z-tag/index.stories.d.ts +6 -2
  159. package/dist/web-components-library/p-0108191f.system.entry.js +2 -0
  160. package/dist/web-components-library/{p-ffee2568.system.entry.js.map → p-0108191f.system.entry.js.map} +1 -1
  161. package/dist/web-components-library/p-05827ca5.entry.js +2 -0
  162. package/dist/web-components-library/{p-8f28871c.entry.js.map → p-05827ca5.entry.js.map} +1 -1
  163. package/dist/web-components-library/p-0a6424ef.entry.js +2 -0
  164. package/dist/web-components-library/p-0a6424ef.entry.js.map +1 -0
  165. package/dist/web-components-library/p-0bde1f0e.entry.js +2 -0
  166. package/dist/web-components-library/{p-df6ef4b4.entry.js.map → p-0bde1f0e.entry.js.map} +1 -1
  167. package/{www/build/p-3b801ea6.entry.js → dist/web-components-library/p-0e342fa3.entry.js} +2 -2
  168. package/dist/web-components-library/{p-fb6c02f1.entry.js → p-114088a1.entry.js} +2 -2
  169. package/dist/web-components-library/p-12008903.system.entry.js +2 -0
  170. package/dist/web-components-library/p-12008903.system.entry.js.map +1 -0
  171. package/dist/web-components-library/p-16b1b35a.entry.js +2 -0
  172. package/dist/web-components-library/p-16b1b35a.entry.js.map +1 -0
  173. package/dist/web-components-library/p-21941767.entry.js +2 -0
  174. package/dist/web-components-library/p-21941767.entry.js.map +1 -0
  175. package/dist/web-components-library/p-22d9f9c3.entry.js +2 -0
  176. package/dist/web-components-library/p-22d9f9c3.entry.js.map +1 -0
  177. package/dist/web-components-library/p-23975a98.system.entry.js +2 -0
  178. package/dist/web-components-library/p-23975a98.system.entry.js.map +1 -0
  179. package/dist/web-components-library/p-25872e04.system.entry.js +2 -0
  180. package/dist/web-components-library/p-25872e04.system.entry.js.map +1 -0
  181. package/{www/build/p-7519c72d.system.entry.js → dist/web-components-library/p-2dd2d037.system.entry.js} +2 -2
  182. package/dist/web-components-library/p-2df54d7d.entry.js +2 -0
  183. package/dist/web-components-library/p-2df54d7d.entry.js.map +1 -0
  184. package/dist/web-components-library/p-33368291.system.entry.js +2 -0
  185. package/dist/web-components-library/p-33368291.system.entry.js.map +1 -0
  186. package/dist/web-components-library/p-49256720.system.entry.js +2 -0
  187. package/dist/web-components-library/p-49256720.system.entry.js.map +1 -0
  188. package/{www/build/p-662c8342.js → dist/web-components-library/p-49a35cf0.js} +1 -1
  189. package/dist/web-components-library/p-4d0200ca.system.entry.js +2 -0
  190. package/dist/web-components-library/p-4d0200ca.system.entry.js.map +1 -0
  191. package/dist/web-components-library/p-5a6d6203.system.entry.js +2 -0
  192. package/dist/web-components-library/p-5a6d6203.system.entry.js.map +1 -0
  193. package/dist/web-components-library/{p-22610d00.entry.js → p-6830461d.entry.js} +2 -2
  194. package/dist/web-components-library/p-6830461d.entry.js.map +1 -0
  195. package/{www/build/p-461cf578.system.entry.js → dist/web-components-library/p-751c58e2.system.entry.js} +2 -2
  196. package/dist/web-components-library/{p-dead4830.system.js → p-7dd29d4d.system.js} +1 -1
  197. package/dist/web-components-library/p-7e5ae5bd.entry.js +2 -0
  198. package/dist/web-components-library/p-7e5ae5bd.entry.js.map +1 -0
  199. package/dist/web-components-library/p-8078896f.system.entry.js +2 -0
  200. package/dist/web-components-library/p-8078896f.system.entry.js.map +1 -0
  201. package/dist/web-components-library/p-9450cc97.system.entry.js +2 -0
  202. package/dist/web-components-library/p-9450cc97.system.entry.js.map +1 -0
  203. package/dist/web-components-library/{p-eea9f7fd.system.entry.js → p-9551ea7a.system.entry.js} +2 -2
  204. package/dist/web-components-library/{p-eea9f7fd.system.entry.js.map → p-9551ea7a.system.entry.js.map} +1 -1
  205. package/dist/web-components-library/p-a5f739b0.entry.js +2 -0
  206. package/dist/web-components-library/p-a5f739b0.entry.js.map +1 -0
  207. package/dist/web-components-library/p-d2a11d41.system.entry.js +2 -0
  208. package/dist/web-components-library/p-d2a11d41.system.entry.js.map +1 -0
  209. package/dist/web-components-library/p-f3ef3a26.entry.js +2 -0
  210. package/dist/web-components-library/p-f3ef3a26.entry.js.map +1 -0
  211. package/dist/web-components-library/p-f530271b.system.js +1 -1
  212. package/dist/web-components-library/p-f530271b.system.js.map +1 -1
  213. package/dist/web-components-library/p-ff54b247.entry.js +2 -0
  214. package/dist/web-components-library/p-ff54b247.entry.js.map +1 -0
  215. package/dist/web-components-library/web-components-library.css +4 -3
  216. package/dist/web-components-library/web-components-library.esm.js +1 -1
  217. package/dist/web-components-library/web-components-library.esm.js.map +1 -1
  218. package/package.json +2 -2
  219. package/www/build/p-0108191f.system.entry.js +2 -0
  220. package/www/build/{p-ffee2568.system.entry.js.map → p-0108191f.system.entry.js.map} +1 -1
  221. package/www/build/p-05827ca5.entry.js +2 -0
  222. package/www/build/{p-8f28871c.entry.js.map → p-05827ca5.entry.js.map} +1 -1
  223. package/www/build/p-0a6424ef.entry.js +2 -0
  224. package/www/build/p-0a6424ef.entry.js.map +1 -0
  225. package/www/build/p-0bde1f0e.entry.js +2 -0
  226. package/www/build/{p-df6ef4b4.entry.js.map → p-0bde1f0e.entry.js.map} +1 -1
  227. package/{dist/web-components-library/p-3b801ea6.entry.js → www/build/p-0e342fa3.entry.js} +2 -2
  228. package/www/build/{p-fb6c02f1.entry.js → p-114088a1.entry.js} +2 -2
  229. package/www/build/p-12008903.system.entry.js +2 -0
  230. package/www/build/p-12008903.system.entry.js.map +1 -0
  231. package/www/build/p-16b1b35a.entry.js +2 -0
  232. package/www/build/p-16b1b35a.entry.js.map +1 -0
  233. package/www/build/p-21941767.entry.js +2 -0
  234. package/www/build/p-21941767.entry.js.map +1 -0
  235. package/www/build/p-22d9f9c3.entry.js +2 -0
  236. package/www/build/p-22d9f9c3.entry.js.map +1 -0
  237. package/www/build/p-23975a98.system.entry.js +2 -0
  238. package/www/build/p-23975a98.system.entry.js.map +1 -0
  239. package/www/build/p-25872e04.system.entry.js +2 -0
  240. package/www/build/p-25872e04.system.entry.js.map +1 -0
  241. package/{dist/web-components-library/p-7519c72d.system.entry.js → www/build/p-2dd2d037.system.entry.js} +2 -2
  242. package/www/build/p-2df54d7d.entry.js +2 -0
  243. package/www/build/p-2df54d7d.entry.js.map +1 -0
  244. package/www/build/p-33368291.system.entry.js +2 -0
  245. package/www/build/p-33368291.system.entry.js.map +1 -0
  246. package/www/build/p-49256720.system.entry.js +2 -0
  247. package/www/build/p-49256720.system.entry.js.map +1 -0
  248. package/{dist/web-components-library/p-662c8342.js → www/build/p-49a35cf0.js} +1 -1
  249. package/www/build/p-4d0200ca.system.entry.js +2 -0
  250. package/www/build/p-4d0200ca.system.entry.js.map +1 -0
  251. package/www/build/p-5a6d6203.system.entry.js +2 -0
  252. package/www/build/p-5a6d6203.system.entry.js.map +1 -0
  253. package/www/build/{p-22610d00.entry.js → p-6830461d.entry.js} +2 -2
  254. package/www/build/p-6830461d.entry.js.map +1 -0
  255. package/{dist/web-components-library/p-461cf578.system.entry.js → www/build/p-751c58e2.system.entry.js} +2 -2
  256. package/www/build/p-751c7014.css +4 -0
  257. package/www/build/{p-dead4830.system.js → p-7dd29d4d.system.js} +1 -1
  258. package/www/build/p-7e5ae5bd.entry.js +2 -0
  259. package/www/build/p-7e5ae5bd.entry.js.map +1 -0
  260. package/www/build/p-8078896f.system.entry.js +2 -0
  261. package/www/build/p-8078896f.system.entry.js.map +1 -0
  262. package/www/build/p-9450cc97.system.entry.js +2 -0
  263. package/www/build/p-9450cc97.system.entry.js.map +1 -0
  264. package/www/build/{p-eea9f7fd.system.entry.js → p-9551ea7a.system.entry.js} +2 -2
  265. package/www/build/{p-eea9f7fd.system.entry.js.map → p-9551ea7a.system.entry.js.map} +1 -1
  266. package/www/build/p-a5f739b0.entry.js +2 -0
  267. package/www/build/p-a5f739b0.entry.js.map +1 -0
  268. package/www/build/p-d2a11d41.system.entry.js +2 -0
  269. package/www/build/p-d2a11d41.system.entry.js.map +1 -0
  270. package/www/build/p-e65aa787.js +2 -0
  271. package/www/build/p-f3ef3a26.entry.js +2 -0
  272. package/www/build/p-f3ef3a26.entry.js.map +1 -0
  273. package/www/build/p-f530271b.system.js +1 -1
  274. package/www/build/p-f530271b.system.js.map +1 -1
  275. package/www/build/p-ff54b247.entry.js +2 -0
  276. package/www/build/p-ff54b247.entry.js.map +1 -0
  277. package/www/build/web-components-library.css +4 -3
  278. package/www/build/web-components-library.esm.js +1 -1
  279. package/www/build/web-components-library.esm.js.map +1 -1
  280. package/www/index.html +1 -11
  281. package/dist/cjs/z-app-header_15.cjs.entry.js.map +0 -1
  282. package/dist/esm/z-app-header_15.entry.js.map +0 -1
  283. package/dist/esm-es5/z-app-header_15.entry.js +0 -2
  284. package/dist/esm-es5/z-app-header_15.entry.js.map +0 -1
  285. package/dist/web-components-library/p-22610d00.entry.js.map +0 -1
  286. package/dist/web-components-library/p-353c9666.entry.js +0 -2
  287. package/dist/web-components-library/p-353c9666.entry.js.map +0 -1
  288. package/dist/web-components-library/p-3970d479.entry.js +0 -2
  289. package/dist/web-components-library/p-3970d479.entry.js.map +0 -1
  290. package/dist/web-components-library/p-3cd2a911.system.entry.js +0 -2
  291. package/dist/web-components-library/p-3cd2a911.system.entry.js.map +0 -1
  292. package/dist/web-components-library/p-5d0fd3e4.system.entry.js +0 -2
  293. package/dist/web-components-library/p-5d0fd3e4.system.entry.js.map +0 -1
  294. package/dist/web-components-library/p-8f28871c.entry.js +0 -2
  295. package/dist/web-components-library/p-93f6a3ca.system.entry.js +0 -2
  296. package/dist/web-components-library/p-93f6a3ca.system.entry.js.map +0 -1
  297. package/dist/web-components-library/p-94bfd79b.system.entry.js +0 -2
  298. package/dist/web-components-library/p-94bfd79b.system.entry.js.map +0 -1
  299. package/dist/web-components-library/p-9bae8b1c.system.entry.js +0 -2
  300. package/dist/web-components-library/p-9bae8b1c.system.entry.js.map +0 -1
  301. package/dist/web-components-library/p-a0893037.entry.js +0 -2
  302. package/dist/web-components-library/p-a0893037.entry.js.map +0 -1
  303. package/dist/web-components-library/p-a8d78db5.system.entry.js +0 -2
  304. package/dist/web-components-library/p-a8d78db5.system.entry.js.map +0 -1
  305. package/dist/web-components-library/p-b6aa9719.entry.js +0 -2
  306. package/dist/web-components-library/p-b6aa9719.entry.js.map +0 -1
  307. package/dist/web-components-library/p-c012f19c.entry.js +0 -2
  308. package/dist/web-components-library/p-c012f19c.entry.js.map +0 -1
  309. package/dist/web-components-library/p-df6ef4b4.entry.js +0 -2
  310. package/dist/web-components-library/p-efda4ff7.system.entry.js +0 -2
  311. package/dist/web-components-library/p-efda4ff7.system.entry.js.map +0 -1
  312. package/dist/web-components-library/p-fc1e9ce0.entry.js +0 -2
  313. package/dist/web-components-library/p-fc1e9ce0.entry.js.map +0 -1
  314. package/dist/web-components-library/p-ffcf7250.entry.js +0 -2
  315. package/dist/web-components-library/p-ffcf7250.entry.js.map +0 -1
  316. package/dist/web-components-library/p-ffeb3d1b.system.entry.js +0 -2
  317. package/dist/web-components-library/p-ffeb3d1b.system.entry.js.map +0 -1
  318. package/dist/web-components-library/p-ffee2568.system.entry.js +0 -2
  319. package/www/build/p-22610d00.entry.js.map +0 -1
  320. package/www/build/p-353c9666.entry.js +0 -2
  321. package/www/build/p-353c9666.entry.js.map +0 -1
  322. package/www/build/p-3970d479.entry.js +0 -2
  323. package/www/build/p-3970d479.entry.js.map +0 -1
  324. package/www/build/p-3cd2a911.system.entry.js +0 -2
  325. package/www/build/p-3cd2a911.system.entry.js.map +0 -1
  326. package/www/build/p-5d0fd3e4.system.entry.js +0 -2
  327. package/www/build/p-5d0fd3e4.system.entry.js.map +0 -1
  328. package/www/build/p-6232f1d4.css +0 -3
  329. package/www/build/p-8f28871c.entry.js +0 -2
  330. package/www/build/p-93f6a3ca.system.entry.js +0 -2
  331. package/www/build/p-93f6a3ca.system.entry.js.map +0 -1
  332. package/www/build/p-94bfd79b.system.entry.js +0 -2
  333. package/www/build/p-94bfd79b.system.entry.js.map +0 -1
  334. package/www/build/p-9bae8b1c.system.entry.js +0 -2
  335. package/www/build/p-9bae8b1c.system.entry.js.map +0 -1
  336. package/www/build/p-a0893037.entry.js +0 -2
  337. package/www/build/p-a0893037.entry.js.map +0 -1
  338. package/www/build/p-a8d78db5.system.entry.js +0 -2
  339. package/www/build/p-a8d78db5.system.entry.js.map +0 -1
  340. package/www/build/p-b6aa9719.entry.js +0 -2
  341. package/www/build/p-b6aa9719.entry.js.map +0 -1
  342. package/www/build/p-c012f19c.entry.js +0 -2
  343. package/www/build/p-c012f19c.entry.js.map +0 -1
  344. package/www/build/p-c94a3f4f.js +0 -2
  345. package/www/build/p-df6ef4b4.entry.js +0 -2
  346. package/www/build/p-efda4ff7.system.entry.js +0 -2
  347. package/www/build/p-efda4ff7.system.entry.js.map +0 -1
  348. package/www/build/p-fc1e9ce0.entry.js +0 -2
  349. package/www/build/p-fc1e9ce0.entry.js.map +0 -1
  350. package/www/build/p-ffcf7250.entry.js +0 -2
  351. package/www/build/p-ffcf7250.entry.js.map +0 -1
  352. package/www/build/p-ffeb3d1b.system.entry.js +0 -2
  353. package/www/build/p-ffeb3d1b.system.entry.js.map +0 -1
  354. package/www/build/p-ffee2568.system.entry.js +0 -2
  355. /package/dist/esm-es5/{utils-ba4f0770.js.map → utils-cd008fbc.js.map} +0 -0
  356. /package/dist/types/home/{veronica/zanichelli/ds → runner/work/design-system}/design-system/.stencil/.storybook/elements/args-controls.d.ts +0 -0
  357. /package/dist/types/home/{veronica/zanichelli/ds → runner/work/design-system}/design-system/.stencil/.storybook/elements/docs-template.d.ts +0 -0
  358. /package/dist/types/home/{veronica/zanichelli/ds → runner/work/design-system}/design-system/.stencil/docs/grid/index.stories.d.ts +0 -0
  359. /package/dist/types/home/{veronica/zanichelli/ds → runner/work/design-system}/design-system/.stencil/docs/iconset/index.stories.d.ts +0 -0
  360. /package/dist/types/home/{veronica/zanichelli/ds → runner/work/design-system}/design-system/.stencil/docs/themes/index.stories.d.ts +0 -0
  361. /package/dist/web-components-library/{p-3b801ea6.entry.js.map → p-0e342fa3.entry.js.map} +0 -0
  362. /package/dist/web-components-library/{p-fb6c02f1.entry.js.map → p-114088a1.entry.js.map} +0 -0
  363. /package/dist/web-components-library/{p-7519c72d.system.entry.js.map → p-2dd2d037.system.entry.js.map} +0 -0
  364. /package/dist/web-components-library/{p-662c8342.js.map → p-49a35cf0.js.map} +0 -0
  365. /package/dist/web-components-library/{p-461cf578.system.entry.js.map → p-751c58e2.system.entry.js.map} +0 -0
  366. /package/dist/web-components-library/{p-dead4830.system.js.map → p-7dd29d4d.system.js.map} +0 -0
  367. /package/www/build/{p-3b801ea6.entry.js.map → p-0e342fa3.entry.js.map} +0 -0
  368. /package/www/build/{p-fb6c02f1.entry.js.map → p-114088a1.entry.js.map} +0 -0
  369. /package/www/build/{p-7519c72d.system.entry.js.map → p-2dd2d037.system.entry.js.map} +0 -0
  370. /package/www/build/{p-662c8342.js.map → p-49a35cf0.js.map} +0 -0
  371. /package/www/build/{p-461cf578.system.entry.js.map → p-751c58e2.system.entry.js.map} +0 -0
  372. /package/www/build/{p-dead4830.system.js.map → p-7dd29d4d.system.js.map} +0 -0
package/dist/esm-es5/z-range-picker.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-ab5f1eaa.js";import{f as flatpickr,s as setAriaOptions,v as validateDate,i as it,a as setFlatpickrPosition}from"./utils-ba4f0770.js";import{H as ZRangePickerMode,G as ZDatePickerPosition,I as InputType,f as InputStatus}from"./index-2255c6c8.js";var stylesCss='.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;-ms-flex-wrap:wrap;flex-wrap:wrap}.flatpickr-monthSelect-month{background:none;border:1px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:0.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%}.flatpickr-monthSelect-month.flatpickr-disabled{color:#eee}.flatpickr-monthSelect-month.flatpickr-disabled:hover,.flatpickr-monthSelect-month.flatpickr-disabled:focus{cursor:not-allowed;background:none !important}.flatpickr-monthSelect-theme-dark{background:#3f4458}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255, 255, 255, 0.95)}.flatpickr-monthSelect-month.today{border-color:#959ea9}.flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-month.inRange.today,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;border-color:#e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c}.flatpickr-monthSelect-month.today:hover,.flatpickr-monthSelect-month.today:focus{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-monthSelect-month.startRange{border-radius:50px 0 0 50px}.flatpickr-monthSelect-month.endRange{border-radius:0 50px 50px 0}.flatpickr-monthSelect-month.startRange.endRange{border-radius:50px}.flatpickr-monthSelect-month.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-range-picker--toggle-height:0}z-date-picker{position:relative}z-date-picker>div>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:-ms-flexbox !important;display:flex !important;width:-webkit-fill-available;width:-moz-available;width:fill-available;height:calc(var(--space-unit) * 6);-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:-ms-flexbox;display:flex;height:calc(var(--space-unit) * 5.5) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:-ms-flexbox;display:flex;gap:16px}';var ZRangePickerStyle0=stylesCss;var ZRangePicker=function(){function t(t){registerInstance(this,t);this.dateSelect=createEvent(this,"dateSelect",7);this.rangePickerId=undefined;this.firstAriaLabel=undefined;this.firstLabel=undefined;this.secondAriaLabel=undefined;this.secondLabel=undefined;this.mode=ZRangePickerMode.DATE;this.firstPickerReadOnly=false;this.lastPickerReadOnly=false;this.firstPickerPlaceholder="";this.lastPickerPlaceholder="";this.flatpickrPosition=ZDatePickerPosition.BOTTOM;this.activeInput="start-input";this.firstInputError=false;this.lastInputError=false}t.prototype.handleClick=function(){this.getFocusedInput()};t.prototype.handleKeyDown=function(t){var a,e,r,i,n,o;var l=this.activeInput==="start-input"?this.firstPicker:this.lastPicker;this.getFocusedInput();if(t.key==="Escape"){document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))&&((a=this.firstPicker)===null||a===void 0?void 0:a.close());document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))&&((e=this.lastPicker)===null||e===void 0?void 0:e.close())}if(t.key==="Enter"||t.key===" "){if(document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))||document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))){l===null||l===void 0?void 0:l.open()}var p=document.activeElement.classList.contains("reset-icon");if(p){if(this.activeInput==="start-input"){this.firstInputError=false;(r=this.firstPicker)===null||r===void 0?void 0:r.clear();this.printDate(null,((i=this.lastPicker)===null||i===void 0?void 0:i.selectedDates[0])||null)}if(this.activeInput==="end-input"){this.lastInputError=false;(n=this.firstPicker)===null||n===void 0?void 0:n.clear();this.printDate(((o=this.firstPicker)===null||o===void 0?void 0:o.selectedDates[0])||null,null)}}var c=document.activeElement.classList.contains("flatpickr-prev-month");var s=document.activeElement.classList.contains("flatpickr-next-month");var d=c||s;d&&t.key===" "&&t.preventDefault();c&&(l===null||l===void 0?void 0:l.changeMonth(-1));s&&(l===null||l===void 0?void 0:l.changeMonth(1))}};t.prototype.componentDidLoad=function(){this.setupPickers()};t.prototype.setupFirstPickersReadOnly=function(){var t;(t=this.firstPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.firstPickerReadOnly)};t.prototype.setupLastPickersReadOnly=function(){var t;(t=this.lastPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.lastPickerReadOnly)};t.prototype.setupPickers=function(){var t=this;var a={enableTime:this.mode===ZRangePickerMode.DATE_TIME,locale:it.exports.Italian,allowInput:true,wrap:true,dateFormat:this.mode===ZRangePickerMode.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:"d F Y",minuteIncrement:1,time_24hr:true,onValueUpdate:function(){var a=t.activeInput==="start-input";var e=t.firstPicker.selectedDates[0];var r=t.lastPicker.selectedDates[0];if(+e>+r){if(a){t.firstInputError=true;t.printDate(null,r||null)}else{t.lastInputError=true;t.printDate(e||null,null)}}else{t.lastInputError=false;t.firstInputError=false;t.printDate(e||null,r||null)}t.setRangeStyle(0);t.setRangeStyle(1)},onChange:function(a,e,r){t.onDateSelect();t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onOpen:function(a,e,r){setAriaOptions(t.element,t.mode);t.flatpickrPosition=setFlatpickrPosition(t.element,t.mode);t.setRangeStyle(r.input.classList.contains("start-input")?0:1);t.getFocusedInput()},onYearChange:function(a,e,r){t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onMonthChange:function(a,e,r){t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onKeyDown:function(){setAriaOptions(t.element,t.mode)}};this.firstPicker=flatpickr(".".concat(this.rangePickerId,"-1-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.firstPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-1-wrapper"))}));this.lastPicker=flatpickr(".".concat(this.rangePickerId,"-2-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.lastPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-2-wrapper"))}));this.element.querySelectorAll(".flatpickr-weekday").forEach((function(t){t.innerHTML=t.innerHTML.trim().charAt(0)}))};t.prototype.onDateSelect=function(){var t=this.activeInput==="start-input";var a=this.firstPicker.selectedDates[0];var e=this.lastPicker.selectedDates[0];if(+a>+e){if(t){this.firstInputError=true;this.printDate(null,e||null)}else{this.lastInputError=true;this.printDate(a||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(a||null,e||null)}};t.prototype.disableDates=function(t,a){var e=this;var r=this.element.getElementsByClassName("flatpickr-calendar")[a];Array.from(r.getElementsByClassName("flatpickr-day")).forEach((function(r){var i=e.getDateWithoutTime(e.replaceMonths(r.ariaLabel,null));var n=e.getDateWithoutTime(t);var o=a===0?i>n:i<n;if(o){r.classList.toggle("flatpickr-disabled",true)}else{r.classList.toggle("flatpickr-disabled",false)}}));setAriaOptions(this.element,this.mode)};t.prototype.formatDate=function(t){if(this.mode===ZRangePickerMode.DATE){return"".concat(flatpickr.formatDate(t,"d-m-Y"))}return"".concat(flatpickr.formatDate(t,"d-m-Y - H:i"))};t.prototype.printDate=function(t,a){var e=t?this.formatDate(t):null;var r=a?this.formatDate(a):null;this.dateSelect.emit([e,r])};t.prototype.getDateWithoutTime=function(t){var a=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0);return a};t.prototype.replaceMonths=function(t,a){var e=t.split(" ")[1];var r={Gennaio:"01",Febbraio:"02",Marzo:"03",Aprile:"04",Maggio:"05",Giugno:"06",Luglio:"07",Agosto:"08",Settembre:"09",Ottobre:"10",Novembre:"11",Dicembre:"12"};var i=t.replace(e,r[e]).split(" ");return new Date(parseInt(i[2]),parseInt(i[1])-1,parseInt(i[0]),a?parseInt(a.split(":")[0]):0,a?parseInt(a.split(":")[1]):0)};t.prototype.getFocusedInput=function(){var t=document.activeElement.closest("z-input");if(!t){return}if(t===null||t===void 0?void 0:t.classList.contains("start-input")){this.activeInput="start-input"}else if(t.classList.contains("end-input")){this.activeInput="end-input"}};t.prototype.setRangeStyle=function(t){var a=this;Array.from(this.element.getElementsByClassName("flatpickr-calendar")).forEach((function(e){Array.from(e.getElementsByClassName("flatpickr-day")).forEach((function(e){var r=a.firstPicker.selectedDates.length===1;var i=a.lastPicker.selectedDates.length===1;var n;var o;var l=a.getDateWithoutTime(a.replaceMonths(e.ariaLabel,null));if(r){n=a.getDateWithoutTime(a.firstPicker.selectedDates[0]);if(+l===+n){e.classList.toggle("startRange",true)}else{e.classList.toggle("startRange",false)}}if(i){o=a.getDateWithoutTime(a.lastPicker.selectedDates[0]);if(+l===+o){e.classList.toggle("endRange",true)}else{e.classList.toggle("endRange",false)}}if(r&&i){if(l>n&&l<o){e.classList.toggle("inRange",true)}else{e.classList.toggle("inRange",false)}}if(t===0&&i){a.disableDates(a.lastPicker.selectedDates[0],t)}if(t===1&&r){a.disableDates(a.firstPicker.selectedDates[0],t)}}))}))};t.prototype.onStopTyping=function(t){var a=t.detail.value.replace("/","-");var e=a.split("-");var r=this.mode===ZRangePickerMode.DATE_TIME?"T".concat(e[3],":00"):"";var i="".concat(e[2],"-").concat(e[1],"-").concat(e[0]).concat(r).split(" ").join("");var n=validateDate(a,this.mode===ZRangePickerMode.DATE_TIME);var o=Date.parse(i).toString();if(this.activeInput==="start-input"){if(a===""){this.firstInputError=false;this.firstPicker.setDate([]);this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(!n){this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(n){if(this.lastPicker.selectedDates.length===1){if(+o<=+this.lastPicker.selectedDates[0]){this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),this.lastPicker.selectedDates[0])}else{this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0])}}else{this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),null)}}}else if(a===""){this.lastInputError=false;this.lastPicker.setDate([]);this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(!n){this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(n){if(this.firstPicker.selectedDates.length===1){if(+o>=+this.firstPicker.selectedDates[0]){this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(this.firstPicker.selectedDates[0],new Date(i))}else{this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0],null)}}else{this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(null,new Date(i))}}this.setRangeStyle(this.activeInput==="start-input"?0:1)};t.prototype.render=function(){var t;var a=this;var e={type:InputType.TEXT,icon:"event",tabindex:"0",message:false,onStopTyping:this.onStopTyping.bind(this),value:""};return h("div",{key:"c503698bd0205fe189c3859dd115f6558dfc9a09",class:(t={},t["range-pickers-container"]=true,t[this.mode]=true,t[this.activeInput]=true,t[this.flatpickrPosition]=true,t)},h("div",{key:"ebb4f94bc07bf7141fd1eb42f0dc9155ed563cd0",class:"".concat(this.rangePickerId,"-1-wrapper")},h("div",{key:"924fc4ab0efc18550e96ec6bf51938a3a4335c2c",class:"".concat(this.rangePickerId,"-1-container")},h("z-input",Object.assign({key:"7aeb9334a243a29401c4a590809d57f8aaefd1b1"},e,{placeholder:this.firstPickerPlaceholder,readonly:this.firstPickerReadOnly,"data-input":"data-input",class:"start-input ".concat(this.rangePickerId,"-1"),ariaLabel:this.firstAriaLabel,label:this.firstLabel,status:this.firstInputError&&InputStatus.ERROR,onStartTyping:function(){a.firstInputError=false}})))),h("div",{key:"9aac0744b849283527ba3ad5d81ba760cc1d051e",class:"".concat(this.rangePickerId,"-2-wrapper")},h("div",{key:"16fd5555b561645e206a4cbda09f77dfacd9088a",class:"".concat(this.rangePickerId,"-2-container")},h("z-input",Object.assign({key:"7b2cbc88fcd73059696f962ecd0870e1a3d9225c"},e,{placeholder:this.lastPickerPlaceholder,readonly:this.lastPickerReadOnly,"data-input":"data-input",class:"end-input ".concat(this.rangePickerId,"-2"),ariaLabel:this.secondAriaLabel,label:this.secondLabel,status:this.lastInputError&&InputStatus.ERROR,onStartTyping:function(){a.lastInputError=false}})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{firstPickerReadOnly:["setupFirstPickersReadOnly"],lastPickerReadOnly:["setupLastPickersReadOnly"],mode:["setupPickers"]}},enumerable:false,configurable:true});return t}();ZRangePicker.style=ZRangePickerStyle0;export{ZRangePicker as z_range_picker};
1
+ import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-ab5f1eaa.js";import{f as flatpickr,s as setAriaOptions,v as validateDate,i as it,a as setFlatpickrPosition}from"./utils-cd008fbc.js";import{H as ZRangePickerMode,G as ZDatePickerPosition,I as InputType,f as InputStatus}from"./index-2255c6c8.js";var stylesCss='.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:\'\';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer+.dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.flatpickr-monthSelect-months{margin:10px 1px 3px 1px;-ms-flex-wrap:wrap;flex-wrap:wrap}.flatpickr-monthSelect-month{background:none;border:1px solid transparent;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;display:inline-block;font-weight:400;margin:0.5px;justify-content:center;padding:10px;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;text-align:center;width:33%}.flatpickr-monthSelect-month.flatpickr-disabled{color:#eee}.flatpickr-monthSelect-month.flatpickr-disabled:hover,.flatpickr-monthSelect-month.flatpickr-disabled:focus{cursor:not-allowed;background:none !important}.flatpickr-monthSelect-theme-dark{background:#3f4458}.flatpickr-monthSelect-theme-dark .flatpickr-current-month input.cur-year{color:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-prev-month,.flatpickr-monthSelect-theme-dark .flatpickr-months .flatpickr-next-month{color:#fff;fill:#fff}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month{color:rgba(255, 255, 255, 0.95)}.flatpickr-monthSelect-month.today{border-color:#959ea9}.flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-month.inRange.today,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:focus{background:#e6e6e6;cursor:pointer;outline:0;border-color:#e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.inRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month:focus{background:#646c8c;border-color:#646c8c}.flatpickr-monthSelect-month.today:hover,.flatpickr-monthSelect-month.today:focus{background:#959ea9;border-color:#959ea9;color:#fff}.flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-month.endRange{background-color:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-monthSelect-month.startRange{border-radius:50px 0 0 50px}.flatpickr-monthSelect-month.endRange{border-radius:0 50px 50px 0}.flatpickr-monthSelect-month.startRange.endRange{border-radius:50px}.flatpickr-monthSelect-month.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6}.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.selected,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.startRange,.flatpickr-monthSelect-theme-dark .flatpickr-monthSelect-month.endRange{background:#80cbc4;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#80cbc4}:host{font-family:var(--font-family-sans);font-weight:var(--font-rg);--z-range-picker--toggle-height:0}z-date-picker{position:relative}z-date-picker>div>*{cursor:pointer !important}z-range-picker{position:relative}.flatpickr-toggle-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.range-pickers-container>div{position:relative}.hidden-input{position:absolute;bottom:0;width:0;height:0;visibility:hidden !important}.flatpickr-calendar::before,.flatpickr-calendar::after{display:none}.flatpickr-calendar{position:absolute !important;top:var(--z-range-picker--toggle-height) !important;left:0 !important;padding-top:calc(var(--space-unit) * 2);border-radius:2px;-webkit-box-shadow:var(--shadow-2);box-shadow:var(--shadow-2);font-family:var(--font-family-sans) !important}.months.top>.flatpickr-calendar{top:-288px !important}.date.top>.flatpickr-calendar,.date.top>div>.flatpickr-calendar{top:-401px !important}.date-time.top>.flatpickr-calendar,.date-time.top>div>.flatpickr-calendar{top:-523px !important}.flatpickr-calendar,.flatpickr-innerContainer,.flatpickr-days,.dayContainer,.flatpickr-rContainer,.flatpickr-monthSelect-months{width:calc(var(--space-unit) * 42) !important;max-width:calc(var(--space-unit) * 42) !important}.flatpickr-monthSelect-months{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 !important;margin:calc(var(--space-unit) * 2) 0 !important}.flatpickr-months{position:relative;height:calc(var(--space-unit) * 6) !important;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-unit) 0 !important}.flatpickr-month{overflow:visible !important;height:calc(var(--space-unit) * 6) !important}.flatpickr-current-month{left:0 !important;display:-ms-flexbox !important;display:flex !important;width:-webkit-fill-available;width:-moz-available;width:fill-available;height:calc(var(--space-unit) * 6);-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-top:0}.flatpickr-next-month,.flatpickr-prev-month{position:static !important;display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 4) !important;height:calc(var(--space-unit) * 4) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 !important}.flatpickr-prev-month{margin-left:var(--space-unit)}.flatpickr-next-month{margin-right:var(--space-unit)}.flatpickr-next-month>svg,.flatpickr-prev-month>svg{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;fill:var(--color-primary01)}.flatpickr-next-month:hover,.flatpickr-prev-month:hover,.flatpickr-next-month:focus,.flatpickr-prev-month:focus{border:none !important;border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important;outline:none !important}.flatpickr-next-month:hover svg,.flatpickr-prev-month:hover svg{fill:var(--color-hover-primary) !important}.flatpickr-next-month:active,.flatpickr-prev-month:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.flatpickr-next-month:focus svg,.flatpickr-prev-month:focus svg{fill:var(--color-primary01) !important}.flatpickr-monthDropdown-months{width:108px !important;height:calc(var(--space-unit) * 5.5) !important;padding-left:var(--space-unit) !important;background:var(--color-surface01) !important;color:var(--color-default-text) !important;font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.flatpickr-monthDropdown-months:hover,.flatpickr-monthDropdown-months:focus{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper{display:-ms-flexbox;display:flex;width:calc(var(--space-unit) * 10);height:calc(var(--space-unit) * 5.5) !important;background:var(--color-surface01) !important;color:var(--color-default-text);outline:1px solid black !important}.flatpickr-current-month>.numInputWrapper:hover,.flatpickr-current-month>.numInputWrapper:focus-within{outline:1px solid var(--color-primary01) !important}.flatpickr-current-month>.numInputWrapper>input{padding:0 calc(var(--space-unit) * 3) 0 var(--space-unit);font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;text-align:center}.flatpickr-weekdays{height:calc(var(--space-unit) * 6);border-bottom:1px solid var(--color-surface03)}.flatpickr-weekday{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important}.flatpickr-day,.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 6) !important;max-width:100% !important;height:calc(var(--space-unit) * 6) !important;border:none;margin:0 !important;border-radius:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important;font-size:var(--font-size-3) !important;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-day{width:calc(var(--space-unit) * 6) !important;border:none;line-height:calc(var(--space-unit) * 6) !important}.flatpickr-monthSelect-month{width:calc(var(--space-unit) * 14) !important;padding:0 !important;border:2px solid var(--color-surface01) !important;line-height:calc(var(--space-unit) * 5) !important}.flatpickr-day:not(.flatpickr-disabled):hover,.flatpickr-day:not(.flatpickr-disabled):active,.flatpickr-day:not(.flatpickr-disabled):focus,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,.flatpickr-day:not(.flatpickr-disabled).selected:hover,.flatpickr-day:not(.flatpickr-disabled).selected:active,.flatpickr-day:not(.flatpickr-disabled).selected:focus,.flatpickr-monthSelect-month:hover,.flatpickr-monthSelect-month:active,.flatpickr-monthSelect-month:focus{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important;color:var(--color-text-inverse) !important}.flatpickr-day.today,.flatpickr-monthSelect-month.today{border:2px solid var(--color-hover-primary) !important}.flatpickr-day.selected:not(.flatpickr-disabled),.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled){border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-weekday:nth-child(6),.flatpickr-weekday:nth-child(7),.flatpickr-day:nth-child(7n+6),.flatpickr-day:nth-child(7n+7){font-weight:var(--font-sb) !important}.flatpickr-time{display:block;height:90px !important;max-height:90px !important;text-align:left}.flatpickr-time::before{display:block;width:100%;padding-left:var(--space-unit);color:var(--color-default-text) !important;content:"Orario";font-size:var(--font-size-1);font-weight:var(--font-sb);text-transform:uppercase}.flatpickr-time.time24hr{margin:calc(var(--space-unit) * 2) !important}.flatpickr-time.time24hr>.numInputWrapper>input:hover,.flatpickr-time.time24hr>.numInputWrapper>input:focus,.flatpickr-time.time24hr>.numInputWrapper:hover{background-color:var(--color-surface01) !important}.flatpickr-time.time24hr>div{width:calc(var(--space-unit) * 10) !important;height:calc(var(--space-unit) * 5.5) !important;margin-right:var(--space-unit) !important;margin-left:var(--space-unit) !important}.flatpickr-time-separator{display:-ms-flexbox;display:flex;height:calc(var(--space-unit) * 5.5) !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-weight:unset !important}.flatpickr-minute,.flatpickr-hour{font-size:var(--font-size-3) !important;font-weight:var(--font-rg) !important;outline:1px solid black !important}.numInputWrapper:hover .flatpickr-minute,.numInputWrapper:hover .flatpickr-hour,.flatpickr-minute:focus,.flatpickr-hour:focus{outline:1px solid var(--color-primary01) !important}.arrowUp,.arrowDown{width:calc(var(--space-unit) * 2) !important;height:calc(var(--space-unit) * 2) !important;padding:0 !important;border:none !important;opacity:1 !important}.arrowUp{margin-top:calc(var(--space-unit) / 2) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowDown{top:auto !important;margin-top:calc(var(--space-unit) * 3) !important;margin-right:calc(var(--space-unit) / 2) !important}.arrowUp:hover,.arrowDown:hover{border-color:var(--color-primary03) !important;background-color:var(--color-primary03) !important;border-radius:var(--border-radius);color:var(--color-hover-primary) !important}.arrowUp:active,.arrowDown:active{border-color:var(--color-surface01) !important;background-color:var(--color-surface01) !important;border-radius:var(--border-radius);-webkit-box-shadow:var(--shadow-2) !important;box-shadow:var(--shadow-2) !important;color:var(--color-primary01) !important}.arrowUp::after,.arrowDown::after{padding:2.5px !important;border:solid var(--color-primary01) !important;border-width:0 1px 1px 0 !important}.arrowUp::after{top:0 !important;margin-top:6px !important;margin-left:5.5px !important;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.arrowDown::after{top:0 !important;left:5.5px !important;margin-top:4px !important;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.flatpickr-day:not(.flatpickr-disabled).inRange:hover,.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover{border-color:var(--color-hover-primary) !important;background-color:var(--color-hover-primary) !important}.flatpickr-day:not(.flatpickr-disabled).inRange,.flatpickr-day:not(.flatpickr-disabled).today.inRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange{border-color:var(--color-primary03);background-color:var(--color-primary03)}.flatpickr-day:not(.flatpickr-disabled).startRange,.flatpickr-day:not(.flatpickr-disabled).endRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange{border-color:var(--color-primary01) !important;background-color:var(--color-primary01) !important}.flatpickr-range.second-input{cursor:pointer}.range-pickers-container{display:-ms-flexbox;display:flex;gap:16px}';var ZRangePickerStyle0=stylesCss;var ZRangePicker=function(){function t(t){registerInstance(this,t);this.dateSelect=createEvent(this,"dateSelect",7);this.rangePickerId=undefined;this.firstAriaLabel=undefined;this.firstLabel=undefined;this.secondAriaLabel=undefined;this.secondLabel=undefined;this.mode=ZRangePickerMode.DATE;this.firstPickerReadOnly=false;this.lastPickerReadOnly=false;this.firstPickerPlaceholder="";this.lastPickerPlaceholder="";this.flatpickrPosition=ZDatePickerPosition.BOTTOM;this.activeInput="start-input";this.firstInputError=false;this.lastInputError=false}t.prototype.handleClick=function(){this.getFocusedInput()};t.prototype.handleKeyDown=function(t){var a,e,r,i,n,o;var l=this.activeInput==="start-input"?this.firstPicker:this.lastPicker;this.getFocusedInput();if(t.key==="Escape"){document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))&&((a=this.firstPicker)===null||a===void 0?void 0:a.close());document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))&&((e=this.lastPicker)===null||e===void 0?void 0:e.close())}if(t.key==="Enter"||t.key===" "){if(document.activeElement.classList.contains("".concat(this.rangePickerId,"-1"))||document.activeElement.classList.contains("".concat(this.rangePickerId,"-2"))){l===null||l===void 0?void 0:l.open()}var p=document.activeElement.classList.contains("reset-icon");if(p){if(this.activeInput==="start-input"){this.firstInputError=false;(r=this.firstPicker)===null||r===void 0?void 0:r.clear();this.printDate(null,((i=this.lastPicker)===null||i===void 0?void 0:i.selectedDates[0])||null)}if(this.activeInput==="end-input"){this.lastInputError=false;(n=this.firstPicker)===null||n===void 0?void 0:n.clear();this.printDate(((o=this.firstPicker)===null||o===void 0?void 0:o.selectedDates[0])||null,null)}}var c=document.activeElement.classList.contains("flatpickr-prev-month");var s=document.activeElement.classList.contains("flatpickr-next-month");var d=c||s;d&&t.key===" "&&t.preventDefault();c&&(l===null||l===void 0?void 0:l.changeMonth(-1));s&&(l===null||l===void 0?void 0:l.changeMonth(1))}};t.prototype.componentDidLoad=function(){this.setupPickers()};t.prototype.setupFirstPickersReadOnly=function(){var t;(t=this.firstPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.firstPickerReadOnly)};t.prototype.setupLastPickersReadOnly=function(){var t;(t=this.lastPicker)===null||t===void 0?void 0:t.set("clickOpens",!this.lastPickerReadOnly)};t.prototype.setupPickers=function(){var t=this;var a={enableTime:this.mode===ZRangePickerMode.DATE_TIME,locale:it.exports.Italian,allowInput:true,wrap:true,dateFormat:this.mode===ZRangePickerMode.DATE_TIME?"d-m-Y - H:i":"d-m-Y",ariaDateFormat:"d F Y",minuteIncrement:1,time_24hr:true,onValueUpdate:function(){var a=t.activeInput==="start-input";var e=t.firstPicker.selectedDates[0];var r=t.lastPicker.selectedDates[0];if(+e>+r){if(a){t.firstInputError=true;t.printDate(null,r||null)}else{t.lastInputError=true;t.printDate(e||null,null)}}else{t.lastInputError=false;t.firstInputError=false;t.printDate(e||null,r||null)}t.setRangeStyle(0);t.setRangeStyle(1)},onChange:function(a,e,r){t.onDateSelect();t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onOpen:function(a,e,r){setAriaOptions(t.element,t.mode);t.flatpickrPosition=setFlatpickrPosition(t.element,t.mode);t.setRangeStyle(r.input.classList.contains("start-input")?0:1);t.getFocusedInput()},onYearChange:function(a,e,r){t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onMonthChange:function(a,e,r){t.setRangeStyle(r.input.classList.contains("start-input")?0:1)},onKeyDown:function(){setAriaOptions(t.element,t.mode)}};this.firstPicker=flatpickr(".".concat(this.rangePickerId,"-1-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.firstPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-1-wrapper"))}));this.lastPicker=flatpickr(".".concat(this.rangePickerId,"-2-container"),Object.assign(Object.assign({},Object.assign(Object.assign({},a),{clickOpens:!this.lastPickerReadOnly})),{mode:"single",appendTo:this.element.querySelector(".".concat(this.rangePickerId,"-2-wrapper"))}));this.element.querySelectorAll(".flatpickr-weekday").forEach((function(t){t.innerHTML=t.innerHTML.trim().charAt(0)}))};t.prototype.onDateSelect=function(){var t=this.activeInput==="start-input";var a=this.firstPicker.selectedDates[0];var e=this.lastPicker.selectedDates[0];if(+a>+e){if(t){this.firstInputError=true;this.printDate(null,e||null)}else{this.lastInputError=true;this.printDate(a||null,null)}}else{this.lastInputError=false;this.firstInputError=false;this.printDate(a||null,e||null)}};t.prototype.disableDates=function(t,a){var e=this;var r=this.element.getElementsByClassName("flatpickr-calendar")[a];Array.from(r.getElementsByClassName("flatpickr-day")).forEach((function(r){var i=e.getDateWithoutTime(e.replaceMonths(r.ariaLabel,null));var n=e.getDateWithoutTime(t);var o=a===0?i>n:i<n;if(o){r.classList.toggle("flatpickr-disabled",true)}else{r.classList.toggle("flatpickr-disabled",false)}}));setAriaOptions(this.element,this.mode)};t.prototype.formatDate=function(t){if(this.mode===ZRangePickerMode.DATE){return"".concat(flatpickr.formatDate(t,"d-m-Y"))}return"".concat(flatpickr.formatDate(t,"d-m-Y - H:i"))};t.prototype.printDate=function(t,a){var e=t?this.formatDate(t):null;var r=a?this.formatDate(a):null;this.dateSelect.emit([e,r])};t.prototype.getDateWithoutTime=function(t){var a=new Date(t.getFullYear(),t.getMonth(),t.getDate(),0,0);return a};t.prototype.replaceMonths=function(t,a){var e=t.split(" ")[1];var r={Gennaio:"01",Febbraio:"02",Marzo:"03",Aprile:"04",Maggio:"05",Giugno:"06",Luglio:"07",Agosto:"08",Settembre:"09",Ottobre:"10",Novembre:"11",Dicembre:"12"};var i=t.replace(e,r[e]).split(" ");return new Date(parseInt(i[2]),parseInt(i[1])-1,parseInt(i[0]),a?parseInt(a.split(":")[0]):0,a?parseInt(a.split(":")[1]):0)};t.prototype.getFocusedInput=function(){var t=document.activeElement.closest("z-input");if(!t){return}if(t===null||t===void 0?void 0:t.classList.contains("start-input")){this.activeInput="start-input"}else if(t.classList.contains("end-input")){this.activeInput="end-input"}};t.prototype.setRangeStyle=function(t){var a=this;Array.from(this.element.getElementsByClassName("flatpickr-calendar")).forEach((function(e){Array.from(e.getElementsByClassName("flatpickr-day")).forEach((function(e){var r=a.firstPicker.selectedDates.length===1;var i=a.lastPicker.selectedDates.length===1;var n;var o;var l=a.getDateWithoutTime(a.replaceMonths(e.ariaLabel,null));if(r){n=a.getDateWithoutTime(a.firstPicker.selectedDates[0]);if(+l===+n){e.classList.toggle("startRange",true)}else{e.classList.toggle("startRange",false)}}if(i){o=a.getDateWithoutTime(a.lastPicker.selectedDates[0]);if(+l===+o){e.classList.toggle("endRange",true)}else{e.classList.toggle("endRange",false)}}if(r&&i){if(l>n&&l<o){e.classList.toggle("inRange",true)}else{e.classList.toggle("inRange",false)}}if(t===0&&i){a.disableDates(a.lastPicker.selectedDates[0],t)}if(t===1&&r){a.disableDates(a.firstPicker.selectedDates[0],t)}}))}))};t.prototype.onStopTyping=function(t){var a=t.detail.value.replace("/","-");var e=a.split("-");var r=this.mode===ZRangePickerMode.DATE_TIME?"T".concat(e[3],":00"):"";var i="".concat(e[2],"-").concat(e[1],"-").concat(e[0]).concat(r).split(" ").join("");var n=validateDate(a,this.mode===ZRangePickerMode.DATE_TIME);var o=Date.parse(i).toString();if(this.activeInput==="start-input"){if(a===""){this.firstInputError=false;this.firstPicker.setDate([]);this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(!n){this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0]||null)}else if(n){if(this.lastPicker.selectedDates.length===1){if(+o<=+this.lastPicker.selectedDates[0]){this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),this.lastPicker.selectedDates[0])}else{this.firstInputError=true;this.printDate(null,this.lastPicker.selectedDates[0])}}else{this.firstInputError=false;this.firstPicker.setDate([a]);this.printDate(new Date(i),null)}}}else if(a===""){this.lastInputError=false;this.lastPicker.setDate([]);this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(!n){this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0]||null,null)}else if(n){if(this.firstPicker.selectedDates.length===1){if(+o>=+this.firstPicker.selectedDates[0]){this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(this.firstPicker.selectedDates[0],new Date(i))}else{this.lastInputError=true;this.printDate(this.firstPicker.selectedDates[0],null)}}else{this.lastInputError=false;this.lastPicker.setDate([a]);this.printDate(null,new Date(i))}}this.setRangeStyle(this.activeInput==="start-input"?0:1)};t.prototype.render=function(){var t;var a=this;var e={type:InputType.TEXT,icon:"event",tabindex:"0",message:false,onStopTyping:this.onStopTyping.bind(this),value:""};return h("div",{key:"c503698bd0205fe189c3859dd115f6558dfc9a09",class:(t={},t["range-pickers-container"]=true,t[this.mode]=true,t[this.activeInput]=true,t[this.flatpickrPosition]=true,t)},h("div",{key:"ebb4f94bc07bf7141fd1eb42f0dc9155ed563cd0",class:"".concat(this.rangePickerId,"-1-wrapper")},h("div",{key:"924fc4ab0efc18550e96ec6bf51938a3a4335c2c",class:"".concat(this.rangePickerId,"-1-container")},h("z-input",Object.assign({key:"7aeb9334a243a29401c4a590809d57f8aaefd1b1"},e,{placeholder:this.firstPickerPlaceholder,readonly:this.firstPickerReadOnly,"data-input":"data-input",class:"start-input ".concat(this.rangePickerId,"-1"),ariaLabel:this.firstAriaLabel,label:this.firstLabel,status:this.firstInputError&&InputStatus.ERROR,onStartTyping:function(){a.firstInputError=false}})))),h("div",{key:"9aac0744b849283527ba3ad5d81ba760cc1d051e",class:"".concat(this.rangePickerId,"-2-wrapper")},h("div",{key:"16fd5555b561645e206a4cbda09f77dfacd9088a",class:"".concat(this.rangePickerId,"-2-container")},h("z-input",Object.assign({key:"7b2cbc88fcd73059696f962ecd0870e1a3d9225c"},e,{placeholder:this.lastPickerPlaceholder,readonly:this.lastPickerReadOnly,"data-input":"data-input",class:"end-input ".concat(this.rangePickerId,"-2"),ariaLabel:this.secondAriaLabel,label:this.secondLabel,status:this.lastInputError&&InputStatus.ERROR,onStartTyping:function(){a.lastInputError=false}})))))};Object.defineProperty(t.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{firstPickerReadOnly:["setupFirstPickersReadOnly"],lastPickerReadOnly:["setupLastPickersReadOnly"],mode:["setupPickers"]}},enumerable:false,configurable:true});return t}();ZRangePicker.style=ZRangePickerStyle0;export{ZRangePicker as z_range_picker};
2
2
  //# sourceMappingURL=z-range-picker.entry.js.map
package/dist/esm-es5/z-slideshow.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,h,g as getElement}from"./index-ab5f1eaa.js";import{p as Device}from"./index-2255c6c8.js";import{f as convertJson,g as getDevice,a as handleKeyboardSubmit}from"./utils-7983d02c.js";import"./breakpoints-680e0e56.js";var stylesCss=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:-ms-flexbox;display:flex;width:inherit;-ms-flex-direction:column;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);-webkit-transition:0.6s ease;transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:0px;overflow-y:hidden;-webkit-transition:all 300ms;transition:all 300ms}footer{display:grid;width:100%;height:56px;-ms-flex-align:center;align-items:center;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;-ms-flex-align:center;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:-ms-flexbox;display:flex;min-height:60px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .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 .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';var ZSlideshowStyle0=stylesCss;function isStringArray(t){return Array.isArray(t)&&t.every((function(t){return typeof t==="string"}))}var ZSlideshow=function(){function t(t){registerInstance(this,t);this.slideshowid=undefined;this.data=undefined;this.device=undefined;this.currentSlide=0}t.prototype.watchData=function(){this.parseLinks()};t.prototype.componentWillLoad=function(){this.parseLinks();this.setDevice();window.addEventListener("resize",this.handleResize.bind(this))};t.prototype.componentDidRender=function(){this.setStyle()};t.prototype.handleResize=function(){this.setDevice();this.setStyle()};t.prototype.parseLinks=function(){var t;switch(typeof this.data){case"string":{var e=(t=convertJson(this.data))!==null&&t!==void 0?t:[];if(!isStringArray(e)){throw new Error("Passed data is invalid")}this.links=e;break}default:this.links=this.data;break}};t.prototype.setStyle=function(){var t=this.el.shadowRoot.querySelector("#slides");if(!t){return}var e=this.el.shadowRoot.querySelectorAll(".slide");var i=this.el.offsetWidth;var r=i*this.links.length;t.style.width="".concat(r,"px");t.style.transform="translate(-".concat(i*this.currentSlide,"px)");e.forEach((function(t){var e=t.querySelector("img");e.style.width="".concat(i,"px")}))};t.prototype.setDevice=function(){this.device=getDevice()};t.prototype.setCurrentSlide=function(t){this.currentSlide=t};t.prototype.getBulletDimension=function(){switch(this.device){case Device.MOBILE:return 24;case Device.TABLET:return 32;default:return 40}};t.prototype.renderSlides=function(t){var e=this;return h("div",{id:"slides"},t.map((function(t,i){return h("div",{id:"slide"+i,class:"slide ".concat(e.currentSlide!==i&&"hide")},h("img",{src:t}))})))};t.prototype.renderScroll=function(t){var e=this;var i=false,r=this.currentSlide;if(t==="left"){i=this.currentSlide===0;r--}else if(t==="right"){i=this.currentSlide===this.links.length-1;r++}return h("z-icon",{class:"scroll ".concat(t," ").concat(i&&"disabled"),width:this.getBulletDimension(),height:this.getBulletDimension(),name:"chevron-".concat(t,"-circle"),onClick:function(){!i&&e.setCurrentSlide(r)},onKeyUp:function(t){return!i&&handleKeyboardSubmit(t,(function(){e.setCurrentSlide(r)}))},tabindex:0,role:"button"})};t.prototype.renderSlideshowMain=function(){return h("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))};t.prototype.renderBullet=function(t){var e=this;return h("a",{class:"bullet ".concat(this.currentSlide===t&&"selected"),onClick:function(){return e.setCurrentSlide(t)},onKeyUp:function(i){return handleKeyboardSubmit(i,(function(){return e.setCurrentSlide(t)}))},tabindex:0,role:"button"})};t.prototype.renderSlideshowFooter=function(){var t=this;return h("footer",null,h("div",{class:"footer-left"},h("slot",{name:"footer-left"})),h("div",{class:"footer-center"},h("div",{class:"bullet-container"},Object.keys(this.links).map((function(e){return t.renderBullet(parseInt(e))})))),h("div",{class:"footer-right"},h("slot",{name:"footer-right"})))};t.prototype.render=function(){if(!this.links||!this.links.length){return h("div",null)}return h("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{data:["watchData"]}},enumerable:false,configurable:true});return t}();ZSlideshow.style=ZSlideshowStyle0;export{ZSlideshow as z_slideshow};
1
+ import{r as registerInstance,h,g as getElement}from"./index-ab5f1eaa.js";import{p as Device}from"./index-2255c6c8.js";import{f as convertJson,g as getDevice,a as handleKeyboardSubmit}from"./utils-7983d02c.js";import"./breakpoints-680e0e56.js";var stylesCss=':host{display:block;width:inherit;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host>div{display:-ms-flexbox;display:flex;width:inherit;-ms-flex-direction:column;flex-direction:column}main{position:relative;overflow:hidden;width:100%}main z-icon.scroll{position:absolute;z-index:10;top:50%;width:auto;margin:0 var(--space-unit);cursor:pointer;fill:var(--color-primary01);-webkit-transition:0.6s ease;transition:0.6s ease}main .scroll.disabled{opacity:0.5;pointer-events:none}main .scroll.right{right:0}#slides{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:0px;overflow-y:hidden;-webkit-transition:all 300ms;transition:all 300ms}footer{display:grid;width:100%;height:56px;-ms-flex-align:center;align-items:center;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:2 / 2;grid-template-areas:"center center" "left right"}footer>div{width:100%;-ms-flex-align:center;align-items:center}footer .footer-center{grid-area:center}footer .footer-left{grid-area:left}footer .footer-right{grid-area:right}footer .bullet-container{display:-ms-flexbox;display:flex;min-height:60px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 auto}footer .bullet-container .bullet{width:8px;height:8px;margin:var(--space-unit) 2px;background-color:var(--gray200);border-radius:50%;pointer-events:none}footer .bullet-container .bullet.selected{background-color:var(--gray400)}main z-icon:focus,footer .bullet-container .bullet:focus{border-radius:50%;-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none !important}@media only screen and (min-width: 768px){footer{height:76px;border-top:var(--border-size-medium) solid var(--color-surface02);grid-template:1 / 1fr 2fr 1fr;grid-template-areas:"left center right"}footer .bullet-container .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 .bullet-container .bullet{width:16px;height:16px;margin:var(--space-unit) calc(var(--space-unit) * 0.5);cursor:pointer;pointer-events:auto}}';var ZSlideshowStyle0=stylesCss;function isStringArray(t){return Array.isArray(t)&&t.every((function(t){return typeof t==="string"}))}var ZSlideshow=function(){function t(t){registerInstance(this,t);this.slideshowid=undefined;this.data=undefined;this.device=undefined;this.currentSlide=0}t.prototype.watchData=function(){this.parseLinks()};t.prototype.componentWillLoad=function(){this.parseLinks();this.setDevice();window.addEventListener("resize",this.handleResize.bind(this))};t.prototype.componentDidRender=function(){this.setStyle()};t.prototype.handleResize=function(){this.setDevice();this.setStyle()};t.prototype.parseLinks=function(){var t;switch(typeof this.data){case"string":{var e=(t=convertJson(this.data))!==null&&t!==void 0?t:[];if(!isStringArray(e)){throw new Error("Passed data is invalid")}this.links=e;break}default:this.links=this.data;break}};t.prototype.setStyle=function(){var t=this.el.shadowRoot.querySelector("#slides");if(!t){return}var e=this.el.shadowRoot.querySelectorAll(".slide");var i=this.el.offsetWidth;var r=i*this.links.length;t.style.width="".concat(r,"px");t.style.transform="translate(-".concat(i*this.currentSlide,"px)");e.forEach((function(t){var e=t.querySelector("img");e.style.width="".concat(i,"px")}))};t.prototype.setDevice=function(){this.device=getDevice()};t.prototype.setCurrentSlide=function(t){this.currentSlide=t};t.prototype.getBulletDimension=function(){switch(this.device){case Device.MOBILE:return 24;case Device.TABLET:return 32;default:return 40}};t.prototype.renderSlides=function(t){var e=this;return h("div",{id:"slides"},t.map((function(t,i){return h("div",{id:"slide"+i,class:"slide ".concat(e.currentSlide!==i&&"hide")},h("img",{src:t}))})))};t.prototype.renderScroll=function(t){var e=this;var i=false,r=this.currentSlide;if(t==="left"){i=this.currentSlide===0;r--}else if(t==="right"){i=this.currentSlide===this.links.length-1;r++}return h("z-icon",{class:"scroll ".concat(t," ").concat(i&&"disabled"),width:this.getBulletDimension(),height:this.getBulletDimension(),name:"chevron-".concat(t,"-circle"),onClick:function(){!i&&e.setCurrentSlide(r)},onKeyUp:function(t){return!i&&handleKeyboardSubmit(t,(function(){e.setCurrentSlide(r)}))},tabindex:0,role:"button"})};t.prototype.renderSlideshowMain=function(){return h("main",null,this.renderScroll("left"),this.renderSlides(this.links),this.renderScroll("right"))};t.prototype.renderBullet=function(t){var e=this;return h("a",{class:"bullet ".concat(this.currentSlide===t&&"selected"),onClick:function(){return e.setCurrentSlide(t)},onKeyUp:function(i){return handleKeyboardSubmit(i,(function(){return e.setCurrentSlide(t)}))},tabindex:0,role:"button"})};t.prototype.renderSlideshowFooter=function(){var t=this;return h("footer",null,h("div",{class:"footer-left"},h("slot",{name:"footer-left"})),h("div",{class:"footer-center"},h("div",{class:"bullet-container"},Object.keys(this.links).map((function(e){return t.renderBullet(parseInt(e))})))),h("div",{class:"footer-right"},h("slot",{name:"footer-right"})))};t.prototype.render=function(){if(!this.links||!this.links.length){return h("div",null)}return h("div",{id:this.slideshowid},this.renderSlideshowMain(),this.renderSlideshowFooter())};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{data:["watchData"]}},enumerable:false,configurable:true});return t}();ZSlideshow.style=ZSlideshowStyle0;export{ZSlideshow as z_slideshow};
2
2
  //# sourceMappingURL=z-slideshow.entry.js.map
package/dist/esm-es5/z-slideshow.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["stylesCss","ZSlideshowStyle0","isStringArray","data","Array","isArray","every","datum","ZSlideshow","prototype","watchData","this","parseLinks","componentWillLoad","setDevice","window","addEventListener","handleResize","bind","componentDidRender","setStyle","parsed","_a","convertJson","Error","links","refSlides","el","shadowRoot","querySelector","allImages","querySelectorAll","width","offsetWidth","fullwidth","length","style","concat","transform","currentSlide","forEach","item","img","device","getDevice","setCurrentSlide","index","getBulletDimension","Device","MOBILE","TABLET","renderSlides","items","_this","h","id","map","i","class","src","renderScroll","direction","disabled","nextSlide","height","name","onClick","onKeyUp","e","handleKeyboardSubmit","tabindex","role","renderSlideshowMain","renderBullet","renderSlideshowFooter","Object","keys","parseInt","render","slideshowid"],"sources":["src/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","src/snowflakes/myz/z-slideshow/index.tsx"],"sourcesContent":[":host {\n display: block;\n width: inherit;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > div {\n display: flex;\n width: inherit;\n flex-direction: column;\n}\n\nmain {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\nmain z-icon.scroll {\n position: absolute;\n z-index: 10;\n top: 50%;\n width: auto;\n margin: 0 var(--space-unit);\n cursor: pointer;\n fill: var(--color-primary01);\n transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\nmain .scroll.right {\n right: 0;\n}\n\n#slides {\n display: flex;\n flex-wrap: wrap;\n line-height: 0px;\n overflow-y: hidden;\n transition: all 300ms;\n}\n\nfooter {\n display: grid;\n width: 100%;\n height: 56px;\n align-items: center;\n border-top: var(--border-size-medium) solid var(--color-surface02);\n grid-template: 2 / 2;\n grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n width: 100%;\n align-items: center;\n}\n\nfooter .footer-center {\n grid-area: center;\n}\n\nfooter .footer-left {\n grid-area: left;\n}\n\nfooter .footer-right {\n grid-area: right;\n}\n\nfooter .bullet-container {\n display: flex;\n min-height: 60px;\n align-items: center;\n justify-content: center;\n margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n width: 8px;\n height: 8px;\n margin: var(--space-unit) 2px;\n background-color: var(--gray200);\n border-radius: 50%;\n pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n background-color: var(--gray400);\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n footer {\n height: 76px;\n border-top: var(--border-size-medium) solid var(--color-surface02);\n grid-template: 1 / 1fr 2fr 1fr;\n grid-template-areas: \"left center right\";\n }\n\n footer .bullet-container .bullet {\n width: 10px;\n height: 10px;\n margin: var(--space-unit) 3px;\n }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n main z-icon.scroll {\n margin: 0 10px;\n }\n\n footer .bullet-container .bullet {\n width: 16px;\n height: 16px;\n margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n cursor: pointer;\n pointer-events: auto;\n }\n}\n","import {Component, Element, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device} from \"../../../beans\";\nimport {convertJson, getDevice, handleKeyboardSubmit} from \"../../../utils/utils\";\n\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data: unknown): data is string[] {\n return Array.isArray(data) && data.every((datum: unknown): datum is string => typeof datum === \"string\");\n}\n\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\n@Component({\n tag: \"z-slideshow\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZSlideshow {\n @Element() el: HTMLZSlideshowElement;\n\n /** slideshow id */\n @Prop()\n slideshowid: string;\n\n /** array or JSON stringified images urls */\n @Prop()\n data: string[] | string;\n\n @State()\n device: Device;\n\n @State()\n currentSlide = 0;\n\n private links: string[];\n\n @Watch(\"data\")\n watchData(): void {\n this.parseLinks();\n }\n\n componentWillLoad(): void {\n this.parseLinks();\n\n this.setDevice();\n window.addEventListener(\"resize\", this.handleResize.bind(this));\n }\n\n componentDidRender(): void {\n this.setStyle();\n }\n\n private handleResize(): void {\n this.setDevice();\n this.setStyle();\n }\n\n private parseLinks(): void {\n switch (typeof this.data) {\n case \"string\": {\n const parsed = convertJson(this.data) ?? [];\n if (!isStringArray(parsed)) {\n throw new Error(\"Passed data is invalid\");\n }\n\n this.links = parsed;\n break;\n }\n default:\n this.links = this.data;\n break;\n }\n }\n\n private setStyle(): void {\n const refSlides = this.el.shadowRoot.querySelector(\"#slides\") as HTMLElement;\n if (!refSlides) {\n return;\n }\n\n const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n const width = this.el.offsetWidth;\n const fullwidth = width * this.links.length;\n\n refSlides.style.width = `${fullwidth}px`;\n refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n allImages.forEach((item: HTMLElement) => {\n const img = item.querySelector(\"img\");\n img.style.width = `${width}px`;\n });\n }\n\n private setDevice(): void {\n this.device = getDevice();\n }\n\n private setCurrentSlide(index: number): void {\n this.currentSlide = index;\n }\n\n private getBulletDimension(): number {\n switch (this.device) {\n case Device.MOBILE:\n return 24;\n case Device.TABLET:\n return 32;\n default:\n return 40;\n }\n }\n\n private renderSlides(items: string[]): HTMLElement {\n return (\n <div id=\"slides\">\n {items.map((item: string, i: number) => (\n <div\n id={\"slide\" + i}\n class={`slide ${this.currentSlide !== i && \"hide\"}`}\n >\n <img src={item} />\n </div>\n ))}\n </div>\n );\n }\n\n private renderScroll(direction: \"left\" | \"right\"): HTMLZIconElement {\n let disabled = false,\n nextSlide = this.currentSlide;\n\n if (direction === \"left\") {\n disabled = this.currentSlide === 0;\n nextSlide--;\n } else if (direction === \"right\") {\n disabled = this.currentSlide === this.links.length - 1;\n nextSlide++;\n }\n\n return (\n <z-icon\n class={`scroll ${direction} ${disabled && \"disabled\"}`}\n width={this.getBulletDimension()}\n height={this.getBulletDimension()}\n name={`chevron-${direction}-circle`}\n onClick={() => {\n !disabled && this.setCurrentSlide(nextSlide);\n }}\n onKeyUp={(e: KeyboardEvent) =>\n !disabled &&\n handleKeyboardSubmit(e, () => {\n this.setCurrentSlide(nextSlide);\n })\n }\n tabindex={0}\n role=\"button\"\n />\n );\n }\n\n private renderSlideshowMain(): HTMLElement {\n return (\n <main>\n {this.renderScroll(\"left\")}\n {this.renderSlides(this.links)}\n {this.renderScroll(\"right\")}\n </main>\n );\n }\n\n private renderBullet(i: number): HTMLElement {\n return (\n <a\n class={`bullet ${this.currentSlide === i && \"selected\"}`}\n onClick={() => this.setCurrentSlide(i)}\n onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i))}\n tabindex={0}\n role=\"button\"\n ></a>\n );\n }\n\n private renderSlideshowFooter(): HTMLElement {\n return (\n <footer>\n <div class=\"footer-left\">\n <slot name=\"footer-left\" />\n </div>\n <div class=\"footer-center\">\n <div class=\"bullet-container\">{Object.keys(this.links).map((i) => this.renderBullet(parseInt(i)))}</div>\n </div>\n <div class=\"footer-right\">\n <slot name=\"footer-right\" />\n </div>\n </footer>\n );\n }\n\n render(): HTMLElement {\n if (!this.links || !this.links.length) {\n return <div />;\n }\n\n return (\n <div id={this.slideshowid}>\n {this.renderSlideshowMain()}\n {this.renderSlideshowFooter()}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["stylesCss","ZSlideshowStyle0","isStringArray","data","Array","isArray","every","datum","ZSlideshow","prototype","watchData","this","parseLinks","componentWillLoad","setDevice","window","addEventListener","handleResize","bind","componentDidRender","setStyle","parsed","_a","convertJson","Error","links","refSlides","el","shadowRoot","querySelector","allImages","querySelectorAll","width","offsetWidth","fullwidth","length","style","concat","transform","currentSlide","forEach","item","img","device","getDevice","setCurrentSlide","index","getBulletDimension","Device","MOBILE","TABLET","renderSlides","items","_this","h","id","map","i","class","src","renderScroll","direction","disabled","nextSlide","height","name","onClick","onKeyUp","e","handleKeyboardSubmit","tabindex","role","renderSlideshowMain","renderBullet","renderSlideshowFooter","Object","keys","parseInt","render","slideshowid"],"sources":["src/snowflakes/myz/z-slideshow/styles.css?tag=z-slideshow&encapsulation=shadow","src/snowflakes/myz/z-slideshow/index.tsx"],"sourcesContent":[":host {\n display: block;\n width: inherit;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host > div {\n display: flex;\n width: inherit;\n flex-direction: column;\n}\n\nmain {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n\nmain z-icon.scroll {\n position: absolute;\n z-index: 10;\n top: 50%;\n width: auto;\n margin: 0 var(--space-unit);\n cursor: pointer;\n fill: var(--color-primary01);\n transition: 0.6s ease;\n}\n\nmain .scroll.disabled {\n opacity: 0.5;\n pointer-events: none;\n}\n\nmain .scroll.right {\n right: 0;\n}\n\n#slides {\n display: flex;\n flex-wrap: wrap;\n line-height: 0px;\n overflow-y: hidden;\n transition: all 300ms;\n}\n\nfooter {\n display: grid;\n width: 100%;\n height: 56px;\n align-items: center;\n border-top: var(--border-size-medium) solid var(--color-surface02);\n grid-template: 2 / 2;\n grid-template-areas: \"center center\" \"left right\";\n}\n\nfooter > div {\n width: 100%;\n align-items: center;\n}\n\nfooter .footer-center {\n grid-area: center;\n}\n\nfooter .footer-left {\n grid-area: left;\n}\n\nfooter .footer-right {\n grid-area: right;\n}\n\nfooter .bullet-container {\n display: flex;\n min-height: 60px;\n align-items: center;\n justify-content: center;\n margin: 0 auto;\n}\n\nfooter .bullet-container .bullet {\n width: 8px;\n height: 8px;\n margin: var(--space-unit) 2px;\n background-color: var(--gray200);\n border-radius: 50%;\n pointer-events: none;\n}\n\nfooter .bullet-container .bullet.selected {\n background-color: var(--gray400);\n}\n\nmain z-icon:focus,\nfooter .bullet-container .bullet:focus {\n border-radius: 50%;\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n/* Tablet breakpoint */\n\n@media only screen and (min-width: 768px) {\n footer {\n height: 76px;\n border-top: var(--border-size-medium) solid var(--color-surface02);\n grid-template: 1 / 1fr 2fr 1fr;\n grid-template-areas: \"left center right\";\n }\n\n footer .bullet-container .bullet {\n width: 10px;\n height: 10px;\n margin: var(--space-unit) 3px;\n }\n}\n\n/* Desktop breakpoint */\n\n@media only screen and (min-width: 1025px) {\n main z-icon.scroll {\n margin: 0 10px;\n }\n\n footer .bullet-container .bullet {\n width: 16px;\n height: 16px;\n margin: var(--space-unit) calc(var(--space-unit) * 0.5);\n cursor: pointer;\n pointer-events: auto;\n }\n}\n","import {Component, Element, Prop, State, Watch, h} from \"@stencil/core\";\nimport {Device} from \"../../../beans\";\nimport {convertJson, getDevice, handleKeyboardSubmit} from \"../../../utils/utils\";\n\n/**\n * Check if data is an array of strings.\n * @param {unknown} data Data to check\n * @returns {boolean}\n */\nfunction isStringArray(data: unknown): data is string[] {\n return Array.isArray(data) && data.every((datum: unknown): datum is string => typeof datum === \"string\");\n}\n\n/**\n * @slot footer-right - right content slot in footer\n * @slot footer-left - left content slot in footer\n */\n@Component({\n tag: \"z-slideshow\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZSlideshow {\n @Element() el: HTMLZSlideshowElement;\n\n /** slideshow id */\n @Prop()\n slideshowid: string;\n\n /** array or JSON stringified images urls */\n @Prop()\n data: string[] | string;\n\n @State()\n device: Device;\n\n @State()\n currentSlide = 0;\n\n private links: string[];\n\n @Watch(\"data\")\n watchData(): void {\n this.parseLinks();\n }\n\n componentWillLoad(): void {\n this.parseLinks();\n\n this.setDevice();\n window.addEventListener(\"resize\", this.handleResize.bind(this));\n }\n\n componentDidRender(): void {\n this.setStyle();\n }\n\n private handleResize(): void {\n this.setDevice();\n this.setStyle();\n }\n\n private parseLinks(): void {\n switch (typeof this.data) {\n case \"string\": {\n const parsed = convertJson(this.data) ?? [];\n if (!isStringArray(parsed)) {\n throw new Error(\"Passed data is invalid\");\n }\n\n this.links = parsed;\n break;\n }\n default:\n this.links = this.data;\n break;\n }\n }\n\n private setStyle(): void {\n const refSlides = this.el.shadowRoot.querySelector(\"#slides\") as HTMLElement;\n if (!refSlides) {\n return;\n }\n\n const allImages = this.el.shadowRoot.querySelectorAll(\".slide\");\n const width = this.el.offsetWidth;\n const fullwidth = width * this.links.length;\n\n refSlides.style.width = `${fullwidth}px`;\n refSlides.style.transform = `translate(-${width * this.currentSlide}px)`;\n allImages.forEach((item: HTMLElement) => {\n const img = item.querySelector(\"img\");\n img.style.width = `${width}px`;\n });\n }\n\n private setDevice(): void {\n this.device = getDevice();\n }\n\n private setCurrentSlide(index: number): void {\n this.currentSlide = index;\n }\n\n private getBulletDimension(): number {\n switch (this.device) {\n case Device.MOBILE:\n return 24;\n case Device.TABLET:\n return 32;\n default:\n return 40;\n }\n }\n\n private renderSlides(items: string[]): HTMLElement {\n return (\n <div id=\"slides\">\n {items.map((item: string, i: number) => (\n <div\n id={\"slide\" + i}\n class={`slide ${this.currentSlide !== i && \"hide\"}`}\n >\n <img src={item} />\n </div>\n ))}\n </div>\n );\n }\n\n private renderScroll(direction: \"left\" | \"right\"): HTMLZIconElement {\n let disabled = false,\n nextSlide = this.currentSlide;\n\n if (direction === \"left\") {\n disabled = this.currentSlide === 0;\n nextSlide--;\n } else if (direction === \"right\") {\n disabled = this.currentSlide === this.links.length - 1;\n nextSlide++;\n }\n\n return (\n <z-icon\n class={`scroll ${direction} ${disabled && \"disabled\"}`}\n width={this.getBulletDimension()}\n height={this.getBulletDimension()}\n name={`chevron-${direction}-circle`}\n onClick={() => {\n !disabled && this.setCurrentSlide(nextSlide);\n }}\n onKeyUp={(e: KeyboardEvent) =>\n !disabled &&\n handleKeyboardSubmit(e, () => {\n this.setCurrentSlide(nextSlide);\n })\n }\n tabindex={0}\n role=\"button\"\n />\n );\n }\n\n private renderSlideshowMain(): HTMLElement {\n return (\n <main>\n {this.renderScroll(\"left\")}\n {this.renderSlides(this.links)}\n {this.renderScroll(\"right\")}\n </main>\n );\n }\n\n private renderBullet(i: number): HTMLElement {\n return (\n <a\n class={`bullet ${this.currentSlide === i && \"selected\"}`}\n onClick={() => this.setCurrentSlide(i)}\n onKeyUp={(e: KeyboardEvent) => handleKeyboardSubmit(e, () => this.setCurrentSlide(i))}\n tabindex={0}\n role=\"button\"\n ></a>\n );\n }\n\n private renderSlideshowFooter(): HTMLElement {\n return (\n <footer>\n <div class=\"footer-left\">\n <slot name=\"footer-left\" />\n </div>\n <div class=\"footer-center\">\n <div class=\"bullet-container\">{Object.keys(this.links).map((i) => this.renderBullet(parseInt(i)))}</div>\n </div>\n <div class=\"footer-right\">\n <slot name=\"footer-right\" />\n </div>\n </footer>\n );\n }\n\n render(): HTMLElement {\n if (!this.links || !this.links.length) {\n return <div />;\n }\n\n return (\n <div id={this.slideshowid}>\n {this.renderSlideshowMain()}\n {this.renderSlideshowFooter()}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/esm-es5/z-stepper.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,h,a as Host}from"./index-ab5f1eaa.js";var stylesCss=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";var ZStepperStyle0=stylesCss;var ZStepper=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"c1069a6d199240aa1e8eb9fe30be9a75b2dabecb",role:"list"},h("slot",{key:"283f1f42d5f73259b7c04e965bf592e4ba543fc8"}))};return e}();ZStepper.style=ZStepperStyle0;export{ZStepper as z_stepper};
1
+ import{r as registerInstance,h,a as Host}from"./index-ab5f1eaa.js";var stylesCss=":host{position:relative;display:-ms-flexbox;display:flex;width:100%;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:row;flex-direction:row;padding:0;margin:0;font-family:var(--font-family-sans);font-weight:var(--font-rg);list-style:none}@media only screen and (min-width: 768px){:host{padding:0 calc(var(--space-unit) * 2)}}";var ZStepperStyle0=stylesCss;var ZStepper=function(){function e(e){registerInstance(this,e)}e.prototype.render=function(){return h(Host,{key:"80b89caa35e9adb82ad413783b16eae491a26f48",role:"list"},h("slot",{key:"140e35a55637873b1eee70d5a7a8c2b03af3eed7"}))};return e}();ZStepper.style=ZStepperStyle0;export{ZStepper as z_stepper};
2
2
  //# sourceMappingURL=z-stepper.entry.js.map
package/dist/esm-es5/z-stepper.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","prototype","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`s\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n <Host role=\"list\">\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,6WAClB,IAAAC,eAAeD,U,ICSFE,SAAQ,W,uCACnBA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C,WAJa,G","ignoreList":[]}
1
+ {"version":3,"names":["stylesCss","ZStepperStyle0","ZStepper","prototype","render","h","Host","key","role"],"sources":["src/components/z-stepper/styles.css?tag=z-stepper&encapsulation=shadow","src/components/z-stepper/index.tsx"],"sourcesContent":[":host {\n position: relative;\n display: flex;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n flex-direction: row;\n padding: 0;\n margin: 0;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n list-style: none;\n}\n\n@media only screen and (min-width: 768px) {\n :host {\n padding: 0 calc(var(--space-unit) * 2);\n }\n}\n","import {Component, Host, h} from \"@stencil/core\";\n\n/**\n * @slot - slot for `z-stepper-item`\n */\n@Component({\n tag: \"z-stepper\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepper {\n render(): HTMLSlotElement {\n return (\n <Host role=\"list\">\n <slot />\n </Host>\n );\n }\n}\n"],"mappings":"mEAAA,IAAMA,UAAY,6WAClB,IAAAC,eAAeD,U,ICSFE,SAAQ,W,uCACnBA,EAAAC,UAAAC,OAAA,WACE,OACEC,EAACC,KAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,6C,WAJa,G","ignoreList":[]}
package/dist/esm-es5/z-toast-notification.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-ab5f1eaa.js";import{s as ToastNotificationTransition}from"./index-2255c6c8.js";import{m as mobileBreakpoint}from"./breakpoints-680e0e56.js";import{H as Hammer}from"./hammer-f1ed46b5.js";var stylesCss=":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){-webkit-animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-right){-webkit-animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-down){-webkit-animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-up){-webkit-animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-left){-webkit-animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-right){-webkit-animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-down){-webkit-animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-up){-webkit-animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideinleft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinleft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideinright{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinright{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideinup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideinup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideindown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideoutup{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideoutup{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideoutdown{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideoutdown{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}:host>#external-container{display:-ms-flexbox;display:flex;min-height:52px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;-webkit-box-shadow:var(--shadow-3);box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container.mobile-wrapped>#icon{-ms-flex-item-align:start;align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host>#external-container #text{margin-right:calc(var(--space-unit) * 2);color:var(--color-white);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-white)}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";var ZToastNotificationStyle0=stylesCss;var ZToastNotification=function(){function t(t){registerInstance(this,t);this.toastClose=createEvent(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined}t.prototype.watchPropIsdraggable=function(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}};t.prototype.watchPropAutoclose=function(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)};t.prototype.watchPropPauseonfocusloss=function(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}};t.prototype.emitToastClose=function(t){this.timeoutHandle=null;this.elapsedTime=null;this.hostElement.classList.add(t);this.toastClose.emit()};t.prototype.componentWillLoad=function(){this.isMobile=window.innerWidth<=mobileBreakpoint;this.validateAutoclose();this.percentage=0};t.prototype.componentDidLoad=function(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20;this.startTime=Date.now();if(this.autoclose&&this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}this.isdraggable&&this.handleSlideOutDragAnimation()};t.prototype.visibilityChangeEventHandler=function(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}};t.prototype.validateAutoclose=function(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}};t.prototype.mapSlideOutClass=function(){switch(this.transition){case ToastNotificationTransition.SLIDE_IN_DOWN:return ToastNotificationTransition.SLIDE_OUT_UP;case ToastNotificationTransition.SLIDE_IN_UP:return ToastNotificationTransition.SLIDE_OUT_DOWN;case ToastNotificationTransition.SLIDE_IN_LEFT:return ToastNotificationTransition.SLIDE_OUT_RIGHT;case ToastNotificationTransition.SLIDE_IN_RIGHT:return ToastNotificationTransition.SLIDE_OUT_LEFT}};t.prototype.calculateDraggedPercentage=function(t){var a=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/a.width)};t.prototype.handleSlideOutDragAnimation=function(){var t=this;this.sliderManager=new Hammer(this.hostElement);this.sliderManager.get("pan").set({direction:Hammer.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(function(a){t.percentage=t.calculateDraggedPercentage(a);t.hostElement.style.transition="none";t.hostElement.classList.remove(t.transition);var e={translate:"translateX(".concat(t.percentage,"%)"),translateBack:"translateX(0)"};t.hostElement.style.opacity="".concat(100-Math.abs(t.percentage),"%");if(a.eventType===Hammer.DIRECTION_LEFT||a.eventType===Hammer.DIRECTION_RIGHT){t.hostElement.style.transform=e.translate;if(Math.abs(t.percentage)>t.draggablepercentage&&!t.isCloseEventCalled){t.isCloseEventCalled=true;t.emitToastClose(a.direction===Hammer.DIRECTION_LEFT?"slide-out-left":"slide-out-right")}}if(a.isFinal&&Math.abs(t.percentage)<t.draggablepercentage){t.hostElement.style.transform=e.translateBack;t.hostElement.style.transition="all 1s";t.hostElement.style.opacity="100%";t.percentage=0}}))};t.prototype.onFocus=function(){var t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}};t.prototype.onBlur=function(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)};t.prototype.startClosingTimeout=function(t){var a=this;this.timeoutHandle=window.setTimeout((function(){return a.emitToastClose(a.mapSlideOutClass())}),t)};t.prototype.detectWrap=function(){var t=this.container.offsetWidth;var a=this.container.children;var e=0;for(var i=0;i<a.length;i++){e+=a[i].offsetWidth}return e>t};t.prototype.renderText=function(){var t=this;return h("div",{id:"text",ref:function(a){return t.toastText=a}},h("span",{class:"title"},this.heading),h("span",{class:"message"},this.message))};t.prototype.renderButton=function(){return h("div",{id:"button"},h("slot",{name:"button"}))};t.prototype.renderCloseIcon=function(){var t=this;if(!this.closebutton){return}return h("div",{id:"icon"},h("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:function(){return t.emitToastClose(t.mapSlideOutClass())},onKeyPress:function(a){if(a.keyCode==32||a.keyCode==13){a.preventDefault();t.emitToastClose(t.mapSlideOutClass())}}}))};t.prototype.renderContainer=function(){var t;var a=this;return h("div",{tabIndex:0,id:"external-container",class:(t={},t[this.type]=!!this.type,t["several-lines-padding"]=this.isTextLong,t),ref:function(t){return a.container=t}},this.renderText(),this.renderButton(),this.renderCloseIcon())};t.prototype.renderMobileContainer=function(){var t;var a=this;return h("div",{id:"external-container",class:(t={},t[this.type]=!!this.type,t["several-lines-padding"]=this.isTextLong,t["mobile-wrapped"]=this.isTextLong,t)},h("div",{id:"flex-container",ref:function(t){return a.container=t}},this.renderText(),this.renderButton()),this.renderCloseIcon())};t.prototype.render=function(){var t=this;return h(Host,{key:"bf20c69f253b702092fe078443eedb9e86fe223a",style:{"--percentuale":"".concat(this.percentage,"%")},class:this.transition?this.transition:ToastNotificationTransition.SLIDE_IN_DOWN,onAnimationEnd:function(a){if(t.autoclose&&a.animationName.includes("slidein")){t.startClosingTimeout(t.autoclose)}if(a.animationName.includes("slideout")){t.hostElement.parentNode.removeChild(t.hostElement)}}},this.isMobile?this.renderMobileContainer():this.renderContainer())};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}},enumerable:false,configurable:true});return t}();ZToastNotification.style=ZToastNotificationStyle0;export{ZToastNotification as z_toast_notification};
1
+ import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-ab5f1eaa.js";import{s as ToastNotificationTransition}from"./index-2255c6c8.js";import{m as mobileBreakpoint}from"./breakpoints-680e0e56.js";import{H as Hammer}from"./hammer-f1ed46b5.js";var stylesCss=":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){-webkit-animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-right){-webkit-animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-down){-webkit-animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-in-up){-webkit-animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-left){-webkit-animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-right){-webkit-animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-down){-webkit-animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.slide-out-up){-webkit-animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideinleft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinleft{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideinright{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideinright{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideinup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideinup{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideindown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));-webkit-transform:translateX(var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes slideoutup{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideoutup{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes slideoutdown{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideoutdown{0%{opacity:1;-webkit-transform:translateY(var(--percentuale));transform:translateY(var(--percentuale))}100%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}:host>#external-container{display:-ms-flexbox;display:flex;min-height:52px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;-webkit-box-shadow:var(--shadow-3);box-shadow:var(--shadow-3);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-rg);letter-spacing:0.16px}:host>#external-container.mobile-wrapped>#icon{-ms-flex-item-align:start;align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:-ms-flexbox;display:flex;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host>#external-container #text{margin-right:calc(var(--space-unit) * 2);color:var(--color-white);letter-spacing:0.16px;line-height:20px;text-align:left}:host>#external-container #text>.title{margin-right:4px;font-weight:600}:host>#external-container.mobile-wrapped #button ::slotted(z-button){margin-top:calc(var(--space-unit) * 2)}:host>#external-container #icon{margin-left:calc(var(--space-unit) * 2);cursor:pointer;fill:var(--color-white)}z-icon{display:inline-block;vertical-align:0}z-icon:focus{padding:calc(var(--space-unit) / 4);border-radius:50%;-webkit-box-shadow:var(--shadow-focus-primary);box-shadow:var(--shadow-focus-primary);outline:none !important}:host>#external-container.dark{background:var(--gray800)}:host>#external-container.light{background:var(--color-background)}:host>#external-container.light #icon,:host>#external-container.warning #text,:host>#external-container.warning #icon{fill:var(--color-primary01-icon)}:host>#external-container.light #text,:host>#external-container.warning #text{color:var(--gray800)}:host>#external-container.accent{background:var(--color-primary01)}:host>#external-container.error{background:var(--color-error-default)}:host>#external-container.success{background:var(--color-success-default)}:host>#external-container.warning{background:var(--color-warning-default)}@media only screen and (min-width: 768px){:host{width:unset;max-width:50vw}:host>#external-container>#flex-container{-ms-flex-wrap:nowrap;flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";var ZToastNotificationStyle0=stylesCss;var ZToastNotification=function(){function t(t){registerInstance(this,t);this.toastClose=createEvent(this,"toastClose",7);this.isCloseEventCalled=false;this.heading=undefined;this.message=undefined;this.closebutton=undefined;this.autoclose=undefined;this.pauseonfocusloss=true;this.type=undefined;this.isdraggable=true;this.draggablepercentage=80;this.transition=undefined;this.percentage=undefined}t.prototype.watchPropIsdraggable=function(t){if(t){this.sliderManager.get("pan").set({enable:true})}else{this.sliderManager.get("pan").set({enable:false})}};t.prototype.watchPropAutoclose=function(t){clearTimeout(this.timeoutHandle);this.startClosingTimeout(t)};t.prototype.watchPropPauseonfocusloss=function(t){if(this.autoclose){if(t){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}else{document.removeEventListener("visibilitychange",this.visibilityChangeEventHandler)}}};t.prototype.emitToastClose=function(t){this.timeoutHandle=null;this.elapsedTime=null;this.hostElement.classList.add(t);this.toastClose.emit()};t.prototype.componentWillLoad=function(){this.isMobile=window.innerWidth<=mobileBreakpoint;this.validateAutoclose();this.percentage=0};t.prototype.componentDidLoad=function(){this.isTextLong=this.detectWrap()||this.toastText.offsetHeight>20;this.startTime=Date.now();if(this.autoclose&&this.pauseonfocusloss){document.addEventListener("visibilitychange",this.visibilityChangeEventHandler)}this.isdraggable&&this.handleSlideOutDragAnimation()};t.prototype.visibilityChangeEventHandler=function(){if(document.visibilityState==="hidden"){this.timeoutHandle&&this.onBlur()}else{this.elapsedTime&&this.onFocus()}};t.prototype.validateAutoclose=function(){if(!this.autoclose&&!this.closebutton){console.error("At least one between autoclose and closebutton must be present")}};t.prototype.mapSlideOutClass=function(){switch(this.transition){case ToastNotificationTransition.SLIDE_IN_DOWN:return ToastNotificationTransition.SLIDE_OUT_UP;case ToastNotificationTransition.SLIDE_IN_UP:return ToastNotificationTransition.SLIDE_OUT_DOWN;case ToastNotificationTransition.SLIDE_IN_LEFT:return ToastNotificationTransition.SLIDE_OUT_RIGHT;case ToastNotificationTransition.SLIDE_IN_RIGHT:return ToastNotificationTransition.SLIDE_OUT_LEFT}};t.prototype.calculateDraggedPercentage=function(t){var a=this.hostElement.getBoundingClientRect();return Math.round(100*t.deltaX/a.width)};t.prototype.handleSlideOutDragAnimation=function(){var t=this;this.sliderManager=new Hammer(this.hostElement);this.sliderManager.get("pan").set({direction:Hammer.DIRECTION_HORIZONTAL});this.sliderManager.on("pan",(function(a){t.percentage=t.calculateDraggedPercentage(a);t.hostElement.style.transition="none";t.hostElement.classList.remove(t.transition);var e={translate:"translateX(".concat(t.percentage,"%)"),translateBack:"translateX(0)"};t.hostElement.style.opacity="".concat(100-Math.abs(t.percentage),"%");if(a.eventType===Hammer.DIRECTION_LEFT||a.eventType===Hammer.DIRECTION_RIGHT){t.hostElement.style.transform=e.translate;if(Math.abs(t.percentage)>t.draggablepercentage&&!t.isCloseEventCalled){t.isCloseEventCalled=true;t.emitToastClose(a.direction===Hammer.DIRECTION_LEFT?"slide-out-left":"slide-out-right")}}if(a.isFinal&&Math.abs(t.percentage)<t.draggablepercentage){t.hostElement.style.transform=e.translateBack;t.hostElement.style.transition="all 1s";t.hostElement.style.opacity="100%";t.percentage=0}}))};t.prototype.onFocus=function(){var t=this.autoclose;if(this.elapsedTime){t=this.autoclose-this.elapsedTime}if(t>0){this.startClosingTimeout(t)}};t.prototype.onBlur=function(){this.elapsedTime=Date.now()-this.startTime;clearTimeout(this.timeoutHandle)};t.prototype.startClosingTimeout=function(t){var a=this;this.timeoutHandle=window.setTimeout((function(){return a.emitToastClose(a.mapSlideOutClass())}),t)};t.prototype.detectWrap=function(){var t=this.container.offsetWidth;var a=this.container.children;var e=0;for(var i=0;i<a.length;i++){e+=a[i].offsetWidth}return e>t};t.prototype.renderText=function(){var t=this;return h("div",{id:"text",ref:function(a){return t.toastText=a}},h("span",{class:"title"},this.heading),h("span",{class:"message"},this.message))};t.prototype.renderButton=function(){return h("div",{id:"button"},h("slot",{name:"button"}))};t.prototype.renderCloseIcon=function(){var t=this;if(!this.closebutton){return}return h("div",{id:"icon"},h("z-icon",{tabIndex:0,name:"multiply-circled",width:15,height:15,onClick:function(){return t.emitToastClose(t.mapSlideOutClass())},onKeyPress:function(a){if(a.keyCode==32||a.keyCode==13){a.preventDefault();t.emitToastClose(t.mapSlideOutClass())}}}))};t.prototype.renderContainer=function(){var t;var a=this;return h("div",{tabIndex:0,id:"external-container",class:(t={},t[this.type]=!!this.type,t["several-lines-padding"]=this.isTextLong,t),ref:function(t){return a.container=t}},this.renderText(),this.renderButton(),this.renderCloseIcon())};t.prototype.renderMobileContainer=function(){var t;var a=this;return h("div",{id:"external-container",class:(t={},t[this.type]=!!this.type,t["several-lines-padding"]=this.isTextLong,t["mobile-wrapped"]=this.isTextLong,t)},h("div",{id:"flex-container",ref:function(t){return a.container=t}},this.renderText(),this.renderButton()),this.renderCloseIcon())};t.prototype.render=function(){var t=this;return h(Host,{key:"bf20c69f253b702092fe078443eedb9e86fe223a",style:{"--percentuale":"".concat(this.percentage,"%")},class:this.transition?this.transition:ToastNotificationTransition.SLIDE_IN_DOWN,onAnimationEnd:function(a){if(t.autoclose&&a.animationName.includes("slidein")){t.startClosingTimeout(t.autoclose)}if(a.animationName.includes("slideout")){t.hostElement.parentNode.removeChild(t.hostElement)}}},this.isMobile?this.renderMobileContainer():this.renderContainer())};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{isdraggable:["watchPropIsdraggable"],autoclose:["watchPropAutoclose"],pauseonfocusloss:["watchPropPauseonfocusloss"]}},enumerable:false,configurable:true});return t}();ZToastNotification.style=ZToastNotificationStyle0;export{ZToastNotification as z_toast_notification};
2
2
  //# sourceMappingURL=z-toast-notification.entry.js.map
package/dist/esm-es5/z-toast-notification.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["stylesCss","ZToastNotificationStyle0","ZToastNotification","this","isCloseEventCalled","prototype","watchPropIsdraggable","newValue","sliderManager","get","set","enable","watchPropAutoclose","clearTimeout","timeoutHandle","startClosingTimeout","watchPropPauseonfocusloss","autoclose","document","addEventListener","visibilityChangeEventHandler","removeEventListener","emitToastClose","cssClass","elapsedTime","hostElement","classList","add","toastClose","emit","componentWillLoad","isMobile","window","innerWidth","mobileBreakpoint","validateAutoclose","percentage","componentDidLoad","isTextLong","detectWrap","toastText","offsetHeight","startTime","Date","now","pauseonfocusloss","isdraggable","handleSlideOutDragAnimation","visibilityState","onBlur","onFocus","closebutton","console","error","mapSlideOutClass","transition","ToastNotificationTransition","SLIDE_IN_DOWN","SLIDE_OUT_UP","SLIDE_IN_UP","SLIDE_OUT_DOWN","SLIDE_IN_LEFT","SLIDE_OUT_RIGHT","SLIDE_IN_RIGHT","SLIDE_OUT_LEFT","calculateDraggedPercentage","e","bounding","getBoundingClientRect","Math","round","deltaX","width","_this","Hammer","direction","DIRECTION_HORIZONTAL","on","style","remove","translateObj","translate","concat","translateBack","opacity","abs","eventType","DIRECTION_LEFT","DIRECTION_RIGHT","transform","draggablepercentage","isFinal","time","setTimeout","parentWidth","container","offsetWidth","children","totalWidth","i","length","renderText","h","id","ref","el","class","heading","message","renderButton","name","renderCloseIcon","tabIndex","height","onClick","onKeyPress","keyCode","preventDefault","renderContainer","_a","type","renderMobileContainer","render","Host","key","onAnimationEnd","animationName","includes","parentNode","removeChild"],"sources":["src/components/z-toast-notification/styles.css?tag=z-toast-notification&encapsulation=shadow","src/components/z-toast-notification/index.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: 100vw;\n min-width: 200px;\n\n --percentuale: 0;\n}\n\n:host(.slide-in-left) {\n animation: slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-in-right) {\n animation: slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-in-down) {\n animation: slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-in-up) {\n animation: slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-left) {\n animation: slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-right) {\n animation: slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-down) {\n animation: slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-up) {\n animation: slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n@keyframes slideinleft {\n 0% {\n transform: translateX(100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes slideinright {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes slideinup {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideindown {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideoutleft {\n 0% {\n /* stylelint-disable-next-line alpha-value-notation */\n opacity: calc(100% - var(--percentuale));\n transform: translateX(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-100%);\n }\n}\n\n@keyframes slideoutright {\n 0% {\n /* stylelint-disable-next-line alpha-value-notation */\n opacity: calc(100% - var(--percentuale));\n transform: translateX(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateX(100%);\n }\n}\n\n@keyframes slideoutup {\n 0% {\n opacity: 1;\n transform: translateY(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n@keyframes slideoutdown {\n 0% {\n opacity: 1;\n transform: translateY(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n:host > #external-container {\n display: flex;\n min-height: 52px;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);\n border-radius: 4px;\n box-shadow: var(--shadow-3);\n font-family: var(--font-family-sans);\n font-size: 14px;\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n}\n\n:host > #external-container.mobile-wrapped > #icon {\n align-self: flex-start;\n}\n\n:host > #external-container.several-lines-padding {\n padding: calc(var(--space-unit) * 2);\n}\n\n:host > #external-container > #flex-container {\n display: flex;\n width: 100%;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n:host > #external-container #text {\n margin-right: calc(var(--space-unit) * 2);\n color: var(--color-white);\n letter-spacing: 0.16px;\n line-height: 20px;\n text-align: left;\n}\n\n:host > #external-container #text > .title {\n margin-right: 4px;\n font-weight: 600;\n}\n\n:host > #external-container.mobile-wrapped #button ::slotted(z-button) {\n margin-top: calc(var(--space-unit) * 2);\n}\n\n:host > #external-container #icon {\n margin-left: calc(var(--space-unit) * 2);\n cursor: pointer;\n fill: var(--color-white);\n}\n\n:host > #external-container.dark {\n background: var(--gray800);\n}\n\n:host > #external-container.light {\n background: var(--color-background);\n}\n\n:host > #external-container.light #icon,\n:host > #external-container.warning #text,\n:host > #external-container.warning #icon {\n fill: var(--color-primary01-icon);\n}\n\n:host > #external-container.light #text,\n:host > #external-container.warning #text {\n color: var(--gray800);\n}\n\n:host > #external-container.accent {\n background: var(--color-primary01);\n}\n\n:host > #external-container.error {\n background: var(--color-error-default);\n}\n\n:host > #external-container.success {\n background: var(--color-success-default);\n}\n\n:host > #external-container.warning {\n background: var(--color-warning-default);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n :host {\n width: unset;\n max-width: 50vw;\n }\n\n :host > #external-container > #flex-container {\n flex-wrap: nowrap;\n }\n\n :host > #external-container #text {\n width: 100%;\n }\n}\n\n/* Wide breakpoint */\n@media only screen and (min-width: 1366px) {\n :host {\n width: unset;\n max-width: 33vw;\n }\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ToastNotification, ToastNotificationTransition} from \"../../beans\";\nimport {mobileBreakpoint} from \"../../constants/breakpoints\";\n\nimport Hammer from \"hammerjs\";\n\n@Component({\n tag: \"z-toast-notification\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZToastNotification {\n @Element() hostElement: HTMLZToastNotificationElement;\n\n /** toast notification's title */\n @Prop()\n heading?: string;\n\n /** toast notification's message */\n @Prop()\n message: string;\n\n /** toggles closing button rendering */\n @Prop()\n closebutton: boolean;\n\n /** toast notification closing timeout (ms) */\n @Prop()\n autoclose?: number;\n\n /** toast notification autoclose can be paused */\n @Prop()\n pauseonfocusloss?: boolean = true;\n\n /** toast notification type: dark, light, accent, error, success, warning */\n @Prop()\n type?: ToastNotification;\n\n /** toast notification can be draggable*/\n @Prop()\n isdraggable?: boolean = true;\n\n /** toast notification draggable percentage*/\n @Prop()\n draggablepercentage?: number = 80;\n\n /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/\n @Prop()\n transition?: ToastNotificationTransition;\n\n @State()\n percentage: number;\n\n private isTextLong: boolean;\n\n private container!: HTMLElement;\n\n private toastText!: HTMLElement;\n\n private sliderManager: HammerManager;\n\n private elapsedTime: number;\n\n private timeoutHandle: number;\n\n private startTime: number;\n\n private isMobile: boolean;\n\n private isCloseEventCalled = false;\n\n @Watch(\"isdraggable\")\n watchPropIsdraggable(newValue: boolean): void {\n if (newValue) {\n this.sliderManager.get(\"pan\").set({enable: true});\n } else {\n this.sliderManager.get(\"pan\").set({enable: false});\n }\n }\n\n @Watch(\"autoclose\")\n watchPropAutoclose(newValue: number): void {\n clearTimeout(this.timeoutHandle);\n this.startClosingTimeout(newValue);\n }\n\n @Watch(\"pauseonfocusloss\")\n watchPropPauseonfocusloss(newValue: boolean): void {\n if (this.autoclose) {\n if (newValue) {\n document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n } else {\n document.removeEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n }\n }\n }\n\n /** notification close event */\n @Event()\n toastClose: EventEmitter;\n\n private emitToastClose(cssClass: string): void {\n this.timeoutHandle = null;\n this.elapsedTime = null;\n this.hostElement.classList.add(cssClass);\n this.toastClose.emit();\n }\n\n componentWillLoad(): void {\n this.isMobile = window.innerWidth <= mobileBreakpoint;\n this.validateAutoclose();\n this.percentage = 0;\n }\n\n componentDidLoad(): void {\n this.isTextLong = this.detectWrap() || this.toastText.offsetHeight > 20;\n this.startTime = Date.now();\n if (this.autoclose && this.pauseonfocusloss) {\n document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n }\n\n this.isdraggable && this.handleSlideOutDragAnimation();\n }\n\n private visibilityChangeEventHandler(): void {\n if (document.visibilityState === \"hidden\") {\n this.timeoutHandle && this.onBlur();\n } else {\n this.elapsedTime && this.onFocus();\n }\n }\n\n private validateAutoclose(): void {\n if (!this.autoclose && !this.closebutton) {\n console.error(\"At least one between autoclose and closebutton must be present\");\n }\n }\n\n private mapSlideOutClass(): ToastNotificationTransition {\n switch (this.transition) {\n case ToastNotificationTransition.SLIDE_IN_DOWN:\n return ToastNotificationTransition.SLIDE_OUT_UP;\n case ToastNotificationTransition.SLIDE_IN_UP:\n return ToastNotificationTransition.SLIDE_OUT_DOWN;\n case ToastNotificationTransition.SLIDE_IN_LEFT:\n return ToastNotificationTransition.SLIDE_OUT_RIGHT;\n case ToastNotificationTransition.SLIDE_IN_RIGHT:\n return ToastNotificationTransition.SLIDE_OUT_LEFT;\n }\n }\n\n private calculateDraggedPercentage(e): number {\n const bounding = this.hostElement.getBoundingClientRect();\n\n return Math.round((100 * e.deltaX) / bounding.width);\n }\n\n private handleSlideOutDragAnimation(): void {\n this.sliderManager = new Hammer(this.hostElement);\n this.sliderManager.get(\"pan\").set({\n direction: Hammer.DIRECTION_HORIZONTAL,\n });\n\n this.sliderManager.on(\"pan\", (e) => {\n this.percentage = this.calculateDraggedPercentage(e);\n this.hostElement.style.transition = \"none\";\n this.hostElement.classList.remove(this.transition);\n const translateObj = {\n translate: `translateX(${this.percentage}%)`,\n translateBack: \"translateX(0)\",\n };\n\n this.hostElement.style.opacity = `${100 - Math.abs(this.percentage)}%`;\n if (e.eventType === Hammer.DIRECTION_LEFT || e.eventType === Hammer.DIRECTION_RIGHT) {\n this.hostElement.style.transform = translateObj.translate;\n if (Math.abs(this.percentage) > this.draggablepercentage && !this.isCloseEventCalled) {\n this.isCloseEventCalled = true;\n this.emitToastClose(e.direction === Hammer.DIRECTION_LEFT ? \"slide-out-left\" : \"slide-out-right\");\n }\n }\n\n if (e.isFinal && Math.abs(this.percentage) < this.draggablepercentage) {\n this.hostElement.style.transform = translateObj.translateBack;\n this.hostElement.style.transition = \"all 1s\";\n this.hostElement.style.opacity = \"100%\";\n this.percentage = 0;\n }\n });\n }\n\n private onFocus(): void {\n let time = this.autoclose;\n if (this.elapsedTime) {\n time = this.autoclose - this.elapsedTime;\n }\n if (time > 0) {\n this.startClosingTimeout(time);\n }\n }\n\n private onBlur(): void {\n this.elapsedTime = Date.now() - this.startTime;\n clearTimeout(this.timeoutHandle);\n }\n\n private startClosingTimeout(time: number): void {\n this.timeoutHandle = window.setTimeout(() => this.emitToastClose(this.mapSlideOutClass()), time);\n }\n\n private detectWrap(): boolean {\n const parentWidth = this.container.offsetWidth;\n const children = this.container.children;\n let totalWidth = 0;\n\n for (let i = 0; i < children.length; i++) {\n totalWidth += (children[i] as HTMLElement).offsetWidth;\n }\n\n return totalWidth > parentWidth;\n }\n\n private renderText(): HTMLDivElement {\n return (\n <div\n id=\"text\"\n ref={(el) => (this.toastText = el as HTMLElement)}\n >\n <span class=\"title\">{this.heading}</span>\n <span class=\"message\">{this.message}</span>\n </div>\n );\n }\n\n private renderButton(): HTMLDivElement {\n return (\n <div id=\"button\">\n <slot name=\"button\" />\n </div>\n );\n }\n\n private renderCloseIcon(): HTMLDivElement {\n if (!this.closebutton) {\n return;\n }\n\n return (\n <div id=\"icon\">\n <z-icon\n tabIndex={0}\n name=\"multiply-circled\"\n width={15}\n height={15}\n onClick={() => this.emitToastClose(this.mapSlideOutClass())}\n onKeyPress={(e) => {\n if (e.keyCode == 32 || e.keyCode == 13) {\n e.preventDefault();\n this.emitToastClose(this.mapSlideOutClass());\n }\n }}\n />\n </div>\n );\n }\n\n private renderContainer(): HTMLDivElement {\n return (\n <div\n tabIndex={0}\n id=\"external-container\"\n class={{\n [this.type]: !!this.type,\n \"several-lines-padding\": this.isTextLong,\n }}\n ref={(el) => (this.container = el as HTMLElement)}\n >\n {this.renderText()}\n {this.renderButton()}\n {this.renderCloseIcon()}\n </div>\n );\n }\n\n private renderMobileContainer(): HTMLDivElement {\n return (\n <div\n id=\"external-container\"\n class={{\n [this.type]: !!this.type,\n \"several-lines-padding\": this.isTextLong,\n \"mobile-wrapped\": this.isTextLong,\n }}\n >\n <div\n id=\"flex-container\"\n ref={(el) => (this.container = el as HTMLElement)}\n >\n {this.renderText()}\n {this.renderButton()}\n </div>\n {this.renderCloseIcon()}\n </div>\n );\n }\n\n render(): HTMLZToastNotificationElement {\n return (\n <Host\n style={{\n \"--percentuale\": `${this.percentage}%`,\n }}\n class={this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN}\n onAnimationEnd={(e: AnimationEvent) => {\n if (this.autoclose && e.animationName.includes(\"slidein\")) {\n this.startClosingTimeout(this.autoclose);\n }\n if (e.animationName.includes(\"slideout\")) {\n this.hostElement.parentNode.removeChild(this.hostElement);\n }\n }}\n >\n {this.isMobile ? this.renderMobileContainer() : this.renderContainer()}\n </Host>\n );\n }\n}\n"],"mappings":"iRAAA,IAAMA,UAAY,ugOAClB,IAAAC,yBAAeD,U,ICUFE,mBAAkB,W,wFA0DrBC,KAAAC,mBAAqB,M,wHArCA,K,qCAQL,K,yBAIO,G,oDA4B/BF,EAAAG,UAAAC,qBAAA,SAAqBC,GACnB,GAAIA,EAAU,CACZJ,KAAKK,cAAcC,IAAI,OAAOC,IAAI,CAACC,OAAQ,M,KACtC,CACLR,KAAKK,cAAcC,IAAI,OAAOC,IAAI,CAACC,OAAQ,O,GAK/CT,EAAAG,UAAAO,mBAAA,SAAmBL,GACjBM,aAAaV,KAAKW,eAClBX,KAAKY,oBAAoBR,E,EAI3BL,EAAAG,UAAAW,0BAAA,SAA0BT,GACxB,GAAIJ,KAAKc,UAAW,CAClB,GAAIV,EAAU,CACZW,SAASC,iBAAiB,mBAAoBhB,KAAKiB,6B,KAC9C,CACLF,SAASG,oBAAoB,mBAAoBlB,KAAKiB,6B,IASpDlB,EAAAG,UAAAiB,eAAA,SAAeC,GACrBpB,KAAKW,cAAgB,KACrBX,KAAKqB,YAAc,KACnBrB,KAAKsB,YAAYC,UAAUC,IAAIJ,GAC/BpB,KAAKyB,WAAWC,M,EAGlB3B,EAAAG,UAAAyB,kBAAA,WACE3B,KAAK4B,SAAWC,OAAOC,YAAcC,iBACrC/B,KAAKgC,oBACLhC,KAAKiC,WAAa,C,EAGpBlC,EAAAG,UAAAgC,iBAAA,WACElC,KAAKmC,WAAanC,KAAKoC,cAAgBpC,KAAKqC,UAAUC,aAAe,GACrEtC,KAAKuC,UAAYC,KAAKC,MACtB,GAAIzC,KAAKc,WAAad,KAAK0C,iBAAkB,CAC3C3B,SAASC,iBAAiB,mBAAoBhB,KAAKiB,6B,CAGrDjB,KAAK2C,aAAe3C,KAAK4C,6B,EAGnB7C,EAAAG,UAAAe,6BAAA,WACN,GAAIF,SAAS8B,kBAAoB,SAAU,CACzC7C,KAAKW,eAAiBX,KAAK8C,Q,KACtB,CACL9C,KAAKqB,aAAerB,KAAK+C,S,GAIrBhD,EAAAG,UAAA8B,kBAAA,WACN,IAAKhC,KAAKc,YAAcd,KAAKgD,YAAa,CACxCC,QAAQC,MAAM,iE,GAIVnD,EAAAG,UAAAiD,iBAAA,WACN,OAAQnD,KAAKoD,YACX,KAAKC,4BAA4BC,cAC/B,OAAOD,4BAA4BE,aACrC,KAAKF,4BAA4BG,YAC/B,OAAOH,4BAA4BI,eACrC,KAAKJ,4BAA4BK,cAC/B,OAAOL,4BAA4BM,gBACrC,KAAKN,4BAA4BO,eAC/B,OAAOP,4BAA4BQ,e,EAIjC9D,EAAAG,UAAA4D,2BAAA,SAA2BC,GACjC,IAAMC,EAAWhE,KAAKsB,YAAY2C,wBAElC,OAAOC,KAAKC,MAAO,IAAMJ,EAAEK,OAAUJ,EAASK,M,EAGxCtE,EAAAG,UAAA0C,4BAAA,eAAA0B,EAAAtE,KACNA,KAAKK,cAAgB,IAAIkE,OAAOvE,KAAKsB,aACrCtB,KAAKK,cAAcC,IAAI,OAAOC,IAAI,CAChCiE,UAAWD,OAAOE,uBAGpBzE,KAAKK,cAAcqE,GAAG,OAAO,SAACX,GAC5BO,EAAKrC,WAAaqC,EAAKR,2BAA2BC,GAClDO,EAAKhD,YAAYqD,MAAMvB,WAAa,OACpCkB,EAAKhD,YAAYC,UAAUqD,OAAON,EAAKlB,YACvC,IAAMyB,EAAe,CACnBC,UAAW,cAAAC,OAAcT,EAAKrC,WAAU,MACxC+C,cAAe,iBAGjBV,EAAKhD,YAAYqD,MAAMM,QAAU,GAAAF,OAAG,IAAMb,KAAKgB,IAAIZ,EAAKrC,YAAW,KACnE,GAAI8B,EAAEoB,YAAcZ,OAAOa,gBAAkBrB,EAAEoB,YAAcZ,OAAOc,gBAAiB,CACnFf,EAAKhD,YAAYqD,MAAMW,UAAYT,EAAaC,UAChD,GAAIZ,KAAKgB,IAAIZ,EAAKrC,YAAcqC,EAAKiB,sBAAwBjB,EAAKrE,mBAAoB,CACpFqE,EAAKrE,mBAAqB,KAC1BqE,EAAKnD,eAAe4C,EAAES,YAAcD,OAAOa,eAAiB,iBAAmB,kB,EAInF,GAAIrB,EAAEyB,SAAWtB,KAAKgB,IAAIZ,EAAKrC,YAAcqC,EAAKiB,oBAAqB,CACrEjB,EAAKhD,YAAYqD,MAAMW,UAAYT,EAAaG,cAChDV,EAAKhD,YAAYqD,MAAMvB,WAAa,SACpCkB,EAAKhD,YAAYqD,MAAMM,QAAU,OACjCX,EAAKrC,WAAa,C,MAKhBlC,EAAAG,UAAA6C,QAAA,WACN,IAAI0C,EAAOzF,KAAKc,UAChB,GAAId,KAAKqB,YAAa,CACpBoE,EAAOzF,KAAKc,UAAYd,KAAKqB,W,CAE/B,GAAIoE,EAAO,EAAG,CACZzF,KAAKY,oBAAoB6E,E,GAIrB1F,EAAAG,UAAA4C,OAAA,WACN9C,KAAKqB,YAAcmB,KAAKC,MAAQzC,KAAKuC,UACrC7B,aAAaV,KAAKW,c,EAGZZ,EAAAG,UAAAU,oBAAA,SAAoB6E,GAApB,IAAAnB,EAAAtE,KACNA,KAAKW,cAAgBkB,OAAO6D,YAAW,WAAM,OAAApB,EAAKnD,eAAemD,EAAKnB,mBAAzB,GAA8CsC,E,EAGrF1F,EAAAG,UAAAkC,WAAA,WACN,IAAMuD,EAAc3F,KAAK4F,UAAUC,YACnC,IAAMC,EAAW9F,KAAK4F,UAAUE,SAChC,IAAIC,EAAa,EAEjB,IAAK,IAAIC,EAAI,EAAGA,EAAIF,EAASG,OAAQD,IAAK,CACxCD,GAAeD,EAASE,GAAmBH,W,CAG7C,OAAOE,EAAaJ,C,EAGd5F,EAAAG,UAAAgG,WAAA,eAAA5B,EAAAtE,KACN,OACEmG,EAAA,OACEC,GAAG,OACHC,IAAK,SAACC,GAAE,OAAMhC,EAAKjC,UAAYiE,CAAvB,GAERH,EAAA,QAAMI,MAAM,SAASvG,KAAKwG,SAC1BL,EAAA,QAAMI,MAAM,WAAWvG,KAAKyG,S,EAK1B1G,EAAAG,UAAAwG,aAAA,WACN,OACEP,EAAA,OAAKC,GAAG,UACND,EAAA,QAAMQ,KAAK,W,EAKT5G,EAAAG,UAAA0G,gBAAA,eAAAtC,EAAAtE,KACN,IAAKA,KAAKgD,YAAa,CACrB,M,CAGF,OACEmD,EAAA,OAAKC,GAAG,QACND,EAAA,UACEU,SAAU,EACVF,KAAK,mBACLtC,MAAO,GACPyC,OAAQ,GACRC,QAAS,WAAM,OAAAzC,EAAKnD,eAAemD,EAAKnB,mBAAzB,EACf6D,WAAY,SAACjD,GACX,GAAIA,EAAEkD,SAAW,IAAMlD,EAAEkD,SAAW,GAAI,CACtClD,EAAEmD,iBACF5C,EAAKnD,eAAemD,EAAKnB,mB,OAQ7BpD,EAAAG,UAAAiH,gBAAA,W,MAAA,IAAA7C,EAAAtE,KACN,OACEmG,EAAA,OACEU,SAAU,EACVT,GAAG,qBACHG,OAAKa,EAAA,GACHA,EAACpH,KAAKqH,QAASrH,KAAKqH,KACpBD,EAAA,yBAAyBpH,KAAKmC,W,GAEhCkE,IAAK,SAACC,GAAE,OAAMhC,EAAKsB,UAAYU,CAAvB,GAEPtG,KAAKkG,aACLlG,KAAK0G,eACL1G,KAAK4G,kB,EAKJ7G,EAAAG,UAAAoH,sBAAA,W,MAAA,IAAAhD,EAAAtE,KACN,OACEmG,EAAA,OACEC,GAAG,qBACHG,OAAKa,EAAA,GACHA,EAACpH,KAAKqH,QAASrH,KAAKqH,KACpBD,EAAA,yBAAyBpH,KAAKmC,WAC9BiF,EAAA,kBAAkBpH,KAAKmC,W,IAGzBgE,EAAA,OACEC,GAAG,iBACHC,IAAK,SAACC,GAAE,OAAMhC,EAAKsB,UAAYU,CAAvB,GAEPtG,KAAKkG,aACLlG,KAAK0G,gBAEP1G,KAAK4G,kB,EAKZ7G,EAAAG,UAAAqH,OAAA,eAAAjD,EAAAtE,KACE,OACEmG,EAACqB,KAAI,CAAAC,IAAA,2CACH9C,MAAO,CACL,gBAAiB,GAAAI,OAAG/E,KAAKiC,WAAU,MAErCsE,MAAOvG,KAAKoD,WAAapD,KAAKoD,WAAaC,4BAA4BC,cACvEoE,eAAgB,SAAC3D,GACf,GAAIO,EAAKxD,WAAaiD,EAAE4D,cAAcC,SAAS,WAAY,CACzDtD,EAAK1D,oBAAoB0D,EAAKxD,U,CAEhC,GAAIiD,EAAE4D,cAAcC,SAAS,YAAa,CACxCtD,EAAKhD,YAAYuG,WAAWC,YAAYxD,EAAKhD,Y,IAIhDtB,KAAK4B,SAAW5B,KAAKsH,wBAA0BtH,KAAKmH,kB,+VAtT9B,G","ignoreList":[]}
1
+ {"version":3,"names":["stylesCss","ZToastNotificationStyle0","ZToastNotification","this","isCloseEventCalled","prototype","watchPropIsdraggable","newValue","sliderManager","get","set","enable","watchPropAutoclose","clearTimeout","timeoutHandle","startClosingTimeout","watchPropPauseonfocusloss","autoclose","document","addEventListener","visibilityChangeEventHandler","removeEventListener","emitToastClose","cssClass","elapsedTime","hostElement","classList","add","toastClose","emit","componentWillLoad","isMobile","window","innerWidth","mobileBreakpoint","validateAutoclose","percentage","componentDidLoad","isTextLong","detectWrap","toastText","offsetHeight","startTime","Date","now","pauseonfocusloss","isdraggable","handleSlideOutDragAnimation","visibilityState","onBlur","onFocus","closebutton","console","error","mapSlideOutClass","transition","ToastNotificationTransition","SLIDE_IN_DOWN","SLIDE_OUT_UP","SLIDE_IN_UP","SLIDE_OUT_DOWN","SLIDE_IN_LEFT","SLIDE_OUT_RIGHT","SLIDE_IN_RIGHT","SLIDE_OUT_LEFT","calculateDraggedPercentage","e","bounding","getBoundingClientRect","Math","round","deltaX","width","_this","Hammer","direction","DIRECTION_HORIZONTAL","on","style","remove","translateObj","translate","concat","translateBack","opacity","abs","eventType","DIRECTION_LEFT","DIRECTION_RIGHT","transform","draggablepercentage","isFinal","time","setTimeout","parentWidth","container","offsetWidth","children","totalWidth","i","length","renderText","h","id","ref","el","class","heading","message","renderButton","name","renderCloseIcon","tabIndex","height","onClick","onKeyPress","keyCode","preventDefault","renderContainer","_a","type","renderMobileContainer","render","Host","key","onAnimationEnd","animationName","includes","parentNode","removeChild"],"sources":["src/components/z-toast-notification/styles.css?tag=z-toast-notification&encapsulation=shadow","src/components/z-toast-notification/index.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: 100vw;\n min-width: 200px;\n\n --percentuale: 0;\n}\n\n:host(.slide-in-left) {\n animation: slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-in-right) {\n animation: slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-in-down) {\n animation: slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-in-up) {\n animation: slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-left) {\n animation: slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-right) {\n animation: slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-down) {\n animation: slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n:host(.slide-out-up) {\n animation: slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);\n animation-fill-mode: forwards;\n}\n\n@keyframes slideinleft {\n 0% {\n transform: translateX(100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes slideinright {\n 0% {\n transform: translateX(-100%);\n }\n\n 100% {\n transform: translateX(0);\n }\n}\n\n@keyframes slideinup {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideindown {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes slideoutleft {\n 0% {\n /* stylelint-disable-next-line alpha-value-notation */\n opacity: calc(100% - var(--percentuale));\n transform: translateX(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateX(-100%);\n }\n}\n\n@keyframes slideoutright {\n 0% {\n /* stylelint-disable-next-line alpha-value-notation */\n opacity: calc(100% - var(--percentuale));\n transform: translateX(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateX(100%);\n }\n}\n\n@keyframes slideoutup {\n 0% {\n opacity: 1;\n transform: translateY(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateY(-100%);\n }\n}\n\n@keyframes slideoutdown {\n 0% {\n opacity: 1;\n transform: translateY(var(--percentuale));\n }\n\n 100% {\n opacity: 0;\n transform: translateY(100%);\n }\n}\n\n:host > #external-container {\n display: flex;\n min-height: 52px;\n box-sizing: border-box;\n align-items: center;\n justify-content: space-between;\n padding: calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);\n border-radius: 4px;\n box-shadow: var(--shadow-3);\n font-family: var(--font-family-sans);\n font-size: 14px;\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n}\n\n:host > #external-container.mobile-wrapped > #icon {\n align-self: flex-start;\n}\n\n:host > #external-container.several-lines-padding {\n padding: calc(var(--space-unit) * 2);\n}\n\n:host > #external-container > #flex-container {\n display: flex;\n width: 100%;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n:host > #external-container #text {\n margin-right: calc(var(--space-unit) * 2);\n color: var(--color-white);\n letter-spacing: 0.16px;\n line-height: 20px;\n text-align: left;\n}\n\n:host > #external-container #text > .title {\n margin-right: 4px;\n font-weight: 600;\n}\n\n:host > #external-container.mobile-wrapped #button ::slotted(z-button) {\n margin-top: calc(var(--space-unit) * 2);\n}\n\n:host > #external-container #icon {\n margin-left: calc(var(--space-unit) * 2);\n cursor: pointer;\n fill: var(--color-white);\n}\n\nz-icon {\n display: inline-block;\n vertical-align: 0;\n}\n\nz-icon:focus {\n padding: calc(var(--space-unit) / 4);\n border-radius: 50%;\n box-shadow: var(--shadow-focus-primary);\n outline: none !important;\n}\n\n:host > #external-container.dark {\n background: var(--gray800);\n}\n\n:host > #external-container.light {\n background: var(--color-background);\n}\n\n:host > #external-container.light #icon,\n:host > #external-container.warning #text,\n:host > #external-container.warning #icon {\n fill: var(--color-primary01-icon);\n}\n\n:host > #external-container.light #text,\n:host > #external-container.warning #text {\n color: var(--gray800);\n}\n\n:host > #external-container.accent {\n background: var(--color-primary01);\n}\n\n:host > #external-container.error {\n background: var(--color-error-default);\n}\n\n:host > #external-container.success {\n background: var(--color-success-default);\n}\n\n:host > #external-container.warning {\n background: var(--color-warning-default);\n}\n\n/* Tablet breakpoint */\n@media only screen and (min-width: 768px) {\n :host {\n width: unset;\n max-width: 50vw;\n }\n\n :host > #external-container > #flex-container {\n flex-wrap: nowrap;\n }\n\n :host > #external-container #text {\n width: 100%;\n }\n}\n\n/* Wide breakpoint */\n@media only screen and (min-width: 1366px) {\n :host {\n width: unset;\n max-width: 33vw;\n }\n}\n","import {Component, Element, Event, EventEmitter, Host, Prop, State, Watch, h} from \"@stencil/core\";\nimport {ToastNotification, ToastNotificationTransition} from \"../../beans\";\nimport {mobileBreakpoint} from \"../../constants/breakpoints\";\n\nimport Hammer from \"hammerjs\";\n\n@Component({\n tag: \"z-toast-notification\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZToastNotification {\n @Element() hostElement: HTMLZToastNotificationElement;\n\n /** toast notification's title */\n @Prop()\n heading?: string;\n\n /** toast notification's message */\n @Prop()\n message: string;\n\n /** toggles closing button rendering */\n @Prop()\n closebutton: boolean;\n\n /** toast notification closing timeout (ms) */\n @Prop()\n autoclose?: number;\n\n /** toast notification autoclose can be paused */\n @Prop()\n pauseonfocusloss?: boolean = true;\n\n /** toast notification type: dark, light, accent, error, success, warning */\n @Prop()\n type?: ToastNotification;\n\n /** toast notification can be draggable*/\n @Prop()\n isdraggable?: boolean = true;\n\n /** toast notification draggable percentage*/\n @Prop()\n draggablepercentage?: number = 80;\n\n /** toast notification animation type: slide-in-left, slide-in-right, slide-in-down, slide-in-up*/\n @Prop()\n transition?: ToastNotificationTransition;\n\n @State()\n percentage: number;\n\n private isTextLong: boolean;\n\n private container!: HTMLElement;\n\n private toastText!: HTMLElement;\n\n private sliderManager: HammerManager;\n\n private elapsedTime: number;\n\n private timeoutHandle: number;\n\n private startTime: number;\n\n private isMobile: boolean;\n\n private isCloseEventCalled = false;\n\n @Watch(\"isdraggable\")\n watchPropIsdraggable(newValue: boolean): void {\n if (newValue) {\n this.sliderManager.get(\"pan\").set({enable: true});\n } else {\n this.sliderManager.get(\"pan\").set({enable: false});\n }\n }\n\n @Watch(\"autoclose\")\n watchPropAutoclose(newValue: number): void {\n clearTimeout(this.timeoutHandle);\n this.startClosingTimeout(newValue);\n }\n\n @Watch(\"pauseonfocusloss\")\n watchPropPauseonfocusloss(newValue: boolean): void {\n if (this.autoclose) {\n if (newValue) {\n document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n } else {\n document.removeEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n }\n }\n }\n\n /** notification close event */\n @Event()\n toastClose: EventEmitter;\n\n private emitToastClose(cssClass: string): void {\n this.timeoutHandle = null;\n this.elapsedTime = null;\n this.hostElement.classList.add(cssClass);\n this.toastClose.emit();\n }\n\n componentWillLoad(): void {\n this.isMobile = window.innerWidth <= mobileBreakpoint;\n this.validateAutoclose();\n this.percentage = 0;\n }\n\n componentDidLoad(): void {\n this.isTextLong = this.detectWrap() || this.toastText.offsetHeight > 20;\n this.startTime = Date.now();\n if (this.autoclose && this.pauseonfocusloss) {\n document.addEventListener(\"visibilitychange\", this.visibilityChangeEventHandler);\n }\n\n this.isdraggable && this.handleSlideOutDragAnimation();\n }\n\n private visibilityChangeEventHandler(): void {\n if (document.visibilityState === \"hidden\") {\n this.timeoutHandle && this.onBlur();\n } else {\n this.elapsedTime && this.onFocus();\n }\n }\n\n private validateAutoclose(): void {\n if (!this.autoclose && !this.closebutton) {\n console.error(\"At least one between autoclose and closebutton must be present\");\n }\n }\n\n private mapSlideOutClass(): ToastNotificationTransition {\n switch (this.transition) {\n case ToastNotificationTransition.SLIDE_IN_DOWN:\n return ToastNotificationTransition.SLIDE_OUT_UP;\n case ToastNotificationTransition.SLIDE_IN_UP:\n return ToastNotificationTransition.SLIDE_OUT_DOWN;\n case ToastNotificationTransition.SLIDE_IN_LEFT:\n return ToastNotificationTransition.SLIDE_OUT_RIGHT;\n case ToastNotificationTransition.SLIDE_IN_RIGHT:\n return ToastNotificationTransition.SLIDE_OUT_LEFT;\n }\n }\n\n private calculateDraggedPercentage(e): number {\n const bounding = this.hostElement.getBoundingClientRect();\n\n return Math.round((100 * e.deltaX) / bounding.width);\n }\n\n private handleSlideOutDragAnimation(): void {\n this.sliderManager = new Hammer(this.hostElement);\n this.sliderManager.get(\"pan\").set({\n direction: Hammer.DIRECTION_HORIZONTAL,\n });\n\n this.sliderManager.on(\"pan\", (e) => {\n this.percentage = this.calculateDraggedPercentage(e);\n this.hostElement.style.transition = \"none\";\n this.hostElement.classList.remove(this.transition);\n const translateObj = {\n translate: `translateX(${this.percentage}%)`,\n translateBack: \"translateX(0)\",\n };\n\n this.hostElement.style.opacity = `${100 - Math.abs(this.percentage)}%`;\n if (e.eventType === Hammer.DIRECTION_LEFT || e.eventType === Hammer.DIRECTION_RIGHT) {\n this.hostElement.style.transform = translateObj.translate;\n if (Math.abs(this.percentage) > this.draggablepercentage && !this.isCloseEventCalled) {\n this.isCloseEventCalled = true;\n this.emitToastClose(e.direction === Hammer.DIRECTION_LEFT ? \"slide-out-left\" : \"slide-out-right\");\n }\n }\n\n if (e.isFinal && Math.abs(this.percentage) < this.draggablepercentage) {\n this.hostElement.style.transform = translateObj.translateBack;\n this.hostElement.style.transition = \"all 1s\";\n this.hostElement.style.opacity = \"100%\";\n this.percentage = 0;\n }\n });\n }\n\n private onFocus(): void {\n let time = this.autoclose;\n if (this.elapsedTime) {\n time = this.autoclose - this.elapsedTime;\n }\n if (time > 0) {\n this.startClosingTimeout(time);\n }\n }\n\n private onBlur(): void {\n this.elapsedTime = Date.now() - this.startTime;\n clearTimeout(this.timeoutHandle);\n }\n\n private startClosingTimeout(time: number): void {\n this.timeoutHandle = window.setTimeout(() => this.emitToastClose(this.mapSlideOutClass()), time);\n }\n\n private detectWrap(): boolean {\n const parentWidth = this.container.offsetWidth;\n const children = this.container.children;\n let totalWidth = 0;\n\n for (let i = 0; i < children.length; i++) {\n totalWidth += (children[i] as HTMLElement).offsetWidth;\n }\n\n return totalWidth > parentWidth;\n }\n\n private renderText(): HTMLDivElement {\n return (\n <div\n id=\"text\"\n ref={(el) => (this.toastText = el as HTMLElement)}\n >\n <span class=\"title\">{this.heading}</span>\n <span class=\"message\">{this.message}</span>\n </div>\n );\n }\n\n private renderButton(): HTMLDivElement {\n return (\n <div id=\"button\">\n <slot name=\"button\" />\n </div>\n );\n }\n\n private renderCloseIcon(): HTMLDivElement {\n if (!this.closebutton) {\n return;\n }\n\n return (\n <div id=\"icon\">\n <z-icon\n tabIndex={0}\n name=\"multiply-circled\"\n width={15}\n height={15}\n onClick={() => this.emitToastClose(this.mapSlideOutClass())}\n onKeyPress={(e) => {\n if (e.keyCode == 32 || e.keyCode == 13) {\n e.preventDefault();\n this.emitToastClose(this.mapSlideOutClass());\n }\n }}\n />\n </div>\n );\n }\n\n private renderContainer(): HTMLDivElement {\n return (\n <div\n tabIndex={0}\n id=\"external-container\"\n class={{\n [this.type]: !!this.type,\n \"several-lines-padding\": this.isTextLong,\n }}\n ref={(el) => (this.container = el as HTMLElement)}\n >\n {this.renderText()}\n {this.renderButton()}\n {this.renderCloseIcon()}\n </div>\n );\n }\n\n private renderMobileContainer(): HTMLDivElement {\n return (\n <div\n id=\"external-container\"\n class={{\n [this.type]: !!this.type,\n \"several-lines-padding\": this.isTextLong,\n \"mobile-wrapped\": this.isTextLong,\n }}\n >\n <div\n id=\"flex-container\"\n ref={(el) => (this.container = el as HTMLElement)}\n >\n {this.renderText()}\n {this.renderButton()}\n </div>\n {this.renderCloseIcon()}\n </div>\n );\n }\n\n render(): HTMLZToastNotificationElement {\n return (\n <Host\n style={{\n \"--percentuale\": `${this.percentage}%`,\n }}\n class={this.transition ? this.transition : ToastNotificationTransition.SLIDE_IN_DOWN}\n onAnimationEnd={(e: AnimationEvent) => {\n if (this.autoclose && e.animationName.includes(\"slidein\")) {\n this.startClosingTimeout(this.autoclose);\n }\n if (e.animationName.includes(\"slideout\")) {\n this.hostElement.parentNode.removeChild(this.hostElement);\n }\n }}\n >\n {this.isMobile ? this.renderMobileContainer() : this.renderContainer()}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/types/components/z-modal/index.d.ts CHANGED
@@ -29,6 +29,7 @@ export declare class ZModal {
29
29
  /** emitted on background click, returns modalid */
30
30
  modalBackgroundClick: EventEmitter;
31
31
  private emitBackgroundClick;
32
+ private handlePageOverflow;
32
33
  componentDidLoad(): void;
33
34
  /** open modal */
34
35
  open(): Promise<void>;
package/dist/types/components/z-stepper/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @slot - slot for `z-stepper-item`s
2
+ * @slot - slot for `z-stepper-item`
3
3
  */
4
4
  export declare class ZStepper {
5
5
  render(): HTMLSlotElement;
package/dist/types/components/z-stepper/index.stories.d.ts CHANGED
@@ -14,3 +14,9 @@ export declare const Default: {
14
14
  export declare const Completed: {
15
15
  render: () => import("lit-html").TemplateResult<1>;
16
16
  };
17
+ export declare const CompletedDisabled: {
18
+ render: () => import("lit-html").TemplateResult<1>;
19
+ };
20
+ export declare const Checked: {
21
+ render: () => import("lit-html").TemplateResult<1>;
22
+ };
package/dist/types/components/z-stepper-item/index.stories.d.ts CHANGED
@@ -2,20 +2,33 @@ import "./index";
2
2
  declare const _default: {
3
3
  title: string;
4
4
  component: string;
5
+ args: {
6
+ pressed: false;
7
+ disabled: false;
8
+ checked: false;
9
+ index: number;
10
+ text: string;
11
+ };
5
12
  };
6
13
  export default _default;
7
- export declare const WithIndex: {
8
- render: () => import("lit-html").TemplateResult<1>;
14
+ export declare const Default: {
15
+ render: (args: any) => import("lit-html").TemplateResult<1>;
9
16
  };
10
- export declare const WithText: {
11
- render: () => import("lit-html").TemplateResult<1>;
17
+ export declare const Pressed: {
18
+ args: {
19
+ pressed: boolean;
20
+ };
21
+ render: (args: any) => import("lit-html").TemplateResult<1>;
12
22
  };
13
23
  export declare const Disabled: {
14
- render: () => import("lit-html").TemplateResult<1>;
15
- };
16
- export declare const Pressed: {
17
- render: () => import("lit-html").TemplateResult<1>;
24
+ args: {
25
+ disabled: boolean;
26
+ };
27
+ render: (args: any) => import("lit-html").TemplateResult<1>;
18
28
  };
19
29
  export declare const Checked: {
20
- render: () => import("lit-html").TemplateResult<1>;
30
+ args: {
31
+ checked: boolean;
32
+ };
33
+ render: (args: any) => import("lit-html").TemplateResult<1>;
21
34
  };
package/dist/types/components/z-tag/index.stories.d.ts CHANGED
@@ -16,8 +16,6 @@ declare const StoryMeta: {
16
16
  text: string;
17
17
  expandable: false;
18
18
  icon: string;
19
- "--z-tag-text-color": any;
20
- "--z-tag-bg": any;
21
19
  };
22
20
  };
23
21
  export default StoryMeta;
@@ -25,11 +23,17 @@ export declare const Default: {
25
23
  render: (args: any) => import("lit-html").TemplateResult<1>;
26
24
  };
27
25
  export declare const ColorTokens: {
26
+ args: {
27
+ "--z-tag-text-color": any;
28
+ "--z-tag-bg": any;
29
+ };
28
30
  render: (args: any) => import("lit-html").TemplateResult<1>;
29
31
  };
30
32
  export declare const LongText: {
31
33
  args: {
32
34
  text: string;
35
+ "--z-tag-text-color": any;
36
+ "--z-tag-bg": any;
33
37
  };
34
38
  render: (args: any) => import("lit-html").TemplateResult<1>;
35
39
  };