@zanichelli/albe-web-components 19.4.0 → 19.6.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 (625) hide show
  1. package/CHANGELOG.md +38 -0
  2. package/dist/cjs/{index-Cn7FFDHr.js → index-DppFfqsn.js} +8 -2
  3. package/dist/cjs/index-DppFfqsn.js.map +1 -0
  4. package/dist/cjs/index.cjs.js +6 -2
  5. package/dist/cjs/index.cjs.js.map +1 -1
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/{reactive-controller-BBJFF12W.js → reactive-controller-B2CuCldJ.js} +4 -4
  8. package/dist/cjs/{reactive-controller-BBJFF12W.js.map → reactive-controller-B2CuCldJ.js.map} +1 -1
  9. package/dist/cjs/{utils-kQZHfpti.js → utils-C0QY75C2.js} +3 -3
  10. package/dist/cjs/{utils-kQZHfpti.js.map → utils-C0QY75C2.js.map} +1 -1
  11. package/dist/cjs/{utils-By4U4KkV.js → utils-C6lcMaul.js} +3 -3
  12. package/dist/cjs/{utils-By4U4KkV.js.map → utils-C6lcMaul.js.map} +1 -1
  13. package/dist/cjs/web-components-library.cjs.js +1 -1
  14. package/dist/cjs/z-accordion.cjs.entry.js +2 -2
  15. package/dist/cjs/z-anchor-navigation.cjs.entry.js +2 -2
  16. package/dist/cjs/z-app-header-deprecated.cjs.entry.js +1 -1
  17. package/dist/cjs/z-app-header_12.cjs.entry.js +30 -26
  18. package/dist/cjs/z-app-header_12.cjs.entry.js.map +1 -1
  19. package/dist/cjs/z-aria-alert.cjs.entry.js +2 -2
  20. package/dist/cjs/z-avatar.cjs.entry.js +3 -3
  21. package/dist/cjs/z-book-card-app.cjs.entry.js +1 -1
  22. package/dist/cjs/z-book-card-deprecated.cjs.entry.js +2 -2
  23. package/dist/cjs/z-book-card.cjs.entry.js +1 -1
  24. package/dist/cjs/z-book-cover.cjs.entry.js +2 -1
  25. package/dist/cjs/z-book-cover.cjs.entry.js.map +1 -1
  26. package/dist/cjs/z-breadcrumb.cjs.entry.js +4 -4
  27. package/dist/cjs/z-button-sort.cjs.entry.js +1 -1
  28. package/dist/cjs/z-card.cjs.entry.js +1 -1
  29. package/dist/cjs/z-carousel.cjs.entry.js +1 -1
  30. package/dist/cjs/z-chip.cjs.entry.js +7 -4
  31. package/dist/cjs/z-chip.cjs.entry.js.map +1 -1
  32. package/dist/cjs/z-color-picker.cjs.entry.js +3 -3
  33. package/dist/cjs/z-combobox.cjs.entry.js +3 -3
  34. package/dist/cjs/z-cover-hero.cjs.entry.js +3 -3
  35. package/dist/cjs/z-date-picker.cjs.entry.js +2 -2
  36. package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +9 -9
  37. package/dist/cjs/z-file-upload.cjs.entry.js +1 -1
  38. package/dist/cjs/z-file.cjs.entry.js +2 -2
  39. package/dist/cjs/z-ghost-loading.cjs.entry.js +1 -1
  40. package/dist/cjs/z-info-box.cjs.entry.js +1 -1
  41. package/dist/cjs/z-info-reveal.cjs.entry.js +2 -2
  42. package/dist/cjs/z-input-range.cjs.entry.js +3 -3
  43. package/dist/cjs/z-logo.cjs.entry.js +1 -1
  44. package/dist/cjs/z-menu-section.cjs.entry.js +2 -2
  45. package/dist/cjs/z-menu.cjs.entry.js +2 -2
  46. package/dist/cjs/z-myz-card-alert.cjs.entry.js +1 -1
  47. package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +1 -1
  48. package/dist/cjs/z-myz-card-footer.cjs.entry.js +1 -1
  49. package/dist/cjs/z-myz-card-info.cjs.entry.js +2 -2
  50. package/dist/cjs/z-myz-card_4.cjs.entry.js +1 -1
  51. package/dist/cjs/z-myz-list-item.cjs.entry.js +2 -2
  52. package/dist/cjs/z-navigation-tabs.cjs.entry.js +3 -3
  53. package/dist/cjs/z-notification.cjs.entry.js +1 -1
  54. package/dist/cjs/z-otp.cjs.entry.js +1 -1
  55. package/dist/cjs/z-pagination.cjs.entry.js +1 -1
  56. package/dist/cjs/z-panel-elem.cjs.entry.js +2 -2
  57. package/dist/cjs/z-popover.cjs.entry.js +3 -3
  58. package/dist/cjs/z-range-picker.cjs.entry.js +2 -2
  59. package/dist/cjs/z-result-card.cjs.entry.js +1 -1
  60. package/dist/cjs/z-result-card.cjs.entry.js.map +1 -1
  61. package/dist/cjs/z-section-title.cjs.entry.js +1 -1
  62. package/dist/cjs/z-select.cjs.entry.js +6 -4
  63. package/dist/cjs/z-select.cjs.entry.js.map +1 -1
  64. package/dist/cjs/z-skip-to-content.cjs.entry.js +3 -3
  65. package/dist/cjs/z-slideshow.cjs.entry.js +2 -2
  66. package/dist/cjs/z-stepper-item.cjs.entry.js +1 -1
  67. package/dist/cjs/z-stepper.cjs.entry.js +1 -1
  68. package/dist/cjs/z-table.cjs.entry.js +3 -3
  69. package/dist/cjs/z-tbody.cjs.entry.js +1 -1
  70. package/dist/cjs/z-td.cjs.entry.js +2 -2
  71. package/dist/cjs/z-tfoot.cjs.entry.js +1 -1
  72. package/dist/cjs/z-th.cjs.entry.js +2 -2
  73. package/dist/cjs/z-thead.cjs.entry.js +1 -1
  74. package/dist/cjs/z-toast-notification-list.cjs.entry.js +2 -2
  75. package/dist/cjs/z-toast-notification.cjs.entry.js +4 -4
  76. package/dist/cjs/z-toggle-button.cjs.entry.js +2 -2
  77. package/dist/cjs/z-toggle-button.cjs.entry.js.map +1 -1
  78. package/dist/cjs/z-toggle-switch.cjs.entry.js +2 -2
  79. package/dist/cjs/z-tool.cjs.entry.js +2 -2
  80. package/dist/cjs/z-toolbar.cjs.entry.js +1 -1
  81. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  82. package/dist/cjs/z-tr.cjs.entry.js +3 -3
  83. package/dist/cjs/z-tree-list.cjs.entry.js +2 -2
  84. package/dist/collection/beans/index.js +6 -0
  85. package/dist/collection/beans/index.js.map +1 -1
  86. package/dist/collection/collection-manifest.json +1 -1
  87. package/dist/collection/components/{z-toggle-button → deprecated/z-toggle-button}/index.js +2 -2
  88. package/dist/collection/components/deprecated/z-toggle-button/index.js.map +1 -0
  89. package/dist/collection/components/file-upload/z-dragdrop-area/index.js +2 -2
  90. package/dist/collection/components/file-upload/z-file/index.js +1 -1
  91. package/dist/collection/components/list/z-list/index.js +1 -1
  92. package/dist/collection/components/list/z-list-element/index.js +1 -1
  93. package/dist/collection/components/list/z-list-group/index.js +2 -2
  94. package/dist/collection/components/list/z-tree-list/index.js +1 -1
  95. package/dist/collection/components/table/cells/z-td/index.js +1 -1
  96. package/dist/collection/components/table/cells/z-th/index.js +1 -1
  97. package/dist/collection/components/table/z-table/index.js +1 -1
  98. package/dist/collection/components/table/z-tbody/index.js +1 -1
  99. package/dist/collection/components/table/z-tfoot/index.js +1 -1
  100. package/dist/collection/components/table/z-thead/index.js +1 -1
  101. package/dist/collection/components/table/z-tr/index.js +1 -1
  102. package/dist/collection/components/z-accordion/index.js +1 -1
  103. package/dist/collection/components/z-anchor-navigation/index.js +1 -1
  104. package/dist/collection/components/z-app-header/index.js +1 -1
  105. package/dist/collection/components/z-aria-alert/index.js +1 -1
  106. package/dist/collection/components/z-avatar/index.js +2 -2
  107. package/dist/collection/components/z-book-cover/index.js +21 -1
  108. package/dist/collection/components/z-book-cover/index.js.map +1 -1
  109. package/dist/collection/components/z-breadcrumb/index.js +2 -2
  110. package/dist/collection/components/z-button/index.js +3 -2
  111. package/dist/collection/components/z-button/index.js.map +1 -1
  112. package/dist/collection/components/z-button-sort/index.js +1 -1
  113. package/dist/collection/components/z-chip/index.js +33 -3
  114. package/dist/collection/components/z-chip/index.js.map +1 -1
  115. package/dist/collection/components/z-chip/styles.css +83 -25
  116. package/dist/collection/components/z-color-picker/index.js +1 -1
  117. package/dist/collection/components/z-combobox/index.js +1 -1
  118. package/dist/collection/components/z-cover-hero/index.js +2 -2
  119. package/dist/collection/components/z-divider/index.js +1 -1
  120. package/dist/collection/components/z-ghost-loading/index.js +1 -1
  121. package/dist/collection/components/z-icon/index.js +1 -1
  122. package/dist/collection/components/z-info-box/index.js +1 -1
  123. package/dist/collection/components/z-info-reveal/index.js +1 -1
  124. package/dist/collection/components/z-input/index.js +8 -5
  125. package/dist/collection/components/z-input/index.js.map +1 -1
  126. package/dist/collection/components/z-input-message/index.js +1 -1
  127. package/dist/collection/components/z-input-message/index.js.map +1 -1
  128. package/dist/collection/components/z-input-range/index.js +1 -1
  129. package/dist/collection/components/z-logo/index.js +1 -1
  130. package/dist/collection/components/z-menu-section/index.js +1 -1
  131. package/dist/collection/components/z-modal/index.js +4 -4
  132. package/dist/collection/components/z-navigation-tabs/index.js +2 -2
  133. package/dist/collection/components/z-notification/index.js +1 -1
  134. package/dist/collection/components/z-offcanvas/index.js +2 -2
  135. package/dist/collection/components/z-panel-elem/index.js +2 -2
  136. package/dist/collection/components/z-popover/index.js +1 -1
  137. package/dist/collection/components/z-result-card/index.js +20 -1
  138. package/dist/collection/components/z-result-card/index.js.map +1 -1
  139. package/dist/collection/components/z-searchbar/index.js +3 -3
  140. package/dist/collection/components/z-searchbar/styles.css +2 -0
  141. package/dist/collection/components/z-select/index.js +24 -2
  142. package/dist/collection/components/z-select/index.js.map +1 -1
  143. package/dist/collection/components/z-skip-to-content/index.js +1 -1
  144. package/dist/collection/components/z-stepper/index.js +1 -1
  145. package/dist/collection/components/z-stepper-item/index.js +1 -1
  146. package/dist/collection/components/z-tag/index.js +2 -2
  147. package/dist/collection/components/z-toast-notification/index.js +3 -3
  148. package/dist/collection/components/z-toast-notification-list/index.js +1 -1
  149. package/dist/components/index.d.ts +1 -1
  150. package/dist/components/index.js +1 -1
  151. package/dist/components/index.js.map +1 -1
  152. package/dist/components/index10.js +1 -1
  153. package/dist/components/index11.js +1 -1
  154. package/dist/components/index12.js +1 -1
  155. package/dist/components/index13.js +1 -1
  156. package/dist/components/index13.js.map +1 -1
  157. package/dist/components/index14.js +1 -1
  158. package/dist/components/index15.js +1 -1
  159. package/dist/components/index15.js.map +1 -1
  160. package/dist/components/index16.js +1 -1
  161. package/dist/components/index17.js +1 -1
  162. package/dist/components/index18.js +1 -1
  163. package/dist/components/index19.js +1 -1
  164. package/dist/components/index19.js.map +1 -1
  165. package/dist/components/index2.js +1 -1
  166. package/dist/components/index2.js.map +1 -1
  167. package/dist/components/index20.js +1 -1
  168. package/dist/components/index21.js +1 -1
  169. package/dist/components/index3.js +1 -1
  170. package/dist/components/index5.js +1 -1
  171. package/dist/components/index5.js.map +1 -1
  172. package/dist/components/index6.js +1 -1
  173. package/dist/components/index7.js +1 -1
  174. package/dist/components/index7.js.map +1 -1
  175. package/dist/components/index8.js +1 -1
  176. package/dist/components/index8.js.map +1 -1
  177. package/dist/components/index9.js +1 -1
  178. package/dist/components/utils2.js +1 -1
  179. package/dist/components/z-accordion.js +1 -1
  180. package/dist/components/z-accordion.js.map +1 -1
  181. package/dist/components/z-anchor-navigation.js +1 -1
  182. package/dist/components/z-app-header.js +1 -1
  183. package/dist/components/z-aria-alert.js +1 -1
  184. package/dist/components/z-avatar.js +1 -1
  185. package/dist/components/z-book-card-app.js +1 -1
  186. package/dist/components/z-book-card-deprecated.js +1 -1
  187. package/dist/components/z-book-card.js +1 -1
  188. package/dist/components/z-breadcrumb.js +1 -1
  189. package/dist/components/z-button-sort.js +1 -1
  190. package/dist/components/z-carousel.js +1 -1
  191. package/dist/components/z-color-picker.js +1 -1
  192. package/dist/components/z-combobox.js +1 -1
  193. package/dist/components/z-cover-hero.js +1 -1
  194. package/dist/components/z-date-picker.js +1 -1
  195. package/dist/components/z-file.js +1 -1
  196. package/dist/components/z-info-box.js +1 -1
  197. package/dist/components/z-input-range.js +1 -1
  198. package/dist/components/z-logo.js +1 -1
  199. package/dist/components/z-menu-section.js +1 -1
  200. package/dist/components/z-navigation-tabs.js +1 -1
  201. package/dist/components/z-notification.js +1 -1
  202. package/dist/components/z-panel-elem.js +1 -1
  203. package/dist/components/z-range-picker.js +1 -1
  204. package/dist/components/z-result-card.js +1 -1
  205. package/dist/components/z-result-card.js.map +1 -1
  206. package/dist/components/z-section-title.js +1 -1
  207. package/dist/components/z-select.js +1 -1
  208. package/dist/components/z-select.js.map +1 -1
  209. package/dist/components/z-skip-to-content.js +1 -1
  210. package/dist/components/z-stepper-item.js +1 -1
  211. package/dist/components/z-stepper.js +1 -1
  212. package/dist/components/z-table.js +1 -1
  213. package/dist/components/z-tbody.js +1 -1
  214. package/dist/components/z-td.js +1 -1
  215. package/dist/components/z-tfoot.js +1 -1
  216. package/dist/components/z-th.js +1 -1
  217. package/dist/components/z-thead.js +1 -1
  218. package/dist/components/z-toast-notification-list.js +1 -1
  219. package/dist/components/z-toast-notification.js +2 -2
  220. package/dist/components/z-toggle-button.js +1 -1
  221. package/dist/components/z-toggle-button.js.map +1 -1
  222. package/dist/components/z-tr.js +1 -1
  223. package/dist/components/z-tree-list.js +1 -1
  224. package/dist/esm/{index-B3nR3-Jw.js → index-DdetsoIY.js} +9 -3
  225. package/dist/esm/index-DdetsoIY.js.map +1 -0
  226. package/dist/esm/index.js +2 -2
  227. package/dist/esm/loader.js +1 -1
  228. package/dist/esm/{reactive-controller--oxj7x8w.js → reactive-controller-C_qN1xPW.js} +4 -4
  229. package/dist/esm/{reactive-controller--oxj7x8w.js.map → reactive-controller-C_qN1xPW.js.map} +1 -1
  230. package/dist/esm/{utils-DP4zBIll.js → utils-BO5sSCUY.js} +3 -3
  231. package/dist/esm/{utils-DP4zBIll.js.map → utils-BO5sSCUY.js.map} +1 -1
  232. package/dist/esm/{utils-C9lc3rtK.js → utils-CEdyahRZ.js} +3 -3
  233. package/dist/esm/{utils-C9lc3rtK.js.map → utils-CEdyahRZ.js.map} +1 -1
  234. package/dist/esm/web-components-library.js +1 -1
  235. package/dist/esm/z-accordion.entry.js +2 -2
  236. package/dist/esm/z-anchor-navigation.entry.js +2 -2
  237. package/dist/esm/z-app-header-deprecated.entry.js +1 -1
  238. package/dist/esm/z-app-header_12.entry.js +30 -26
  239. package/dist/esm/z-app-header_12.entry.js.map +1 -1
  240. package/dist/esm/z-aria-alert.entry.js +2 -2
  241. package/dist/esm/z-avatar.entry.js +3 -3
  242. package/dist/esm/z-book-card-app.entry.js +1 -1
  243. package/dist/esm/z-book-card-deprecated.entry.js +2 -2
  244. package/dist/esm/z-book-card.entry.js +1 -1
  245. package/dist/esm/z-book-cover.entry.js +2 -1
  246. package/dist/esm/z-book-cover.entry.js.map +1 -1
  247. package/dist/esm/z-breadcrumb.entry.js +4 -4
  248. package/dist/esm/z-button-sort.entry.js +1 -1
  249. package/dist/esm/z-card.entry.js +1 -1
  250. package/dist/esm/z-carousel.entry.js +1 -1
  251. package/dist/esm/z-chip.entry.js +7 -4
  252. package/dist/esm/z-chip.entry.js.map +1 -1
  253. package/dist/esm/z-color-picker.entry.js +3 -3
  254. package/dist/esm/z-combobox.entry.js +3 -3
  255. package/dist/esm/z-cover-hero.entry.js +3 -3
  256. package/dist/esm/z-date-picker.entry.js +2 -2
  257. package/dist/esm/z-dragdrop-area_2.entry.js +9 -9
  258. package/dist/esm/z-file-upload.entry.js +1 -1
  259. package/dist/esm/z-file.entry.js +2 -2
  260. package/dist/esm/z-ghost-loading.entry.js +1 -1
  261. package/dist/esm/z-info-box.entry.js +1 -1
  262. package/dist/esm/z-info-reveal.entry.js +2 -2
  263. package/dist/esm/z-input-range.entry.js +3 -3
  264. package/dist/esm/z-logo.entry.js +1 -1
  265. package/dist/esm/z-menu-section.entry.js +2 -2
  266. package/dist/esm/z-menu.entry.js +2 -2
  267. package/dist/esm/z-myz-card-alert.entry.js +1 -1
  268. package/dist/esm/z-myz-card-dictionary.entry.js +1 -1
  269. package/dist/esm/z-myz-card-footer.entry.js +1 -1
  270. package/dist/esm/z-myz-card-info.entry.js +2 -2
  271. package/dist/esm/z-myz-card_4.entry.js +1 -1
  272. package/dist/esm/z-myz-list-item.entry.js +2 -2
  273. package/dist/esm/z-navigation-tabs.entry.js +3 -3
  274. package/dist/esm/z-notification.entry.js +1 -1
  275. package/dist/esm/z-otp.entry.js +1 -1
  276. package/dist/esm/z-pagination.entry.js +1 -1
  277. package/dist/esm/z-panel-elem.entry.js +2 -2
  278. package/dist/esm/z-popover.entry.js +3 -3
  279. package/dist/esm/z-range-picker.entry.js +2 -2
  280. package/dist/esm/z-result-card.entry.js +1 -1
  281. package/dist/esm/z-result-card.entry.js.map +1 -1
  282. package/dist/esm/z-section-title.entry.js +1 -1
  283. package/dist/esm/z-select.entry.js +6 -4
  284. package/dist/esm/z-select.entry.js.map +1 -1
  285. package/dist/esm/z-skip-to-content.entry.js +3 -3
  286. package/dist/esm/z-slideshow.entry.js +2 -2
  287. package/dist/esm/z-stepper-item.entry.js +1 -1
  288. package/dist/esm/z-stepper.entry.js +1 -1
  289. package/dist/esm/z-table.entry.js +3 -3
  290. package/dist/esm/z-tbody.entry.js +1 -1
  291. package/dist/esm/z-td.entry.js +2 -2
  292. package/dist/esm/z-tfoot.entry.js +1 -1
  293. package/dist/esm/z-th.entry.js +2 -2
  294. package/dist/esm/z-thead.entry.js +1 -1
  295. package/dist/esm/z-toast-notification-list.entry.js +2 -2
  296. package/dist/esm/z-toast-notification.entry.js +4 -4
  297. package/dist/esm/z-toggle-button.entry.js +2 -2
  298. package/dist/esm/z-toggle-button.entry.js.map +1 -1
  299. package/dist/esm/z-toggle-switch.entry.js +2 -2
  300. package/dist/esm/z-tool.entry.js +2 -2
  301. package/dist/esm/z-toolbar.entry.js +1 -1
  302. package/dist/esm/z-tooltip.entry.js +1 -1
  303. package/dist/esm/z-tr.entry.js +3 -3
  304. package/dist/esm/z-tree-list.entry.js +2 -2
  305. package/dist/types/beans/index.d.ts +5 -0
  306. package/dist/types/components/{z-toggle-button → deprecated/z-toggle-button}/index.d.ts +1 -1
  307. package/dist/types/components/z-book-cover/index.d.ts +2 -0
  308. package/dist/types/components/z-chip/index.d.ts +3 -1
  309. package/dist/types/components/z-result-card/index.d.ts +2 -0
  310. package/dist/types/components/z-select/index.d.ts +2 -0
  311. package/dist/types/components.d.ts +42 -2
  312. package/dist/web-components-library/index.esm.js +1 -1
  313. package/dist/web-components-library/{p-257be457.entry.js → p-0251d009.entry.js} +2 -2
  314. package/{www/build/p-8a545910.entry.js → dist/web-components-library/p-0380c815.entry.js} +2 -2
  315. package/dist/web-components-library/{p-d15e7b4f.entry.js → p-0c9247be.entry.js} +2 -2
  316. package/dist/web-components-library/{p-db1fa456.entry.js → p-136f336a.entry.js} +2 -2
  317. package/dist/web-components-library/{p-62485d56.entry.js → p-1a13cd9b.entry.js} +2 -2
  318. package/dist/web-components-library/{p-6a952697.entry.js → p-20401d48.entry.js} +2 -2
  319. package/{www/build/p-e5736b1f.entry.js → dist/web-components-library/p-22cb956c.entry.js} +2 -2
  320. package/dist/web-components-library/{p-474493cc.entry.js → p-30d82cf1.entry.js} +2 -2
  321. package/dist/web-components-library/{p-6f58880c.entry.js → p-315ca31f.entry.js} +2 -2
  322. package/dist/web-components-library/p-315ca31f.entry.js.map +1 -0
  323. package/dist/web-components-library/{p-a238a3d0.entry.js → p-31883d39.entry.js} +2 -2
  324. package/dist/web-components-library/{p-71ddff9a.entry.js → p-39027ac1.entry.js} +2 -2
  325. package/dist/web-components-library/{p-10ad3d7c.entry.js → p-39b91bfa.entry.js} +2 -2
  326. package/dist/web-components-library/{p-c64a8fd8.entry.js → p-39bb7ee4.entry.js} +2 -2
  327. package/{www/build/p-d639463e.entry.js → dist/web-components-library/p-4085be9a.entry.js} +2 -2
  328. package/dist/web-components-library/p-41f63f0e.entry.js +2 -0
  329. package/dist/web-components-library/{p-f9c859dc.entry.js.map → p-41f63f0e.entry.js.map} +1 -1
  330. package/dist/web-components-library/{p-3f2658a0.entry.js → p-487e3fca.entry.js} +2 -2
  331. package/dist/web-components-library/{p-3f6ea914.entry.js → p-4a7431f6.entry.js} +2 -2
  332. package/dist/web-components-library/{p-34d4ee45.entry.js → p-5af96c6f.entry.js} +2 -2
  333. package/dist/web-components-library/{p-f31f04b9.entry.js → p-5b3cfc2e.entry.js} +2 -2
  334. package/dist/web-components-library/p-5c012917.entry.js +2 -0
  335. package/{www/build/p-dc26eb78.entry.js.map → dist/web-components-library/p-5c012917.entry.js.map} +1 -1
  336. package/dist/web-components-library/{p-f4b9e6f4.entry.js → p-67476a7c.entry.js} +2 -2
  337. package/dist/web-components-library/{p-c5b3368c.entry.js → p-6d382092.entry.js} +2 -2
  338. package/dist/web-components-library/p-7313c22c.entry.js +2 -0
  339. package/dist/web-components-library/p-7313c22c.entry.js.map +1 -0
  340. package/dist/web-components-library/{p-f0557dd9.entry.js → p-791a76d6.entry.js} +2 -2
  341. package/dist/web-components-library/{p-01d2d4e2.entry.js → p-7965766c.entry.js} +2 -2
  342. package/dist/web-components-library/{p-076d802a.entry.js → p-7b4f5936.entry.js} +2 -2
  343. package/{www/build/p-b38cacf2.entry.js → dist/web-components-library/p-7f37e2a2.entry.js} +2 -2
  344. package/dist/web-components-library/{p-c7d65071.entry.js → p-817630e4.entry.js} +2 -2
  345. package/{www/build/p-d866a2e1.entry.js → dist/web-components-library/p-82e87326.entry.js} +2 -2
  346. package/dist/web-components-library/{p-4954dd38.entry.js → p-831d85f5.entry.js} +2 -2
  347. package/dist/web-components-library/{p-98089231.entry.js → p-869ba2b5.entry.js} +2 -2
  348. package/dist/web-components-library/{p-1c63269a.entry.js → p-873e12a2.entry.js} +2 -2
  349. package/dist/web-components-library/{p-418a7ee5.entry.js → p-87ea0b0a.entry.js} +2 -2
  350. package/{www/build/p-8751b09d.entry.js → dist/web-components-library/p-88c45ed6.entry.js} +2 -2
  351. package/{www/build/p-c7046a20.entry.js → dist/web-components-library/p-8f6ff78c.entry.js} +2 -2
  352. package/{www/build/p-88e3fb55.entry.js → dist/web-components-library/p-908b8d73.entry.js} +2 -2
  353. package/dist/web-components-library/{p-1c1f699b.entry.js → p-9ac57635.entry.js} +2 -2
  354. package/dist/web-components-library/p-9b181758.entry.js +2 -0
  355. package/dist/web-components-library/p-9b181758.entry.js.map +1 -0
  356. package/{www/build/p-Bx6o9v2_.js → dist/web-components-library/p-B6jtvVtV.js} +2 -2
  357. package/{www/build/p-Bx6o9v2_.js.map → dist/web-components-library/p-B6jtvVtV.js.map} +1 -1
  358. package/dist/web-components-library/{p-C8pbzcmM.js → p-C_25lDQa.js} +3 -3
  359. package/dist/web-components-library/{p-C8pbzcmM.js.map → p-C_25lDQa.js.map} +1 -1
  360. package/{www/build/p-B3nR3-Jw.js → dist/web-components-library/p-DdetsoIY.js} +2 -2
  361. package/dist/web-components-library/p-DdetsoIY.js.map +1 -0
  362. package/{www/build/p-1e25b55b.entry.js → dist/web-components-library/p-a09646a9.entry.js} +2 -2
  363. package/dist/web-components-library/p-a09646a9.entry.js.map +1 -0
  364. package/dist/web-components-library/{p-372e83b1.entry.js → p-a2eb700b.entry.js} +2 -2
  365. package/dist/web-components-library/p-a47b9059.entry.js +2 -0
  366. package/dist/web-components-library/p-a47b9059.entry.js.map +1 -0
  367. package/dist/web-components-library/{p-55f6d3fe.entry.js → p-a4df3220.entry.js} +2 -2
  368. package/dist/web-components-library/{p-354abbd7.entry.js → p-a702edc4.entry.js} +2 -2
  369. package/{www/build/p-4730e9a5.entry.js → dist/web-components-library/p-aa59ca29.entry.js} +2 -2
  370. package/{www/build/p-30579764.entry.js → dist/web-components-library/p-ab221eac.entry.js} +4 -4
  371. package/{www/build/p-a0a84d24.entry.js → dist/web-components-library/p-aba618c3.entry.js} +2 -2
  372. package/dist/web-components-library/{p-7056f90f.entry.js → p-ad4c702b.entry.js} +2 -2
  373. package/dist/web-components-library/{p-89e96cde.entry.js → p-af6bdd6e.entry.js} +2 -2
  374. package/dist/web-components-library/{p-f9e5a0aa.entry.js → p-b15d006f.entry.js} +2 -2
  375. package/dist/web-components-library/p-b15d006f.entry.js.map +1 -0
  376. package/{www/build/p-330486fc.entry.js → dist/web-components-library/p-b38bca77.entry.js} +2 -2
  377. package/{www/build/p-1ba5aa7a.entry.js → dist/web-components-library/p-b7d4b886.entry.js} +2 -2
  378. package/{www/build/p-ff89690a.entry.js → dist/web-components-library/p-bb610386.entry.js} +2 -2
  379. package/dist/web-components-library/{p-e8eb3bc5.entry.js → p-bbb9029e.entry.js} +2 -2
  380. package/{www/build/p-21b9ec81.entry.js → dist/web-components-library/p-c39e4a49.entry.js} +2 -2
  381. package/dist/web-components-library/p-cb7381a0.entry.js +2 -0
  382. package/dist/web-components-library/{p-164b8342.entry.js → p-cdfbcb3b.entry.js} +2 -2
  383. package/{www/build/p-fb8a0bda.entry.js → dist/web-components-library/p-d8c06756.entry.js} +2 -2
  384. package/dist/web-components-library/{p-2adbfd30.entry.js → p-e1081a2f.entry.js} +2 -2
  385. package/dist/web-components-library/{p-02a5c216.entry.js → p-ec12d752.entry.js} +2 -2
  386. package/{www/build/p-86d3a3da.entry.js → dist/web-components-library/p-f36e7e6b.entry.js} +2 -2
  387. package/dist/web-components-library/p-f6138bf7.entry.js +2 -0
  388. package/dist/web-components-library/p-f8bc8ed9.entry.js +2 -0
  389. package/dist/web-components-library/{p-9b1deaa1.entry.js → p-f8fd6f08.entry.js} +2 -2
  390. package/dist/web-components-library/{p-ab364ca1.entry.js → p-fa02ba25.entry.js} +2 -2
  391. package/{www/build/p-BeiZJJuW.js → dist/web-components-library/p-ip3tTfYi.js} +3 -3
  392. package/{www/build/p-BeiZJJuW.js.map → dist/web-components-library/p-ip3tTfYi.js.map} +1 -1
  393. package/dist/web-components-library/web-components-library.esm.js +1 -1
  394. package/package.json +1 -1
  395. package/www/build/index.esm.js +1 -1
  396. package/www/build/{p-257be457.entry.js → p-0251d009.entry.js} +2 -2
  397. package/{dist/web-components-library/p-8a545910.entry.js → www/build/p-0380c815.entry.js} +2 -2
  398. package/www/build/{p-d15e7b4f.entry.js → p-0c9247be.entry.js} +2 -2
  399. package/www/build/{p-db1fa456.entry.js → p-136f336a.entry.js} +2 -2
  400. package/www/build/{p-62485d56.entry.js → p-1a13cd9b.entry.js} +2 -2
  401. package/www/build/{p-6a952697.entry.js → p-20401d48.entry.js} +2 -2
  402. package/{dist/web-components-library/p-e5736b1f.entry.js → www/build/p-22cb956c.entry.js} +2 -2
  403. package/www/build/{p-474493cc.entry.js → p-30d82cf1.entry.js} +2 -2
  404. package/www/build/{p-6f58880c.entry.js → p-315ca31f.entry.js} +2 -2
  405. package/www/build/p-315ca31f.entry.js.map +1 -0
  406. package/www/build/{p-a238a3d0.entry.js → p-31883d39.entry.js} +2 -2
  407. package/www/build/{p-71ddff9a.entry.js → p-39027ac1.entry.js} +2 -2
  408. package/www/build/{p-10ad3d7c.entry.js → p-39b91bfa.entry.js} +2 -2
  409. package/www/build/{p-c64a8fd8.entry.js → p-39bb7ee4.entry.js} +2 -2
  410. package/{dist/web-components-library/p-d639463e.entry.js → www/build/p-4085be9a.entry.js} +2 -2
  411. package/www/build/p-41f63f0e.entry.js +2 -0
  412. package/www/build/{p-f9c859dc.entry.js.map → p-41f63f0e.entry.js.map} +1 -1
  413. package/www/build/{p-3f2658a0.entry.js → p-487e3fca.entry.js} +2 -2
  414. package/www/build/{p-3f6ea914.entry.js → p-4a7431f6.entry.js} +2 -2
  415. package/www/build/{p-34d4ee45.entry.js → p-5af96c6f.entry.js} +2 -2
  416. package/www/build/{p-f31f04b9.entry.js → p-5b3cfc2e.entry.js} +2 -2
  417. package/www/build/p-5c012917.entry.js +2 -0
  418. package/{dist/web-components-library/p-dc26eb78.entry.js.map → www/build/p-5c012917.entry.js.map} +1 -1
  419. package/www/build/{p-f4b9e6f4.entry.js → p-67476a7c.entry.js} +2 -2
  420. package/www/build/{p-c5b3368c.entry.js → p-6d382092.entry.js} +2 -2
  421. package/www/build/p-7313c22c.entry.js +2 -0
  422. package/www/build/p-7313c22c.entry.js.map +1 -0
  423. package/www/build/{p-f0557dd9.entry.js → p-791a76d6.entry.js} +2 -2
  424. package/www/build/{p-01d2d4e2.entry.js → p-7965766c.entry.js} +2 -2
  425. package/www/build/{p-076d802a.entry.js → p-7b4f5936.entry.js} +2 -2
  426. package/{dist/web-components-library/p-b38cacf2.entry.js → www/build/p-7f37e2a2.entry.js} +2 -2
  427. package/www/build/p-7ffd9721.js +2 -0
  428. package/www/build/{p-c7d65071.entry.js → p-817630e4.entry.js} +2 -2
  429. package/{dist/web-components-library/p-d866a2e1.entry.js → www/build/p-82e87326.entry.js} +2 -2
  430. package/www/build/{p-4954dd38.entry.js → p-831d85f5.entry.js} +2 -2
  431. package/www/build/{p-98089231.entry.js → p-869ba2b5.entry.js} +2 -2
  432. package/www/build/{p-1c63269a.entry.js → p-873e12a2.entry.js} +2 -2
  433. package/www/build/{p-418a7ee5.entry.js → p-87ea0b0a.entry.js} +2 -2
  434. package/{dist/web-components-library/p-8751b09d.entry.js → www/build/p-88c45ed6.entry.js} +2 -2
  435. package/{dist/web-components-library/p-c7046a20.entry.js → www/build/p-8f6ff78c.entry.js} +2 -2
  436. package/{dist/web-components-library/p-88e3fb55.entry.js → www/build/p-908b8d73.entry.js} +2 -2
  437. package/www/build/{p-1c1f699b.entry.js → p-9ac57635.entry.js} +2 -2
  438. package/www/build/p-9b181758.entry.js +2 -0
  439. package/www/build/p-9b181758.entry.js.map +1 -0
  440. package/{dist/web-components-library/p-Bx6o9v2_.js → www/build/p-B6jtvVtV.js} +2 -2
  441. package/{dist/web-components-library/p-Bx6o9v2_.js.map → www/build/p-B6jtvVtV.js.map} +1 -1
  442. package/www/build/{p-C8pbzcmM.js → p-C_25lDQa.js} +3 -3
  443. package/www/build/{p-C8pbzcmM.js.map → p-C_25lDQa.js.map} +1 -1
  444. package/{dist/web-components-library/p-B3nR3-Jw.js → www/build/p-DdetsoIY.js} +2 -2
  445. package/www/build/p-DdetsoIY.js.map +1 -0
  446. package/{dist/web-components-library/p-1e25b55b.entry.js → www/build/p-a09646a9.entry.js} +2 -2
  447. package/www/build/p-a09646a9.entry.js.map +1 -0
  448. package/www/build/{p-372e83b1.entry.js → p-a2eb700b.entry.js} +2 -2
  449. package/www/build/p-a47b9059.entry.js +2 -0
  450. package/www/build/p-a47b9059.entry.js.map +1 -0
  451. package/www/build/{p-55f6d3fe.entry.js → p-a4df3220.entry.js} +2 -2
  452. package/www/build/{p-354abbd7.entry.js → p-a702edc4.entry.js} +2 -2
  453. package/{dist/web-components-library/p-4730e9a5.entry.js → www/build/p-aa59ca29.entry.js} +2 -2
  454. package/{dist/web-components-library/p-30579764.entry.js → www/build/p-ab221eac.entry.js} +4 -4
  455. package/{dist/web-components-library/p-a0a84d24.entry.js → www/build/p-aba618c3.entry.js} +2 -2
  456. package/www/build/{p-7056f90f.entry.js → p-ad4c702b.entry.js} +2 -2
  457. package/www/build/{p-89e96cde.entry.js → p-af6bdd6e.entry.js} +2 -2
  458. package/www/build/{p-f9e5a0aa.entry.js → p-b15d006f.entry.js} +2 -2
  459. package/www/build/p-b15d006f.entry.js.map +1 -0
  460. package/{dist/web-components-library/p-330486fc.entry.js → www/build/p-b38bca77.entry.js} +2 -2
  461. package/{dist/web-components-library/p-1ba5aa7a.entry.js → www/build/p-b7d4b886.entry.js} +2 -2
  462. package/{dist/web-components-library/p-ff89690a.entry.js → www/build/p-bb610386.entry.js} +2 -2
  463. package/www/build/{p-e8eb3bc5.entry.js → p-bbb9029e.entry.js} +2 -2
  464. package/{dist/web-components-library/p-21b9ec81.entry.js → www/build/p-c39e4a49.entry.js} +2 -2
  465. package/www/build/p-cb7381a0.entry.js +2 -0
  466. package/www/build/{p-164b8342.entry.js → p-cdfbcb3b.entry.js} +2 -2
  467. package/{dist/web-components-library/p-fb8a0bda.entry.js → www/build/p-d8c06756.entry.js} +2 -2
  468. package/www/build/{p-2adbfd30.entry.js → p-e1081a2f.entry.js} +2 -2
  469. package/www/build/{p-02a5c216.entry.js → p-ec12d752.entry.js} +2 -2
  470. package/{dist/web-components-library/p-86d3a3da.entry.js → www/build/p-f36e7e6b.entry.js} +2 -2
  471. package/www/build/p-f6138bf7.entry.js +2 -0
  472. package/www/build/p-f8bc8ed9.entry.js +2 -0
  473. package/www/build/{p-9b1deaa1.entry.js → p-f8fd6f08.entry.js} +2 -2
  474. package/www/build/{p-ab364ca1.entry.js → p-fa02ba25.entry.js} +2 -2
  475. package/{dist/web-components-library/p-BeiZJJuW.js → www/build/p-ip3tTfYi.js} +3 -3
  476. package/{dist/web-components-library/p-BeiZJJuW.js.map → www/build/p-ip3tTfYi.js.map} +1 -1
  477. package/www/build/web-components-library.esm.js +1 -1
  478. package/www/index.html +1 -1
  479. package/dist/cjs/index-Cn7FFDHr.js.map +0 -1
  480. package/dist/collection/components/z-toggle-button/index.js.map +0 -1
  481. package/dist/esm/index-B3nR3-Jw.js.map +0 -1
  482. package/dist/web-components-library/p-06aba4ff.entry.js +0 -2
  483. package/dist/web-components-library/p-1e25b55b.entry.js.map +0 -1
  484. package/dist/web-components-library/p-55468801.entry.js +0 -2
  485. package/dist/web-components-library/p-6f58880c.entry.js.map +0 -1
  486. package/dist/web-components-library/p-70fe7ed8.entry.js +0 -2
  487. package/dist/web-components-library/p-70fe7ed8.entry.js.map +0 -1
  488. package/dist/web-components-library/p-927d50ea.entry.js +0 -2
  489. package/dist/web-components-library/p-927d50ea.entry.js.map +0 -1
  490. package/dist/web-components-library/p-95c2e9b0.entry.js +0 -2
  491. package/dist/web-components-library/p-B3nR3-Jw.js.map +0 -1
  492. package/dist/web-components-library/p-b565bff1.entry.js +0 -2
  493. package/dist/web-components-library/p-b565bff1.entry.js.map +0 -1
  494. package/dist/web-components-library/p-dc26eb78.entry.js +0 -2
  495. package/dist/web-components-library/p-f9c859dc.entry.js +0 -2
  496. package/dist/web-components-library/p-f9e5a0aa.entry.js.map +0 -1
  497. package/www/build/p-06aba4ff.entry.js +0 -2
  498. package/www/build/p-1e25b55b.entry.js.map +0 -1
  499. package/www/build/p-55468801.entry.js +0 -2
  500. package/www/build/p-6f58880c.entry.js.map +0 -1
  501. package/www/build/p-70fe7ed8.entry.js +0 -2
  502. package/www/build/p-70fe7ed8.entry.js.map +0 -1
  503. package/www/build/p-927d50ea.entry.js +0 -2
  504. package/www/build/p-927d50ea.entry.js.map +0 -1
  505. package/www/build/p-95c2e9b0.entry.js +0 -2
  506. package/www/build/p-B3nR3-Jw.js.map +0 -1
  507. package/www/build/p-b565bff1.entry.js +0 -2
  508. package/www/build/p-b565bff1.entry.js.map +0 -1
  509. package/www/build/p-bcc5602c.js +0 -2
  510. package/www/build/p-dc26eb78.entry.js +0 -2
  511. package/www/build/p-f9c859dc.entry.js +0 -2
  512. package/www/build/p-f9e5a0aa.entry.js.map +0 -1
  513. /package/dist/collection/components/{z-toggle-button → deprecated/z-toggle-button}/styles.css +0 -0
  514. /package/dist/web-components-library/{p-257be457.entry.js.map → p-0251d009.entry.js.map} +0 -0
  515. /package/dist/web-components-library/{p-8a545910.entry.js.map → p-0380c815.entry.js.map} +0 -0
  516. /package/dist/web-components-library/{p-d15e7b4f.entry.js.map → p-0c9247be.entry.js.map} +0 -0
  517. /package/dist/web-components-library/{p-db1fa456.entry.js.map → p-136f336a.entry.js.map} +0 -0
  518. /package/dist/web-components-library/{p-62485d56.entry.js.map → p-1a13cd9b.entry.js.map} +0 -0
  519. /package/dist/web-components-library/{p-6a952697.entry.js.map → p-20401d48.entry.js.map} +0 -0
  520. /package/dist/web-components-library/{p-e5736b1f.entry.js.map → p-22cb956c.entry.js.map} +0 -0
  521. /package/dist/web-components-library/{p-474493cc.entry.js.map → p-30d82cf1.entry.js.map} +0 -0
  522. /package/dist/web-components-library/{p-a238a3d0.entry.js.map → p-31883d39.entry.js.map} +0 -0
  523. /package/dist/web-components-library/{p-71ddff9a.entry.js.map → p-39027ac1.entry.js.map} +0 -0
  524. /package/dist/web-components-library/{p-10ad3d7c.entry.js.map → p-39b91bfa.entry.js.map} +0 -0
  525. /package/dist/web-components-library/{p-c64a8fd8.entry.js.map → p-39bb7ee4.entry.js.map} +0 -0
  526. /package/dist/web-components-library/{p-d639463e.entry.js.map → p-4085be9a.entry.js.map} +0 -0
  527. /package/dist/web-components-library/{p-3f2658a0.entry.js.map → p-487e3fca.entry.js.map} +0 -0
  528. /package/dist/web-components-library/{p-3f6ea914.entry.js.map → p-4a7431f6.entry.js.map} +0 -0
  529. /package/dist/web-components-library/{p-34d4ee45.entry.js.map → p-5af96c6f.entry.js.map} +0 -0
  530. /package/dist/web-components-library/{p-f31f04b9.entry.js.map → p-5b3cfc2e.entry.js.map} +0 -0
  531. /package/dist/web-components-library/{p-f4b9e6f4.entry.js.map → p-67476a7c.entry.js.map} +0 -0
  532. /package/dist/web-components-library/{p-c5b3368c.entry.js.map → p-6d382092.entry.js.map} +0 -0
  533. /package/dist/web-components-library/{p-f0557dd9.entry.js.map → p-791a76d6.entry.js.map} +0 -0
  534. /package/dist/web-components-library/{p-01d2d4e2.entry.js.map → p-7965766c.entry.js.map} +0 -0
  535. /package/dist/web-components-library/{p-076d802a.entry.js.map → p-7b4f5936.entry.js.map} +0 -0
  536. /package/dist/web-components-library/{p-b38cacf2.entry.js.map → p-7f37e2a2.entry.js.map} +0 -0
  537. /package/dist/web-components-library/{p-c7d65071.entry.js.map → p-817630e4.entry.js.map} +0 -0
  538. /package/dist/web-components-library/{p-d866a2e1.entry.js.map → p-82e87326.entry.js.map} +0 -0
  539. /package/dist/web-components-library/{p-4954dd38.entry.js.map → p-831d85f5.entry.js.map} +0 -0
  540. /package/dist/web-components-library/{p-98089231.entry.js.map → p-869ba2b5.entry.js.map} +0 -0
  541. /package/dist/web-components-library/{p-1c63269a.entry.js.map → p-873e12a2.entry.js.map} +0 -0
  542. /package/dist/web-components-library/{p-418a7ee5.entry.js.map → p-87ea0b0a.entry.js.map} +0 -0
  543. /package/dist/web-components-library/{p-8751b09d.entry.js.map → p-88c45ed6.entry.js.map} +0 -0
  544. /package/dist/web-components-library/{p-c7046a20.entry.js.map → p-8f6ff78c.entry.js.map} +0 -0
  545. /package/dist/web-components-library/{p-88e3fb55.entry.js.map → p-908b8d73.entry.js.map} +0 -0
  546. /package/dist/web-components-library/{p-1c1f699b.entry.js.map → p-9ac57635.entry.js.map} +0 -0
  547. /package/dist/web-components-library/{p-372e83b1.entry.js.map → p-a2eb700b.entry.js.map} +0 -0
  548. /package/dist/web-components-library/{p-55f6d3fe.entry.js.map → p-a4df3220.entry.js.map} +0 -0
  549. /package/dist/web-components-library/{p-354abbd7.entry.js.map → p-a702edc4.entry.js.map} +0 -0
  550. /package/dist/web-components-library/{p-4730e9a5.entry.js.map → p-aa59ca29.entry.js.map} +0 -0
  551. /package/dist/web-components-library/{p-30579764.entry.js.map → p-ab221eac.entry.js.map} +0 -0
  552. /package/dist/web-components-library/{p-a0a84d24.entry.js.map → p-aba618c3.entry.js.map} +0 -0
  553. /package/dist/web-components-library/{p-7056f90f.entry.js.map → p-ad4c702b.entry.js.map} +0 -0
  554. /package/dist/web-components-library/{p-89e96cde.entry.js.map → p-af6bdd6e.entry.js.map} +0 -0
  555. /package/dist/web-components-library/{p-330486fc.entry.js.map → p-b38bca77.entry.js.map} +0 -0
  556. /package/dist/web-components-library/{p-1ba5aa7a.entry.js.map → p-b7d4b886.entry.js.map} +0 -0
  557. /package/dist/web-components-library/{p-ff89690a.entry.js.map → p-bb610386.entry.js.map} +0 -0
  558. /package/dist/web-components-library/{p-e8eb3bc5.entry.js.map → p-bbb9029e.entry.js.map} +0 -0
  559. /package/dist/web-components-library/{p-21b9ec81.entry.js.map → p-c39e4a49.entry.js.map} +0 -0
  560. /package/dist/web-components-library/{p-95c2e9b0.entry.js.map → p-cb7381a0.entry.js.map} +0 -0
  561. /package/dist/web-components-library/{p-164b8342.entry.js.map → p-cdfbcb3b.entry.js.map} +0 -0
  562. /package/dist/web-components-library/{p-fb8a0bda.entry.js.map → p-d8c06756.entry.js.map} +0 -0
  563. /package/dist/web-components-library/{p-2adbfd30.entry.js.map → p-e1081a2f.entry.js.map} +0 -0
  564. /package/dist/web-components-library/{p-02a5c216.entry.js.map → p-ec12d752.entry.js.map} +0 -0
  565. /package/dist/web-components-library/{p-86d3a3da.entry.js.map → p-f36e7e6b.entry.js.map} +0 -0
  566. /package/dist/web-components-library/{p-55468801.entry.js.map → p-f6138bf7.entry.js.map} +0 -0
  567. /package/dist/web-components-library/{p-06aba4ff.entry.js.map → p-f8bc8ed9.entry.js.map} +0 -0
  568. /package/dist/web-components-library/{p-9b1deaa1.entry.js.map → p-f8fd6f08.entry.js.map} +0 -0
  569. /package/dist/web-components-library/{p-ab364ca1.entry.js.map → p-fa02ba25.entry.js.map} +0 -0
  570. /package/www/build/{p-257be457.entry.js.map → p-0251d009.entry.js.map} +0 -0
  571. /package/www/build/{p-8a545910.entry.js.map → p-0380c815.entry.js.map} +0 -0
  572. /package/www/build/{p-d15e7b4f.entry.js.map → p-0c9247be.entry.js.map} +0 -0
  573. /package/www/build/{p-db1fa456.entry.js.map → p-136f336a.entry.js.map} +0 -0
  574. /package/www/build/{p-62485d56.entry.js.map → p-1a13cd9b.entry.js.map} +0 -0
  575. /package/www/build/{p-6a952697.entry.js.map → p-20401d48.entry.js.map} +0 -0
  576. /package/www/build/{p-e5736b1f.entry.js.map → p-22cb956c.entry.js.map} +0 -0
  577. /package/www/build/{p-474493cc.entry.js.map → p-30d82cf1.entry.js.map} +0 -0
  578. /package/www/build/{p-a238a3d0.entry.js.map → p-31883d39.entry.js.map} +0 -0
  579. /package/www/build/{p-71ddff9a.entry.js.map → p-39027ac1.entry.js.map} +0 -0
  580. /package/www/build/{p-10ad3d7c.entry.js.map → p-39b91bfa.entry.js.map} +0 -0
  581. /package/www/build/{p-c64a8fd8.entry.js.map → p-39bb7ee4.entry.js.map} +0 -0
  582. /package/www/build/{p-d639463e.entry.js.map → p-4085be9a.entry.js.map} +0 -0
  583. /package/www/build/{p-3f2658a0.entry.js.map → p-487e3fca.entry.js.map} +0 -0
  584. /package/www/build/{p-3f6ea914.entry.js.map → p-4a7431f6.entry.js.map} +0 -0
  585. /package/www/build/{p-34d4ee45.entry.js.map → p-5af96c6f.entry.js.map} +0 -0
  586. /package/www/build/{p-f31f04b9.entry.js.map → p-5b3cfc2e.entry.js.map} +0 -0
  587. /package/www/build/{p-f4b9e6f4.entry.js.map → p-67476a7c.entry.js.map} +0 -0
  588. /package/www/build/{p-c5b3368c.entry.js.map → p-6d382092.entry.js.map} +0 -0
  589. /package/www/build/{p-f0557dd9.entry.js.map → p-791a76d6.entry.js.map} +0 -0
  590. /package/www/build/{p-01d2d4e2.entry.js.map → p-7965766c.entry.js.map} +0 -0
  591. /package/www/build/{p-076d802a.entry.js.map → p-7b4f5936.entry.js.map} +0 -0
  592. /package/www/build/{p-b38cacf2.entry.js.map → p-7f37e2a2.entry.js.map} +0 -0
  593. /package/www/build/{p-c7d65071.entry.js.map → p-817630e4.entry.js.map} +0 -0
  594. /package/www/build/{p-d866a2e1.entry.js.map → p-82e87326.entry.js.map} +0 -0
  595. /package/www/build/{p-4954dd38.entry.js.map → p-831d85f5.entry.js.map} +0 -0
  596. /package/www/build/{p-98089231.entry.js.map → p-869ba2b5.entry.js.map} +0 -0
  597. /package/www/build/{p-1c63269a.entry.js.map → p-873e12a2.entry.js.map} +0 -0
  598. /package/www/build/{p-418a7ee5.entry.js.map → p-87ea0b0a.entry.js.map} +0 -0
  599. /package/www/build/{p-8751b09d.entry.js.map → p-88c45ed6.entry.js.map} +0 -0
  600. /package/www/build/{p-c7046a20.entry.js.map → p-8f6ff78c.entry.js.map} +0 -0
  601. /package/www/build/{p-88e3fb55.entry.js.map → p-908b8d73.entry.js.map} +0 -0
  602. /package/www/build/{p-1c1f699b.entry.js.map → p-9ac57635.entry.js.map} +0 -0
  603. /package/www/build/{p-372e83b1.entry.js.map → p-a2eb700b.entry.js.map} +0 -0
  604. /package/www/build/{p-55f6d3fe.entry.js.map → p-a4df3220.entry.js.map} +0 -0
  605. /package/www/build/{p-354abbd7.entry.js.map → p-a702edc4.entry.js.map} +0 -0
  606. /package/www/build/{p-4730e9a5.entry.js.map → p-aa59ca29.entry.js.map} +0 -0
  607. /package/www/build/{p-30579764.entry.js.map → p-ab221eac.entry.js.map} +0 -0
  608. /package/www/build/{p-a0a84d24.entry.js.map → p-aba618c3.entry.js.map} +0 -0
  609. /package/www/build/{p-7056f90f.entry.js.map → p-ad4c702b.entry.js.map} +0 -0
  610. /package/www/build/{p-89e96cde.entry.js.map → p-af6bdd6e.entry.js.map} +0 -0
  611. /package/www/build/{p-330486fc.entry.js.map → p-b38bca77.entry.js.map} +0 -0
  612. /package/www/build/{p-1ba5aa7a.entry.js.map → p-b7d4b886.entry.js.map} +0 -0
  613. /package/www/build/{p-ff89690a.entry.js.map → p-bb610386.entry.js.map} +0 -0
  614. /package/www/build/{p-e8eb3bc5.entry.js.map → p-bbb9029e.entry.js.map} +0 -0
  615. /package/www/build/{p-21b9ec81.entry.js.map → p-c39e4a49.entry.js.map} +0 -0
  616. /package/www/build/{p-95c2e9b0.entry.js.map → p-cb7381a0.entry.js.map} +0 -0
  617. /package/www/build/{p-164b8342.entry.js.map → p-cdfbcb3b.entry.js.map} +0 -0
  618. /package/www/build/{p-fb8a0bda.entry.js.map → p-d8c06756.entry.js.map} +0 -0
  619. /package/www/build/{p-2adbfd30.entry.js.map → p-e1081a2f.entry.js.map} +0 -0
  620. /package/www/build/{p-02a5c216.entry.js.map → p-ec12d752.entry.js.map} +0 -0
  621. /package/www/build/{p-86d3a3da.entry.js.map → p-f36e7e6b.entry.js.map} +0 -0
  622. /package/www/build/{p-55468801.entry.js.map → p-f6138bf7.entry.js.map} +0 -0
  623. /package/www/build/{p-06aba4ff.entry.js.map → p-f8bc8ed9.entry.js.map} +0 -0
  624. /package/www/build/{p-9b1deaa1.entry.js.map → p-f8fd6f08.entry.js.map} +0 -0
  625. /package/www/build/{p-ab364ca1.entry.js.map → p-fa02ba25.entry.js.map} +0 -0
