@zanichelli/albe-web-components 20.0.2-RC → 20.0.3

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 (470) hide show
  1. package/CHANGELOG.md +45 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/web-components-library.cjs.js +1 -1
  4. package/dist/cjs/z-accordion.cjs.entry.js +1 -1
  5. package/dist/cjs/z-anchor-navigation.cjs.entry.js +1 -1
  6. package/dist/cjs/z-app-header_12.cjs.entry.js +36 -19
  7. package/dist/cjs/z-app-header_12.cjs.entry.js.map +1 -1
  8. package/dist/cjs/z-aria-alert.cjs.entry.js +1 -1
  9. package/dist/cjs/z-avatar.cjs.entry.js +2 -2
  10. package/dist/cjs/z-book-card-app.cjs.entry.js +1 -1
  11. package/dist/cjs/z-book-card.cjs.entry.js +7 -7
  12. package/dist/cjs/z-book-card.cjs.entry.js.map +1 -1
  13. package/dist/cjs/z-book-cover.cjs.entry.js +1 -1
  14. package/dist/cjs/z-breadcrumb.cjs.entry.js +2 -2
  15. package/dist/cjs/z-button-sort.cjs.entry.js +1 -1
  16. package/dist/cjs/z-chip.cjs.entry.js +2 -2
  17. package/dist/cjs/z-color-picker.cjs.entry.js +1 -1
  18. package/dist/cjs/z-combobox.cjs.entry.js +3 -3
  19. package/dist/cjs/z-combobox.cjs.entry.js.map +1 -1
  20. package/dist/cjs/z-cover-hero.cjs.entry.js +2 -2
  21. package/dist/cjs/z-date-picker.cjs.entry.js +1 -1
  22. package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +6 -6
  23. package/dist/cjs/z-file.cjs.entry.js +1 -1
  24. package/dist/cjs/z-ghost-loading.cjs.entry.js +1 -1
  25. package/dist/cjs/z-info-box.cjs.entry.js +1 -1
  26. package/dist/cjs/z-info-reveal.cjs.entry.js +1 -1
  27. package/dist/cjs/z-input-range.cjs.entry.js +1 -1
  28. package/dist/cjs/z-logo.cjs.entry.js +1 -1
  29. package/dist/cjs/z-menu-section.cjs.entry.js +1 -1
  30. package/dist/cjs/z-navigation-tabs.cjs.entry.js +2 -2
  31. package/dist/cjs/z-notification.cjs.entry.js +1 -1
  32. package/dist/cjs/z-popover.cjs.entry.js +1 -1
  33. package/dist/cjs/z-range-picker.cjs.entry.js +3 -3
  34. package/dist/cjs/z-select.cjs.entry.js +5 -1
  35. package/dist/cjs/z-select.cjs.entry.js.map +1 -1
  36. package/dist/cjs/z-skip-to-content.cjs.entry.js +1 -1
  37. package/dist/cjs/z-stepper-item.cjs.entry.js +7 -5
  38. package/dist/cjs/z-stepper-item.cjs.entry.js.map +1 -1
  39. package/dist/cjs/z-stepper.cjs.entry.js +2 -2
  40. package/dist/cjs/z-stepper.cjs.entry.js.map +1 -1
  41. package/dist/cjs/z-table.cjs.entry.js +1 -1
  42. package/dist/cjs/z-tbody.cjs.entry.js +1 -1
  43. package/dist/cjs/z-td.cjs.entry.js +1 -1
  44. package/dist/cjs/z-tfoot.cjs.entry.js +1 -1
  45. package/dist/cjs/z-th.cjs.entry.js +1 -1
  46. package/dist/cjs/z-thead.cjs.entry.js +1 -1
  47. package/dist/cjs/z-toast-notification-list.cjs.entry.js +1 -1
  48. package/dist/cjs/z-toast-notification.cjs.entry.js +3 -3
  49. package/dist/cjs/z-toggle-switch.cjs.entry.js +3 -3
  50. package/dist/cjs/z-tool.cjs.entry.js +2 -2
  51. package/dist/cjs/z-toolbar.cjs.entry.js +1 -1
  52. package/dist/cjs/z-tooltip.cjs.entry.js +1 -1
  53. package/dist/cjs/z-tr.cjs.entry.js +1 -1
  54. package/dist/cjs/z-tree-list.cjs.entry.js +1 -1
  55. package/dist/cjs/z-visually-hidden.cjs.entry.js +1 -1
  56. package/dist/collection/collection-manifest.json +1 -1
  57. package/dist/collection/components/book-card/z-book-card/index.js +6 -6
  58. package/dist/collection/components/book-card/z-book-card/index.js.map +1 -1
  59. package/dist/collection/components/book-card/z-book-card/styles.css +30 -6
  60. package/dist/collection/components/book-card/z-book-card-app/index.js +1 -1
  61. package/dist/collection/components/date-picker/z-date-picker/index.js +1 -1
  62. package/dist/collection/components/date-picker/z-range-picker/index.js +3 -3
  63. package/dist/collection/components/deprecated/table/cells/z-td/index.js +1 -1
  64. package/dist/collection/components/deprecated/table/cells/z-th/index.js +1 -1
  65. package/dist/collection/components/deprecated/table/z-table/index.js +1 -1
  66. package/dist/collection/components/deprecated/table/z-tbody/index.js +1 -1
  67. package/dist/collection/components/deprecated/table/z-tfoot/index.js +1 -1
  68. package/dist/collection/components/deprecated/table/z-thead/index.js +1 -1
  69. package/dist/collection/components/deprecated/table/z-tr/index.js +1 -1
  70. package/dist/collection/components/file-upload/z-dragdrop-area/index.js +2 -2
  71. package/dist/collection/components/file-upload/z-file/index.js +1 -1
  72. package/dist/collection/components/list/z-list/index.js +1 -1
  73. package/dist/collection/components/list/z-list-element/index.js +1 -1
  74. package/dist/collection/components/list/z-list-group/index.js +2 -2
  75. package/dist/collection/components/list/z-tree-list/index.js +1 -1
  76. package/dist/collection/components/z-accordion/index.js +1 -1
  77. package/dist/collection/components/z-anchor-navigation/index.js +1 -1
  78. package/dist/collection/components/z-app-header/index.js +13 -2
  79. package/dist/collection/components/z-app-header/index.js.map +1 -1
  80. package/dist/collection/components/z-app-header/styles.css +32 -17
  81. package/dist/collection/components/z-aria-alert/index.js +1 -1
  82. package/dist/collection/components/z-avatar/index.js +2 -2
  83. package/dist/collection/components/z-book-cover/index.js +1 -1
  84. package/dist/collection/components/z-breadcrumb/index.js +2 -2
  85. package/dist/collection/components/z-button-sort/index.js +1 -1
  86. package/dist/collection/components/z-chip/index.js +2 -2
  87. package/dist/collection/components/z-color-picker/index.js +1 -1
  88. package/dist/collection/components/z-combobox/index.js +2 -2
  89. package/dist/collection/components/z-combobox/index.js.map +1 -1
  90. package/dist/collection/components/z-combobox/styles.css +0 -8
  91. package/dist/collection/components/z-cover-hero/index.js +2 -2
  92. package/dist/collection/components/z-divider/index.js +1 -1
  93. package/dist/collection/components/z-ghost-loading/index.js +1 -1
  94. package/dist/collection/components/z-icon/index.js +1 -1
  95. package/dist/collection/components/z-info-box/index.js +1 -1
  96. package/dist/collection/components/z-info-reveal/index.js +1 -1
  97. package/dist/collection/components/z-input/index.js +7 -1
  98. package/dist/collection/components/z-input/index.js.map +1 -1
  99. package/dist/collection/components/z-input/styles-general.css +3 -1
  100. package/dist/collection/components/z-input-message/index.js +1 -1
  101. package/dist/collection/components/z-input-range/index.js +1 -1
  102. package/dist/collection/components/z-logo/index.js +1 -1
  103. package/dist/collection/components/z-menu-section/index.js +1 -1
  104. package/dist/collection/components/z-modal/index.js +4 -4
  105. package/dist/collection/components/z-navigation-tabs/index.js +2 -2
  106. package/dist/collection/components/z-notification/index.js +1 -1
  107. package/dist/collection/components/z-offcanvas/index.js +2 -2
  108. package/dist/collection/components/z-popover/index.js +1 -1
  109. package/dist/collection/components/z-searchbar/index.js +3 -3
  110. package/dist/collection/components/z-select/index.js +5 -1
  111. package/dist/collection/components/z-select/index.js.map +1 -1
  112. package/dist/collection/components/z-skip-to-content/index.js +1 -1
  113. package/dist/collection/components/z-stepper/index.js +1 -1
  114. package/dist/collection/components/z-stepper/index.js.map +1 -1
  115. package/dist/collection/components/z-stepper/styles.css +7 -8
  116. package/dist/collection/components/z-stepper-item/index.js +25 -4
  117. package/dist/collection/components/z-stepper-item/index.js.map +1 -1
  118. package/dist/collection/components/z-stepper-item/styles.css +89 -71
  119. package/dist/collection/components/z-tag/index.js +2 -2
  120. package/dist/collection/components/z-toast-notification/index.js +3 -3
  121. package/dist/collection/components/z-toast-notification-list/index.js +1 -1
  122. package/dist/collection/components/z-toggle-switch/index.js +3 -3
  123. package/dist/collection/components/z-tool/index.js +2 -2
  124. package/dist/collection/components/z-toolbar/index.js +1 -1
  125. package/dist/collection/components/z-tooltip/index.js +1 -1
  126. package/dist/collection/components/z-visually-hidden/index.js +1 -1
  127. package/dist/components/index10.js +1 -1
  128. package/dist/components/index11.js +1 -1
  129. package/dist/components/index12.js +1 -1
  130. package/dist/components/index13.js +1 -1
  131. package/dist/components/index14.js +1 -1
  132. package/dist/components/index15.js +1 -1
  133. package/dist/components/index16.js +1 -1
  134. package/dist/components/index17.js +1 -1
  135. package/dist/components/index18.js +1 -1
  136. package/dist/components/index19.js +1 -1
  137. package/dist/components/index20.js +1 -1
  138. package/dist/components/index21.js +1 -1
  139. package/dist/components/index3.js +1 -1
  140. package/dist/components/index5.js +1 -1
  141. package/dist/components/index6.js +1 -1
  142. package/dist/components/index6.js.map +1 -1
  143. package/dist/components/index7.js +1 -1
  144. package/dist/components/index8.js +1 -1
  145. package/dist/components/index9.js +1 -1
  146. package/dist/components/z-accordion.js +1 -1
  147. package/dist/components/z-anchor-navigation.js +1 -1
  148. package/dist/components/z-app-header.js +1 -1
  149. package/dist/components/z-app-header.js.map +1 -1
  150. package/dist/components/z-aria-alert.js +1 -1
  151. package/dist/components/z-avatar.js +1 -1
  152. package/dist/components/z-book-card-app.js +1 -1
  153. package/dist/components/z-book-card.js +1 -1
  154. package/dist/components/z-book-card.js.map +1 -1
  155. package/dist/components/z-breadcrumb.js +1 -1
  156. package/dist/components/z-button-sort.js +1 -1
  157. package/dist/components/z-color-picker.js +1 -1
  158. package/dist/components/z-combobox.js +1 -1
  159. package/dist/components/z-combobox.js.map +1 -1
  160. package/dist/components/z-cover-hero.js +1 -1
  161. package/dist/components/z-date-picker.js +1 -1
  162. package/dist/components/z-file.js +1 -1
  163. package/dist/components/z-info-box.js +1 -1
  164. package/dist/components/z-input-range.js +1 -1
  165. package/dist/components/z-logo.js +1 -1
  166. package/dist/components/z-menu-section.js +1 -1
  167. package/dist/components/z-navigation-tabs.js +1 -1
  168. package/dist/components/z-notification.js +1 -1
  169. package/dist/components/z-range-picker.js +1 -1
  170. package/dist/components/z-select.js +1 -1
  171. package/dist/components/z-select.js.map +1 -1
  172. package/dist/components/z-skip-to-content.js +1 -1
  173. package/dist/components/z-stepper-item.js +1 -1
  174. package/dist/components/z-stepper-item.js.map +1 -1
  175. package/dist/components/z-stepper.js +1 -1
  176. package/dist/components/z-stepper.js.map +1 -1
  177. package/dist/components/z-table.js +1 -1
  178. package/dist/components/z-tbody.js +1 -1
  179. package/dist/components/z-td.js +1 -1
  180. package/dist/components/z-tfoot.js +1 -1
  181. package/dist/components/z-th.js +1 -1
  182. package/dist/components/z-thead.js +1 -1
  183. package/dist/components/z-toast-notification-list.js +1 -1
  184. package/dist/components/z-toast-notification.js +3 -3
  185. package/dist/components/z-toggle-switch.js +1 -1
  186. package/dist/components/z-tool.js +1 -1
  187. package/dist/components/z-toolbar.js +1 -1
  188. package/dist/components/z-tr.js +1 -1
  189. package/dist/components/z-tree-list.js +1 -1
  190. package/dist/components/z-visually-hidden.js +1 -1
  191. package/dist/esm/loader.js +1 -1
  192. package/dist/esm/web-components-library.js +1 -1
  193. package/dist/esm/z-accordion.entry.js +1 -1
  194. package/dist/esm/z-anchor-navigation.entry.js +1 -1
  195. package/dist/esm/z-app-header_12.entry.js +36 -19
  196. package/dist/esm/z-app-header_12.entry.js.map +1 -1
  197. package/dist/esm/z-aria-alert.entry.js +1 -1
  198. package/dist/esm/z-avatar.entry.js +2 -2
  199. package/dist/esm/z-book-card-app.entry.js +1 -1
  200. package/dist/esm/z-book-card.entry.js +7 -7
  201. package/dist/esm/z-book-card.entry.js.map +1 -1
  202. package/dist/esm/z-book-cover.entry.js +1 -1
  203. package/dist/esm/z-breadcrumb.entry.js +2 -2
  204. package/dist/esm/z-button-sort.entry.js +1 -1
  205. package/dist/esm/z-chip.entry.js +2 -2
  206. package/dist/esm/z-color-picker.entry.js +1 -1
  207. package/dist/esm/z-combobox.entry.js +3 -3
  208. package/dist/esm/z-combobox.entry.js.map +1 -1
  209. package/dist/esm/z-cover-hero.entry.js +2 -2
  210. package/dist/esm/z-date-picker.entry.js +1 -1
  211. package/dist/esm/z-dragdrop-area_2.entry.js +6 -6
  212. package/dist/esm/z-file.entry.js +1 -1
  213. package/dist/esm/z-ghost-loading.entry.js +1 -1
  214. package/dist/esm/z-info-box.entry.js +1 -1
  215. package/dist/esm/z-info-reveal.entry.js +1 -1
  216. package/dist/esm/z-input-range.entry.js +1 -1
  217. package/dist/esm/z-logo.entry.js +1 -1
  218. package/dist/esm/z-menu-section.entry.js +1 -1
  219. package/dist/esm/z-navigation-tabs.entry.js +2 -2
  220. package/dist/esm/z-notification.entry.js +1 -1
  221. package/dist/esm/z-popover.entry.js +1 -1
  222. package/dist/esm/z-range-picker.entry.js +3 -3
  223. package/dist/esm/z-select.entry.js +5 -1
  224. package/dist/esm/z-select.entry.js.map +1 -1
  225. package/dist/esm/z-skip-to-content.entry.js +1 -1
  226. package/dist/esm/z-stepper-item.entry.js +7 -5
  227. package/dist/esm/z-stepper-item.entry.js.map +1 -1
  228. package/dist/esm/z-stepper.entry.js +2 -2
  229. package/dist/esm/z-stepper.entry.js.map +1 -1
  230. package/dist/esm/z-table.entry.js +1 -1
  231. package/dist/esm/z-tbody.entry.js +1 -1
  232. package/dist/esm/z-td.entry.js +1 -1
  233. package/dist/esm/z-tfoot.entry.js +1 -1
  234. package/dist/esm/z-th.entry.js +1 -1
  235. package/dist/esm/z-thead.entry.js +1 -1
  236. package/dist/esm/z-toast-notification-list.entry.js +1 -1
  237. package/dist/esm/z-toast-notification.entry.js +3 -3
  238. package/dist/esm/z-toggle-switch.entry.js +3 -3
  239. package/dist/esm/z-tool.entry.js +2 -2
  240. package/dist/esm/z-toolbar.entry.js +1 -1
  241. package/dist/esm/z-tooltip.entry.js +1 -1
  242. package/dist/esm/z-tr.entry.js +1 -1
  243. package/dist/esm/z-tree-list.entry.js +1 -1
  244. package/dist/esm/z-visually-hidden.entry.js +1 -1
  245. package/dist/types/components/book-card/z-book-card/index.d.ts +0 -1
  246. package/dist/types/components/z-app-header/index.d.ts +2 -0
  247. package/dist/types/components/z-input/index.d.ts +1 -0
  248. package/dist/types/components/z-stepper/index.d.ts +1 -1
  249. package/dist/types/components/z-stepper-item/index.d.ts +4 -0
  250. package/dist/types/components.d.ts +9 -0
  251. package/dist/web-components-library/{p-c983da75.entry.js → p-04b6a9f8.entry.js} +2 -2
  252. package/dist/web-components-library/{p-08384d53.entry.js → p-09ac8cb2.entry.js} +2 -2
  253. package/dist/web-components-library/{p-e1d1445c.entry.js → p-10ffee06.entry.js} +2 -2
  254. package/dist/web-components-library/{p-eea18ea6.entry.js → p-13bc7433.entry.js} +2 -2
  255. package/dist/web-components-library/{p-fdafba48.entry.js → p-16423e69.entry.js} +2 -2
  256. package/{www/build/p-633d18e9.entry.js → dist/web-components-library/p-1702efd5.entry.js} +2 -2
  257. package/dist/web-components-library/p-1702efd5.entry.js.map +1 -0
  258. package/{www/build/p-886382a7.entry.js → dist/web-components-library/p-1fedbf42.entry.js} +2 -2
  259. package/{www/build/p-deed5153.entry.js → dist/web-components-library/p-248ff73f.entry.js} +2 -2
  260. package/{www/build/p-e2cdf19c.entry.js → dist/web-components-library/p-2f8bd98f.entry.js} +2 -2
  261. package/dist/web-components-library/{p-81c949eb.entry.js → p-320b05fc.entry.js} +2 -2
  262. package/dist/web-components-library/p-3e78dc0d.entry.js +2 -0
  263. package/dist/web-components-library/p-3e78dc0d.entry.js.map +1 -0
  264. package/dist/web-components-library/{p-0fb73edd.entry.js → p-41a3f231.entry.js} +2 -2
  265. package/{www/build/p-41966ee6.entry.js → dist/web-components-library/p-4362efeb.entry.js} +2 -2
  266. package/dist/web-components-library/p-484f3064.entry.js +2 -0
  267. package/dist/web-components-library/p-484f3064.entry.js.map +1 -0
  268. package/dist/web-components-library/{p-87be3ccc.entry.js → p-4bc9e06a.entry.js} +2 -2
  269. package/dist/web-components-library/{p-2780f6d9.entry.js → p-4c054dc5.entry.js} +2 -2
  270. package/dist/web-components-library/{p-d4e212cc.entry.js → p-4d6ea6b1.entry.js} +2 -2
  271. package/{www/build/p-06a196fb.entry.js → dist/web-components-library/p-57ba851d.entry.js} +2 -2
  272. package/dist/web-components-library/{p-350ea24f.entry.js → p-5ecdc465.entry.js} +2 -2
  273. package/dist/web-components-library/{p-95af0156.entry.js → p-6005c944.entry.js} +2 -2
  274. package/{www/build/p-a4f5e7e9.entry.js → dist/web-components-library/p-61b49075.entry.js} +2 -2
  275. package/dist/web-components-library/{p-2e4db422.entry.js → p-67a2f55e.entry.js} +2 -2
  276. package/dist/web-components-library/p-6ce99251.entry.js +2 -0
  277. package/dist/web-components-library/p-6ce99251.entry.js.map +1 -0
  278. package/dist/web-components-library/p-885472aa.entry.js +2 -0
  279. package/{www/build/p-ce98069e.entry.js.map → dist/web-components-library/p-885472aa.entry.js.map} +1 -1
  280. package/dist/web-components-library/{p-55c3310f.entry.js → p-9dc4d290.entry.js} +2 -2
  281. package/dist/web-components-library/p-a1f060c0.entry.js +2 -0
  282. package/dist/web-components-library/{p-e160889a.entry.js.map → p-a1f060c0.entry.js.map} +1 -1
  283. package/dist/web-components-library/p-a30b5538.entry.js +2 -0
  284. package/dist/web-components-library/p-a30b5538.entry.js.map +1 -0
  285. package/dist/web-components-library/{p-3574a17e.entry.js → p-a5e15158.entry.js} +2 -2
  286. package/dist/web-components-library/{p-42cfc136.entry.js → p-acd3b237.entry.js} +2 -2
  287. package/dist/web-components-library/p-ae51be93.entry.js +2 -0
  288. package/dist/web-components-library/{p-2a74e691.entry.js → p-b3d0d75c.entry.js} +2 -2
  289. package/dist/web-components-library/{p-5ae84959.entry.js → p-b5d18aae.entry.js} +2 -2
  290. package/dist/web-components-library/{p-2eaf4b9b.entry.js → p-bd1876f7.entry.js} +2 -2
  291. package/dist/web-components-library/{p-059963b6.entry.js → p-bd663d9d.entry.js} +2 -2
  292. package/dist/web-components-library/p-c00b8b6d.entry.js +2 -0
  293. package/dist/web-components-library/p-c00b8b6d.entry.js.map +1 -0
  294. package/dist/web-components-library/{p-ee5ff565.entry.js → p-ca2d01fd.entry.js} +2 -2
  295. package/dist/web-components-library/{p-47d4000c.entry.js → p-d4ad8db2.entry.js} +2 -2
  296. package/{www/build/p-d4eb997c.entry.js → dist/web-components-library/p-d70ab97a.entry.js} +2 -2
  297. package/dist/web-components-library/{p-668b9254.entry.js → p-d76c3418.entry.js} +2 -2
  298. package/dist/web-components-library/{p-bdd9c781.entry.js → p-de682f93.entry.js} +2 -2
  299. package/{www/build/p-6af7c34f.entry.js → dist/web-components-library/p-ea462d53.entry.js} +2 -2
  300. package/{www/build/p-c15267bc.entry.js → dist/web-components-library/p-eb2deba7.entry.js} +2 -2
  301. package/dist/web-components-library/{p-baa35a6e.entry.js → p-f074b98b.entry.js} +2 -2
  302. package/dist/web-components-library/{p-ea96790b.entry.js → p-f95adaa5.entry.js} +3 -3
  303. package/dist/web-components-library/{p-e972b9c2.entry.js → p-fa11fd2d.entry.js} +2 -2
  304. package/dist/web-components-library/{p-1b562386.entry.js → p-ffe7860b.entry.js} +2 -2
  305. package/dist/web-components-library/web-components-library.esm.js +1 -1
  306. package/package.json +2 -3
  307. package/www/build/{p-c983da75.entry.js → p-04b6a9f8.entry.js} +2 -2
  308. package/www/build/{p-08384d53.entry.js → p-09ac8cb2.entry.js} +2 -2
  309. package/www/build/{p-e1d1445c.entry.js → p-10ffee06.entry.js} +2 -2
  310. package/www/build/{p-eea18ea6.entry.js → p-13bc7433.entry.js} +2 -2
  311. package/www/build/{p-fdafba48.entry.js → p-16423e69.entry.js} +2 -2
  312. package/{dist/web-components-library/p-633d18e9.entry.js → www/build/p-1702efd5.entry.js} +2 -2
  313. package/www/build/p-1702efd5.entry.js.map +1 -0
  314. package/{dist/web-components-library/p-886382a7.entry.js → www/build/p-1fedbf42.entry.js} +2 -2
  315. package/{dist/web-components-library/p-deed5153.entry.js → www/build/p-248ff73f.entry.js} +2 -2
  316. package/{dist/web-components-library/p-e2cdf19c.entry.js → www/build/p-2f8bd98f.entry.js} +2 -2
  317. package/www/build/{p-81c949eb.entry.js → p-320b05fc.entry.js} +2 -2
  318. package/www/build/p-3e78dc0d.entry.js +2 -0
  319. package/www/build/p-3e78dc0d.entry.js.map +1 -0
  320. package/www/build/{p-0fb73edd.entry.js → p-41a3f231.entry.js} +2 -2
  321. package/{dist/web-components-library/p-41966ee6.entry.js → www/build/p-4362efeb.entry.js} +2 -2
  322. package/www/build/p-484f3064.entry.js +2 -0
  323. package/www/build/p-484f3064.entry.js.map +1 -0
  324. package/www/build/{p-87be3ccc.entry.js → p-4bc9e06a.entry.js} +2 -2
  325. package/www/build/{p-2780f6d9.entry.js → p-4c054dc5.entry.js} +2 -2
  326. package/www/build/{p-d4e212cc.entry.js → p-4d6ea6b1.entry.js} +2 -2
  327. package/www/build/{p-9a93e186.js → p-55885a66.js} +1 -1
  328. package/{dist/web-components-library/p-06a196fb.entry.js → www/build/p-57ba851d.entry.js} +2 -2
  329. package/www/build/{p-350ea24f.entry.js → p-5ecdc465.entry.js} +2 -2
  330. package/www/build/{p-95af0156.entry.js → p-6005c944.entry.js} +2 -2
  331. package/{dist/web-components-library/p-a4f5e7e9.entry.js → www/build/p-61b49075.entry.js} +2 -2
  332. package/www/build/{p-2e4db422.entry.js → p-67a2f55e.entry.js} +2 -2
  333. package/www/build/p-6ce99251.entry.js +2 -0
  334. package/www/build/p-6ce99251.entry.js.map +1 -0
  335. package/www/build/p-885472aa.entry.js +2 -0
  336. package/{dist/web-components-library/p-ce98069e.entry.js.map → www/build/p-885472aa.entry.js.map} +1 -1
  337. package/www/build/{p-55c3310f.entry.js → p-9dc4d290.entry.js} +2 -2
  338. package/www/build/p-a1f060c0.entry.js +2 -0
  339. package/www/build/{p-e160889a.entry.js.map → p-a1f060c0.entry.js.map} +1 -1
  340. package/www/build/p-a30b5538.entry.js +2 -0
  341. package/www/build/p-a30b5538.entry.js.map +1 -0
  342. package/www/build/{p-3574a17e.entry.js → p-a5e15158.entry.js} +2 -2
  343. package/www/build/{p-42cfc136.entry.js → p-acd3b237.entry.js} +2 -2
  344. package/www/build/p-ae51be93.entry.js +2 -0
  345. package/www/build/{p-2a74e691.entry.js → p-b3d0d75c.entry.js} +2 -2
  346. package/www/build/{p-5ae84959.entry.js → p-b5d18aae.entry.js} +2 -2
  347. package/www/build/{p-2eaf4b9b.entry.js → p-bd1876f7.entry.js} +2 -2
  348. package/www/build/{p-059963b6.entry.js → p-bd663d9d.entry.js} +2 -2
  349. package/www/build/p-c00b8b6d.entry.js +2 -0
  350. package/www/build/p-c00b8b6d.entry.js.map +1 -0
  351. package/www/build/{p-ee5ff565.entry.js → p-ca2d01fd.entry.js} +2 -2
  352. package/www/build/{p-47d4000c.entry.js → p-d4ad8db2.entry.js} +2 -2
  353. package/{dist/web-components-library/p-d4eb997c.entry.js → www/build/p-d70ab97a.entry.js} +2 -2
  354. package/www/build/{p-668b9254.entry.js → p-d76c3418.entry.js} +2 -2
  355. package/www/build/{p-bdd9c781.entry.js → p-de682f93.entry.js} +2 -2
  356. package/{dist/web-components-library/p-6af7c34f.entry.js → www/build/p-ea462d53.entry.js} +2 -2
  357. package/{dist/web-components-library/p-c15267bc.entry.js → www/build/p-eb2deba7.entry.js} +2 -2
  358. package/www/build/{p-baa35a6e.entry.js → p-f074b98b.entry.js} +2 -2
  359. package/www/build/{p-ea96790b.entry.js → p-f95adaa5.entry.js} +3 -3
  360. package/www/build/{p-e972b9c2.entry.js → p-fa11fd2d.entry.js} +2 -2
  361. package/www/build/{p-1b562386.entry.js → p-ffe7860b.entry.js} +2 -2
  362. package/www/build/web-components-library.esm.js +1 -1
  363. package/www/index.html +1 -1
  364. package/www/pages/stepper/stepper-1.html +127 -0
  365. package/www/pages/stepper/stepper-2.html +128 -0
  366. package/www/pages/stepper/stepper-3.html +153 -0
  367. package/dist/web-components-library/p-12305e05.entry.js +0 -2
  368. package/dist/web-components-library/p-12305e05.entry.js.map +0 -1
  369. package/dist/web-components-library/p-1fad41b2.entry.js +0 -2
  370. package/dist/web-components-library/p-1fad41b2.entry.js.map +0 -1
  371. package/dist/web-components-library/p-55693913.entry.js +0 -2
  372. package/dist/web-components-library/p-55693913.entry.js.map +0 -1
  373. package/dist/web-components-library/p-633d18e9.entry.js.map +0 -1
  374. package/dist/web-components-library/p-781d96de.entry.js +0 -2
  375. package/dist/web-components-library/p-781d96de.entry.js.map +0 -1
  376. package/dist/web-components-library/p-bc8eec12.entry.js +0 -2
  377. package/dist/web-components-library/p-ce98069e.entry.js +0 -2
  378. package/dist/web-components-library/p-e160889a.entry.js +0 -2
  379. package/dist/web-components-library/p-f7e11eab.entry.js +0 -2
  380. package/dist/web-components-library/p-f7e11eab.entry.js.map +0 -1
  381. package/www/build/p-12305e05.entry.js +0 -2
  382. package/www/build/p-12305e05.entry.js.map +0 -1
  383. package/www/build/p-1fad41b2.entry.js +0 -2
  384. package/www/build/p-1fad41b2.entry.js.map +0 -1
  385. package/www/build/p-55693913.entry.js +0 -2
  386. package/www/build/p-55693913.entry.js.map +0 -1
  387. package/www/build/p-633d18e9.entry.js.map +0 -1
  388. package/www/build/p-781d96de.entry.js +0 -2
  389. package/www/build/p-781d96de.entry.js.map +0 -1
  390. package/www/build/p-bc8eec12.entry.js +0 -2
  391. package/www/build/p-ce98069e.entry.js +0 -2
  392. package/www/build/p-e160889a.entry.js +0 -2
  393. package/www/build/p-f7e11eab.entry.js +0 -2
  394. package/www/build/p-f7e11eab.entry.js.map +0 -1
  395. /package/dist/web-components-library/{p-c983da75.entry.js.map → p-04b6a9f8.entry.js.map} +0 -0
  396. /package/dist/web-components-library/{p-08384d53.entry.js.map → p-09ac8cb2.entry.js.map} +0 -0
  397. /package/dist/web-components-library/{p-e1d1445c.entry.js.map → p-10ffee06.entry.js.map} +0 -0
  398. /package/dist/web-components-library/{p-eea18ea6.entry.js.map → p-13bc7433.entry.js.map} +0 -0
  399. /package/dist/web-components-library/{p-fdafba48.entry.js.map → p-16423e69.entry.js.map} +0 -0
  400. /package/dist/web-components-library/{p-886382a7.entry.js.map → p-1fedbf42.entry.js.map} +0 -0
  401. /package/dist/web-components-library/{p-deed5153.entry.js.map → p-248ff73f.entry.js.map} +0 -0
  402. /package/dist/web-components-library/{p-e2cdf19c.entry.js.map → p-2f8bd98f.entry.js.map} +0 -0
  403. /package/dist/web-components-library/{p-81c949eb.entry.js.map → p-320b05fc.entry.js.map} +0 -0
  404. /package/dist/web-components-library/{p-0fb73edd.entry.js.map → p-41a3f231.entry.js.map} +0 -0
  405. /package/dist/web-components-library/{p-41966ee6.entry.js.map → p-4362efeb.entry.js.map} +0 -0
  406. /package/dist/web-components-library/{p-87be3ccc.entry.js.map → p-4bc9e06a.entry.js.map} +0 -0
  407. /package/dist/web-components-library/{p-2780f6d9.entry.js.map → p-4c054dc5.entry.js.map} +0 -0
  408. /package/dist/web-components-library/{p-d4e212cc.entry.js.map → p-4d6ea6b1.entry.js.map} +0 -0
  409. /package/dist/web-components-library/{p-06a196fb.entry.js.map → p-57ba851d.entry.js.map} +0 -0
  410. /package/dist/web-components-library/{p-350ea24f.entry.js.map → p-5ecdc465.entry.js.map} +0 -0
  411. /package/dist/web-components-library/{p-95af0156.entry.js.map → p-6005c944.entry.js.map} +0 -0
  412. /package/dist/web-components-library/{p-a4f5e7e9.entry.js.map → p-61b49075.entry.js.map} +0 -0
  413. /package/dist/web-components-library/{p-2e4db422.entry.js.map → p-67a2f55e.entry.js.map} +0 -0
  414. /package/dist/web-components-library/{p-55c3310f.entry.js.map → p-9dc4d290.entry.js.map} +0 -0
  415. /package/dist/web-components-library/{p-3574a17e.entry.js.map → p-a5e15158.entry.js.map} +0 -0
  416. /package/dist/web-components-library/{p-42cfc136.entry.js.map → p-acd3b237.entry.js.map} +0 -0
  417. /package/dist/web-components-library/{p-bc8eec12.entry.js.map → p-ae51be93.entry.js.map} +0 -0
  418. /package/dist/web-components-library/{p-2a74e691.entry.js.map → p-b3d0d75c.entry.js.map} +0 -0
  419. /package/dist/web-components-library/{p-5ae84959.entry.js.map → p-b5d18aae.entry.js.map} +0 -0
  420. /package/dist/web-components-library/{p-2eaf4b9b.entry.js.map → p-bd1876f7.entry.js.map} +0 -0
  421. /package/dist/web-components-library/{p-059963b6.entry.js.map → p-bd663d9d.entry.js.map} +0 -0
  422. /package/dist/web-components-library/{p-ee5ff565.entry.js.map → p-ca2d01fd.entry.js.map} +0 -0
  423. /package/dist/web-components-library/{p-47d4000c.entry.js.map → p-d4ad8db2.entry.js.map} +0 -0
  424. /package/dist/web-components-library/{p-d4eb997c.entry.js.map → p-d70ab97a.entry.js.map} +0 -0
  425. /package/dist/web-components-library/{p-668b9254.entry.js.map → p-d76c3418.entry.js.map} +0 -0
  426. /package/dist/web-components-library/{p-bdd9c781.entry.js.map → p-de682f93.entry.js.map} +0 -0
  427. /package/dist/web-components-library/{p-6af7c34f.entry.js.map → p-ea462d53.entry.js.map} +0 -0
  428. /package/dist/web-components-library/{p-c15267bc.entry.js.map → p-eb2deba7.entry.js.map} +0 -0
  429. /package/dist/web-components-library/{p-baa35a6e.entry.js.map → p-f074b98b.entry.js.map} +0 -0
  430. /package/dist/web-components-library/{p-ea96790b.entry.js.map → p-f95adaa5.entry.js.map} +0 -0
  431. /package/dist/web-components-library/{p-e972b9c2.entry.js.map → p-fa11fd2d.entry.js.map} +0 -0
  432. /package/dist/web-components-library/{p-1b562386.entry.js.map → p-ffe7860b.entry.js.map} +0 -0
  433. /package/www/build/{p-c983da75.entry.js.map → p-04b6a9f8.entry.js.map} +0 -0
  434. /package/www/build/{p-08384d53.entry.js.map → p-09ac8cb2.entry.js.map} +0 -0
  435. /package/www/build/{p-e1d1445c.entry.js.map → p-10ffee06.entry.js.map} +0 -0
  436. /package/www/build/{p-eea18ea6.entry.js.map → p-13bc7433.entry.js.map} +0 -0
  437. /package/www/build/{p-fdafba48.entry.js.map → p-16423e69.entry.js.map} +0 -0
  438. /package/www/build/{p-886382a7.entry.js.map → p-1fedbf42.entry.js.map} +0 -0
  439. /package/www/build/{p-deed5153.entry.js.map → p-248ff73f.entry.js.map} +0 -0
  440. /package/www/build/{p-e2cdf19c.entry.js.map → p-2f8bd98f.entry.js.map} +0 -0
  441. /package/www/build/{p-81c949eb.entry.js.map → p-320b05fc.entry.js.map} +0 -0
  442. /package/www/build/{p-0fb73edd.entry.js.map → p-41a3f231.entry.js.map} +0 -0
  443. /package/www/build/{p-41966ee6.entry.js.map → p-4362efeb.entry.js.map} +0 -0
  444. /package/www/build/{p-87be3ccc.entry.js.map → p-4bc9e06a.entry.js.map} +0 -0
  445. /package/www/build/{p-2780f6d9.entry.js.map → p-4c054dc5.entry.js.map} +0 -0
  446. /package/www/build/{p-d4e212cc.entry.js.map → p-4d6ea6b1.entry.js.map} +0 -0
  447. /package/www/build/{p-06a196fb.entry.js.map → p-57ba851d.entry.js.map} +0 -0
  448. /package/www/build/{p-350ea24f.entry.js.map → p-5ecdc465.entry.js.map} +0 -0
  449. /package/www/build/{p-95af0156.entry.js.map → p-6005c944.entry.js.map} +0 -0
  450. /package/www/build/{p-a4f5e7e9.entry.js.map → p-61b49075.entry.js.map} +0 -0
  451. /package/www/build/{p-2e4db422.entry.js.map → p-67a2f55e.entry.js.map} +0 -0
  452. /package/www/build/{p-55c3310f.entry.js.map → p-9dc4d290.entry.js.map} +0 -0
  453. /package/www/build/{p-3574a17e.entry.js.map → p-a5e15158.entry.js.map} +0 -0
  454. /package/www/build/{p-42cfc136.entry.js.map → p-acd3b237.entry.js.map} +0 -0
  455. /package/www/build/{p-bc8eec12.entry.js.map → p-ae51be93.entry.js.map} +0 -0
  456. /package/www/build/{p-2a74e691.entry.js.map → p-b3d0d75c.entry.js.map} +0 -0
  457. /package/www/build/{p-5ae84959.entry.js.map → p-b5d18aae.entry.js.map} +0 -0
  458. /package/www/build/{p-2eaf4b9b.entry.js.map → p-bd1876f7.entry.js.map} +0 -0
  459. /package/www/build/{p-059963b6.entry.js.map → p-bd663d9d.entry.js.map} +0 -0
  460. /package/www/build/{p-ee5ff565.entry.js.map → p-ca2d01fd.entry.js.map} +0 -0
  461. /package/www/build/{p-47d4000c.entry.js.map → p-d4ad8db2.entry.js.map} +0 -0
  462. /package/www/build/{p-d4eb997c.entry.js.map → p-d70ab97a.entry.js.map} +0 -0
  463. /package/www/build/{p-668b9254.entry.js.map → p-d76c3418.entry.js.map} +0 -0
  464. /package/www/build/{p-bdd9c781.entry.js.map → p-de682f93.entry.js.map} +0 -0
  465. /package/www/build/{p-6af7c34f.entry.js.map → p-ea462d53.entry.js.map} +0 -0
  466. /package/www/build/{p-c15267bc.entry.js.map → p-eb2deba7.entry.js.map} +0 -0
  467. /package/www/build/{p-baa35a6e.entry.js.map → p-f074b98b.entry.js.map} +0 -0
  468. /package/www/build/{p-ea96790b.entry.js.map → p-f95adaa5.entry.js.map} +0 -0
  469. /package/www/build/{p-e972b9c2.entry.js.map → p-fa11fd2d.entry.js.map} +0 -0
  470. /package/www/build/{p-1b562386.entry.js.map → p-ffe7860b.entry.js.map} +0 -0
