@zanichelli/albe-web-components 13.6.0 → 14.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (599) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/dist/cjs/index-dc60bee7.js +0 -4
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/web-components-library.cjs.js +1 -1
  5. package/dist/cjs/z-accordion.cjs.entry.js +2 -2
  6. package/dist/cjs/z-accordion.cjs.entry.js.map +1 -1
  7. package/dist/cjs/z-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/z-anchor-navigation.cjs.entry.js +1 -1
  9. package/dist/cjs/z-anchor-navigation.cjs.entry.js.map +1 -1
  10. package/dist/cjs/z-app-header_12.cjs.entry.js +5 -5
  11. package/dist/cjs/z-app-header_12.cjs.entry.js.map +1 -1
  12. package/dist/cjs/z-book-card.cjs.entry.js +3 -3
  13. package/dist/cjs/z-book-card.cjs.entry.js.map +1 -1
  14. package/dist/cjs/z-breadcrumb.cjs.entry.js +1 -1
  15. package/dist/cjs/z-breadcrumb.cjs.entry.js.map +1 -1
  16. package/dist/cjs/z-chip.cjs.entry.js +1 -1
  17. package/dist/cjs/z-chip.cjs.entry.js.map +1 -1
  18. package/dist/cjs/z-combobox.cjs.entry.js +1 -1
  19. package/dist/cjs/z-combobox.cjs.entry.js.map +1 -1
  20. package/dist/cjs/z-cover-hero.cjs.entry.js +1 -1
  21. package/dist/cjs/z-cover-hero.cjs.entry.js.map +1 -1
  22. package/dist/cjs/z-date-picker.cjs.entry.js +1 -1
  23. package/dist/cjs/z-date-picker.cjs.entry.js.map +1 -1
  24. package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +2 -2
  25. package/dist/cjs/z-dragdrop-area_2.cjs.entry.js.map +1 -1
  26. package/dist/cjs/z-file-upload.cjs.entry.js +1 -1
  27. package/dist/cjs/z-file-upload.cjs.entry.js.map +1 -1
  28. package/dist/cjs/z-info-box.cjs.entry.js +1 -1
  29. package/dist/cjs/z-info-box.cjs.entry.js.map +1 -1
  30. package/dist/cjs/z-info-reveal.cjs.entry.js +1 -1
  31. package/dist/cjs/z-info-reveal.cjs.entry.js.map +1 -1
  32. package/dist/cjs/z-menu-section.cjs.entry.js +1 -1
  33. package/dist/cjs/z-menu-section.cjs.entry.js.map +1 -1
  34. package/dist/cjs/z-menu.cjs.entry.js +1 -1
  35. package/dist/cjs/z-menu.cjs.entry.js.map +1 -1
  36. package/dist/cjs/z-messages-pocket.cjs.entry.js +1 -1
  37. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  38. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  39. package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +1 -1
  40. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  41. package/dist/cjs/z-myz-card-icon.cjs.entry.js +1 -1
  42. package/dist/cjs/z-myz-card-info.cjs.entry.js +1 -1
  43. package/dist/cjs/z-myz-card-list.cjs.entry.js +1 -1
  44. package/dist/cjs/z-myz-card_4.cjs.entry.js +4 -4
  45. package/dist/cjs/z-myz-list-item.cjs.entry.js +1 -1
  46. package/dist/cjs/z-myz-list-item.cjs.entry.js.map +1 -1
  47. package/dist/cjs/z-myz-list.cjs.entry.js +1 -1
  48. package/dist/cjs/z-notification.cjs.entry.js +1 -1
  49. package/dist/cjs/z-notification.cjs.entry.js.map +1 -1
  50. package/dist/cjs/z-otp.cjs.entry.js +2 -2
  51. package/dist/cjs/z-pagination.cjs.entry.js +1 -1
  52. package/dist/cjs/z-pagination.cjs.entry.js.map +1 -1
  53. package/dist/cjs/z-panel-elem.cjs.entry.js +2 -8
  54. package/dist/cjs/z-panel-elem.cjs.entry.js.map +1 -1
  55. package/dist/cjs/z-pocket-message.cjs.entry.js +1 -1
  56. package/dist/cjs/z-pocket_3.cjs.entry.js +3 -3
  57. package/dist/cjs/z-popover.cjs.entry.js +1 -1
  58. package/dist/cjs/z-popover.cjs.entry.js.map +1 -1
  59. package/dist/cjs/z-range-picker.cjs.entry.js +1 -1
  60. package/dist/cjs/z-range-picker.cjs.entry.js.map +1 -1
  61. package/dist/cjs/z-select.cjs.entry.js +1 -1
  62. package/dist/cjs/z-select.cjs.entry.js.map +1 -1
  63. package/dist/cjs/z-skip-to-content.cjs.entry.js +1 -1
  64. package/dist/cjs/z-skip-to-content.cjs.entry.js.map +1 -1
  65. package/dist/cjs/z-stepper-item.cjs.entry.js +1 -1
  66. package/dist/cjs/z-stepper-item.cjs.entry.js.map +1 -1
  67. package/dist/cjs/z-toast-notification.cjs.entry.js +1 -1
  68. package/dist/cjs/z-toast-notification.cjs.entry.js.map +1 -1
  69. package/dist/cjs/z-toggle-button.cjs.entry.js +1 -1
  70. package/dist/cjs/z-toggle-button.cjs.entry.js.map +1 -1
  71. package/dist/cjs/z-toggle-switch.cjs.entry.js +1 -1
  72. package/dist/cjs/z-toggle-switch.cjs.entry.js.map +1 -1
  73. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  74. package/dist/cjs/z-tooltip.cjs.entry.js.map +1 -1
  75. package/dist/collection/collection-manifest.json +0 -1
  76. package/dist/collection/components/buttons/z-button/styles.css +3 -3
  77. package/dist/collection/components/buttons/z-chip/styles.css +3 -3
  78. package/dist/collection/components/buttons/z-toggle-button/styles.css +2 -2
  79. package/dist/collection/components/buttons/z-toggle-switch/styles.css +1 -1
  80. package/dist/collection/components/date-picker/styles.css +4 -4
  81. package/dist/collection/components/file-upload/z-dragdrop-area/styles.css +2 -2
  82. package/dist/collection/components/file-upload/z-file-upload/styles.css +1 -1
  83. package/dist/collection/components/indicators/z-stepper-item/styles.css +1 -1
  84. package/dist/collection/components/inputs/z-combobox/styles.css +4 -4
  85. package/dist/collection/components/inputs/z-input/styles.css +8 -8
  86. package/dist/collection/components/inputs/z-searchbar/styles.css +3 -3
  87. package/dist/collection/components/inputs/z-select/styles.css +1 -1
  88. package/dist/collection/components/modal/z-modal/styles.css +2 -2
  89. package/dist/collection/components/navigation/z-app-header/index.js +3 -3
  90. package/dist/collection/components/navigation/z-app-header/index.js.map +1 -1
  91. package/dist/collection/components/navigation/z-app-header/styles.css +2 -2
  92. package/dist/collection/components/navigation/z-menu/styles.css +2 -2
  93. package/dist/collection/components/navigation/z-menu-section/styles.css +2 -2
  94. package/dist/collection/components/notification/z-info-box/styles.css +1 -1
  95. package/dist/collection/components/notification/z-notification/styles.css +1 -1
  96. package/dist/collection/components/notification/z-toast-notification/styles.css +1 -1
  97. package/dist/collection/components/notification/z-tooltip/styles.css +1 -1
  98. package/dist/collection/components/panel/z-panel-elem/index.js +2 -8
  99. package/dist/collection/components/panel/z-panel-elem/index.js.map +1 -1
  100. package/dist/collection/components/panel/z-panel-elem/index.spec.js +6 -18
  101. package/dist/collection/components/panel/z-panel-elem/index.spec.js.map +1 -1
  102. package/dist/collection/components/z-accordion/index.js +3 -3
  103. package/dist/collection/components/z-accordion/index.js.map +1 -1
  104. package/dist/collection/components/z-accordion/styles.css +2 -2
  105. package/dist/collection/components/z-anchor-navigation/styles.css +2 -2
  106. package/dist/collection/components/z-book-card/index.js +2 -2
  107. package/dist/collection/components/z-book-card/index.js.map +1 -1
  108. package/dist/collection/components/z-book-card/index.spec.js +1 -1
  109. package/dist/collection/components/z-book-card/index.spec.js.map +1 -1
  110. package/dist/collection/components/z-book-card/styles.css +6 -6
  111. package/dist/collection/components/z-breadcrumb/styles.css +1 -1
  112. package/dist/collection/components/z-cover-hero/styles.css +1 -1
  113. package/dist/collection/components/z-info-reveal/styles.css +4 -4
  114. package/dist/collection/components/z-pagination/styles.css +5 -5
  115. package/dist/collection/components/z-popover/styles.css +1 -1
  116. package/dist/collection/components/z-skip-to-content/styles.css +1 -1
  117. package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +1 -1
  118. package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +1 -1
  119. package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +1 -1
  120. package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +1 -1
  121. package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +1 -1
  122. package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +1 -1
  123. package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +1 -1
  124. package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +1 -1
  125. package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +1 -1
  126. package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +1 -1
  127. package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +1 -1
  128. package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +1 -1
  129. package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +2 -2
  130. package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +1 -1
  131. package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +1 -1
  132. package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +1 -1
  133. package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +1 -1
  134. package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +1 -1
  135. package/dist/collection/snowflakes/myz/z-alert/index.js +1 -1
  136. package/dist/collection/snowflakes/myz/z-otp/index.js +2 -2
  137. package/dist/components/index.d.ts +0 -2
  138. package/dist/components/index.js +0 -1
  139. package/dist/components/index.js.map +1 -1
  140. package/dist/components/index10.js +1 -1
  141. package/dist/components/index10.js.map +1 -1
  142. package/dist/components/index15.js +1 -1
  143. package/dist/components/index15.js.map +1 -1
  144. package/dist/components/index16.js +1 -1
  145. package/dist/components/index17.js +1 -1
  146. package/dist/components/index18.js +1 -1
  147. package/dist/components/index19.js +1 -1
  148. package/dist/components/index20.js +1 -1
  149. package/dist/components/index20.js.map +1 -1
  150. package/dist/components/index22.js +1 -1
  151. package/dist/components/index23.js +1 -1
  152. package/dist/components/index24.js +1 -1
  153. package/dist/components/index25.js +1 -1
  154. package/dist/components/index25.js.map +1 -1
  155. package/dist/components/index26.js +1 -1
  156. package/dist/components/index26.js.map +1 -1
  157. package/dist/components/index3.js +1 -1
  158. package/dist/components/index4.js +1 -1
  159. package/dist/components/index4.js.map +1 -1
  160. package/dist/components/index5.js +1 -1
  161. package/dist/components/index5.js.map +1 -1
  162. package/dist/components/index7.js +1 -1
  163. package/dist/components/index7.js.map +1 -1
  164. package/dist/components/z-accordion.js +2 -2
  165. package/dist/components/z-accordion.js.map +1 -1
  166. package/dist/components/z-anchor-navigation.js +1 -1
  167. package/dist/components/z-anchor-navigation.js.map +1 -1
  168. package/dist/components/z-app-header.js +2 -2
  169. package/dist/components/z-app-header.js.map +1 -1
  170. package/dist/components/z-book-card.js +3 -3
  171. package/dist/components/z-book-card.js.map +1 -1
  172. package/dist/components/z-breadcrumb.js +1 -1
  173. package/dist/components/z-breadcrumb.js.map +1 -1
  174. package/dist/components/z-combobox.js +1 -1
  175. package/dist/components/z-combobox.js.map +1 -1
  176. package/dist/components/z-cover-hero.js +1 -1
  177. package/dist/components/z-cover-hero.js.map +1 -1
  178. package/dist/components/z-date-picker.js +1 -1
  179. package/dist/components/z-date-picker.js.map +1 -1
  180. package/dist/components/z-file-upload.js +1 -1
  181. package/dist/components/z-file-upload.js.map +1 -1
  182. package/dist/components/z-info-box.js +1 -1
  183. package/dist/components/z-info-box.js.map +1 -1
  184. package/dist/components/z-info-reveal.js +1 -1
  185. package/dist/components/z-info-reveal.js.map +1 -1
  186. package/dist/components/z-menu-section.js +1 -1
  187. package/dist/components/z-menu-section.js.map +1 -1
  188. package/dist/components/z-menu.js +1 -1
  189. package/dist/components/z-menu.js.map +1 -1
  190. package/dist/components/z-messages-pocket.js +1 -1
  191. package/dist/components/z-myz-card-alert.js +1 -1
  192. package/dist/components/z-myz-card-dictionary.js +1 -1
  193. package/dist/components/z-myz-card-footer-sections.js +1 -1
  194. package/dist/components/z-myz-card-footer.js +1 -1
  195. package/dist/components/z-myz-card-icon.js +1 -1
  196. package/dist/components/z-myz-card-info.js +1 -1
  197. package/dist/components/z-myz-card-list.js +1 -1
  198. package/dist/components/z-myz-list.js +1 -1
  199. package/dist/components/z-notification.js +1 -1
  200. package/dist/components/z-notification.js.map +1 -1
  201. package/dist/components/z-otp.js +2 -2
  202. package/dist/components/z-pagination.js +1 -1
  203. package/dist/components/z-pagination.js.map +1 -1
  204. package/dist/components/z-panel-elem.js +2 -8
  205. package/dist/components/z-panel-elem.js.map +1 -1
  206. package/dist/components/z-pocket-message.js +1 -1
  207. package/dist/components/z-range-picker.js +1 -1
  208. package/dist/components/z-range-picker.js.map +1 -1
  209. package/dist/components/z-select.js +1 -1
  210. package/dist/components/z-select.js.map +1 -1
  211. package/dist/components/z-skip-to-content.js +1 -1
  212. package/dist/components/z-skip-to-content.js.map +1 -1
  213. package/dist/components/z-stepper-item.js +1 -1
  214. package/dist/components/z-stepper-item.js.map +1 -1
  215. package/dist/components/z-toast-notification.js +1 -1
  216. package/dist/components/z-toast-notification.js.map +1 -1
  217. package/dist/components/z-toggle-button.js +1 -1
  218. package/dist/components/z-toggle-button.js.map +1 -1
  219. package/dist/components/z-toggle-switch.js +1 -1
  220. package/dist/components/z-toggle-switch.js.map +1 -1
  221. package/dist/components/z-tooltip.js +1 -1
  222. package/dist/components/z-tooltip.js.map +1 -1
  223. package/dist/esm/index-f16bc2ca.js +0 -4
  224. package/dist/esm/loader.js +1 -1
  225. package/dist/esm/web-components-library.js +1 -1
  226. package/dist/esm/z-accordion.entry.js +2 -2
  227. package/dist/esm/z-accordion.entry.js.map +1 -1
  228. package/dist/esm/z-alert.entry.js +1 -1
  229. package/dist/esm/z-anchor-navigation.entry.js +1 -1
  230. package/dist/esm/z-anchor-navigation.entry.js.map +1 -1
  231. package/dist/esm/z-app-header_12.entry.js +5 -5
  232. package/dist/esm/z-app-header_12.entry.js.map +1 -1
  233. package/dist/esm/z-book-card.entry.js +3 -3
  234. package/dist/esm/z-book-card.entry.js.map +1 -1
  235. package/dist/esm/z-breadcrumb.entry.js +1 -1
  236. package/dist/esm/z-breadcrumb.entry.js.map +1 -1
  237. package/dist/esm/z-chip.entry.js +1 -1
  238. package/dist/esm/z-chip.entry.js.map +1 -1
  239. package/dist/esm/z-combobox.entry.js +1 -1
  240. package/dist/esm/z-combobox.entry.js.map +1 -1
  241. package/dist/esm/z-cover-hero.entry.js +1 -1
  242. package/dist/esm/z-cover-hero.entry.js.map +1 -1
  243. package/dist/esm/z-date-picker.entry.js +1 -1
  244. package/dist/esm/z-date-picker.entry.js.map +1 -1
  245. package/dist/esm/z-dragdrop-area_2.entry.js +2 -2
  246. package/dist/esm/z-dragdrop-area_2.entry.js.map +1 -1
  247. package/dist/esm/z-file-upload.entry.js +1 -1
  248. package/dist/esm/z-file-upload.entry.js.map +1 -1
  249. package/dist/esm/z-info-box.entry.js +1 -1
  250. package/dist/esm/z-info-box.entry.js.map +1 -1
  251. package/dist/esm/z-info-reveal.entry.js +1 -1
  252. package/dist/esm/z-info-reveal.entry.js.map +1 -1
  253. package/dist/esm/z-menu-section.entry.js +1 -1
  254. package/dist/esm/z-menu-section.entry.js.map +1 -1
  255. package/dist/esm/z-menu.entry.js +1 -1
  256. package/dist/esm/z-menu.entry.js.map +1 -1
  257. package/dist/esm/z-messages-pocket.entry.js +1 -1
  258. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  259. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  260. package/dist/esm/z-myz-card-footer-sections.entry.js +1 -1
  261. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  262. package/dist/esm/z-myz-card-icon.entry.js +1 -1
  263. package/dist/esm/z-myz-card-info.entry.js +1 -1
  264. package/dist/esm/z-myz-card-list.entry.js +1 -1
  265. package/dist/esm/z-myz-card_4.entry.js +4 -4
  266. package/dist/esm/z-myz-list-item.entry.js +1 -1
  267. package/dist/esm/z-myz-list-item.entry.js.map +1 -1
  268. package/dist/esm/z-myz-list.entry.js +1 -1
  269. package/dist/esm/z-notification.entry.js +1 -1
  270. package/dist/esm/z-notification.entry.js.map +1 -1
  271. package/dist/esm/z-otp.entry.js +2 -2
  272. package/dist/esm/z-pagination.entry.js +1 -1
  273. package/dist/esm/z-pagination.entry.js.map +1 -1
  274. package/dist/esm/z-panel-elem.entry.js +2 -8
  275. package/dist/esm/z-panel-elem.entry.js.map +1 -1
  276. package/dist/esm/z-pocket-message.entry.js +1 -1
  277. package/dist/esm/z-pocket_3.entry.js +3 -3
  278. package/dist/esm/z-popover.entry.js +1 -1
  279. package/dist/esm/z-popover.entry.js.map +1 -1
  280. package/dist/esm/z-range-picker.entry.js +1 -1
  281. package/dist/esm/z-range-picker.entry.js.map +1 -1
  282. package/dist/esm/z-select.entry.js +1 -1
  283. package/dist/esm/z-select.entry.js.map +1 -1
  284. package/dist/esm/z-skip-to-content.entry.js +1 -1
  285. package/dist/esm/z-skip-to-content.entry.js.map +1 -1
  286. package/dist/esm/z-stepper-item.entry.js +1 -1
  287. package/dist/esm/z-stepper-item.entry.js.map +1 -1
  288. package/dist/esm/z-toast-notification.entry.js +1 -1
  289. package/dist/esm/z-toast-notification.entry.js.map +1 -1
  290. package/dist/esm/z-toggle-button.entry.js +1 -1
  291. package/dist/esm/z-toggle-button.entry.js.map +1 -1
  292. package/dist/esm/z-toggle-switch.entry.js +1 -1
  293. package/dist/esm/z-toggle-switch.entry.js.map +1 -1
  294. package/dist/esm/z-tooltip.entry.js +1 -1
  295. package/dist/esm/z-tooltip.entry.js.map +1 -1
  296. package/dist/types/components/navigation/z-app-header/index.d.ts +2 -2
  297. package/dist/types/components/panel/z-panel-elem/index.d.ts +0 -1
  298. package/dist/types/components/z-accordion/index.d.ts +2 -2
  299. package/dist/types/components.d.ts +16 -156
  300. package/dist/web-components-library/p-1340bdd5.entry.js +2 -0
  301. package/dist/web-components-library/p-1340bdd5.entry.js.map +1 -0
  302. package/dist/web-components-library/p-182a0fd6.entry.js +2 -0
  303. package/dist/web-components-library/p-182a0fd6.entry.js.map +1 -0
  304. package/dist/web-components-library/{p-589a9033.entry.js → p-263fa2c9.entry.js} +2 -2
  305. package/dist/web-components-library/p-263fa2c9.entry.js.map +1 -0
  306. package/dist/web-components-library/p-2e94cf96.entry.js +2 -0
  307. package/dist/web-components-library/p-2e94cf96.entry.js.map +1 -0
  308. package/dist/web-components-library/p-362ca96c.entry.js +2 -0
  309. package/dist/web-components-library/p-362ca96c.entry.js.map +1 -0
  310. package/dist/web-components-library/{p-4d944fcd.entry.js → p-37e3abfc.entry.js} +2 -2
  311. package/dist/web-components-library/p-3bae6330.entry.js +2 -0
  312. package/dist/web-components-library/p-3bae6330.entry.js.map +1 -0
  313. package/dist/web-components-library/p-44e29069.entry.js +2 -0
  314. package/dist/web-components-library/p-44e29069.entry.js.map +1 -0
  315. package/dist/web-components-library/{p-acf5a569.entry.js → p-49e83bee.entry.js} +2 -2
  316. package/dist/web-components-library/{p-02c08dd1.entry.js → p-4b607fc6.entry.js} +2 -2
  317. package/dist/web-components-library/p-4dd8d4e8.entry.js +2 -0
  318. package/dist/web-components-library/p-4dd8d4e8.entry.js.map +1 -0
  319. package/dist/web-components-library/{p-164b4986.entry.js → p-5471bc89.entry.js} +2 -2
  320. package/dist/web-components-library/p-58d824a2.entry.js +2 -0
  321. package/dist/web-components-library/p-58d824a2.entry.js.map +1 -0
  322. package/dist/web-components-library/p-6b6c4bd0.entry.js +2 -0
  323. package/dist/web-components-library/p-6b6c4bd0.entry.js.map +1 -0
  324. package/dist/web-components-library/p-6ce8b24d.entry.js +2 -0
  325. package/dist/web-components-library/p-6ce8b24d.entry.js.map +1 -0
  326. package/dist/web-components-library/p-77917ccf.entry.js +2 -0
  327. package/dist/web-components-library/p-77917ccf.entry.js.map +1 -0
  328. package/dist/web-components-library/p-849c606d.entry.js +2 -0
  329. package/dist/web-components-library/p-849c606d.entry.js.map +1 -0
  330. package/dist/web-components-library/{p-e40b9b27.entry.js → p-95e91206.entry.js} +2 -2
  331. package/dist/web-components-library/p-9a7d67bf.entry.js +2 -0
  332. package/dist/web-components-library/p-9a7d67bf.entry.js.map +1 -0
  333. package/dist/web-components-library/p-a402854c.entry.js +2 -0
  334. package/dist/web-components-library/p-a402854c.entry.js.map +1 -0
  335. package/{www/build/p-e522c00c.entry.js → dist/web-components-library/p-a71abfa0.entry.js} +2 -2
  336. package/dist/web-components-library/p-a8d30d1c.entry.js +2 -0
  337. package/dist/web-components-library/{p-4691b59a.entry.js → p-af7f944e.entry.js} +2 -2
  338. package/dist/web-components-library/{p-4691b59a.entry.js.map → p-af7f944e.entry.js.map} +1 -1
  339. package/dist/web-components-library/p-b67887e7.entry.js +2 -0
  340. package/dist/web-components-library/p-b67887e7.entry.js.map +1 -0
  341. package/dist/web-components-library/p-b866934b.entry.js +2 -0
  342. package/dist/web-components-library/p-b866934b.entry.js.map +1 -0
  343. package/dist/web-components-library/{p-fe6f5926.entry.js → p-b93c49a8.entry.js} +2 -2
  344. package/dist/web-components-library/p-b93c49a8.entry.js.map +1 -0
  345. package/{www/build/p-41c72490.entry.js → dist/web-components-library/p-c0c46377.entry.js} +2 -2
  346. package/dist/web-components-library/{p-4cf24a3b.entry.js → p-cab235e5.entry.js} +2 -2
  347. package/dist/web-components-library/{p-c2d44867.entry.js → p-cb1cbc74.entry.js} +2 -2
  348. package/dist/web-components-library/p-ceaf6262.entry.js +2 -0
  349. package/dist/web-components-library/p-ceaf6262.entry.js.map +1 -0
  350. package/dist/web-components-library/p-ddf016c1.entry.js +2 -0
  351. package/dist/web-components-library/p-ddf016c1.entry.js.map +1 -0
  352. package/dist/web-components-library/{p-59875f0f.entry.js → p-e0122d52.entry.js} +2 -2
  353. package/dist/web-components-library/p-e0e322cc.entry.js +2 -0
  354. package/dist/web-components-library/p-e0e322cc.entry.js.map +1 -0
  355. package/dist/web-components-library/{p-eb10781f.entry.js → p-e10e6827.entry.js} +2 -2
  356. package/dist/web-components-library/p-e358dce6.entry.js +2 -0
  357. package/dist/web-components-library/p-e358dce6.entry.js.map +1 -0
  358. package/dist/web-components-library/p-ec879ac7.entry.js +2 -0
  359. package/dist/web-components-library/p-ec879ac7.entry.js.map +1 -0
  360. package/dist/web-components-library/{p-303663a9.entry.js → p-f41da106.entry.js} +2 -2
  361. package/dist/web-components-library/{p-303663a9.entry.js.map → p-f41da106.entry.js.map} +1 -1
  362. package/dist/web-components-library/{p-36f7ed38.entry.js → p-f6221ddd.entry.js} +2 -2
  363. package/dist/web-components-library/p-f71637f4.entry.js +2 -0
  364. package/dist/web-components-library/p-f71637f4.entry.js.map +1 -0
  365. package/dist/web-components-library/p-f74653b7.entry.js +2 -0
  366. package/dist/web-components-library/p-f74653b7.entry.js.map +1 -0
  367. package/dist/web-components-library/{p-0d799f83.entry.js → p-fc4bd856.entry.js} +2 -2
  368. package/dist/web-components-library/p-fc4bd856.entry.js.map +1 -0
  369. package/dist/web-components-library/{p-d593548c.entry.js → p-fd8d1fd0.entry.js} +2 -2
  370. package/dist/web-components-library/web-components-library.css +3 -3
  371. package/dist/web-components-library/web-components-library.esm.js +1 -1
  372. package/dist/web-components-library/web-components-library.esm.js.map +1 -1
  373. package/package.json +2 -2
  374. package/react/components.d.ts +0 -1
  375. package/react/components.js +2 -3
  376. package/react/components.js.map +1 -1
  377. package/www/build/p-1340bdd5.entry.js +2 -0
  378. package/www/build/p-1340bdd5.entry.js.map +1 -0
  379. package/www/build/p-182a0fd6.entry.js +2 -0
  380. package/www/build/p-182a0fd6.entry.js.map +1 -0
  381. package/www/build/{p-589a9033.entry.js → p-263fa2c9.entry.js} +2 -2
  382. package/www/build/p-263fa2c9.entry.js.map +1 -0
  383. package/www/build/p-2e94cf96.entry.js +2 -0
  384. package/www/build/p-2e94cf96.entry.js.map +1 -0
  385. package/www/build/p-362ca96c.entry.js +2 -0
  386. package/www/build/p-362ca96c.entry.js.map +1 -0
  387. package/www/build/{p-4d944fcd.entry.js → p-37e3abfc.entry.js} +2 -2
  388. package/www/build/p-3bae6330.entry.js +2 -0
  389. package/www/build/p-3bae6330.entry.js.map +1 -0
  390. package/www/build/p-44e29069.entry.js +2 -0
  391. package/www/build/p-44e29069.entry.js.map +1 -0
  392. package/www/build/{p-acf5a569.entry.js → p-49e83bee.entry.js} +2 -2
  393. package/www/build/{p-02c08dd1.entry.js → p-4b607fc6.entry.js} +2 -2
  394. package/www/build/p-4dd8d4e8.entry.js +2 -0
  395. package/www/build/p-4dd8d4e8.entry.js.map +1 -0
  396. package/www/build/{p-164b4986.entry.js → p-5471bc89.entry.js} +2 -2
  397. package/www/build/{p-e1fd39b7.js → p-552c7cae.js} +1 -1
  398. package/www/build/p-58d824a2.entry.js +2 -0
  399. package/www/build/p-58d824a2.entry.js.map +1 -0
  400. package/www/build/p-6b6c4bd0.entry.js +2 -0
  401. package/www/build/p-6b6c4bd0.entry.js.map +1 -0
  402. package/www/build/p-6ce8b24d.entry.js +2 -0
  403. package/www/build/p-6ce8b24d.entry.js.map +1 -0
  404. package/www/build/p-7218b462.css +3 -0
  405. package/www/build/p-77917ccf.entry.js +2 -0
  406. package/www/build/p-77917ccf.entry.js.map +1 -0
  407. package/www/build/p-849c606d.entry.js +2 -0
  408. package/www/build/p-849c606d.entry.js.map +1 -0
  409. package/www/build/{p-e40b9b27.entry.js → p-95e91206.entry.js} +2 -2
  410. package/www/build/p-9a7d67bf.entry.js +2 -0
  411. package/www/build/p-9a7d67bf.entry.js.map +1 -0
  412. package/www/build/p-a402854c.entry.js +2 -0
  413. package/www/build/p-a402854c.entry.js.map +1 -0
  414. package/{dist/web-components-library/p-e522c00c.entry.js → www/build/p-a71abfa0.entry.js} +2 -2
  415. package/www/build/p-a8d30d1c.entry.js +2 -0
  416. package/www/build/{p-4691b59a.entry.js → p-af7f944e.entry.js} +2 -2
  417. package/www/build/{p-4691b59a.entry.js.map → p-af7f944e.entry.js.map} +1 -1
  418. package/www/build/p-b67887e7.entry.js +2 -0
  419. package/www/build/p-b67887e7.entry.js.map +1 -0
  420. package/www/build/p-b866934b.entry.js +2 -0
  421. package/www/build/p-b866934b.entry.js.map +1 -0
  422. package/www/build/{p-fe6f5926.entry.js → p-b93c49a8.entry.js} +2 -2
  423. package/www/build/p-b93c49a8.entry.js.map +1 -0
  424. package/{dist/web-components-library/p-41c72490.entry.js → www/build/p-c0c46377.entry.js} +2 -2
  425. package/www/build/{p-4cf24a3b.entry.js → p-cab235e5.entry.js} +2 -2
  426. package/www/build/{p-c2d44867.entry.js → p-cb1cbc74.entry.js} +2 -2
  427. package/www/build/p-ceaf6262.entry.js +2 -0
  428. package/www/build/p-ceaf6262.entry.js.map +1 -0
  429. package/www/build/p-ddf016c1.entry.js +2 -0
  430. package/www/build/p-ddf016c1.entry.js.map +1 -0
  431. package/www/build/{p-59875f0f.entry.js → p-e0122d52.entry.js} +2 -2
  432. package/www/build/p-e0e322cc.entry.js +2 -0
  433. package/www/build/p-e0e322cc.entry.js.map +1 -0
  434. package/www/build/{p-eb10781f.entry.js → p-e10e6827.entry.js} +2 -2
  435. package/www/build/p-e358dce6.entry.js +2 -0
  436. package/www/build/p-e358dce6.entry.js.map +1 -0
  437. package/www/build/p-ec879ac7.entry.js +2 -0
  438. package/www/build/p-ec879ac7.entry.js.map +1 -0
  439. package/www/build/{p-303663a9.entry.js → p-f41da106.entry.js} +2 -2
  440. package/www/build/{p-303663a9.entry.js.map → p-f41da106.entry.js.map} +1 -1
  441. package/www/build/{p-36f7ed38.entry.js → p-f6221ddd.entry.js} +2 -2
  442. package/www/build/p-f71637f4.entry.js +2 -0
  443. package/www/build/p-f71637f4.entry.js.map +1 -0
  444. package/www/build/p-f74653b7.entry.js +2 -0
  445. package/www/build/p-f74653b7.entry.js.map +1 -0
  446. package/www/build/{p-0d799f83.entry.js → p-fc4bd856.entry.js} +2 -2
  447. package/www/build/p-fc4bd856.entry.js.map +1 -0
  448. package/www/build/{p-d593548c.entry.js → p-fd8d1fd0.entry.js} +2 -2
  449. package/www/build/web-components-library.css +3 -3
  450. package/www/build/web-components-library.esm.js +1 -1
  451. package/www/build/web-components-library.esm.js.map +1 -1
  452. package/www/index.html +1 -1
  453. package/www/pages/book-cards.html +43 -7
  454. package/dist/cjs/z-link.cjs.entry.js +0 -71
  455. package/dist/cjs/z-link.cjs.entry.js.map +0 -1
  456. package/dist/collection/deprecated/z-link/index.js +0 -313
  457. package/dist/collection/deprecated/z-link/index.js.map +0 -1
  458. package/dist/collection/deprecated/z-link/index.spec.js +0 -172
  459. package/dist/collection/deprecated/z-link/index.spec.js.map +0 -1
  460. package/dist/collection/deprecated/z-link/styles.css +0 -167
  461. package/dist/components/z-link.d.ts +0 -11
  462. package/dist/components/z-link.js +0 -105
  463. package/dist/components/z-link.js.map +0 -1
  464. package/dist/esm/z-link.entry.js +0 -67
  465. package/dist/esm/z-link.entry.js.map +0 -1
  466. package/dist/types/deprecated/z-link/index.d.ts +0 -41
  467. package/dist/web-components-library/p-01579c23.entry.js +0 -2
  468. package/dist/web-components-library/p-01579c23.entry.js.map +0 -1
  469. package/dist/web-components-library/p-05359612.entry.js +0 -2
  470. package/dist/web-components-library/p-05359612.entry.js.map +0 -1
  471. package/dist/web-components-library/p-0681692a.entry.js +0 -2
  472. package/dist/web-components-library/p-0681692a.entry.js.map +0 -1
  473. package/dist/web-components-library/p-0d799f83.entry.js.map +0 -1
  474. package/dist/web-components-library/p-1768c5e0.entry.js +0 -2
  475. package/dist/web-components-library/p-1768c5e0.entry.js.map +0 -1
  476. package/dist/web-components-library/p-19ba8574.entry.js +0 -2
  477. package/dist/web-components-library/p-19ba8574.entry.js.map +0 -1
  478. package/dist/web-components-library/p-2ae88c97.entry.js +0 -2
  479. package/dist/web-components-library/p-2ae88c97.entry.js.map +0 -1
  480. package/dist/web-components-library/p-38dd5e41.entry.js +0 -2
  481. package/dist/web-components-library/p-38dd5e41.entry.js.map +0 -1
  482. package/dist/web-components-library/p-49407985.entry.js +0 -2
  483. package/dist/web-components-library/p-49407985.entry.js.map +0 -1
  484. package/dist/web-components-library/p-52fa5f80.entry.js +0 -2
  485. package/dist/web-components-library/p-52fa5f80.entry.js.map +0 -1
  486. package/dist/web-components-library/p-589a9033.entry.js.map +0 -1
  487. package/dist/web-components-library/p-5b260d8b.entry.js +0 -2
  488. package/dist/web-components-library/p-5b260d8b.entry.js.map +0 -1
  489. package/dist/web-components-library/p-5bb776c9.entry.js +0 -2
  490. package/dist/web-components-library/p-5bb776c9.entry.js.map +0 -1
  491. package/dist/web-components-library/p-67450112.entry.js +0 -2
  492. package/dist/web-components-library/p-67450112.entry.js.map +0 -1
  493. package/dist/web-components-library/p-7c5b1265.entry.js +0 -2
  494. package/dist/web-components-library/p-7c5b1265.entry.js.map +0 -1
  495. package/dist/web-components-library/p-9f979c92.entry.js +0 -2
  496. package/dist/web-components-library/p-9f979c92.entry.js.map +0 -1
  497. package/dist/web-components-library/p-a7e61213.entry.js +0 -2
  498. package/dist/web-components-library/p-a7e61213.entry.js.map +0 -1
  499. package/dist/web-components-library/p-a8901c35.entry.js +0 -2
  500. package/dist/web-components-library/p-a8901c35.entry.js.map +0 -1
  501. package/dist/web-components-library/p-a9d42b98.entry.js +0 -2
  502. package/dist/web-components-library/p-a9d42b98.entry.js.map +0 -1
  503. package/dist/web-components-library/p-b3c92412.entry.js +0 -2
  504. package/dist/web-components-library/p-b3c92412.entry.js.map +0 -1
  505. package/dist/web-components-library/p-b574f1be.entry.js +0 -2
  506. package/dist/web-components-library/p-b574f1be.entry.js.map +0 -1
  507. package/dist/web-components-library/p-ba8e67ee.entry.js +0 -2
  508. package/dist/web-components-library/p-ba8e67ee.entry.js.map +0 -1
  509. package/dist/web-components-library/p-ca65c04f.entry.js +0 -2
  510. package/dist/web-components-library/p-dbda8812.entry.js +0 -2
  511. package/dist/web-components-library/p-dbda8812.entry.js.map +0 -1
  512. package/dist/web-components-library/p-eac25945.entry.js +0 -2
  513. package/dist/web-components-library/p-eac25945.entry.js.map +0 -1
  514. package/dist/web-components-library/p-f0653be6.entry.js +0 -2
  515. package/dist/web-components-library/p-f0653be6.entry.js.map +0 -1
  516. package/dist/web-components-library/p-f9ddfc93.entry.js +0 -2
  517. package/dist/web-components-library/p-f9ddfc93.entry.js.map +0 -1
  518. package/dist/web-components-library/p-fe6f5926.entry.js.map +0 -1
  519. package/www/build/p-01579c23.entry.js +0 -2
  520. package/www/build/p-01579c23.entry.js.map +0 -1
  521. package/www/build/p-05359612.entry.js +0 -2
  522. package/www/build/p-05359612.entry.js.map +0 -1
  523. package/www/build/p-0681692a.entry.js +0 -2
  524. package/www/build/p-0681692a.entry.js.map +0 -1
  525. package/www/build/p-0d799f83.entry.js.map +0 -1
  526. package/www/build/p-1768c5e0.entry.js +0 -2
  527. package/www/build/p-1768c5e0.entry.js.map +0 -1
  528. package/www/build/p-19ba8574.entry.js +0 -2
  529. package/www/build/p-19ba8574.entry.js.map +0 -1
  530. package/www/build/p-2ae88c97.entry.js +0 -2
  531. package/www/build/p-2ae88c97.entry.js.map +0 -1
  532. package/www/build/p-38dd5e41.entry.js +0 -2
  533. package/www/build/p-38dd5e41.entry.js.map +0 -1
  534. package/www/build/p-49407985.entry.js +0 -2
  535. package/www/build/p-49407985.entry.js.map +0 -1
  536. package/www/build/p-52fa5f80.entry.js +0 -2
  537. package/www/build/p-52fa5f80.entry.js.map +0 -1
  538. package/www/build/p-589a9033.entry.js.map +0 -1
  539. package/www/build/p-5b260d8b.entry.js +0 -2
  540. package/www/build/p-5b260d8b.entry.js.map +0 -1
  541. package/www/build/p-5bb776c9.entry.js +0 -2
  542. package/www/build/p-5bb776c9.entry.js.map +0 -1
  543. package/www/build/p-67450112.entry.js +0 -2
  544. package/www/build/p-67450112.entry.js.map +0 -1
  545. package/www/build/p-7c5b1265.entry.js +0 -2
  546. package/www/build/p-7c5b1265.entry.js.map +0 -1
  547. package/www/build/p-92aa1e0f.css +0 -3
  548. package/www/build/p-9f979c92.entry.js +0 -2
  549. package/www/build/p-9f979c92.entry.js.map +0 -1
  550. package/www/build/p-a7e61213.entry.js +0 -2
  551. package/www/build/p-a7e61213.entry.js.map +0 -1
  552. package/www/build/p-a8901c35.entry.js +0 -2
  553. package/www/build/p-a8901c35.entry.js.map +0 -1
  554. package/www/build/p-a9d42b98.entry.js +0 -2
  555. package/www/build/p-a9d42b98.entry.js.map +0 -1
  556. package/www/build/p-b3c92412.entry.js +0 -2
  557. package/www/build/p-b3c92412.entry.js.map +0 -1
  558. package/www/build/p-b574f1be.entry.js +0 -2
  559. package/www/build/p-b574f1be.entry.js.map +0 -1
  560. package/www/build/p-ba8e67ee.entry.js +0 -2
  561. package/www/build/p-ba8e67ee.entry.js.map +0 -1
  562. package/www/build/p-ca65c04f.entry.js +0 -2
  563. package/www/build/p-dbda8812.entry.js +0 -2
  564. package/www/build/p-dbda8812.entry.js.map +0 -1
  565. package/www/build/p-eac25945.entry.js +0 -2
  566. package/www/build/p-eac25945.entry.js.map +0 -1
  567. package/www/build/p-f0653be6.entry.js +0 -2
  568. package/www/build/p-f0653be6.entry.js.map +0 -1
  569. package/www/build/p-f9ddfc93.entry.js +0 -2
  570. package/www/build/p-f9ddfc93.entry.js.map +0 -1
  571. package/www/build/p-fe6f5926.entry.js.map +0 -1
  572. /package/dist/web-components-library/{p-4d944fcd.entry.js.map → p-37e3abfc.entry.js.map} +0 -0
  573. /package/dist/web-components-library/{p-acf5a569.entry.js.map → p-49e83bee.entry.js.map} +0 -0
  574. /package/dist/web-components-library/{p-02c08dd1.entry.js.map → p-4b607fc6.entry.js.map} +0 -0
  575. /package/dist/web-components-library/{p-164b4986.entry.js.map → p-5471bc89.entry.js.map} +0 -0
  576. /package/dist/web-components-library/{p-e40b9b27.entry.js.map → p-95e91206.entry.js.map} +0 -0
  577. /package/dist/web-components-library/{p-e522c00c.entry.js.map → p-a71abfa0.entry.js.map} +0 -0
  578. /package/dist/web-components-library/{p-ca65c04f.entry.js.map → p-a8d30d1c.entry.js.map} +0 -0
  579. /package/dist/web-components-library/{p-41c72490.entry.js.map → p-c0c46377.entry.js.map} +0 -0
  580. /package/dist/web-components-library/{p-4cf24a3b.entry.js.map → p-cab235e5.entry.js.map} +0 -0
  581. /package/dist/web-components-library/{p-c2d44867.entry.js.map → p-cb1cbc74.entry.js.map} +0 -0
  582. /package/dist/web-components-library/{p-59875f0f.entry.js.map → p-e0122d52.entry.js.map} +0 -0
  583. /package/dist/web-components-library/{p-eb10781f.entry.js.map → p-e10e6827.entry.js.map} +0 -0
  584. /package/dist/web-components-library/{p-36f7ed38.entry.js.map → p-f6221ddd.entry.js.map} +0 -0
  585. /package/dist/web-components-library/{p-d593548c.entry.js.map → p-fd8d1fd0.entry.js.map} +0 -0
  586. /package/www/build/{p-4d944fcd.entry.js.map → p-37e3abfc.entry.js.map} +0 -0
  587. /package/www/build/{p-acf5a569.entry.js.map → p-49e83bee.entry.js.map} +0 -0
  588. /package/www/build/{p-02c08dd1.entry.js.map → p-4b607fc6.entry.js.map} +0 -0
  589. /package/www/build/{p-164b4986.entry.js.map → p-5471bc89.entry.js.map} +0 -0
  590. /package/www/build/{p-e40b9b27.entry.js.map → p-95e91206.entry.js.map} +0 -0
  591. /package/www/build/{p-e522c00c.entry.js.map → p-a71abfa0.entry.js.map} +0 -0
  592. /package/www/build/{p-ca65c04f.entry.js.map → p-a8d30d1c.entry.js.map} +0 -0
  593. /package/www/build/{p-41c72490.entry.js.map → p-c0c46377.entry.js.map} +0 -0
  594. /package/www/build/{p-4cf24a3b.entry.js.map → p-cab235e5.entry.js.map} +0 -0
  595. /package/www/build/{p-c2d44867.entry.js.map → p-cb1cbc74.entry.js.map} +0 -0
  596. /package/www/build/{p-59875f0f.entry.js.map → p-e0122d52.entry.js.map} +0 -0
  597. /package/www/build/{p-eb10781f.entry.js.map → p-e10e6827.entry.js.map} +0 -0
  598. /package/www/build/{p-36f7ed38.entry.js.map → p-f6221ddd.entry.js.map} +0 -0
  599. /package/www/build/{p-d593548c.entry.js.map → p-fd8d1fd0.entry.js.map} +0 -0