package/dist/components/index13.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["stylesCss","typographyCss","ZSearchbar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","htmlid","randomId","preventSubmit","autocomplete","autocompleteMinChars","searchHelperLabel","sortResultsItems","showSearchButton","searchButtonIconOnly","searchButtonLabel","size","ControlSize","BIG","variant","ButtonVariant","PRIMARY","searchString","value","currResultsCount","resultsCount","showResults","isMobile","resultsItemsList","emitSearchItemClick","item","searchItemClick","emit","selectedItem","emitSearchSubmit","searchSubmit","inputRef","watchItems","getResultsItemsList","watchResultsCount","watchValue","watchSearchString","searchTyping","resultsItems","JSON","parse","getGroupedItems","groupedItems","forEach","key","category","subcategory","_a","items","push","Object","keys","sort","reduce","obj","assign","a","b","nameA","label","toUpperCase","nameB","onListItemKeyDown","e","KeyboardCode","ENTER","preventDefault","handleArrowsNavigation","onSearchHelperKeyDown","ARROW_DOWN","ARROW_UP","includes","currentElement","target","Array","from","_b","host","shadowRoot","querySelectorAll","currentIndex","indexOf","nextIndex","length","focus","prevIndex","_d","_c","querySelector","_f","_e","setSelectionRange","handleStopTyping","stopPropagation","detail","undefined","handleSubmit","handleOutsideClick","cp","composedPath","componentWillLoad","mql","matchMedia","onMobileViewChange","matches","addEventListener","disconnectedCallback","removeEventListener","renderItemLabel","replace","RegExp","found","renderItem","index","h","id","role","htmlTabindex","onKeyDown","onClick","class","tabindex","icon","name","title","innerHTML","tag","text","children","map","child","renderItemGroups","values","listGroups","hasResultsLimit","renderedCount","groupItem","remaining","visibleItems","slice","listGroupsElements","subindex","ariaLabel","filter","Boolean","join","slot","render","Host","onFocus","ref","el","message","placeholder","onStopTyping","onKeyUp","handleEnterKeydSubmit","htmlAriaLabel","trim","disabled"],"sources":["src/components/z-searchbar/styles.css?tag=z-searchbar&encapsulation=shadow","src/components/css-components/z-label/styles.css?tag=z-searchbar&encapsulation=shadow","src/components/css-components/z-scrollbar/styles.css?tag=z-searchbar&encapsulation=shadow","src/tokens/typography.css?tag=z-searchbar&encapsulation=shadow","src/components/z-searchbar/index.tsx"],"sourcesContent":[":host {\n /**\n * @prop --z-searchbar-results-height: Max height of the results container (default: 540px)\n * @prop --z-searchbar-tag-text-color: Color of tag's text (default --color-primary03);\n * @prop --z-searchbar-tag-bg: Color of tag's background (default --color-hover-primary);\n */\n --z-searchbar-tag-text-color: var(--color-primary03);\n --z-searchbar-tag-bg: var(--color-hover-primary);\n --z-searchbar-item-height: 2.75rem;\n\n z-index: 15;\n display: flex;\n column-gap: calc(var(--space-unit) * 2);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host,\n*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\n.input-container {\n position: relative;\n display: flex;\n width: 100%;\n flex-direction: column;\n}\n\n.input-container z-input {\n z-index: 1;\n}\n\n.results {\n --item-icon-size: 1rem;\n --z-icon-height: var(--item-icon-size);\n --z-icon-width: var(--item-icon-size);\n --item-inline-padding: calc(var(--space-unit) * 1.5);\n --item-col-gap: var(--space-unit);\n\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n overflow: auto;\n width: 100%;\n max-height: var(--z-searchbar-results-height, 540px);\n border: var(--border-size-small) solid var(--color-form-surface03);\n border-top: none;\n background: var(--color-form-background);\n}\n\n.results z-list-element {\n --background-color-list-element: var(--color-form-background);\n\n position: relative;\n display: block;\n}\n\n.results > z-list > z-list-element::part(list-item-container) {\n padding: 0 var(--item-inline-padding);\n}\n\n.results z-list-element > .list-item {\n position: relative;\n display: flex;\n align-items: center;\n padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) / 4);\n background-color: transparent;\n color: var(--color-form-default-text);\n fill: var(--color-form-default-icon);\n gap: var(--item-col-gap);\n}\n\n.results z-list-element > .list-item:hover {\n background-color: var(--gray100); /* TODO: use correct form-related token when available */\n cursor: pointer;\n}\n\n.results z-list-element > .list-item:focus-visible {\n z-index: 1;\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n/* list elements separator */\n.results > z-list > z-list-element:not(:last-child) > .list-item,\n.results z-list-group:not(:last-child) > z-list-element:not(.category-heading) {\n border-bottom: 1px solid var(--color-form-surface03);\n}\n\n.results z-list-group {\n padding: 0 var(--item-inline-padding);\n}\n\n.results z-list-group > z-list-element::part(list-item-container) {\n padding: 0;\n}\n\n.results .sub-list {\n padding-left: calc(var(--item-icon-size) + var(--item-col-gap));\n}\n\n.results .sub-list z-list-element::part(list-item-container) {\n padding: 0;\n}\n\n.results .sub-list z-list-element > .list-item {\n position: relative;\n}\n\n/* tree indicators */\n.results .sub-list > z-list-element:not(:last-child)::before,\n.results .sub-list > z-list-element > .list-item::before {\n position: absolute;\n top: 0;\n left: calc(0px - var(--item-col-gap) - var(--item-icon-size) / 2 + 1px);\n border-left: 1px solid var(--color-form-surface03);\n content: \"\";\n}\n\n/* \"|\" tree indicator */\n.results .sub-list > z-list-element:not(:last-child)::before {\n top: -4px;\n height: calc(100% + 4px);\n}\n\n/* \"—\" tree indicator */\n.results .sub-list z-list-element > .list-item::before {\n width: 14px;\n height: calc(var(--z-searchbar-item-height) / 2);\n border-bottom: 1px solid var(--color-form-surface03);\n}\n\n.results .category-heading > .category {\n font-style: italic;\n}\n\n.results .category-heading > .subcategory {\n text-transform: uppercase;\n}\n\n.results z-list-element > .list-item .ellipsis {\n overflow: hidden;\n}\n\n.results .ellipsis > .item-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.results .item-label mark {\n background: var(--color-primary03);\n color: var(--color-default-text);\n}\n\n.results .list-item > z-tag {\n --z-tag-bg: var(--z-searchbar-tag-bg);\n --z-tag-text-color: var(--z-searchbar-tag-text-color);\n\n margin-left: auto;\n white-space: nowrap;\n}\n\n.results .item-show-all {\n width: 100%;\n color: var(--color-primary01);\n cursor: pointer;\n text-align: center;\n}\n\n.results .item-no-results {\n display: block;\n font-style: italic;\n}\n\n.results .item-no-results > ul {\n padding-left: calc(var(--space-unit) * 2);\n margin: var(--space-unit);\n}\n\n@media (min-width: 768px) {\n .results {\n --item-icon-size: 1.125rem;\n }\n}\n",".z-label {\n display: block;\n padding-bottom: var(--space-unit);\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-align: left;\n text-transform: uppercase;\n}\n","/* Webkit Scrollbar */\n.z-scrollbar::-webkit-scrollbar {\n width: 6px;\n background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--color-primary01);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--color-hover-primary);\n}\n\n:host([theme=\"dark\"]) .z-scrollbar,\n.z-scrollbar--dark {\n --z-scrollbar-track-gradient: linear-gradient(\n to right,\n transparent 0 1px,\n var(--gray600) 1px 5px,\n transparent 5px 6px\n );\n --z-scrollbar-track-color: var(--gray600);\n --z-scrollbar-thumb-color: var(--color-primary03);\n --z-scrollbar-thumb-hover-color: var(--color-hover-primary);\n --z-scrollbar-corner-color: transparent;\n}\n\n/* Firefox scrollbar */\n@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {\n .z-scrollbar {\n scrollbar-color: var(--color-primary01) transparent;\n }\n\n :host([theme=\"dark\"]) .z-scrollbar,\n .z-scrollbar--dark {\n scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))\n var(--z-scrollbar-track-color, var(--gray600));\n }\n}\n",":root {\n /* font-family */\n --font-family-sans: \"IBM Plex Sans\", sans-serif;\n --font-family-serif: \"IBM Plex Serif\", serif;\n\n /* font-weight */\n --font-lt: 300;\n --font-rg: 400;\n --font-sb: 600;\n --font-bd: 700;\n\n /* font-size type scale */\n --font-size-1: 0.75rem; /* 12px */\n --font-size-2: 0.875rem; /* 14px */\n --font-size-3: 1rem; /* assuming 16px */\n --font-size-4: 1.125rem; /* 18px */\n --font-size-5: 1.25rem; /* 20px */\n --font-size-6: 1.5rem; /* 24px */\n --font-size-7: 1.75rem; /* 28px */\n --font-size-8: 2rem; /* 32px */\n --font-size-9: 2.25rem; /* 36px */\n --font-size-10: 2.625rem; /* 42px */\n --font-size-11: 3rem; /* 48px */\n --font-size-12: 3.375rem; /* 54px */\n --font-size-13: 3.75rem; /* 60px */\n --font-size-14: 4.25rem; /* 68px */\n --font-size-15: 4.75rem; /* 76px */\n --font-size-16: 5.25rem; /* 84px */\n --font-size-17: 5.75rem; /* 92px */\n\n /* cssprops to use with `font` shorthand property */\n --section-title-1: var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);\n --section-title-2: var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);\n --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n font-size: var(--font-size-1);\n font-style: italic;\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n font: var(--section-title-1);\n}\n\n.section-title-2 {\n font: var(--section-title-2);\n}\n\n.section-title-3 {\n font: var(--section-title-3);\n}\n\n.section-title-4 {\n font: var(--section-title-4);\n}\n\n.section-title-5 {\n font: var(--section-title-5);\n}\n\n.section-title-6 {\n font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n .heading-1,\n .heading-1-sb,\n .heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .heading-2,\n .heading-2-sb,\n .heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n .mobile-heading-1,\n .mobile-heading-1-sb,\n .mobile-heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .mobile-heading-2,\n .mobile-heading-2-sb,\n .mobile-heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .mobile-heading-3,\n .mobile-heading-3-sb,\n .mobile-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .mobile-heading-4,\n .mobile-heading-4-sb,\n .mobile-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .mobile-body-1,\n .mobile-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .mobile-body-2,\n .mobile-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-body-3,\n .mobile-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-body-4,\n .mobile-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .mobile-body-5,\n .mobile-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .mobile-interactive-1,\n .mobile-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-interactive-2,\n .mobile-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .mobile-interactive-3,\n .mobile-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .mobile-section-title-1 {\n font: var(--section-title-1);\n }\n\n .mobile-section-title-2 {\n font: var(--section-title-2);\n }\n\n .mobile-section-title-3 {\n font: var(--section-title-3);\n }\n\n .mobile-section-title-4 {\n font: var(--section-title-4);\n }\n\n .mobile-section-title-5 {\n font: var(--section-title-5);\n }\n\n .mobile-section-title-6 {\n font: var(--section-title-6);\n }\n\n .mobile-heading-1-lt,\n .mobile-heading-2-lt,\n .mobile-heading-3-lt,\n .mobile-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .mobile-heading-1-sb,\n .mobile-heading-2-sb,\n .mobile-heading-3-sb,\n .mobile-heading-4-sb,\n .mobile-body-1-sb,\n .mobile-body-2-sb,\n .mobile-body-3-sb,\n .mobile-body-4-sb,\n .mobile-body-5-sb,\n .mobile-interactive-1-sb,\n .mobile-interactive-2-sb,\n .mobile-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n .tablet-heading-1,\n .tablet-heading-1-sb,\n .tablet-heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .tablet-heading-2,\n .tablet-heading-2-sb,\n .tablet-heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .tablet-heading-3,\n .tablet-heading-3-sb,\n .tablet-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .tablet-heading-4,\n .tablet-heading-4-sb,\n .tablet-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .tablet-body-1,\n .tablet-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .tablet-body-2,\n .tablet-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-body-3,\n .tablet-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-body-4,\n .tablet-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .tablet-body-5,\n .tablet-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .tablet-interactive-1,\n .tablet-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-interactive-2,\n .tablet-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .tablet-interactive-3,\n .tablet-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .tablet-section-title-1 {\n font: var(--section-title-1);\n }\n\n .tablet-section-title-2 {\n font: var(--section-title-2);\n }\n\n .tablet-section-title-3 {\n font: var(--section-title-3);\n }\n\n .tablet-section-title-4 {\n font: var(--section-title-4);\n }\n\n .tablet-section-title-5 {\n font: var(--section-title-5);\n }\n\n .tablet-section-title-6 {\n font: var(--section-title-6);\n }\n\n .tablet-heading-1-lt,\n .tablet-heading-2-lt,\n .tablet-heading-3-lt,\n .tablet-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .tablet-heading-1-sb,\n .tablet-heading-2-sb,\n .tablet-heading-3-sb,\n .tablet-heading-4-sb,\n .tablet-body-1-sb,\n .tablet-body-2-sb,\n .tablet-body-3-sb,\n .tablet-body-4-sb,\n .tablet-body-5-sb,\n .tablet-interactive-1-sb,\n .tablet-interactive-2-sb,\n .tablet-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n .desktop-heading-1,\n .desktop-heading-1-sb,\n .desktop-heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .desktop-heading-2,\n .desktop-heading-2-sb,\n .desktop-heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .desktop-heading-3,\n .desktop-heading-3-sb,\n .desktop-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .desktop-heading-4,\n .desktop-heading-4-sb,\n .desktop-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .desktop-body-1,\n .desktop-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .desktop-body-2,\n .desktop-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-body-3,\n .desktop-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-body-4,\n .desktop-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .desktop-body-5,\n .desktop-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .desktop-interactive-1,\n .desktop-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-interactive-2,\n .desktop-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .desktop-interactive-3,\n .desktop-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .desktop-section-title-1 {\n font: var(--section-title-1);\n }\n\n .desktop-section-title-2 {\n font: var(--section-title-2);\n }\n\n .desktop-section-title-3 {\n font: var(--section-title-3);\n }\n\n .desktop-section-title-4 {\n font: var(--section-title-4);\n }\n\n .desktop-section-title-5 {\n font: var(--section-title-5);\n }\n\n .desktop-section-title-6 {\n font: var(--section-title-6);\n }\n\n .desktop-heading-1-lt,\n .desktop-heading-2-lt,\n .desktop-heading-3-lt,\n .desktop-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .desktop-heading-1-sb,\n .desktop-heading-2-sb,\n .desktop-heading-3-sb,\n .desktop-heading-4-sb,\n .desktop-body-1-sb,\n .desktop-body-2-sb,\n .desktop-body-3-sb,\n .desktop-body-4-sb,\n .desktop-body-5-sb,\n .desktop-interactive-1-sb,\n .desktop-interactive-2-sb,\n .desktop-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 1366px) {\n .wide-heading-1,\n .wide-heading-1-sb,\n .wide-heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .wide-heading-2,\n .wide-heading-2-sb,\n .wide-heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .wide-heading-3,\n .wide-heading-3-sb,\n .wide-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .wide-heading-4,\n .wide-heading-4-sb,\n .wide-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .wide-body-1,\n .wide-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .wide-body-2,\n .wide-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-body-3,\n .wide-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-body-4,\n .wide-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .wide-body-5,\n .wide-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .wide-interactive-1,\n .wide-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-interactive-2,\n .wide-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .wide-interactive-3,\n .wide-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .wide-section-title-1 {\n font: var(--section-title-1);\n }\n\n .wide-section-title-2 {\n font: var(--section-title-2);\n }\n\n .wide-section-title-3 {\n font: var(--section-title-3);\n }\n\n .wide-section-title-4 {\n font: var(--section-title-4);\n }\n\n .wide-section-title-5 {\n font: var(--section-title-5);\n }\n\n .wide-section-title-6 {\n font: var(--section-title-6);\n }\n\n .wide-heading-1-lt,\n .wide-heading-2-lt,\n .wide-heading-3-lt,\n .wide-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .wide-heading-1-sb,\n .wide-heading-2-sb,\n .wide-heading-3-sb,\n .wide-heading-4-sb,\n .wide-body-1-sb,\n .wide-body-2-sb,\n .wide-body-3-sb,\n .wide-body-4-sb,\n .wide-body-5-sb,\n .wide-interactive-1-sb,\n .wide-interactive-2-sb,\n .wide-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n font-weight: var(--font-sb);\n}\n","import {\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n h,\n} from \"@stencil/core\";\nimport {\n ButtonVariant,\n ControlSize,\n KeyboardCode,\n SearchbarGroup,\n SearchbarGroupedItem,\n SearchbarItem,\n} from \"../../beans\";\nimport {handleEnterKeydSubmit, randomId} from \"../../utils/utils\";\n\n@Component({\n tag: \"z-searchbar\",\n styleUrls: [\n \"styles.css\",\n \"../css-components/z-label/styles.css\",\n \"../css-components/z-scrollbar/styles.css\",\n \"../../tokens/typography.css\",\n ],\n shadow: true,\n})\nexport class ZSearchbar implements ComponentInterface {\n @Element() host: HTMLZSearchbarElement;\n\n /** The id of the searchbar element */\n @Prop({reflect: true})\n htmlid = `searchbar-${randomId()}`;\n\n /** Prevent submit action */\n @Prop()\n preventSubmit?: boolean = false;\n\n /** The input label */\n @Prop()\n label?: string;\n\n /** The input aria-label */\n @Prop()\n htmlAriaLabel?: string;\n\n /** Input search string */\n @Prop()\n value?: string;\n\n /** Search input placeholder */\n @Prop()\n placeholder?: string;\n\n /** Show autocomplete results */\n @Prop()\n autocomplete?: boolean = false;\n\n /** Minimun number of characters to dispatch typing event */\n @Prop()\n autocompleteMinChars?: number = 3;\n\n /** Number of results shown. Default: all */\n @Prop()\n resultsCount?: number;\n\n /** Search helper text */\n @Prop()\n searchHelperLabel?: string = \"Cerca {searchString}\";\n\n /** Autocomplete results items */\n @Prop()\n resultsItems?: SearchbarItem[] | string;\n\n /** Sort autocomplete results items */\n @Prop()\n sortResultsItems?: boolean = false;\n\n /** Show submit button */\n @Prop()\n showSearchButton?: boolean = false;\n\n /** Hide the label of the submit button, showing only the icon */\n @Prop()\n searchButtonIconOnly?: boolean = false;\n\n /** The label of the submit button */\n @Prop()\n searchButtonLabel?: string = \"CERCA\";\n\n /** Size of the `z-input` and submit `z-button` */\n @Prop()\n size?: ControlSize = ControlSize.BIG;\n\n /** Submit `z-button` variant */\n @Prop()\n variant?: ButtonVariant = ButtonVariant.PRIMARY;\n\n @State()\n searchString = this.value;\n\n @State()\n currResultsCount: number | undefined = this.resultsCount;\n\n @State()\n showResults = false;\n\n @State()\n isMobile = false;\n\n @State()\n selectedItem?: SearchbarItem;\n\n private resultsItemsList: SearchbarItem[] | undefined = null;\n\n private inputRef: HTMLZInputElement;\n\n /** Media query list for detecting mobile view. */\n private mql?: MediaQueryList;\n\n /** Listener for changes in the mobile view media query. */\n private onMobileViewChange?: (e: MediaQueryListEvent) => void;\n\n /** Emitted on search submit, return search string */\n @Event()\n searchSubmit: EventEmitter<string>;\n\n /** Emitted on search typing, return search string */\n @Event()\n searchTyping: EventEmitter<string>;\n\n /** Emitted on search result click, return item */\n @Event()\n searchItemClick: EventEmitter<SearchbarItem>;\n\n private emitSearchItemClick(item: SearchbarItem): void {\n this.searchItemClick.emit(item);\n this.selectedItem = item;\n this.searchString = \"\";\n }\n\n private emitSearchSubmit(): void {\n this.searchSubmit.emit(this.inputRef.value);\n }\n\n @Watch(\"resultsItems\")\n watchItems(): void {\n this.resultsItemsList = this.getResultsItemsList();\n }\n\n @Watch(\"resultsCount\")\n watchResultsCount(): void {\n this.currResultsCount = this.resultsCount;\n }\n\n @Watch(\"value\")\n watchValue(): void {\n this.searchString = this.value;\n }\n\n @Watch(\"searchString\")\n watchSearchString(): void {\n this.searchTyping.emit(this.searchString);\n if (!this.searchString) {\n this.currResultsCount = this.resultsCount;\n }\n }\n\n private getResultsItemsList(): SearchbarItem[] | undefined {\n return typeof this.resultsItems === \"string\" ? JSON.parse(this.resultsItems) : this.resultsItems;\n }\n\n private getGroupedItems(): SearchbarGroupedItem {\n const groupedItems = {};\n this.resultsItemsList.forEach((item: SearchbarItem) => {\n const key = `${item?.category}${item?.subcategory}`;\n groupedItems[key] = groupedItems[key] ?? {\n category: item?.category,\n subcategory: item?.subcategory,\n items: [],\n };\n groupedItems[key][\"items\"].push(item);\n });\n\n if (this.sortResultsItems) {\n return Object.keys(groupedItems)\n .sort()\n .reduce((obj, key) => {\n obj[key] = {\n ...groupedItems[key],\n items: groupedItems[key][\"items\"].sort((a: SearchbarItem, b: SearchbarItem) => {\n const nameA = a.label.toUpperCase();\n const nameB = b.label.toUpperCase();\n if (nameA < nameB) {\n return -1;\n }\n if (nameA > nameB) {\n return 1;\n }\n\n return 0;\n }),\n };\n\n return obj;\n }, {});\n }\n\n return groupedItems;\n }\n\n private onListItemKeyDown(e: KeyboardEvent, item: SearchbarItem): void {\n if (e.key === KeyboardCode.ENTER) {\n e.preventDefault();\n this.emitSearchItemClick(item);\n\n return;\n }\n\n this.handleArrowsNavigation(e);\n }\n\n private onSearchHelperKeyDown(e: KeyboardEvent): void {\n if (e.key === KeyboardCode.ENTER) {\n e.preventDefault();\n this.emitSearchSubmit();\n\n return;\n }\n\n this.handleArrowsNavigation(e);\n }\n\n private handleArrowsNavigation(e: KeyboardEvent): void {\n if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key as KeyboardCode)) {\n return;\n }\n\n const currentElement = e.target as HTMLElement;\n const items = Array.from(this.host.shadowRoot?.querySelectorAll(\"z-list .list-item\") ?? []);\n const currentIndex = items.indexOf(currentElement);\n\n if (e.key === KeyboardCode.ARROW_DOWN) {\n e.preventDefault();\n const nextIndex = currentIndex + 1;\n if (nextIndex < items.length) {\n (items[nextIndex] as HTMLElement).focus();\n }\n }\n\n if (e.key === KeyboardCode.ARROW_UP) {\n e.preventDefault();\n const prevIndex = currentIndex - 1;\n if (prevIndex < 0) {\n this.host.shadowRoot?.querySelector(\"input\")?.focus();\n this.host.shadowRoot\n ?.querySelector(\"input\")\n ?.setSelectionRange(this.inputRef.value.length, this.inputRef.value.length);\n }\n if (prevIndex >= 0) {\n (items[prevIndex] as HTMLElement).focus();\n }\n }\n }\n\n private handleStopTyping(e: CustomEvent): void {\n e.stopPropagation();\n this.searchString = e.detail.value;\n this.selectedItem = undefined;\n }\n\n private handleSubmit(): void {\n if (this.preventSubmit) {\n return;\n }\n\n this.emitSearchSubmit();\n }\n\n @Listen(\"click\", {target: \"document\"})\n private handleOutsideClick(e: MouseEvent): void {\n const cp = e.composedPath();\n if (cp.includes(this.host)) {\n return;\n }\n\n this.showResults = false;\n }\n\n componentWillLoad(): void {\n this.resultsItemsList = this.getResultsItemsList();\n\n this.mql = matchMedia(\"(max-width: 767px)\");\n this.onMobileViewChange = (e: MediaQueryListEvent) => (this.isMobile = e.matches);\n this.mql.addEventListener(\"change\", this.onMobileViewChange);\n this.isMobile = this.mql.matches;\n }\n\n disconnectedCallback(): void {\n this.mql?.removeEventListener(\"change\", this.onMobileViewChange);\n }\n\n private renderItemLabel(label: string): string {\n if (!this.searchString) {\n return label;\n }\n\n return label.replace(\n new RegExp(this.searchString.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"), \"gmi\"),\n (found) => `<mark>${found}</mark>`\n );\n }\n\n private renderItem(item: SearchbarItem, index: number): HTMLZListElementElement {\n return (\n <z-list-element\n id={`list-item-${this.htmlid}-${index}`}\n role=\"presentation\"\n htmlTabindex={-1}\n onKeyDown={(e: KeyboardEvent) => this.onListItemKeyDown(e, item)}\n onClick={() => this.emitSearchItemClick(item)}\n >\n <div\n class=\"list-item ellipsis\"\n role=\"option\"\n tabindex={0}\n >\n {!!item?.icon && (\n <z-icon\n class=\"item-icon\"\n name={item.icon}\n />\n )}\n\n <div\n class=\"item-label body-3 mobile-body-4\"\n title={item.label}\n innerHTML={this.renderItemLabel(item.label)}\n />\n {!!item?.tag && <z-tag icon={item.tag.icon}>{!this.isMobile ? item.tag.text : \"\"}</z-tag>}\n </div>\n {!!item.children?.length && (\n <z-list\n class=\"sub-list\"\n role=\"group\"\n aria-label={item.label || undefined}\n >\n {item.children.map((child, index) => this.renderItem(child, index))}\n </z-list>\n )}\n </z-list-element>\n );\n }\n\n /**\n * Renders the item grouped by category and subcategory. If `resultsCount` is set, it limits the number of rendered items.\n */\n private renderItemGroups(): HTMLZListGroupElement[] | undefined {\n if (!this.resultsItemsList?.length) {\n return;\n }\n\n const groupedItems = Object.values(this.getGroupedItems()) as SearchbarGroup[];\n const listGroups: HTMLZListGroupElement[] = [];\n const hasResultsLimit = !!this.currResultsCount;\n let renderedCount = 0;\n\n for (const groupItem of groupedItems) {\n const remaining = hasResultsLimit ? this.currResultsCount - renderedCount : groupItem.items.length;\n if (remaining <= 0) {\n break;\n }\n\n const visibleItems = groupItem.items.slice(0, remaining);\n const listGroupsElements: HTMLZListElement[] = visibleItems.map((item: SearchbarItem, subindex: number) =>\n this.renderItem(item, subindex)\n );\n renderedCount += listGroupsElements.length;\n\n if (!listGroupsElements.length) {\n continue;\n }\n\n const ariaLabel = [groupItem.category, groupItem.subcategory].filter(Boolean).join(\" \");\n\n listGroups.push(\n <z-list-group aria-label={ariaLabel || undefined}>\n {groupItem.category && (\n <z-list-element\n class=\"category-heading body-3 mobile-body-4\"\n slot=\"header-title\"\n role=\"presentation\"\n htmlTabindex={-1}\n >\n <div class=\"category\">{groupItem.category}</div>\n {groupItem.subcategory && <div class=\"subcategory\">{groupItem.subcategory}</div>}\n </z-list-element>\n )}\n\n {listGroupsElements}\n </z-list-group>\n );\n }\n\n return listGroups;\n }\n\n render(): HTMLZSearchbarElement {\n return (\n <Host\n onFocus={() => (this.showResults = true)}\n onClick={(e: MouseEvent) => this.handleOutsideClick(e)}\n class={{\"has-submit\": !!this.showSearchButton, \"has-results\": !!this.autocomplete}}\n >\n <div class=\"input-container\">\n <z-input\n ref={(el) => (this.inputRef = el)}\n htmlid={`input-${this.htmlid}`}\n message={false}\n placeholder={this.placeholder}\n onStopTyping={(e: CustomEvent) => this.handleStopTyping(e)}\n onKeyUp={(e: KeyboardEvent) => {\n handleEnterKeydSubmit(e, () => this.handleSubmit());\n this.handleArrowsNavigation(e);\n }}\n onFocus={() => (this.showResults = true)}\n value={this.searchString || this.selectedItem?.label}\n size={this.size}\n label={this.label}\n aria-label={this.htmlAriaLabel || this.placeholder || undefined}\n />\n\n {!!(\n this.showResults &&\n this.autocomplete &&\n this.searchString &&\n this.searchString.length >= this.autocompleteMinChars &&\n this.resultsItemsList\n ) && (\n <div class=\"results z-scrollbar\">\n {this.preventSubmit && !this.resultsItemsList?.length ? (\n <div class=\"item-no-results body-3 mobile-body-4\">\n Non abbiamo trovato risultati per <b>{this.searchString}</b>\n <br />\n <br />\n Cosa puoi fare?\n <ul>\n <li>Verificare di aver scritto bene</li>\n <li>Provare a cercare un'altra parola</li>\n <li>Provare a cercare qualcosa di più generico</li>\n </ul>\n </div>\n ) : (\n <z-list\n role=\"listbox\"\n id={`list-${this.htmlid}`}\n aria-label={this.htmlAriaLabel || this.label || undefined}\n >\n {this.autocomplete && !this.preventSubmit && !!this.searchString && (\n <z-list-element\n role=\"presentation\"\n htmlTabindex={-1}\n id={`list-item-${this.htmlid}-search`}\n onKeyDown={(e: KeyboardEvent) => this.onSearchHelperKeyDown(e)}\n onClick={() => this.emitSearchSubmit()}\n >\n <div\n class=\"list-item item-search\"\n role=\"option\"\n tabindex={0}\n >\n <z-icon\n class=\"search-icon\"\n name=\"left-magnifying-glass\"\n />\n <div\n class=\"item-label body-3 mobile-body-4\"\n innerHTML={this.searchHelperLabel?.replace(\n \"{searchString}\",\n `<mark>${this.searchString}</mark>`\n )}\n />\n </div>\n </z-list-element>\n )}\n\n {this.renderItemGroups()}\n\n {!!(\n this.searchString &&\n this.resultsItemsList?.length &&\n this.currResultsCount &&\n this.currResultsCount < this.resultsItemsList?.length\n ) && (\n <z-list-element\n role=\"presentation\"\n htmlTabindex={-1}\n id={`list-item-${this.htmlid}-show-all`}\n >\n <div\n role=\"option\"\n class=\"item-show-all body-3 mobile-body-4\"\n tabindex={0}\n onClick={() => (this.currResultsCount = undefined)}\n >\n Vedi tutti i risultati\n </div>\n </z-list-element>\n )}\n </z-list>\n )}\n </div>\n )}\n </div>\n\n {this.showSearchButton && (\n <z-button\n icon={this.searchButtonIconOnly ? \"search\" : undefined}\n aria-label={this.searchButtonIconOnly ? this.searchButtonLabel.trim() || \"CERCA\" : undefined}\n disabled={!!this.preventSubmit}\n variant={this.variant}\n size={this.size}\n onClick={() => this.handleSubmit()}\n >\n {this.searchButtonIconOnly ? \"\" : this.searchButtonLabel.trim() || \"CERCA\"}\n </z-button>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["stylesCss","typographyCss","ZSearchbar","__stencil_proxyCustomElement","HTMLElement","constructor","registerHost","this","htmlid","randomId","preventSubmit","autocomplete","autocompleteMinChars","searchHelperLabel","sortResultsItems","showSearchButton","searchButtonIconOnly","searchButtonLabel","size","ControlSize","BIG","variant","ButtonVariant","PRIMARY","searchString","value","currResultsCount","resultsCount","showResults","isMobile","resultsItemsList","emitSearchItemClick","item","searchItemClick","emit","selectedItem","emitSearchSubmit","searchSubmit","inputRef","watchItems","getResultsItemsList","watchResultsCount","watchValue","watchSearchString","searchTyping","resultsItems","JSON","parse","getGroupedItems","groupedItems","forEach","key","category","subcategory","_a","items","push","Object","keys","sort","reduce","obj","assign","a","b","nameA","label","toUpperCase","nameB","onListItemKeyDown","e","KeyboardCode","ENTER","preventDefault","handleArrowsNavigation","onSearchHelperKeyDown","ARROW_DOWN","ARROW_UP","includes","currentElement","target","Array","from","_b","host","shadowRoot","querySelectorAll","currentIndex","indexOf","nextIndex","length","focus","prevIndex","_d","_c","querySelector","_f","_e","setSelectionRange","handleStopTyping","stopPropagation","detail","undefined","handleSubmit","handleOutsideClick","cp","composedPath","componentWillLoad","mql","matchMedia","onMobileViewChange","matches","addEventListener","disconnectedCallback","removeEventListener","renderItemLabel","replace","RegExp","found","renderItem","index","h","id","role","htmlTabindex","onKeyDown","onClick","class","tabindex","icon","name","title","innerHTML","tag","text","children","map","child","renderItemGroups","values","listGroups","hasResultsLimit","renderedCount","groupItem","remaining","visibleItems","slice","listGroupsElements","subindex","ariaLabel","filter","Boolean","join","slot","render","Host","onFocus","ref","el","message","placeholder","onStopTyping","onKeyUp","handleEnterKeydSubmit","htmlAriaLabel","trim","disabled"],"sources":["src/components/z-searchbar/styles.css?tag=z-searchbar&encapsulation=shadow","src/components/css-components/z-label/styles.css?tag=z-searchbar&encapsulation=shadow","src/components/css-components/z-scrollbar/styles.css?tag=z-searchbar&encapsulation=shadow","src/tokens/typography.css?tag=z-searchbar&encapsulation=shadow","src/components/z-searchbar/index.tsx"],"sourcesContent":[":host {\n /**\n * @prop --z-searchbar-results-height: Max height of the results container (default: 540px)\n * @prop --z-searchbar-tag-text-color: Color of tag's text (default --color-primary03);\n * @prop --z-searchbar-tag-bg: Color of tag's background (default --color-hover-primary);\n */\n --z-searchbar-tag-text-color: var(--color-primary03);\n --z-searchbar-tag-bg: var(--color-hover-primary);\n --z-searchbar-item-height: 2.75rem;\n\n z-index: 15;\n display: flex;\n align-items: flex-end;\n column-gap: calc(var(--space-unit) * 2);\n font-family: var(--font-family-sans);\n font-weight: var(--font-rg);\n}\n\n:host,\n*,\n::after,\n::before {\n box-sizing: border-box;\n}\n\n.input-container {\n position: relative;\n display: flex;\n width: 100%;\n flex-direction: column;\n}\n\n.input-container z-input {\n z-index: 1;\n}\n\n.results {\n --item-icon-size: 1rem;\n --z-icon-height: var(--item-icon-size);\n --z-icon-width: var(--item-icon-size);\n --item-inline-padding: calc(var(--space-unit) * 1.5);\n --item-col-gap: var(--space-unit);\n\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n overflow: auto;\n width: 100%;\n max-height: var(--z-searchbar-results-height, 540px);\n border: var(--border-size-small) solid var(--color-form-surface03);\n border-top: none;\n background: var(--color-form-background);\n}\n\n.results z-list-element {\n --background-color-list-element: var(--color-form-background);\n\n position: relative;\n display: block;\n}\n\n.results > z-list > z-list-element::part(list-item-container) {\n padding: 0 var(--item-inline-padding);\n}\n\n.results z-list-element > .list-item {\n position: relative;\n display: flex;\n align-items: center;\n padding: calc(var(--space-unit) * 1.25) calc(var(--space-unit) / 4);\n background-color: transparent;\n color: var(--color-form-default-text);\n fill: var(--color-form-default-icon);\n gap: var(--item-col-gap);\n}\n\n.results z-list-element > .list-item:hover {\n background-color: var(--gray100); /* TODO: use correct form-related token when available */\n cursor: pointer;\n}\n\n.results z-list-element > .list-item:focus-visible {\n z-index: 1;\n box-shadow: var(--shadow-focus-primary);\n outline: none;\n}\n\n/* list elements separator */\n.results > z-list > z-list-element:not(:last-child) > .list-item,\n.results z-list-group:not(:last-child) > z-list-element:not(.category-heading) {\n border-bottom: 1px solid var(--color-form-surface03);\n}\n\n.results z-list-group {\n padding: 0 var(--item-inline-padding);\n}\n\n.results z-list-group > z-list-element::part(list-item-container) {\n padding: 0;\n}\n\n.results .sub-list {\n padding-left: calc(var(--item-icon-size) + var(--item-col-gap));\n}\n\n.results .sub-list z-list-element::part(list-item-container) {\n padding: 0;\n}\n\n.results .sub-list z-list-element > .list-item {\n position: relative;\n}\n\n/* tree indicators */\n.results .sub-list > z-list-element:not(:last-child)::before,\n.results .sub-list > z-list-element > .list-item::before {\n position: absolute;\n top: 0;\n left: calc(0px - var(--item-col-gap) - var(--item-icon-size) / 2 + 1px);\n border-left: 1px solid var(--color-form-surface03);\n content: \"\";\n}\n\n/* \"|\" tree indicator */\n.results .sub-list > z-list-element:not(:last-child)::before {\n top: -4px;\n height: calc(100% + 4px);\n}\n\n/* \"—\" tree indicator */\n.results .sub-list z-list-element > .list-item::before {\n width: 14px;\n height: calc(var(--z-searchbar-item-height) / 2);\n border-bottom: 1px solid var(--color-form-surface03);\n}\n\n.results .category-heading > .category {\n font-style: italic;\n}\n\n.results .category-heading > .subcategory {\n text-transform: uppercase;\n}\n\n.results z-list-element > .list-item .ellipsis {\n overflow: hidden;\n}\n\n.results .ellipsis > .item-label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.results .item-label mark {\n background: var(--color-primary03);\n color: var(--color-default-text);\n}\n\n.results .list-item > z-tag {\n --z-tag-bg: var(--z-searchbar-tag-bg);\n --z-tag-text-color: var(--z-searchbar-tag-text-color);\n\n margin-left: auto;\n white-space: nowrap;\n}\n\n.results .item-show-all {\n width: 100%;\n color: var(--color-primary01);\n cursor: pointer;\n text-align: center;\n}\n\n.results .item-no-results {\n display: block;\n padding: calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5);\n font-style: italic;\n}\n\n.results .item-no-results > ul {\n padding-left: calc(var(--space-unit) * 2);\n margin: var(--space-unit);\n}\n\n@media (min-width: 768px) {\n .results {\n --item-icon-size: 1.125rem;\n }\n}\n",".z-label {\n display: block;\n padding-bottom: var(--space-unit);\n color: var(--color-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-1);\n font-weight: var(--font-sb);\n text-align: left;\n text-transform: uppercase;\n}\n","/* Webkit Scrollbar */\n.z-scrollbar::-webkit-scrollbar {\n width: 6px;\n background: linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb {\n background-color: var(--color-primary01);\n}\n\n.z-scrollbar::-webkit-scrollbar-thumb:hover {\n background-color: var(--color-hover-primary);\n}\n\n:host([theme=\"dark\"]) .z-scrollbar,\n.z-scrollbar--dark {\n --z-scrollbar-track-gradient: linear-gradient(\n to right,\n transparent 0 1px,\n var(--gray600) 1px 5px,\n transparent 5px 6px\n );\n --z-scrollbar-track-color: var(--gray600);\n --z-scrollbar-thumb-color: var(--color-primary03);\n --z-scrollbar-thumb-hover-color: var(--color-hover-primary);\n --z-scrollbar-corner-color: transparent;\n}\n\n/* Firefox scrollbar */\n@supports not selector(.z-scrollbar::-webkit-scrollbar-track) {\n .z-scrollbar {\n scrollbar-color: var(--color-primary01) transparent;\n }\n\n :host([theme=\"dark\"]) .z-scrollbar,\n .z-scrollbar--dark {\n scrollbar-color: var(--z-scrollbar-thumb-color, var(--color-primary03))\n var(--z-scrollbar-track-color, var(--gray600));\n }\n}\n",":root {\n /* font-family */\n --font-family-sans: \"IBM Plex Sans\", sans-serif;\n --font-family-serif: \"IBM Plex Serif\", serif;\n\n /* font-weight */\n --font-lt: 300;\n --font-rg: 400;\n --font-sb: 600;\n --font-bd: 700;\n\n /* font-size type scale */\n --font-size-1: 0.75rem; /* 12px */\n --font-size-2: 0.875rem; /* 14px */\n --font-size-3: 1rem; /* assuming 16px */\n --font-size-4: 1.125rem; /* 18px */\n --font-size-5: 1.25rem; /* 20px */\n --font-size-6: 1.5rem; /* 24px */\n --font-size-7: 1.75rem; /* 28px */\n --font-size-8: 2rem; /* 32px */\n --font-size-9: 2.25rem; /* 36px */\n --font-size-10: 2.625rem; /* 42px */\n --font-size-11: 3rem; /* 48px */\n --font-size-12: 3.375rem; /* 54px */\n --font-size-13: 3.75rem; /* 60px */\n --font-size-14: 4.25rem; /* 68px */\n --font-size-15: 4.75rem; /* 76px */\n --font-size-16: 5.25rem; /* 84px */\n --font-size-17: 5.75rem; /* 92px */\n\n /* cssprops to use with `font` shorthand property */\n --section-title-1: var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);\n --section-title-2: var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);\n --section-title-3: var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);\n --section-title-4: var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);\n --section-title-5: var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);\n --section-title-6: var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);\n}\n\n/* Typography classes */\n.heading-1,\n.heading-1-sb,\n.heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n}\n\n.heading-2,\n.heading-2-sb,\n.heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n}\n\n.heading-3,\n.heading-3-sb,\n.heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n}\n\n.heading-4,\n.heading-4-sb,\n.heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n}\n\n.body-1,\n.body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n}\n\n.body-2,\n.body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.body-3,\n.body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.body-4,\n.body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\n.body-5,\n.body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n.interactive-1,\n.interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n}\n\n.interactive-2,\n.interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n}\n\n.interactive-3,\n.interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n.helper,\n.helper-sb {\n font-size: var(--font-size-1);\n font-style: italic;\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n}\n\n/* section title */\n.section-title-1 {\n font: var(--section-title-1);\n}\n\n.section-title-2 {\n font: var(--section-title-2);\n}\n\n.section-title-3 {\n font: var(--section-title-3);\n}\n\n.section-title-4 {\n font: var(--section-title-4);\n}\n\n.section-title-5 {\n font: var(--section-title-5);\n}\n\n.section-title-6 {\n font: var(--section-title-6);\n}\n\n/* heading-1/2 for desktop and wide viewports */\n@media (min-width: 1152px) {\n .heading-1,\n .heading-1-sb,\n .heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .heading-2,\n .heading-2-sb,\n .heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n}\n\n/* viewport classes */\n@media (max-width: 767px) {\n .mobile-heading-1,\n .mobile-heading-1-sb,\n .mobile-heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .mobile-heading-2,\n .mobile-heading-2-sb,\n .mobile-heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .mobile-heading-3,\n .mobile-heading-3-sb,\n .mobile-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .mobile-heading-4,\n .mobile-heading-4-sb,\n .mobile-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .mobile-body-1,\n .mobile-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .mobile-body-2,\n .mobile-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-body-3,\n .mobile-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-body-4,\n .mobile-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .mobile-body-5,\n .mobile-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .mobile-interactive-1,\n .mobile-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .mobile-interactive-2,\n .mobile-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .mobile-interactive-3,\n .mobile-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .mobile-section-title-1 {\n font: var(--section-title-1);\n }\n\n .mobile-section-title-2 {\n font: var(--section-title-2);\n }\n\n .mobile-section-title-3 {\n font: var(--section-title-3);\n }\n\n .mobile-section-title-4 {\n font: var(--section-title-4);\n }\n\n .mobile-section-title-5 {\n font: var(--section-title-5);\n }\n\n .mobile-section-title-6 {\n font: var(--section-title-6);\n }\n\n .mobile-heading-1-lt,\n .mobile-heading-2-lt,\n .mobile-heading-3-lt,\n .mobile-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .mobile-heading-1-sb,\n .mobile-heading-2-sb,\n .mobile-heading-3-sb,\n .mobile-heading-4-sb,\n .mobile-body-1-sb,\n .mobile-body-2-sb,\n .mobile-body-3-sb,\n .mobile-body-4-sb,\n .mobile-body-5-sb,\n .mobile-interactive-1-sb,\n .mobile-interactive-2-sb,\n .mobile-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 768px) and (max-width: 1151px) {\n .tablet-heading-1,\n .tablet-heading-1-sb,\n .tablet-heading-1-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .tablet-heading-2,\n .tablet-heading-2-sb,\n .tablet-heading-2-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .tablet-heading-3,\n .tablet-heading-3-sb,\n .tablet-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .tablet-heading-4,\n .tablet-heading-4-sb,\n .tablet-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .tablet-body-1,\n .tablet-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .tablet-body-2,\n .tablet-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-body-3,\n .tablet-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-body-4,\n .tablet-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .tablet-body-5,\n .tablet-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .tablet-interactive-1,\n .tablet-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .tablet-interactive-2,\n .tablet-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .tablet-interactive-3,\n .tablet-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .tablet-section-title-1 {\n font: var(--section-title-1);\n }\n\n .tablet-section-title-2 {\n font: var(--section-title-2);\n }\n\n .tablet-section-title-3 {\n font: var(--section-title-3);\n }\n\n .tablet-section-title-4 {\n font: var(--section-title-4);\n }\n\n .tablet-section-title-5 {\n font: var(--section-title-5);\n }\n\n .tablet-section-title-6 {\n font: var(--section-title-6);\n }\n\n .tablet-heading-1-lt,\n .tablet-heading-2-lt,\n .tablet-heading-3-lt,\n .tablet-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .tablet-heading-1-sb,\n .tablet-heading-2-sb,\n .tablet-heading-3-sb,\n .tablet-heading-4-sb,\n .tablet-body-1-sb,\n .tablet-body-2-sb,\n .tablet-body-3-sb,\n .tablet-body-4-sb,\n .tablet-body-5-sb,\n .tablet-interactive-1-sb,\n .tablet-interactive-2-sb,\n .tablet-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 1152px) and (max-width: 1365px) {\n .desktop-heading-1,\n .desktop-heading-1-sb,\n .desktop-heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .desktop-heading-2,\n .desktop-heading-2-sb,\n .desktop-heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .desktop-heading-3,\n .desktop-heading-3-sb,\n .desktop-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .desktop-heading-4,\n .desktop-heading-4-sb,\n .desktop-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .desktop-body-1,\n .desktop-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .desktop-body-2,\n .desktop-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-body-3,\n .desktop-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-body-4,\n .desktop-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .desktop-body-5,\n .desktop-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .desktop-interactive-1,\n .desktop-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .desktop-interactive-2,\n .desktop-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .desktop-interactive-3,\n .desktop-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .desktop-section-title-1 {\n font: var(--section-title-1);\n }\n\n .desktop-section-title-2 {\n font: var(--section-title-2);\n }\n\n .desktop-section-title-3 {\n font: var(--section-title-3);\n }\n\n .desktop-section-title-4 {\n font: var(--section-title-4);\n }\n\n .desktop-section-title-5 {\n font: var(--section-title-5);\n }\n\n .desktop-section-title-6 {\n font: var(--section-title-6);\n }\n\n .desktop-heading-1-lt,\n .desktop-heading-2-lt,\n .desktop-heading-3-lt,\n .desktop-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .desktop-heading-1-sb,\n .desktop-heading-2-sb,\n .desktop-heading-3-sb,\n .desktop-heading-4-sb,\n .desktop-body-1-sb,\n .desktop-body-2-sb,\n .desktop-body-3-sb,\n .desktop-body-4-sb,\n .desktop-body-5-sb,\n .desktop-interactive-1-sb,\n .desktop-interactive-2-sb,\n .desktop-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n@media (min-width: 1366px) {\n .wide-heading-1,\n .wide-heading-1-sb,\n .wide-heading-1-lt {\n font-size: var(--font-size-8);\n font-weight: var(--font-rg);\n line-height: 1.25;\n }\n\n .wide-heading-2,\n .wide-heading-2-sb,\n .wide-heading-2-lt {\n font-size: var(--font-size-7);\n font-weight: var(--font-rg);\n line-height: 1.28;\n }\n\n .wide-heading-3,\n .wide-heading-3-sb,\n .wide-heading-3-lt {\n font-size: var(--font-size-6);\n font-weight: var(--font-rg);\n line-height: 1.333;\n }\n\n .wide-heading-4,\n .wide-heading-4-sb,\n .wide-heading-4-lt {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .wide-body-1,\n .wide-body-1-sb {\n font-size: var(--font-size-5);\n font-weight: var(--font-rg);\n line-height: 1.4;\n }\n\n .wide-body-2,\n .wide-body-2-sb {\n font-size: var(--font-size-4);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-body-3,\n .wide-body-3-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-body-4,\n .wide-body-4-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .wide-body-5,\n .wide-body-5-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .wide-interactive-1,\n .wide-interactive-1-sb {\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n line-height: 1.5;\n }\n\n .wide-interactive-2,\n .wide-interactive-2-sb {\n font-size: var(--font-size-2);\n font-weight: var(--font-rg);\n letter-spacing: 0.16px;\n line-height: 1.4;\n }\n\n .wide-interactive-3,\n .wide-interactive-3-sb {\n font-size: var(--font-size-1);\n font-weight: var(--font-rg);\n letter-spacing: 0.32px;\n line-height: 1.333;\n }\n\n .wide-section-title-1 {\n font: var(--section-title-1);\n }\n\n .wide-section-title-2 {\n font: var(--section-title-2);\n }\n\n .wide-section-title-3 {\n font: var(--section-title-3);\n }\n\n .wide-section-title-4 {\n font: var(--section-title-4);\n }\n\n .wide-section-title-5 {\n font: var(--section-title-5);\n }\n\n .wide-section-title-6 {\n font: var(--section-title-6);\n }\n\n .wide-heading-1-lt,\n .wide-heading-2-lt,\n .wide-heading-3-lt,\n .wide-heading-4-lt {\n font-weight: var(--font-lt);\n }\n\n .wide-heading-1-sb,\n .wide-heading-2-sb,\n .wide-heading-3-sb,\n .wide-heading-4-sb,\n .wide-body-1-sb,\n .wide-body-2-sb,\n .wide-body-3-sb,\n .wide-body-4-sb,\n .wide-body-5-sb,\n .wide-interactive-1-sb,\n .wide-interactive-2-sb,\n .wide-interactive-3-sb {\n font-weight: var(--font-sb);\n }\n}\n\n/* font-weight variants */\n.heading-1-lt,\n.heading-2-lt,\n.heading-3-lt,\n.heading-4-lt {\n font-weight: var(--font-lt);\n}\n\n.heading-1-sb,\n.heading-2-sb,\n.heading-3-sb,\n.heading-4-sb,\n.body-1-sb,\n.body-2-sb,\n.body-3-sb,\n.body-4-sb,\n.body-5-sb,\n.interactive-1-sb,\n.interactive-2-sb,\n.interactive-3-sb,\n.helper-sb {\n font-weight: var(--font-sb);\n}\n","import {\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n h,\n} from \"@stencil/core\";\nimport {\n ButtonVariant,\n ControlSize,\n KeyboardCode,\n SearchbarGroup,\n SearchbarGroupedItem,\n SearchbarItem,\n} from \"../../beans\";\nimport {handleEnterKeydSubmit, randomId} from \"../../utils/utils\";\n\n@Component({\n tag: \"z-searchbar\",\n styleUrls: [\n \"styles.css\",\n \"../css-components/z-label/styles.css\",\n \"../css-components/z-scrollbar/styles.css\",\n \"../../tokens/typography.css\",\n ],\n shadow: true,\n})\nexport class ZSearchbar implements ComponentInterface {\n @Element() host: HTMLZSearchbarElement;\n\n /** The id of the searchbar element */\n @Prop({reflect: true})\n htmlid = `searchbar-${randomId()}`;\n\n /** Prevent submit action */\n @Prop()\n preventSubmit?: boolean = false;\n\n /** The input label */\n @Prop()\n label?: string;\n\n /** The input aria-label */\n @Prop()\n htmlAriaLabel?: string;\n\n /** Input search string */\n @Prop()\n value?: string;\n\n /** Search input placeholder */\n @Prop()\n placeholder?: string;\n\n /** Show autocomplete results */\n @Prop()\n autocomplete?: boolean = false;\n\n /** Minimun number of characters to dispatch typing event */\n @Prop()\n autocompleteMinChars?: number = 3;\n\n /** Number of results shown. Default: all */\n @Prop()\n resultsCount?: number;\n\n /** Search helper text */\n @Prop()\n searchHelperLabel?: string = \"Cerca {searchString}\";\n\n /** Autocomplete results items */\n @Prop()\n resultsItems?: SearchbarItem[] | string;\n\n /** Sort autocomplete results items */\n @Prop()\n sortResultsItems?: boolean = false;\n\n /** Show submit button */\n @Prop()\n showSearchButton?: boolean = false;\n\n /** Hide the label of the submit button, showing only the icon */\n @Prop()\n searchButtonIconOnly?: boolean = false;\n\n /** The label of the submit button */\n @Prop()\n searchButtonLabel?: string = \"CERCA\";\n\n /** Size of the `z-input` and submit `z-button` */\n @Prop()\n size?: ControlSize = ControlSize.BIG;\n\n /** Submit `z-button` variant */\n @Prop()\n variant?: ButtonVariant = ButtonVariant.PRIMARY;\n\n @State()\n searchString = this.value;\n\n @State()\n currResultsCount: number | undefined = this.resultsCount;\n\n @State()\n showResults = false;\n\n @State()\n isMobile = false;\n\n @State()\n selectedItem?: SearchbarItem;\n\n private resultsItemsList: SearchbarItem[] | undefined = null;\n\n private inputRef: HTMLZInputElement;\n\n /** Media query list for detecting mobile view. */\n private mql?: MediaQueryList;\n\n /** Listener for changes in the mobile view media query. */\n private onMobileViewChange?: (e: MediaQueryListEvent) => void;\n\n /** Emitted on search submit, return search string */\n @Event()\n searchSubmit: EventEmitter<string>;\n\n /** Emitted on search typing, return search string */\n @Event()\n searchTyping: EventEmitter<string>;\n\n /** Emitted on search result click, return item */\n @Event()\n searchItemClick: EventEmitter<SearchbarItem>;\n\n private emitSearchItemClick(item: SearchbarItem): void {\n this.searchItemClick.emit(item);\n this.selectedItem = item;\n this.searchString = \"\";\n }\n\n private emitSearchSubmit(): void {\n this.searchSubmit.emit(this.inputRef.value);\n }\n\n @Watch(\"resultsItems\")\n watchItems(): void {\n this.resultsItemsList = this.getResultsItemsList();\n }\n\n @Watch(\"resultsCount\")\n watchResultsCount(): void {\n this.currResultsCount = this.resultsCount;\n }\n\n @Watch(\"value\")\n watchValue(): void {\n this.searchString = this.value;\n }\n\n @Watch(\"searchString\")\n watchSearchString(): void {\n this.searchTyping.emit(this.searchString);\n if (!this.searchString) {\n this.currResultsCount = this.resultsCount;\n }\n }\n\n private getResultsItemsList(): SearchbarItem[] | undefined {\n return typeof this.resultsItems === \"string\" ? JSON.parse(this.resultsItems) : this.resultsItems;\n }\n\n private getGroupedItems(): SearchbarGroupedItem {\n const groupedItems = {};\n this.resultsItemsList.forEach((item: SearchbarItem) => {\n const key = `${item?.category}${item?.subcategory}`;\n groupedItems[key] = groupedItems[key] ?? {\n category: item?.category,\n subcategory: item?.subcategory,\n items: [],\n };\n groupedItems[key][\"items\"].push(item);\n });\n\n if (this.sortResultsItems) {\n return Object.keys(groupedItems)\n .sort()\n .reduce((obj, key) => {\n obj[key] = {\n ...groupedItems[key],\n items: groupedItems[key][\"items\"].sort((a: SearchbarItem, b: SearchbarItem) => {\n const nameA = a.label.toUpperCase();\n const nameB = b.label.toUpperCase();\n if (nameA < nameB) {\n return -1;\n }\n if (nameA > nameB) {\n return 1;\n }\n\n return 0;\n }),\n };\n\n return obj;\n }, {});\n }\n\n return groupedItems;\n }\n\n private onListItemKeyDown(e: KeyboardEvent, item: SearchbarItem): void {\n if (e.key === KeyboardCode.ENTER) {\n e.preventDefault();\n this.emitSearchItemClick(item);\n\n return;\n }\n\n this.handleArrowsNavigation(e);\n }\n\n private onSearchHelperKeyDown(e: KeyboardEvent): void {\n if (e.key === KeyboardCode.ENTER) {\n e.preventDefault();\n this.emitSearchSubmit();\n\n return;\n }\n\n this.handleArrowsNavigation(e);\n }\n\n private handleArrowsNavigation(e: KeyboardEvent): void {\n if (![KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP].includes(e.key as KeyboardCode)) {\n return;\n }\n\n const currentElement = e.target as HTMLElement;\n const items = Array.from(this.host.shadowRoot?.querySelectorAll(\"z-list .list-item\") ?? []);\n const currentIndex = items.indexOf(currentElement);\n\n if (e.key === KeyboardCode.ARROW_DOWN) {\n e.preventDefault();\n const nextIndex = currentIndex + 1;\n if (nextIndex < items.length) {\n (items[nextIndex] as HTMLElement).focus();\n }\n }\n\n if (e.key === KeyboardCode.ARROW_UP) {\n e.preventDefault();\n const prevIndex = currentIndex - 1;\n if (prevIndex < 0) {\n this.host.shadowRoot?.querySelector(\"input\")?.focus();\n this.host.shadowRoot\n ?.querySelector(\"input\")\n ?.setSelectionRange(this.inputRef.value.length, this.inputRef.value.length);\n }\n if (prevIndex >= 0) {\n (items[prevIndex] as HTMLElement).focus();\n }\n }\n }\n\n private handleStopTyping(e: CustomEvent): void {\n e.stopPropagation();\n this.searchString = e.detail.value;\n this.selectedItem = undefined;\n }\n\n private handleSubmit(): void {\n if (this.preventSubmit) {\n return;\n }\n\n this.emitSearchSubmit();\n }\n\n @Listen(\"click\", {target: \"document\"})\n private handleOutsideClick(e: MouseEvent): void {\n const cp = e.composedPath();\n if (cp.includes(this.host)) {\n return;\n }\n\n this.showResults = false;\n }\n\n componentWillLoad(): void {\n this.resultsItemsList = this.getResultsItemsList();\n\n this.mql = matchMedia(\"(max-width: 767px)\");\n this.onMobileViewChange = (e: MediaQueryListEvent) => (this.isMobile = e.matches);\n this.mql.addEventListener(\"change\", this.onMobileViewChange);\n this.isMobile = this.mql.matches;\n }\n\n disconnectedCallback(): void {\n this.mql?.removeEventListener(\"change\", this.onMobileViewChange);\n }\n\n private renderItemLabel(label: string): string {\n if (!this.searchString) {\n return label;\n }\n\n return label.replace(\n new RegExp(this.searchString.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\"), \"gmi\"),\n (found) => `<mark>${found}</mark>`\n );\n }\n\n private renderItem(item: SearchbarItem, index: number): HTMLZListElementElement {\n return (\n <z-list-element\n id={`list-item-${this.htmlid}-${index}`}\n role=\"presentation\"\n htmlTabindex={-1}\n onKeyDown={(e: KeyboardEvent) => this.onListItemKeyDown(e, item)}\n onClick={() => this.emitSearchItemClick(item)}\n >\n <div\n class=\"list-item ellipsis\"\n role=\"option\"\n tabindex={0}\n >\n {!!item?.icon && (\n <z-icon\n class=\"item-icon\"\n name={item.icon}\n />\n )}\n\n <div\n class=\"item-label body-3 mobile-body-4\"\n title={item.label}\n innerHTML={this.renderItemLabel(item.label)}\n />\n {!!item?.tag && <z-tag icon={item.tag.icon}>{!this.isMobile ? item.tag.text : \"\"}</z-tag>}\n </div>\n {!!item.children?.length && (\n <z-list\n class=\"sub-list\"\n role=\"group\"\n aria-label={item.label || undefined}\n >\n {item.children.map((child, index) => this.renderItem(child, index))}\n </z-list>\n )}\n </z-list-element>\n );\n }\n\n /**\n * Renders the item grouped by category and subcategory. If `resultsCount` is set, it limits the number of rendered items.\n */\n private renderItemGroups(): HTMLZListGroupElement[] | undefined {\n if (!this.resultsItemsList?.length) {\n return;\n }\n\n const groupedItems = Object.values(this.getGroupedItems()) as SearchbarGroup[];\n const listGroups: HTMLZListGroupElement[] = [];\n const hasResultsLimit = !!this.currResultsCount;\n let renderedCount = 0;\n\n for (const groupItem of groupedItems) {\n const remaining = hasResultsLimit ? this.currResultsCount - renderedCount : groupItem.items.length;\n if (remaining <= 0) {\n break;\n }\n\n const visibleItems = groupItem.items.slice(0, remaining);\n const listGroupsElements: HTMLZListElement[] = visibleItems.map((item: SearchbarItem, subindex: number) =>\n this.renderItem(item, subindex)\n );\n renderedCount += listGroupsElements.length;\n\n if (!listGroupsElements.length) {\n continue;\n }\n\n const ariaLabel = [groupItem.category, groupItem.subcategory].filter(Boolean).join(\" \");\n\n listGroups.push(\n <z-list-group aria-label={ariaLabel || undefined}>\n {groupItem.category && (\n <z-list-element\n class=\"category-heading body-3 mobile-body-4\"\n slot=\"header-title\"\n role=\"presentation\"\n htmlTabindex={-1}\n >\n <div class=\"category\">{groupItem.category}</div>\n {groupItem.subcategory && <div class=\"subcategory\">{groupItem.subcategory}</div>}\n </z-list-element>\n )}\n\n {listGroupsElements}\n </z-list-group>\n );\n }\n\n return listGroups;\n }\n\n render(): HTMLZSearchbarElement {\n return (\n <Host\n onFocus={() => (this.showResults = true)}\n onClick={(e: MouseEvent) => this.handleOutsideClick(e)}\n class={{\"has-submit\": !!this.showSearchButton, \"has-results\": !!this.autocomplete}}\n >\n <div class=\"input-container\">\n <z-input\n ref={(el) => (this.inputRef = el)}\n htmlid={`input-${this.htmlid}`}\n message={false}\n placeholder={this.placeholder}\n onStopTyping={(e: CustomEvent) => this.handleStopTyping(e)}\n onKeyUp={(e: KeyboardEvent) => {\n handleEnterKeydSubmit(e, () => this.handleSubmit());\n this.handleArrowsNavigation(e);\n }}\n onFocus={() => (this.showResults = true)}\n value={this.searchString || this.selectedItem?.label}\n size={this.size}\n label={this.label}\n aria-label={this.htmlAriaLabel || this.placeholder || undefined}\n />\n\n {!!(\n this.showResults &&\n this.autocomplete &&\n this.searchString &&\n this.searchString.length >= this.autocompleteMinChars &&\n this.resultsItemsList\n ) && (\n <div class=\"results z-scrollbar\">\n {this.preventSubmit && !this.resultsItemsList?.length ? (\n <div class=\"item-no-results body-3 mobile-body-4\">\n Non abbiamo trovato risultati per <b>{this.searchString}</b>\n <br />\n <br />\n Cosa puoi fare?\n <ul>\n <li>Verificare di aver scritto bene</li>\n <li>Provare a cercare un'altra parola</li>\n <li>Provare a cercare qualcosa di più generico</li>\n </ul>\n </div>\n ) : (\n <z-list\n role=\"listbox\"\n id={`list-${this.htmlid}`}\n aria-label={this.htmlAriaLabel || this.label || undefined}\n >\n {this.autocomplete && !this.preventSubmit && !!this.searchString && (\n <z-list-element\n role=\"presentation\"\n htmlTabindex={-1}\n id={`list-item-${this.htmlid}-search`}\n onKeyDown={(e: KeyboardEvent) => this.onSearchHelperKeyDown(e)}\n onClick={() => this.emitSearchSubmit()}\n >\n <div\n class=\"list-item item-search\"\n role=\"option\"\n tabindex={0}\n >\n <z-icon\n class=\"search-icon\"\n name=\"left-magnifying-glass\"\n />\n <div\n class=\"item-label body-3 mobile-body-4\"\n innerHTML={this.searchHelperLabel?.replace(\n \"{searchString}\",\n `<mark>${this.searchString}</mark>`\n )}\n />\n </div>\n </z-list-element>\n )}\n\n {this.renderItemGroups()}\n\n {!!(\n this.searchString &&\n this.resultsItemsList?.length &&\n this.currResultsCount &&\n this.currResultsCount < this.resultsItemsList?.length\n ) && (\n <z-list-element\n role=\"presentation\"\n htmlTabindex={-1}\n id={`list-item-${this.htmlid}-show-all`}\n >\n <div\n role=\"option\"\n class=\"item-show-all body-3 mobile-body-4\"\n tabindex={0}\n onClick={() => (this.currResultsCount = undefined)}\n >\n Vedi tutti i risultati\n </div>\n </z-list-element>\n )}\n </z-list>\n )}\n </div>\n )}\n </div>\n\n {this.showSearchButton && (\n <z-button\n icon={this.searchButtonIconOnly ? \"search\" : undefined}\n aria-label={this.searchButtonIconOnly ? this.searchButtonLabel.trim() || \"CERCA\" : undefined}\n disabled={!!this.preventSubmit}\n variant={this.variant}\n size={this.size}\n onClick={() => this.handleSubmit()}\n >\n {this.searchButtonIconOnly ? \"\" : this.searchButtonLabel.trim() || \"CERCA\"}\n </z-button>\n )}\n </Host>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}
package/dist/components/index14.js CHANGED
@@ -1,2 +1,2 @@
1
- import{proxyCustomElement as t,HTMLElement as e,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const r=()=>`.sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.has-text.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag{margin-right:var(--space-unit)}.has-text.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return a(i,{key:"d5f0ba8914c2d1503af21e5ee3ebcf81c35e9475",class:{expandable:this.expandable&&!!this.icon,"has-text":!!this.host.textContent.trim()}},this.icon&&a("z-icon",{key:"c15ecbd499567cfbd03a2f64117858676dc6e353",name:this.icon}),a("div",{key:"6b22a48ec600929db078c2fdb692c828ac3bf6e3"},a("slot",{key:"6566b710bdb7a0fa765628e2dad24ad4b0bc9bd8"})))}get host(){return this}static get style(){return r()}},[262,"z-tag",{icon:[1],expandable:[4]}]);function o(){if(typeof customElements==="undefined"){return}const t=["z-tag","z-icon"];t.forEach((t=>{switch(t){case"z-tag":if(!customElements.get(s(t))){customElements.define(s(t),c)}break;case"z-icon":if(!customElements.get(s(t))){n()}break}}))}export{c as Z,o as d};
1
+ import{proxyCustomElement as t,HTMLElement as e,h as a,Host as i,transformTag as s}from"@stencil/core/internal/client";import{d as n}from"./index3.js";const r=()=>`.sc-z-tag-h{--z-icon-width:14px;--z-icon-height:14px;display:flex;width:fit-content;max-width:inherit;height:fit-content;max-height:inherit;align-items:flex-start;padding:calc(var(--space-unit) / 2);background-color:var(--z-tag-bg, var(--color-hover-primary));border-radius:var(--border-radius);color:var(--z-tag-text-color, var(--color-text-inverse));fill:currentcolor;font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:14px;text-transform:uppercase}.sc-z-tag-h>z-icon.sc-z-tag{margin-right:0;transition:margin-right 0.3s ease-out}.has-text.sc-z-tag-h:not(.expandable)>z-icon.sc-z-tag{margin-right:var(--space-unit)}.has-text.expandable.sc-z-tag-h:hover>z-icon.sc-z-tag{margin-right:var(--space-unit)}.expandable.sc-z-tag-h>div.sc-z-tag{overflow:hidden;max-width:0;max-height:0}.expandable.sc-z-tag-h:hover>div.sc-z-tag{max-width:100%;max-height:100%}`;const c=t(class t extends e{constructor(t){super();if(t!==false){this.__registerHost()}}render(){return a(i,{key:"273eb9a78f7f39ed81015bbe235b46d8582536dc",class:{expandable:this.expandable&&!!this.icon,"has-text":!!this.host.textContent.trim()}},this.icon&&a("z-icon",{key:"5e40ec0815396062058b551eaaa473d4334c82d9",name:this.icon}),a("div",{key:"af9ed36756ea11b9b50f7c155e546b0e369e73a3"},a("slot",{key:"eeb87108d276c593c17dfa0aec905a75cf0f826d"})))}get host(){return this}static get style(){return r()}},[262,"z-tag",{icon:[1],expandable:[4]}]);function o(){if(typeof customElements==="undefined"){return}const t=["z-tag","z-icon"];t.forEach((t=>{switch(t){case"z-tag":if(!customElements.get(s(t))){customElements.define(s(t),c)}break;case"z-icon":if(!customElements.get(s(t))){n()}break}}))}export{c as Z,o as d};
2
2
  //# sourceMappingURL=index14.js.map