@hokulea/ember 0.8.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (333) hide show
  1. package/declarations/-private/stories.d.ts +2 -0
  2. package/declarations/-private/stories.d.ts.map +1 -1
  3. package/declarations/components/actions/-button.d.ts.map +1 -0
  4. package/declarations/components/actions/button.gts.d.ts +25 -0
  5. package/declarations/components/actions/button.gts.d.ts.map +1 -0
  6. package/declarations/components/actions/icon-button.gts.d.ts +26 -0
  7. package/declarations/components/actions/icon-button.gts.d.ts.map +1 -0
  8. package/declarations/components/app-header.gts.d.ts +1 -48
  9. package/declarations/components/app-header.gts.d.ts.map +1 -1
  10. package/declarations/components/box.gts.d.ts +1 -15
  11. package/declarations/components/box.gts.d.ts.map +1 -1
  12. package/declarations/components/button.gts.d.ts +1 -25
  13. package/declarations/components/button.gts.d.ts.map +1 -1
  14. package/declarations/components/card.gts.d.ts +1 -12
  15. package/declarations/components/card.gts.d.ts.map +1 -1
  16. package/declarations/components/checkbox.gts.d.ts +1 -8
  17. package/declarations/components/checkbox.gts.d.ts.map +1 -1
  18. package/declarations/components/content/box.gts.d.ts +16 -0
  19. package/declarations/components/content/box.gts.d.ts.map +1 -0
  20. package/declarations/components/content/card.gts.d.ts +12 -0
  21. package/declarations/components/content/card.gts.d.ts.map +1 -0
  22. package/declarations/components/content/section.gts.d.ts +18 -0
  23. package/declarations/components/content/section.gts.d.ts.map +1 -0
  24. package/declarations/components/controls/-input.d.ts.map +1 -0
  25. package/declarations/components/controls/-menu.d.ts.map +1 -0
  26. package/declarations/components/controls/checkbox.gts.d.ts +8 -0
  27. package/declarations/components/controls/checkbox.gts.d.ts.map +1 -0
  28. package/declarations/components/controls/currency-input.gts.d.ts +8 -0
  29. package/declarations/components/controls/currency-input.gts.d.ts.map +1 -0
  30. package/declarations/components/controls/date-input.gts.d.ts +8 -0
  31. package/declarations/components/controls/date-input.gts.d.ts.map +1 -0
  32. package/declarations/components/controls/email-input.gts.d.ts +8 -0
  33. package/declarations/components/controls/email-input.gts.d.ts.map +1 -0
  34. package/declarations/components/controls/input-builder.gts.d.ts +29 -0
  35. package/declarations/components/controls/input-builder.gts.d.ts.map +1 -0
  36. package/declarations/components/controls/list.gts.d.ts +51 -0
  37. package/declarations/components/controls/list.gts.d.ts.map +1 -0
  38. package/declarations/components/controls/menu.gts.d.ts +39 -0
  39. package/declarations/components/controls/menu.gts.d.ts.map +1 -0
  40. package/declarations/components/controls/number-input.gts.d.ts +8 -0
  41. package/declarations/components/controls/number-input.gts.d.ts.map +1 -0
  42. package/declarations/components/controls/password-input.gts.d.ts +8 -0
  43. package/declarations/components/controls/password-input.gts.d.ts.map +1 -0
  44. package/declarations/components/controls/phone-input.gts.d.ts +8 -0
  45. package/declarations/components/controls/phone-input.gts.d.ts.map +1 -0
  46. package/declarations/components/controls/radio.gts.d.ts +8 -0
  47. package/declarations/components/controls/radio.gts.d.ts.map +1 -0
  48. package/declarations/components/controls/range-input.gts.d.ts +13 -0
  49. package/declarations/components/controls/range-input.gts.d.ts.map +1 -0
  50. package/declarations/components/controls/select.gts.d.ts +36 -0
  51. package/declarations/components/controls/select.gts.d.ts.map +1 -0
  52. package/declarations/components/controls/tabs.gts.d.ts +61 -0
  53. package/declarations/components/controls/tabs.gts.d.ts.map +1 -0
  54. package/declarations/components/controls/text-area.gts.d.ts +8 -0
  55. package/declarations/components/controls/text-area.gts.d.ts.map +1 -0
  56. package/declarations/components/controls/text-input.gts.d.ts +8 -0
  57. package/declarations/components/controls/text-input.gts.d.ts.map +1 -0
  58. package/declarations/components/currency-input.gts.d.ts +1 -8
  59. package/declarations/components/currency-input.gts.d.ts.map +1 -1
  60. package/declarations/components/date-input.gts.d.ts +1 -8
  61. package/declarations/components/date-input.gts.d.ts.map +1 -1
  62. package/declarations/components/email-input.gts.d.ts +1 -8
  63. package/declarations/components/email-input.gts.d.ts.map +1 -1
  64. package/declarations/components/focus-page.gts.d.ts +2 -0
  65. package/declarations/components/focus-page.gts.d.ts.map +1 -0
  66. package/declarations/components/form/description.gts.d.ts +1 -2
  67. package/declarations/components/form/description.gts.d.ts.map +1 -1
  68. package/declarations/components/form/errors.gts.d.ts +1 -2
  69. package/declarations/components/form/errors.gts.d.ts.map +1 -1
  70. package/declarations/components/form/field.gts.d.ts +2 -2
  71. package/declarations/components/form/field.gts.d.ts.map +1 -1
  72. package/declarations/components/form/fields/checkbox.gts.d.ts +2 -2
  73. package/declarations/components/form/fields/checkbox.gts.d.ts.map +1 -1
  74. package/declarations/components/form/fields/currency.gts.d.ts +2 -2
  75. package/declarations/components/form/fields/currency.gts.d.ts.map +1 -1
  76. package/declarations/components/form/fields/date.gts.d.ts +2 -2
  77. package/declarations/components/form/fields/date.gts.d.ts.map +1 -1
  78. package/declarations/components/form/fields/email.gts.d.ts +2 -2
  79. package/declarations/components/form/fields/email.gts.d.ts.map +1 -1
  80. package/declarations/components/form/fields/list.gts.d.ts +3 -3
  81. package/declarations/components/form/fields/list.gts.d.ts.map +1 -1
  82. package/declarations/components/form/fields/multiple-choice.gts.d.ts +2 -2
  83. package/declarations/components/form/fields/multiple-choice.gts.d.ts.map +1 -1
  84. package/declarations/components/form/fields/number.gts.d.ts +2 -2
  85. package/declarations/components/form/fields/number.gts.d.ts.map +1 -1
  86. package/declarations/components/form/fields/password.gts.d.ts +2 -2
  87. package/declarations/components/form/fields/password.gts.d.ts.map +1 -1
  88. package/declarations/components/form/fields/phone.gts.d.ts +2 -2
  89. package/declarations/components/form/fields/phone.gts.d.ts.map +1 -1
  90. package/declarations/components/form/fields/range.gts.d.ts +2 -2
  91. package/declarations/components/form/fields/range.gts.d.ts.map +1 -1
  92. package/declarations/components/form/fields/select.gts.d.ts +2 -2
  93. package/declarations/components/form/fields/select.gts.d.ts.map +1 -1
  94. package/declarations/components/form/fields/singular-choice.gts.d.ts +2 -2
  95. package/declarations/components/form/fields/singular-choice.gts.d.ts.map +1 -1
  96. package/declarations/components/form/fields/text-area.gts.d.ts +2 -2
  97. package/declarations/components/form/fields/text-area.gts.d.ts.map +1 -1
  98. package/declarations/components/form/fields/text.gts.d.ts +2 -2
  99. package/declarations/components/form/fields/text.gts.d.ts.map +1 -1
  100. package/declarations/components/form/form.gts.d.ts +30 -30
  101. package/declarations/components/form/form.gts.d.ts.map +1 -1
  102. package/declarations/components/form/index.d.ts +1 -1
  103. package/declarations/components/form/index.d.ts.map +1 -1
  104. package/declarations/components/form/label.gts.d.ts +1 -2
  105. package/declarations/components/form/label.gts.d.ts.map +1 -1
  106. package/declarations/components/form/reset.gts.d.ts +1 -2
  107. package/declarations/components/form/reset.gts.d.ts.map +1 -1
  108. package/declarations/components/form/rules.gts.d.ts +1 -1
  109. package/declarations/components/form/rules.gts.d.ts.map +1 -1
  110. package/declarations/components/form/submit.gts.d.ts +1 -2
  111. package/declarations/components/form/submit.gts.d.ts.map +1 -1
  112. package/declarations/components/form.gts.d.ts +1 -1
  113. package/declarations/components/form.gts.d.ts.map +1 -1
  114. package/declarations/components/graphics/icon.gts.d.ts +13 -0
  115. package/declarations/components/graphics/icon.gts.d.ts.map +1 -0
  116. package/declarations/components/icon-button.gts.d.ts +1 -25
  117. package/declarations/components/icon-button.gts.d.ts.map +1 -1
  118. package/declarations/components/icon.gts.d.ts +1 -13
  119. package/declarations/components/icon.gts.d.ts.map +1 -1
  120. package/declarations/components/input-builder.gts.d.ts +1 -28
  121. package/declarations/components/input-builder.gts.d.ts.map +1 -1
  122. package/declarations/components/layouts/focus-page.gts.d.ts +24 -0
  123. package/declarations/components/layouts/focus-page.gts.d.ts.map +1 -0
  124. package/declarations/components/layouts/page.gts.d.ts +24 -0
  125. package/declarations/components/layouts/page.gts.d.ts.map +1 -0
  126. package/declarations/components/layouts/pages.d.ts +15 -0
  127. package/declarations/components/layouts/pages.d.ts.map +1 -0
  128. package/declarations/components/layouts/sectioned-page.gts.d.ts +26 -0
  129. package/declarations/components/layouts/sectioned-page.gts.d.ts.map +1 -0
  130. package/declarations/components/list.gts.d.ts +1 -50
  131. package/declarations/components/list.gts.d.ts.map +1 -1
  132. package/declarations/components/menu.gts.d.ts +1 -38
  133. package/declarations/components/menu.gts.d.ts.map +1 -1
  134. package/declarations/components/navigation/app-header.gts.d.ts +55 -0
  135. package/declarations/components/navigation/app-header.gts.d.ts.map +1 -0
  136. package/declarations/components/navigation/nav-link.gts.d.ts +10 -0
  137. package/declarations/components/navigation/nav-link.gts.d.ts.map +1 -0
  138. package/declarations/components/navigation/navigation-list.gts.d.ts +19 -0
  139. package/declarations/components/navigation/navigation-list.gts.d.ts.map +1 -0
  140. package/declarations/components/navigation-list.gts.d.ts +2 -0
  141. package/declarations/components/navigation-list.gts.d.ts.map +1 -0
  142. package/declarations/components/number-input.gts.d.ts +1 -8
  143. package/declarations/components/number-input.gts.d.ts.map +1 -1
  144. package/declarations/components/page.gts.d.ts +1 -35
  145. package/declarations/components/page.gts.d.ts.map +1 -1
  146. package/declarations/components/password-input.gts.d.ts +1 -8
  147. package/declarations/components/password-input.gts.d.ts.map +1 -1
  148. package/declarations/components/phone-input.gts.d.ts +1 -8
  149. package/declarations/components/phone-input.gts.d.ts.map +1 -1
  150. package/declarations/components/popover.gts.d.ts +1 -9
  151. package/declarations/components/popover.gts.d.ts.map +1 -1
  152. package/declarations/components/radio.gts.d.ts +1 -8
  153. package/declarations/components/radio.gts.d.ts.map +1 -1
  154. package/declarations/components/range-input.gts.d.ts +1 -13
  155. package/declarations/components/range-input.gts.d.ts.map +1 -1
  156. package/declarations/components/section.gts.d.ts +1 -18
  157. package/declarations/components/section.gts.d.ts.map +1 -1
  158. package/declarations/components/sectioned-page.gts.d.ts +2 -0
  159. package/declarations/components/sectioned-page.gts.d.ts.map +1 -0
  160. package/declarations/components/select.gts.d.ts +1 -35
  161. package/declarations/components/select.gts.d.ts.map +1 -1
  162. package/declarations/components/tabs.gts.d.ts +1 -60
  163. package/declarations/components/tabs.gts.d.ts.map +1 -1
  164. package/declarations/components/text-area.gts.d.ts +1 -8
  165. package/declarations/components/text-area.gts.d.ts.map +1 -1
  166. package/declarations/components/text-input.gts.d.ts +1 -8
  167. package/declarations/components/text-input.gts.d.ts.map +1 -1
  168. package/declarations/components/windows/popover.gts.d.ts +9 -0
  169. package/declarations/components/windows/popover.gts.d.ts.map +1 -0
  170. package/declarations/helpers/popover.d.ts +1 -1
  171. package/declarations/helpers/popover.d.ts.map +1 -1
  172. package/declarations/index.d.ts +29 -26
  173. package/declarations/index.d.ts.map +1 -1
  174. package/declarations/registry.d.ts +2 -0
  175. package/declarations/registry.d.ts.map +1 -0
  176. package/declarations/services/-hokulea.d.ts.map +1 -1
  177. package/declarations/template-registry.d.ts +41 -35
  178. package/declarations/template-registry.d.ts.map +1 -1
  179. package/declarations/test-support/index.d.ts +2 -1
  180. package/declarations/test-support/index.d.ts.map +1 -1
  181. package/declarations/test-support/page-objects/-navigation.d.ts +9 -0
  182. package/declarations/test-support/page-objects/-navigation.d.ts.map +1 -0
  183. package/declarations/test-support/page-objects/app-header.d.ts +1 -1
  184. package/declarations/test-support/page-objects/app-header.d.ts.map +1 -1
  185. package/declarations/test-support/page-objects/navigation-list.d.ts +10 -0
  186. package/declarations/test-support/page-objects/navigation-list.d.ts.map +1 -0
  187. package/declarations/test-support/page-objects/page.d.ts +3 -1
  188. package/declarations/test-support/page-objects/page.d.ts.map +1 -1
  189. package/declarations/test-support/page-objects/tabs.d.ts.map +1 -1
  190. package/dist/-button-KUaJCQaB.js.map +1 -1
  191. package/dist/-input-DGR-n9U_.js.map +1 -1
  192. package/dist/_app_/components/focus-page.js +1 -0
  193. package/dist/_app_/components/navigation-list.js +1 -0
  194. package/dist/_app_/components/sectioned-page.js +1 -0
  195. package/dist/app-header-B6Q7pbiY.js +122 -0
  196. package/dist/app-header-B6Q7pbiY.js.map +1 -0
  197. package/dist/box-DU6m9gDw.js +20 -0
  198. package/dist/box-DU6m9gDw.js.map +1 -0
  199. package/dist/button-XdQyGTGA.js +24 -0
  200. package/dist/button-XdQyGTGA.js.map +1 -0
  201. package/dist/card-Bdv-UvKX.js +16 -0
  202. package/dist/card-Bdv-UvKX.js.map +1 -0
  203. package/dist/checkbox-D4vALmT2.js +18 -0
  204. package/dist/checkbox-D4vALmT2.js.map +1 -0
  205. package/dist/components/app-header.js +1 -131
  206. package/dist/components/app-header.js.map +1 -1
  207. package/dist/components/box.js +1 -19
  208. package/dist/components/box.js.map +1 -1
  209. package/dist/components/button.js +1 -23
  210. package/dist/components/button.js.map +1 -1
  211. package/dist/components/card.js +1 -15
  212. package/dist/components/card.js.map +1 -1
  213. package/dist/components/checkbox.js +1 -17
  214. package/dist/components/checkbox.js.map +1 -1
  215. package/dist/components/currency-input.js +1 -21
  216. package/dist/components/currency-input.js.map +1 -1
  217. package/dist/components/date-input.js +1 -17
  218. package/dist/components/date-input.js.map +1 -1
  219. package/dist/components/email-input.js +1 -17
  220. package/dist/components/email-input.js.map +1 -1
  221. package/dist/components/focus-page.js +2 -0
  222. package/dist/components/focus-page.js.map +1 -0
  223. package/dist/components/form.js +1 -1
  224. package/dist/components/icon-button.js +1 -36
  225. package/dist/components/icon-button.js.map +1 -1
  226. package/dist/components/icon.js +1 -15
  227. package/dist/components/icon.js.map +1 -1
  228. package/dist/components/input-builder.js +1 -19
  229. package/dist/components/input-builder.js.map +1 -1
  230. package/dist/components/list.js +1 -65
  231. package/dist/components/list.js.map +1 -1
  232. package/dist/components/menu.js +1 -115
  233. package/dist/components/menu.js.map +1 -1
  234. package/dist/components/navigation-list.js +2 -0
  235. package/dist/components/navigation-list.js.map +1 -0
  236. package/dist/components/number-input.js +1 -19
  237. package/dist/components/number-input.js.map +1 -1
  238. package/dist/components/page.js +1 -62
  239. package/dist/components/page.js.map +1 -1
  240. package/dist/components/password-input.js +1 -17
  241. package/dist/components/password-input.js.map +1 -1
  242. package/dist/components/phone-input.js +1 -17
  243. package/dist/components/phone-input.js.map +1 -1
  244. package/dist/components/popover.js +1 -13
  245. package/dist/components/popover.js.map +1 -1
  246. package/dist/components/radio.js +1 -17
  247. package/dist/components/radio.js.map +1 -1
  248. package/dist/components/range-input.js +1 -36
  249. package/dist/components/range-input.js.map +1 -1
  250. package/dist/components/section.js +1 -24
  251. package/dist/components/section.js.map +1 -1
  252. package/dist/components/sectioned-page.js +2 -0
  253. package/dist/components/sectioned-page.js.map +1 -0
  254. package/dist/components/select.js +1 -38
  255. package/dist/components/select.js.map +1 -1
  256. package/dist/components/tabs.js +1 -110
  257. package/dist/components/tabs.js.map +1 -1
  258. package/dist/components/text-area.js +1 -17
  259. package/dist/components/text-area.js.map +1 -1
  260. package/dist/components/text-input.js +1 -17
  261. package/dist/components/text-input.js.map +1 -1
  262. package/dist/currency-input-8ef0Igfb.js +22 -0
  263. package/dist/currency-input-8ef0Igfb.js.map +1 -0
  264. package/dist/date-input-BayaBuSb.js +18 -0
  265. package/dist/date-input-BayaBuSb.js.map +1 -0
  266. package/dist/email-input-j-Z0KO4A.js +18 -0
  267. package/dist/email-input-j-Z0KO4A.js.map +1 -0
  268. package/dist/focus-page-B9myJVvL.js +23 -0
  269. package/dist/focus-page-B9myJVvL.js.map +1 -0
  270. package/dist/{form-DBuzL4_0.js → form-DWyQ6QHX.js} +15 -15
  271. package/dist/form-DWyQ6QHX.js.map +1 -0
  272. package/dist/helpers/popover.js +1 -1
  273. package/dist/helpers/popover.js.map +1 -1
  274. package/dist/icon-bLZqjTMP.js +16 -0
  275. package/dist/icon-bLZqjTMP.js.map +1 -0
  276. package/dist/icon-button-7K-W_8jc.js +37 -0
  277. package/dist/icon-button-7K-W_8jc.js.map +1 -0
  278. package/dist/index.js +30 -27
  279. package/dist/index.js.map +1 -1
  280. package/dist/input-builder-DmcQbywA.js +20 -0
  281. package/dist/input-builder-DmcQbywA.js.map +1 -0
  282. package/dist/list-CsLvih6-.js +66 -0
  283. package/dist/list-CsLvih6-.js.map +1 -0
  284. package/dist/menu-CZKNGJ91.js +116 -0
  285. package/dist/menu-CZKNGJ91.js.map +1 -0
  286. package/dist/nav-link-CGVtuqwC.js +30 -0
  287. package/dist/nav-link-CGVtuqwC.js.map +1 -0
  288. package/dist/navigation-list-Cxs6uZdM.js +22 -0
  289. package/dist/navigation-list-Cxs6uZdM.js.map +1 -0
  290. package/dist/number-input-B84zcPlM.js +20 -0
  291. package/dist/number-input-B84zcPlM.js.map +1 -0
  292. package/dist/page-BcSgHxr7.js +23 -0
  293. package/dist/page-BcSgHxr7.js.map +1 -0
  294. package/dist/pages-DgHJEvSy.js +31 -0
  295. package/dist/pages-DgHJEvSy.js.map +1 -0
  296. package/dist/password-input-BMp5uscw.js +18 -0
  297. package/dist/password-input-BMp5uscw.js.map +1 -0
  298. package/dist/phone-input-DeaTM5yP.js +18 -0
  299. package/dist/phone-input-DeaTM5yP.js.map +1 -0
  300. package/dist/popover-B6j413u9.js +14 -0
  301. package/dist/popover-B6j413u9.js.map +1 -0
  302. package/dist/radio-CGBLrzK4.js +18 -0
  303. package/dist/radio-CGBLrzK4.js.map +1 -0
  304. package/dist/range-input-BiAPgpW8.js +37 -0
  305. package/dist/range-input-BiAPgpW8.js.map +1 -0
  306. package/dist/registry.js +14 -0
  307. package/dist/registry.js.map +1 -0
  308. package/dist/section-BAdmc3Yn.js +25 -0
  309. package/dist/section-BAdmc3Yn.js.map +1 -0
  310. package/dist/sectioned-page-fB9mV5WD.js +25 -0
  311. package/dist/sectioned-page-fB9mV5WD.js.map +1 -0
  312. package/dist/select-DxyaUFuy.js +39 -0
  313. package/dist/select-DxyaUFuy.js.map +1 -0
  314. package/dist/services/-hokulea.js +1 -8
  315. package/dist/services/-hokulea.js.map +1 -1
  316. package/dist/tabs-a9GhNQv9.js +111 -0
  317. package/dist/tabs-a9GhNQv9.js.map +1 -0
  318. package/dist/test-support/index.js +23 -4
  319. package/dist/test-support/index.js.map +1 -1
  320. package/dist/text-area-55_E1zv8.js +18 -0
  321. package/dist/text-area-55_E1zv8.js.map +1 -0
  322. package/dist/text-input-CK-yGbI5.js +18 -0
  323. package/dist/text-input-CK-yGbI5.js.map +1 -0
  324. package/package.json +17 -13
  325. package/declarations/components/-button.d.ts.map +0 -1
  326. package/declarations/components/-input.d.ts.map +0 -1
  327. package/declarations/components/-menu.d.ts.map +0 -1
  328. package/declarations/components/-stories.d.ts +0 -3
  329. package/declarations/components/-stories.d.ts.map +0 -1
  330. package/dist/form-DBuzL4_0.js.map +0 -1
  331. /package/declarations/components/{-button.d.ts → actions/-button.d.ts} +0 -0
  332. /package/declarations/components/{-input.d.ts → controls/-input.d.ts} +0 -0
  333. /package/declarations/components/{-menu.d.ts → controls/-menu.d.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sources":["../../src/components/tabs.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { registerDestructor } from '@ember/destroyable';\nimport { hash, uniqueId } from '@ember/helper';\nimport { guidFor } from '@ember/object/internals';\nimport { next } from '@ember/runloop';\n\nimport { ariaTablist, type Orientation, type TablistBehavior } from 'ember-aria-voyager';\nimport { modifier } from 'ember-modifier';\nimport Portal from 'ember-stargate/components/portal';\nimport PortalTarget from 'ember-stargate/components/portal-target';\nimport { TrackedArray } from 'tracked-built-ins';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { eq, not } from '../-private/helpers.ts';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\n\nexport const TabValue = Symbol('TabValue');\n\nconst attachValue = modifier((element, [value]) => {\n if (value) {\n // @ts-expect-error this is internal API\n element[TabValue] = value;\n }\n});\n\ninterface State {\n active: boolean;\n selected: boolean;\n}\n\ntype Item = string & {};\n\ntype TabSignature = {\n Element: HTMLDivElement;\n Args: {\n tablist: string;\n register: (tab: Tab) => void;\n unregister: (tab: Tab) => void;\n label?: string;\n value?: unknown;\n selection?: unknown;\n activeItem?: Item;\n };\n Blocks: {\n default?: [State];\n label?: [State];\n content?: [State];\n };\n};\n\nclass Tab extends Component<TabSignature> {\n constructor(owner: Owner, args: TabSignature['Args']) {\n super(owner, args);\n\n args.register(this);\n\n registerDestructor(this, () => {\n args.unregister(this);\n });\n }\n\n @cached\n get id() {\n return this.args.value ?? this.args.label ?? guidFor(this);\n }\n\n <template>\n {{#let\n (uniqueId) (hash active=(eq this.id @activeItem) selected=(eq this.id @selection))\n as |id state|\n }}\n <Portal @target={{@tablist}}>\n {{! template-lint-disable require-context-role }}\n <button\n type=\"button\"\n role=\"tab\"\n aria-controls={{id}}\n aria-selected={{if state.selected \"true\"}}\n id=\"{{id}}-label\"\n {{attachValue @value}}\n >\n <span>\n {{#if (has-block \"label\")}}\n {{yield state to=\"label\"}}\n {{else}}\n {{@label}}\n {{/if}}\n </span>\n </button>\n </Portal>\n\n <section\n id={{id}}\n role=\"tabpanel\"\n aria-labelledby=\"{{id}}-label\"\n local-class=\"content\"\n hidden={{not state.selected}}\n >\n {{#if (has-block \"content\")}}\n {{yield state to=\"content\"}}\n {{else}}\n {{yield state}}\n {{/if}}\n </section>\n {{/let}}\n </template>\n}\n\ninterface TabsSignature {\n Element: HTMLDivElement;\n Args: {\n disabled?: boolean;\n selection?: unknown;\n update?: (value: unknown) => void;\n behavior?: TablistBehavior;\n orientation?: Orientation;\n };\n Blocks: {\n default: [\n {\n Tab: WithBoundArgs<\n typeof Tab,\n 'selection' | 'activeItem' | 'tablist' | 'register' | 'unregister'\n >;\n }\n ];\n };\n}\n\nexport default class Tabs extends Component<TabsSignature> {\n @tracked tabs: Tab[] = new TrackedArray();\n @tracked internalSelection?: Tab;\n @tracked activeItem?: Item;\n\n get items() {\n return this.tabs.map((t) => t.id);\n }\n\n get selection() {\n return this.args.selection ?? this.internalSelection?.id;\n }\n\n register = (tab: Tab) => {\n // eslint-disable-next-line ember/no-runloop\n next(() => {\n this.tabs.push(tab);\n });\n };\n\n unregister = (tab: Tab) => {\n // eslint-disable-next-line ember/no-runloop\n next(() => {\n this.tabs.splice(this.tabs.indexOf(tab), 1);\n });\n };\n\n select = (id: Item) => {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const tab = this.tabs.find((t) => t.id === id)!;\n\n this.internalSelection = tab;\n this.args.update?.(tab.args.value ?? tab.args.label ?? undefined);\n };\n\n activateItem = (id: Item) => {\n this.activeItem = id;\n };\n\n <template>\n <div class={{styles.tabs}} data-test-tabs>\n {{#let (uniqueId) as |tablistId|}}\n <PortalTarget\n @name={{tablistId}}\n @multiple={{true}}\n role=\"tablist\"\n {{ariaTablist\n items=this.items\n select=this.select\n selection=this.selection\n activateItem=this.activateItem\n disabled=@disabled\n behavior=@behavior\n orientation=@orientation\n }}\n />\n\n {{yield\n (hash\n Tab=(component\n Tab\n register=this.register\n unregister=this.unregister\n tablist=tablistId\n selection=this.selection\n activeItem=this.activeItem\n )\n )\n }}\n {{/let}}\n </div>\n </template>\n}\n"],"names":["TabValue","Symbol","attachValue","modifier","element","value","Tab","Component","constructor","owner","args","register","registerDestructor","unregister","id","label","guidFor","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","uniqueId","hash","eq","Portal","not","Tabs","g","tracked","TrackedArray","i","void 0","items","tabs","map","t","selection","internalSelection","tab","next","push","splice","indexOf","select","find","update","undefined","activateItem","activeItem","styles","PortalTarget","ariaTablist"],"mappings":"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"}
1
+ {"version":3,"file":"tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,18 +1,2 @@
1
- import { on } from '@ember/modifier';
2
- import styles from '@hokulea/core/controls.module.css';
3
- import { p as pick } from '../helpers-DS9du02l.js';
4
- import { precompileTemplate } from '@ember/template-compilation';
5
- import { setComponentTemplate } from '@ember/component';
6
- import templateOnly from '@ember/component/template-only';
7
-
8
- const TextArea = setComponentTemplate(precompileTemplate("\n <textarea class={{styles.textarea}} type=\"text\" disabled={{@disabled}} data-test-textarea {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes>{{@value}}</textarea>\n", {
9
- strictMode: true,
10
- scope: () => ({
11
- styles,
12
- on,
13
- pick
14
- })
15
- }), templateOnly());
16
-
17
- export { TextArea as default };
1
+ export { T as default } from '../text-area-55_E1zv8.js';
18
2
  //# sourceMappingURL=text-area.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-area.js","sources":["../../src/components/text-area.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface TextAreaSignature {\n Element: HTMLTextAreaElement;\n Args: InputArgs<string>;\n}\n\nconst TextArea: TOC<TextAreaSignature> = <template>\n <textarea\n class={{styles.textarea}}\n type=\"text\"\n disabled={{@disabled}}\n data-test-textarea\n {{on \"input\" (pick \"target.value\" @update) capture=true}}\n ...attributes\n >{{@value}}</textarea>\n</template>;\n\nexport default TextArea;\n"],"names":["TextArea","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;AAcA,MAAMA,QAAc,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,qMAAA,EASzC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1
+ {"version":3,"file":"text-area.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,18 +1,2 @@
1
- import { on } from '@ember/modifier';
2
- import styles from '@hokulea/core/controls.module.css';
3
- import { p as pick } from '../helpers-DS9du02l.js';
4
- import { precompileTemplate } from '@ember/template-compilation';
5
- import { setComponentTemplate } from '@ember/component';
6
- import templateOnly from '@ember/component/template-only';
7
-
8
- const TextInput = setComponentTemplate(precompileTemplate("\n <input class={{styles.input}} type=\"text\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes />\n", {
9
- strictMode: true,
10
- scope: () => ({
11
- styles,
12
- on,
13
- pick
14
- })
15
- }), templateOnly());
16
-
17
- export { TextInput as default };
1
+ export { T as default } from '../text-input-CK-yGbI5.js';
18
2
  //# sourceMappingURL=text-input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.js","sources":["../../src/components/text-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface TextInputSignature {\n Element: HTMLInputElement;\n Args: InputArgs<string>;\n}\n\nconst TextInput: TOC<TextInputSignature> = <template>\n <input\n class={{styles.input}}\n type=\"text\"\n value={{@value}}\n disabled={{@disabled}}\n data-test-input\n {{on \"input\" (pick \"target.value\" @update) capture=true}}\n ...attributes\n />\n</template>;\n\nexport default TextInput;\n"],"names":["TextInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;AAcA,MAAMA,SAAe,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,0LAAA,EAU3C;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
1
+ {"version":3,"file":"text-input.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,22 @@
1
+ import { on } from '@ember/modifier';
2
+ import styles from '@hokulea/core/controls.module.css';
3
+ import { p as pick } from './helpers-DS9du02l.js';
4
+ import { p as pickAsNumber } from './-input-DGR-n9U_.js';
5
+ import { I as InputBuilder } from './input-builder-DmcQbywA.js';
6
+ import { precompileTemplate } from '@ember/template-compilation';
7
+ import { setComponentTemplate } from '@ember/component';
8
+ import templateOnly from '@ember/component/template-only';
9
+
10
+ const CurrencyInput = setComponentTemplate(precompileTemplate("\n <InputBuilder @disabled={{@disabled}} as |b|>\n <input class=\"{{styles.input}} {{styles.currency}}\" type=\"text\" inputmode=\"decimal\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}} ...attributes />\n <b.Affix>\u20AC</b.Affix>\n </InputBuilder>\n", {
11
+ strictMode: true,
12
+ scope: () => ({
13
+ InputBuilder,
14
+ styles,
15
+ on,
16
+ pick,
17
+ pickAsNumber
18
+ })
19
+ }), templateOnly());
20
+
21
+ export { CurrencyInput as C };
22
+ //# sourceMappingURL=currency-input-8ef0Igfb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"currency-input-8ef0Igfb.js","sources":["../src/components/controls/currency-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../../-private/helpers.ts';\nimport { pickAsNumber } from './-input.ts';\nimport { InputBuilder } from './input-builder.gts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface CurrencyInputSignature {\n Element: HTMLInputElement;\n Args: InputArgs<number>;\n}\n\nexport const CurrencyInput: TOC<CurrencyInputSignature> = <template>\n <InputBuilder @disabled={{@disabled}} as |b|>\n <input\n class=\"{{styles.input}} {{styles.currency}}\"\n type=\"text\"\n inputmode=\"decimal\"\n value={{@value}}\n disabled={{@disabled}}\n data-test-input\n {{on \"input\" (pick \"target.value\" (pickAsNumber @update)) capture=true}}\n ...attributes\n />\n <b.Affix>€</b.Affix>\n </InputBuilder>\n</template>;\n"],"names":["CurrencyInput","setComponentTemplate","precompileTemplate","strictMode","scope","InputBuilder","styles","on","pick","pickAsNumber","templateOnly"],"mappings":";;;;;;;;;MAgBaA,aAAmB,GAAAC,oBAAA,CAA0BC,kBAAA,CAAA,4VAAA,EAc1D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,MAAA;IAAAC,EAAA;IAAAC,IAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -0,0 +1,18 @@
1
+ import { on } from '@ember/modifier';
2
+ import styles from '@hokulea/core/controls.module.css';
3
+ import { p as pick } from './helpers-DS9du02l.js';
4
+ import { precompileTemplate } from '@ember/template-compilation';
5
+ import { setComponentTemplate } from '@ember/component';
6
+ import templateOnly from '@ember/component/template-only';
7
+
8
+ const DateInput = setComponentTemplate(precompileTemplate("\n <input class={{styles.input}} type=\"date\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes />\n", {
9
+ strictMode: true,
10
+ scope: () => ({
11
+ styles,
12
+ on,
13
+ pick
14
+ })
15
+ }), templateOnly());
16
+
17
+ export { DateInput as D };
18
+ //# sourceMappingURL=date-input-BayaBuSb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"date-input-BayaBuSb.js","sources":["../src/components/controls/date-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface DateInputSignature {\n Element: HTMLInputElement;\n Args: InputArgs<string>;\n}\n\nexport const DateInput: TOC<DateInputSignature> = <template>\n <input\n class={{styles.input}}\n type=\"date\"\n value={{@value}}\n disabled={{@disabled}}\n data-test-input\n {{on \"input\" (pick \"target.value\" @update) capture=true}}\n ...attributes\n />\n</template>;\n"],"names":["DateInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;MAcaA,SAAe,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,0LAAA,EAUlD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -0,0 +1,18 @@
1
+ import { on } from '@ember/modifier';
2
+ import styles from '@hokulea/core/controls.module.css';
3
+ import { p as pick } from './helpers-DS9du02l.js';
4
+ import { precompileTemplate } from '@ember/template-compilation';
5
+ import { setComponentTemplate } from '@ember/component';
6
+ import templateOnly from '@ember/component/template-only';
7
+
8
+ const EmailInput = setComponentTemplate(precompileTemplate("\n <input class={{styles.input}} type=\"email\" value={{@value}} disabled={{@disabled}} data-test-input {{on \"input\" (pick \"target.value\" @update) capture=true}} ...attributes />\n", {
9
+ strictMode: true,
10
+ scope: () => ({
11
+ styles,
12
+ on,
13
+ pick
14
+ })
15
+ }), templateOnly());
16
+
17
+ export { EmailInput as E };
18
+ //# sourceMappingURL=email-input-j-Z0KO4A.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"email-input-j-Z0KO4A.js","sources":["../src/components/controls/email-input.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport styles from '@hokulea/core/controls.module.css';\n\nimport { pick } from '../../-private/helpers.ts';\n\nimport type { InputArgs } from './-input.ts';\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface EmailInputSignature {\n Element: HTMLInputElement;\n Args: InputArgs<string>;\n}\n\nexport const EmailInput: TOC<EmailInputSignature> = <template>\n <input\n class={{styles.input}}\n type=\"email\"\n value={{@value}}\n disabled={{@disabled}}\n data-test-input\n {{on \"input\" (pick \"target.value\" @update) capture=true}}\n ...attributes\n />\n</template>;\n"],"names":["EmailInput","setComponentTemplate","precompileTemplate","strictMode","scope","styles","on","pick","templateOnly"],"mappings":";;;;;;;MAcaA,UAAgB,GAAAC,oBAAA,CAAuBC,kBAAA,CAAA,2LAAA,EAUpD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -0,0 +1,23 @@
1
+ import { element } from 'ember-element-helper';
2
+ import styles from '@hokulea/core/layouts.module.css';
3
+ import typo from '@hokulea/core/typography.module.css';
4
+ import { o as or } from './helpers-DS9du02l.js';
5
+ import { P as PageDestructor, a as PageElement } from './pages-DgHJEvSy.js';
6
+ import { precompileTemplate } from '@ember/template-compilation';
7
+ import { setComponentTemplate } from '@ember/component';
8
+ import templateOnly from '@ember/component/template-only';
9
+
10
+ const FocusPage = setComponentTemplate(precompileTemplate("\n {{#let (if @element @element (element (pageElement))) as |Element|}}\n <Element class={{styles.focusPage}} {{pageDestructor}} ...attributes data-test-page>\n {{#if (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))}}\n <header class={{styles.pageContent}}>\n <h1 class={{typo.display}}>\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else if @title}}\n {{@title}}\n {{/if}}\n </h1>\n\n {{#if (or (has-block \"description\") @description)}}\n <p>\n {{#if (has-block \"description\")}}\n {{yield to=\"description\"}}\n {{else if @description}}\n {{@description}}\n {{/if}}\n </p>\n {{/if}}\n </header>\n {{/if}}\n\n <div class=\"{{styles.pageContent}} {{styles.flow}}\" part=\"content\">\n {{#if (has-block \"content\")}}\n {{yield to=\"content\"}}\n {{else if (has-block)}}\n {{yield}}\n {{/if}}\n </div>\n </Element>\n {{/let}}\n", {
11
+ strictMode: true,
12
+ scope: () => ({
13
+ element,
14
+ pageElement: PageElement,
15
+ styles,
16
+ pageDestructor: PageDestructor,
17
+ or,
18
+ typo
19
+ })
20
+ }), templateOnly());
21
+
22
+ export { FocusPage as F };
23
+ //# sourceMappingURL=focus-page-B9myJVvL.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"focus-page-B9myJVvL.js","sources":["../src/components/layouts/focus-page.gts"],"sourcesContent":["import { element } from 'ember-element-helper';\n\n// eslint-disable-next-line import-x/no-duplicates\nimport styles from '@hokulea/core/layouts.module.css';\n// eslint-disable-next-line import-x/no-duplicates\nimport typo from '@hokulea/core/typography.module.css';\n\nimport { or } from '../../-private/helpers.ts';\nimport { pageDestructor, pageElement } from './pages.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\ninterface FocusPageSignature {\n Element: HTMLElement;\n Args: {\n title?: string;\n description?: string;\n element?: ComponentLike<{ Element: HTMLElement; Blocks: { default: [] } }>;\n };\n Blocks: {\n title?: [];\n description?: [];\n content?: [];\n default?: [];\n };\n}\n\nexport const FocusPage: TOC<FocusPageSignature> = <template>\n {{#let (if @element @element (element (pageElement))) as |Element|}}\n <Element class={{styles.focusPage}} {{pageDestructor}} ...attributes data-test-page>\n {{#if\n (or @title @description (has-block \"title\") (has-block \"description\") (has-block \"nav\"))\n }}\n <header class={{styles.pageContent}}>\n <h1 class={{typo.display}}>\n {{#if (has-block \"title\")}}\n {{yield to=\"title\"}}\n {{else if @title}}\n {{@title}}\n {{/if}}\n </h1>\n\n {{#if (or (has-block \"description\") @description)}}\n <p>\n {{#if (has-block \"description\")}}\n {{yield to=\"description\"}}\n {{else if @description}}\n {{@description}}\n {{/if}}\n </p>\n {{/if}}\n </header>\n {{/if}}\n\n <div class=\"{{styles.pageContent}} {{styles.flow}}\" part=\"content\">\n {{#if (has-block \"content\")}}\n {{yield to=\"content\"}}\n {{else if (has-block)}}\n {{yield}}\n {{/if}}\n </div>\n </Element>\n {{/let}}\n</template>;\n"],"names":["FocusPage","setComponentTemplate","precompileTemplate","strictMode","scope","element","pageElement","styles","pageDestructor","or","typo","templateOnly"],"mappings":";;;;;;;;;MA4BaA,SAAe,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,uoCAAA,EAoClD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,OAAA;iBAAAC,WAAA;IAAAC,MAAA;oBAAAC,cAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -9,22 +9,22 @@ import { a as and, b as asBoolean, c as asNumber, d as asString, e as eq } from
9
9
  import { precompileTemplate } from '@ember/template-compilation';
10
10
  import { setComponentTemplate } from '@ember/component';
11
11
  import templateOnly from '@ember/component/template-only';
12
- import Icon from './components/icon.js';
12
+ import { I as Icon } from './icon-bLZqjTMP.js';
13
13
  import { g, i } from 'decorator-transforms/runtime-esm';
14
- import Checkbox from './components/checkbox.js';
14
+ import { C as Checkbox } from './checkbox-D4vALmT2.js';
15
15
  import { modifier } from 'ember-modifier';
16
- import CurrencyInput from './components/currency-input.js';
17
- import DateInput from './components/date-input.js';
18
- import EmailInput from './components/email-input.js';
19
- import List from './components/list.js';
20
- import NumberInput from './components/number-input.js';
21
- import PasswordInput from './components/password-input.js';
22
- import PhoneInput from './components/phone-input.js';
23
- import RangeInput from './components/range-input.js';
24
- import Select from './components/select.js';
25
- import Radio from './components/radio.js';
26
- import TextInput from './components/text-input.js';
27
- import TextArea from './components/text-area.js';
16
+ import { C as CurrencyInput } from './currency-input-8ef0Igfb.js';
17
+ import { D as DateInput } from './date-input-BayaBuSb.js';
18
+ import { E as EmailInput } from './email-input-j-Z0KO4A.js';
19
+ import { L as List } from './list-CsLvih6-.js';
20
+ import { N as NumberInput } from './number-input-B84zcPlM.js';
21
+ import { P as PasswordInput } from './password-input-BMp5uscw.js';
22
+ import { P as PhoneInput } from './phone-input-DeaTM5yP.js';
23
+ import { R as RangeInput } from './range-input-BiAPgpW8.js';
24
+ import { S as Select } from './select-DxyaUFuy.js';
25
+ import { R as Radio } from './radio-CGBLrzK4.js';
26
+ import { T as TextInput } from './text-input-CK-yGbI5.js';
27
+ import { T as TextArea } from './text-area-55_E1zv8.js';
28
28
  import styles$1 from '@hokulea/core/actions.module.css';
29
29
  import { d as disabled } from './disabled-B_FQ0Z51.js';
30
30
 
@@ -515,4 +515,4 @@ class Form extends Component {
515
515
  }
516
516
 
517
517
  export { Form as F };
518
- //# sourceMappingURL=form-DBuzL4_0.js.map
518
+ //# sourceMappingURL=form-DWyQ6QHX.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"form-DWyQ6QHX.js","sources":["../src/components/form/description.gts","../src/components/form/errors.gts","../src/components/form/label.gts","../src/components/form/rules.gts","../src/components/form/field.gts","../src/components/form/manage-validation.ts","../src/components/form/fields/checkbox.gts","../src/components/form/fields/currency.gts","../src/components/form/fields/date.gts","../src/components/form/fields/email.gts","../src/components/form/fields/list.gts","../src/components/form/fields/multiple-choice.gts","../src/components/form/fields/number.gts","../src/components/form/fields/password.gts","../src/components/form/fields/phone.gts","../src/components/form/fields/range.gts","../src/components/form/fields/select.gts","../src/components/form/fields/singular-choice.gts","../src/components/form/fields/text.gts","../src/components/form/fields/text-area.gts","../src/components/form/reset.gts","../src/components/form/submit.gts","../src/components/form/form.gts"],"sourcesContent":["import styles from '@hokulea/core/forms.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface DescriptionSignature {\n Element: HTMLParagraphElement;\n Blocks: {\n default: [];\n };\n}\n\nexport const Description: TOC<DescriptionSignature> = <template>\n <p class={{styles.description}} data-test-description ...attributes>\n {{yield}}\n </p>\n</template>;\n","import styles from '@hokulea/core/forms.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\n// import Icon from '../../../components/icon';\nimport type { Issue } from '@hokulea/ember-pahu';\n\nexport interface ErrorsSignature {\n Element: HTMLDivElement;\n Args: {\n // the following are private arguments curried by the component helper, so users will never have to use those\n\n /*\n * @internal\n */\n errors: Issue[];\n\n /*\n * @internal\n */\n id: string;\n };\n Blocks: {\n default?: [Issue[]];\n };\n}\n\nexport const Errors: TOC<ErrorsSignature> = <template>\n <div id={{@id}} aria-live=\"assertive\" class={{styles.errors}} ...attributes>\n {{! <span><Icon @icon='dismiss-circle' @style='filled' /></span> }}\n {{#if (has-block)}}\n {{yield @errors}}\n {{else}}\n <div>\n {{#each @errors as |e|}}\n {{#if e.message}}\n <p\n data-test-error\n data-test-error-type=\"{{e.type}}\"\n data-test-error-value=\"{{e.value}}\"\n >{{e.message}}</p>\n {{/if}}\n {{/each}}\n </div>\n {{/if}}\n </div>\n</template>;\n","import { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/forms.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface LabelSignature {\n Element: HTMLLabelElement;\n Args: {\n element?: ComponentLike<{ Element: HTMLElement }>;\n };\n Blocks: {\n default: [];\n };\n}\n\nexport const Label: TOC<LabelSignature> = <template>\n {{#let (if @element @element (element \"label\")) as |Element|}}\n <Element class={{styles.label}} data-test-label ...attributes>\n {{yield}}\n </Element>\n {{/let}}\n</template>;\n","import Component from '@glimmer/component';\n\nimport styles from '@hokulea/core/forms.module.css';\n\nimport { Icon } from '../graphics/icon.gts';\n\nimport type Owner from '@ember/owner';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { Issue } from '@hokulea/ember-pahu';\n\nconst ErrorIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\"\nheight=\"256\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"M208.49\n191.51a12 12 0 0 1-17 17L128 145l-63.51 63.49a12 12 0 0 1-17-17L111 128L47.51\n64.49a12 12 0 0 1 17-17L128 111l63.51-63.52a12 12 0 0 1 17 17L145\n128Z\"/></svg>`;\nconst ValidIcon = `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"256\"\nheight=\"256\" viewBox=\"0 0 256 256\"><path fill=\"currentColor\" d=\"m232.49\n80.49l-128 128a12 12 0 0 1-17 0l-56-56a12 12 0 1 1 17-17L96 183L215.51 63.51a12\n12 0 0 1 17 17Z\"/></svg>`;\n\ninterface RuleSignature {\n Args: {\n key: string;\n value: unknown;\n errors?: Issue[];\n };\n Blocks: {\n default: [];\n };\n}\n\nclass Rule extends Component<RuleSignature> {\n isInvalid = () => {\n return this.args.errors?.some(\n (i) => this.args.key in i && i[this.args.key] === this.args.value\n );\n };\n\n <template>\n <p data-test-rule data-test-rule-invalid={{(this.isInvalid)}}>\n <Icon\n @icon={{if (this.isInvalid) ErrorIcon ValidIcon}}\n data-invalid={{(this.isInvalid)}}\n data-icon\n />\n\n <span>{{yield}}</span>\n </p>\n </template>\n}\n\nexport interface RulesBlock {\n rules: [WithBoundArgs<typeof Rule, 'errors'>];\n}\n\nexport interface RulesSignature {\n Element: HTMLDivElement;\n Args: {\n useRules: (useRules: boolean) => void;\n\n /*\n * @internal\n */\n errors: Issue[];\n\n /*\n * @internal\n */\n id: string;\n };\n Blocks: {\n default: [WithBoundArgs<typeof Rule, 'errors'>];\n };\n}\n\nexport class Rules extends Component<RulesSignature> {\n constructor(owner: Owner, args: RulesSignature['Args']) {\n super(owner, args);\n\n args.useRules(true);\n }\n\n <template>\n <div id={{@id}} aria-live=\"assertive\" class={{styles.rules}} ...attributes>\n {{yield (component Rule errors=@errors)}}\n </div>\n </template>\n}\n","import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { hash, uniqueId } from '@ember/helper';\nimport { next } from '@ember/runloop';\n\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/forms.module.css';\n\nimport { and } from '../../-private/helpers.ts';\nimport { Description } from './description.gts';\nimport { Errors } from './errors.gts';\nimport { Label } from './label.gts';\nimport { Rules } from './rules.gts';\n\nimport type { LabelSignature } from './label.gts';\nimport type { AttrValue, ComponentLike, WithBoundArgs } from '@glint/template';\nimport type {\n FieldAPI,\n FieldConfig,\n FieldNames,\n FieldValue,\n FormAPI,\n Issue,\n UserData\n} from '@hokulea/ember-pahu';\n\nexport type BoundField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> = WithBoundArgs<typeof Field<DATA, NAME, VALUE>, 'form'>;\n\nexport type FieldArgs<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> = FieldConfig<DATA, NAME, VALUE> & {\n /**\n * The label for your field.\n *\n * Alternatively you can use `<:label>` block for more fine-control (which\n * takes precendence if both are given)\n */\n label: string;\n\n /**\n * The description for your field.\n *\n * Alternatively you can use `<:description>` block for more fine-control (which\n * takes precendence if both are given)\n */\n description?: string;\n};\n\nexport interface FieldBlock<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n /**\n * The field's current value.\n *\n * If you don't use one of the supplied control components, then use this to pass the value to your custom component.\n */\n value?: FieldValue<DATA, NAME, VALUE>;\n\n /**\n * Action to update the (internal) form data for this field.\n *\n * If you don't use one of the supplied control components, then use this to update the value whenever your custom component's value has changed.\n */\n setValue: (value: FieldValue<DATA, NAME, VALUE>) => void;\n\n /**\n * Unique ID of this field, used to associate the control with its label.\n *\n * If you don't use the supplied components, then you can use this as the `id` of the control and the `for` attribute of the `<label>`.\n */\n id: string;\n\n /**\n * Unique error ID of this field, used to associate the control with its validation error message.\n *\n * If you don't use the supplied components, then you can use this as the `id` of the validation error element and the `aria-errormessage` or `aria-describedby` attribute of the control.\n */\n errorId: string;\n\n /**\n * Will be `true` when validation was triggered and this field is invalid.\n *\n * You can use this to customize your markup, e.g. apply HTML classes for error styling.\n */\n invalid: boolean;\n\n registerElement: FieldAPI<DATA, NAME, VALUE>['registerElement'];\n\n showErrors: boolean;\n\n /**\n * An array of raw ValidationError objects, for custom rendering of error output\n */\n issues: Issue[];\n\n /**\n * When calling this action, validation will be triggered.\n *\n * Can be used for custom controls that don't emit the `@validateOn` events that would normally trigger a dynamic validation.\n */\n validate: FieldAPI<DATA, NAME, VALUE>['validate'];\n\n Rules: WithBoundArgs<typeof Rules, 'useRules' | 'errors' | 'id'>;\n}\n\nexport type MultipleFieldBlock<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> = Omit<FieldBlock<DATA, NAME, VALUE>, 'value' | 'setValue'> & {\n /**\n * The current value of the field's form data.\n *\n * If you don't use one of the supplied control components, then use this to pass the value to your custom component.\n */\n value?: FieldValue<DATA, NAME, VALUE>[];\n\n /**\n * Action to update the (internal) form data for this field.\n *\n * If you don't use one of the supplied control components, then use this to update the value whenever your custom component's value has changed.\n */\n setValue: (value: FieldValue<DATA, NAME, VALUE>[]) => void;\n};\n\nexport interface FieldSignature<\n DATA extends UserData,\n NAME extends string,\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: HTMLDivElement;\n Args: Omit<FieldArgs<DATA, NAME, VALUE>, 'element'> & {\n /** @internal */\n form: FormAPI<DATA>;\n\n /** @internal */\n element?: ComponentLike<{ Element: HTMLElement; Blocks: { default: [] } }>;\n\n /** @internal */\n labelComponent?: ComponentLike<LabelSignature>;\n\n showErrors?: boolean;\n };\n Blocks: {\n default: [FieldBlock<DATA, NAME, VALUE>];\n };\n}\n\nexport class Field<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<FieldSignature<DATA, NAME, VALUE>> {\n @tracked rulesUsed = false;\n #field?: FieldAPI<DATA, NAME, VALUE>;\n\n get validateOn() {\n return this.rulesUsed ? 'input' : this.args.validateOn;\n }\n\n get revalidateOn() {\n return this.rulesUsed ? 'input' : this.args.revalidateOn;\n }\n\n createOrUpdateField = (config: FieldConfig<DATA, NAME, VALUE>): FieldAPI<DATA, NAME, VALUE> => {\n const filteredConfig = Object.fromEntries(\n Object.entries(config).filter(([_, v]) => v !== undefined)\n ) as FieldConfig<DATA, NAME, VALUE>;\n\n if (this.#field) {\n this.#field.updateConfig(filteredConfig);\n } else {\n this.#field = this.args.form.createField<NAME, VALUE>(filteredConfig);\n }\n\n return this.#field;\n };\n\n useRules = (useRules: boolean) => {\n // eslint-disable-next-line ember/no-runloop\n next(async () => {\n this.rulesUsed = useRules;\n\n if (useRules) {\n await this.#field?.validate();\n }\n });\n };\n\n get showErrors() {\n return !this.rulesUsed && this.args.showErrors !== false;\n }\n\n <template>\n {{#let\n (uniqueId)\n (uniqueId)\n (if @element @element (element \"div\"))\n (this.createOrUpdateField\n name=@name\n ignoreNativeValidation=@ignoreNativeValidation\n linkedField=@linkedField\n validateOn=this.validateOn\n revalidateOn=this.revalidateOn\n validate=@validate\n validated=@validated\n value=@value\n )\n (component Rules useRules=this.useRules)\n as |fieldId errorId Element field WiredRules|\n }}\n <Element class={{styles.field}} data-test-field={{@name}}>\n {{#if @label}}\n {{#let (if @labelComponent @labelComponent Label) as |L|}}\n <L for={{unless @labelComponent fieldId}}>{{@label}}</L>\n {{/let}}\n {{/if}}\n\n {{#if @description}}\n <Description>{{@description}}</Description>\n {{/if}}\n\n {{yield\n (hash\n value=field.value\n setValue=field.setValue\n id=fieldId\n errorId=errorId\n invalid=field.invalid\n registerElement=field.registerElement\n issues=field.issues\n validate=field.validate\n showErrors=this.showErrors\n Rules=(component WiredRules id=errorId errors=field.issues)\n )\n }}\n\n {{#if (and this.showErrors field.issues)}}\n <Errors @id={{errorId}} @errors={{field.issues}} />\n {{/if}}\n </Element>\n {{/let}}\n </template>\n}\n","import { modifier } from 'ember-modifier';\n\nexport interface NamedOptions {\n /** @internal */\n invalid: boolean;\n\n /** @internal */\n errorMessageId: string;\n\n /** @internal */\n showErrors?: boolean;\n}\n\ntype ValidationElements =\n | HTMLInputElement\n | HTMLSelectElement\n | HTMLTextAreaElement\n | HTMLDivElement;\n\nexport const manageValidation = modifier(\n (element: ValidationElements, _: [], { showErrors, invalid, errorMessageId }: NamedOptions) => {\n if (showErrors !== false) {\n element.ariaInvalid = invalid ? 'true' : 'false';\n\n if (invalid) {\n element.setAttribute('aria-errormessage', errorMessageId);\n } else {\n element.removeAttribute('aria-errormessage');\n }\n\n if (element.parentElement && 'inputBuilder' in element.parentElement.dataset) {\n element.parentElement.dataset.invalid = invalid ? 'true' : 'false';\n }\n }\n\n return;\n }\n);\n","import Component from '@glimmer/component';\n\nimport styles from '@hokulea/core/forms.module.css';\n\nimport { asBoolean } from '../../../-private/helpers.ts';\nimport { Checkbox } from '../../controls/checkbox.gts';\nimport { Description } from '../description.gts';\nimport { Label } from '../label.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { CheckboxSignature } from '../../controls/checkbox.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface CheckboxFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: CheckboxSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<CheckboxSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n}\n\nexport class CheckboxField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<CheckboxFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setBooleanValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: boolean) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @label=\"\"\n @name={{@name}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <div class={{styles.choices}}>\n <div class={{styles.choice}}>\n <span>\n <Checkbox\n @value={{asBoolean f.value}}\n @update={{this.setBooleanValue f.setValue}}\n @disabled={{@disabled}}\n id={{f.id}}\n name={{@name}}\n {{f.registerElement}}\n {{manageValidation\n errorMessageId=f.errorId\n invalid=f.invalid\n showErrors=f.showErrors\n }}\n ...attributes\n />\n </span>\n\n <div>\n <Label for={{f.id}}>{{@label}}</Label>\n\n {{#if @description}}\n <Description>{{@description}}</Description>\n {{/if}}\n </div>\n </div>\n </div>\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asNumber } from '../../../-private/helpers.ts';\nimport { CurrencyInput } from '../../controls/currency-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { CurrencyInputSignature } from '../../controls/currency-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface CurrencyFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: CurrencyInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<CurrencyInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n}\n\nexport class CurrencyField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<CurrencyFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setNumberValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: number) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <CurrencyInput\n @value={{asNumber f.value}}\n @update={{this.setNumberValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { DateInput } from '../../controls/date-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { DateInputSignature } from '../../controls/date-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface DateFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: DateInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<DateInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n}\n\nexport class DateField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<DateFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <DateInput\n @value={{asString f.value}}\n @update={{this.setStringValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { EmailInput } from '../../controls/email-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { EmailInputSignature } from '../../controls/email-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface EmailFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: EmailInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<EmailInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n}\n\nexport class EmailField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<EmailFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <EmailInput\n @value={{asString f.value}}\n @update={{this.setStringValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\nimport { uniqueId } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\n\nimport { List } from '../../controls/list.gts';\nimport { Label } from '../label.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { ListSignature } from '../../controls/list.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { TOC } from '@ember/component/template-only';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\ninterface ListLabelSignature {\n Element: HTMLLabelElement;\n Args: {\n id: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst ListLabel: TOC<ListLabelSignature> = <template>\n <Label @element={{element \"span\"}} id={{@id}}>{{yield}}</Label>\n</template>;\n\nexport interface ListFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: ListSignature<FieldValue<DATA, NAME, VALUE>>['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<ListSignature<FieldValue<DATA, NAME, VALUE>>['Args'], 'selection' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n Blocks: ListSignature<FieldValue<DATA, NAME, VALUE>>['Blocks'];\n}\n\nexport class ListField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<ListFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n List = List<FieldValue<DATA, NAME, VALUE>>;\n\n setValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: FieldValue<DATA, NAME, VALUE> | FieldValue<DATA, NAME, VALUE>[]) =>\n setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n asValue = (value: unknown) => value as FieldValue<DATA, NAME, VALUE>;\n\n <template>\n {{#let (uniqueId) as |labelId|}}\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @labelComponent={{component ListLabel id=labelId}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <this.List\n @value={{this.asValue f.value}}\n @update={{this.setValue f.setValue}}\n @disabled={{@disabled}}\n {{!-- name={{@name}} --}}\n aria-labelledby={{labelId}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid}}\n ...attributes\n as |s|\n >\n {{yield s}}\n </this.List>\n </this.Field>\n {{/let}}\n </template>\n}\n","import Component from '@glimmer/component';\nimport { hash, uniqueId } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/forms.module.css';\n\nimport { Checkbox } from '../../controls/checkbox.gts';\nimport { Description } from '../description.gts';\nimport { Errors } from '../errors.gts';\nimport { Label } from '../label.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { RadioSignature } from '../../controls/radio.gts';\nimport type { BoundField, FieldArgs, FieldBlock, MultipleFieldBlock } from '../field';\nimport type { AttrValue, WithBoundArgs } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface OptionSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: RadioSignature['Element'];\n Args: {\n value: string;\n label: string;\n description?: string;\n\n /** @internal */\n name: string;\n\n /** @internal */\n disabled?: boolean;\n\n /** @internal */\n field: MultipleFieldBlock<DATA, NAME, VALUE>;\n };\n Blocks: {\n default: [];\n };\n}\n\nclass Option<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<OptionSignature<DATA, NAME, VALUE>> {\n select = (checked: boolean) => {\n if (checked) {\n this.args.field.setValue([...(this.args.field.value ?? []), this.args.value] as FieldValue<\n DATA,\n NAME,\n VALUE\n >[]);\n } else {\n const values = this.args.field.value;\n const index = this.args.field.value?.indexOf(\n this.args.value as FieldValue<DATA, NAME, VALUE>\n );\n\n if (Array.isArray(values) && index) {\n values.splice(index, 1);\n\n this.args.field.setValue(values);\n }\n }\n };\n\n get checked() {\n return this.args.field.value?.includes(this.args.value as FieldValue<DATA, NAME, VALUE>);\n }\n\n get issues() {\n return this.args.field.issues.filter((i) => 'value' in i && i.value === this.args.value);\n }\n\n get invalid() {\n return this.issues.length > 0;\n }\n\n <template>\n {{#let (uniqueId) (uniqueId) as |id errorId|}}\n <div class={{styles.choice}} data-test-option>\n <span>\n <Checkbox\n @value={{this.checked}}\n @update={{this.select}}\n @disabled={{@disabled}}\n id={{id}}\n name={{@name}}\n value={{@value}}\n {{@field.registerElement}}\n {{manageValidation errorMessageId=errorId invalid=this.invalid}}\n ...attributes\n />\n </span>\n\n <div>\n <Label for={{id}}>{{@label}}</Label>\n\n {{#if @description}}\n <Description>{{@description}}</Description>\n {{/if}}\n\n {{yield}}\n\n {{#if this.issues}}\n <Errors @id={{errorId}} @errors={{this.issues}} />\n {{/if}}\n\n </div>\n </div>\n {{/let}}\n </template>\n}\n\nexport interface MultipleChoiceFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Args: FieldArgs<DATA, NAME, VALUE> & {\n disabled?: boolean;\n Field: BoundField<DATA, NAME, VALUE>;\n };\n Blocks: {\n default: [\n {\n Option: WithBoundArgs<typeof Option<DATA, NAME, VALUE>, 'field' | 'name'>;\n }\n ];\n };\n}\n\nexport class MultipleChoiceField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<MultipleChoiceFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n Option = Option<DATA, NAME, VALUE>;\n\n asMultiField = (field: FieldBlock<DATA, NAME, VALUE>) => {\n return field as MultipleFieldBlock<DATA, NAME, VALUE>;\n };\n\n <template>\n <this.Field\n @element={{element \"fieldset\"}}\n @showErrors={{false}}\n @labelComponent={{component Label element=(element \"legend\")}}\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <div class={{styles.choices}} data-test-choices>\n {{yield\n (hash\n Option=(component this.Option field=(this.asMultiField f) name=@name disabled=@disabled)\n )\n }}\n </div>\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asNumber } from '../../../-private/helpers.ts';\nimport { NumberInput } from '../../controls/number-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { NumberInputSignature } from '../../controls/number-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface NumberFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: NumberInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<NumberInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n}\n\nexport class NumberField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<NumberFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setNumberValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: number) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <NumberInput\n @value={{asNumber f.value}}\n @update={{this.setNumberValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { PasswordInput } from '../../controls/password-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { PasswordInputSignature } from '../../controls/password-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { RulesBlock } from '../rules.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface PasswordFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: PasswordInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<PasswordInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n Blocks: RulesBlock;\n}\n\nexport class PasswordField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<PasswordFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <PasswordInput\n @value={{asString f.value}}\n @update={{this.setStringValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n\n {{#if (has-block \"rules\")}}\n <f.Rules as |Rule|>\n {{yield Rule to=\"rules\"}}\n </f.Rules>\n {{/if}}\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { PhoneInput } from '../../controls/phone-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { PhoneInputSignature } from '../../controls/phone-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { RulesBlock } from '../rules.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface PhoneFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: PhoneInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<PhoneInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n Blocks: RulesBlock;\n}\n\nexport class PhoneField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<PhoneFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <PhoneInput\n @value={{asString f.value}}\n @update={{this.setStringValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n\n {{#if (has-block \"rules\")}}\n <f.Rules as |Rule|>\n {{yield Rule to=\"rules\"}}\n </f.Rules>\n {{/if}}\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asNumber } from '../../../-private/helpers.ts';\nimport { RangeInput } from '../../controls/range-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { RangeInputSignature } from '../../controls/range-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface RangeFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: RangeInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<RangeInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n}\n\nexport class RangeField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<RangeFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setNumberValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: number) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <RangeInput\n @value={{asNumber f.value}}\n @update={{this.setNumberValue f.setValue}}\n @disabled={{@disabled}}\n @orientation={{@orientation}}\n @min={{@min}}\n @max={{@max}}\n @step={{@step}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { Select } from '../../controls/select.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { SelectSignature, Value } from '../../controls/select.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface SelectFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: SelectSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<SelectSignature['Args'], 'selection' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n Blocks: SelectSignature['Blocks'];\n}\n\nexport class SelectField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<SelectFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: Value | Value[]) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <Select\n @value={{asString f.value}}\n @update={{this.setValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n as |s|\n >\n {{yield s}}\n </Select>\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\nimport { hash, uniqueId } from '@ember/helper';\n\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/forms.module.css';\n\nimport { eq } from '../../../-private/helpers.ts';\nimport { Radio } from '../../controls/radio.gts';\nimport { Description } from '../description.gts';\nimport { Label } from '../label.gts';\n\nimport type { RadioSignature } from '../../controls/radio.gts';\nimport type { BoundField, FieldArgs, FieldBlock } from '../field';\nimport type { AttrValue, WithBoundArgs } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface OptionSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: RadioSignature['Element'];\n Args: {\n value: string;\n label: string;\n description?: string;\n\n /** @internal */\n name: string;\n\n /** @internal */\n disabled?: boolean;\n\n /** @internal */\n field: FieldBlock<DATA, NAME, VALUE>;\n };\n Blocks: {\n default: [];\n };\n}\n\nclass Option<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<OptionSignature<DATA, NAME, VALUE>> {\n select = () => {\n this.args.field.setValue(this.args.value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n {{#let (uniqueId) as |id|}}\n <div class={{styles.choice}} data-test-option>\n <span>\n <Radio\n @value={{eq @field.value @value}}\n @update={{this.select}}\n @disabled={{@disabled}}\n id={{id}}\n name={{@name}}\n value={{@value}}\n {{@field.registerElement}}\n ...attributes\n />\n </span>\n\n <div>\n <Label for={{id}}>{{@label}}</Label>\n\n {{#if @description}}\n <Description>{{@description}}</Description>\n {{/if}}\n\n {{yield}}\n </div>\n </div>\n {{/let}}\n </template>\n}\n\nexport interface SingularChoiceFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Args: FieldArgs<DATA, NAME, VALUE> & {\n disabled?: boolean;\n Field: BoundField<DATA, NAME, VALUE>;\n };\n Blocks: {\n default: [\n {\n Option: WithBoundArgs<typeof Option<DATA, NAME, VALUE>, 'field' | 'name'>;\n }\n ];\n };\n}\n\nexport class SingularChoiceField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<SingularChoiceFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n Option = Option<DATA, NAME, VALUE>;\n\n <template>\n <this.Field\n @element={{element \"fieldset\"}}\n @labelComponent={{component Label element=(element \"legend\")}}\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <div class={{styles.choices}} data-test-choices>\n {{yield (hash Option=(component this.Option field=f name=@name disabled=@disabled))}}\n </div>\n </this.Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { TextInput } from '../../controls/text-input.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { TextInputSignature } from '../../controls/text-input.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { RulesBlock } from '../rules.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface TextFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: TextInputSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<TextInputSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n Blocks: RulesBlock;\n}\n\nexport class TextField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<TextFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <@Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <TextInput\n @value={{asString f.value}}\n @update={{this.setStringValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n\n {{#if (has-block \"rules\")}}\n <f.Rules as |Rule|>\n {{yield Rule to=\"rules\"}}\n </f.Rules>\n {{/if}}\n </@Field>\n </template>\n}\n","import Component from '@glimmer/component';\n\nimport { asString } from '../../../-private/helpers.ts';\nimport { TextArea } from '../../controls/text-area.gts';\nimport { manageValidation } from '../manage-validation.ts';\n\nimport type { TextAreaSignature } from '../../controls/text-area.gts';\nimport type { BoundField, FieldArgs } from '../field.gts';\nimport type { AttrValue } from '@glint/template';\nimport type { FieldNames, FieldValue, UserData } from '@hokulea/ember-pahu';\n\nexport interface TextAreaFieldSignature<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> {\n Element: TextAreaSignature['Element'];\n Args: FieldArgs<DATA, NAME, VALUE> &\n Omit<TextAreaSignature['Args'], 'value' | 'update'> & {\n Field: BoundField<DATA, NAME, VALUE>;\n };\n}\n\nexport class TextAreaField<\n DATA extends UserData,\n NAME extends string = FieldNames<DATA> | (string & {}),\n VALUE = NAME extends keyof DATA ? DATA[NAME] : AttrValue\n> extends Component<TextAreaFieldSignature<DATA, NAME, VALUE>> {\n Field = this.args.Field;\n\n setStringValue = (setValue: (value: FieldValue<DATA, NAME, VALUE>) => void) => {\n return (value: string) => setValue(value as FieldValue<DATA, NAME, VALUE>);\n };\n\n <template>\n <this.Field\n @name={{@name}}\n @label={{@label}}\n @description={{@description}}\n @value={{@value}}\n @ignoreNativeValidation={{@ignoreNativeValidation}}\n @validateOn={{@validateOn}}\n @revalidateOn={{@revalidateOn}}\n @validate={{@validate}}\n @validated={{@validated}}\n as |f|\n >\n <TextArea\n @value={{asString f.value}}\n @update={{this.setStringValue f.setValue}}\n @disabled={{@disabled}}\n name={{@name}}\n id={{f.id}}\n {{f.registerElement}}\n {{manageValidation errorMessageId=f.errorId invalid=f.invalid showErrors=f.showErrors}}\n ...attributes\n />\n </this.Field>\n </template>\n}\n","import styles from '@hokulea/core/actions.module.css';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\n\nexport interface ResetSignature {\n Element: HTMLButtonElement;\n Args: {\n intent?: Intent | Intents;\n importance?: Importance | Importances;\n spacing?: Spacing | Spacings;\n disabled?: boolean;\n };\n Blocks: {\n /** The label for the button */\n default: [];\n\n /** The label for the button */\n label: [];\n\n /** A slot in front of the label */\n before: [];\n\n /** A slot after the label */\n after: [];\n };\n}\n\nexport const Reset: TOC<ResetSignature> = <template>\n <button\n type=\"reset\"\n class={{styles.button}}\n data-intent={{if @intent @intent \"action\"}}\n data-importance={{if @importance @importance \"supreme\"}}\n data-spacing={{@spacing}}\n {{disabled when=(if @disabled @disabled false)}}\n data-test-button\n ...attributes\n >\n {{#if (has-block \"before\")}}\n <span data-test-button=\"before\">\n {{yield to=\"before\"}}\n </span>\n {{/if}}\n\n <span data-test-button=\"label\">\n {{#if (has-block \"label\")}}\n {{yield to=\"label\"}}\n {{/if}}\n\n {{#if (has-block)}}\n {{yield}}\n {{/if}}\n </span>\n\n {{#if (has-block \"after\")}}\n <span data-test-button=\"after\">\n {{yield to=\"after\"}}\n </span>\n {{/if}}\n </button>\n</template>;\n","import styles from '@hokulea/core/actions.module.css';\n\nimport disabled from '../../-private/modifiers/disabled.ts';\n\nimport type { TOC } from '@ember/component/template-only';\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\n\nexport interface SubmitSignature {\n Element: HTMLButtonElement;\n Args: {\n intent?: Intent | Intents;\n importance?: Importance | Importances;\n spacing?: Spacing | Spacings;\n disabled?: boolean;\n };\n Blocks: {\n /** The label for the button */\n default: [];\n\n /** The label for the button */\n label: [];\n\n /** A slot in front of the label */\n before: [];\n\n /** A slot after the label */\n after: [];\n };\n}\n\nexport const Submit: TOC<SubmitSignature> = <template>\n <button\n type=\"submit\"\n class={{styles.button}}\n data-intent={{if @intent @intent \"action\"}}\n data-importance={{if @importance @importance \"supreme\"}}\n data-spacing={{@spacing}}\n {{disabled when=(if @disabled @disabled false)}}\n data-test-button\n ...attributes\n >\n {{#if (has-block \"before\")}}\n <span data-test-button=\"before\">\n {{yield to=\"before\"}}\n </span>\n {{/if}}\n\n <span data-test-button=\"label\">\n {{#if (has-block \"label\")}}\n {{yield to=\"label\"}}\n {{/if}}\n\n {{#if (has-block)}}\n {{yield}}\n {{/if}}\n </span>\n\n {{#if (has-block \"after\")}}\n <span data-test-button=\"after\">\n {{yield to=\"after\"}}\n </span>\n {{/if}}\n </button>\n</template>;\n","import Component from '@glimmer/component';\nimport { hash } from '@ember/helper';\n\nimport styles from '@hokulea/core/forms.module.css';\nimport { createForm } from '@hokulea/ember-pahu';\n\nimport { Field } from './field.gts';\nimport { CheckboxField } from './fields/checkbox.gts';\nimport { CurrencyField } from './fields/currency.gts';\nimport { DateField } from './fields/date.gts';\nimport { EmailField } from './fields/email.gts';\nimport { ListField } from './fields/list.gts';\nimport { MultipleChoiceField } from './fields/multiple-choice.gts';\nimport { NumberField } from './fields/number.gts';\nimport { PasswordField } from './fields/password.gts';\nimport { PhoneField } from './fields/phone.gts';\nimport { RangeField } from './fields/range.gts';\nimport { SelectField } from './fields/select.gts';\nimport { SingularChoiceField } from './fields/singular-choice.gts';\nimport { TextField } from './fields/text.gts';\nimport { TextAreaField } from './fields/text-area.gts';\nimport { Reset } from './reset.gts';\nimport { Submit } from './submit.gts';\n\nimport type { BoundField } from './field.gts';\nimport type { WithBoundArgs } from '@glint/template';\nimport type { FormAPI, FormConfig, UserData } from '@hokulea/ember-pahu';\n\nexport interface FormBuilder<DATA extends UserData> {\n Checkbox: WithBoundArgs<typeof CheckboxField<DATA>, 'Field'>;\n Currency: WithBoundArgs<typeof CurrencyField<DATA>, 'Field'>;\n Date: WithBoundArgs<typeof DateField<DATA>, 'Field'>;\n Email: WithBoundArgs<typeof EmailField<DATA>, 'Field'>;\n List: WithBoundArgs<typeof ListField<DATA>, 'Field'>;\n MultipleChoice: WithBoundArgs<typeof MultipleChoiceField<DATA>, 'Field'>;\n Number: WithBoundArgs<typeof NumberField<DATA>, 'Field'>;\n Range: WithBoundArgs<typeof RangeField<DATA>, 'Field'>;\n Password: WithBoundArgs<typeof PasswordField<DATA>, 'Field'>;\n Phone: WithBoundArgs<typeof PhoneField<DATA>, 'Field'>;\n Select: WithBoundArgs<typeof SelectField<DATA>, 'Field'>;\n SingularChoice: WithBoundArgs<typeof SingularChoiceField<DATA>, 'Field'>;\n Text: WithBoundArgs<typeof TextField<DATA>, 'Field'>;\n TextArea: WithBoundArgs<typeof TextAreaField<DATA>, 'Field'>;\n Field: BoundField<DATA>;\n Submit: typeof Submit;\n Reset: typeof Reset;\n\n /**\n * Will be true if at least one form field is invalid.\n */\n invalid: boolean;\n\n /**\n * Yielded action that will trigger form validation and submission, same as when triggering the native `submit` event on the form.\n */\n submit: FormAPI<DATA>['submit'];\n\n /**\n * Yielded action that will reset form state, same as when triggering the native `reset` event on the form.\n */\n reset: FormAPI<DATA>['reset'];\n\n /**\n * Trigger validation on the form\n */\n validate: FormAPI<DATA>['validate'];\n\n /* @TODO: Remove, for debug only */\n form: ReturnType<typeof createForm<DATA>>;\n}\n\nexport interface FormSignature<DATA extends UserData> {\n Element: HTMLFormElement;\n Args: FormConfig<DATA>;\n Blocks: {\n default: [FormBuilder<DATA>];\n };\n}\n\nexport class Form<DATA extends UserData> extends Component<FormSignature<DATA>> {\n Field = Field<DATA>;\n CheckboxField = CheckboxField<DATA>;\n CurrencyField = CurrencyField<DATA>;\n DateField = DateField<DATA>;\n EmailField = EmailField<DATA>;\n ListField = ListField<DATA>;\n MultipleChoiceField = MultipleChoiceField<DATA>;\n NumberField = NumberField<DATA>;\n PasswordField = PasswordField<DATA>;\n PhoneField = PhoneField<DATA>;\n RangeField = RangeField<DATA>;\n SelectField = SelectField<DATA>;\n SingularChoiceField = SingularChoiceField<DATA>;\n TextAreaField = TextAreaField<DATA>;\n TextField = TextField<DATA>;\n\n <template>\n {{#let\n (createForm\n data=@data\n ignoreNativeValidation=@ignoreNativeValidation\n validateOn=@validateOn\n revalidateOn=@revalidateOn\n submit=@submit\n validate=@validate\n validated=@validated\n )\n as |f|\n }}\n <form novalidate class={{styles.form}} data-test-form ...attributes {{f.registerElement}}>\n {{#let (component this.Field form=f) as |WiredField|}}\n {{yield\n (hash\n invalid=f.invalid\n submit=f.submit\n Field=WiredField\n Checkbox=(component this.CheckboxField Field=WiredField)\n Currency=(component this.CurrencyField Field=WiredField)\n Date=(component this.DateField Field=WiredField)\n Email=(component this.EmailField Field=WiredField)\n List=(component this.ListField Field=WiredField)\n MultipleChoice=(component this.MultipleChoiceField Field=WiredField)\n Number=(component this.NumberField Field=WiredField)\n Password=(component this.PasswordField Field=WiredField)\n Phone=(component this.PhoneField Field=WiredField)\n Range=(component this.RangeField Field=WiredField)\n Select=(component this.SelectField Field=WiredField)\n SingularChoice=(component this.SingularChoiceField Field=WiredField)\n TextArea=(component this.TextAreaField Field=WiredField)\n Text=(component this.TextField Field=WiredField)\n Submit=Submit\n Reset=Reset\n form=f\n )\n }}\n {{/let}}\n </form>\n {{/let}}\n </template>\n}\n"],"names":["Description","setComponentTemplate","precompileTemplate","strictMode","scope","styles","templateOnly","Errors","Label","element","ErrorIcon","ValidIcon","Rule","Component","isInvalid","args","errors","some","i","key","value","Icon","Rules","constructor","owner","useRules","Field","g","prototype","tracked","void 0","validateOn","rulesUsed","revalidateOn","createOrUpdateField","config","filteredConfig","Object","fromEntries","entries","filter","_","v","undefined","updateConfig","form","createField","next","validate","showErrors","uniqueId","hash","and","manageValidation","modifier","invalid","errorMessageId","ariaInvalid","setAttribute","removeAttribute","parentElement","dataset","CheckboxField","setBooleanValue","setValue","Checkbox","asBoolean","CurrencyField","setNumberValue","CurrencyInput","asNumber","DateField","setStringValue","DateInput","asString","EmailField","EmailInput","ListLabel","ListField","List","asValue","Option","select","checked","field","values","index","indexOf","Array","isArray","splice","includes","issues","length","MultipleChoiceField","asMultiField","NumberField","NumberInput","PasswordField","PasswordInput","PhoneField","PhoneInput","RangeField","RangeInput","SelectField","Select","Radio","eq","SingularChoiceField","TextField","TextInput","TextAreaField","TextArea","Reset","disabled","Submit","Form","createForm"],"mappings":"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"}
@@ -82,5 +82,5 @@ const popover = helper((_, {
82
82
  };
83
83
  });
84
84
 
85
- export { popover as default };
85
+ export { popover as default, popover };
86
86
  //# sourceMappingURL=popover.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"popover.js","sources":["../../src/helpers/popover.ts"],"sourcesContent":["import { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { uniqueId } from '@ember/helper';\n\nimport { computePosition, flip, type Placement } from '@floating-ui/dom';\nimport { modifier } from 'ember-modifier';\n\ninterface PopoverArgs {\n position?: Placement;\n opened?: () => void;\n closed?: () => void;\n}\n\nclass State {\n @tracked id = uniqueId();\n @tracked opened = false;\n}\n\nconst popover = helper((_, { position, opened, closed }: PopoverArgs) => {\n const state = new State();\n let triggerElement: HTMLElement | undefined;\n let targetElement: HTMLElement | undefined;\n\n return {\n trigger: modifier((element: HTMLElement) => {\n element.setAttribute('popovertarget', state.id);\n triggerElement = element;\n }),\n target: modifier((element: HTMLElement, __, { manual }: { manual?: boolean }) => {\n element.setAttribute('popover', manual ? 'manual' : '');\n targetElement = element;\n\n if (element.id) {\n state.id = element.id;\n } else {\n element.id = state.id;\n }\n\n const toggleHandler = (event: ToggleEvent) => {\n state.opened = event.newState === 'open';\n\n if (event.newState === 'open') {\n if (position && triggerElement) {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n computePosition(triggerElement, element, {\n placement: position,\n middleware: [flip()]\n }).then(({ x, y }): void => {\n Object.assign(element.style, {\n left: `${String(x)}px`,\n top: `${String(y)}px`\n });\n });\n }\n\n opened?.();\n } else if (event.newState === 'closed') {\n closed?.();\n }\n };\n\n element.addEventListener('toggle', toggleHandler);\n\n return () => {\n element.removeEventListener('toggle', toggleHandler);\n };\n }),\n get opened() {\n return state.opened;\n },\n open: () => {\n targetElement?.showPopover();\n },\n close: () => {\n targetElement?.hidePopover();\n }\n };\n});\n\nexport default popover;\n"],"names":["State","g","prototype","tracked","uniqueId","i","void 0","popover","helper","_","position","opened","closed","state","triggerElement","targetElement","trigger","modifier","element","setAttribute","id","target","__","manual","toggleHandler","event","newState","computePosition","placement","middleware","flip","then","x","y","Object","assign","style","left","String","top","addEventListener","removeEventListener","open","showPopover","close","hidePopover"],"mappings":"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"}
1
+ {"version":3,"file":"popover.js","sources":["../../src/helpers/popover.ts"],"sourcesContent":["import { tracked } from '@glimmer/tracking';\nimport { helper } from '@ember/component/helper';\nimport { uniqueId } from '@ember/helper';\n\nimport { computePosition, flip, type Placement } from '@floating-ui/dom';\nimport { modifier } from 'ember-modifier';\n\ninterface PopoverArgs {\n position?: Placement;\n opened?: () => void;\n closed?: () => void;\n}\n\nclass State {\n @tracked id = uniqueId();\n @tracked opened = false;\n}\n\nexport const popover = helper((_, { position, opened, closed }: PopoverArgs) => {\n const state = new State();\n let triggerElement: HTMLElement | undefined;\n let targetElement: HTMLElement | undefined;\n\n return {\n trigger: modifier((element: HTMLElement) => {\n element.setAttribute('popovertarget', state.id);\n triggerElement = element;\n }),\n target: modifier((element: HTMLElement, __, { manual }: { manual?: boolean }) => {\n element.setAttribute('popover', manual ? 'manual' : '');\n targetElement = element;\n\n if (element.id) {\n state.id = element.id;\n } else {\n element.id = state.id;\n }\n\n const toggleHandler = (event: ToggleEvent) => {\n state.opened = event.newState === 'open';\n\n if (event.newState === 'open') {\n if (position && triggerElement) {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n computePosition(triggerElement, element, {\n placement: position,\n middleware: [flip()]\n }).then(({ x, y }): void => {\n Object.assign(element.style, {\n left: `${String(x)}px`,\n top: `${String(y)}px`\n });\n });\n }\n\n opened?.();\n } else if (event.newState === 'closed') {\n closed?.();\n }\n };\n\n element.addEventListener('toggle', toggleHandler);\n\n return () => {\n element.removeEventListener('toggle', toggleHandler);\n };\n }),\n get opened() {\n return state.opened;\n },\n open: () => {\n targetElement?.showPopover();\n },\n close: () => {\n targetElement?.hidePopover();\n }\n };\n});\n\nexport default popover;\n"],"names":["State","g","prototype","tracked","uniqueId","i","void 0","popover","helper","_","position","opened","closed","state","triggerElement","targetElement","trigger","modifier","element","setAttribute","id","target","__","manual","toggleHandler","event","newState","computePosition","placement","middleware","flip","then","x","y","Object","assign","style","left","String","top","addEventListener","removeEventListener","open","showPopover","close","hidePopover"],"mappings":"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"}
@@ -0,0 +1,16 @@
1
+ import { htmlSafe } from '@ember/template';
2
+ import styles from '@hokulea/core/icons.module.css';
3
+ import { precompileTemplate } from '@ember/template-compilation';
4
+ import { setComponentTemplate } from '@ember/component';
5
+ import templateOnly from '@ember/component/template-only';
6
+
7
+ const Icon = setComponentTemplate(precompileTemplate("\n <span class={{styles.icon}} data-test-icon ...attributes>\n {{htmlSafe @icon}}\n </span>\n", {
8
+ strictMode: true,
9
+ scope: () => ({
10
+ styles,
11
+ htmlSafe
12
+ })
13
+ }), templateOnly());
14
+
15
+ export { Icon as I };
16
+ //# sourceMappingURL=icon-bLZqjTMP.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-bLZqjTMP.js","sources":["../src/components/graphics/icon.gts"],"sourcesContent":["import { htmlSafe } from '@ember/template';\n\nimport styles from '@hokulea/core/icons.module.css';\n\nimport type { TOC } from '@ember/component/template-only';\n\nexport interface IconSignature {\n Element: HTMLSpanElement;\n Args: {\n /**\n * A string containing a `<svg>` element.\n * Make sure to use `currentColor` to comply with the styling\n */\n icon: string;\n };\n}\n\nexport const Icon: TOC<IconSignature> = <template>\n <span class={{styles.icon}} data-test-icon ...attributes>\n {{htmlSafe @icon}}\n </span>\n</template>;\n"],"names":["Icon","setComponentTemplate","precompileTemplate","strictMode","scope","styles","htmlSafe","templateOnly"],"mappings":";;;;;;MAiBaA,IAAU,GAAAC,oBAAA,CAAiBC,kBAAA,CAAA,oGAAA,EAIxC;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,MAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
@@ -0,0 +1,37 @@
1
+ import Component from '@glimmer/component';
2
+ import { assert } from '@ember/debug';
3
+ import CommandElement from 'ember-command/components/command-element';
4
+ import { element } from 'ember-element-helper';
5
+ import styles from '@hokulea/core/actions.module.css';
6
+ import { n as not } from './helpers-DS9du02l.js';
7
+ import { d as disabled } from './disabled-B_FQ0Z51.js';
8
+ import { I as Icon } from './icon-bLZqjTMP.js';
9
+ import { i as isLink } from './-button-KUaJCQaB.js';
10
+ import { precompileTemplate } from '@ember/template-compilation';
11
+ import { setComponentTemplate } from '@ember/component';
12
+
13
+ class IconButton extends Component {
14
+ get label() {
15
+ assert('Please provide a `@label` to `<IconButton>` for accessibility reasons.',
16
+ // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
17
+ this.args.label !== undefined);
18
+ return this.args.label;
19
+ }
20
+ static {
21
+ setComponentTemplate(precompileTemplate("\n <CommandElement @element={{element \"button\"}} @command={{@push}} class=\"{{styles.iconButton}}\" type={{if (not (isLink @push)) \"button\"}} data-intent={{if @intent @intent \"action\"}} data-importance={{if @importance @importance \"supreme\"}} data-spacing={{@spacing}} aria-label={{this.label}} {{disabled when=(if @disabled @disabled false)}} data-test-icon-button ...attributes>\n <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n </CommandElement>\n ", {
22
+ strictMode: true,
23
+ scope: () => ({
24
+ CommandElement,
25
+ element,
26
+ styles,
27
+ not,
28
+ isLink,
29
+ disabled,
30
+ Icon
31
+ })
32
+ }), this);
33
+ }
34
+ }
35
+
36
+ export { IconButton as I };
37
+ //# sourceMappingURL=icon-button-7K-W_8jc.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-button-7K-W_8jc.js","sources":["../src/components/actions/icon-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { assert } from '@ember/debug';\n\nimport CommandElement from 'ember-command/components/command-element';\nimport { element } from 'ember-element-helper';\n\nimport styles from '@hokulea/core/actions.module.css';\n\nimport { not } from '../../-private/helpers.ts';\nimport disabled from '../../-private/modifiers/disabled.ts';\nimport { Icon } from '../graphics/icon.gts';\nimport { isLink } from './-button.ts';\n\nimport type { Importance, Importances, Intent, Intents, Spacing, Spacings } from '@hokulea/tokens';\nimport type { CommandAction } from 'ember-command';\n\nexport interface IconButtonSignature {\n Element: HTMLButtonElement | HTMLAnchorElement | HTMLSpanElement;\n Args: {\n push?: CommandAction;\n intent?: Intent | Intents;\n importance?: Importance | Importances;\n spacing?: Spacing | Spacings;\n disabled?: boolean;\n label: string;\n /**\n * A string containing a `<svg>` element.\n * Make sure to use `currentColor` to comply with the styling\n */\n icon: string;\n };\n Blocks: {\n default: [];\n };\n}\n\nexport class IconButton extends Component<IconButtonSignature> {\n get label() {\n assert(\n 'Please provide a `@label` to `<IconButton>` for accessibility reasons.',\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n this.args.label !== undefined\n );\n\n return this.args.label;\n }\n\n <template>\n <CommandElement\n @element={{element \"button\"}}\n @command={{@push}}\n class=\"{{styles.iconButton}}\"\n type={{if (not (isLink @push)) \"button\"}}\n data-intent={{if @intent @intent \"action\"}}\n data-importance={{if @importance @importance \"supreme\"}}\n data-spacing={{@spacing}}\n aria-label={{this.label}}\n {{disabled when=(if @disabled @disabled false)}}\n data-test-icon-button\n ...attributes\n >\n <Icon @icon={{@icon}} data-test-icon-button=\"icon\" />\n </CommandElement>\n </template>\n}\n"],"names":["IconButton","Component","label","assert","args","undefined","setComponentTemplate","precompileTemplate","strictMode","scope","CommandElement","element","styles","not","isLink","disabled","Icon"],"mappings":";;;;;;;;;;;;AAoCO,MAAMA,mBAAmBC,SAAA,CAAU;EACxC,IAAIC,KAAAA,GAAQ;AACVC,IAAAA,MAAA,CACE;AACA;AACA,IAAA,IAAI,CAACC,IAAI,CAACF,KAAK,KAAKG,SAAA,CAAA;AAGtB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACF,KAAK;AACxB,EAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,meAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,cAAA;QAAAC,OAAA;QAAAC,MAAA;QAAAC,GAAA;QAAAC,MAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}