package/dist/esm/z-range-picker.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"z-range-picker.entry.js","mappings":"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","names":["Italian"],"sources":["src/components/date-picker/styles.css?tag=z-range-picker","src/components/date-picker/z-range-picker/index.tsx"],"sourcesContent":["@import \"~flatpickr/dist/flatpickr.min.css\";\n@import \"~flatpickr/dist/plugins/monthSelect/style.css\";\n\n/* stylelint-disable selector-class-pattern -- we have no control over flatpickr css classes naming */\n\n:host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n\n --z-range-picker--toggle-height: 0;\n}\n\nz-date-picker {\n position: relative;\n}\n\nz-date-picker > div > * {\n cursor: pointer !important;\n}\n\nz-range-picker {\n position: relative;\n}\n\n.flatpickr-toggle-container {\n width: fit-content;\n}\n\n.range-pickers-container > div {\n position: relative;\n}\n\n.hidden-input {\n position: absolute;\n bottom: 0;\n width: 0;\n height: 0;\n visibility: hidden !important;\n}\n\n/* Calendar container selectors */\n.flatpickr-calendar::before,\n.flatpickr-calendar::after {\n display: none;\n}\n\n.flatpickr-calendar {\n position: absolute !important;\n top: var(--z-range-picker--toggle-height) !important;\n left: 0 !important;\n padding-top: calc(var(--space-unit) * 2);\n border-radius: 2px;\n box-shadow: var(--shadow-2);\n font-family: var(--font-family-sans) !important;\n}\n\n.months.top > .flatpickr-calendar {\n top: -288px !important;\n}\n\n.date.top > .flatpickr-calendar,\n.date.top > div > .flatpickr-calendar {\n top: -401px !important;\n}\n\n.date-time.top > .flatpickr-calendar,\n.date-time.top > div > .flatpickr-calendar {\n top: -523px !important;\n}\n\n.flatpickr-calendar,\n.flatpickr-innerContainer,\n.flatpickr-days,\n.dayContainer,\n.flatpickr-rContainer,\n.flatpickr-monthSelect-months {\n width: calc(var(--space-unit) * 42) !important;\n max-width: calc(var(--space-unit) * 42) !important;\n}\n\n.flatpickr-monthSelect-months {\n box-sizing: border-box;\n padding: 0 !important;\n margin: calc(var(--space-unit) * 2) 0 !important;\n}\n\n/* Months and year row containers selectors */\n.flatpickr-months {\n position: relative;\n height: calc(var(--space-unit) * 6) !important;\n align-items: center;\n margin-bottom: var(--space-unit) 0 !important;\n}\n\n.flatpickr-month {\n overflow: visible !important;\n height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-current-month {\n left: 0 !important;\n display: flex !important;\n width: fill-available;\n height: calc(var(--space-unit) * 6);\n align-items: baseline;\n justify-content: space-evenly;\n padding-top: 0;\n}\n\n/* Months arrows selectors */\n.flatpickr-next-month,\n.flatpickr-prev-month {\n position: static !important;\n display: flex;\n width: calc(var(--space-unit) * 4) !important;\n height: calc(var(--space-unit) * 4) !important;\n align-items: center;\n justify-content: center;\n padding: 0 !important;\n}\n\n.flatpickr-prev-month {\n margin-left: var(--space-unit);\n}\n\n.flatpickr-next-month {\n margin-right: var(--space-unit);\n}\n\n.flatpickr-next-month > svg,\n.flatpickr-prev-month > svg {\n width: calc(var(--space-unit) * 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n fill: var(--color-primary01);\n}\n\n.flatpickr-next-month:hover,\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:focus,\n.flatpickr-prev-month:focus {\n border: none !important;\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n outline: none !important;\n}\n\n.flatpickr-next-month:hover svg,\n.flatpickr-prev-month:hover svg {\n fill: var(--color-hover-primary) !important;\n}\n\n.flatpickr-next-month:active,\n.flatpickr-prev-month:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.flatpickr-next-month:focus svg,\n.flatpickr-prev-month:focus svg {\n fill: var(--color-primary01) !important;\n}\n\n/* Months dropdown selectors */\n.flatpickr-monthDropdown-months {\n width: 108px !important;\n height: calc(var(--space-unit) * 5.5) !important;\n padding-left: var(--space-unit) !important;\n background: var(--color-surface01) !important;\n color: var(--color-text02) !important;\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.flatpickr-monthDropdown-months:hover,\n.flatpickr-monthDropdown-months:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* Year toggle selectors */\n.flatpickr-current-month > .numInputWrapper {\n display: flex;\n width: calc(var(--space-unit) * 10);\n height: calc(var(--space-unit) * 5.5) !important;\n background: var(--color-surface01) !important;\n color: var(--color-text02);\n outline: 1px solid black !important;\n}\n\n.flatpickr-current-month > .numInputWrapper:hover,\n.flatpickr-current-month > .numInputWrapper:focus-within {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n.flatpickr-current-month > .numInputWrapper > input {\n padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n text-align: center;\n}\n\n/* Weekdays selectors */\n.flatpickr-weekdays {\n height: calc(var(--space-unit) * 6);\n border-bottom: 1px solid var(--color-surface03);\n}\n\n.flatpickr-weekday {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n}\n\n/* Calendar days and months selectors */\n.flatpickr-day,\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) * 6) !important;\n max-width: 100% !important;\n height: calc(var(--space-unit) * 6) !important;\n border: none;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n font-size: var(--font-size-3) !important;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-day {\n width: calc(var(--space-unit) * 6) !important;\n border: none;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) * 14) !important;\n padding: 0 !important;\n border: 2px solid var(--color-surface01) !important;\n line-height: calc(var(--space-unit) * 5) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled):hover,\n.flatpickr-day:not(.flatpickr-disabled):active,\n.flatpickr-day:not(.flatpickr-disabled):focus,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,\n.flatpickr-day:not(.flatpickr-disabled).selected:hover,\n.flatpickr-day:not(.flatpickr-disabled).selected:active,\n.flatpickr-day:not(.flatpickr-disabled).selected:focus,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:active,\n.flatpickr-monthSelect-month:focus {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n color: var(--color-text04) !important;\n}\n\n.flatpickr-day.today,\n.flatpickr-monthSelect-month.today {\n border: 2px solid var(--color-hover-primary) !important;\n}\n\n.flatpickr-day.selected:not(.flatpickr-disabled),\n.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled) {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-weekday:nth-child(6),\n.flatpickr-weekday:nth-child(7),\n.flatpickr-day:nth-child(7n + 6),\n.flatpickr-day:nth-child(7n + 7) {\n font-weight: var(--font-sb) !important;\n}\n\n/* Date and time selectors */\n.flatpickr-time {\n display: block;\n height: 90px !important;\n max-height: 90px !important;\n text-align: left;\n}\n\n.flatpickr-time::before {\n display: block;\n width: 100%;\n padding-left: var(--space-unit);\n color: var(--color-text02) !important;\n content: \"Orario\";\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-transform: uppercase;\n}\n\n.flatpickr-time.time24hr {\n margin: calc(var(--space-unit) * 2) !important;\n}\n\n.flatpickr-time.time24hr > .numInputWrapper > input:hover,\n.flatpickr-time.time24hr > .numInputWrapper > input:focus,\n.flatpickr-time.time24hr > .numInputWrapper:hover {\n background-color: var(--color-surface01) !important;\n}\n\n.flatpickr-time.time24hr > div {\n width: calc(var(--space-unit) * 10) !important;\n height: calc(var(--space-unit) * 5.5) !important;\n margin-right: var(--space-unit) !important;\n margin-left: var(--space-unit) !important;\n}\n\n.flatpickr-time-separator {\n display: flex;\n height: calc(var(--space-unit) * 5.5) !important;\n align-items: center;\n justify-content: center;\n font-weight: unset !important;\n}\n\n.flatpickr-minute,\n.flatpickr-hour {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.numInputWrapper:hover .flatpickr-minute,\n.numInputWrapper:hover .flatpickr-hour,\n.flatpickr-minute:focus,\n.flatpickr-hour:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* toggle arrows selectors */\n.arrowUp,\n.arrowDown {\n width: calc(var(--space-unit) * 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n padding: 0 !important;\n border: none !important;\n opacity: 1 !important;\n}\n\n.arrowUp {\n margin-top: calc(var(--space-unit) / 2) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowDown {\n top: auto !important;\n margin-top: calc(var(--space-unit) * 3) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowUp:hover,\n.arrowDown:hover {\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n}\n\n.arrowUp:active,\n.arrowDown:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.arrowUp::after,\n.arrowDown::after {\n padding: 2.5px !important;\n border: solid var(--color-primary01) !important;\n border-width: 0 1px 1px 0 !important;\n}\n\n.arrowUp::after {\n top: 0 !important;\n margin-top: 6px !important;\n margin-left: 5.5px !important;\n transform: rotate(-135deg);\n}\n\n.arrowDown::after {\n top: 0 !important;\n left: 5.5px !important;\n margin-top: 4px !important;\n transform: rotate(45deg);\n}\n\n/* range-date-picker selectors */\n\n.flatpickr-day:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,\n.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).inRange,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange {\n border-color: var(--color-primary03);\n background-color: var(--color-primary03);\n}\n\n.flatpickr-day:not(.flatpickr-disabled).startRange,\n.flatpickr-day:not(.flatpickr-disabled).endRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-range.second-input {\n cursor: pointer;\n}\n\n.range-pickers-container {\n display: flex;\n gap: 16px;\n}\n","import {Component, Prop, Element, h, Listen, EventEmitter, Event, State, Watch} from \"@stencil/core\";\n\nimport flatpickr from \"flatpickr\";\nimport {Italian} from \"flatpickr/dist/l10n/it.js\";\n\nimport {ZRangePickerMode, ZDatePickerPosition, InputType, InputStatus} from \"../../../beans\";\nimport {setAriaOptions, setFlatpickrPosition, validateDate} from \"../utils\";\n\n@Component({\n tag: \"z-range-picker\",\n styleUrl: \"../styles.css\",\n shadow: false,\n})\nexport class ZRangePicker {\n @Element() element: HTMLZRangePickerElement;\n\n /** unique id */\n @Prop()\n rangePickerId: string;\n\n /** first z-input aria label */\n @Prop()\n firstAriaLabel?: string;\n\n /** first z-input label */\n @Prop()\n firstLabel?: string;\n\n /** second z-input aria label */\n @Prop()\n secondAriaLabel?: string;\n\n /** second z-input label */\n @Prop()\n secondLabel?: string;\n\n /** [Optional] datepicker mode: date or datetime */\n @Prop()\n mode: ZRangePickerMode = ZRangePickerMode.DATE;\n\n /** readonly mode */\n @Prop()\n firstPickerReadOnly = false;\n\n /** readonly mode */\n @Prop()\n lastPickerReadOnly = false;\n\n /** readonly mode */\n @Prop()\n firstPickerPlaceholder = \"\";\n\n /** readonly mode */\n @Prop()\n lastPickerPlaceholder = \"\";\n\n @State()\n flatpickrPosition: ZDatePickerPosition = ZDatePickerPosition.BOTTOM;\n\n @State()\n activeInput = \"start-input\";\n\n @State()\n firstInputError = false;\n\n @State()\n lastInputError = false;\n\n private firstPicker;\n\n private lastPicker;\n\n /** emitted when date changes, returns an array with the two selected dates */\n @Event()\n dateSelect: EventEmitter;\n\n @Listen(\"click\", {target: \"body\", capture: true})\n handleClick(): void {\n this.getFocusedInput();\n }\n\n @Listen(\"keyup\", {target: \"body\", capture: true})\n handleKeyDown(ev: KeyboardEvent): void {\n const currentPicker = this.activeInput === \"start-input\" ? this.firstPicker : this.lastPicker;\n\n this.getFocusedInput();\n\n if (ev.key === \"Escape\") {\n document.activeElement.classList.contains(`${this.rangePickerId}-1`) && this.firstPicker?.close();\n\n document.activeElement.classList.contains(`${this.rangePickerId}-2`) && this.lastPicker?.close();\n }\n\n if (ev.key === \"Enter\" || ev.key === \" \") {\n if (\n document.activeElement.classList.contains(`${this.rangePickerId}-1`) ||\n document.activeElement.classList.contains(`${this.rangePickerId}-2`)\n ) {\n currentPicker?.open();\n }\n\n const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n\n if (isCrossIconEntered) {\n if (this.activeInput === \"start-input\") {\n this.firstInputError = false;\n this.firstPicker?.clear();\n this.printDate(null, this.lastPicker?.selectedDates[0] || null);\n }\n if (this.activeInput === \"end-input\") {\n this.lastInputError = false;\n this.firstPicker?.clear();\n this.printDate(this.firstPicker?.selectedDates[0] || null, null);\n }\n }\n\n const isPrevArrowEntered = document.activeElement.classList.contains(\"flatpickr-prev-month\");\n const isNextArrowEntered = document.activeElement.classList.contains(\"flatpickr-next-month\");\n const arrowPressed = isPrevArrowEntered || isNextArrowEntered;\n\n arrowPressed && ev.key === \" \" && ev.preventDefault();\n\n isPrevArrowEntered && currentPicker?.changeMonth(-1);\n isNextArrowEntered && currentPicker?.changeMonth(1);\n }\n }\n\n componentDidLoad(): void {\n this.setupPickers();\n }\n\n @Watch(\"firstPickerReadOnly\")\n setupFirstPickersReadOnly(): void {\n this.firstPicker?.set(\"clickOpens\", !this.firstPickerReadOnly);\n }\n\n @Watch(\"lastPickerReadOnly\")\n setupLastPickersReadOnly(): void {\n this.lastPicker?.set(\"clickOpens\", !this.lastPickerReadOnly);\n }\n\n @Watch(\"mode\")\n setupPickers(): void {\n const config = {\n enableTime: this.mode === ZRangePickerMode.DATE_TIME,\n locale: Italian,\n allowInput: true,\n wrap: true,\n dateFormat: this.mode === ZRangePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n ariaDateFormat: \"d F Y\",\n minuteIncrement: 1,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n time_24hr: true,\n onValueUpdate: () => {\n const firstInputActive = this.activeInput === \"start-input\";\n const firstDate = this.firstPicker.selectedDates[0];\n const lastDate = this.lastPicker.selectedDates[0];\n\n if (+firstDate > +lastDate) {\n if (firstInputActive) {\n this.firstInputError = true;\n this.printDate(null, lastDate || null);\n } else {\n this.lastInputError = true;\n this.printDate(firstDate || null, null);\n }\n } else {\n this.lastInputError = false;\n this.firstInputError = false;\n this.printDate(firstDate || null, lastDate || null);\n }\n this.setRangeStyle(0);\n this.setRangeStyle(1);\n },\n onChange: (_selectedDates, _dateStr, instance) => {\n this.onDateSelect();\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n },\n onOpen: (_selectedDates, _dateStr, instance) => {\n setAriaOptions(this.element, this.mode);\n this.flatpickrPosition = setFlatpickrPosition(this.element, this.mode);\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n this.getFocusedInput();\n },\n onYearChange: (_selectedDates, _dateStr, instance) => {\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n },\n onMonthChange: (_selectedDates, _dateStr, instance) => {\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n },\n onKeyDown: () => {\n setAriaOptions(this.element, this.mode);\n },\n };\n\n this.firstPicker = flatpickr(`.${this.rangePickerId}-1-container`, {\n ...{...config, clickOpens: !this.firstPickerReadOnly},\n mode: \"single\",\n appendTo: this.element.querySelector(`.${this.rangePickerId}-1-wrapper`),\n });\n this.lastPicker = flatpickr(`.${this.rangePickerId}-2-container`, {\n ...{...config, clickOpens: !this.lastPickerReadOnly},\n mode: \"single\",\n appendTo: this.element.querySelector(`.${this.rangePickerId}-2-wrapper`),\n });\n\n this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n element.innerHTML = element.innerHTML.trim().charAt(0);\n });\n }\n\n private onDateSelect(): void {\n const firstInputActive = this.activeInput === \"start-input\";\n const firstDate = this.firstPicker.selectedDates[0];\n const lastDate = this.lastPicker.selectedDates[0];\n\n if (+firstDate > +lastDate) {\n if (firstInputActive) {\n this.firstInputError = true;\n this.printDate(null, lastDate || null);\n } else {\n this.lastInputError = true;\n this.printDate(firstDate || null, null);\n }\n } else {\n this.lastInputError = false;\n this.firstInputError = false;\n this.printDate(firstDate || null, lastDate || null);\n }\n }\n\n private disableDates(date, index): void {\n const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[index];\n\n Array.from(calendar.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n const calendarDate = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n const breakpoint = this.getDateWithoutTime(date);\n const inRange = index === 0 ? calendarDate > breakpoint : calendarDate < breakpoint;\n\n if (inRange) {\n element.classList.toggle(\"flatpickr-disabled\", true);\n } else {\n element.classList.toggle(\"flatpickr-disabled\", false);\n }\n });\n setAriaOptions(this.element, this.mode);\n }\n\n private formatDate(date): string {\n if (this.mode === ZRangePickerMode.DATE) {\n return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n }\n\n return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n }\n\n private printDate(firstDate, lastDate): void {\n const firstDateString = firstDate ? this.formatDate(firstDate) : null;\n const lastDateString = lastDate ? this.formatDate(lastDate) : null;\n\n this.dateSelect.emit([firstDateString, lastDateString]);\n }\n\n private getDateWithoutTime(date): Date {\n const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0);\n\n return newDate;\n }\n\n /** Replace month word to month number */\n private replaceMonths(date, time): Date {\n const month = date.split(\" \")[1];\n const months = {\n /* eslint-disable @typescript-eslint/naming-convention */\n Gennaio: \"01\",\n Febbraio: \"02\",\n Marzo: \"03\",\n Aprile: \"04\",\n Maggio: \"05\",\n Giugno: \"06\",\n Luglio: \"07\",\n Agosto: \"08\",\n Settembre: \"09\",\n Ottobre: \"10\",\n Novembre: \"11\",\n Dicembre: \"12\",\n /* eslint-enable @typescript-eslint/naming-convention */\n };\n\n const pieces = date.replace(month, months[month]).split(\" \");\n\n return new Date(\n parseInt(pieces[2]),\n parseInt(pieces[1]) - 1,\n parseInt(pieces[0]),\n time ? parseInt(time.split(\":\")[0]) : 0,\n time ? parseInt(time.split(\":\")[1]) : 0\n );\n }\n\n /** Get the current focused input, first or last */\n private getFocusedInput(): string {\n const focusedZInput = document.activeElement.closest(\"z-input\");\n if (!focusedZInput) {\n return;\n }\n\n if (focusedZInput?.classList.contains(\"start-input\")) {\n this.activeInput = \"start-input\";\n } else if (focusedZInput.classList.contains(\"end-input\")) {\n this.activeInput = \"end-input\";\n }\n }\n\n /** Set style of the days between the two selected dates */\n private setRangeStyle(index): void {\n Array.from(this.element.getElementsByClassName(\"flatpickr-calendar\")).forEach((element: Element) => {\n Array.from(element.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n const hasFirstDate = this.firstPicker.selectedDates.length === 1;\n const hasLastDate = this.lastPicker.selectedDates.length === 1;\n let firstDate;\n let lastDate;\n const date = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n if (hasFirstDate) {\n firstDate = this.getDateWithoutTime(this.firstPicker.selectedDates[0]);\n if (+date === +firstDate) {\n element.classList.toggle(\"startRange\", true);\n } else {\n element.classList.toggle(\"startRange\", false);\n }\n }\n\n if (hasLastDate) {\n lastDate = this.getDateWithoutTime(this.lastPicker.selectedDates[0]);\n if (+date === +lastDate) {\n element.classList.toggle(\"endRange\", true);\n } else {\n element.classList.toggle(\"endRange\", false);\n }\n }\n\n if (hasFirstDate && hasLastDate) {\n if (date > firstDate && date < lastDate) {\n element.classList.toggle(\"inRange\", true);\n } else {\n element.classList.toggle(\"inRange\", false);\n }\n }\n\n if (index === 0 && hasLastDate) {\n this.disableDates(this.lastPicker.selectedDates[0], index);\n }\n if (index === 1 && hasFirstDate) {\n this.disableDates(this.firstPicker.selectedDates[0], index);\n }\n });\n });\n }\n\n private onStopTyping(value): void {\n const text = value.detail.value.replace(\"/\", \"-\");\n const englishData = text.split(\"-\");\n const time = this.mode === ZRangePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n\n const isValidDate = validateDate(text, this.mode === ZRangePickerMode.DATE_TIME);\n\n const date = Date.parse(englishParsedData).toString();\n\n if (this.activeInput === \"start-input\") {\n if (text === \"\") {\n this.firstInputError = false;\n this.firstPicker.setDate([]);\n this.printDate(null, this.lastPicker.selectedDates[0] || null);\n } else if (!isValidDate) {\n this.firstInputError = true;\n this.printDate(null, this.lastPicker.selectedDates[0] || null);\n } else if (isValidDate) {\n if (this.lastPicker.selectedDates.length === 1) {\n if (+date <= +this.lastPicker.selectedDates[0]) {\n this.firstInputError = false;\n this.firstPicker.setDate([text]);\n this.printDate(new Date(englishParsedData), this.lastPicker.selectedDates[0]);\n } else {\n this.firstInputError = true;\n this.printDate(null, this.lastPicker.selectedDates[0]);\n }\n } else {\n this.firstInputError = false;\n this.firstPicker.setDate([text]);\n this.printDate(new Date(englishParsedData), null);\n }\n }\n } else if (text === \"\") {\n this.lastInputError = false;\n this.lastPicker.setDate([]);\n this.printDate(this.firstPicker.selectedDates[0] || null, null);\n } else if (!isValidDate) {\n this.lastInputError = true;\n this.printDate(this.firstPicker.selectedDates[0] || null, null);\n } else if (isValidDate) {\n if (this.firstPicker.selectedDates.length === 1) {\n if (+date >= +this.firstPicker.selectedDates[0]) {\n this.lastInputError = false;\n this.lastPicker.setDate([text]);\n this.printDate(this.firstPicker.selectedDates[0], new Date(englishParsedData));\n } else {\n this.lastInputError = true;\n this.printDate(this.firstPicker.selectedDates[0], null);\n }\n } else {\n this.lastInputError = false;\n this.lastPicker.setDate([text]);\n this.printDate(null, new Date(englishParsedData));\n }\n }\n\n this.setRangeStyle(this.activeInput === \"start-input\" ? 0 : 1);\n }\n\n render(): HTMLDivElement {\n const zInputProps = {\n type: InputType.TEXT,\n icon: \"event\",\n tabindex: \"0\",\n message: false,\n onStopTyping: this.onStopTyping.bind(this),\n value: \"\",\n };\n\n return (\n <div\n class={{\n [\"range-pickers-container\"]: true,\n [this.mode]: true,\n [this.activeInput]: true,\n [this.flatpickrPosition]: true,\n }}\n >\n <div class={`${this.rangePickerId}-1-wrapper`}>\n <div class={`${this.rangePickerId}-1-container`}>\n <z-input\n {...zInputProps}\n placeholder={this.firstPickerPlaceholder}\n readonly={this.firstPickerReadOnly}\n data-input=\"data-input\"\n class={`start-input ${this.rangePickerId}-1`}\n ariaLabel={this.firstAriaLabel}\n label={this.firstLabel}\n status={this.firstInputError && InputStatus.ERROR}\n onStartTyping={() => {\n this.firstInputError = false;\n }}\n />\n </div>\n </div>\n <div class={`${this.rangePickerId}-2-wrapper`}>\n <div class={`${this.rangePickerId}-2-container`}>\n <z-input\n {...zInputProps}\n placeholder={this.lastPickerPlaceholder}\n readonly={this.lastPickerReadOnly}\n data-input=\"data-input\"\n class={`end-input ${this.rangePickerId}-2`}\n ariaLabel={this.secondAriaLabel}\n label={this.secondLabel}\n status={this.lastInputError && InputStatus.ERROR}\n onStartTyping={() => {\n this.lastInputError = false;\n }}\n />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"z-range-picker.entry.js","mappings":"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","names":["Italian"],"sources":["src/components/date-picker/styles.css?tag=z-range-picker","src/components/date-picker/z-range-picker/index.tsx"],"sourcesContent":["@import \"~flatpickr/dist/flatpickr.min.css\";\n@import \"~flatpickr/dist/plugins/monthSelect/style.css\";\n\n/* stylelint-disable selector-class-pattern -- we have no control over flatpickr css classes naming */\n\n:host {\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n\n --z-range-picker--toggle-height: 0;\n}\n\nz-date-picker {\n position: relative;\n}\n\nz-date-picker > div > * {\n cursor: pointer !important;\n}\n\nz-range-picker {\n position: relative;\n}\n\n.flatpickr-toggle-container {\n width: fit-content;\n}\n\n.range-pickers-container > div {\n position: relative;\n}\n\n.hidden-input {\n position: absolute;\n bottom: 0;\n width: 0;\n height: 0;\n visibility: hidden !important;\n}\n\n/* Calendar container selectors */\n.flatpickr-calendar::before,\n.flatpickr-calendar::after {\n display: none;\n}\n\n.flatpickr-calendar {\n position: absolute !important;\n top: var(--z-range-picker--toggle-height) !important;\n left: 0 !important;\n padding-top: calc(var(--space-unit) * 2);\n border-radius: 2px;\n box-shadow: var(--shadow-2);\n font-family: var(--font-family-sans) !important;\n}\n\n.months.top > .flatpickr-calendar {\n top: -288px !important;\n}\n\n.date.top > .flatpickr-calendar,\n.date.top > div > .flatpickr-calendar {\n top: -401px !important;\n}\n\n.date-time.top > .flatpickr-calendar,\n.date-time.top > div > .flatpickr-calendar {\n top: -523px !important;\n}\n\n.flatpickr-calendar,\n.flatpickr-innerContainer,\n.flatpickr-days,\n.dayContainer,\n.flatpickr-rContainer,\n.flatpickr-monthSelect-months {\n width: calc(var(--space-unit) * 42) !important;\n max-width: calc(var(--space-unit) * 42) !important;\n}\n\n.flatpickr-monthSelect-months {\n box-sizing: border-box;\n padding: 0 !important;\n margin: calc(var(--space-unit) * 2) 0 !important;\n}\n\n/* Months and year row containers selectors */\n.flatpickr-months {\n position: relative;\n height: calc(var(--space-unit) * 6) !important;\n align-items: center;\n margin-bottom: var(--space-unit) 0 !important;\n}\n\n.flatpickr-month {\n overflow: visible !important;\n height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-current-month {\n left: 0 !important;\n display: flex !important;\n width: fill-available;\n height: calc(var(--space-unit) * 6);\n align-items: baseline;\n justify-content: space-evenly;\n padding-top: 0;\n}\n\n/* Months arrows selectors */\n.flatpickr-next-month,\n.flatpickr-prev-month {\n position: static !important;\n display: flex;\n width: calc(var(--space-unit) * 4) !important;\n height: calc(var(--space-unit) * 4) !important;\n align-items: center;\n justify-content: center;\n padding: 0 !important;\n}\n\n.flatpickr-prev-month {\n margin-left: var(--space-unit);\n}\n\n.flatpickr-next-month {\n margin-right: var(--space-unit);\n}\n\n.flatpickr-next-month > svg,\n.flatpickr-prev-month > svg {\n width: calc(var(--space-unit) * 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n fill: var(--color-primary01);\n}\n\n.flatpickr-next-month:hover,\n.flatpickr-prev-month:hover,\n.flatpickr-next-month:focus,\n.flatpickr-prev-month:focus {\n border: none !important;\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n outline: none !important;\n}\n\n.flatpickr-next-month:hover svg,\n.flatpickr-prev-month:hover svg {\n fill: var(--color-hover-primary) !important;\n}\n\n.flatpickr-next-month:active,\n.flatpickr-prev-month:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.flatpickr-next-month:focus svg,\n.flatpickr-prev-month:focus svg {\n fill: var(--color-primary01) !important;\n}\n\n/* Months dropdown selectors */\n.flatpickr-monthDropdown-months {\n width: 108px !important;\n height: calc(var(--space-unit) * 5.5) !important;\n padding-left: var(--space-unit) !important;\n background: var(--color-surface01) !important;\n color: var(--color-default-text) !important;\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.flatpickr-monthDropdown-months:hover,\n.flatpickr-monthDropdown-months:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* Year toggle selectors */\n.flatpickr-current-month > .numInputWrapper {\n display: flex;\n width: calc(var(--space-unit) * 10);\n height: calc(var(--space-unit) * 5.5) !important;\n background: var(--color-surface01) !important;\n color: var(--color-default-text);\n outline: 1px solid black !important;\n}\n\n.flatpickr-current-month > .numInputWrapper:hover,\n.flatpickr-current-month > .numInputWrapper:focus-within {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n.flatpickr-current-month > .numInputWrapper > input {\n padding: 0 calc(var(--space-unit) * 3) 0 var(--space-unit);\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n text-align: center;\n}\n\n/* Weekdays selectors */\n.flatpickr-weekdays {\n height: calc(var(--space-unit) * 6);\n border-bottom: 1px solid var(--color-surface03);\n}\n\n.flatpickr-weekday {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n}\n\n/* Calendar days and months selectors */\n.flatpickr-day,\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) * 6) !important;\n max-width: 100% !important;\n height: calc(var(--space-unit) * 6) !important;\n border: none;\n margin: 0 !important;\n border-radius: 0 !important;\n box-shadow: none !important;\n font-size: var(--font-size-3) !important;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-day {\n width: calc(var(--space-unit) * 6) !important;\n border: none;\n line-height: calc(var(--space-unit) * 6) !important;\n}\n\n.flatpickr-monthSelect-month {\n width: calc(var(--space-unit) * 14) !important;\n padding: 0 !important;\n border: 2px solid var(--color-surface01) !important;\n line-height: calc(var(--space-unit) * 5) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled):hover,\n.flatpickr-day:not(.flatpickr-disabled):active,\n.flatpickr-day:not(.flatpickr-disabled):focus,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:hover,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:active,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay:focus,\n.flatpickr-day:not(.flatpickr-disabled).selected:hover,\n.flatpickr-day:not(.flatpickr-disabled).selected:active,\n.flatpickr-day:not(.flatpickr-disabled).selected:focus,\n.flatpickr-monthSelect-month:hover,\n.flatpickr-monthSelect-month:active,\n.flatpickr-monthSelect-month:focus {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n color: var(--color-text-inverse) !important;\n}\n\n.flatpickr-day.today,\n.flatpickr-monthSelect-month.today {\n border: 2px solid var(--color-hover-primary) !important;\n}\n\n.flatpickr-day.selected:not(.flatpickr-disabled),\n.flatpickr-monthSelect-month.selected:not(.flatpickr-disabled) {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-weekday:nth-child(6),\n.flatpickr-weekday:nth-child(7),\n.flatpickr-day:nth-child(7n + 6),\n.flatpickr-day:nth-child(7n + 7) {\n font-weight: var(--font-sb) !important;\n}\n\n/* Date and time selectors */\n.flatpickr-time {\n display: block;\n height: 90px !important;\n max-height: 90px !important;\n text-align: left;\n}\n\n.flatpickr-time::before {\n display: block;\n width: 100%;\n padding-left: var(--space-unit);\n color: var(--color-default-text) !important;\n content: \"Orario\";\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-transform: uppercase;\n}\n\n.flatpickr-time.time24hr {\n margin: calc(var(--space-unit) * 2) !important;\n}\n\n.flatpickr-time.time24hr > .numInputWrapper > input:hover,\n.flatpickr-time.time24hr > .numInputWrapper > input:focus,\n.flatpickr-time.time24hr > .numInputWrapper:hover {\n background-color: var(--color-surface01) !important;\n}\n\n.flatpickr-time.time24hr > div {\n width: calc(var(--space-unit) * 10) !important;\n height: calc(var(--space-unit) * 5.5) !important;\n margin-right: var(--space-unit) !important;\n margin-left: var(--space-unit) !important;\n}\n\n.flatpickr-time-separator {\n display: flex;\n height: calc(var(--space-unit) * 5.5) !important;\n align-items: center;\n justify-content: center;\n font-weight: unset !important;\n}\n\n.flatpickr-minute,\n.flatpickr-hour {\n font-size: var(--font-size-3) !important;\n font-weight: var(--font-rg) !important;\n outline: 1px solid black !important;\n}\n\n.numInputWrapper:hover .flatpickr-minute,\n.numInputWrapper:hover .flatpickr-hour,\n.flatpickr-minute:focus,\n.flatpickr-hour:focus {\n outline: 1px solid var(--color-primary01) !important;\n}\n\n/* toggle arrows selectors */\n.arrowUp,\n.arrowDown {\n width: calc(var(--space-unit) * 2) !important;\n height: calc(var(--space-unit) * 2) !important;\n padding: 0 !important;\n border: none !important;\n opacity: 1 !important;\n}\n\n.arrowUp {\n margin-top: calc(var(--space-unit) / 2) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowDown {\n top: auto !important;\n margin-top: calc(var(--space-unit) * 3) !important;\n margin-right: calc(var(--space-unit) / 2) !important;\n}\n\n.arrowUp:hover,\n.arrowDown:hover {\n border-color: var(--color-primary03) !important;\n background-color: var(--color-primary03) !important;\n border-radius: var(--border-radius);\n color: var(--color-hover-primary) !important;\n}\n\n.arrowUp:active,\n.arrowDown:active {\n border-color: var(--color-surface01) !important;\n background-color: var(--color-surface01) !important;\n border-radius: var(--border-radius);\n box-shadow: var(--shadow-2) !important;\n color: var(--color-primary01) !important;\n}\n\n.arrowUp::after,\n.arrowDown::after {\n padding: 2.5px !important;\n border: solid var(--color-primary01) !important;\n border-width: 0 1px 1px 0 !important;\n}\n\n.arrowUp::after {\n top: 0 !important;\n margin-top: 6px !important;\n margin-left: 5.5px !important;\n transform: rotate(-135deg);\n}\n\n.arrowDown::after {\n top: 0 !important;\n left: 5.5px !important;\n margin-top: 4px !important;\n transform: rotate(45deg);\n}\n\n/* range-date-picker selectors */\n\n.flatpickr-day:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange:hover,\n.flatpickr-day.prevMonthDay:not(.flatpickr-disabled).inRange:hover,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange:hover {\n border-color: var(--color-hover-primary) !important;\n background-color: var(--color-hover-primary) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).inRange,\n.flatpickr-day:not(.flatpickr-disabled).today.inRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.inRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).inRange {\n border-color: var(--color-primary03);\n background-color: var(--color-primary03);\n}\n\n.flatpickr-day:not(.flatpickr-disabled).startRange,\n.flatpickr-day:not(.flatpickr-disabled).endRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).startRange,\n.flatpickr-monthSelect-month:not(.flatpickr-disabled).endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.startRange,\n.flatpickr-day:not(.flatpickr-disabled).prevMonthDay.selected.endRange {\n border-color: var(--color-primary01) !important;\n background-color: var(--color-primary01) !important;\n}\n\n.flatpickr-range.second-input {\n cursor: pointer;\n}\n\n.range-pickers-container {\n display: flex;\n gap: 16px;\n}\n","import {Component, Prop, Element, h, Listen, EventEmitter, Event, State, Watch} from \"@stencil/core\";\n\nimport flatpickr from \"flatpickr\";\nimport {Italian} from \"flatpickr/dist/l10n/it.js\";\n\nimport {ZRangePickerMode, ZDatePickerPosition, InputType, InputStatus} from \"../../../beans\";\nimport {setAriaOptions, setFlatpickrPosition, validateDate} from \"../utils\";\n\n@Component({\n tag: \"z-range-picker\",\n styleUrl: \"../styles.css\",\n shadow: false,\n})\nexport class ZRangePicker {\n @Element() element: HTMLZRangePickerElement;\n\n /** unique id */\n @Prop()\n rangePickerId: string;\n\n /** first z-input aria label */\n @Prop()\n firstAriaLabel?: string;\n\n /** first z-input label */\n @Prop()\n firstLabel?: string;\n\n /** second z-input aria label */\n @Prop()\n secondAriaLabel?: string;\n\n /** second z-input label */\n @Prop()\n secondLabel?: string;\n\n /** [Optional] datepicker mode: date or datetime */\n @Prop()\n mode: ZRangePickerMode = ZRangePickerMode.DATE;\n\n /** readonly mode */\n @Prop()\n firstPickerReadOnly = false;\n\n /** readonly mode */\n @Prop()\n lastPickerReadOnly = false;\n\n /** readonly mode */\n @Prop()\n firstPickerPlaceholder = \"\";\n\n /** readonly mode */\n @Prop()\n lastPickerPlaceholder = \"\";\n\n @State()\n flatpickrPosition: ZDatePickerPosition = ZDatePickerPosition.BOTTOM;\n\n @State()\n activeInput = \"start-input\";\n\n @State()\n firstInputError = false;\n\n @State()\n lastInputError = false;\n\n private firstPicker;\n\n private lastPicker;\n\n /** emitted when date changes, returns an array with the two selected dates */\n @Event()\n dateSelect: EventEmitter;\n\n @Listen(\"click\", {target: \"body\", capture: true})\n handleClick(): void {\n this.getFocusedInput();\n }\n\n @Listen(\"keyup\", {target: \"body\", capture: true})\n handleKeyDown(ev: KeyboardEvent): void {\n const currentPicker = this.activeInput === \"start-input\" ? this.firstPicker : this.lastPicker;\n\n this.getFocusedInput();\n\n if (ev.key === \"Escape\") {\n document.activeElement.classList.contains(`${this.rangePickerId}-1`) && this.firstPicker?.close();\n\n document.activeElement.classList.contains(`${this.rangePickerId}-2`) && this.lastPicker?.close();\n }\n\n if (ev.key === \"Enter\" || ev.key === \" \") {\n if (\n document.activeElement.classList.contains(`${this.rangePickerId}-1`) ||\n document.activeElement.classList.contains(`${this.rangePickerId}-2`)\n ) {\n currentPicker?.open();\n }\n\n const isCrossIconEntered = document.activeElement.classList.contains(\"reset-icon\");\n\n if (isCrossIconEntered) {\n if (this.activeInput === \"start-input\") {\n this.firstInputError = false;\n this.firstPicker?.clear();\n this.printDate(null, this.lastPicker?.selectedDates[0] || null);\n }\n if (this.activeInput === \"end-input\") {\n this.lastInputError = false;\n this.firstPicker?.clear();\n this.printDate(this.firstPicker?.selectedDates[0] || null, null);\n }\n }\n\n const isPrevArrowEntered = document.activeElement.classList.contains(\"flatpickr-prev-month\");\n const isNextArrowEntered = document.activeElement.classList.contains(\"flatpickr-next-month\");\n const arrowPressed = isPrevArrowEntered || isNextArrowEntered;\n\n arrowPressed && ev.key === \" \" && ev.preventDefault();\n\n isPrevArrowEntered && currentPicker?.changeMonth(-1);\n isNextArrowEntered && currentPicker?.changeMonth(1);\n }\n }\n\n componentDidLoad(): void {\n this.setupPickers();\n }\n\n @Watch(\"firstPickerReadOnly\")\n setupFirstPickersReadOnly(): void {\n this.firstPicker?.set(\"clickOpens\", !this.firstPickerReadOnly);\n }\n\n @Watch(\"lastPickerReadOnly\")\n setupLastPickersReadOnly(): void {\n this.lastPicker?.set(\"clickOpens\", !this.lastPickerReadOnly);\n }\n\n @Watch(\"mode\")\n setupPickers(): void {\n const config = {\n enableTime: this.mode === ZRangePickerMode.DATE_TIME,\n locale: Italian,\n allowInput: true,\n wrap: true,\n dateFormat: this.mode === ZRangePickerMode.DATE_TIME ? \"d-m-Y - H:i\" : \"d-m-Y\",\n ariaDateFormat: \"d F Y\",\n minuteIncrement: 1,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n time_24hr: true,\n onValueUpdate: () => {\n const firstInputActive = this.activeInput === \"start-input\";\n const firstDate = this.firstPicker.selectedDates[0];\n const lastDate = this.lastPicker.selectedDates[0];\n\n if (+firstDate > +lastDate) {\n if (firstInputActive) {\n this.firstInputError = true;\n this.printDate(null, lastDate || null);\n } else {\n this.lastInputError = true;\n this.printDate(firstDate || null, null);\n }\n } else {\n this.lastInputError = false;\n this.firstInputError = false;\n this.printDate(firstDate || null, lastDate || null);\n }\n this.setRangeStyle(0);\n this.setRangeStyle(1);\n },\n onChange: (_selectedDates, _dateStr, instance) => {\n this.onDateSelect();\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n },\n onOpen: (_selectedDates, _dateStr, instance) => {\n setAriaOptions(this.element, this.mode);\n this.flatpickrPosition = setFlatpickrPosition(this.element, this.mode);\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n this.getFocusedInput();\n },\n onYearChange: (_selectedDates, _dateStr, instance) => {\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n },\n onMonthChange: (_selectedDates, _dateStr, instance) => {\n this.setRangeStyle(instance.input.classList.contains(\"start-input\") ? 0 : 1);\n },\n onKeyDown: () => {\n setAriaOptions(this.element, this.mode);\n },\n };\n\n this.firstPicker = flatpickr(`.${this.rangePickerId}-1-container`, {\n ...{...config, clickOpens: !this.firstPickerReadOnly},\n mode: \"single\",\n appendTo: this.element.querySelector(`.${this.rangePickerId}-1-wrapper`),\n });\n this.lastPicker = flatpickr(`.${this.rangePickerId}-2-container`, {\n ...{...config, clickOpens: !this.lastPickerReadOnly},\n mode: \"single\",\n appendTo: this.element.querySelector(`.${this.rangePickerId}-2-wrapper`),\n });\n\n this.element.querySelectorAll(\".flatpickr-weekday\").forEach((element) => {\n element.innerHTML = element.innerHTML.trim().charAt(0);\n });\n }\n\n private onDateSelect(): void {\n const firstInputActive = this.activeInput === \"start-input\";\n const firstDate = this.firstPicker.selectedDates[0];\n const lastDate = this.lastPicker.selectedDates[0];\n\n if (+firstDate > +lastDate) {\n if (firstInputActive) {\n this.firstInputError = true;\n this.printDate(null, lastDate || null);\n } else {\n this.lastInputError = true;\n this.printDate(firstDate || null, null);\n }\n } else {\n this.lastInputError = false;\n this.firstInputError = false;\n this.printDate(firstDate || null, lastDate || null);\n }\n }\n\n private disableDates(date, index): void {\n const calendar = this.element.getElementsByClassName(\"flatpickr-calendar\")[index];\n\n Array.from(calendar.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n const calendarDate = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n const breakpoint = this.getDateWithoutTime(date);\n const inRange = index === 0 ? calendarDate > breakpoint : calendarDate < breakpoint;\n\n if (inRange) {\n element.classList.toggle(\"flatpickr-disabled\", true);\n } else {\n element.classList.toggle(\"flatpickr-disabled\", false);\n }\n });\n setAriaOptions(this.element, this.mode);\n }\n\n private formatDate(date): string {\n if (this.mode === ZRangePickerMode.DATE) {\n return `${flatpickr.formatDate(date, \"d-m-Y\")}`;\n }\n\n return `${flatpickr.formatDate(date, \"d-m-Y - H:i\")}`;\n }\n\n private printDate(firstDate, lastDate): void {\n const firstDateString = firstDate ? this.formatDate(firstDate) : null;\n const lastDateString = lastDate ? this.formatDate(lastDate) : null;\n\n this.dateSelect.emit([firstDateString, lastDateString]);\n }\n\n private getDateWithoutTime(date): Date {\n const newDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0);\n\n return newDate;\n }\n\n /** Replace month word to month number */\n private replaceMonths(date, time): Date {\n const month = date.split(\" \")[1];\n const months = {\n /* eslint-disable @typescript-eslint/naming-convention */\n Gennaio: \"01\",\n Febbraio: \"02\",\n Marzo: \"03\",\n Aprile: \"04\",\n Maggio: \"05\",\n Giugno: \"06\",\n Luglio: \"07\",\n Agosto: \"08\",\n Settembre: \"09\",\n Ottobre: \"10\",\n Novembre: \"11\",\n Dicembre: \"12\",\n /* eslint-enable @typescript-eslint/naming-convention */\n };\n\n const pieces = date.replace(month, months[month]).split(\" \");\n\n return new Date(\n parseInt(pieces[2]),\n parseInt(pieces[1]) - 1,\n parseInt(pieces[0]),\n time ? parseInt(time.split(\":\")[0]) : 0,\n time ? parseInt(time.split(\":\")[1]) : 0\n );\n }\n\n /** Get the current focused input, first or last */\n private getFocusedInput(): string {\n const focusedZInput = document.activeElement.closest(\"z-input\");\n if (!focusedZInput) {\n return;\n }\n\n if (focusedZInput?.classList.contains(\"start-input\")) {\n this.activeInput = \"start-input\";\n } else if (focusedZInput.classList.contains(\"end-input\")) {\n this.activeInput = \"end-input\";\n }\n }\n\n /** Set style of the days between the two selected dates */\n private setRangeStyle(index): void {\n Array.from(this.element.getElementsByClassName(\"flatpickr-calendar\")).forEach((element: Element) => {\n Array.from(element.getElementsByClassName(\"flatpickr-day\")).forEach((element: Element) => {\n const hasFirstDate = this.firstPicker.selectedDates.length === 1;\n const hasLastDate = this.lastPicker.selectedDates.length === 1;\n let firstDate;\n let lastDate;\n const date = this.getDateWithoutTime(this.replaceMonths(element.ariaLabel, null));\n\n if (hasFirstDate) {\n firstDate = this.getDateWithoutTime(this.firstPicker.selectedDates[0]);\n if (+date === +firstDate) {\n element.classList.toggle(\"startRange\", true);\n } else {\n element.classList.toggle(\"startRange\", false);\n }\n }\n\n if (hasLastDate) {\n lastDate = this.getDateWithoutTime(this.lastPicker.selectedDates[0]);\n if (+date === +lastDate) {\n element.classList.toggle(\"endRange\", true);\n } else {\n element.classList.toggle(\"endRange\", false);\n }\n }\n\n if (hasFirstDate && hasLastDate) {\n if (date > firstDate && date < lastDate) {\n element.classList.toggle(\"inRange\", true);\n } else {\n element.classList.toggle(\"inRange\", false);\n }\n }\n\n if (index === 0 && hasLastDate) {\n this.disableDates(this.lastPicker.selectedDates[0], index);\n }\n if (index === 1 && hasFirstDate) {\n this.disableDates(this.firstPicker.selectedDates[0], index);\n }\n });\n });\n }\n\n private onStopTyping(value): void {\n const text = value.detail.value.replace(\"/\", \"-\");\n const englishData = text.split(\"-\");\n const time = this.mode === ZRangePickerMode.DATE_TIME ? `T${englishData[3]}:00` : \"\";\n const englishParsedData = `${englishData[2]}-${englishData[1]}-${englishData[0]}${time}`.split(\" \").join(\"\");\n\n const isValidDate = validateDate(text, this.mode === ZRangePickerMode.DATE_TIME);\n\n const date = Date.parse(englishParsedData).toString();\n\n if (this.activeInput === \"start-input\") {\n if (text === \"\") {\n this.firstInputError = false;\n this.firstPicker.setDate([]);\n this.printDate(null, this.lastPicker.selectedDates[0] || null);\n } else if (!isValidDate) {\n this.firstInputError = true;\n this.printDate(null, this.lastPicker.selectedDates[0] || null);\n } else if (isValidDate) {\n if (this.lastPicker.selectedDates.length === 1) {\n if (+date <= +this.lastPicker.selectedDates[0]) {\n this.firstInputError = false;\n this.firstPicker.setDate([text]);\n this.printDate(new Date(englishParsedData), this.lastPicker.selectedDates[0]);\n } else {\n this.firstInputError = true;\n this.printDate(null, this.lastPicker.selectedDates[0]);\n }\n } else {\n this.firstInputError = false;\n this.firstPicker.setDate([text]);\n this.printDate(new Date(englishParsedData), null);\n }\n }\n } else if (text === \"\") {\n this.lastInputError = false;\n this.lastPicker.setDate([]);\n this.printDate(this.firstPicker.selectedDates[0] || null, null);\n } else if (!isValidDate) {\n this.lastInputError = true;\n this.printDate(this.firstPicker.selectedDates[0] || null, null);\n } else if (isValidDate) {\n if (this.firstPicker.selectedDates.length === 1) {\n if (+date >= +this.firstPicker.selectedDates[0]) {\n this.lastInputError = false;\n this.lastPicker.setDate([text]);\n this.printDate(this.firstPicker.selectedDates[0], new Date(englishParsedData));\n } else {\n this.lastInputError = true;\n this.printDate(this.firstPicker.selectedDates[0], null);\n }\n } else {\n this.lastInputError = false;\n this.lastPicker.setDate([text]);\n this.printDate(null, new Date(englishParsedData));\n }\n }\n\n this.setRangeStyle(this.activeInput === \"start-input\" ? 0 : 1);\n }\n\n render(): HTMLDivElement {\n const zInputProps = {\n type: InputType.TEXT,\n icon: \"event\",\n tabindex: \"0\",\n message: false,\n onStopTyping: this.onStopTyping.bind(this),\n value: \"\",\n };\n\n return (\n <div\n class={{\n [\"range-pickers-container\"]: true,\n [this.mode]: true,\n [this.activeInput]: true,\n [this.flatpickrPosition]: true,\n }}\n >\n <div class={`${this.rangePickerId}-1-wrapper`}>\n <div class={`${this.rangePickerId}-1-container`}>\n <z-input\n {...zInputProps}\n placeholder={this.firstPickerPlaceholder}\n readonly={this.firstPickerReadOnly}\n data-input=\"data-input\"\n class={`start-input ${this.rangePickerId}-1`}\n ariaLabel={this.firstAriaLabel}\n label={this.firstLabel}\n status={this.firstInputError && InputStatus.ERROR}\n onStartTyping={() => {\n this.firstInputError = false;\n }}\n />\n </div>\n </div>\n <div class={`${this.rangePickerId}-2-wrapper`}>\n <div class={`${this.rangePickerId}-2-container`}>\n <z-input\n {...zInputProps}\n placeholder={this.lastPickerPlaceholder}\n readonly={this.lastPickerReadOnly}\n data-input=\"data-input\"\n class={`end-input ${this.rangePickerId}-2`}\n ariaLabel={this.secondAriaLabel}\n label={this.secondLabel}\n status={this.lastInputError && InputStatus.ERROR}\n onStartTyping={() => {\n this.lastInputError = false;\n }}\n />\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
package/dist/esm/z-select.entry.js CHANGED
@@ -3,7 +3,7 @@ import { e as ControlSize, g as KeyboardCode, l as ListDividerType, i as ListSiz
3
3
  import { r as randomId, b as boolean, d as getElementTree, a as handleKeyboardSubmit, e as getClickedElement } from './utils-7983d02c.js';
4
4
  import './breakpoints-680e0e56.js';
5
5
 
6
- const stylesCss = ".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-text02);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size=\"small\"].sc-z-select-h,[size=\"x-small\"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding-left:calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) 0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size=\"small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}";
6
+ const stylesCss = ".sc-z-select-h{display:inline-block;width:inherit;color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size=\"small\"].sc-z-select-h,[size=\"x-small\"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;padding:calc(var(--space-unit) * 0.5) var(--space-unit);border:var(--border-size-small) solid var(--gray200);border-top:none;background:var(--color-surface01);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:calc(var(--space-unit) * 0.5);outline:none;scrollbar-color:var(--color-primary01) transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar{width:10px;background:linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-track{background-color:transparent}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb{width:10px;background-color:var(--color-primary01);border-radius:var(--border-radius)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding-left:calc(var(--space-unit) * 1.5)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) 0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{display:block;padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size=\"small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size=\"x-small\"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:bold}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--gray800)}.reset-item.sc-z-select{color:var(--color-primary01);fill:var(--color-primary01)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:calc(var(--space-unit))}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}";
7
7
  const ZSelectStyle0 = stylesCss;
8
8
 
9
9
  const ZSelect = class {
package/dist/esm/z-select.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"z-select.entry.js","mappings":"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","names":[],"sources":["src/components/inputs/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/inputs/z-select/index.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: inherit;\n color: var(--color-text02);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n width: 100%;\n}\n\n.select-wrapper > div {\n position: relative;\n}\n\n.select-wrapper > div.closed {\n overflow: hidden;\n height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n position: absolute;\n width: 100%;\n box-sizing: border-box;\n padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n border: var(--border-size-small) solid var(--gray200);\n border-top: none;\n background: var(--color-surface01);\n outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n position: static;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n position: relative;\n overflow: auto;\n max-height: 240px;\n padding: calc(var(--space-unit) * 0.5);\n outline: none;\n\n /* Firefox scrollbar */\n scrollbar-color: var(--color-primary01) transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar {\n width: 10px;\n background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb {\n width: 10px;\n background-color: var(--color-primary01);\n border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb:hover {\n background-color: var(--color-hover-primary);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n display: flex;\n align-items: center;\n padding-left: calc(var(--space-unit) * 1.5);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n display: block;\n padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n display: block;\n padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n .select-wrapper\n .ul-scroll-wrapper\n z-list\n z-list-element\n .list-element-container\n .list-element-content {\n padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n .select-wrapper\n .ul-scroll-wrapper\n z-list\n z-list-element\n .list-element-container\n > z-icon\n + .list-element-content {\n padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n font-weight: bold;\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n color: var(--gray800);\n}\n\n.reset-item {\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n\n.reset-item-content {\n display: flex;\n align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n margin-left: calc(var(--space-unit));\n}\n\n.reset-item .reset-item-content > z-icon {\n margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n display: none;\n}\n","import {Component, Prop, State, h, Event, EventEmitter, Watch, Element, Method, Listen} from \"@stencil/core\";\nimport {SelectItem, ListDividerType, KeyboardCode, InputStatus, ControlSize, ListSize} from \"../../../beans\";\nimport {randomId, handleKeyboardSubmit, getClickedElement, getElementTree, boolean} from \"../../../utils/utils\";\n\n@Component({\n tag: \"z-select\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSelect {\n @Element() element: HTMLZSelectElement;\n\n /** the id of the input element */\n @Prop()\n htmlid = `id-${randomId()}`;\n\n /** the input select options */\n @Prop()\n items: SelectItem[] | string;\n\n /** the input name */\n @Prop()\n name?: string;\n\n /** the input label */\n @Prop()\n label?: string;\n\n /** the input aria-label */\n @Prop()\n ariaLabel = \"\";\n\n /** the input is disabled */\n @Prop()\n disabled?: boolean = false;\n\n /** the input is readonly */\n @Prop()\n readonly?: boolean = false;\n\n /** the input placeholder (optional) */\n @Prop()\n placeholder?: string;\n\n /** the input html title (optional) */\n @Prop()\n htmltitle?: string;\n\n /** the input status (optional) */\n @Prop()\n status?: InputStatus;\n\n /** input helper message (optional) - if set to `false` message won't be displayed */\n @Prop()\n message?: string | boolean = true;\n\n /** the input has autocomplete option */\n @Prop()\n autocomplete?: boolean = false;\n\n /** no result text message */\n @Prop()\n noresultslabel?: string = \"Nessun risultato\";\n\n /** */\n @Prop()\n hasGroupItems?: boolean;\n\n /** When fixed, it occupies space and pushes down next elements. */\n @Prop()\n isfixed?: boolean = false;\n\n /** */\n @Prop()\n resetItem?: string;\n\n /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n @Prop()\n size?: ControlSize = ControlSize.BIG;\n\n @State()\n isOpen = false;\n\n @State()\n selectedItem: null | SelectItem = null;\n\n @State()\n focusedItemId: string;\n\n @State()\n searchString: null | string;\n\n private itemsList: SelectItem[] = [];\n\n constructor() {\n this.toggleSelectUl = this.toggleSelectUl.bind(this);\n this.selectItem = this.selectItem.bind(this);\n this.handleSelectFocus = this.handleSelectFocus.bind(this);\n }\n\n @Watch(\"items\")\n watchItems(): void {\n this.itemsList = this.getInitialItemsArray();\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n }\n\n @Listen(\"ariaDescendantFocus\")\n getFocusedItemHandler(e: CustomEvent): void {\n this.focusedItemId = (e.target as Element).id;\n }\n\n /** get the input selected options */\n @Method()\n async getSelectedItem(): Promise<SelectItem> {\n return this.selectedItem;\n }\n\n /** get the input value */\n @Method()\n async getValue(): Promise<string> {\n return this.getSelectedValue();\n }\n\n /** set the input value */\n @Method()\n async setValue(value: string | string[]): Promise<void> {\n let values: string[] = [];\n if (typeof value === \"string\") {\n values.push(value);\n } else {\n values = value;\n }\n\n this.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\n }\n\n /** Emitted on select option selection, returns select id, selected item id */\n @Event()\n optionSelect: EventEmitter;\n\n private emitOptionSelect(): void {\n this.optionSelect.emit({\n id: this.htmlid,\n selected: this.getSelectedValue(),\n });\n }\n\n /** Emitted on reset selected item, returns select id, selected item id */\n @Event()\n resetSelect: EventEmitter;\n\n private emitResetSelect(): void {\n this.resetSelect.emit({\n id: this.htmlid,\n });\n }\n\n componentWillLoad(): void {\n this.watchItems();\n }\n\n componentWillRender(): void {\n this.filterItems(this.searchString);\n }\n\n private getInitialItemsArray(): SelectItem[] {\n return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n }\n\n private mapSelectedItemToItemsArray(): SelectItem[] {\n const initialItemsList = this.getInitialItemsArray();\n\n return initialItemsList.map((item: SelectItem) => {\n item.selected = item.id === this.selectedItem?.id;\n\n return item;\n });\n }\n\n private getSelectedValue(): string {\n return this.selectedItem?.id;\n }\n\n private filterItems(searchString: string): void {\n const prevList = this.mapSelectedItemToItemsArray();\n if (!searchString?.length) {\n this.itemsList = prevList;\n } else {\n this.itemsList = prevList\n .filter((item: SelectItem) => {\n return item.name.toUpperCase().includes(searchString.toUpperCase());\n })\n .map((item: SelectItem) => {\n const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n const end = start + searchString.length;\n const newName =\n item.name.substring(0, start) +\n `<strong>${item.name.substring(start, end)}</strong>` +\n item.name.substring(end, item.name.length);\n item.name = newName;\n\n return item;\n });\n }\n }\n\n private hasAutocomplete(): boolean {\n return boolean(this.autocomplete) === true;\n }\n\n private handleInputChange(e: CustomEvent): void {\n this.searchString = e.detail.value;\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n }\n\n private selectItem(item: null | SelectItem, selected: boolean): void {\n if (item && item.disabled) {\n return;\n }\n\n this.itemsList = this.mapSelectedItemToItemsArray();\n this.itemsList = this.itemsList.map((i: SelectItem) => {\n i.selected = false;\n if (i.id === item?.id) {\n i.selected = selected;\n }\n\n return i;\n });\n\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n this.emitOptionSelect();\n\n if (this.searchString) {\n this.searchString = null;\n }\n }\n\n private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n const showResetIcon = this.resetItem && !!this.selectedItem;\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n if (!arrows.includes(e.key as KeyboardCode)) {\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n\n let index: number;\n\n if (this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n }\n }\n\n if (!this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length ? 0 : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n }\n }\n\n this.focusSelectItem(index);\n }\n\n private focusSelectItem(index: number): void {\n const focusElem: HTMLLIElement = this.element.querySelector(`#${this.htmlid}_${index}`);\n if (focusElem) {\n focusElem.focus();\n }\n }\n\n private toggleSelectUl(selfFocusOnClose = false): void {\n if (this.disabled || this.readonly) {\n return;\n }\n\n if (!this.isOpen) {\n document.addEventListener(\"click\", this.handleSelectFocus);\n document.addEventListener(\"keyup\", this.handleSelectFocus);\n } else {\n document.removeEventListener(\"click\", this.handleSelectFocus);\n document.removeEventListener(\"keyup\", this.handleSelectFocus);\n if (selfFocusOnClose) {\n (this.element.querySelector(`#${this.htmlid}_input`) as HTMLInputElement).focus();\n }\n }\n\n this.focusedItemId = \"\";\n this.isOpen = !this.isOpen;\n }\n\n private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n const cp = e.composedPath();\n const clearIcon = cp.find((item: HTMLElement) => item.classList && item.classList.contains(\"reset-icon\"));\n if (clearIcon) {\n e.stopPropagation();\n\n return;\n }\n\n this.toggleSelectUl();\n }\n\n private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n e.stopPropagation();\n\n return this.toggleSelectUl(true);\n }\n\n if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {\n return;\n }\n\n const tree = getElementTree(getClickedElement());\n const parent = tree.find((elem: HTMLElement) => {\n return elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`;\n });\n\n if (!parent) {\n this.toggleSelectUl(e instanceof MouseEvent ? true : false);\n }\n }\n\n private scrollToLetter(letter: string): void {\n const foundItem = this.itemsList.find((item: SelectItem) => item.name.charAt(0) === letter);\n if (foundItem) {\n this.focusSelectItem(this.itemsList.indexOf(foundItem));\n }\n }\n\n private renderInput(): HTMLZInputElement {\n return (\n <z-input\n class={{\n \"active-select\": this.isOpen,\n \"cursor-select\": !this.autocomplete,\n }}\n id={`${this.htmlid}_input`}\n htmlid={`${this.htmlid}_select_input`}\n placeholder={this.placeholder}\n value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n label={this.label}\n aria-expanded={this.isOpen ? \"true\" : \"false\"}\n aria-label={this.ariaLabel}\n aria-controls={`${this.htmlid}_list`}\n aria-autocomplete={this.hasAutocomplete() ? \"list\" : \"none\"}\n aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n hasclearicon={this.hasAutocomplete()}\n message={false}\n disabled={this.disabled}\n readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n status={this.isOpen ? undefined : this.status}\n role=\"combobox\"\n size={this.size}\n onClick={(e: MouseEvent) => {\n this.handleInputClick(e);\n }}\n onKeyUp={(e: KeyboardEvent) => {\n if (e.keyCode !== 13) {\n e.preventDefault();\n }\n handleKeyboardSubmit(e, this.toggleSelectUl);\n }}\n onKeyDown={(e: KeyboardEvent) => {\n return this.arrowsSelectNav(\n e,\n this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n );\n }}\n onInputChange={(e: CustomEvent) => {\n this.handleInputChange(e);\n }}\n onKeyPress={(e: KeyboardEvent) => {\n if (!this.hasAutocomplete()) {\n e.preventDefault();\n this.scrollToLetter(String.fromCharCode(e.keyCode));\n }\n }}\n />\n );\n }\n\n private renderSelectUl(): HTMLDivElement {\n return (\n <div\n class={this.isOpen ? \"open\" : \"closed\"}\n tabindex=\"-1\"\n >\n <div\n class={{\n \"ul-scroll-wrapper\": true,\n \"fixed\": this.isfixed,\n }}\n tabindex=\"-1\"\n >\n <z-list\n role=\"listbox\"\n aria-label={this.ariaLabel || this.label}\n tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n id={`${this.htmlid}_list`}\n aria-multiselectable={false}\n size={this.listSizeType()}\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n filled: !!this.selectedItem,\n [`input-${this.status}`]: !this.isOpen && !!this.status,\n }}\n >\n {this.resetItem && this.renderResetItem()}\n {this.renderSelectUlItems()}\n </z-list>\n </div>\n </div>\n );\n }\n\n private renderResetItem(): HTMLZListElementElement {\n return (\n <z-list-element\n class={{\n \"hide\": !this.selectedItem || !this.resetItem,\n \"reset-item\": true,\n \"reset-item-margin\": !this.hasGroupItems,\n }}\n clickable={true}\n disabled={false}\n dividerType={ListDividerType.ELEMENT}\n role=\"option\"\n tabindex=\"0\"\n aria-selected=\"false\"\n id={`${this.htmlid}_${this.resetItem ? \"0\" : \"none\"}`}\n size={this.listSizeType()}\n onClickItem={() => {\n this.selectedItem = null;\n this.searchString = null;\n this.emitResetSelect();\n }}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n >\n <div class=\"reset-item-content\">\n <z-icon name=\"multiply-circled\" />\n <span>{this.resetItem}</span>\n </div>\n </z-list-element>\n );\n }\n\n private renderItem(item: SelectItem, key: number, lastItem: boolean): HTMLZListElementElement {\n return (\n <z-list-element\n clickable={!item.disabled}\n disabled={item.disabled}\n dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n role=\"option\"\n tabindex={item.disabled || !this.isOpen ? -1 : 0}\n aria-selected={item.selected ? \"true\" : \"false\"}\n id={`${this.htmlid}_${key}`}\n size={this.listSizeType()}\n onClickItem={() => this.selectItem(item, true)}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n >\n <div class=\"list-element-container\">\n {item.icon && <z-icon name={item.icon} />}\n <span\n class={{\n \"selected\": !!item.selected,\n \"list-element-content\": true,\n }}\n innerHTML={item.name}\n />\n </div>\n </z-list-element>\n );\n }\n\n private listSizeType(): ListSize {\n if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n return ListSize.SMALL;\n }\n\n return ListSize.MEDIUM;\n }\n\n private renderSelectUlItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n if (!this.itemsList.length) {\n return this.renderNoSearchResults();\n }\n\n if (this.hasGroupItems) {\n return this.renderSelectGroupItems();\n }\n\n return this.itemsList.map((item: SelectItem, key, array) => {\n const lastItem = array.length === key + 1;\n const itemKey = this.resetItem ? key + 1 : key;\n\n return this.renderItem(item, itemKey, lastItem);\n });\n }\n\n private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n const newData = this.itemsList.reduce((group, item, index, array) => {\n const {category} = item;\n const lastItem = array.length === index + 1;\n const itemKey = this.resetItem ? index + 1 : index;\n const zListItem = this.renderItem(item, itemKey, lastItem);\n\n group[category] = group[category] ?? [];\n group[category].push(zListItem);\n\n return group;\n }, {});\n\n return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n return (\n <z-list-group divider-type={ListDividerType.ELEMENT}>\n <span\n class=\"body-3-sb z-list-group-title\"\n slot=\"header-title\"\n >\n {key}\n </span>\n {value.map((item) => item)}\n </z-list-group>\n );\n });\n }\n\n private renderNoSearchResults(): HTMLZListElementElement {\n return (\n <z-list-element\n color=\"blue500\"\n class=\"no-results\"\n size={this.listSizeType()}\n >\n <z-icon\n name=\"multiply-circle\"\n fill=\"blue500\"\n />\n {this.noresultslabel}\n </z-list-element>\n );\n }\n\n private renderMessage(): HTMLZInputMessageElement {\n if (boolean(this.message) === false) {\n return;\n }\n\n return (\n <z-input-message\n message={boolean(this.message) === true ? undefined : (this.message as string)}\n status={this.status}\n class={this.size}\n />\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div class=\"select-wrapper\">\n {this.renderInput()}\n {this.renderSelectUl()}\n {this.renderMessage()}\n </div>\n );\n }\n}\n"],"version":3}
1
+ {"file":"z-select.entry.js","mappings":"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","names":[],"sources":["src/components/inputs/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/inputs/z-select/index.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: inherit;\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n width: 100%;\n}\n\n.select-wrapper > div {\n position: relative;\n}\n\n.select-wrapper > div.closed {\n overflow: hidden;\n height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n position: absolute;\n width: 100%;\n box-sizing: border-box;\n padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n border: var(--border-size-small) solid var(--gray200);\n border-top: none;\n background: var(--color-surface01);\n outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n position: static;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n position: relative;\n overflow: auto;\n max-height: 240px;\n padding: calc(var(--space-unit) * 0.5);\n outline: none;\n\n /* Firefox scrollbar */\n scrollbar-color: var(--color-primary01) transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar {\n width: 10px;\n background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);\n border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-track {\n background-color: transparent;\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb {\n width: 10px;\n background-color: var(--color-primary01);\n border-radius: var(--border-radius);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb:hover {\n background-color: var(--color-hover-primary);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n display: flex;\n align-items: center;\n padding-left: calc(var(--space-unit) * 1.5);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n display: block;\n padding: calc(var(--space-unit) * 0.5) 0;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n display: block;\n padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n .select-wrapper\n .ul-scroll-wrapper\n z-list\n z-list-element\n .list-element-container\n .list-element-content {\n padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n .select-wrapper\n .ul-scroll-wrapper\n z-list\n z-list-element\n .list-element-container\n > z-icon\n + .list-element-content {\n padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n font-weight: bold;\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n color: var(--gray800);\n}\n\n.reset-item {\n color: var(--color-primary01);\n fill: var(--color-primary01);\n}\n\n.reset-item-content {\n display: flex;\n align-items: center;\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n margin-left: calc(var(--space-unit));\n}\n\n.reset-item .reset-item-content > z-icon {\n margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n display: none;\n}\n","import {Component, Prop, State, h, Event, EventEmitter, Watch, Element, Method, Listen} from \"@stencil/core\";\nimport {SelectItem, ListDividerType, KeyboardCode, InputStatus, ControlSize, ListSize} from \"../../../beans\";\nimport {randomId, handleKeyboardSubmit, getClickedElement, getElementTree, boolean} from \"../../../utils/utils\";\n\n@Component({\n tag: \"z-select\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSelect {\n @Element() element: HTMLZSelectElement;\n\n /** the id of the input element */\n @Prop()\n htmlid = `id-${randomId()}`;\n\n /** the input select options */\n @Prop()\n items: SelectItem[] | string;\n\n /** the input name */\n @Prop()\n name?: string;\n\n /** the input label */\n @Prop()\n label?: string;\n\n /** the input aria-label */\n @Prop()\n ariaLabel = \"\";\n\n /** the input is disabled */\n @Prop()\n disabled?: boolean = false;\n\n /** the input is readonly */\n @Prop()\n readonly?: boolean = false;\n\n /** the input placeholder (optional) */\n @Prop()\n placeholder?: string;\n\n /** the input html title (optional) */\n @Prop()\n htmltitle?: string;\n\n /** the input status (optional) */\n @Prop()\n status?: InputStatus;\n\n /** input helper message (optional) - if set to `false` message won't be displayed */\n @Prop()\n message?: string | boolean = true;\n\n /** the input has autocomplete option */\n @Prop()\n autocomplete?: boolean = false;\n\n /** no result text message */\n @Prop()\n noresultslabel?: string = \"Nessun risultato\";\n\n /** */\n @Prop()\n hasGroupItems?: boolean;\n\n /** When fixed, it occupies space and pushes down next elements. */\n @Prop()\n isfixed?: boolean = false;\n\n /** */\n @Prop()\n resetItem?: string;\n\n /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n @Prop()\n size?: ControlSize = ControlSize.BIG;\n\n @State()\n isOpen = false;\n\n @State()\n selectedItem: null | SelectItem = null;\n\n @State()\n focusedItemId: string;\n\n @State()\n searchString: null | string;\n\n private itemsList: SelectItem[] = [];\n\n constructor() {\n this.toggleSelectUl = this.toggleSelectUl.bind(this);\n this.selectItem = this.selectItem.bind(this);\n this.handleSelectFocus = this.handleSelectFocus.bind(this);\n }\n\n @Watch(\"items\")\n watchItems(): void {\n this.itemsList = this.getInitialItemsArray();\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n }\n\n @Listen(\"ariaDescendantFocus\")\n getFocusedItemHandler(e: CustomEvent): void {\n this.focusedItemId = (e.target as Element).id;\n }\n\n /** get the input selected options */\n @Method()\n async getSelectedItem(): Promise<SelectItem> {\n return this.selectedItem;\n }\n\n /** get the input value */\n @Method()\n async getValue(): Promise<string> {\n return this.getSelectedValue();\n }\n\n /** set the input value */\n @Method()\n async setValue(value: string | string[]): Promise<void> {\n let values: string[] = [];\n if (typeof value === \"string\") {\n values.push(value);\n } else {\n values = value;\n }\n\n this.selectedItem = this.itemsList.find((item: SelectItem) => values.includes(item.id));\n }\n\n /** Emitted on select option selection, returns select id, selected item id */\n @Event()\n optionSelect: EventEmitter;\n\n private emitOptionSelect(): void {\n this.optionSelect.emit({\n id: this.htmlid,\n selected: this.getSelectedValue(),\n });\n }\n\n /** Emitted on reset selected item, returns select id, selected item id */\n @Event()\n resetSelect: EventEmitter;\n\n private emitResetSelect(): void {\n this.resetSelect.emit({\n id: this.htmlid,\n });\n }\n\n componentWillLoad(): void {\n this.watchItems();\n }\n\n componentWillRender(): void {\n this.filterItems(this.searchString);\n }\n\n private getInitialItemsArray(): SelectItem[] {\n return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n }\n\n private mapSelectedItemToItemsArray(): SelectItem[] {\n const initialItemsList = this.getInitialItemsArray();\n\n return initialItemsList.map((item: SelectItem) => {\n item.selected = item.id === this.selectedItem?.id;\n\n return item;\n });\n }\n\n private getSelectedValue(): string {\n return this.selectedItem?.id;\n }\n\n private filterItems(searchString: string): void {\n const prevList = this.mapSelectedItemToItemsArray();\n if (!searchString?.length) {\n this.itemsList = prevList;\n } else {\n this.itemsList = prevList\n .filter((item: SelectItem) => {\n return item.name.toUpperCase().includes(searchString.toUpperCase());\n })\n .map((item: SelectItem) => {\n const start = item.name.toUpperCase().indexOf(searchString.toUpperCase());\n const end = start + searchString.length;\n const newName =\n item.name.substring(0, start) +\n `<strong>${item.name.substring(start, end)}</strong>` +\n item.name.substring(end, item.name.length);\n item.name = newName;\n\n return item;\n });\n }\n }\n\n private hasAutocomplete(): boolean {\n return boolean(this.autocomplete) === true;\n }\n\n private handleInputChange(e: CustomEvent): void {\n this.searchString = e.detail.value;\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n }\n\n private selectItem(item: null | SelectItem, selected: boolean): void {\n if (item && item.disabled) {\n return;\n }\n\n this.itemsList = this.mapSelectedItemToItemsArray();\n this.itemsList = this.itemsList.map((i: SelectItem) => {\n i.selected = false;\n if (i.id === item?.id) {\n i.selected = selected;\n }\n\n return i;\n });\n\n this.selectedItem = this.itemsList.find((item: SelectItem) => item.selected);\n\n this.emitOptionSelect();\n\n if (this.searchString) {\n this.searchString = null;\n }\n }\n\n private arrowsSelectNav(e: KeyboardEvent, key: number): void {\n const showResetIcon = this.resetItem && !!this.selectedItem;\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n if (!arrows.includes(e.key as KeyboardCode)) {\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n\n let index: number;\n\n if (this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length + 1 ? +!showResetIcon : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= +!showResetIcon ? this.itemsList.length : key - 1;\n }\n }\n\n if (!this.resetItem) {\n if (e.key === KeyboardCode.ARROW_DOWN) {\n index = key + 1 === this.itemsList.length ? 0 : key + 1;\n } else if (e.key === KeyboardCode.ARROW_UP) {\n index = key <= 0 ? this.itemsList.length - 1 : key - 1;\n }\n }\n\n this.focusSelectItem(index);\n }\n\n private focusSelectItem(index: number): void {\n const focusElem: HTMLLIElement = this.element.querySelector(`#${this.htmlid}_${index}`);\n if (focusElem) {\n focusElem.focus();\n }\n }\n\n private toggleSelectUl(selfFocusOnClose = false): void {\n if (this.disabled || this.readonly) {\n return;\n }\n\n if (!this.isOpen) {\n document.addEventListener(\"click\", this.handleSelectFocus);\n document.addEventListener(\"keyup\", this.handleSelectFocus);\n } else {\n document.removeEventListener(\"click\", this.handleSelectFocus);\n document.removeEventListener(\"keyup\", this.handleSelectFocus);\n if (selfFocusOnClose) {\n (this.element.querySelector(`#${this.htmlid}_input`) as HTMLInputElement).focus();\n }\n }\n\n this.focusedItemId = \"\";\n this.isOpen = !this.isOpen;\n }\n\n private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n const cp = e.composedPath();\n const clearIcon = cp.find((item: HTMLElement) => item.classList && item.classList.contains(\"reset-icon\"));\n if (clearIcon) {\n e.stopPropagation();\n\n return;\n }\n\n this.toggleSelectUl();\n }\n\n private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n e.stopPropagation();\n\n return this.toggleSelectUl(true);\n }\n\n if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB && e.key !== KeyboardCode.ENTER) {\n return;\n }\n\n const tree = getElementTree(getClickedElement());\n const parent = tree.find((elem: HTMLElement) => {\n return elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`;\n });\n\n if (!parent) {\n this.toggleSelectUl(e instanceof MouseEvent ? true : false);\n }\n }\n\n private scrollToLetter(letter: string): void {\n const foundItem = this.itemsList.find((item: SelectItem) => item.name.charAt(0) === letter);\n if (foundItem) {\n this.focusSelectItem(this.itemsList.indexOf(foundItem));\n }\n }\n\n private renderInput(): HTMLZInputElement {\n return (\n <z-input\n class={{\n \"active-select\": this.isOpen,\n \"cursor-select\": !this.autocomplete,\n }}\n id={`${this.htmlid}_input`}\n htmlid={`${this.htmlid}_select_input`}\n placeholder={this.placeholder}\n value={!this.isOpen && this.selectedItem ? this.selectedItem.name.replace(/<[^>]+>/g, \"\") : null}\n label={this.label}\n aria-expanded={this.isOpen ? \"true\" : \"false\"}\n aria-label={this.ariaLabel}\n aria-controls={`${this.htmlid}_list`}\n aria-autocomplete={this.hasAutocomplete() ? \"list\" : \"none\"}\n aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n hasclearicon={this.hasAutocomplete()}\n message={false}\n disabled={this.disabled}\n readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n status={this.isOpen ? undefined : this.status}\n role=\"combobox\"\n size={this.size}\n onClick={(e: MouseEvent) => {\n this.handleInputClick(e);\n }}\n onKeyUp={(e: KeyboardEvent) => {\n if (e.keyCode !== 13) {\n e.preventDefault();\n }\n handleKeyboardSubmit(e, this.toggleSelectUl);\n }}\n onKeyDown={(e: KeyboardEvent) => {\n return this.arrowsSelectNav(\n e,\n this.selectedItem ? this.itemsList.indexOf(this.selectedItem) : this.resetItem ? 0 : -1\n );\n }}\n onInputChange={(e: CustomEvent) => {\n this.handleInputChange(e);\n }}\n onKeyPress={(e: KeyboardEvent) => {\n if (!this.hasAutocomplete()) {\n e.preventDefault();\n this.scrollToLetter(String.fromCharCode(e.keyCode));\n }\n }}\n />\n );\n }\n\n private renderSelectUl(): HTMLDivElement {\n return (\n <div\n class={this.isOpen ? \"open\" : \"closed\"}\n tabindex=\"-1\"\n >\n <div\n class={{\n \"ul-scroll-wrapper\": true,\n \"fixed\": this.isfixed,\n }}\n tabindex=\"-1\"\n >\n <z-list\n role=\"listbox\"\n aria-label={this.ariaLabel || this.label}\n tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n id={`${this.htmlid}_list`}\n aria-multiselectable={false}\n size={this.listSizeType()}\n class={{\n disabled: this.disabled,\n readonly: this.readonly,\n filled: !!this.selectedItem,\n [`input-${this.status}`]: !this.isOpen && !!this.status,\n }}\n >\n {this.resetItem && this.renderResetItem()}\n {this.renderSelectUlItems()}\n </z-list>\n </div>\n </div>\n );\n }\n\n private renderResetItem(): HTMLZListElementElement {\n return (\n <z-list-element\n class={{\n \"hide\": !this.selectedItem || !this.resetItem,\n \"reset-item\": true,\n \"reset-item-margin\": !this.hasGroupItems,\n }}\n clickable={true}\n disabled={false}\n dividerType={ListDividerType.ELEMENT}\n role=\"option\"\n tabindex=\"0\"\n aria-selected=\"false\"\n id={`${this.htmlid}_${this.resetItem ? \"0\" : \"none\"}`}\n size={this.listSizeType()}\n onClickItem={() => {\n this.selectedItem = null;\n this.searchString = null;\n this.emitResetSelect();\n }}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, 0)}\n >\n <div class=\"reset-item-content\">\n <z-icon name=\"multiply-circled\" />\n <span>{this.resetItem}</span>\n </div>\n </z-list-element>\n );\n }\n\n private renderItem(item: SelectItem, key: number, lastItem: boolean): HTMLZListElementElement {\n return (\n <z-list-element\n clickable={!item.disabled}\n disabled={item.disabled}\n dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n role=\"option\"\n tabindex={item.disabled || !this.isOpen ? -1 : 0}\n aria-selected={item.selected ? \"true\" : \"false\"}\n id={`${this.htmlid}_${key}`}\n size={this.listSizeType()}\n onClickItem={() => this.selectItem(item, true)}\n onKeyDown={(e: KeyboardEvent) => this.arrowsSelectNav(e, key)}\n >\n <div class=\"list-element-container\">\n {item.icon && <z-icon name={item.icon} />}\n <span\n class={{\n \"selected\": !!item.selected,\n \"list-element-content\": true,\n }}\n innerHTML={item.name}\n />\n </div>\n </z-list-element>\n );\n }\n\n private listSizeType(): ListSize {\n if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n return ListSize.SMALL;\n }\n\n return ListSize.MEDIUM;\n }\n\n private renderSelectUlItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n if (!this.itemsList.length) {\n return this.renderNoSearchResults();\n }\n\n if (this.hasGroupItems) {\n return this.renderSelectGroupItems();\n }\n\n return this.itemsList.map((item: SelectItem, key, array) => {\n const lastItem = array.length === key + 1;\n const itemKey = this.resetItem ? key + 1 : key;\n\n return this.renderItem(item, itemKey, lastItem);\n });\n }\n\n private renderSelectGroupItems(): HTMLZListElementElement | HTMLZListElementElement[] {\n const newData = this.itemsList.reduce((group, item, index, array) => {\n const {category} = item;\n const lastItem = array.length === index + 1;\n const itemKey = this.resetItem ? index + 1 : index;\n const zListItem = this.renderItem(item, itemKey, lastItem);\n\n group[category] = group[category] ?? [];\n group[category].push(zListItem);\n\n return group;\n }, {});\n\n return Object.entries(newData as {[key: string]: HTMLZListElementElement[]}).map(([key, value]) => {\n return (\n <z-list-group divider-type={ListDividerType.ELEMENT}>\n <span\n class=\"body-3-sb z-list-group-title\"\n slot=\"header-title\"\n >\n {key}\n </span>\n {value.map((item) => item)}\n </z-list-group>\n );\n });\n }\n\n private renderNoSearchResults(): HTMLZListElementElement {\n return (\n <z-list-element\n color=\"blue500\"\n class=\"no-results\"\n size={this.listSizeType()}\n >\n <z-icon\n name=\"multiply-circle\"\n fill=\"blue500\"\n />\n {this.noresultslabel}\n </z-list-element>\n );\n }\n\n private renderMessage(): HTMLZInputMessageElement {\n if (boolean(this.message) === false) {\n return;\n }\n\n return (\n <z-input-message\n message={boolean(this.message) === true ? undefined : (this.message as string)}\n status={this.status}\n class={this.size}\n />\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div class=\"select-wrapper\">\n {this.renderInput()}\n {this.renderSelectUl()}\n {this.renderMessage()}\n </div>\n );\n }\n}\n"],"version":3}
package/dist/esm/z-skip-to-content.entry.js CHANGED
@@ -3,7 +3,7 @@ import { d as getElementTree, a as handleKeyboardSubmit } from './utils-7983d02c
3
3
  import { T as ThemeVariant } from './index-2255c6c8.js';
4
4
  import './breakpoints-680e0e56.js';
5
5
 
6
- const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-text01)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";
6
+ const stylesCss = ".sc-z-skip-to-content-h{position:absolute;left:-100%;height:60px;box-sizing:border-box;padding:calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);background-color:#24f4ff;font-family:var(--font-family-sans);font-weight:var(--font-rg);text-align:center}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{display:inline-flex;height:100%;align-items:center}.skip-to-content-visible.sc-z-skip-to-content-h,.sc-z-skip-to-content-h:focus{position:static;display:block}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:hidden;width:0;height:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-visible.sc-z-skip-to-content{width:initial;height:initial}.dark.sc-z-skip-to-content-h{background-color:var(--color-surface05);color:var(--color-surface01)}.light.sc-z-skip-to-content-h{border:var(--border-size-medium) solid var(--color-surface05);background-color:var(--color-surface01);color:var(--color-default-text)}@media (min-width: 768px){.sc-z-skip-to-content-h{text-align:start}}@media (min-width: 1152px){.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{padding:0 calc(var(--space-unit) * 3);border-right:var(--border-size-small) solid var(--color-surface05)}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content>a.z-link.link-invisible.sc-z-skip-to-content{overflow:initial;width:initial;height:initial}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:first-child{padding-left:0}.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child,.light.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content:last-child{padding-right:0;border-right:none}.dark.sc-z-skip-to-content-h>.link-container.sc-z-skip-to-content{border-right:var(--border-size-small) solid var(--color-surface01)}}";
7
7
  const ZSkipToContentStyle0 = stylesCss;
8
8
 
9
9
  const ZSkipToContent = class {
package/dist/esm/z-skip-to-content.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"z-skip-to-content.entry.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,k3DAAk3D,CAAC;AACr4D,6BAAe,SAAS;;MCYX,cAAc;;;;qBAOa,EAAE;uBAG9B,KAAK;2BAGD,EAAE;;IAKhB,2BAA2B,CAAC,CAAa;QACvC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;KACF;IAGD,wBAAwB,CAAC,CAAa;QACpC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;SACnF;KACF;IAEO,iBAAiB,CAAC,IAAI;QAC5B,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAa,KAAK,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,mBAAmB,CAAC,CAAC;QAErG,OAAO,CAAC,CAAC,UAAU,CAAC;KACrB;IAEO,cAAc;;QACpB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,0CAAG,CAAC,CAAC,CAAC;QAClD,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE,CAAC;SAClC;KACF;IAEO,eAAe;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;gBACpB,yBAAyB,EAAE,IAAI,CAAC,OAAO;aACxC,IAEC,IAAI,CAAC,KAA6B,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;YAC/C,MAAM,EAAE,GAAG,mBAAmB,CAAC,EAAE,CAAC;YAElC,QACE,WAAK,KAAK,EAAC,gBAAgB,IACzB,SACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;oBACL,WAAW,EAAE,IAAI;oBACjB,QAAQ,EAAE,IAAI;oBACd,kBAAkB,EAAE,IAAI;oBACxB,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,CAAC,IAAI;oBAClD,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,CAAC,IAAI;oBAClD,cAAc,EAAE,EAAE,IAAI,IAAI,CAAC,WAAW;oBACtC,gBAAgB,EAAE,EAAE,IAAI,IAAI,CAAC,WAAW;iBACzC,gBACW,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EACtC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EACrC,OAAO,EAAE,CAAC,CAAC,KAAK,oBAAoB,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAEvE,IAAI,CAAC,KAAK,CACT,CACA,EACN;SACH,CAAC,CACG,EACP;KACH;;;;;;;","names":[],"sources":["src/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","src/components/z-skip-to-content/index.tsx"],"sourcesContent":[":host {\n position: absolute;\n left: -100%;\n height: 60px;\n box-sizing: border-box;\n padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n background-color: #24f4ff;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n text-align: center;\n}\n\n:host > .link-container {\n display: inline-flex;\n height: 100%;\n align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n position: static;\n display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n overflow: hidden;\n width: 0;\n height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n width: initial;\n height: initial;\n}\n\n:host.dark {\n background-color: var(--color-surface05);\n color: var(--color-surface01);\n}\n\n:host.light {\n border: var(--border-size-medium) solid var(--color-surface05);\n background-color: var(--color-surface01);\n color: var(--color-text01);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host {\n text-align: start;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n :host > .link-container {\n padding: 0 calc(var(--space-unit) * 3);\n border-right: var(--border-size-small) solid var(--color-surface05);\n }\n\n :host > .link-container > a.z-link.link-invisible {\n overflow: initial;\n width: initial;\n height: initial;\n }\n\n :host > .link-container:first-child {\n padding-left: 0;\n }\n\n :host > .link-container:last-child,\n :host.dark > .link-container:last-child,\n :host.light > .link-container:last-child {\n padding-right: 0;\n border-right: none;\n }\n\n :host.dark > .link-container {\n border-right: var(--border-size-small) solid var(--color-surface01);\n }\n}\n","import {Component, h, Host, Element, Listen, Prop, State} from \"@stencil/core\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\nimport {ThemeVariant, SkipToContentLink} from \"../../beans\";\n\n/**\n * Component short description.\n */\n@Component({\n tag: \"z-skip-to-content\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSkipToContent {\n /** Graphical variant: `dark`, `light`. */\n @Prop({reflect: true})\n variant?: ThemeVariant;\n\n /** Array to fill link into skip-content */\n @Prop({mutable: true})\n links: string | SkipToContentLink[] = [];\n\n @State()\n visible = false;\n\n @State()\n visibleLink = \"\";\n\n @Element() hostElement: HTMLZSkipToContentElement;\n\n @Listen(\"focusout\", {target: \"document\"})\n handleFocusOutSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = false;\n }\n }\n\n @Listen(\"focusin\", {target: \"document\"})\n handleFocusSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = true;\n }\n }\n\n componentDidLoad(): void {\n this.showFirstChild();\n }\n\n componentWillRender(): void {\n if (this.links) {\n this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n }\n }\n\n private isInSkipToContent(elem): boolean {\n const tree = getElementTree(elem);\n const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n return !!menuParent;\n }\n\n private showFirstChild(): void {\n const firstChild = this.hostElement.children?.[0];\n if (firstChild) {\n this.visibleLink = firstChild.id;\n }\n }\n\n private handleLinkClick(): void {\n this.visible = false;\n }\n\n render(): HTMLZSkipToContentElement {\n return (\n <Host\n class={{\n [this.variant]: true,\n \"skip-to-content-visible\": this.visible,\n }}\n >\n {(this.links as SkipToContentLink[]).map((link, i) => {\n const id = `skip-to-content-${i}`;\n\n return (\n <div class=\"link-container\">\n <a\n id={id}\n class={{\n \"body-1-sb\": true,\n \"z-link\": true,\n \"z-link-underline\": true,\n \"z-link-white\": this.variant === ThemeVariant.DARK,\n \"z-link-black\": this.variant !== ThemeVariant.DARK,\n \"link-visible\": id == this.visibleLink,\n \"link-invisible\": id != this.visibleLink,\n }}\n aria-label={link.ariaLabel || link.label}\n href={link.href}\n onFocus={() => (this.visibleLink = id)}\n onClick={() => this.handleLinkClick()}\n onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n >\n {link.label}\n </a>\n </div>\n );\n })}\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"z-skip-to-content.entry.js","mappings":";;;;;AAAA,MAAM,SAAS,GAAG,w3DAAw3D,CAAC;AAC34D,6BAAe,SAAS;;MCYX,cAAc;;;;qBAOa,EAAE;uBAG9B,KAAK;2BAGD,EAAE;;IAKhB,2BAA2B,CAAC,CAAa;QACvC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;SACtB;KACF;IAGD,wBAAwB,CAAC,CAAa;QACpC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;SACrB;KACF;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;KACvB;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;SACnF;KACF;IAEO,iBAAiB,CAAC,IAAI;QAC5B,MAAM,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAa,KAAK,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,mBAAmB,CAAC,CAAC;QAErG,OAAO,CAAC,CAAC,UAAU,CAAC;KACrB;IAEO,cAAc;;QACpB,MAAM,UAAU,GAAG,MAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,0CAAG,CAAC,CAAC,CAAC;QAClD,IAAI,UAAU,EAAE;YACd,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,EAAE,CAAC;SAClC;KACF;IAEO,eAAe;QACrB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;KACtB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,CAAC,IAAI,CAAC,OAAO,GAAG,IAAI;gBACpB,yBAAyB,EAAE,IAAI,CAAC,OAAO;aACxC,IAEC,IAAI,CAAC,KAA6B,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;YAC/C,MAAM,EAAE,GAAG,mBAAmB,CAAC,EAAE,CAAC;YAElC,QACE,WAAK,KAAK,EAAC,gBAAgB,IACzB,SACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE;oBACL,WAAW,EAAE,IAAI;oBACjB,QAAQ,EAAE,IAAI;oBACd,kBAAkB,EAAE,IAAI;oBACxB,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,CAAC,IAAI;oBAClD,cAAc,EAAE,IAAI,CAAC,OAAO,KAAK,YAAY,CAAC,IAAI;oBAClD,cAAc,EAAE,EAAE,IAAI,IAAI,CAAC,WAAW;oBACtC,gBAAgB,EAAE,EAAE,IAAI,IAAI,CAAC,WAAW;iBACzC,gBACW,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,EACxC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,EACtC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,EAAE,EACrC,OAAO,EAAE,CAAC,CAAC,KAAK,oBAAoB,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAEvE,IAAI,CAAC,KAAK,CACT,CACA,EACN;SACH,CAAC,CACG,EACP;KACH;;;;;;;","names":[],"sources":["src/components/z-skip-to-content/styles.css?tag=z-skip-to-content&encapsulation=scoped","src/components/z-skip-to-content/index.tsx"],"sourcesContent":[":host {\n position: absolute;\n left: -100%;\n height: 60px;\n box-sizing: border-box;\n padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) * 3);\n background-color: #24f4ff;\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n text-align: center;\n}\n\n:host > .link-container {\n display: inline-flex;\n height: 100%;\n align-items: center;\n}\n\n:host.skip-to-content-visible,\n:host:focus {\n position: static;\n display: block;\n}\n\n:host > .link-container > a.z-link.link-invisible {\n overflow: hidden;\n width: 0;\n height: 0;\n}\n\n:host > .link-container > a.z-link.link-visible {\n width: initial;\n height: initial;\n}\n\n:host.dark {\n background-color: var(--color-surface05);\n color: var(--color-surface01);\n}\n\n:host.light {\n border: var(--border-size-medium) solid var(--color-surface05);\n background-color: var(--color-surface01);\n color: var(--color-default-text);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host {\n text-align: start;\n }\n}\n\n/* Desktop breakpoint */\n@media (min-width: 1152px) {\n :host > .link-container {\n padding: 0 calc(var(--space-unit) * 3);\n border-right: var(--border-size-small) solid var(--color-surface05);\n }\n\n :host > .link-container > a.z-link.link-invisible {\n overflow: initial;\n width: initial;\n height: initial;\n }\n\n :host > .link-container:first-child {\n padding-left: 0;\n }\n\n :host > .link-container:last-child,\n :host.dark > .link-container:last-child,\n :host.light > .link-container:last-child {\n padding-right: 0;\n border-right: none;\n }\n\n :host.dark > .link-container {\n border-right: var(--border-size-small) solid var(--color-surface01);\n }\n}\n","import {Component, h, Host, Element, Listen, Prop, State} from \"@stencil/core\";\nimport {getElementTree, handleKeyboardSubmit} from \"../../utils/utils\";\nimport {ThemeVariant, SkipToContentLink} from \"../../beans\";\n\n/**\n * Component short description.\n */\n@Component({\n tag: \"z-skip-to-content\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSkipToContent {\n /** Graphical variant: `dark`, `light`. */\n @Prop({reflect: true})\n variant?: ThemeVariant;\n\n /** Array to fill link into skip-content */\n @Prop({mutable: true})\n links: string | SkipToContentLink[] = [];\n\n @State()\n visible = false;\n\n @State()\n visibleLink = \"\";\n\n @Element() hostElement: HTMLZSkipToContentElement;\n\n @Listen(\"focusout\", {target: \"document\"})\n handleFocusOutSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = false;\n }\n }\n\n @Listen(\"focusin\", {target: \"document\"})\n handleFocusSkipToContent(e: FocusEvent): void {\n if (this.isInSkipToContent(e.target)) {\n this.visible = true;\n }\n }\n\n componentDidLoad(): void {\n this.showFirstChild();\n }\n\n componentWillRender(): void {\n if (this.links) {\n this.links = typeof this.links === \"string\" ? JSON.parse(this.links) : this.links;\n }\n }\n\n private isInSkipToContent(elem): boolean {\n const tree = getElementTree(elem);\n const menuParent = tree.find((elem: Element) => elem.nodeName.toLowerCase() === \"z-skip-to-content\");\n\n return !!menuParent;\n }\n\n private showFirstChild(): void {\n const firstChild = this.hostElement.children?.[0];\n if (firstChild) {\n this.visibleLink = firstChild.id;\n }\n }\n\n private handleLinkClick(): void {\n this.visible = false;\n }\n\n render(): HTMLZSkipToContentElement {\n return (\n <Host\n class={{\n [this.variant]: true,\n \"skip-to-content-visible\": this.visible,\n }}\n >\n {(this.links as SkipToContentLink[]).map((link, i) => {\n const id = `skip-to-content-${i}`;\n\n return (\n <div class=\"link-container\">\n <a\n id={id}\n class={{\n \"body-1-sb\": true,\n \"z-link\": true,\n \"z-link-underline\": true,\n \"z-link-white\": this.variant === ThemeVariant.DARK,\n \"z-link-black\": this.variant !== ThemeVariant.DARK,\n \"link-visible\": id == this.visibleLink,\n \"link-invisible\": id != this.visibleLink,\n }}\n aria-label={link.ariaLabel || link.label}\n href={link.href}\n onFocus={() => (this.visibleLink = id)}\n onClick={() => this.handleLinkClick()}\n onKeyUp={(e) => handleKeyboardSubmit(e, this.handleLinkClick.bind(this))}\n >\n {link.label}\n </a>\n </div>\n );\n })}\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/z-stepper-item.entry.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-f16bc2ca.js';
2
2
 
3
- const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled02);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:18px;line-height:28px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));text-align:center}:host(:not([disabled])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}@media (min-width: 768px){:host{width:calc(var(--space-unit) * 10)}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10)}.stepper-item span{display:block}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
3
+ const stylesCss = ":host{position:relative;width:calc(var(--space-unit) * 5);font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host(:not(:last-child)){flex:1}:host(:not(:last-child))::after{position:absolute;z-index:1;top:calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);right:calc(var(--space-unit) * 2);left:calc(var(--space-unit) * 3);display:block;width:auto;border-bottom:var(--border-size-medium) solid var(--color-disabled03);margin:0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);content:\"\"}.stepper-item{display:flex;width:calc(var(--space-unit) * 5);flex-direction:column;align-items:center;padding:0;border:0;appearance:none;background:transparent;color:inherit;font-family:inherit;font-size:18px;line-height:28px;outline:0;text-decoration:none}.stepper-item span{display:none;width:calc(100% + calc(var(--space-unit) * 4));text-align:center}:host(:not([disabled])) .stepper-item{cursor:pointer}:host([disabled]) .stepper-item{pointer-events:none}.indicator{display:flex;width:calc(var(--space-unit) * 4);height:calc(var(--space-unit) * 4);box-sizing:border-box;align-items:center;justify-content:center;border:var(--border-size-medium) solid var(--color-primary01);margin:calc(var(--space-unit) * 2);background:var(--color-surface01);border-radius:50%;color:var(--color-primary01);content:counter(stepper);font-size:14px;font-weight:var(--font-sb);line-height:1}:host([pressed]:not([disabled])) .indicator{border-color:var(--color-active-primary);background:var(--color-active-primary);color:var(--color-text-inverse)}:host(:not([disabled]):focus-within) .indicator{box-shadow:var(--shadow-focus-primary)}:host([disabled]) .indicator{border-color:var(--color-disabled02);background:var(--color-disabled01);color:var(--color-disabled03)}@media (min-width: 768px){:host{width:calc(var(--space-unit) * 10)}:host(:not(:last-child))::after{top:calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);left:calc(var(--space-unit) * 8)}.stepper-item{width:calc(var(--space-unit) * 10)}.stepper-item span{display:block}.indicator{width:calc(var(--space-unit) * 6);height:calc(var(--space-unit) * 6);font-size:16px}}";
4
4
  const ZStepperItemStyle0 = stylesCss;