@@ -98,7 +98,7 @@ const ZTreeList = class {
98
98
  }
99
99
  render() {
100
100
  const hasClickableItems = this.parsedItems.some((item) => !!item.url);
101
- return (h(Host, { key: 'd4f93f20f84ac193c4b291b0cc16d4a0e6838d49', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: '4d0f11bb82855843beabb2eb0ddaa30ca39d8524', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
101
+ return (h(Host, { key: '8bc473fe54ef8e0cea9e2deeb85cc798a9201482', class: "tree-list", role: hasClickableItems ? "navigation" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-labelledby": this.htmlAriaLabelledby }, h("div", { key: 'da18ff5c34d384aa37ef1edbdb242a3f572f471b', tabIndex: -1, role: hasClickableItems ? "tree" : "none", "aria-hidden": hasClickableItems ? undefined : "true", "aria-label": this.htmlSectionTitle }, this.parsedItems.map((item, key) => this.renderTreeList(item, `${key}`)))));
102
102
  }
103
103
  get host() { return getElement(this); }
104
104
  static get watchers() { return {
@@ -7,7 +7,7 @@ const ZVisuallyHidden = class {
7
7
  registerInstance(this, hostRef);
8
8
  }
9
9
  render() {
10
- return h("slot", { key: '3378671bfdbab0bf278c0e8aeb3f8ea9bd555422' });
10
+ return h("slot", { key: 'e5b7767ebb02bdbed941d12f89f1be1ca715eb8c' });
11
11
  }
12
12
  };
13
13
  ZVisuallyHidden.style = stylesCss();
@@ -56,6 +56,5 @@ export declare class ZBookCard implements ComponentInterface {
56
56
  private renderVolumeTitle;
57
57
  private renderIsbn;
58
58
  private renderEbook;
59
- private renderCtaSlot;
60
59
  render(): HTMLZBookCardElement;
61
60
  }
@@ -91,6 +91,7 @@ export declare class ZAppHeader implements ComponentInterface {
91
91
  manageMenus(ev: FocusEvent | PointerEvent): void;
92
92
  handleKeydown(ev: KeyboardEvent): void;
93
93
  private renderSeachbar;
94
+ private renderSearchLabel;
94
95
  private renderProductLogos;
95
96
  private renderMenuButton;
96
97
  private renderOffcanvas;
@@ -99,5 +100,6 @@ export declare class ZAppHeader implements ComponentInterface {
99
100
  componentWillLoad(): void;
100
101
  componentDidLoad(): void;
101
102
  disconnectedCallback(): void;
103
+ private renderTopSubtitle;
102
104
  render(): HTMLZAppHeaderElement;
103
105
  }
@@ -113,6 +113,7 @@ export declare class ZInput implements ComponentInterface {
113
113
  private renderMessage;
114
114
  private renderTextarea;
115
115
  private handleCheck;
116
+ private getCheckboxAriaChecked;
116
117
  private renderCheckbox;
117
118
  private renderRadio;
118
119
  render(): HTMLInputElement | HTMLDivElement;
@@ -3,5 +3,5 @@ import { ComponentInterface } from "../../stencil-public-runtime";
3
3
  * @slot - slot for `z-stepper-item`
4
4
  */
5
5
  export declare class ZStepper implements ComponentInterface {
6
- render(): HTMLSlotElement;
6
+ render(): HTMLDivElement;
7
7
  }
@@ -20,6 +20,10 @@ export declare class ZStepperItem implements ComponentInterface {
20
20
  * The disabled state of the item.
21
21
  */
22
22
  disabled: boolean;
23
+ /**
24
+ * Aria label of the item.
25
+ */
26
+ htmlAriaLabel: string;
23
27
  private getAttributes;
24
28
  render(): HTMLAnchorElement | HTMLButtonElement;
25
29
  }
@@ -1818,6 +1818,10 @@ export namespace Components {
1818
1818
  * The href to navigate on click.
1819
1819
  */
1820
1820
  "href": string;
1821
+ /**
1822
+ * Aria label of the item.
1823
+ */
1824
+ "htmlAriaLabel": string;
1821
1825
  /**
1822
1826
  * The number of the step item.
1823
1827
  */
@@ -5249,6 +5253,10 @@ declare namespace LocalJSX {
5249
5253
  * The href to navigate on click.
5250
5254
  */
5251
5255
  "href"?: string;
5256
+ /**
5257
+ * Aria label of the item.
5258
+ */
5259
+ "htmlAriaLabel"?: string;
5252
5260
  /**
5253
5261
  * The number of the step item.
5254
5262
  */
@@ -6044,6 +6052,7 @@ declare namespace LocalJSX {
6044
6052
  "pressed": boolean;
6045
6053
  "checked": boolean;
6046
6054
  "disabled": boolean;
6055
+ "htmlAriaLabel": string;
6047
6056
  }
6048
6057
  interface ZTableAttributes {
6049
6058
  "bordered": boolean;
@@ -1,2 +1,2 @@
1
- import{r as o,c as e,h as t,H as n}from"./p-BcDWN4F1.js";const i=()=>`:host,*,::slotted(*){box-sizing:border-box}:host{--z-info-box--border-color:unset;--z-info-box--left-icon-color:var(--z-info-box--border-color, var(--color-primary01-icon));--z-info-box--background-color:var(--color-primary03);display:flex;flex-direction:column;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--z-info-box--border-color, transparent);background:var(--z-info-box--background-color);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2)}.main-content{display:flex;align-items:flex-start}.main-content .left-icon,.close-button{display:flex;height:1.25rem;align-items:center}.main-content .left-icon z-icon{--z-icon-width:1rem;--z-icon-height:1rem;fill:var(--z-info-box--left-icon-color)}::slotted([slot="content"]){color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.25rem}.main-content .left-icon+::slotted([slot="content"]){margin-left:var(--space-unit)}:host([isclosable]) ::slotted([slot="content"]){margin-right:calc(var(--space-unit) * 2)}.close-button{padding:0;border:none;margin:0;margin-left:auto;background:none;cursor:pointer}.close-button z-icon{fill:var(--color-primary01-icon)}`;const a=class{constructor(t){o(this,t);this.infoBoxClose=e(this,"infoBoxClose",7);this.isclosable=true;this.closeButtonAriaLabel="Chiudi pannello informazioni"}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return t(n,{key:"6402c135148e24414ef4df5805dd0e230a8671a1",id:this.boxid},t("div",{key:"656285237abb06bc055db4ed4bf933edfe8028ef",class:"main-content"},this.leftIcon&&t("div",{key:"40c6e5a4aac587f080362bb3bbfd97583d589d69",class:"left-icon"},t("z-icon",{key:"737a02950ac7b498c48104b539913e5cad51f51d",name:this.leftIcon})),t("slot",{key:"c301852f39cb9bf6e07c7460ef8c09fd86baf78e",name:"content"}),this.isclosable&&t("button",{key:"c8b8f1cbea6be9b3047bbd112e315884512b18eb",class:"close-button","aria-label":this.closeButtonAriaLabel,onClick:()=>this.emitInfoBoxClose()},t("z-icon",{key:"7d501f275f9e0a8fc76ce31e755325427e2b6d25",name:"multiply"}))),t("slot",{key:"e516ac4cadbbe7a6c31528f6dc14545919758432",name:"additional-content"}))}};a.style=i();export{a as z_info_box};
2
- //# sourceMappingURL=p-c983da75.entry.js.map
1
+ import{r as o,c as e,h as t,H as n}from"./p-BcDWN4F1.js";const i=()=>`:host,*,::slotted(*){box-sizing:border-box}:host{--z-info-box--border-color:unset;--z-info-box--left-icon-color:var(--z-info-box--border-color, var(--color-primary01-icon));--z-info-box--background-color:var(--color-primary03);display:flex;flex-direction:column;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--z-info-box--border-color, transparent);background:var(--z-info-box--background-color);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2)}.main-content{display:flex;align-items:flex-start}.main-content .left-icon,.close-button{display:flex;height:1.25rem;align-items:center}.main-content .left-icon z-icon{--z-icon-width:1rem;--z-icon-height:1rem;fill:var(--z-info-box--left-icon-color)}::slotted([slot="content"]){color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.25rem}.main-content .left-icon+::slotted([slot="content"]){margin-left:var(--space-unit)}:host([isclosable]) ::slotted([slot="content"]){margin-right:calc(var(--space-unit) * 2)}.close-button{padding:0;border:none;margin:0;margin-left:auto;background:none;cursor:pointer}.close-button z-icon{fill:var(--color-primary01-icon)}`;const c=class{constructor(t){o(this,t);this.infoBoxClose=e(this,"infoBoxClose",7);this.isclosable=true;this.closeButtonAriaLabel="Chiudi pannello informazioni"}emitInfoBoxClose(){this.infoBoxClose.emit({boxid:this.boxid})}render(){return t(n,{key:"4cd2008ec9cd85fe976cca7f4e1d89c53b5dc538",id:this.boxid},t("div",{key:"aac0bd67dedd12740d3b14af25b17d90b96341a2",class:"main-content"},this.leftIcon&&t("div",{key:"2df226b5e1569ee41e282fa9d4d69df82d25278f",class:"left-icon"},t("z-icon",{key:"421f5d58e5db25f17f2b5402138899ccc36d81cf",name:this.leftIcon})),t("slot",{key:"75eca851c2ae4febe1dbd1498333947e591a2e85",name:"content"}),this.isclosable&&t("button",{key:"3b88257dd4ad70c58ef7c04628dc644b87c69659",class:"close-button","aria-label":this.closeButtonAriaLabel,onClick:()=>this.emitInfoBoxClose()},t("z-icon",{key:"ed577a2e5ec651ee872b2872f81153d5ec73700f",name:"multiply"}))),t("slot",{key:"631ba8f5dcf905ca4225c3f94f6427d42be87551",name:"additional-content"}))}};c.style=i();export{c as z_info_box};
2
+ //# sourceMappingURL=p-04b6a9f8.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,h as i,H as o,d as n}from"./p-BcDWN4F1.js";import{P as s,g as a}from"./p-DdetsoIY.js";import{a as r}from"./p-DPrEzmhI.js";import"./p-Q-tWjk7P.js";const h=()=>`:host,*{box-sizing:border-box}.z-tool{--z-tool-size:calc(var(--space-unit) * 5.5);--z-tool-icon-size:calc(var(--space-unit) * 2.5);position:relative;display:inline-flex;width:var(--z-tool-size);height:var(--z-tool-size);align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--color-surface01);border-radius:var(--border-radius);cursor:pointer}:host(:is([active],[open])) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}:host([open]) .z-tool{background:var(--color-primary03)}@media (hover: hover){:host(:hover),:host(.z-tool-tooltip-open){z-index:1}:host(:not([disabled])) .z-tool:hover{background-color:var(--color-primary03)}}.z-tool:focus:focus-visible{background-color:var(--color-primary03);outline:none}z-icon{--z-icon-width:var(--z-tool-icon-size);--z-icon-height:var(--z-tool-icon-size);display:block;fill:var(--color-default-icon)}:host([disabled]) .z-tool{color:var(--color-disabled01-icon);cursor:not-allowed}:host([disabled]) z-icon{fill:var(--color-disabled01-icon)}.z-tool-tooltip{--z-tooltip-padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);--z-tooltip-shadow-filter:drop-shadow(0 4px 8px var(--shadow-color-base));position:relative;z-index:2;font-family:var(--font-family-sans);white-space:nowrap}.z-tool-submenu{z-index:3;border-radius:calc(var(--border-radius) + var(--border-size-small))}.z-tool-submenu ::slotted(z-color-picker){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}@media (max-width: 767px) and (hover: none){.z-tool-tooltip{display:none !important}}`;const l=()=>`:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}`;const f=class{constructor(i){t(this,i);this.toggleSubmenu=e(this,"toggleSubmenu",7);this.toggleTooltip=e(this,"toggleTooltip",7);this.tooltipPosition=s.TOP;this.active=false;this.disabled=false;this.open=false;this.tooltipOpen=false;this.hasSlottedContent=false;this.isMobile=false;this.hasNestedOpenTools=false;this.isNested=false;this.handleTooltipOpen=t=>{if(!this.tooltip||this.open||!this.buttonRef.contains(t.target)){return}clearTimeout(this.hoverDelay);this.hoverDelay=setTimeout((()=>{this.tooltipOpen=true}),1e3)};this.handleTooltipClose=t=>{var e;if(!this.tooltip||((e=t.relatedTarget)===null||e===void 0?void 0:e.closest("z-tooltip"))===this.tooltipRef){return}clearTimeout(this.hoverDelay);this.tooltipOpen=false};this.handleClick=()=>{if(this.disabled||!this.hasSlottedContent){return}this.open=!this.open;if(this.open){const t=this.hostElement.querySelector(":scope > z-color-picker");if(t){t.setFocus();return}const e=this.hostElement.querySelector(":scope > z-toolbar z-tool[active]:not(:disabled)")||this.hostElement.querySelector(":scope > z-toolbar z-tool:not(:disabled)");e===null||e===void 0?void 0:e.setFocus()}};this.onTooltipOpenChange=t=>{if(t.target===this.tooltipRef){return}this.tooltipOpen=t.detail.open}}handleOpenChange(){this.toggleSubmenu.emit(this.open)}handleTooltipOpenChange(){this.toggleTooltip.emit(this.tooltipOpen)}handleKeyDown(t){if(!this.open||this.hasNestedOpenTools){return}switch(t.key){case a.ESC:t.stopPropagation();this.open=false;this.setFocus();break;case a.TAB:if(t.shiftKey&&t.target.closest("z-tool:not(:scope)")===this.hostElement){this.open=false}break}}onOutsideClick(t){const e=t.composedPath()[0];if(!this.open||r(this.hostElement,e)||this.hasNestedOpenTools){return}this.open=false}onNestedToolToggle(t){if(t.target===this.hostElement){return}if(t.detail===true){this.hasNestedOpenTools=true;return}this.hasNestedOpenTools=Array.from(this.hostElement.querySelectorAll("z-tool")).some((t=>t.open))}handleColorSelected(t){if(!Array.from(this.hostElement.children).includes(t.target)){return}this.indicatorColor=t.detail;this.open=false;this.setFocus()}handleExternalFocusin(t){const e=t.target;if(!r(this.hostElement,e)){this.open=false}}async setFocus(){if(this.disabled){return}setTimeout((()=>{var t;(t=this.buttonRef)===null||t===void 0?void 0:t.focus()}),50)}async setTabIndex(t){if(!this.buttonRef){return}this.buttonRef.tabIndex=this.disabled?-1:t}async closeTooltip(){clearTimeout(this.hoverDelay);this.tooltipOpen=false}componentWillLoad(){this.hasSlottedContent=this.hostElement.children.length>0;this.isNested=!!this.hostElement.closest("z-tool:not(:scope)");this.mainToolbar=this.hostElement.closest("z-toolbar:not(z-toolbar z-toolbar)");this.hasNestedOpenTools=!!this.hostElement.querySelector("z-tool[open]");this.mql=matchMedia("(max-width: 767px)");this.onMobileViewChange=t=>this.isMobile=t.matches;this.mql.addEventListener("change",this.onMobileViewChange);this.isMobile=this.mql.matches}disconnectedCallback(){var t;clearTimeout(this.hoverDelay);(t=this.mql)===null||t===void 0?void 0:t.removeEventListener("change",this.onMobileViewChange)}render(){return i(o,{key:"a48fb610a0a937e39e8c18d38bcb816796f5d6b4",class:{"z-tool-tooltip-open":this.tooltipOpen}},i("button",{key:"d5dbd5053a068c67ed97ddc5a7f63d093972b5cb",class:"z-tool",type:"button",ref:t=>this.buttonRef=t,"aria-pressed":this.hasSlottedContent?undefined:this.active?"true":"false","aria-expanded":this.hasSlottedContent?this.open?"true":"false":undefined,"aria-haspopup":this.hasSlottedContent?"true":undefined,"aria-label":this.htmlAriaLabel||this.tooltip||undefined,disabled:this.disabled,onClick:this.handleClick,onMouseEnter:this.handleTooltipOpen,onMouseLeave:this.handleTooltipClose,onFocus:this.handleTooltipOpen,onBlur:this.handleTooltipClose},i("z-icon",{key:"32fead7901041cc31e29ec21afdd4e23db4d3db8",ref:t=>this.iconRef=t,name:this.icon,indicatorColor:this.indicatorColor})),this.tooltip&&i("z-tooltip",{key:"5b50cd97749c97edd199be309bb0b5aadd59116b",class:"z-tool-tooltip",ref:t=>this.tooltipRef=t,bindTo:this.iconRef,open:this.tooltipOpen&&!this.open,position:this.isNested?s.BOTTOM:this.tooltipPosition,dark:true,onMouseLeave:this.handleTooltipClose,onBlur:this.handleTooltipClose,onOpenChange:this.onTooltipOpenChange},i("span",{key:"768a80f59017ef7e459913f9c449673789b81c00",class:"body-4"},this.tooltip)),this.hasSlottedContent&&i("z-popover",{key:"f7a3ffa96e971fa793643944391e296ce7ce12b8",class:"z-tool-submenu",open:this.open,bindTo:this.isMobile&&this.mainToolbar?this.mainToolbar:this.hostElement,center:true,closable:false,position:this.isMobile?s.TOP:s.BOTTOM},i("slot",{key:"e4b9dd50dd26e958241db7df82ccd8a14c6a4c86"})))}get hostElement(){return n(this)}static get watchers(){return{open:[{handleOpenChange:0}],tooltipOpen:[{handleTooltipOpenChange:0}]}}};f.style=h()+l();export{f as z_tool};
2
- //# sourceMappingURL=p-08384d53.entry.js.map
1
+ import{r as t,c as e,h as i,H as o,d as n}from"./p-BcDWN4F1.js";import{P as s,g as a}from"./p-DdetsoIY.js";import{a as r}from"./p-DPrEzmhI.js";import"./p-Q-tWjk7P.js";const h=()=>`:host,*{box-sizing:border-box}.z-tool{--z-tool-size:calc(var(--space-unit) * 5.5);--z-tool-icon-size:calc(var(--space-unit) * 2.5);position:relative;display:inline-flex;width:var(--z-tool-size);height:var(--z-tool-size);align-items:center;justify-content:center;padding:0;border:none;margin:0;background-color:var(--color-surface01);border-radius:var(--border-radius);cursor:pointer}:host(:is([active],[open])) .z-tool{box-shadow:inset 0 0 0 2px var(--color-primary01)}:host([open]) .z-tool{background:var(--color-primary03)}@media (hover: hover){:host(:hover),:host(.z-tool-tooltip-open){z-index:1}:host(:not([disabled])) .z-tool:hover{background-color:var(--color-primary03)}}.z-tool:focus:focus-visible{background-color:var(--color-primary03);outline:none}z-icon{--z-icon-width:var(--z-tool-icon-size);--z-icon-height:var(--z-tool-icon-size);display:block;fill:var(--color-default-icon)}:host([disabled]) .z-tool{color:var(--color-disabled01-icon);cursor:not-allowed}:host([disabled]) z-icon{fill:var(--color-disabled01-icon)}.z-tool-tooltip{--z-tooltip-padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);--z-tooltip-shadow-filter:drop-shadow(0 4px 8px var(--shadow-color-base));position:relative;z-index:2;font-family:var(--font-family-sans);white-space:nowrap}.z-tool-submenu{z-index:3;border-radius:calc(var(--border-radius) + var(--border-size-small))}.z-tool-submenu ::slotted(z-color-picker){border:var(--border-size-small) solid var(--color-surface03);border-radius:var(--border-radius)}@media (max-width: 767px) and (hover: none){.z-tool-tooltip{display:none !important}}`;const l=()=>`:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}`;const f=class{constructor(i){t(this,i);this.toggleSubmenu=e(this,"toggleSubmenu",7);this.toggleTooltip=e(this,"toggleTooltip",7);this.tooltipPosition=s.TOP;this.active=false;this.disabled=false;this.open=false;this.tooltipOpen=false;this.hasSlottedContent=false;this.isMobile=false;this.hasNestedOpenTools=false;this.isNested=false;this.handleTooltipOpen=t=>{if(!this.tooltip||this.open||!this.buttonRef.contains(t.target)){return}clearTimeout(this.hoverDelay);this.hoverDelay=setTimeout((()=>{this.tooltipOpen=true}),1e3)};this.handleTooltipClose=t=>{var e;if(!this.tooltip||((e=t.relatedTarget)===null||e===void 0?void 0:e.closest("z-tooltip"))===this.tooltipRef){return}clearTimeout(this.hoverDelay);this.tooltipOpen=false};this.handleClick=()=>{if(this.disabled||!this.hasSlottedContent){return}this.open=!this.open;if(this.open){const t=this.hostElement.querySelector(":scope > z-color-picker");if(t){t.setFocus();return}const e=this.hostElement.querySelector(":scope > z-toolbar z-tool[active]:not(:disabled)")||this.hostElement.querySelector(":scope > z-toolbar z-tool:not(:disabled)");e===null||e===void 0?void 0:e.setFocus()}};this.onTooltipOpenChange=t=>{if(t.target===this.tooltipRef){return}this.tooltipOpen=t.detail.open}}handleOpenChange(){this.toggleSubmenu.emit(this.open)}handleTooltipOpenChange(){this.toggleTooltip.emit(this.tooltipOpen)}handleKeyDown(t){if(!this.open||this.hasNestedOpenTools){return}switch(t.key){case a.ESC:t.stopPropagation();this.open=false;this.setFocus();break;case a.TAB:if(t.shiftKey&&t.target.closest("z-tool:not(:scope)")===this.hostElement){this.open=false}break}}onOutsideClick(t){const e=t.composedPath()[0];if(!this.open||r(this.hostElement,e)||this.hasNestedOpenTools){return}this.open=false}onNestedToolToggle(t){if(t.target===this.hostElement){return}if(t.detail===true){this.hasNestedOpenTools=true;return}this.hasNestedOpenTools=Array.from(this.hostElement.querySelectorAll("z-tool")).some((t=>t.open))}handleColorSelected(t){if(!Array.from(this.hostElement.children).includes(t.target)){return}this.indicatorColor=t.detail;this.open=false;this.setFocus()}handleExternalFocusin(t){const e=t.target;if(!r(this.hostElement,e)){this.open=false}}async setFocus(){if(this.disabled){return}setTimeout((()=>{var t;(t=this.buttonRef)===null||t===void 0?void 0:t.focus()}),50)}async setTabIndex(t){if(!this.buttonRef){return}this.buttonRef.tabIndex=this.disabled?-1:t}async closeTooltip(){clearTimeout(this.hoverDelay);this.tooltipOpen=false}componentWillLoad(){this.hasSlottedContent=this.hostElement.children.length>0;this.isNested=!!this.hostElement.closest("z-tool:not(:scope)");this.mainToolbar=this.hostElement.closest("z-toolbar:not(z-toolbar z-toolbar)");this.hasNestedOpenTools=!!this.hostElement.querySelector("z-tool[open]");this.mql=matchMedia("(max-width: 767px)");this.onMobileViewChange=t=>this.isMobile=t.matches;this.mql.addEventListener("change",this.onMobileViewChange);this.isMobile=this.mql.matches}disconnectedCallback(){var t;clearTimeout(this.hoverDelay);(t=this.mql)===null||t===void 0?void 0:t.removeEventListener("change",this.onMobileViewChange)}render(){return i(o,{key:"e3637bd703158c99bb7d0476beb71d60c005ec3f",class:{"z-tool-tooltip-open":this.tooltipOpen}},i("button",{key:"48112a7fe05418ad573757ca5c95eee245edeebc",class:"z-tool",type:"button",ref:t=>this.buttonRef=t,"aria-pressed":this.hasSlottedContent?undefined:this.active?"true":"false","aria-expanded":this.hasSlottedContent?this.open?"true":"false":undefined,"aria-haspopup":this.hasSlottedContent?"true":undefined,"aria-label":this.htmlAriaLabel||this.tooltip||undefined,disabled:this.disabled,onClick:this.handleClick,onMouseEnter:this.handleTooltipOpen,onMouseLeave:this.handleTooltipClose,onFocus:this.handleTooltipOpen,onBlur:this.handleTooltipClose},i("z-icon",{key:"60d4061b70583558ec17de689f612792cc586543",ref:t=>this.iconRef=t,name:this.icon,indicatorColor:this.indicatorColor})),this.tooltip&&i("z-tooltip",{key:"0334200fa40f510c0580e8f3b49f6b67c60d6b94",class:"z-tool-tooltip",ref:t=>this.tooltipRef=t,bindTo:this.iconRef,open:this.tooltipOpen&&!this.open,position:this.isNested?s.BOTTOM:this.tooltipPosition,dark:true,onMouseLeave:this.handleTooltipClose,onBlur:this.handleTooltipClose,onOpenChange:this.onTooltipOpenChange},i("span",{key:"36a829ac0b6acec5bdbfc47a393e52c90499e977",class:"body-4"},this.tooltip)),this.hasSlottedContent&&i("z-popover",{key:"055469441b39c1814730c31e40736d8f4cc9182a",class:"z-tool-submenu",open:this.open,bindTo:this.isMobile&&this.mainToolbar?this.mainToolbar:this.hostElement,center:true,closable:false,position:this.isMobile?s.TOP:s.BOTTOM},i("slot",{key:"d26415aa8a3fb91dc02f71b7f0ba068c08d002d9"})))}get hostElement(){return n(this)}static get watchers(){return{open:[{handleOpenChange:0}],tooltipOpen:[{handleTooltipOpenChange:0}]}}};f.style=h()+l();export{f as z_tool};
2
+ //# sourceMappingURL=p-09ac8cb2.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,h as i,H as l,d as n}from"./p-BcDWN4F1.js";import{g as s}from"./p-DdetsoIY.js";const r=()=>`:host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list-element::before,z-list-element::after{position:absolute;z-index:100;top:0.125rem;left:-0.5rem;content:""}z-list z-list-element::before{width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element::after{width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element:last-child::after,z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{z-index:100;display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-0.0625rem;display:block;width:100%;height:calc(var(--space-unit) * 5);content:"";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.0032rem;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:0.125;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}z-list-element>.list-element:focus:focus-visible{position:relative;z-index:200;box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width: 767px){z-list-element::before,z-list-element::after{top:0.1875rem}z-list z-list-element::before{height:calc(var(--space-unit) * 2.5)}.children-node>z-list-element{padding-top:var(--space-unit)}}`;const a=class{constructor(i){e(this,i);this.treeItemClicked=t(this,"treeItemClicked",7);this.items=[];this.parsedItems=[]}watchItems(){this.parsedItems=typeof this.items==="string"?JSON.parse(this.items):this.items}componentWillLoad(){this.watchItems()}handleClick(e){this.treeItemClicked.emit({id:e.id,name:e.name,url:e.url})}getFocusableElements(){return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex="0"]'))}getAncestor(e,t){let i=e;for(let e=0;e<t;e++){i=i===null||i===void 0?void 0:i.parentElement;if(!i){return}}return i}handleArrowNav(e){if(e.code===s.TAB){e.preventDefault();return}const t=this.getFocusableElements();const i=t.indexOf(e.target);if(i===-1){return}if(e.code===s.ARROW_DOWN||e.code===s.ARROW_UP){e.preventDefault();const l=i+(e.code===s.ARROW_DOWN?1:-1);if(l<0||l>=t.length){return}t[l].focus()}if(e.code===s.ARROW_LEFT){e.preventDefault();const l=this.getAncestor(t[i],4);if(!l||!l.children[0]||l.children[0].tagName.toLowerCase()!=="a"&&l.getAttribute("tabindex")===null){return}l.children[0].focus()}if(e.code===s.ARROW_RIGHT){e.preventDefault();const t=e.target.closest("z-list-element");if(!t){return}const i=t.querySelector("z-list");if(!i){return}const l=i.querySelector('a[tabindex="0"]');if(!l){return}l.focus()}}renderTreeList(e,t,l=1){var n,r;this.htmlTag=e.url?"a":"span";const a=i("z-list-element",{id:t,class:!e.icon?"no-icon-elm":"",clickable:Boolean(e.url),hasTreeItems:true,role:"none","aria-hidden":undefined},i(this.htmlTag,{class:{"list-element":true,"z-link":Boolean(e.url),"link-clickable":Boolean(e.url)},tabIndex:e.url?0:-1,onClick:()=>this.handleClick(e),onKeyUp:t=>{if(t.code===s.ENTER||t.code===s.SPACE){this.handleClick(e)}},onKeyDown:e=>this.handleArrowNav(e),role:e.url?"treeitem":undefined,"aria-hidden":e.url?undefined:"true","aria-expanded":((n=e.children)===null||n===void 0?void 0:n.length)>0&&true,"aria-level":l,"aria-label":e.name,href:e.url},i("span",{class:"item ellipsis"},e.icon&&i("z-icon",{width:16,height:16,fill:e.url?"color-primary01":"color-default-icon",class:"item-icon",name:e.icon}),i("span",{class:{"item-label":true,"no-icon-label":!e.icon,"bold-item":e.bold},title:e.name},e.name))),((r=e.children)===null||r===void 0?void 0:r.length)>0&&i("z-list",{role:"group"},i("div",{class:"children-node"},e.children.map(((e,t)=>this.renderTreeList(e,`${t}`,l+1))))));return a}render(){const e=this.parsedItems.some((e=>!!e.url));return i(l,{key:"d4f93f20f84ac193c4b291b0cc16d4a0e6838d49",class:"tree-list",role:e?"navigation":"none","aria-hidden":e?undefined:"true","aria-labelledby":this.htmlAriaLabelledby},i("div",{key:"4d0f11bb82855843beabb2eb0ddaa30ca39d8524",tabIndex:-1,role:e?"tree":"none","aria-hidden":e?undefined:"true","aria-label":this.htmlSectionTitle},this.parsedItems.map(((e,t)=>this.renderTreeList(e,`${t}`)))))}get host(){return n(this)}static get watchers(){return{items:[{watchItems:0}]}}};a.style=r();export{a as z_tree_list};
2
- //# sourceMappingURL=p-e1d1445c.entry.js.map
1
+ import{r as e,c as t,h as i,H as l,d as n}from"./p-BcDWN4F1.js";import{g as s}from"./p-DdetsoIY.js";const r=()=>`:host{font-family:var(--font-family-sans)}z-list-element{position:relative;display:block;padding-top:var(--space-unit)}z-list-element::before,z-list-element::after{position:absolute;z-index:100;top:0.125rem;left:-0.5rem;content:""}z-list z-list-element::before{width:var(--space-unit);height:calc(var(--space-unit) * 2);border-bottom:var(--border-size-small) solid var(--color-disabled01-icon);border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element::after{width:var(--space-unit);height:100%;border-left:var(--border-size-small) solid var(--color-disabled01-icon)}z-list z-list-element:last-child::after,z-list>z-list-element::before,z-list>z-list-element::after,z-list>z-list-group>z-list-element::before,z-list>z-list-group>z-list-element::after{display:none}z-list>div.children-node{padding-left:calc(var(--space-unit) * 2)}z-list-element>.list-element{z-index:100;display:flex;justify-content:space-between;padding:0;color:var(--color-default-text);font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);text-decoration:none}z-list-element>.list-element.link-clickable{color:var(--color-primary01)}z-list-element>.list-element.link-clickable:hover{text-decoration:underline}z-list-element>.list-element .item.ellipsis{overflow:hidden}z-list-element .list-element::after{position:absolute;top:0;right:-0.0625rem;display:block;width:100%;height:calc(var(--space-unit) * 5);content:"";transform:translateX(-100%)}.item-label{overflow:hidden;flex-grow:1;font-size:var(--font-size-2);font-style:normal;font-weight:var(--font-rg);letter-spacing:0.0032rem;line-height:1.25rem;text-overflow:ellipsis;white-space:nowrap}.item-label.bold-item{font-weight:var(--font-sb)}.item.ellipsis{display:flex;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.children-node>z-list-element{padding:0;padding-top:0.125;padding-left:calc(var(--space-unit) * 1.25)}.item-icon{margin-right:var(--space-unit)}.no-icon-label{padding-left:var(--space-unit)}.children-node>z-list-element.no-icon-elm{padding-left:0}z-list-element>.list-element:focus:focus-visible{position:relative;z-index:200;box-shadow:var(--shadow-focus-primary);outline:none}@media (max-width: 767px){z-list-element::before,z-list-element::after{top:0.1875rem}z-list z-list-element::before{height:calc(var(--space-unit) * 2.5)}.children-node>z-list-element{padding-top:var(--space-unit)}}`;const a=class{constructor(i){e(this,i);this.treeItemClicked=t(this,"treeItemClicked",7);this.items=[];this.parsedItems=[]}watchItems(){this.parsedItems=typeof this.items==="string"?JSON.parse(this.items):this.items}componentWillLoad(){this.watchItems()}handleClick(e){this.treeItemClicked.emit({id:e.id,name:e.name,url:e.url})}getFocusableElements(){return Array.from(this.host.shadowRoot.querySelectorAll('a[tabindex="0"]'))}getAncestor(e,t){let i=e;for(let e=0;e<t;e++){i=i===null||i===void 0?void 0:i.parentElement;if(!i){return}}return i}handleArrowNav(e){if(e.code===s.TAB){e.preventDefault();return}const t=this.getFocusableElements();const i=t.indexOf(e.target);if(i===-1){return}if(e.code===s.ARROW_DOWN||e.code===s.ARROW_UP){e.preventDefault();const l=i+(e.code===s.ARROW_DOWN?1:-1);if(l<0||l>=t.length){return}t[l].focus()}if(e.code===s.ARROW_LEFT){e.preventDefault();const l=this.getAncestor(t[i],4);if(!l||!l.children[0]||l.children[0].tagName.toLowerCase()!=="a"&&l.getAttribute("tabindex")===null){return}l.children[0].focus()}if(e.code===s.ARROW_RIGHT){e.preventDefault();const t=e.target.closest("z-list-element");if(!t){return}const i=t.querySelector("z-list");if(!i){return}const l=i.querySelector('a[tabindex="0"]');if(!l){return}l.focus()}}renderTreeList(e,t,l=1){var n,r;this.htmlTag=e.url?"a":"span";const a=i("z-list-element",{id:t,class:!e.icon?"no-icon-elm":"",clickable:Boolean(e.url),hasTreeItems:true,role:"none","aria-hidden":undefined},i(this.htmlTag,{class:{"list-element":true,"z-link":Boolean(e.url),"link-clickable":Boolean(e.url)},tabIndex:e.url?0:-1,onClick:()=>this.handleClick(e),onKeyUp:t=>{if(t.code===s.ENTER||t.code===s.SPACE){this.handleClick(e)}},onKeyDown:e=>this.handleArrowNav(e),role:e.url?"treeitem":undefined,"aria-hidden":e.url?undefined:"true","aria-expanded":((n=e.children)===null||n===void 0?void 0:n.length)>0&&true,"aria-level":l,"aria-label":e.name,href:e.url},i("span",{class:"item ellipsis"},e.icon&&i("z-icon",{width:16,height:16,fill:e.url?"color-primary01":"color-default-icon",class:"item-icon",name:e.icon}),i("span",{class:{"item-label":true,"no-icon-label":!e.icon,"bold-item":e.bold},title:e.name},e.name))),((r=e.children)===null||r===void 0?void 0:r.length)>0&&i("z-list",{role:"group"},i("div",{class:"children-node"},e.children.map(((e,t)=>this.renderTreeList(e,`${t}`,l+1))))));return a}render(){const e=this.parsedItems.some((e=>!!e.url));return i(l,{key:"8bc473fe54ef8e0cea9e2deeb85cc798a9201482",class:"tree-list",role:e?"navigation":"none","aria-hidden":e?undefined:"true","aria-labelledby":this.htmlAriaLabelledby},i("div",{key:"da18ff5c34d384aa37ef1edbdb242a3f572f471b",tabIndex:-1,role:e?"tree":"none","aria-hidden":e?undefined:"true","aria-label":this.htmlSectionTitle},this.parsedItems.map(((e,t)=>this.renderTreeList(e,`${t}`)))))}get host(){return n(this)}static get watchers(){return{items:[{watchItems:0}]}}};a.style=r();export{a as z_tree_list};
2
+ //# sourceMappingURL=p-10ffee06.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,h as e,H as r}from"./p-BcDWN4F1.js";const o=()=>`:host{display:block;box-sizing:border-box}`;const a=()=>`z-table,table.z-table{background-color:var(--color-surface01);--z-table--cells-padding:calc(var(--space-unit) * 2)}table.z-table{border-collapse:collapse}z-thead,table.z-table thead{background-color:var(--color-background);--z-table--cells-bottom-border-size:var(--border-size-medium)}z-tfoot,table.z-table tfoot{border-top:var(--border-size-medium) solid var(--color-surface03);border-bottom:var(--border-size-medium) solid var(--color-surface03)}z-tfoot z-tr,table.z-table tfoot tr{border-bottom:calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important}z-tr,table.z-table tr{border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}z-td,z-th,table.z-table td,table.z-table th{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));text-align:left}z-th:not(:first-child),z-td:not(:first-child),table.z-table th:not(:first-child),table.z-table td:not(:first-child){border-left:var(--z-table--cell-left-border, none)}z-table[bordered],table.z-table.z-table-bordered{--z-table--cell-left-border:1px solid var(--color-surface03)}table.z-table-hover>tbody>tr:hover>td,table.z-table-hover>tfoot>tr:hover>td{position:relative;background-color:var(--color-surface02)}table.z-table-hover>tbody>tr:hover>td::after,table.z-table-hover>tfoot>tr:hover>td::after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:-1px;box-shadow:inset 0 var(--border-size-small) 0 var(--color-surface04), inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04);content:""}table.z-table-hover>tbody>tr:hover>td:first-child::after,table.z-table-hover>thead>tr:hover>th:first-child::after,table.z-table-hover>tfoot>tr:hover>td:first-child::after{left:0}`;const l=class{constructor(e){t(this,e)}render(){return e(r,{key:"5dab686ef543637640d464ad532250d642f73508",role:"rowgroup"},e("slot",{key:"36c4272ae7ba5eee71ffc682ca0d086c1a6cdc07"}))}};l.style=o()+a();export{l as z_tbody};
2
- //# sourceMappingURL=p-eea18ea6.entry.js.map
1
+ import{r as t,h as e,H as r}from"./p-BcDWN4F1.js";const o=()=>`:host{display:block;box-sizing:border-box}`;const a=()=>`z-table,table.z-table{background-color:var(--color-surface01);--z-table--cells-padding:calc(var(--space-unit) * 2)}table.z-table{border-collapse:collapse}z-thead,table.z-table thead{background-color:var(--color-background);--z-table--cells-bottom-border-size:var(--border-size-medium)}z-tfoot,table.z-table tfoot{border-top:var(--border-size-medium) solid var(--color-surface03);border-bottom:var(--border-size-medium) solid var(--color-surface03)}z-tfoot z-tr,table.z-table tfoot tr{border-bottom:calc(var(--z-table--cells-bottom-border-size)) solid var(--color-surface03) !important}z-tr,table.z-table tr{border-bottom:var(--z-table--cells-bottom-border-size, var(--border-size-small)) solid var(--color-surface03)}z-td,z-th,table.z-table td,table.z-table th{padding:var(--z-table--cells-padding, calc(var(--space-unit) * 2));text-align:left}z-th:not(:first-child),z-td:not(:first-child),table.z-table th:not(:first-child),table.z-table td:not(:first-child){border-left:var(--z-table--cell-left-border, none)}z-table[bordered],table.z-table.z-table-bordered{--z-table--cell-left-border:1px solid var(--color-surface03)}table.z-table-hover>tbody>tr:hover>td,table.z-table-hover>tfoot>tr:hover>td{position:relative;background-color:var(--color-surface02)}table.z-table-hover>tbody>tr:hover>td::after,table.z-table-hover>tfoot>tr:hover>td::after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:-1px;box-shadow:inset 0 var(--border-size-small) 0 var(--color-surface04), inset 0 calc(var(--border-size-small) * -1) 0 var(--color-surface04);content:""}table.z-table-hover>tbody>tr:hover>td:first-child::after,table.z-table-hover>thead>tr:hover>th:first-child::after,table.z-table-hover>tfoot>tr:hover>td:first-child::after{left:0}`;const l=class{constructor(e){t(this,e)}render(){return e(r,{key:"9cae384882eb06e5e0ec93393ac6849e22da48c5",role:"rowgroup"},e("slot",{key:"64c4e7e784638e3f7319783429b29f1e2a38b584"}))}};l.style=o()+a();export{l as z_tbody};
2
+ //# sourceMappingURL=p-13bc7433.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as o,h as a,H as i}from"./p-BcDWN4F1.js";const e=()=>`:host{--z-notification--top-offset:0;--z-notification--content-max-width:100%;display:block;width:100%}.main-container{display:flex;max-width:var(--z-notification--content-max-width);align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--z-notification--inline-padding, calc(var(--space-unit) * 2));margin:0 auto;background-color:transparent;font-family:var(--font-family-sans)}:host([sticky]){position:sticky;top:var(--z-notification--top-offset)}:host([sticky]),:host([showshadow]){box-shadow:var(--shadow-3)}:host([type="success"]){background:var(--color-inverse-success)}:host([type="warning"]){background:var(--color-inverse-warning)}:host([type="error"]){background:var(--color-inverse-error)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type="success"]) .status-icon{fill:var(--color-default-success)}:host([type="warning"]) .status-icon{fill:var(--color-default-warning)}:host([type="error"]) .status-icon{fill:var(--color-default-error)}:host([borderposition="bottom"]){border-bottom:var(--border-size-medium) solid var(--color-surface03)}:host([borderposition="top"]){border-top:var(--border-size-medium) solid var(--color-surface03)}button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:flex;flex:1 auto;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{width:100%;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:1.333;outline:none}.action-button:focus-visible{box-shadow:var(--shadow-focus-primary)}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}`;const n=class{handleActionButtonClick(t){t.preventDefault();this.notificationAction.emit()}handleCloseButtonClick(t){t.preventDefault();this.notificationClose.emit()}constructor(a){t(this,a);this.notificationAction=o(this,"notificationAction",7);this.notificationClose=o(this,"notificationClose",7);this.showclose=false;this.showshadow=false;this.sticky=false;this.borderposition="bottom";this.handleActionButtonClick=this.handleActionButtonClick.bind(this);this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}render(){var t;return a(i,{key:"3cec1cd6ceb6f0bc28d90b1722d70a58812b76aa"},a("div",{key:"41318362f0392235d7d6c7e5c306c578aed676e7",class:"main-container"},this.contenticonname&&a("z-icon",{key:"ddf7058dab1d753edccd2d8176ae4cdbceefaf5e",class:"status-icon",name:this.contenticonname,width:16,height:16}),a("div",{key:"8bd106ce352bf6c62a28bbaa6e54a5ed87f9ce09",class:"content-container"},a("div",{key:"3f17ba167b3261565f7ab0d2da7671325746cca8",class:"content-text"},a("slot",{key:"1da9f02e9a69a51701423c3dbab6e6247f945069"})),!!((t=this.actiontext)===null||t===void 0?void 0:t.trim())&&a("button",{key:"8935fad3f17059b87853ff8a8ad738e4a6525535",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&a("button",{key:"a994ea73360e1844c60fedc8ed657e100f912330",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},a("z-icon",{key:"dc0b76a98ad6d273f6164c0f09d9574f45f20a16",name:"multiply-circle",width:16,height:16}))))}};n.style=e();export{n as z_notification};
2
- //# sourceMappingURL=p-fdafba48.entry.js.map
1
+ import{r as t,c as o,h as e,H as i}from"./p-BcDWN4F1.js";const n=()=>`:host{--z-notification--top-offset:0;--z-notification--content-max-width:100%;display:block;width:100%}.main-container{display:flex;max-width:var(--z-notification--content-max-width);align-items:flex-start;padding:calc(var(--space-unit) * 2) var(--z-notification--inline-padding, calc(var(--space-unit) * 2));margin:0 auto;background-color:transparent;font-family:var(--font-family-sans)}:host([sticky]){position:sticky;top:var(--z-notification--top-offset)}:host([sticky]),:host([showshadow]){box-shadow:var(--shadow-3)}:host([type="success"]){background:var(--color-inverse-success)}:host([type="warning"]){background:var(--color-inverse-warning)}:host([type="error"]){background:var(--color-inverse-error)}.status-icon,.close-button{display:flex;height:20px;align-items:center}:host([type="success"]) .status-icon{fill:var(--color-default-success)}:host([type="warning"]) .status-icon{fill:var(--color-default-warning)}:host([type="error"]) .status-icon{fill:var(--color-default-error)}:host([borderposition="bottom"]){border-bottom:var(--border-size-medium) solid var(--color-surface03)}:host([borderposition="top"]){border-top:var(--border-size-medium) solid var(--color-surface03)}button{padding:0;border:none;margin:0;background:transparent;cursor:pointer;font-family:inherit}.status-icon+.content-container{margin-left:var(--space-unit)}.content-container{display:flex;flex:1 auto;flex-wrap:wrap;align-items:baseline;justify-content:space-between;row-gap:calc(var(--space-unit) * 2)}.content-text{width:100%;color:var(--color-default-text);font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.action-button{color:var(--color-primary01);font-size:var(--font-size-1);font-weight:var(--font-sb);letter-spacing:0.32px;line-height:1.333;outline:none}.action-button:focus-visible{box-shadow:var(--shadow-focus-primary)}.content-container+.close-button{margin-left:calc(var(--space-unit) * 2)}.close-button z-icon{fill:var(--color-primary01)}@media (min-width: 768px){.content-container{flex-wrap:nowrap}.content-text+.action-button{margin-left:calc(var(--space-unit) * 5)}}`;const a=class{handleActionButtonClick(t){t.preventDefault();this.notificationAction.emit()}handleCloseButtonClick(t){t.preventDefault();this.notificationClose.emit()}constructor(e){t(this,e);this.notificationAction=o(this,"notificationAction",7);this.notificationClose=o(this,"notificationClose",7);this.showclose=false;this.showshadow=false;this.sticky=false;this.borderposition="bottom";this.handleActionButtonClick=this.handleActionButtonClick.bind(this);this.handleCloseButtonClick=this.handleCloseButtonClick.bind(this)}render(){var t;return e(i,{key:"4fd2f22c56fba4e7809d407dcbd16cefab495c04"},e("div",{key:"cfe35b1852e3e203efe9e02f1b77d61e0d41db9a",class:"main-container"},this.contenticonname&&e("z-icon",{key:"3ce7c0d1206305eed36ff96459842d2748293ae9",class:"status-icon",name:this.contenticonname,width:16,height:16}),e("div",{key:"c80079713e7df578506dc269473562034c5d1f5b",class:"content-container"},e("div",{key:"f58d8522ee597abc370199362715fb3a294e7d03",class:"content-text"},e("slot",{key:"c3c5bfefeb9808ed5446b25df3bb79e5ed715e97"})),!!((t=this.actiontext)===null||t===void 0?void 0:t.trim())&&e("button",{key:"6d41c5e0273debff7f5d2beca0b5a0e9b31e6c8a",class:"action-button",type:"button",onClick:this.handleActionButtonClick},this.actiontext)),this.showclose&&e("button",{key:"7eb5261947cadf3264eb71f731ee27b86b660285",class:"close-button",type:"button",onClick:this.handleCloseButtonClick},e("z-icon",{key:"4113a60cd35f6ba083f1abce5cc46856871cc312",name:"multiply-circle",width:16,height:16}))))}};a.style=n();export{a as z_notification};
2
+ //# sourceMappingURL=p-16423e69.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,h as s,d as i}from"./p-BcDWN4F1.js";import{e as l,g as c,i as r,l as n}from"./p-DdetsoIY.js";import{r as a,e as o,b as h,d,f as z,i as p}from"./p-DPrEzmhI.js";import"./p-Q-tWjk7P.js";const u=()=>`.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-form-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>z-input.sc-z-select .input-icon.sc-z-select{cursor:pointer}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;border-top:none;background:var(--color-form-background);box-shadow:var(--shadow-2);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select z-list.sc-z-select{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:var(--space-unit) calc(var(--space-unit) * 1.5);margin:0;outline:none}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element[disabled].sc-z-select{color:var(--color-form-disabled03)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);column-gap:var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{margin-right:auto}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:var(--font-sb)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--color-form-default-text)}.reset-item.sc-z-select{color:var(--color-form-active-primary);fill:var(--color-form-active-primary)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.sc-z-select .reset-item-content.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:var(--space-unit)}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}.tree-list-reset-item.sc-z-select{padding:var(--space-unit) 0}z-list-element.sc-z-select{position:relative;display:block}z-list.sc-z-select z-list-element.sc-z-select::before{position:absolute;z-index:100;top:3px;left:-8px;width:8px;height:1em;border-bottom:1px solid var(--color-form-disabled01-icon);border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select::after{position:absolute;z-index:100;top:5px;left:-8px;width:8px;height:100%;border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select:last-child::after{display:none}z-list.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-element.sc-z-select::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::after{display:none}z-list.sc-z-select>div.children-node.sc-z-select{padding-left:calc(var(--space-unit) * 2)}z-list-element.sc-z-select>.list-element.sc-z-select{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.5) var(--space-unit);cursor:pointer}z-list-element.sc-z-select>.list-element.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover,z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover::after{background-color:var(--background-hover-color-list-element, var(--color-background))}z-list-element.sc-z-select>.list-element.sc-z-select .item.ellipsis.sc-z-select{overflow:hidden}z-list-element.sc-z-select .list-element.sc-z-select::after{position:absolute;top:0;right:-1px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.tree-search-item.sc-z-select{padding-top:0}z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.grouped-tree-parent-node.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.item-label.selected.sc-z-select{font-weight:bold}.item.ellipsis.sc-z-select{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}z-list.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after,z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select:hover::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;right:-18px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;top:0;right:0;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select>z-list-element.sc-z-select{padding:0}`;const m=class{constructor(s){e(this,s);this.optionSelect=t(this,"optionSelect",7);this.resetSelect=t(this,"resetSelect",7);this.htmlid=`id-${a()}`;this.disabled=false;this.readonly=false;this.required=false;this.message=true;this.autocomplete=false;this.noresultslabel="Nessun risultato";this.isfixed=false;this.size=l.BIG;this.isOpen=false;this.selectedItem=null;this.itemsList=[];this.toggleSelectUl=this.toggleSelectUl.bind(this);this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray();this.selectedItem=this.findSelectedItem(this.itemsList)}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];if(typeof e==="string"){t.push(e)}else{t=e}this.itemsList=this.getInitialItemsArray();if(t.length){this.updateSelection(this.itemsList,t[0])}this.selectedItem=this.findSelectedItem(this.itemsList)}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return typeof this.items==="string"?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){var e;const t=this.getInitialItemsArray();this.updateSelection(t,(e=this.selectedItem)===null||e===void 0?void 0:e.id);return t}getSelectedValue(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id}getOptionId(e){return`${this.htmlid}_key_${e.id?o(`${e.id}`):o(`${e.name}`)}`}getResetOptionId(){return`${this.htmlid}_key_reset`}getGroupedItems(){if(!this.itemsList.length){return[]}return Object.entries(this.itemsList.reduce(((e,t)=>{const s=t.category||"Altra categoria";e[s]=e[s]||[];e[s].push(t);return e}),{}))}filterItems(e){let t=this.mapSelectedItemToItemsArray();if(!(e===null||e===void 0?void 0:e.length)){this.itemsList=t;return}t=t.map((e=>Object.assign(Object.assign({},e),{name:h(e.name)})));if(this.hasTreeItems){this.itemsList=this.filterTree(t,e,false)}else{this.itemsList=t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>{t.name=this.getHighlightedText(t.name,e);return t}))}}filterTree(e,t,s){if(!e){return[]}return e.map((e=>{const i=e.name.toUpperCase().includes(t.toUpperCase());const l=Object.assign({},e);if(l.children&&l.children.length>0){l.children=this.filterTree(l.children.map((e=>Object.assign(Object.assign({},e),{name:h(e.name)}))),t,i)}if(i){l.name=this.getHighlightedText(l.name,t)}if(i||l.children&&l.children.length>0||this.showChildrenOfMatchingParent&&s){return l}return null})).filter((e=>e!==null))}getHighlightedText(e,t){const s=e.toUpperCase();const i=t.toUpperCase();const l=s.indexOf(i);if(l===-1){return e}const c=l+t.length;return e.substring(0,l)+`<strong>${e.substring(l,c)}</strong>`+e.substring(c)}hasAutocomplete(){return d(this.autocomplete)===true}handleInputChange(e){this.searchString=e.detail.value;if(!this.isOpen){this.toggleSelectUl()}}updateSelection(e,t){if(e){e.forEach((e=>{e.selected=e.id===t;if(e.children&&e.children.length>0){this.updateSelection(e.children,t)}}))}}findSelectedItem(e){if(e){for(const t of e){if(t.selected){return t}if(t.children&&t.children.length>0){const e=this.findSelectedItem(t.children);if(e){return e}}}}return null}selectItem(e){if(e===null||e===void 0?void 0:e.disabled){return}this.itemsList=this.getInitialItemsArray();if(e){this.updateSelection(this.itemsList,e.id)}this.selectedItem=this.findSelectedItem(this.itemsList);this.emitOptionSelect();this.toggleSelectUl();if(this.searchString){this.searchString=null}}handleResetClick(){this.selectedItem=null;this.searchString=null;this.focusedItemId="";this.emitResetSelect();this.toggleSelectUl()}handleInputKeyDown(e){switch(e.code){case c.ENTER:case c.SPACE:if(this.focusedItemId){if(this.focusedItemId===this.getResetOptionId()){this.handleResetClick()}else{const e=this.itemsList.find((e=>this.getOptionId(e)===this.focusedItemId))||null;if(e){this.selectedItem=e;this.emitOptionSelect();this.toggleSelectUl()}}}break;case c.ARROW_DOWN:case c.ARROW_UP:this.arrowsSelectNav(e);break}}arrowsSelectNav(e){const t=[c.ARROW_DOWN,c.ARROW_UP];if(!t.includes(e.key)){return}e.preventDefault();e.stopPropagation();const s=this.focusedItemId?this.host.querySelector(`#${this.focusedItemId}`):null;const i=Array.from(this.host.querySelectorAll('[role="option"]'));if(!i.length){return}const l=s?i.indexOf(s):null;const r=0;const n=i.length-1;if(!this.isOpen){this.toggleSelectUl();if(this.selectedItem){this.focusSelectItem(this.getOptionId(this.selectedItem));return}}let a=null;if(e.code===c.ARROW_DOWN){a=l===null?i[r]:i[l+1]||i[n]}else if(e.code===c.ARROW_UP){a=l===null?i[n]:i[l-1]||i[r]}this.focusSelectItem(a.id)}focusSelectItem(e){this.focusedItemId=e;const t=this.host.querySelector(`#${e}`);t.scrollIntoView({block:"nearest",container:"nearest"})}toggleSelectUl(e=false){var t;if(this.disabled||this.readonly){return}if(!this.isOpen){document.addEventListener("click",this.handleSelectFocus);document.addEventListener("keyup",this.handleSelectFocus)}else{document.removeEventListener("click",this.handleSelectFocus);document.removeEventListener("keyup",this.handleSelectFocus);if(e){(t=this.host.querySelector(`#${this.htmlid}_select_input`))===null||t===void 0?void 0:t.focus()}if(this.selectedItem&&this.searchString){this.searchString=null;this.filterItems(this.searchString)}}this.focusedItemId="";this.isOpen=!this.isOpen}handleInputClick(e){if(e.target.closest(".reset-icon")){e.stopPropagation();return}this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===c.ESC){e.stopPropagation();return this.toggleSelectUl(true)}if(e instanceof KeyboardEvent&&e.key!==c.TAB){return}const t=z();if(t===null||t===void 0?void 0:t.hasAttribute("disabled")){return}if(!p(t).find((e=>e.nodeName.toLowerCase()==="z-input"&&e.id===`${this.htmlid}_input`))){const e=p(t).find((e=>e.nodeName==="Z-SELECT"));this.toggleSelectUl(e===this.host)}}scrollToLetter(e){if(!this.itemsList.length){return}const t=this.itemsList.find((t=>t.name.toLowerCase().charAt(0)===e.toLowerCase()));if(t){if(!this.isOpen){this.toggleSelectUl()}this.focusSelectItem(this.getOptionId(t))}}renderInput(){let e=null;if(this.selectedItem){e=h(this.selectedItem.name)}if(this.isOpen&&this.searchString!==undefined){e=this.searchString}return[s("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:e,label:this.label,autocomplete:"off",htmlAriaLabel:this.htmlAriaLabel||undefined,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:false,message:false,name:this.name,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,required:this.required,status:this.isOpen?undefined:this.status,size:this.size,role:"combobox","html-aria-expanded":this.isOpen?"true":"false","html-aria-controls":`${this.htmlid}_list`,"html-aria-activedescendant":this.isOpen?this.focusedItemId:"","html-aria-autocomplete":this.hasAutocomplete()?"list":undefined,onClick:e=>this.handleInputClick(e),onKeyDown:e=>this.handleInputKeyDown(e),onInputChange:e=>this.handleInputChange(e),onKeyPress:e=>{if(!this.hasAutocomplete()){e.preventDefault();this.scrollToLetter(e.key)}}})]}renderSelectUl(){return s("div",{class:this.isOpen?"open":"closed"},s("div",{class:{"ul-scroll-wrapper":true,fixed:this.isfixed}},s("z-list",{role:"listbox","aria-label":this.htmlAriaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":false,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,[`input-${this.status}`]:!this.isOpen&&!!this.status,"z-scrollbar":true}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){const e=!this.selectedItem||!this.resetItem;return s("z-list-element",{class:{hide:e,"reset-item":true,"reset-item-margin":!this.hasGroupItems},clickable:true,disabled:false,dividerType:n.ELEMENT,role:e?"presentation":"option",htmlTabindex:this.isOpen?0:null,"aria-selected":"false","aria-label":e?undefined:this.resetItem,id:this.getResetOptionId(),size:this.hasTreeItems?r.MEDIUM:this.listSizeType(),onClickItem:()=>this.handleResetClick()},s("div",{class:{"reset-item-content":true,"tree-list-reset-item":this.hasTreeItems,active:this.focusedItemId===this.getResetOptionId()},"aria-hidden":"true"},s("z-icon",{name:"multiply-circled"}),s("span",null,this.resetItem)))}renderItem(e,t){return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:t?n.HEADER:n.ELEMENT,role:e.disabled?"presentation":"option",htmlTabindex:-1,"aria-selected":e.selected?"true":"false","aria-label":e.disabled?undefined:h(e.name),id:this.getOptionId(e),size:this.listSizeType(),onClickItem:()=>this.selectItem(e)},s("div",{class:{"list-element-container":true,active:this.focusedItemId===this.getOptionId(e)},"aria-hidden":"true"},s("div",{class:{selected:!!e.selected,"list-element-content":true},innerHTML:e.name}),e.icon&&s("z-tag",{icon:e.icon})))}listSizeType(){if(this.hasTreeItems){return r.NONE}if(this.size===l.SMALL||this.size===l.X_SMALL){return r.SMALL}return r.MEDIUM}renderSelectUlItems(){if(!this.itemsList.length){return this.renderNoSearchResults()}if(this.hasGroupItems){if(this.hasTreeItems){return this.renderGroupedTree()}return this.renderSelectGroupItems()}return this.itemsList.map(((e,t,s)=>{const i=t===s.length-1;const l=s.length>1;if(this.hasTreeItems){return this.renderTreeItems(e,i,l,true,e.disabled)}return this.renderItem(e,i)}))}renderTreeItems(e,t,i,l,c){var r,a;const o=e.disabled||c;const d=this.hasGroupItems?undefined:this.hasGroupItems?t&&!i?n.ELEMENT:undefined:l&&i&&!t?n.ELEMENT:undefined;return s("z-list-element",{clickable:!e.disabled,disabled:o,class:{"grouped-tree-parent-node":this.hasGroupItems&&!!((r=e.children)===null||r===void 0?void 0:r.length),"tree-search-item":this.hasGroupItems&&l&&!((a=e.children)===null||a===void 0?void 0:a.length)&&!!this.searchString},size:this.listSizeType(),dividerType:d,hasTreeItems:this.hasTreeItems,htmlTabindex:null,role:"presentation"},s("div",{id:this.getOptionId(e),role:o?"presentation":"option","aria-label":o?undefined:h(e.name),class:{"list-element":true,active:this.focusedItemId===this.getOptionId(e)},onClick:()=>this.selectItem(e)},s("span",{class:"item ellipsis","aria-hidden":"true"},s("span",{class:{"item-label":true,selected:!!e.selected},title:e.name,innerHTML:e.name})),e.icon&&s("z-tag",{icon:e.icon})),e.children&&e.children.length>0?s("z-list",{role:"presentation"},s("div",{class:"children-node"},e.children.map(((e,t,s)=>this.renderTreeItems(e,t===s.length-1,s.length>1,false,o))))):null)}renderGroupedTree(){const e=this.getGroupedItems();return e.map((([t,i],l,c)=>{const r=Object.values(e).some((e=>e.length>1));return s("z-list-group",{"divider-type":l===c.length-1?undefined:n.ELEMENT,hasTreeItems:true,"aria-labelledby":`${this.htmlid}_tree_${l}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.htmlid}_tree_${l}`,"aria-hidden":"true"},t),s("z-list",{role:"presentation"},i.map(((e,t,i)=>[this.renderTreeItems(e,t===i.length-1,r,true,e.disabled),t<i.length-1?s("z-divider",{key:`divider-${t}`,style:{zIndex:"100",height:"var(--border-size-small)"}}):null]))),l!==c.length-1&&s("z-divider",{style:{zIndex:"100",height:"var(--border-size-small)"}}))}))}renderSelectGroupItems(){const e=this.getGroupedItems();return e.map((([t,i],l)=>{const c=e.length===l+1;return s("z-list-group",{"divider-type":n.ELEMENT,"aria-labelledby":`${this.htmlid}_group_${l}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.htmlid}_group_${l}`,"aria-hidden":"true"},t),i.map(((e,t)=>{const s=i.length===t+1;return this.renderItem(e,c&&s)})))}))}renderNoSearchResults(){return s("z-list-element",{class:"no-results",size:this.hasTreeItems?r.MEDIUM:this.listSizeType(),htmlTabindex:null,role:"presentation"},this.noresultslabel)}renderMessage(){if(d(this.message)===false){return}return s("z-input-message",{message:d(this.message)===true?undefined:this.message,status:this.status,class:this.size,disabled:this.disabled})}render(){return s("div",{key:"f0c3315e1fc53f9bd00376a1918d80d290e3a9a3",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get host(){return i(this)}static get watchers(){return{items:[{watchItems:0}]}}};m.style=u();export{m as z_select};
2
- //# sourceMappingURL=p-633d18e9.entry.js.map
1
+ import{r as e,c as t,h as s,d as i}from"./p-BcDWN4F1.js";import{e as l,g as c,i as r,l as n}from"./p-DdetsoIY.js";import{r as a,e as o,b as h,d,f as z,i as p}from"./p-DPrEzmhI.js";import"./p-Q-tWjk7P.js";const u=()=>`.sc-z-select-h{display:inline-block;width:inherit;color:var(--color-form-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-3);font-weight:var(--font-rg)}[size="small"].sc-z-select-h,[size="x-small"].sc-z-select-h{font-size:var(--font-size-2)}.select-wrapper.sc-z-select>z-input.sc-z-select{width:100%}.select-wrapper.sc-z-select>z-input.sc-z-select .input-icon.sc-z-select{cursor:pointer}.select-wrapper.sc-z-select>div.sc-z-select{position:relative}.select-wrapper.sc-z-select>div.closed.sc-z-select{overflow:hidden;height:0}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select{position:absolute;width:100%;box-sizing:border-box;border-top:none;background:var(--color-form-background);box-shadow:var(--shadow-2);outline:none}.select-wrapper.sc-z-select .closed.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:10}.select-wrapper.sc-z-select .open.sc-z-select .ul-scroll-wrapper.sc-z-select{z-index:20}.select-wrapper.sc-z-select .ul-scroll-wrapper.fixed.sc-z-select{position:static}.select-wrapper.sc-z-select z-list.sc-z-select{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-surface02);--background-active-color-list-element:var(--color-surface02)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select>z-list.sc-z-select{position:relative;overflow:auto;max-height:240px;padding:var(--space-unit) calc(var(--space-unit) * 1.5);margin:0;outline:none}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element[disabled].sc-z-select{color:var(--color-form-disabled03)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select{display:flex;align-items:center;padding:calc(var(--space-unit) / 2) var(--space-unit);column-gap:var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{margin-right:auto}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:calc(var(--space-unit) * 0.5) var(--space-unit)}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.sc-z-select{padding:0}[size="small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:16px;--z-icon-height:16px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select{--z-icon-width:14px;--z-icon-height:14px}[size="x-small"].sc-z-select-h .select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select>z-icon.sc-z-select+.list-element-content.sc-z-select{padding:0 var(--space-unit)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select z-list.sc-z-select z-list-element.sc-z-select .list-element-container.sc-z-select .list-element-content.selected.sc-z-select{font-weight:var(--font-sb)}.select-wrapper.sc-z-select .ul-scroll-wrapper.sc-z-select .no-results.sc-z-select z-icon.sc-z-select{margin-right:var(--space-unit)}.z-list-group-title.sc-z-select{color:var(--color-form-default-text)}.reset-item.sc-z-select{color:var(--color-form-active-primary);fill:var(--color-form-active-primary)}.reset-item-content.sc-z-select{display:flex;align-items:center}.reset-item.sc-z-select .reset-item-content.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}.reset-item.reset-item-margin.sc-z-select .reset-item-content.sc-z-select{margin-left:var(--space-unit)}.reset-item.sc-z-select .reset-item-content.sc-z-select>z-icon.sc-z-select{margin-right:var(--space-unit)}.reset-item.hide.sc-z-select{display:none}.tree-list-reset-item.sc-z-select{padding:var(--space-unit) 0}z-list-element.sc-z-select{position:relative;display:block}z-list.sc-z-select z-list-element.sc-z-select::before{position:absolute;z-index:100;top:3px;left:-8px;width:8px;height:1em;border-bottom:1px solid var(--color-form-disabled01-icon);border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select::after{position:absolute;z-index:100;top:5px;left:-8px;width:8px;height:100%;border-left:1px solid var(--color-form-disabled01-icon);content:"";cursor:pointer}z-list.sc-z-select z-list-element.sc-z-select:last-child::after{display:none}z-list.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-element.sc-z-select::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::before,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.sc-z-select::after{display:none}z-list.sc-z-select>div.children-node.sc-z-select{padding-left:calc(var(--space-unit) * 2)}z-list-element.sc-z-select>.list-element.sc-z-select{display:flex;justify-content:space-between;padding:calc(var(--space-unit) * 1.5) var(--space-unit);cursor:pointer}z-list-element.sc-z-select>.list-element.active.sc-z-select{box-shadow:var(--shadow-focus-primary)}z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover,z-list-element.sc-z-select:not([disabled])>.list-element.sc-z-select:hover::after{background-color:var(--background-hover-color-list-element, var(--color-background))}z-list-element.sc-z-select>.list-element.sc-z-select .item.ellipsis.sc-z-select{overflow:hidden}z-list-element.sc-z-select .list-element.sc-z-select::after{position:absolute;top:0;right:-1px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.tree-search-item.sc-z-select{padding-top:0}z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.grouped-tree-parent-node.sc-z-select .list-element.sc-z-select::after{position:absolute;right:-25px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.item-label.selected.sc-z-select{font-weight:bold}.item.ellipsis.sc-z-select{display:inline-block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}z-list.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after,z-list-element.tree-search-item.sc-z-select .list-element.sc-z-select:hover::after,z-list.sc-z-select>z-list-group.sc-z-select>z-list-element.grouped-tree-parent-node.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;right:-18px;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}z-list-element.sc-z-select>.list-element.sc-z-select:hover::after{position:absolute;z-index:-1;top:0;right:0;display:block;width:100%;height:45px;content:"";transform:translateX(-100%)}.children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::before,.children-node.sc-z-select .children-node.sc-z-select z-list-element.sc-z-select::after{left:-8px}.children-node.sc-z-select>z-list-element.sc-z-select{padding:0}`;const m=class{constructor(s){e(this,s);this.optionSelect=t(this,"optionSelect",7);this.resetSelect=t(this,"resetSelect",7);this.htmlid=`id-${a()}`;this.disabled=false;this.readonly=false;this.required=false;this.message=true;this.autocomplete=false;this.noresultslabel="Nessun risultato";this.isfixed=false;this.size=l.BIG;this.isOpen=false;this.selectedItem=null;this.itemsList=[];this.toggleSelectUl=this.toggleSelectUl.bind(this);this.handleSelectFocus=this.handleSelectFocus.bind(this)}watchItems(){this.itemsList=this.getInitialItemsArray();this.selectedItem=this.findSelectedItem(this.itemsList)}async getSelectedItem(){return this.selectedItem}async getValue(){return this.getSelectedValue()}async setValue(e){let t=[];if(typeof e==="string"){t.push(e)}else{t=e}this.itemsList=this.getInitialItemsArray();if(t.length){this.updateSelection(this.itemsList,t[0])}this.selectedItem=this.findSelectedItem(this.itemsList)}emitOptionSelect(){this.optionSelect.emit({id:this.htmlid,selected:this.getSelectedValue()})}emitResetSelect(){this.resetSelect.emit({id:this.htmlid})}componentWillLoad(){this.watchItems()}componentWillRender(){this.filterItems(this.searchString)}getInitialItemsArray(){return typeof this.items==="string"?JSON.parse(this.items):this.items}mapSelectedItemToItemsArray(){var e;const t=this.getInitialItemsArray();this.updateSelection(t,(e=this.selectedItem)===null||e===void 0?void 0:e.id);return t}getSelectedValue(){var e;return(e=this.selectedItem)===null||e===void 0?void 0:e.id}getOptionId(e){return`${this.htmlid}_key_${e.id?o(`${e.id}`):o(`${e.name}`)}`}getResetOptionId(){return`${this.htmlid}_key_reset`}getGroupedItems(){if(!this.itemsList.length){return[]}return Object.entries(this.itemsList.reduce(((e,t)=>{const s=t.category||"Altra categoria";e[s]=e[s]||[];e[s].push(t);return e}),{}))}filterItems(e){let t=this.mapSelectedItemToItemsArray();if(!(e===null||e===void 0?void 0:e.length)){this.itemsList=t;return}t=t.map((e=>Object.assign(Object.assign({},e),{name:h(e.name)})));if(this.hasTreeItems){this.itemsList=this.filterTree(t,e,false)}else{this.itemsList=t.filter((t=>t.name.toUpperCase().includes(e.toUpperCase()))).map((t=>{t.name=this.getHighlightedText(t.name,e);return t}))}}filterTree(e,t,s){if(!e){return[]}return e.map((e=>{const i=e.name.toUpperCase().includes(t.toUpperCase());const l=Object.assign({},e);if(l.children&&l.children.length>0){l.children=this.filterTree(l.children.map((e=>Object.assign(Object.assign({},e),{name:h(e.name)}))),t,i)}if(i){l.name=this.getHighlightedText(l.name,t)}if(i||l.children&&l.children.length>0||this.showChildrenOfMatchingParent&&s){return l}return null})).filter((e=>e!==null))}getHighlightedText(e,t){const s=e.toUpperCase();const i=t.toUpperCase();const l=s.indexOf(i);if(l===-1){return e}const c=l+t.length;return e.substring(0,l)+`<strong>${e.substring(l,c)}</strong>`+e.substring(c)}hasAutocomplete(){return d(this.autocomplete)===true}handleInputChange(e){this.searchString=e.detail.value;if(!this.isOpen){this.toggleSelectUl()}}updateSelection(e,t){if(e){e.forEach((e=>{e.selected=e.id===t;if(e.children&&e.children.length>0){this.updateSelection(e.children,t)}}))}}findSelectedItem(e){if(e){for(const t of e){if(t.selected){return t}if(t.children&&t.children.length>0){const e=this.findSelectedItem(t.children);if(e){return e}}}}return null}selectItem(e){if(e===null||e===void 0?void 0:e.disabled){return}this.itemsList=this.getInitialItemsArray();if(e){this.updateSelection(this.itemsList,e.id)}this.selectedItem=this.findSelectedItem(this.itemsList);this.emitOptionSelect();this.toggleSelectUl();if(this.searchString){this.searchString=null}}handleResetClick(){this.selectedItem=null;this.searchString=null;this.focusedItemId="";this.emitResetSelect();this.toggleSelectUl()}handleInputKeyDown(e){switch(e.code){case c.ENTER:case c.SPACE:if(this.focusedItemId){if(this.focusedItemId===this.getResetOptionId()){this.handleResetClick()}else{const e=this.itemsList.find((e=>this.getOptionId(e)===this.focusedItemId))||null;if(e){this.selectedItem=e;this.emitOptionSelect();this.toggleSelectUl()}}}else if(!this.hasAutocomplete()){e.preventDefault();this.toggleSelectUl()}break;case c.ARROW_DOWN:case c.ARROW_UP:this.arrowsSelectNav(e);break}}arrowsSelectNav(e){const t=[c.ARROW_DOWN,c.ARROW_UP];if(!t.includes(e.key)){return}e.preventDefault();e.stopPropagation();const s=this.focusedItemId?this.host.querySelector(`#${this.focusedItemId}`):null;const i=Array.from(this.host.querySelectorAll('[role="option"]'));if(!i.length){return}const l=s?i.indexOf(s):null;const r=0;const n=i.length-1;if(!this.isOpen){this.toggleSelectUl();if(this.selectedItem){this.focusSelectItem(this.getOptionId(this.selectedItem));return}}let a=null;if(e.code===c.ARROW_DOWN){a=l===null?i[r]:i[l+1]||i[n]}else if(e.code===c.ARROW_UP){a=l===null?i[n]:i[l-1]||i[r]}this.focusSelectItem(a.id)}focusSelectItem(e){this.focusedItemId=e;const t=this.host.querySelector(`#${e}`);t.scrollIntoView({block:"nearest",container:"nearest"})}toggleSelectUl(e=false){var t;if(this.disabled||this.readonly){return}if(!this.isOpen){document.addEventListener("click",this.handleSelectFocus);document.addEventListener("keyup",this.handleSelectFocus)}else{document.removeEventListener("click",this.handleSelectFocus);document.removeEventListener("keyup",this.handleSelectFocus);if(e){(t=this.host.querySelector(`#${this.htmlid}_select_input`))===null||t===void 0?void 0:t.focus()}if(this.selectedItem&&this.searchString){this.searchString=null;this.filterItems(this.searchString)}}this.focusedItemId="";this.isOpen=!this.isOpen}handleInputClick(e){if(e.target.closest(".reset-icon")){e.stopPropagation();return}this.toggleSelectUl()}handleSelectFocus(e){if(e instanceof KeyboardEvent&&e.key===c.ESC){e.stopPropagation();return this.toggleSelectUl(true)}if(e instanceof KeyboardEvent&&e.key!==c.TAB){return}const t=z();if(t===null||t===void 0?void 0:t.hasAttribute("disabled")){return}if(!p(t).find((e=>e.nodeName.toLowerCase()==="z-input"&&e.id===`${this.htmlid}_input`))){const e=p(t).find((e=>e.nodeName==="Z-SELECT"));this.toggleSelectUl(e===this.host)}}scrollToLetter(e){if(!this.itemsList.length){return}const t=this.itemsList.find((t=>t.name.toLowerCase().charAt(0)===e.toLowerCase()));if(t){if(!this.isOpen){this.toggleSelectUl()}this.focusSelectItem(this.getOptionId(t))}}renderInput(){let e=null;if(this.selectedItem){e=h(this.selectedItem.name)}if(this.isOpen&&this.searchString!==undefined){e=this.searchString}return[s("z-input",{class:{"active-select":this.isOpen,"cursor-select":!this.autocomplete},id:`${this.htmlid}_input`,htmlid:`${this.htmlid}_select_input`,placeholder:this.placeholder,value:e,label:this.label,autocomplete:"off",htmlAriaLabel:this.htmlAriaLabel||undefined,icon:this.isOpen?"caret-up":"caret-down",hasclearicon:false,message:false,name:this.name,disabled:this.disabled,readonly:this.readonly||!this.hasAutocomplete()&&this.isOpen,required:this.required,status:this.isOpen?undefined:this.status,size:this.size,role:"combobox","html-aria-expanded":this.isOpen?"true":"false","html-aria-controls":`${this.htmlid}_list`,"html-aria-activedescendant":this.isOpen?this.focusedItemId:"","html-aria-autocomplete":this.hasAutocomplete()?"list":undefined,onClick:e=>this.handleInputClick(e),onKeyDown:e=>this.handleInputKeyDown(e),onInputChange:e=>this.handleInputChange(e),onKeyPress:e=>{if(!this.hasAutocomplete()){e.preventDefault();this.scrollToLetter(e.key)}}})]}renderSelectUl(){return s("div",{class:this.isOpen?"open":"closed"},s("div",{class:{"ul-scroll-wrapper":true,fixed:this.isfixed}},s("z-list",{role:"listbox","aria-label":this.htmlAriaLabel||this.label,tabindex:this.disabled||this.readonly||!this.isOpen?-1:0,id:`${this.htmlid}_list`,"aria-multiselectable":false,size:this.listSizeType(),class:{disabled:this.disabled,readonly:this.readonly,[`input-${this.status}`]:!this.isOpen&&!!this.status,"z-scrollbar":true}},this.resetItem&&this.renderResetItem(),this.renderSelectUlItems())))}renderResetItem(){const e=!this.selectedItem||!this.resetItem;return s("z-list-element",{class:{hide:e,"reset-item":true,"reset-item-margin":!this.hasGroupItems},clickable:true,disabled:false,dividerType:n.ELEMENT,role:e?"presentation":"option",htmlTabindex:this.isOpen?0:null,"aria-selected":"false","aria-label":e?undefined:this.resetItem,id:this.getResetOptionId(),size:this.hasTreeItems?r.MEDIUM:this.listSizeType(),onClickItem:()=>this.handleResetClick()},s("div",{class:{"reset-item-content":true,"tree-list-reset-item":this.hasTreeItems,active:this.focusedItemId===this.getResetOptionId()},"aria-hidden":"true"},s("z-icon",{name:"multiply-circled"}),s("span",null,this.resetItem)))}renderItem(e,t){return s("z-list-element",{clickable:!e.disabled,disabled:e.disabled,dividerType:t?n.HEADER:n.ELEMENT,role:e.disabled?"presentation":"option",htmlTabindex:-1,"aria-selected":e.selected?"true":"false","aria-label":e.disabled?undefined:h(e.name),id:this.getOptionId(e),size:this.listSizeType(),onClickItem:()=>this.selectItem(e)},s("div",{class:{"list-element-container":true,active:this.focusedItemId===this.getOptionId(e)},"aria-hidden":"true"},s("div",{class:{selected:!!e.selected,"list-element-content":true},innerHTML:e.name}),e.icon&&s("z-tag",{icon:e.icon})))}listSizeType(){if(this.hasTreeItems){return r.NONE}if(this.size===l.SMALL||this.size===l.X_SMALL){return r.SMALL}return r.MEDIUM}renderSelectUlItems(){if(!this.itemsList.length){return this.renderNoSearchResults()}if(this.hasGroupItems){if(this.hasTreeItems){return this.renderGroupedTree()}return this.renderSelectGroupItems()}return this.itemsList.map(((e,t,s)=>{const i=t===s.length-1;const l=s.length>1;if(this.hasTreeItems){return this.renderTreeItems(e,i,l,true,e.disabled)}return this.renderItem(e,i)}))}renderTreeItems(e,t,i,l,c){var r,a;const o=e.disabled||c;const d=this.hasGroupItems?undefined:this.hasGroupItems?t&&!i?n.ELEMENT:undefined:l&&i&&!t?n.ELEMENT:undefined;return s("z-list-element",{clickable:!e.disabled,disabled:o,class:{"grouped-tree-parent-node":this.hasGroupItems&&!!((r=e.children)===null||r===void 0?void 0:r.length),"tree-search-item":this.hasGroupItems&&l&&!((a=e.children)===null||a===void 0?void 0:a.length)&&!!this.searchString},size:this.listSizeType(),dividerType:d,hasTreeItems:this.hasTreeItems,htmlTabindex:null,role:"presentation"},s("div",{id:this.getOptionId(e),role:o?"presentation":"option","aria-label":o?undefined:h(e.name),class:{"list-element":true,active:this.focusedItemId===this.getOptionId(e)},onClick:()=>this.selectItem(e)},s("span",{class:"item ellipsis","aria-hidden":"true"},s("span",{class:{"item-label":true,selected:!!e.selected},title:e.name,innerHTML:e.name})),e.icon&&s("z-tag",{icon:e.icon})),e.children&&e.children.length>0?s("z-list",{role:"presentation"},s("div",{class:"children-node"},e.children.map(((e,t,s)=>this.renderTreeItems(e,t===s.length-1,s.length>1,false,o))))):null)}renderGroupedTree(){const e=this.getGroupedItems();return e.map((([t,i],l,c)=>{const r=Object.values(e).some((e=>e.length>1));return s("z-list-group",{"divider-type":l===c.length-1?undefined:n.ELEMENT,hasTreeItems:true,"aria-labelledby":`${this.htmlid}_tree_${l}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.htmlid}_tree_${l}`,"aria-hidden":"true"},t),s("z-list",{role:"presentation"},i.map(((e,t,i)=>[this.renderTreeItems(e,t===i.length-1,r,true,e.disabled),t<i.length-1?s("z-divider",{key:`divider-${t}`,style:{zIndex:"100",height:"var(--border-size-small)"}}):null]))),l!==c.length-1&&s("z-divider",{style:{zIndex:"100",height:"var(--border-size-small)"}}))}))}renderSelectGroupItems(){const e=this.getGroupedItems();return e.map((([t,i],l)=>{const c=e.length===l+1;return s("z-list-group",{"divider-type":n.ELEMENT,"aria-labelledby":`${this.htmlid}_group_${l}`},s("span",{class:"body-3-sb z-list-group-title",slot:"header-title",id:`${this.htmlid}_group_${l}`,"aria-hidden":"true"},t),i.map(((e,t)=>{const s=i.length===t+1;return this.renderItem(e,c&&s)})))}))}renderNoSearchResults(){return s("z-list-element",{class:"no-results",size:this.hasTreeItems?r.MEDIUM:this.listSizeType(),htmlTabindex:null,role:"presentation"},this.noresultslabel)}renderMessage(){if(d(this.message)===false){return}return s("z-input-message",{message:d(this.message)===true?undefined:this.message,status:this.status,class:this.size,disabled:this.disabled})}render(){return s("div",{key:"47cc6b51d4eb4ac1df4a67fc592672a43a30e27b",class:"select-wrapper"},this.renderInput(),this.renderSelectUl(),this.renderMessage())}get host(){return i(this)}static get watchers(){return{items:[{watchItems:0}]}}};m.style=u();export{m as z_select};
2
+ //# sourceMappingURL=p-1702efd5.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["stylesCss","ZSelect","constructor","hostRef","this","htmlid","randomId","disabled","readonly","required","message","autocomplete","noresultslabel","isfixed","size","ControlSize","BIG","isOpen","selectedItem","itemsList","toggleSelectUl","bind","handleSelectFocus","watchItems","getInitialItemsArray","findSelectedItem","getSelectedItem","getValue","getSelectedValue","setValue","value","values","push","length","updateSelection","emitOptionSelect","optionSelect","emit","id","selected","emitResetSelect","resetSelect","componentWillLoad","componentWillRender","filterItems","searchString","items","JSON","parse","mapSelectedItemToItemsArray","initialItemsList","_a","getOptionId","item","encodeString","name","getResetOptionId","getGroupedItems","Object","entries","reduce","group","category","prevList","map","assign","getPlainText","hasTreeItems","filterTree","filter","toUpperCase","includes","getHighlightedText","matchingParent","match","newItem","children","showChildrenOfMatchingParent","text","search","upperText","upperSearch","start","indexOf","end","substring","hasAutocomplete","boolean","handleInputChange","e","detail","selectedId","forEach","found","selectItem","handleResetClick","focusedItemId","handleInputKeyDown","code","KeyboardCode","ENTER","SPACE","find","preventDefault","ARROW_DOWN","ARROW_UP","arrowsSelectNav","arrows","key","stopPropagation","currElem","host","querySelector","options","Array","from","querySelectorAll","currElemIndex","firstElemIndex","lastElemIndex","focusSelectItem","nextElem","optionId","elem","scrollIntoView","block","container","selfFocusOnClose","document","addEventListener","removeEventListener","focus","handleInputClick","target","closest","KeyboardEvent","ESC","TAB","clickedElement","getClickedElement","hasAttribute","getElementTree","nodeName","toLowerCase","zSelect","scrollToLetter","letter","foundItem","charAt","renderInput","undefined","h","class","placeholder","label","htmlAriaLabel","icon","hasclearicon","status","role","onClick","onKeyDown","onInputChange","onKeyPress","renderSelectUl","fixed","tabindex","listSizeType","resetItem","renderResetItem","renderSelectUlItems","hidden","hide","hasGroupItems","clickable","dividerType","ListDividerType","ELEMENT","htmlTabindex","ListSize","MEDIUM","onClickItem","active","renderItem","lastItem","HEADER","innerHTML","NONE","SMALL","X_SMALL","renderNoSearchResults","renderGroupedTree","renderSelectGroupItems","index","array","isLastItem","parentHasSiblings","renderTreeItems","isLastChild","isTopLevel","disabledAncestor","isDisabled","hasDivider","_b","title","child","arr","groupedItems","some","groupItems","slot","i","style","zIndex","height","isLastGroup","subindex","renderMessage","render"],"sources":["src/components/z-select/styles.css?tag=z-select&encapsulation=scoped","src/components/z-select/index.tsx"],"sourcesContent":[":host {\n display: inline-block;\n width: inherit;\n color: var(--color-form-default-text);\n font-family: var(--font-family-sans);\n font-size: var(--font-size-3);\n font-weight: var(--font-rg);\n}\n\n:host([size=\"small\"]),\n:host([size=\"x-small\"]) {\n font-size: var(--font-size-2);\n}\n\n.select-wrapper > z-input {\n width: 100%;\n}\n\n.select-wrapper > z-input .input-icon {\n cursor: pointer;\n}\n\n.select-wrapper > div {\n position: relative;\n}\n\n.select-wrapper > div.closed {\n overflow: hidden;\n height: 0;\n}\n\n.select-wrapper .ul-scroll-wrapper {\n position: absolute;\n width: 100%;\n box-sizing: border-box;\n border-top: none;\n background: var(--color-form-background);\n box-shadow: var(--shadow-2);\n outline: none;\n}\n\n.select-wrapper .closed .ul-scroll-wrapper {\n z-index: 10;\n}\n\n.select-wrapper .open .ul-scroll-wrapper {\n z-index: 20;\n}\n\n.select-wrapper .ul-scroll-wrapper.fixed {\n position: static;\n}\n\n.select-wrapper z-list {\n --background-color-list-element: var(--color-form-background);\n --background-hover-color-list-element: var(--color-surface02);\n --background-active-color-list-element: var(--color-surface02);\n}\n\n.select-wrapper .ul-scroll-wrapper > z-list {\n position: relative;\n overflow: auto;\n max-height: 240px;\n padding: var(--space-unit) calc(var(--space-unit) * 1.5);\n margin: 0;\n outline: none;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element[disabled] {\n color: var(--color-form-disabled03);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container {\n display: flex;\n align-items: center;\n padding: calc(var(--space-unit) / 2) var(--space-unit);\n column-gap: var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container.active {\n box-shadow: var(--shadow-focus-primary);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content {\n margin-right: auto;\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon + .list-element-content {\n padding: calc(var(--space-unit) * 0.5) var(--space-unit);\n}\n\n:host([size=\"x-small\"])\n .select-wrapper\n .ul-scroll-wrapper\n z-list\n z-list-element\n .list-element-container\n .list-element-content {\n padding: 0;\n}\n\n:host([size=\"small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n --z-icon-width: 16px;\n --z-icon-height: 16px;\n}\n\n:host([size=\"x-small\"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container > z-icon {\n --z-icon-width: 14px;\n --z-icon-height: 14px;\n}\n\n:host([size=\"x-small\"])\n .select-wrapper\n .ul-scroll-wrapper\n z-list\n z-list-element\n .list-element-container\n > z-icon\n + .list-element-content {\n padding: 0 var(--space-unit);\n}\n\n.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-container .list-element-content.selected {\n font-weight: var(--font-sb);\n}\n\n.select-wrapper .ul-scroll-wrapper .no-results z-icon {\n margin-right: var(--space-unit);\n}\n\n.z-list-group-title {\n color: var(--color-form-default-text);\n}\n\n.reset-item {\n color: var(--color-form-active-primary);\n fill: var(--color-form-active-primary);\n}\n\n.reset-item-content {\n display: flex;\n align-items: center;\n}\n\n.reset-item .reset-item-content.active {\n box-shadow: var(--shadow-focus-primary);\n}\n\n.reset-item.reset-item-margin .reset-item-content {\n margin-left: var(--space-unit);\n}\n\n.reset-item .reset-item-content > z-icon {\n margin-right: var(--space-unit);\n}\n\n.reset-item.hide {\n display: none;\n}\n\n.tree-list-reset-item {\n padding: var(--space-unit) 0;\n}\n\nz-list-element {\n position: relative;\n display: block;\n}\n\nz-list z-list-element::before {\n position: absolute;\n z-index: 100;\n top: 3px;\n left: -8px;\n width: 8px;\n height: 1em;\n border-bottom: 1px solid var(--color-form-disabled01-icon);\n border-left: 1px solid var(--color-form-disabled01-icon);\n content: \"\";\n cursor: pointer;\n}\n\nz-list z-list-element::after {\n position: absolute;\n z-index: 100;\n top: 5px;\n left: -8px;\n width: 8px;\n height: 100%;\n border-left: 1px solid var(--color-form-disabled01-icon);\n content: \"\";\n cursor: pointer;\n}\n\nz-list z-list-element:last-child::after {\n display: none;\n}\n\nz-list > z-list-element::before,\nz-list > z-list-element::after,\nz-list > z-list-group > z-list-element::before,\nz-list > z-list-group > z-list-element::after {\n display: none;\n}\n\nz-list > div.children-node {\n padding-left: calc(var(--space-unit) * 2);\n}\n\nz-list-element > .list-element {\n display: flex;\n justify-content: space-between;\n padding: calc(var(--space-unit) * 1.5) var(--space-unit);\n cursor: pointer;\n}\n\nz-list-element > .list-element.active {\n box-shadow: var(--shadow-focus-primary);\n}\n\nz-list-element:not([disabled]) > .list-element:hover,\nz-list-element:not([disabled]) > .list-element:hover::after {\n background-color: var(--background-hover-color-list-element, var(--color-background));\n}\n\nz-list-element > .list-element .item.ellipsis {\n overflow: hidden;\n}\n\nz-list-element .list-element::after {\n position: absolute;\n top: 0;\n right: -1px;\n display: block;\n width: 100%;\n height: 45px;\n content: \"\";\n transform: translateX(-100%);\n}\n\nz-list-element.tree-search-item {\n padding-top: 0;\n}\n\nz-list-element.tree-search-item .list-element::after {\n position: absolute;\n right: -25px;\n display: block;\n width: 100%;\n height: 45px;\n content: \"\";\n transform: translateX(-100%);\n}\n\nz-list-element.grouped-tree-parent-node .list-element::after {\n position: absolute;\n right: -25px;\n display: block;\n width: 100%;\n height: 45px;\n content: \"\";\n transform: translateX(-100%);\n}\n\n.item-label.selected {\n font-weight: bold;\n}\n\n.item.ellipsis {\n display: inline-block;\n overflow: hidden;\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\nz-list > z-list-element.grouped-tree-parent-node > .list-element:hover::after,\nz-list-element.tree-search-item .list-element:hover::after,\nz-list > z-list-group > z-list-element.grouped-tree-parent-node > .list-element:hover::after {\n position: absolute;\n z-index: -1;\n right: -18px;\n display: block;\n width: 100%;\n height: 45px;\n content: \"\";\n transform: translateX(-100%);\n}\n\nz-list-element > .list-element:hover::after {\n position: absolute;\n z-index: -1;\n top: 0;\n right: 0;\n display: block;\n width: 100%;\n height: 45px;\n content: \"\";\n transform: translateX(-100%);\n}\n\n.children-node z-list-element::before,\n.children-node z-list-element::after {\n left: -8px;\n}\n\n.children-node .children-node z-list-element::before,\n.children-node .children-node z-list-element::after {\n left: -8px;\n}\n\n.children-node > z-list-element {\n padding: 0;\n}\n","import {\n Component,\n ComponentInterface,\n Element,\n Event,\n EventEmitter,\n Method,\n Prop,\n State,\n Watch,\n h,\n} from \"@stencil/core\";\nimport {ControlSize, InputStatus, KeyboardCode, ListDividerType, ListSize, SelectItem} from \"../../beans\";\nimport {boolean, encodeString, getClickedElement, getElementTree, getPlainText, randomId} from \"../../utils/utils\";\n\n@Component({\n tag: \"z-select\",\n styleUrl: \"styles.css\",\n shadow: false,\n scoped: true,\n})\nexport class ZSelect implements ComponentInterface {\n @Element() host: HTMLZSelectElement;\n\n /** the id of the input element */\n @Prop()\n htmlid = `id-${randomId()}`;\n\n /** the input select options */\n @Prop()\n items!: SelectItem[] | string;\n\n /** the input name */\n @Prop()\n name?: string;\n\n /** the input label */\n @Prop()\n label?: string;\n\n /** the input `aria-label` */\n @Prop()\n htmlAriaLabel?: string;\n\n /** the input is disabled */\n @Prop()\n disabled?: boolean = false;\n\n /** the input is readonly */\n @Prop()\n readonly?: boolean = false;\n\n /** the input is required */\n @Prop()\n required?: boolean = false;\n\n /** the input placeholder (optional) */\n @Prop()\n placeholder?: string;\n\n /** the input html title (optional) */\n @Prop()\n htmltitle?: string;\n\n /** the input status (optional) */\n @Prop()\n status?: InputStatus;\n\n /** input helper message (optional) - if set to `false` message won't be displayed */\n @Prop()\n message?: string | boolean = true;\n\n /** the input has autocomplete option */\n @Prop()\n autocomplete?: boolean = false;\n\n /** no result text message */\n @Prop()\n noresultslabel?: string = \"Nessun risultato\";\n\n /** */\n @Prop()\n hasGroupItems?: boolean;\n\n /** */\n @Prop()\n hasTreeItems?: boolean;\n\n /** If true and an item matches the search string, children of matching item are shown even if they don't match the search string */\n @Prop()\n showChildrenOfMatchingParent?: boolean;\n\n /** When fixed, it occupies space and pushes down next elements. */\n @Prop()\n isfixed?: boolean = false;\n\n /** */\n @Prop()\n resetItem?: string;\n\n /** Available sizes: `big`, `small` and `x-small`. Defaults to `big`. */\n @Prop()\n size?: ControlSize = ControlSize.BIG;\n\n @State()\n isOpen = false;\n\n @State()\n selectedItem: null | SelectItem = null;\n\n @State()\n focusedItemId: string;\n\n @State()\n searchString: null | string;\n\n private itemsList: SelectItem[] = [];\n\n constructor() {\n this.toggleSelectUl = this.toggleSelectUl.bind(this);\n this.handleSelectFocus = this.handleSelectFocus.bind(this);\n }\n\n @Watch(\"items\")\n watchItems(): void {\n this.itemsList = this.getInitialItemsArray();\n\n this.selectedItem = this.findSelectedItem(this.itemsList);\n }\n\n /** get the input selected options */\n @Method()\n async getSelectedItem(): Promise<SelectItem> {\n return this.selectedItem;\n }\n\n /** get the input value */\n @Method()\n async getValue(): Promise<string> {\n return this.getSelectedValue();\n }\n\n /** set the input value */\n @Method()\n async setValue(value: string | string[]): Promise<void> {\n let values: string[] = [];\n if (typeof value === \"string\") {\n values.push(value);\n } else {\n values = value;\n }\n\n this.itemsList = this.getInitialItemsArray();\n if (values.length) {\n this.updateSelection(this.itemsList, values[0]);\n }\n this.selectedItem = this.findSelectedItem(this.itemsList);\n }\n\n /** Emitted on select option selection, returns select id, selected item id */\n @Event()\n optionSelect: EventEmitter;\n\n private emitOptionSelect(): void {\n this.optionSelect.emit({\n id: this.htmlid,\n selected: this.getSelectedValue(),\n });\n }\n\n /** Emitted on reset selected item, returns select id, selected item id */\n @Event()\n resetSelect: EventEmitter;\n\n private emitResetSelect(): void {\n this.resetSelect.emit({\n id: this.htmlid,\n });\n }\n\n componentWillLoad(): void {\n this.watchItems();\n }\n\n componentWillRender(): void {\n this.filterItems(this.searchString);\n }\n\n private getInitialItemsArray(): SelectItem[] {\n return typeof this.items === \"string\" ? JSON.parse(this.items) : this.items;\n }\n\n private mapSelectedItemToItemsArray(): SelectItem[] {\n const initialItemsList = this.getInitialItemsArray();\n\n this.updateSelection(initialItemsList, this.selectedItem?.id);\n\n return initialItemsList;\n }\n\n private getSelectedValue(): string {\n return this.selectedItem?.id;\n }\n\n private getOptionId(item: SelectItem): string {\n return `${this.htmlid}_key_${item.id ? encodeString(`${item.id}`) : encodeString(`${item.name}`)}`;\n }\n\n private getResetOptionId(): string {\n return `${this.htmlid}_key_reset`;\n }\n\n private getGroupedItems(): [string, SelectItem[]][] {\n if (!this.itemsList.length) {\n return [];\n }\n\n return Object.entries(\n this.itemsList.reduce(\n (group, item) => {\n const category = item.category || \"Altra categoria\";\n group[category] = group[category] || [];\n group[category].push(item);\n\n return group;\n },\n {} as Record<string, SelectItem[]>\n )\n );\n }\n\n private filterItems(searchString: string): void {\n let prevList = this.mapSelectedItemToItemsArray();\n\n if (!searchString?.length) {\n this.itemsList = prevList;\n\n return;\n }\n\n prevList = prevList.map((item) => ({...item, name: getPlainText(item.name)}));\n\n if (this.hasTreeItems) {\n this.itemsList = this.filterTree(prevList, searchString, false);\n } else {\n this.itemsList = prevList\n .filter((item: SelectItem) => item.name.toUpperCase().includes(searchString.toUpperCase()))\n .map((item: SelectItem) => {\n item.name = this.getHighlightedText(item.name, searchString);\n\n return item;\n });\n }\n }\n\n private filterTree(items: SelectItem[], searchString: string, matchingParent: boolean): SelectItem[] {\n if (!items) {\n return [];\n }\n\n return items\n .map((item) => {\n const match = item.name.toUpperCase().includes(searchString.toUpperCase());\n\n const newItem: SelectItem = {...item};\n if (newItem.children && newItem.children.length > 0) {\n newItem.children = this.filterTree(\n newItem.children.map((item) => ({...item, name: getPlainText(item.name)})),\n searchString,\n match\n );\n }\n\n if (match) {\n newItem.name = this.getHighlightedText(newItem.name, searchString);\n }\n if (\n match ||\n (newItem.children && newItem.children.length > 0) ||\n (this.showChildrenOfMatchingParent && matchingParent)\n ) {\n return newItem;\n }\n\n return null;\n })\n .filter((item) => item !== null) as SelectItem[];\n }\n\n private getHighlightedText(text: string, search: string): string {\n const upperText = text.toUpperCase();\n const upperSearch = search.toUpperCase();\n const start = upperText.indexOf(upperSearch);\n\n if (start === -1) {\n return text;\n }\n\n const end = start + search.length;\n\n return text.substring(0, start) + `<strong>${text.substring(start, end)}</strong>` + text.substring(end);\n }\n\n private hasAutocomplete(): boolean {\n return boolean(this.autocomplete) === true;\n }\n\n private handleInputChange(e: CustomEvent): void {\n this.searchString = e.detail.value;\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n }\n\n private updateSelection(items: SelectItem[], selectedId: string): void {\n if (items) {\n items.forEach((item) => {\n item.selected = item.id === selectedId;\n if (item.children && item.children.length > 0) {\n this.updateSelection(item.children, selectedId);\n }\n });\n }\n }\n\n private findSelectedItem(items: SelectItem[]): SelectItem | null {\n if (items) {\n for (const item of items) {\n if (item.selected) {\n return item;\n }\n if (item.children && item.children.length > 0) {\n const found = this.findSelectedItem(item.children);\n if (found) {\n return found;\n }\n }\n }\n }\n\n return null;\n }\n\n private selectItem(selected: null | SelectItem): void {\n if (selected?.disabled) {\n return;\n }\n\n this.itemsList = this.getInitialItemsArray();\n\n if (selected) {\n this.updateSelection(this.itemsList, selected.id);\n }\n\n this.selectedItem = this.findSelectedItem(this.itemsList);\n this.emitOptionSelect();\n this.toggleSelectUl();\n if (this.searchString) {\n this.searchString = null;\n }\n }\n\n private handleResetClick(): void {\n this.selectedItem = null;\n this.searchString = null;\n this.focusedItemId = \"\";\n this.emitResetSelect();\n this.toggleSelectUl();\n }\n\n private handleInputKeyDown(e: KeyboardEvent): void {\n switch (e.code as KeyboardCode) {\n case KeyboardCode.ENTER:\n case KeyboardCode.SPACE:\n if (this.focusedItemId) {\n if (this.focusedItemId === this.getResetOptionId()) {\n this.handleResetClick();\n } else {\n const item = this.itemsList.find((e) => this.getOptionId(e) === this.focusedItemId) || null;\n if (item) {\n this.selectedItem = item;\n this.emitOptionSelect();\n this.toggleSelectUl();\n }\n }\n } else if (!this.hasAutocomplete()) {\n e.preventDefault();\n this.toggleSelectUl();\n }\n break;\n case KeyboardCode.ARROW_DOWN:\n case KeyboardCode.ARROW_UP:\n this.arrowsSelectNav(e);\n break;\n }\n }\n\n private arrowsSelectNav(e: KeyboardEvent): void {\n const arrows = [KeyboardCode.ARROW_DOWN, KeyboardCode.ARROW_UP];\n\n if (!arrows.includes(e.key as KeyboardCode)) {\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n\n const currElem = this.focusedItemId ? this.host.querySelector(`#${this.focusedItemId}`) : null;\n const options = Array.from(this.host.querySelectorAll('[role=\"option\"]'));\n\n if (!options.length) {\n return;\n }\n\n const currElemIndex = currElem ? options.indexOf(currElem) : null;\n const firstElemIndex = 0;\n const lastElemIndex = options.length - 1;\n\n if (!this.isOpen) {\n this.toggleSelectUl();\n\n if (this.selectedItem) {\n this.focusSelectItem(this.getOptionId(this.selectedItem));\n\n return;\n }\n }\n\n let nextElem = null;\n if (e.code === KeyboardCode.ARROW_DOWN) {\n nextElem =\n currElemIndex === null ? options[firstElemIndex] : options[currElemIndex + 1] || options[lastElemIndex];\n } else if (e.code === KeyboardCode.ARROW_UP) {\n nextElem =\n currElemIndex === null ? options[lastElemIndex] : options[currElemIndex - 1] || options[firstElemIndex];\n }\n\n this.focusSelectItem(nextElem.id);\n }\n\n private focusSelectItem(optionId: string): void {\n this.focusedItemId = optionId;\n const elem = this.host.querySelector(`#${optionId}`);\n // @ts-expect-error 'container' does not exist in type 'ScrollIntoViewOptions'\n elem.scrollIntoView({block: \"nearest\", container: \"nearest\"});\n }\n\n private toggleSelectUl(selfFocusOnClose = false): void {\n if (this.disabled || this.readonly) {\n return;\n }\n\n if (!this.isOpen) {\n document.addEventListener(\"click\", this.handleSelectFocus);\n document.addEventListener(\"keyup\", this.handleSelectFocus);\n } else {\n document.removeEventListener(\"click\", this.handleSelectFocus);\n document.removeEventListener(\"keyup\", this.handleSelectFocus);\n if (selfFocusOnClose) {\n (this.host.querySelector(`#${this.htmlid}_select_input`) as HTMLInputElement)?.focus();\n }\n\n if (this.selectedItem && this.searchString) {\n this.searchString = null;\n this.filterItems(this.searchString);\n }\n }\n\n this.focusedItemId = \"\";\n this.isOpen = !this.isOpen;\n }\n\n private handleInputClick(e: MouseEvent | KeyboardEvent): void {\n if ((e.target as HTMLElement).closest(\".reset-icon\")) {\n e.stopPropagation();\n\n return;\n }\n\n this.toggleSelectUl();\n }\n\n private handleSelectFocus(e: MouseEvent | KeyboardEvent): void {\n if (e instanceof KeyboardEvent && e.key === KeyboardCode.ESC) {\n e.stopPropagation();\n\n return this.toggleSelectUl(true);\n }\n\n if (e instanceof KeyboardEvent && e.key !== KeyboardCode.TAB) {\n return;\n }\n\n const clickedElement = getClickedElement();\n if (clickedElement?.hasAttribute(\"disabled\")) {\n return;\n }\n\n if (\n !getElementTree(clickedElement).find(\n (elem: HTMLElement) => elem.nodeName.toLowerCase() === \"z-input\" && elem.id === `${this.htmlid}_input`\n )\n ) {\n const zSelect = getElementTree(clickedElement).find((e) => e.nodeName === \"Z-SELECT\");\n this.toggleSelectUl(zSelect === this.host);\n }\n }\n\n private scrollToLetter(letter: string): void {\n if (!this.itemsList.length) {\n return;\n }\n\n const foundItem = this.itemsList.find(\n (item: SelectItem) => item.name.toLowerCase().charAt(0) === letter.toLowerCase()\n );\n if (foundItem) {\n if (!this.isOpen) {\n this.toggleSelectUl();\n }\n this.focusSelectItem(this.getOptionId(foundItem));\n }\n }\n\n private renderInput(): HTMLElement[] {\n let value = null;\n if (this.selectedItem) {\n value = getPlainText(this.selectedItem.name);\n }\n if (this.isOpen && this.searchString !== undefined) {\n value = this.searchString;\n }\n\n return [\n <z-input\n class={{\n \"active-select\": this.isOpen,\n \"cursor-select\": !this.autocomplete,\n }}\n id={`${this.htmlid}_input`}\n htmlid={`${this.htmlid}_select_input`}\n placeholder={this.placeholder}\n value={value}\n label={this.label}\n autocomplete=\"off\"\n htmlAriaLabel={this.htmlAriaLabel || undefined}\n icon={this.isOpen ? \"caret-up\" : \"caret-down\"}\n hasclearicon={false}\n message={false}\n name={this.name}\n disabled={this.disabled}\n readonly={this.readonly || (!this.hasAutocomplete() && this.isOpen)}\n required={this.required}\n status={this.isOpen ? undefined : this.status}\n size={this.size}\n role=\"combobox\"\n html-aria-expanded={this.isOpen ? \"true\" : \"false\"}\n html-aria-controls={`${this.htmlid}_list`}\n html-aria-activedescendant={this.isOpen ? this.focusedItemId : \"\"}\n html-aria-autocomplete={this.hasAutocomplete() ? \"list\" : undefined}\n onClick={(e: MouseEvent) => this.handleInputClick(e)}\n onKeyDown={(e: KeyboardEvent) => this.handleInputKeyDown(e)}\n onInputChange={(e: CustomEvent) => this.handleInputChange(e)}\n onKeyPress={(e: KeyboardEvent) => {\n if (!this.hasAutocomplete()) {\n e.preventDefault();\n this.scrollToLetter(e.key);\n }\n }}\n />,\n ];\n }\n\n private renderSelectUl(): HTMLDivElement {\n return (\n <div class={this.isOpen ? \"open\" : \"closed\"}>\n <div\n class={{\n \"ul-scroll-wrapper\": true,\n \"fixed\": this.isfixed,\n }}\n >\n <z-list\n role=\"listbox\"\n aria-label={this.htmlAriaLabel || this.label}\n tabindex={this.disabled || this.readonly || !this.isOpen ? -1 : 0}\n id={`${this.htmlid}_list`}\n aria-multiselectable={false}\n size={this.listSizeType()}\n class={{\n \"disabled\": this.disabled,\n \"readonly\": this.readonly,\n [`input-${this.status}`]: !this.isOpen && !!this.status,\n \"z-scrollbar\": true,\n }}\n >\n {this.resetItem && this.renderResetItem()}\n {this.renderSelectUlItems()}\n </z-list>\n </div>\n </div>\n );\n }\n\n private renderResetItem(): HTMLZListElementElement {\n const hidden = !this.selectedItem || !this.resetItem;\n\n return (\n <z-list-element\n class={{\n \"hide\": hidden,\n \"reset-item\": true,\n \"reset-item-margin\": !this.hasGroupItems,\n }}\n clickable={true}\n disabled={false}\n dividerType={ListDividerType.ELEMENT}\n role={hidden ? \"presentation\" : \"option\"}\n htmlTabindex={this.isOpen ? 0 : null}\n aria-selected=\"false\"\n aria-label={hidden ? undefined : this.resetItem}\n id={this.getResetOptionId()}\n size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n onClickItem={() => this.handleResetClick()}\n >\n <div\n class={{\n \"reset-item-content\": true,\n \"tree-list-reset-item\": this.hasTreeItems,\n \"active\": this.focusedItemId === this.getResetOptionId(),\n }}\n aria-hidden=\"true\"\n >\n <z-icon name=\"multiply-circled\" />\n <span>{this.resetItem}</span>\n </div>\n </z-list-element>\n );\n }\n\n private renderItem(item: SelectItem, lastItem: boolean): HTMLZListElementElement {\n return (\n <z-list-element\n clickable={!item.disabled}\n disabled={item.disabled}\n dividerType={lastItem ? ListDividerType.HEADER : ListDividerType.ELEMENT}\n role={item.disabled ? \"presentation\" : \"option\"}\n htmlTabindex={-1}\n aria-selected={item.selected ? \"true\" : \"false\"}\n aria-label={item.disabled ? undefined : getPlainText(item.name)}\n id={this.getOptionId(item)}\n size={this.listSizeType()}\n onClickItem={() => this.selectItem(item)}\n >\n <div\n class={{\n \"list-element-container\": true,\n \"active\": this.focusedItemId === this.getOptionId(item),\n }}\n aria-hidden=\"true\"\n >\n <div\n class={{\n \"selected\": !!item.selected,\n \"list-element-content\": true,\n }}\n innerHTML={item.name}\n />\n {item.icon && <z-tag icon={item.icon}></z-tag>}\n </div>\n </z-list-element>\n );\n }\n\n private listSizeType(): ListSize {\n if (this.hasTreeItems) {\n return ListSize.NONE;\n }\n\n if (this.size === ControlSize.SMALL || this.size === ControlSize.X_SMALL) {\n return ListSize.SMALL;\n }\n\n return ListSize.MEDIUM;\n }\n\n private renderSelectUlItems():\n | HTMLZListElementElement\n | (HTMLZListElementElement | HTMLZListElementElement[])[]\n | HTMLZListGroupElement[] {\n if (!this.itemsList.length) {\n return this.renderNoSearchResults();\n }\n\n if (this.hasGroupItems) {\n if (this.hasTreeItems) {\n return this.renderGroupedTree();\n }\n\n return this.renderSelectGroupItems();\n }\n\n return this.itemsList.map((item: SelectItem, index, array) => {\n const isLastItem = index === array.length - 1;\n const parentHasSiblings = array.length > 1;\n\n if (this.hasTreeItems) {\n return this.renderTreeItems(item, isLastItem, parentHasSiblings, true, item.disabled);\n }\n\n return this.renderItem(item, isLastItem);\n });\n }\n\n private renderTreeItems(\n item: SelectItem,\n isLastChild: boolean,\n parentHasSiblings: boolean,\n isTopLevel?: boolean,\n disabledAncestor?: boolean\n ): HTMLZListElementElement[] {\n const isDisabled = item.disabled || disabledAncestor;\n\n const hasDivider = this.hasGroupItems\n ? undefined\n : this.hasGroupItems\n ? isLastChild && !parentHasSiblings\n ? ListDividerType.ELEMENT\n : undefined\n : isTopLevel && parentHasSiblings && !isLastChild\n ? ListDividerType.ELEMENT\n : undefined;\n\n return (\n <z-list-element\n clickable={!item.disabled}\n disabled={isDisabled}\n class={{\n \"grouped-tree-parent-node\": this.hasGroupItems && !!item.children?.length,\n \"tree-search-item\": this.hasGroupItems && isTopLevel && !item.children?.length && !!this.searchString,\n }}\n size={this.listSizeType()}\n dividerType={hasDivider}\n hasTreeItems={this.hasTreeItems}\n htmlTabindex={null}\n role=\"presentation\"\n >\n <div\n id={this.getOptionId(item)}\n role={isDisabled ? \"presentation\" : \"option\"}\n aria-label={isDisabled ? undefined : getPlainText(item.name)}\n class={{\"list-element\": true, \"active\": this.focusedItemId === this.getOptionId(item)}}\n onClick={() => this.selectItem(item)}\n >\n <span\n class=\"item ellipsis\"\n aria-hidden=\"true\"\n >\n <span\n class={{\n \"item-label\": true,\n \"selected\": !!item.selected,\n }}\n title={item.name}\n innerHTML={item.name}\n />\n </span>\n {item.icon && <z-tag icon={item.icon}></z-tag>}\n </div>\n {item.children && item.children.length > 0 ? (\n <z-list role=\"presentation\">\n <div class=\"children-node\">\n {item.children.map((child, index, arr) =>\n this.renderTreeItems(\n child,\n index === arr.length - 1,\n arr.length > 1,\n false, // isTopLevel = false for children\n isDisabled\n )\n )}\n </div>\n </z-list>\n ) : null}\n </z-list-element>\n );\n }\n\n private renderGroupedTree(): HTMLZListGroupElement[] {\n const groupedItems = this.getGroupedItems();\n\n return groupedItems.map(([category, items], index, entries) => {\n const parentHasSiblings = Object.values(groupedItems).some((groupItems) => groupItems.length > 1);\n\n return (\n <z-list-group\n divider-type={index === entries.length - 1 ? undefined : ListDividerType.ELEMENT}\n hasTreeItems={true}\n aria-labelledby={`${this.htmlid}_tree_${index}`}\n >\n <span\n class=\"body-3-sb z-list-group-title\"\n slot=\"header-title\"\n id={`${this.htmlid}_tree_${index}`}\n aria-hidden=\"true\"\n >\n {category}\n </span>\n <z-list role=\"presentation\">\n {items.map((item, i, arr) => [\n this.renderTreeItems(item, i === arr.length - 1, parentHasSiblings, true, item.disabled),\n i < arr.length - 1 ? (\n <z-divider\n key={`divider-${i}`}\n style={{zIndex: \"100\", height: \"var(--border-size-small)\"}}\n />\n ) : null,\n ])}\n </z-list>\n {index !== entries.length - 1 && <z-divider style={{zIndex: \"100\", height: \"var(--border-size-small)\"}} />}\n </z-list-group>\n );\n });\n }\n\n private renderSelectGroupItems(): HTMLZListElementElement[] {\n const groupedItems = this.getGroupedItems();\n\n return groupedItems.map(([key, items], index) => {\n const isLastGroup = groupedItems.length === index + 1;\n\n return (\n <z-list-group\n divider-type={ListDividerType.ELEMENT}\n aria-labelledby={`${this.htmlid}_group_${index}`}\n >\n <span\n class=\"body-3-sb z-list-group-title\"\n slot=\"header-title\"\n id={`${this.htmlid}_group_${index}`}\n aria-hidden=\"true\"\n >\n {key}\n </span>\n {items.map((item, subindex) => {\n const isLastItem = items.length === subindex + 1;\n\n return this.renderItem(item, isLastGroup && isLastItem);\n })}\n </z-list-group>\n );\n });\n }\n\n private renderNoSearchResults(): HTMLZListElementElement {\n return (\n <z-list-element\n class=\"no-results\"\n size={this.hasTreeItems ? ListSize.MEDIUM : this.listSizeType()}\n htmlTabindex={null}\n role=\"presentation\"\n >\n {this.noresultslabel}\n </z-list-element>\n );\n }\n\n private renderMessage(): HTMLZInputMessageElement {\n if (boolean(this.message) === false) {\n return;\n }\n\n return (\n <z-input-message\n message={boolean(this.message) === true ? undefined : (this.message as string)}\n status={this.status}\n class={this.size}\n disabled={this.disabled}\n />\n );\n }\n\n render(): HTMLDivElement {\n return (\n <div class=\"select-wrapper\">\n {this.renderInput()}\n {this.renderSelectUl()}\n {this.renderMessage()}\n </div>\n );\n }\n}\n"],"mappings":"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","ignoreList":[]}