5
5
 
6
6
  const ZStepperItem = class {
package/dist/esm/z-stepper-item.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"z-stepper-item.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,imEAAimE,CAAC;AACpnE,2BAAe,SAAS;;MCMX,YAAY;;;;;;;;IAyBvB,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QACE,SACE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,EACjC,KAAK,EAAC,cAAc,IAEpB,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAO,EACzC,gBACE,eAAQ,CACH,CACL,EACJ;SACH;QAED,QACE,cACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvB,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAO,EACzC,gBACE,eAAQ,CACH,CACA,EACT;KACH;;;;;;","names":[],"sources":["src/components/indicators/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/indicators/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n position: relative;\n width: calc(var(--space-unit) * 5);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host(:not(:last-child)) {\n flex: 1;\n}\n\n:host(:not(:last-child))::after {\n position: absolute;\n z-index: 1;\n top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n right: calc(var(--space-unit) * 2);\n left: calc(var(--space-unit) * 3);\n display: block;\n width: auto;\n border-bottom: var(--border-size-medium) solid var(--color-disabled02);\n margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n content: \"\";\n}\n\n.stepper-item {\n display: flex;\n width: calc(var(--space-unit) * 5);\n flex-direction: column;\n align-items: center;\n padding: 0;\n border: 0;\n appearance: none;\n background: transparent;\n color: inherit;\n font-family: inherit;\n font-size: 18px;\n line-height: 28px;\n outline: 0;\n text-decoration: none;\n}\n\n.stepper-item span {\n display: none;\n width: calc(100% + calc(var(--space-unit) * 4));\n text-align: center;\n}\n\n:host(:not([disabled])) .stepper-item {\n cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n pointer-events: none;\n}\n\n.indicator {\n display: flex;\n width: calc(var(--space-unit) * 4);\n height: calc(var(--space-unit) * 4);\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: var(--border-size-medium) solid var(--color-primary01);\n margin: calc(var(--space-unit) * 2);\n background: var(--color-surface01);\n border-radius: 50%;\n color: var(--color-primary01);\n content: counter(stepper);\n font-size: 14px;\n font-weight: var(--font-sb);\n line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n border-color: var(--color-active-primary);\n background: var(--color-active-primary);\n color: var(--color-text-inverse);\n}\n\n:host(:not([disabled]):focus-within) .indicator {\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host([disabled]) .indicator {\n border-color: var(--color-disabled02);\n background: var(--color-disabled01);\n color: var(--color-disabled03);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host {\n width: calc(var(--space-unit) * 10);\n }\n\n :host(:not(:last-child))::after {\n top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n left: calc(var(--space-unit) * 8);\n }\n\n .stepper-item {\n width: calc(var(--space-unit) * 10);\n }\n\n .stepper-item span {\n display: block;\n }\n\n .indicator {\n width: calc(var(--space-unit) * 6);\n height: calc(var(--space-unit) * 6);\n font-size: 16px;\n }\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-stepper-item\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepperItem {\n /**\n * The number of the step item.\n */\n @Prop({attribute: \"index\"})\n index: number;\n\n /**\n * The href to navigate on click.\n */\n @Prop({attribute: \"href\"})\n href: string;\n\n /**\n * The pressed state of the item.\n */\n @Prop({attribute: \"pressed\"})\n pressed: boolean;\n\n /**\n * The disabled state of the item.\n */\n @Prop({attribute: \"disabled\"})\n disabled: boolean;\n\n render(): HTMLAnchorElement | HTMLButtonElement {\n if (this.href) {\n return (\n <a\n href={!this.disabled && this.href}\n class=\"stepper-item\"\n >\n <div class=\"indicator\">{this.index}</div>\n <span>\n <slot />\n </span>\n </a>\n );\n }\n\n return (\n <button\n class=\"stepper-item\"\n disabled={this.disabled}\n >\n <div class=\"indicator\">{this.index}</div>\n <span>\n <slot />\n </span>\n </button>\n );\n }\n}\n"],"version":3}
1
+ {"file":"z-stepper-item.entry.js","mappings":";;AAAA,MAAM,SAAS,GAAG,imEAAimE,CAAC;AACpnE,2BAAe,SAAS;;MCMX,YAAY;;;;;;;;IAyBvB,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,QACE,SACE,IAAI,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,EACjC,KAAK,EAAC,cAAc,IAEpB,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAO,EACzC,gBACE,eAAQ,CACH,CACL,EACJ;SACH;QAED,QACE,cACE,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAEvB,WAAK,KAAK,EAAC,WAAW,IAAE,IAAI,CAAC,KAAK,CAAO,EACzC,gBACE,eAAQ,CACH,CACA,EACT;KACH;;;;;;","names":[],"sources":["src/components/indicators/z-stepper-item/styles.css?tag=z-stepper-item&encapsulation=shadow","src/components/indicators/z-stepper-item/index.tsx"],"sourcesContent":[":host {\n position: relative;\n width: calc(var(--space-unit) * 5);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host(:not(:last-child)) {\n flex: 1;\n}\n\n:host(:not(:last-child))::after {\n position: absolute;\n z-index: 1;\n top: calc(var(--space-unit) * 4 - var(--border-size-medium) / 2);\n right: calc(var(--space-unit) * 2);\n left: calc(var(--space-unit) * 3);\n display: block;\n width: auto;\n border-bottom: var(--border-size-medium) solid var(--color-disabled03);\n margin: 0 calc(var(--space-unit) * -2) 0 calc(var(--space-unit) * 2);\n content: \"\";\n}\n\n.stepper-item {\n display: flex;\n width: calc(var(--space-unit) * 5);\n flex-direction: column;\n align-items: center;\n padding: 0;\n border: 0;\n appearance: none;\n background: transparent;\n color: inherit;\n font-family: inherit;\n font-size: 18px;\n line-height: 28px;\n outline: 0;\n text-decoration: none;\n}\n\n.stepper-item span {\n display: none;\n width: calc(100% + calc(var(--space-unit) * 4));\n text-align: center;\n}\n\n:host(:not([disabled])) .stepper-item {\n cursor: pointer;\n}\n\n:host([disabled]) .stepper-item {\n pointer-events: none;\n}\n\n.indicator {\n display: flex;\n width: calc(var(--space-unit) * 4);\n height: calc(var(--space-unit) * 4);\n box-sizing: border-box;\n align-items: center;\n justify-content: center;\n border: var(--border-size-medium) solid var(--color-primary01);\n margin: calc(var(--space-unit) * 2);\n background: var(--color-surface01);\n border-radius: 50%;\n color: var(--color-primary01);\n content: counter(stepper);\n font-size: 14px;\n font-weight: var(--font-sb);\n line-height: 1;\n}\n\n:host([pressed]:not([disabled])) .indicator {\n border-color: var(--color-active-primary);\n background: var(--color-active-primary);\n color: var(--color-text-inverse);\n}\n\n:host(:not([disabled]):focus-within) .indicator {\n box-shadow: var(--shadow-focus-primary);\n}\n\n:host([disabled]) .indicator {\n border-color: var(--color-disabled02);\n background: var(--color-disabled01);\n color: var(--color-disabled03);\n}\n\n/* Tablet breakpoint */\n@media (min-width: 768px) {\n :host {\n width: calc(var(--space-unit) * 10);\n }\n\n :host(:not(:last-child))::after {\n top: calc(var(--space-unit) * 5 - var(--border-size-medium) / 2);\n left: calc(var(--space-unit) * 8);\n }\n\n .stepper-item {\n width: calc(var(--space-unit) * 10);\n }\n\n .stepper-item span {\n display: block;\n }\n\n .indicator {\n width: calc(var(--space-unit) * 6);\n height: calc(var(--space-unit) * 6);\n font-size: 16px;\n }\n}\n","import {Component, Prop, h} from \"@stencil/core\";\n\n@Component({\n tag: \"z-stepper-item\",\n styleUrl: \"styles.css\",\n shadow: true,\n})\nexport class ZStepperItem {\n /**\n * The number of the step item.\n */\n @Prop({attribute: \"index\"})\n index: number;\n\n /**\n * The href to navigate on click.\n */\n @Prop({attribute: \"href\"})\n href: string;\n\n /**\n * The pressed state of the item.\n */\n @Prop({attribute: \"pressed\"})\n pressed: boolean;\n\n /**\n * The disabled state of the item.\n */\n @Prop({attribute: \"disabled\"})\n disabled: boolean;\n\n render(): HTMLAnchorElement | HTMLButtonElement {\n if (this.href) {\n return (\n <a\n href={!this.disabled && this.href}\n class=\"stepper-item\"\n >\n <div class=\"indicator\">{this.index}</div>\n <span>\n <slot />\n </span>\n </a>\n );\n }\n\n return (\n <button\n class=\"stepper-item\"\n disabled={this.disabled}\n >\n <div class=\"indicator\">{this.index}</div>\n <span>\n <slot />\n </span>\n </button>\n );\n }\n}\n"],"version":3}
package/dist/esm/z-toast-notification.entry.js CHANGED
@@ -3,7 +3,7 @@ import { s as ToastNotificationTransition } from './index-2255c6c8.js';
3
3
  import { m as mobileBreakpoint } from './breakpoints-680e0e56.js';
4
4
  import { H as Hammer } from './hammer-f1ed46b5.js';
5
5
 
6
- const stylesCss = ":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#external-container{display:flex;min-height:52px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;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{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;width:100%;flex-wrap:wrap;align-items:center;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-icon01)}: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{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";
6
+ const stylesCss = ":host{display:inline-block;width:100vw;min-width:200px;--percentuale:0}:host(.slide-in-left){animation:slideinleft 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-right){animation:slideinright 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-down){animation:slideindown 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-in-up){animation:slideinup 1s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-left){animation:slideoutleft 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-right){animation:slideoutright 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-down){animation:slideoutdown 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}:host(.slide-out-up){animation:slideoutup 0.5s cubic-bezier(0.25, 0.1, 0.25, 0.1);animation-fill-mode:forwards}@keyframes slideinleft{0%{transform:translateX(100%)}100%{transform:translateX(0)}}@keyframes slideinright{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}@keyframes slideinup{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideindown{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes slideoutleft{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(-100%)}}@keyframes slideoutright{0%{opacity:calc(100% - var(--percentuale));transform:translateX(var(--percentuale))}100%{opacity:0;transform:translateX(100%)}}@keyframes slideoutup{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(-100%)}}@keyframes slideoutdown{0%{opacity:1;transform:translateY(var(--percentuale))}100%{opacity:0;transform:translateY(100%)}}:host>#external-container{display:flex;min-height:52px;box-sizing:border-box;align-items:center;justify-content:space-between;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 2);border-radius:4px;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{align-self:flex-start}:host>#external-container.several-lines-padding{padding:calc(var(--space-unit) * 2)}:host>#external-container>#flex-container{display:flex;width:100%;flex-wrap:wrap;align-items:center;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{flex-wrap:nowrap}:host>#external-container #text{width:100%}}@media only screen and (min-width: 1366px){:host{width:unset;max-width:33vw}}";
7
7
  const ZToastNotificationStyle0 = stylesCss;
8
8
 
9
9
  const ZToastNotification = class {