@hashicorp/design-system-components 3.5.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (967) hide show
  1. package/README.md +2 -0
  2. package/addon-main.js +7 -0
  3. package/dist/LICENSE.md +375 -0
  4. package/dist/README.md +69 -0
  5. package/dist/_app_/components/hds/accordion/index.js +1 -0
  6. package/dist/_app_/components/hds/accordion/item/button.js +1 -0
  7. package/dist/_app_/components/hds/accordion/item/index.js +1 -0
  8. package/dist/_app_/components/hds/alert/description.js +1 -0
  9. package/dist/_app_/components/hds/alert/index.js +1 -0
  10. package/dist/_app_/components/hds/alert/title.js +1 -0
  11. package/dist/_app_/components/hds/app-footer/copyright.js +1 -0
  12. package/dist/_app_/components/hds/app-footer/index.js +1 -0
  13. package/dist/_app_/components/hds/app-footer/item.js +1 -0
  14. package/dist/_app_/components/hds/app-footer/legal-links.js +1 -0
  15. package/dist/_app_/components/hds/app-footer/link.js +1 -0
  16. package/dist/_app_/components/hds/app-footer/status-link.js +1 -0
  17. package/dist/_app_/components/hds/app-frame/index.js +1 -0
  18. package/dist/_app_/components/hds/app-frame/parts/footer.js +1 -0
  19. package/dist/_app_/components/hds/app-frame/parts/header.js +1 -0
  20. package/dist/_app_/components/hds/app-frame/parts/main.js +1 -0
  21. package/dist/_app_/components/hds/app-frame/parts/modals.js +1 -0
  22. package/dist/_app_/components/hds/app-frame/parts/sidebar.js +1 -0
  23. package/dist/_app_/components/hds/application-state/body.js +1 -0
  24. package/dist/_app_/components/hds/application-state/footer.js +1 -0
  25. package/dist/_app_/components/hds/application-state/header.js +1 -0
  26. package/dist/_app_/components/hds/application-state/index.js +1 -0
  27. package/dist/_app_/components/hds/badge/index.js +1 -0
  28. package/dist/_app_/components/hds/badge-count/index.js +1 -0
  29. package/dist/_app_/components/hds/breadcrumb/index.js +1 -0
  30. package/dist/_app_/components/hds/breadcrumb/item.js +1 -0
  31. package/dist/_app_/components/hds/breadcrumb/truncation.js +1 -0
  32. package/dist/_app_/components/hds/button/index.js +1 -0
  33. package/dist/_app_/components/hds/button-set/index.js +1 -0
  34. package/dist/_app_/components/hds/card/container.js +1 -0
  35. package/dist/_app_/components/hds/code-block/copy-button.js +1 -0
  36. package/dist/_app_/components/hds/code-block/description.js +1 -0
  37. package/dist/_app_/components/hds/code-block/index.js +1 -0
  38. package/dist/_app_/components/hds/code-block/title.js +1 -0
  39. package/dist/_app_/components/hds/copy/button/index.js +1 -0
  40. package/dist/_app_/components/hds/copy/snippet/index.js +1 -0
  41. package/dist/_app_/components/hds/disclosure-primitive/index.js +1 -0
  42. package/dist/_app_/components/hds/dismiss-button/index.js +1 -0
  43. package/dist/_app_/components/hds/dropdown/footer.js +1 -0
  44. package/dist/_app_/components/hds/dropdown/header.js +1 -0
  45. package/dist/_app_/components/hds/dropdown/index.js +1 -0
  46. package/dist/_app_/components/hds/dropdown/list-item/checkbox.js +1 -0
  47. package/dist/_app_/components/hds/dropdown/list-item/checkmark.js +1 -0
  48. package/dist/_app_/components/hds/dropdown/list-item/copy-item.js +1 -0
  49. package/dist/_app_/components/hds/dropdown/list-item/description.js +1 -0
  50. package/dist/_app_/components/hds/dropdown/list-item/generic.js +1 -0
  51. package/dist/_app_/components/hds/dropdown/list-item/interactive.js +1 -0
  52. package/dist/_app_/components/hds/dropdown/list-item/radio.js +1 -0
  53. package/dist/_app_/components/hds/dropdown/list-item/separator.js +1 -0
  54. package/dist/_app_/components/hds/dropdown/list-item/title.js +1 -0
  55. package/dist/_app_/components/hds/dropdown/toggle/button.js +1 -0
  56. package/dist/_app_/components/hds/dropdown/toggle/chevron.js +1 -0
  57. package/dist/_app_/components/hds/dropdown/toggle/icon.js +1 -0
  58. package/dist/_app_/components/hds/flyout/body.js +1 -0
  59. package/dist/_app_/components/hds/flyout/description.js +1 -0
  60. package/dist/_app_/components/hds/flyout/footer.js +1 -0
  61. package/dist/_app_/components/hds/flyout/header.js +1 -0
  62. package/dist/_app_/components/hds/flyout/index.js +1 -0
  63. package/dist/_app_/components/hds/form/character-count/index.js +1 -0
  64. package/dist/_app_/components/hds/form/checkbox/base.js +1 -0
  65. package/dist/_app_/components/hds/form/checkbox/field.js +1 -0
  66. package/dist/_app_/components/hds/form/checkbox/group.js +1 -0
  67. package/dist/_app_/components/hds/form/error/index.js +1 -0
  68. package/dist/_app_/components/hds/form/error/message.js +1 -0
  69. package/dist/_app_/components/hds/form/field/index.js +1 -0
  70. package/dist/_app_/components/hds/form/fieldset/index.js +1 -0
  71. package/dist/_app_/components/hds/form/file-input/base.js +1 -0
  72. package/dist/_app_/components/hds/form/file-input/field.js +1 -0
  73. package/dist/_app_/components/hds/form/helper-text/index.js +1 -0
  74. package/dist/_app_/components/hds/form/indicator/index.js +1 -0
  75. package/dist/_app_/components/hds/form/label/index.js +1 -0
  76. package/dist/_app_/components/hds/form/legend/index.js +1 -0
  77. package/dist/_app_/components/hds/form/masked-input/base.js +1 -0
  78. package/dist/_app_/components/hds/form/masked-input/field.js +1 -0
  79. package/dist/_app_/components/hds/form/radio/base.js +1 -0
  80. package/dist/_app_/components/hds/form/radio/field.js +1 -0
  81. package/dist/_app_/components/hds/form/radio/group.js +1 -0
  82. package/dist/_app_/components/hds/form/radio-card/description.js +1 -0
  83. package/dist/_app_/components/hds/form/radio-card/group.js +1 -0
  84. package/dist/_app_/components/hds/form/radio-card/index.js +1 -0
  85. package/dist/_app_/components/hds/form/radio-card/label.js +1 -0
  86. package/dist/_app_/components/hds/form/select/base.js +1 -0
  87. package/dist/_app_/components/hds/form/select/field.js +1 -0
  88. package/dist/_app_/components/hds/form/text-input/base.js +1 -0
  89. package/dist/_app_/components/hds/form/text-input/field.js +1 -0
  90. package/dist/_app_/components/hds/form/textarea/base.js +1 -0
  91. package/dist/_app_/components/hds/form/textarea/field.js +1 -0
  92. package/dist/_app_/components/hds/form/toggle/base.js +1 -0
  93. package/dist/_app_/components/hds/form/toggle/field.js +1 -0
  94. package/dist/_app_/components/hds/form/toggle/group.js +1 -0
  95. package/dist/_app_/components/hds/form/visibility-toggle/index.js +1 -0
  96. package/dist/_app_/components/hds/icon-tile/index.js +1 -0
  97. package/dist/_app_/components/hds/interactive/index.js +1 -0
  98. package/dist/_app_/components/hds/link/inline.js +1 -0
  99. package/dist/_app_/components/hds/link/standalone.js +1 -0
  100. package/dist/_app_/components/hds/menu-primitive/index.js +1 -0
  101. package/dist/_app_/components/hds/modal/body.js +1 -0
  102. package/dist/_app_/components/hds/modal/footer.js +1 -0
  103. package/dist/_app_/components/hds/modal/header.js +1 -0
  104. package/dist/_app_/components/hds/modal/index.js +1 -0
  105. package/dist/_app_/components/hds/page-header/actions.js +1 -0
  106. package/dist/_app_/components/hds/page-header/badges.js +1 -0
  107. package/dist/_app_/components/hds/page-header/description.js +1 -0
  108. package/dist/_app_/components/hds/page-header/index.js +1 -0
  109. package/dist/_app_/components/hds/page-header/subtitle.js +1 -0
  110. package/dist/_app_/components/hds/page-header/title.js +1 -0
  111. package/dist/_app_/components/hds/pagination/compact/index.js +1 -0
  112. package/dist/_app_/components/hds/pagination/info/index.js +1 -0
  113. package/dist/_app_/components/hds/pagination/nav/arrow.js +1 -0
  114. package/dist/_app_/components/hds/pagination/nav/ellipsis.js +1 -0
  115. package/dist/_app_/components/hds/pagination/nav/number.js +1 -0
  116. package/dist/_app_/components/hds/pagination/numbered/index.js +1 -0
  117. package/dist/_app_/components/hds/pagination/size-selector/index.js +1 -0
  118. package/dist/_app_/components/hds/reveal/index.js +1 -0
  119. package/dist/_app_/components/hds/reveal/toggle/button.js +1 -0
  120. package/dist/_app_/components/hds/segmented-group/index.js +1 -0
  121. package/dist/_app_/components/hds/separator/index.js +1 -0
  122. package/dist/_app_/components/hds/side-nav/base.js +1 -0
  123. package/dist/_app_/components/hds/side-nav/header/home-link.js +1 -0
  124. package/dist/_app_/components/hds/side-nav/header/icon-button.js +1 -0
  125. package/dist/_app_/components/hds/side-nav/header/index.js +1 -0
  126. package/dist/_app_/components/hds/side-nav/index.js +1 -0
  127. package/dist/_app_/components/hds/side-nav/list/back-link.js +1 -0
  128. package/dist/_app_/components/hds/side-nav/list/index.js +1 -0
  129. package/dist/_app_/components/hds/side-nav/list/item.js +1 -0
  130. package/dist/_app_/components/hds/side-nav/list/link.js +1 -0
  131. package/dist/_app_/components/hds/side-nav/list/title.js +1 -0
  132. package/dist/_app_/components/hds/side-nav/portal/index.js +1 -0
  133. package/dist/_app_/components/hds/side-nav/portal/target.js +1 -0
  134. package/dist/_app_/components/hds/side-nav/toggle-button.js +1 -0
  135. package/dist/_app_/components/hds/stepper/step/indicator.js +1 -0
  136. package/dist/_app_/components/hds/stepper/task/indicator.js +1 -0
  137. package/dist/_app_/components/hds/table/index.js +1 -0
  138. package/dist/_app_/components/hds/table/td.js +1 -0
  139. package/dist/_app_/components/hds/table/th-button-sort.js +1 -0
  140. package/dist/_app_/components/hds/table/th-button-tooltip.js +1 -0
  141. package/dist/_app_/components/hds/table/th-selectable.js +1 -0
  142. package/dist/_app_/components/hds/table/th-sort.js +1 -0
  143. package/dist/_app_/components/hds/table/th.js +1 -0
  144. package/dist/_app_/components/hds/table/tr.js +1 -0
  145. package/dist/_app_/components/hds/tabs/index.js +1 -0
  146. package/dist/_app_/components/hds/tabs/panel.js +1 -0
  147. package/dist/_app_/components/hds/tabs/tab.js +1 -0
  148. package/dist/_app_/components/hds/tag/index.js +1 -0
  149. package/dist/_app_/components/hds/text/body.js +1 -0
  150. package/dist/_app_/components/hds/text/code.js +1 -0
  151. package/dist/_app_/components/hds/text/display.js +1 -0
  152. package/dist/_app_/components/hds/text/index.js +1 -0
  153. package/dist/_app_/components/hds/toast/index.js +1 -0
  154. package/dist/_app_/components/hds/tooltip-button/index.js +1 -0
  155. package/dist/_app_/components/hds/yield/index.js +1 -0
  156. package/dist/_app_/helpers/hds-link-to-models.js +1 -0
  157. package/dist/_app_/helpers/hds-link-to-query.js +1 -0
  158. package/dist/_app_/modifiers/hds-clipboard.js +1 -0
  159. package/dist/_app_/modifiers/hds-tooltip.js +1 -0
  160. package/dist/_rollupPluginBabelHelpers-lqPQKyNs.js +78 -0
  161. package/dist/_rollupPluginBabelHelpers-lqPQKyNs.js.map +1 -0
  162. package/dist/components/hds/accordion/index.js +10 -0
  163. package/dist/components/hds/accordion/index.js.map +1 -0
  164. package/dist/components/hds/accordion/item/button.js +36 -0
  165. package/dist/components/hds/accordion/item/button.js.map +1 -0
  166. package/dist/components/hds/accordion/item/index.js +62 -0
  167. package/dist/components/hds/accordion/item/index.js.map +1 -0
  168. package/dist/components/hds/alert/description.js +10 -0
  169. package/dist/components/hds/alert/description.js.map +1 -0
  170. package/dist/components/hds/alert/index.js +153 -0
  171. package/dist/components/hds/alert/index.js.map +1 -0
  172. package/dist/components/hds/alert/title.js +10 -0
  173. package/dist/components/hds/alert/title.js.map +1 -0
  174. package/dist/components/hds/app-footer/copyright.js +26 -0
  175. package/dist/components/hds/app-footer/copyright.js.map +1 -0
  176. package/dist/components/hds/app-footer/index.js +48 -0
  177. package/dist/components/hds/app-footer/index.js.map +1 -0
  178. package/dist/components/hds/app-footer/item.js +10 -0
  179. package/dist/components/hds/app-footer/item.js.map +1 -0
  180. package/dist/components/hds/app-footer/legal-links.js +70 -0
  181. package/dist/components/hds/app-footer/legal-links.js.map +1 -0
  182. package/dist/components/hds/app-footer/link.js +10 -0
  183. package/dist/components/hds/app-footer/link.js.map +1 -0
  184. package/dist/components/hds/app-footer/status-link.js +116 -0
  185. package/dist/components/hds/app-footer/status-link.js.map +1 -0
  186. package/dist/components/hds/app-frame/index.js +60 -0
  187. package/dist/components/hds/app-frame/index.js.map +1 -0
  188. package/dist/components/hds/app-frame/parts/footer.js +10 -0
  189. package/dist/components/hds/app-frame/parts/footer.js.map +1 -0
  190. package/dist/components/hds/app-frame/parts/header.js +10 -0
  191. package/dist/components/hds/app-frame/parts/header.js.map +1 -0
  192. package/dist/components/hds/app-frame/parts/main.js +10 -0
  193. package/dist/components/hds/app-frame/parts/main.js.map +1 -0
  194. package/dist/components/hds/app-frame/parts/modals.js +10 -0
  195. package/dist/components/hds/app-frame/parts/modals.js.map +1 -0
  196. package/dist/components/hds/app-frame/parts/sidebar.js +10 -0
  197. package/dist/components/hds/app-frame/parts/sidebar.js.map +1 -0
  198. package/dist/components/hds/application-state/body.js +10 -0
  199. package/dist/components/hds/application-state/body.js.map +1 -0
  200. package/dist/components/hds/application-state/footer.js +42 -0
  201. package/dist/components/hds/application-state/footer.js.map +1 -0
  202. package/dist/components/hds/application-state/header.js +10 -0
  203. package/dist/components/hds/application-state/header.js.map +1 -0
  204. package/dist/components/hds/application-state/index.js +10 -0
  205. package/dist/components/hds/application-state/index.js.map +1 -0
  206. package/dist/components/hds/badge/index.js +127 -0
  207. package/dist/components/hds/badge/index.js.map +1 -0
  208. package/dist/components/hds/badge-count/index.js +90 -0
  209. package/dist/components/hds/badge-count/index.js.map +1 -0
  210. package/dist/components/hds/breadcrumb/index.js +66 -0
  211. package/dist/components/hds/breadcrumb/index.js.map +1 -0
  212. package/dist/components/hds/breadcrumb/item.js +59 -0
  213. package/dist/components/hds/breadcrumb/item.js.map +1 -0
  214. package/dist/components/hds/breadcrumb/truncation.js +25 -0
  215. package/dist/components/hds/breadcrumb/truncation.js.map +1 -0
  216. package/dist/components/hds/button/index.js +157 -0
  217. package/dist/components/hds/button/index.js.map +1 -0
  218. package/dist/components/hds/button-set/index.js +10 -0
  219. package/dist/components/hds/button-set/index.js.map +1 -0
  220. package/dist/components/hds/card/container.js +130 -0
  221. package/dist/components/hds/card/container.js.map +1 -0
  222. package/dist/components/hds/code-block/copy-button.js +10 -0
  223. package/dist/components/hds/code-block/copy-button.js.map +1 -0
  224. package/dist/components/hds/code-block/description.js +10 -0
  225. package/dist/components/hds/code-block/description.js.map +1 -0
  226. package/dist/components/hds/code-block/index.js +160 -0
  227. package/dist/components/hds/code-block/index.js.map +1 -0
  228. package/dist/components/hds/code-block/title.js +10 -0
  229. package/dist/components/hds/code-block/title.js.map +1 -0
  230. package/dist/components/hds/copy/button/index.js +109 -0
  231. package/dist/components/hds/copy/button/index.js.map +1 -0
  232. package/dist/components/hds/copy/snippet/index.js +142 -0
  233. package/dist/components/hds/copy/snippet/index.js.map +1 -0
  234. package/dist/components/hds/disclosure-primitive/index.js +41 -0
  235. package/dist/components/hds/disclosure-primitive/index.js.map +1 -0
  236. package/dist/components/hds/dismiss-button/index.js +25 -0
  237. package/dist/components/hds/dismiss-button/index.js.map +1 -0
  238. package/dist/components/hds/dropdown/footer.js +10 -0
  239. package/dist/components/hds/dropdown/footer.js.map +1 -0
  240. package/dist/components/hds/dropdown/header.js +10 -0
  241. package/dist/components/hds/dropdown/header.js.map +1 -0
  242. package/dist/components/hds/dropdown/index.js +72 -0
  243. package/dist/components/hds/dropdown/index.js.map +1 -0
  244. package/dist/components/hds/dropdown/list-item/checkbox.js +24 -0
  245. package/dist/components/hds/dropdown/list-item/checkbox.js.map +1 -0
  246. package/dist/components/hds/dropdown/list-item/checkmark.js +31 -0
  247. package/dist/components/hds/dropdown/list-item/checkmark.js.map +1 -0
  248. package/dist/components/hds/dropdown/list-item/copy-item.js +53 -0
  249. package/dist/components/hds/dropdown/list-item/copy-item.js.map +1 -0
  250. package/dist/components/hds/dropdown/list-item/description.js +30 -0
  251. package/dist/components/hds/dropdown/list-item/description.js.map +1 -0
  252. package/dist/components/hds/dropdown/list-item/generic.js +10 -0
  253. package/dist/components/hds/dropdown/list-item/generic.js.map +1 -0
  254. package/dist/components/hds/dropdown/list-item/interactive.js +59 -0
  255. package/dist/components/hds/dropdown/list-item/interactive.js.map +1 -0
  256. package/dist/components/hds/dropdown/list-item/radio.js +24 -0
  257. package/dist/components/hds/dropdown/list-item/radio.js.map +1 -0
  258. package/dist/components/hds/dropdown/list-item/separator.js +10 -0
  259. package/dist/components/hds/dropdown/list-item/separator.js.map +1 -0
  260. package/dist/components/hds/dropdown/list-item/title.js +30 -0
  261. package/dist/components/hds/dropdown/list-item/title.js.map +1 -0
  262. package/dist/components/hds/dropdown/toggle/button.js +134 -0
  263. package/dist/components/hds/dropdown/toggle/button.js.map +1 -0
  264. package/dist/components/hds/dropdown/toggle/chevron.js +10 -0
  265. package/dist/components/hds/dropdown/toggle/chevron.js.map +1 -0
  266. package/dist/components/hds/dropdown/toggle/icon.js +116 -0
  267. package/dist/components/hds/dropdown/toggle/icon.js.map +1 -0
  268. package/dist/components/hds/flyout/body.js +10 -0
  269. package/dist/components/hds/flyout/body.js.map +1 -0
  270. package/dist/components/hds/flyout/description.js +10 -0
  271. package/dist/components/hds/flyout/description.js.map +1 -0
  272. package/dist/components/hds/flyout/footer.js +10 -0
  273. package/dist/components/hds/flyout/footer.js.map +1 -0
  274. package/dist/components/hds/flyout/header.js +10 -0
  275. package/dist/components/hds/flyout/header.js.map +1 -0
  276. package/dist/components/hds/flyout/index.js +156 -0
  277. package/dist/components/hds/flyout/index.js.map +1 -0
  278. package/dist/components/hds/form/character-count/index.js +149 -0
  279. package/dist/components/hds/form/character-count/index.js.map +1 -0
  280. package/dist/components/hds/form/checkbox/base.js +10 -0
  281. package/dist/components/hds/form/checkbox/base.js.map +1 -0
  282. package/dist/components/hds/form/checkbox/field.js +10 -0
  283. package/dist/components/hds/form/checkbox/field.js.map +1 -0
  284. package/dist/components/hds/form/checkbox/group.js +10 -0
  285. package/dist/components/hds/form/checkbox/group.js.map +1 -0
  286. package/dist/components/hds/form/error/index.js +68 -0
  287. package/dist/components/hds/form/error/index.js.map +1 -0
  288. package/dist/components/hds/form/error/message.js +10 -0
  289. package/dist/components/hds/form/error/message.js.map +1 -0
  290. package/dist/components/hds/form/field/index.js +107 -0
  291. package/dist/components/hds/form/field/index.js.map +1 -0
  292. package/dist/components/hds/form/fieldset/index.js +93 -0
  293. package/dist/components/hds/form/fieldset/index.js.map +1 -0
  294. package/dist/components/hds/form/file-input/base.js +10 -0
  295. package/dist/components/hds/form/file-input/base.js.map +1 -0
  296. package/dist/components/hds/form/file-input/field.js +10 -0
  297. package/dist/components/hds/form/file-input/field.js.map +1 -0
  298. package/dist/components/hds/form/helper-text/index.js +68 -0
  299. package/dist/components/hds/form/helper-text/index.js.map +1 -0
  300. package/dist/components/hds/form/indicator/index.js +30 -0
  301. package/dist/components/hds/form/indicator/index.js.map +1 -0
  302. package/dist/components/hds/form/label/index.js +36 -0
  303. package/dist/components/hds/form/label/index.js.map +1 -0
  304. package/dist/components/hds/form/legend/index.js +36 -0
  305. package/dist/components/hds/form/legend/index.js.map +1 -0
  306. package/dist/components/hds/form/masked-input/base.js +96 -0
  307. package/dist/components/hds/form/masked-input/base.js.map +1 -0
  308. package/dist/components/hds/form/masked-input/field.js +10 -0
  309. package/dist/components/hds/form/masked-input/field.js.map +1 -0
  310. package/dist/components/hds/form/radio/base.js +10 -0
  311. package/dist/components/hds/form/radio/base.js.map +1 -0
  312. package/dist/components/hds/form/radio/field.js +10 -0
  313. package/dist/components/hds/form/radio/field.js.map +1 -0
  314. package/dist/components/hds/form/radio/group.js +10 -0
  315. package/dist/components/hds/form/radio/group.js.map +1 -0
  316. package/dist/components/hds/form/radio-card/description.js +10 -0
  317. package/dist/components/hds/form/radio-card/description.js.map +1 -0
  318. package/dist/components/hds/form/radio-card/group.js +10 -0
  319. package/dist/components/hds/form/radio-card/group.js.map +1 -0
  320. package/dist/components/hds/form/radio-card/index.js +107 -0
  321. package/dist/components/hds/form/radio-card/index.js.map +1 -0
  322. package/dist/components/hds/form/radio-card/label.js +10 -0
  323. package/dist/components/hds/form/radio-card/label.js.map +1 -0
  324. package/dist/components/hds/form/select/base.js +34 -0
  325. package/dist/components/hds/form/select/base.js.map +1 -0
  326. package/dist/components/hds/form/select/field.js +10 -0
  327. package/dist/components/hds/form/select/field.js.map +1 -0
  328. package/dist/components/hds/form/text-input/base.js +62 -0
  329. package/dist/components/hds/form/text-input/base.js.map +1 -0
  330. package/dist/components/hds/form/text-input/field.js +85 -0
  331. package/dist/components/hds/form/text-input/field.js.map +1 -0
  332. package/dist/components/hds/form/textarea/base.js +34 -0
  333. package/dist/components/hds/form/textarea/base.js.map +1 -0
  334. package/dist/components/hds/form/textarea/field.js +10 -0
  335. package/dist/components/hds/form/textarea/field.js.map +1 -0
  336. package/dist/components/hds/form/toggle/base.js +10 -0
  337. package/dist/components/hds/form/toggle/base.js.map +1 -0
  338. package/dist/components/hds/form/toggle/field.js +10 -0
  339. package/dist/components/hds/form/toggle/field.js.map +1 -0
  340. package/dist/components/hds/form/toggle/group.js +10 -0
  341. package/dist/components/hds/form/toggle/group.js.map +1 -0
  342. package/dist/components/hds/form/visibility-toggle/index.js +10 -0
  343. package/dist/components/hds/form/visibility-toggle/index.js.map +1 -0
  344. package/dist/components/hds/icon-tile/index.js +158 -0
  345. package/dist/components/hds/icon-tile/index.js.map +1 -0
  346. package/dist/components/hds/interactive/index.js +41 -0
  347. package/dist/components/hds/interactive/index.js.map +1 -0
  348. package/dist/components/hds/link/inline.js +72 -0
  349. package/dist/components/hds/link/inline.js.map +1 -0
  350. package/dist/components/hds/link/standalone.js +132 -0
  351. package/dist/components/hds/link/standalone.js.map +1 -0
  352. package/dist/components/hds/menu-primitive/index.js +68 -0
  353. package/dist/components/hds/menu-primitive/index.js.map +1 -0
  354. package/dist/components/hds/modal/body.js +10 -0
  355. package/dist/components/hds/modal/body.js.map +1 -0
  356. package/dist/components/hds/modal/footer.js +10 -0
  357. package/dist/components/hds/modal/footer.js.map +1 -0
  358. package/dist/components/hds/modal/header.js +10 -0
  359. package/dist/components/hds/modal/header.js.map +1 -0
  360. package/dist/components/hds/modal/index.js +196 -0
  361. package/dist/components/hds/modal/index.js.map +1 -0
  362. package/dist/components/hds/page-header/actions.js +10 -0
  363. package/dist/components/hds/page-header/actions.js.map +1 -0
  364. package/dist/components/hds/page-header/badges.js +10 -0
  365. package/dist/components/hds/page-header/badges.js.map +1 -0
  366. package/dist/components/hds/page-header/description.js +10 -0
  367. package/dist/components/hds/page-header/description.js.map +1 -0
  368. package/dist/components/hds/page-header/index.js +10 -0
  369. package/dist/components/hds/page-header/index.js.map +1 -0
  370. package/dist/components/hds/page-header/subtitle.js +10 -0
  371. package/dist/components/hds/page-header/subtitle.js.map +1 -0
  372. package/dist/components/hds/page-header/title.js +10 -0
  373. package/dist/components/hds/page-header/title.js.map +1 -0
  374. package/dist/components/hds/pagination/compact/index.js +159 -0
  375. package/dist/components/hds/pagination/compact/index.js.map +1 -0
  376. package/dist/components/hds/pagination/info/index.js +25 -0
  377. package/dist/components/hds/pagination/info/index.js.map +1 -0
  378. package/dist/components/hds/pagination/nav/arrow.js +70 -0
  379. package/dist/components/hds/pagination/nav/arrow.js.map +1 -0
  380. package/dist/components/hds/pagination/nav/ellipsis.js +10 -0
  381. package/dist/components/hds/pagination/nav/ellipsis.js.map +1 -0
  382. package/dist/components/hds/pagination/nav/number.js +44 -0
  383. package/dist/components/hds/pagination/nav/number.js.map +1 -0
  384. package/dist/components/hds/pagination/numbered/index.js +305 -0
  385. package/dist/components/hds/pagination/numbered/index.js.map +1 -0
  386. package/dist/components/hds/pagination/size-selector/index.js +72 -0
  387. package/dist/components/hds/pagination/size-selector/index.js.map +1 -0
  388. package/dist/components/hds/reveal/index.js +36 -0
  389. package/dist/components/hds/reveal/index.js.map +1 -0
  390. package/dist/components/hds/reveal/toggle/button.js +31 -0
  391. package/dist/components/hds/reveal/toggle/button.js.map +1 -0
  392. package/dist/components/hds/segmented-group/index.js +10 -0
  393. package/dist/components/hds/segmented-group/index.js.map +1 -0
  394. package/dist/components/hds/separator/index.js +48 -0
  395. package/dist/components/hds/separator/index.js.map +1 -0
  396. package/dist/components/hds/side-nav/base.js +10 -0
  397. package/dist/components/hds/side-nav/base.js.map +1 -0
  398. package/dist/components/hds/side-nav/header/home-link.js +30 -0
  399. package/dist/components/hds/side-nav/header/home-link.js.map +1 -0
  400. package/dist/components/hds/side-nav/header/icon-button.js +30 -0
  401. package/dist/components/hds/side-nav/header/icon-button.js.map +1 -0
  402. package/dist/components/hds/side-nav/header/index.js +10 -0
  403. package/dist/components/hds/side-nav/header/index.js.map +1 -0
  404. package/dist/components/hds/side-nav/index.js +176 -0
  405. package/dist/components/hds/side-nav/index.js.map +1 -0
  406. package/dist/components/hds/side-nav/list/back-link.js +10 -0
  407. package/dist/components/hds/side-nav/list/back-link.js.map +1 -0
  408. package/dist/components/hds/side-nav/list/index.js +10 -0
  409. package/dist/components/hds/side-nav/list/index.js.map +1 -0
  410. package/dist/components/hds/side-nav/list/item.js +10 -0
  411. package/dist/components/hds/side-nav/list/item.js.map +1 -0
  412. package/dist/components/hds/side-nav/list/link.js +10 -0
  413. package/dist/components/hds/side-nav/list/link.js.map +1 -0
  414. package/dist/components/hds/side-nav/list/title.js +10 -0
  415. package/dist/components/hds/side-nav/list/title.js.map +1 -0
  416. package/dist/components/hds/side-nav/portal/index.js +10 -0
  417. package/dist/components/hds/side-nav/portal/index.js.map +1 -0
  418. package/dist/components/hds/side-nav/portal/target.js +173 -0
  419. package/dist/components/hds/side-nav/portal/target.js.map +1 -0
  420. package/dist/components/hds/side-nav/toggle-button.js +10 -0
  421. package/dist/components/hds/side-nav/toggle-button.js.map +1 -0
  422. package/dist/components/hds/stepper/step/indicator.js +59 -0
  423. package/dist/components/hds/stepper/step/indicator.js.map +1 -0
  424. package/dist/components/hds/stepper/task/indicator.js +74 -0
  425. package/dist/components/hds/stepper/task/indicator.js.map +1 -0
  426. package/dist/components/hds/table/index.js +269 -0
  427. package/dist/components/hds/table/index.js.map +1 -0
  428. package/dist/components/hds/table/td.js +48 -0
  429. package/dist/components/hds/table/td.js.map +1 -0
  430. package/dist/components/hds/table/th-button-sort.js +82 -0
  431. package/dist/components/hds/table/th-button-sort.js.map +1 -0
  432. package/dist/components/hds/table/th-button-tooltip.js +32 -0
  433. package/dist/components/hds/table/th-button-tooltip.js.map +1 -0
  434. package/dist/components/hds/table/th-selectable.js +81 -0
  435. package/dist/components/hds/table/th-selectable.js.map +1 -0
  436. package/dist/components/hds/table/th-sort.js +73 -0
  437. package/dist/components/hds/table/th-sort.js.map +1 -0
  438. package/dist/components/hds/table/th.js +54 -0
  439. package/dist/components/hds/table/th.js.map +1 -0
  440. package/dist/components/hds/table/tr.js +30 -0
  441. package/dist/components/hds/table/tr.js.map +1 -0
  442. package/dist/components/hds/tabs/index.js +242 -0
  443. package/dist/components/hds/tabs/index.js.map +1 -0
  444. package/dist/components/hds/tabs/panel.js +60 -0
  445. package/dist/components/hds/tabs/panel.js.map +1 -0
  446. package/dist/components/hds/tabs/tab.js +94 -0
  447. package/dist/components/hds/tabs/tab.js.map +1 -0
  448. package/dist/components/hds/tag/index.js +92 -0
  449. package/dist/components/hds/tag/index.js.map +1 -0
  450. package/dist/components/hds/text/body.js +63 -0
  451. package/dist/components/hds/text/body.js.map +1 -0
  452. package/dist/components/hds/text/code.js +63 -0
  453. package/dist/components/hds/text/code.js.map +1 -0
  454. package/dist/components/hds/text/display.js +76 -0
  455. package/dist/components/hds/text/display.js.map +1 -0
  456. package/dist/components/hds/text/index.js +131 -0
  457. package/dist/components/hds/text/index.js.map +1 -0
  458. package/dist/components/hds/toast/index.js +10 -0
  459. package/dist/components/hds/toast/index.js.map +1 -0
  460. package/dist/components/hds/tooltip-button/index.js +74 -0
  461. package/dist/components/hds/tooltip-button/index.js.map +1 -0
  462. package/dist/components/hds/yield/index.js +10 -0
  463. package/dist/components/hds/yield/index.js.map +1 -0
  464. package/dist/helpers/hds-link-to-models.js +34 -0
  465. package/dist/helpers/hds-link-to-models.js.map +1 -0
  466. package/dist/helpers/hds-link-to-query.js +29 -0
  467. package/dist/helpers/hds-link-to-query.js.map +1 -0
  468. package/dist/modifiers/hds-clipboard.js +152 -0
  469. package/dist/modifiers/hds-clipboard.js.map +1 -0
  470. package/dist/modifiers/hds-tooltip.js +153 -0
  471. package/dist/modifiers/hds-tooltip.js.map +1 -0
  472. package/dist/styles/@hashicorp/design-system-components.css +6600 -0
  473. package/dist/styles/@hashicorp/design-system-components.scss +67 -0
  474. package/dist/styles/@hashicorp/design-system-components.scss.map +1 -0
  475. package/dist/styles/components/flyout.scss +113 -0
  476. package/dist/styles/components/table.scss +277 -0
  477. package/dist/styles/components/tabs.scss +152 -0
  478. package/dist/template-registry.js +2 -0
  479. package/dist/template-registry.js.map +1 -0
  480. package/dist/utils/hds-get-element-id.js +22 -0
  481. package/dist/utils/hds-get-element-id.js.map +1 -0
  482. package/dist/utils/hds-set-aria-described-by.js +17 -0
  483. package/dist/utils/hds-set-aria-described-by.js.map +1 -0
  484. package/package.json +196 -62
  485. package/.stylelintignore +0 -26
  486. package/CHANGELOG-FIGMA-COMPONENTS.md +0 -191
  487. package/CHANGELOG-FIGMA-FOUNDATIONS.md +0 -13
  488. package/CHANGELOG.md +0 -1597
  489. package/HOW-TO-TEST-A-COMPONENT-IN-CLOUD-UI.md +0 -100
  490. package/NEW-COMPONENT-CHECKLIST.md +0 -166
  491. package/RELEASE.md +0 -40
  492. package/addon/components/hds/accordion/index.hbs +0 -8
  493. package/addon/components/hds/accordion/item/button.hbs +0 -16
  494. package/addon/components/hds/accordion/item/button.js +0 -31
  495. package/addon/components/hds/accordion/item/index.hbs +0 -41
  496. package/addon/components/hds/accordion/item/index.js +0 -58
  497. package/addon/components/hds/alert/description.hbs +0 -5
  498. package/addon/components/hds/alert/index.hbs +0 -38
  499. package/addon/components/hds/alert/index.js +0 -164
  500. package/addon/components/hds/alert/title.hbs +0 -5
  501. package/addon/components/hds/app-footer/copyright.hbs +0 -9
  502. package/addon/components/hds/app-footer/copyright.js +0 -18
  503. package/addon/components/hds/app-footer/index.hbs +0 -20
  504. package/addon/components/hds/app-footer/index.js +0 -41
  505. package/addon/components/hds/app-footer/item.hbs +0 -8
  506. package/addon/components/hds/app-footer/legal-links.hbs +0 -14
  507. package/addon/components/hds/app-footer/legal-links.js +0 -67
  508. package/addon/components/hds/app-footer/link.hbs +0 -22
  509. package/addon/components/hds/app-footer/status-link.hbs +0 -20
  510. package/addon/components/hds/app-footer/status-link.js +0 -121
  511. package/addon/components/hds/app-frame/index.hbs +0 -24
  512. package/addon/components/hds/app-frame/index.js +0 -52
  513. package/addon/components/hds/app-frame/parts/footer.hbs +0 -7
  514. package/addon/components/hds/app-frame/parts/header.hbs +0 -7
  515. package/addon/components/hds/app-frame/parts/main.hbs +0 -7
  516. package/addon/components/hds/app-frame/parts/modals.hbs +0 -6
  517. package/addon/components/hds/app-frame/parts/sidebar.hbs +0 -7
  518. package/addon/components/hds/application-state/body.hbs +0 -13
  519. package/addon/components/hds/application-state/footer.hbs +0 -7
  520. package/addon/components/hds/application-state/footer.js +0 -35
  521. package/addon/components/hds/application-state/header.hbs +0 -20
  522. package/addon/components/hds/application-state/index.hbs +0 -13
  523. package/addon/components/hds/badge/index.hbs +0 -18
  524. package/addon/components/hds/badge/index.js +0 -146
  525. package/addon/components/hds/badge-count/index.hbs +0 -7
  526. package/addon/components/hds/badge-count/index.js +0 -99
  527. package/addon/components/hds/breadcrumb/index.hbs +0 -9
  528. package/addon/components/hds/breadcrumb/index.js +0 -59
  529. package/addon/components/hds/breadcrumb/item.hbs +0 -50
  530. package/addon/components/hds/breadcrumb/item.js +0 -55
  531. package/addon/components/hds/breadcrumb/truncation.hbs +0 -26
  532. package/addon/components/hds/breadcrumb/truncation.js +0 -17
  533. package/addon/components/hds/button/index.hbs +0 -45
  534. package/addon/components/hds/button/index.ts +0 -199
  535. package/addon/components/hds/button-set/index.hbs +0 -7
  536. package/addon/components/hds/card/container.hbs +0 -7
  537. package/addon/components/hds/card/container.js +0 -161
  538. package/addon/components/hds/code-block/copy-button.hbs +0 -13
  539. package/addon/components/hds/code-block/description.hbs +0 -8
  540. package/addon/components/hds/code-block/index.hbs +0 -27
  541. package/addon/components/hds/code-block/index.js +0 -167
  542. package/addon/components/hds/code-block/title.hbs +0 -8
  543. package/addon/components/hds/copy/button/index.hbs +0 -16
  544. package/addon/components/hds/copy/button/index.js +0 -103
  545. package/addon/components/hds/copy/snippet/index.hbs +0 -15
  546. package/addon/components/hds/copy/snippet/index.js +0 -135
  547. package/addon/components/hds/disclosure-primitive/index.hbs +0 -14
  548. package/addon/components/hds/disclosure-primitive/index.js +0 -30
  549. package/addon/components/hds/dismiss-button/index.hbs +0 -7
  550. package/addon/components/hds/dismiss-button/index.js +0 -17
  551. package/addon/components/hds/dropdown/footer.hbs +0 -8
  552. package/addon/components/hds/dropdown/header.hbs +0 -8
  553. package/addon/components/hds/dropdown/index.hbs +0 -36
  554. package/addon/components/hds/dropdown/index.js +0 -80
  555. package/addon/components/hds/dropdown/list-item/checkbox.hbs +0 -20
  556. package/addon/components/hds/dropdown/list-item/checkbox.js +0 -16
  557. package/addon/components/hds/dropdown/list-item/checkmark.hbs +0 -46
  558. package/addon/components/hds/dropdown/list-item/checkmark.js +0 -28
  559. package/addon/components/hds/dropdown/list-item/copy-item.hbs +0 -16
  560. package/addon/components/hds/dropdown/list-item/copy-item.js +0 -51
  561. package/addon/components/hds/dropdown/list-item/description.hbs +0 -14
  562. package/addon/components/hds/dropdown/list-item/description.js +0 -25
  563. package/addon/components/hds/dropdown/list-item/generic.hbs +0 -7
  564. package/addon/components/hds/dropdown/list-item/interactive.hbs +0 -37
  565. package/addon/components/hds/dropdown/list-item/interactive.js +0 -64
  566. package/addon/components/hds/dropdown/list-item/radio.hbs +0 -25
  567. package/addon/components/hds/dropdown/list-item/radio.js +0 -16
  568. package/addon/components/hds/dropdown/list-item/separator.hbs +0 -10
  569. package/addon/components/hds/dropdown/list-item/title.hbs +0 -14
  570. package/addon/components/hds/dropdown/list-item/title.js +0 -25
  571. package/addon/components/hds/dropdown/toggle/button.hbs +0 -38
  572. package/addon/components/hds/dropdown/toggle/button.js +0 -134
  573. package/addon/components/hds/dropdown/toggle/chevron.hbs +0 -8
  574. package/addon/components/hds/dropdown/toggle/icon.hbs +0 -23
  575. package/addon/components/hds/dropdown/toggle/icon.js +0 -119
  576. package/addon/components/hds/flyout/body.hbs +0 -7
  577. package/addon/components/hds/flyout/description.hbs +0 -7
  578. package/addon/components/hds/flyout/footer.hbs +0 -7
  579. package/addon/components/hds/flyout/header.hbs +0 -18
  580. package/addon/components/hds/flyout/index.hbs +0 -20
  581. package/addon/components/hds/flyout/index.js +0 -168
  582. package/addon/components/hds/form/character-count/index.hbs +0 -28
  583. package/addon/components/hds/form/character-count/index.js +0 -178
  584. package/addon/components/hds/form/checkbox/base.hbs +0 -5
  585. package/addon/components/hds/form/checkbox/field.hbs +0 -24
  586. package/addon/components/hds/form/checkbox/group.hbs +0 -29
  587. package/addon/components/hds/form/error/index.hbs +0 -10
  588. package/addon/components/hds/form/error/index.js +0 -58
  589. package/addon/components/hds/form/error/message.hbs +0 -7
  590. package/addon/components/hds/form/field/index.hbs +0 -47
  591. package/addon/components/hds/form/field/index.js +0 -97
  592. package/addon/components/hds/form/fieldset/index.hbs +0 -33
  593. package/addon/components/hds/form/fieldset/index.js +0 -76
  594. package/addon/components/hds/form/file-input/base.hbs +0 -6
  595. package/addon/components/hds/form/file-input/field.hbs +0 -24
  596. package/addon/components/hds/form/helper-text/index.hbs +0 -15
  597. package/addon/components/hds/form/helper-text/index.js +0 -58
  598. package/addon/components/hds/form/indicator/index.hbs +0 -10
  599. package/addon/components/hds/form/indicator/index.js +0 -24
  600. package/addon/components/hds/form/label/index.hbs +0 -8
  601. package/addon/components/hds/form/label/index.js +0 -29
  602. package/addon/components/hds/form/legend/index.hbs +0 -8
  603. package/addon/components/hds/form/legend/index.js +0 -29
  604. package/addon/components/hds/form/masked-input/base.hbs +0 -40
  605. package/addon/components/hds/form/masked-input/base.js +0 -85
  606. package/addon/components/hds/form/masked-input/field.hbs +0 -33
  607. package/addon/components/hds/form/radio/base.hbs +0 -5
  608. package/addon/components/hds/form/radio/field.hbs +0 -24
  609. package/addon/components/hds/form/radio/group.hbs +0 -29
  610. package/addon/components/hds/form/radio-card/description.hbs +0 -10
  611. package/addon/components/hds/form/radio-card/group.hbs +0 -30
  612. package/addon/components/hds/form/radio-card/index.hbs +0 -24
  613. package/addon/components/hds/form/radio-card/index.js +0 -100
  614. package/addon/components/hds/form/radio-card/label.hbs +0 -11
  615. package/addon/components/hds/form/select/base.hbs +0 -7
  616. package/addon/components/hds/form/select/base.js +0 -27
  617. package/addon/components/hds/form/select/field.hbs +0 -30
  618. package/addon/components/hds/form/text-input/base.hbs +0 -5
  619. package/addon/components/hds/form/text-input/base.js +0 -72
  620. package/addon/components/hds/form/text-input/field.hbs +0 -41
  621. package/addon/components/hds/form/text-input/field.js +0 -59
  622. package/addon/components/hds/form/textarea/base.hbs +0 -6
  623. package/addon/components/hds/form/textarea/base.js +0 -27
  624. package/addon/components/hds/form/textarea/field.hbs +0 -28
  625. package/addon/components/hds/form/toggle/base.hbs +0 -8
  626. package/addon/components/hds/form/toggle/field.hbs +0 -23
  627. package/addon/components/hds/form/toggle/group.hbs +0 -21
  628. package/addon/components/hds/form/visibility-toggle/index.hbs +0 -8
  629. package/addon/components/hds/icon-tile/index.hbs +0 -23
  630. package/addon/components/hds/icon-tile/index.js +0 -189
  631. package/addon/components/hds/interactive/index.hbs +0 -32
  632. package/addon/components/hds/interactive/index.ts +0 -63
  633. package/addon/components/hds/link/inline.hbs +0 -22
  634. package/addon/components/hds/link/inline.js +0 -76
  635. package/addon/components/hds/link/standalone.hbs +0 -28
  636. package/addon/components/hds/link/standalone.js +0 -147
  637. package/addon/components/hds/menu-primitive/index.hbs +0 -22
  638. package/addon/components/hds/menu-primitive/index.js +0 -59
  639. package/addon/components/hds/modal/body.hbs +0 -7
  640. package/addon/components/hds/modal/footer.hbs +0 -7
  641. package/addon/components/hds/modal/header.hbs +0 -18
  642. package/addon/components/hds/modal/index.hbs +0 -19
  643. package/addon/components/hds/modal/index.js +0 -209
  644. package/addon/components/hds/page-header/actions.hbs +0 -5
  645. package/addon/components/hds/page-header/badges.hbs +0 -5
  646. package/addon/components/hds/page-header/description.hbs +0 -11
  647. package/addon/components/hds/page-header/index.hbs +0 -28
  648. package/addon/components/hds/page-header/subtitle.hbs +0 -11
  649. package/addon/components/hds/page-header/title.hbs +0 -11
  650. package/addon/components/hds/pagination/compact/index.hbs +0 -39
  651. package/addon/components/hds/pagination/compact/index.js +0 -163
  652. package/addon/components/hds/pagination/info/index.hbs +0 -11
  653. package/addon/components/hds/pagination/info/index.js +0 -17
  654. package/addon/components/hds/pagination/nav/arrow.hbs +0 -44
  655. package/addon/components/hds/pagination/nav/arrow.js +0 -77
  656. package/addon/components/hds/pagination/nav/ellipsis.hbs +0 -5
  657. package/addon/components/hds/pagination/nav/number.hbs +0 -17
  658. package/addon/components/hds/pagination/nav/number.js +0 -45
  659. package/addon/components/hds/pagination/numbered/index.hbs +0 -70
  660. package/addon/components/hds/pagination/numbered/index.js +0 -341
  661. package/addon/components/hds/pagination/size-selector/index.hbs +0 -16
  662. package/addon/components/hds/pagination/size-selector/index.js +0 -73
  663. package/addon/components/hds/reveal/index.hbs +0 -21
  664. package/addon/components/hds/reveal/index.js +0 -33
  665. package/addon/components/hds/reveal/toggle/button.hbs +0 -13
  666. package/addon/components/hds/reveal/toggle/button.js +0 -24
  667. package/addon/components/hds/segmented-group/index.hbs +0 -15
  668. package/addon/components/hds/separator/index.hbs +0 -5
  669. package/addon/components/hds/separator/index.js +0 -47
  670. package/addon/components/hds/side-nav/base.hbs +0 -19
  671. package/addon/components/hds/side-nav/header/home-link.hbs +0 -20
  672. package/addon/components/hds/side-nav/header/home-link.js +0 -25
  673. package/addon/components/hds/side-nav/header/icon-button.hbs +0 -20
  674. package/addon/components/hds/side-nav/header/icon-button.js +0 -25
  675. package/addon/components/hds/side-nav/header/index.hbs +0 -13
  676. package/addon/components/hds/side-nav/index.hbs +0 -42
  677. package/addon/components/hds/side-nav/index.js +0 -147
  678. package/addon/components/hds/side-nav/list/back-link.hbs +0 -24
  679. package/addon/components/hds/side-nav/list/index.hbs +0 -19
  680. package/addon/components/hds/side-nav/list/item.hbs +0 -8
  681. package/addon/components/hds/side-nav/list/link.hbs +0 -50
  682. package/addon/components/hds/side-nav/list/title.hbs +0 -8
  683. package/addon/components/hds/side-nav/portal/index.hbs +0 -12
  684. package/addon/components/hds/side-nav/portal/target.hbs +0 -14
  685. package/addon/components/hds/side-nav/portal/target.js +0 -162
  686. package/addon/components/hds/side-nav/toggle-button.hbs +0 -7
  687. package/addon/components/hds/stepper/step/indicator.hbs +0 -28
  688. package/addon/components/hds/stepper/step/indicator.js +0 -59
  689. package/addon/components/hds/stepper/task/indicator.hbs +0 -7
  690. package/addon/components/hds/stepper/task/indicator.js +0 -74
  691. package/addon/components/hds/table/index.hbs +0 -78
  692. package/addon/components/hds/table/index.js +0 -182
  693. package/addon/components/hds/table/td.hbs +0 -7
  694. package/addon/components/hds/table/td.js +0 -50
  695. package/addon/components/hds/table/th-sort.hbs +0 -18
  696. package/addon/components/hds/table/th-sort.js +0 -94
  697. package/addon/components/hds/table/th.hbs +0 -11
  698. package/addon/components/hds/table/th.js +0 -50
  699. package/addon/components/hds/table/tr.hbs +0 -7
  700. package/addon/components/hds/tabs/index.hbs +0 -47
  701. package/addon/components/hds/tabs/index.js +0 -211
  702. package/addon/components/hds/tabs/panel.hbs +0 -16
  703. package/addon/components/hds/tabs/panel.js +0 -59
  704. package/addon/components/hds/tabs/tab.hbs +0 -31
  705. package/addon/components/hds/tabs/tab.js +0 -98
  706. package/addon/components/hds/tag/index.hbs +0 -30
  707. package/addon/components/hds/tag/index.js +0 -91
  708. package/addon/components/hds/text/body.hbs +0 -13
  709. package/addon/components/hds/text/body.js +0 -73
  710. package/addon/components/hds/text/code.hbs +0 -13
  711. package/addon/components/hds/text/code.js +0 -73
  712. package/addon/components/hds/text/display.hbs +0 -13
  713. package/addon/components/hds/text/display.js +0 -85
  714. package/addon/components/hds/text/index.hbs +0 -10
  715. package/addon/components/hds/text/index.js +0 -146
  716. package/addon/components/hds/toast/index.hbs +0 -17
  717. package/addon/components/hds/tooltip-button/index.hbs +0 -11
  718. package/addon/components/hds/tooltip-button/index.js +0 -86
  719. package/addon/components/hds/yield/index.hbs +0 -6
  720. package/addon/helpers/hds-link-to-models.js +0 -35
  721. package/addon/helpers/hds-link-to-query.js +0 -26
  722. package/addon/modifiers/hds-clipboard.js +0 -163
  723. package/addon/modifiers/hds-tooltip.js +0 -164
  724. package/addon/template-registry.ts +0 -12
  725. package/addon/utils/hds-get-element-id.js +0 -19
  726. package/addon/utils/hds-set-aria-described-by.js +0 -15
  727. package/app/components/hds/accordion/index.js +0 -6
  728. package/app/components/hds/accordion/item/button.js +0 -6
  729. package/app/components/hds/accordion/item/index.js +0 -6
  730. package/app/components/hds/alert/description.js +0 -6
  731. package/app/components/hds/alert/index.js +0 -6
  732. package/app/components/hds/alert/title.js +0 -6
  733. package/app/components/hds/app-footer/copyright.js +0 -6
  734. package/app/components/hds/app-footer/index.js +0 -6
  735. package/app/components/hds/app-footer/item.js +0 -6
  736. package/app/components/hds/app-footer/legal-links.js +0 -6
  737. package/app/components/hds/app-footer/link.js +0 -6
  738. package/app/components/hds/app-footer/status-link.js +0 -6
  739. package/app/components/hds/app-frame/index.js +0 -6
  740. package/app/components/hds/app-frame/parts/footer.js +0 -6
  741. package/app/components/hds/app-frame/parts/header.js +0 -6
  742. package/app/components/hds/app-frame/parts/main.js +0 -6
  743. package/app/components/hds/app-frame/parts/modals.js +0 -6
  744. package/app/components/hds/app-frame/parts/sidebar.js +0 -6
  745. package/app/components/hds/application-state/body.js +0 -6
  746. package/app/components/hds/application-state/footer.js +0 -6
  747. package/app/components/hds/application-state/header.js +0 -6
  748. package/app/components/hds/application-state/index.js +0 -6
  749. package/app/components/hds/badge/index.js +0 -6
  750. package/app/components/hds/badge-count/index.js +0 -6
  751. package/app/components/hds/breadcrumb/index.js +0 -6
  752. package/app/components/hds/breadcrumb/item.js +0 -6
  753. package/app/components/hds/breadcrumb/truncation.js +0 -6
  754. package/app/components/hds/button/index.js +0 -6
  755. package/app/components/hds/button-set/index.js +0 -6
  756. package/app/components/hds/card/container.js +0 -6
  757. package/app/components/hds/code-block/copy-button.js +0 -6
  758. package/app/components/hds/code-block/description.js +0 -6
  759. package/app/components/hds/code-block/index.js +0 -6
  760. package/app/components/hds/code-block/title.js +0 -6
  761. package/app/components/hds/copy/button/index.js +0 -6
  762. package/app/components/hds/copy/snippet/index.js +0 -6
  763. package/app/components/hds/disclosure-primitive/index.js +0 -6
  764. package/app/components/hds/dismiss-button/index.js +0 -6
  765. package/app/components/hds/dropdown/footer.js +0 -6
  766. package/app/components/hds/dropdown/header.js +0 -6
  767. package/app/components/hds/dropdown/index.js +0 -6
  768. package/app/components/hds/dropdown/list-item/checkbox.js +0 -6
  769. package/app/components/hds/dropdown/list-item/checkmark.js +0 -6
  770. package/app/components/hds/dropdown/list-item/copy-item.js +0 -6
  771. package/app/components/hds/dropdown/list-item/description.js +0 -6
  772. package/app/components/hds/dropdown/list-item/generic.js +0 -6
  773. package/app/components/hds/dropdown/list-item/interactive.js +0 -6
  774. package/app/components/hds/dropdown/list-item/radio.js +0 -6
  775. package/app/components/hds/dropdown/list-item/separator.js +0 -6
  776. package/app/components/hds/dropdown/list-item/title.js +0 -6
  777. package/app/components/hds/dropdown/toggle/button.js +0 -6
  778. package/app/components/hds/dropdown/toggle/chevron.js +0 -6
  779. package/app/components/hds/dropdown/toggle/icon.js +0 -6
  780. package/app/components/hds/flyout/body.js +0 -6
  781. package/app/components/hds/flyout/description.js +0 -6
  782. package/app/components/hds/flyout/footer.js +0 -6
  783. package/app/components/hds/flyout/header.js +0 -6
  784. package/app/components/hds/flyout/index.js +0 -6
  785. package/app/components/hds/form/character-count/index.js +0 -6
  786. package/app/components/hds/form/checkbox/base.js +0 -6
  787. package/app/components/hds/form/checkbox/field.js +0 -6
  788. package/app/components/hds/form/checkbox/group.js +0 -6
  789. package/app/components/hds/form/error/index.js +0 -6
  790. package/app/components/hds/form/error/message.js +0 -6
  791. package/app/components/hds/form/field/index.js +0 -6
  792. package/app/components/hds/form/fieldset/index.js +0 -6
  793. package/app/components/hds/form/file-input/base.js +0 -6
  794. package/app/components/hds/form/file-input/field.js +0 -6
  795. package/app/components/hds/form/helper-text/index.js +0 -6
  796. package/app/components/hds/form/indicator/index.js +0 -6
  797. package/app/components/hds/form/label/index.js +0 -6
  798. package/app/components/hds/form/legend/index.js +0 -6
  799. package/app/components/hds/form/masked-input/base.js +0 -6
  800. package/app/components/hds/form/masked-input/field.js +0 -6
  801. package/app/components/hds/form/radio/base.js +0 -6
  802. package/app/components/hds/form/radio/field.js +0 -6
  803. package/app/components/hds/form/radio/group.js +0 -6
  804. package/app/components/hds/form/radio-card/description.js +0 -6
  805. package/app/components/hds/form/radio-card/group.js +0 -6
  806. package/app/components/hds/form/radio-card/index.js +0 -6
  807. package/app/components/hds/form/radio-card/label.js +0 -6
  808. package/app/components/hds/form/select/base.js +0 -6
  809. package/app/components/hds/form/select/field.js +0 -6
  810. package/app/components/hds/form/text-input/base.js +0 -6
  811. package/app/components/hds/form/text-input/field.js +0 -6
  812. package/app/components/hds/form/textarea/base.js +0 -6
  813. package/app/components/hds/form/textarea/field.js +0 -6
  814. package/app/components/hds/form/toggle/base.js +0 -6
  815. package/app/components/hds/form/toggle/field.js +0 -6
  816. package/app/components/hds/form/toggle/group.js +0 -6
  817. package/app/components/hds/form/visibility-toggle/index.js +0 -6
  818. package/app/components/hds/icon-tile/index.js +0 -6
  819. package/app/components/hds/interactive/index.js +0 -6
  820. package/app/components/hds/link/inline.js +0 -6
  821. package/app/components/hds/link/standalone.js +0 -6
  822. package/app/components/hds/menu-primitive/index.js +0 -6
  823. package/app/components/hds/modal/body.js +0 -6
  824. package/app/components/hds/modal/footer.js +0 -6
  825. package/app/components/hds/modal/header.js +0 -6
  826. package/app/components/hds/modal/index.js +0 -6
  827. package/app/components/hds/page-header/actions.js +0 -6
  828. package/app/components/hds/page-header/badges.js +0 -6
  829. package/app/components/hds/page-header/description.js +0 -6
  830. package/app/components/hds/page-header/index.js +0 -6
  831. package/app/components/hds/page-header/subtitle.js +0 -6
  832. package/app/components/hds/page-header/title.js +0 -6
  833. package/app/components/hds/pagination/compact/index.js +0 -6
  834. package/app/components/hds/pagination/info.js +0 -6
  835. package/app/components/hds/pagination/nav/arrow.js +0 -6
  836. package/app/components/hds/pagination/nav/ellipsis.js +0 -6
  837. package/app/components/hds/pagination/nav/number.js +0 -6
  838. package/app/components/hds/pagination/numbered/index.js +0 -6
  839. package/app/components/hds/pagination/size-selector.js +0 -6
  840. package/app/components/hds/reveal/index.js +0 -6
  841. package/app/components/hds/reveal/toggle/button.js +0 -6
  842. package/app/components/hds/segmented-group/index.js +0 -6
  843. package/app/components/hds/separator/index.js +0 -6
  844. package/app/components/hds/side-nav/base.js +0 -6
  845. package/app/components/hds/side-nav/header/home-link.js +0 -6
  846. package/app/components/hds/side-nav/header/icon-button.js +0 -6
  847. package/app/components/hds/side-nav/header/index.js +0 -6
  848. package/app/components/hds/side-nav/index.js +0 -6
  849. package/app/components/hds/side-nav/list/back-link.js +0 -6
  850. package/app/components/hds/side-nav/list/index.js +0 -6
  851. package/app/components/hds/side-nav/list/item.js +0 -6
  852. package/app/components/hds/side-nav/list/link.js +0 -6
  853. package/app/components/hds/side-nav/list/title.js +0 -6
  854. package/app/components/hds/side-nav/portal/index.js +0 -6
  855. package/app/components/hds/side-nav/portal/target.js +0 -6
  856. package/app/components/hds/side-nav/toggle-button.js +0 -6
  857. package/app/components/hds/stepper/step/indicator.js +0 -6
  858. package/app/components/hds/stepper/task/indicator.js +0 -6
  859. package/app/components/hds/table/index.js +0 -6
  860. package/app/components/hds/table/td.js +0 -6
  861. package/app/components/hds/table/th-sort.js +0 -6
  862. package/app/components/hds/table/th.js +0 -6
  863. package/app/components/hds/table/tr.js +0 -6
  864. package/app/components/hds/tabs/index.js +0 -6
  865. package/app/components/hds/tabs/panel.js +0 -6
  866. package/app/components/hds/tabs/tab.js +0 -6
  867. package/app/components/hds/tag/index.js +0 -6
  868. package/app/components/hds/text/body.js +0 -6
  869. package/app/components/hds/text/code.js +0 -6
  870. package/app/components/hds/text/display.js +0 -6
  871. package/app/components/hds/text/index.js +0 -6
  872. package/app/components/hds/toast/index.js +0 -6
  873. package/app/components/hds/tooltip-button/index.js +0 -6
  874. package/app/components/hds/yield/index.js +0 -6
  875. package/app/helpers/hds-link-to-models.js +0 -6
  876. package/app/helpers/hds-link-to-query.js +0 -6
  877. package/app/modifiers/hds-clipboard.js +0 -6
  878. package/app/modifiers/hds-tooltip.js +0 -6
  879. package/app/styles/@hashicorp/design-system-components.scss +0 -64
  880. package/app/styles/components/flyout.scss +0 -111
  881. package/app/styles/components/table.scss +0 -208
  882. package/app/styles/components/tabs.scss +0 -117
  883. package/blueprints/hds-component/files/addon/components/hds/__name__/index.hbs +0 -8
  884. package/blueprints/hds-component/files/addon/components/hds/__name__/index.js +0 -28
  885. package/blueprints/hds-component/files/app/components/hds/__name__/index.js +0 -6
  886. package/blueprints/hds-component/files/app/styles/components/__name__.scss +0 -12
  887. package/blueprints/hds-component/index.js +0 -65
  888. package/blueprints/hds-component-test/files/tests/acceptance/components/hds/__name__.js +0 -21
  889. package/blueprints/hds-component-test/files/tests/dummy/app/routes/components/__name__.js +0 -8
  890. package/blueprints/hds-component-test/files/tests/dummy/app/styles/showcase-pages/__dummyCSSFileName__.scss +0 -6
  891. package/blueprints/hds-component-test/files/tests/dummy/app/templates/components/__name__.hbs +0 -17
  892. package/blueprints/hds-component-test/files/tests/integration/components/hds/__name__/index-test.js +0 -25
  893. package/blueprints/hds-component-test/index.js +0 -151
  894. package/config/environment.js +0 -10
  895. package/index.js +0 -32
  896. package/tsconfig.declarations.json +0 -10
  897. package/tsconfig.json +0 -47
  898. package/types/dummy/index.d.ts +0 -7
  899. package/types/global.d.ts +0 -12
  900. package/vercel.json +0 -13
  901. /package/{app → dist}/styles/@hashicorp/design-system-power-select-overrides.scss +0 -0
  902. /package/{app → dist}/styles/components/accordion.scss +0 -0
  903. /package/{app → dist}/styles/components/alert.scss +0 -0
  904. /package/{app → dist}/styles/components/app-footer.scss +0 -0
  905. /package/{app → dist}/styles/components/app-frame.scss +0 -0
  906. /package/{app → dist}/styles/components/application-state.scss +0 -0
  907. /package/{app → dist}/styles/components/badge-count.scss +0 -0
  908. /package/{app → dist}/styles/components/badge.scss +0 -0
  909. /package/{app → dist}/styles/components/breadcrumb.scss +0 -0
  910. /package/{app → dist}/styles/components/button-set.scss +0 -0
  911. /package/{app → dist}/styles/components/button.scss +0 -0
  912. /package/{app → dist}/styles/components/card/container.scss +0 -0
  913. /package/{app → dist}/styles/components/card/index.scss +0 -0
  914. /package/{app → dist}/styles/components/code-block/index.scss +0 -0
  915. /package/{app → dist}/styles/components/code-block/theme.scss +0 -0
  916. /package/{app → dist}/styles/components/copy/button.scss +0 -0
  917. /package/{app → dist}/styles/components/copy/index.scss +0 -0
  918. /package/{app → dist}/styles/components/copy/snippet.scss +0 -0
  919. /package/{app → dist}/styles/components/disclosure-primitive.scss +0 -0
  920. /package/{app → dist}/styles/components/dismiss-button.scss +0 -0
  921. /package/{app → dist}/styles/components/dropdown.scss +0 -0
  922. /package/{app → dist}/styles/components/form/character-count.scss +0 -0
  923. /package/{app → dist}/styles/components/form/checkbox.scss +0 -0
  924. /package/{app → dist}/styles/components/form/error.scss +0 -0
  925. /package/{app → dist}/styles/components/form/field.scss +0 -0
  926. /package/{app → dist}/styles/components/form/file-input.scss +0 -0
  927. /package/{app → dist}/styles/components/form/group.scss +0 -0
  928. /package/{app → dist}/styles/components/form/helper-text.scss +0 -0
  929. /package/{app → dist}/styles/components/form/index.scss +0 -0
  930. /package/{app → dist}/styles/components/form/indicator.scss +0 -0
  931. /package/{app → dist}/styles/components/form/label.scss +0 -0
  932. /package/{app → dist}/styles/components/form/legend.scss +0 -0
  933. /package/{app → dist}/styles/components/form/masked-input.scss +0 -0
  934. /package/{app → dist}/styles/components/form/radio-card.scss +0 -0
  935. /package/{app → dist}/styles/components/form/radio.scss +0 -0
  936. /package/{app → dist}/styles/components/form/select.scss +0 -0
  937. /package/{app → dist}/styles/components/form/text-input.scss +0 -0
  938. /package/{app → dist}/styles/components/form/textarea.scss +0 -0
  939. /package/{app → dist}/styles/components/form/toggle.scss +0 -0
  940. /package/{app → dist}/styles/components/form/visibility-toggle.scss +0 -0
  941. /package/{app → dist}/styles/components/icon-tile.scss +0 -0
  942. /package/{app → dist}/styles/components/link/index.scss +0 -0
  943. /package/{app → dist}/styles/components/link/inline.scss +0 -0
  944. /package/{app → dist}/styles/components/link/standalone.scss +0 -0
  945. /package/{app → dist}/styles/components/menu-primitive.scss +0 -0
  946. /package/{app → dist}/styles/components/modal.scss +0 -0
  947. /package/{app → dist}/styles/components/page-header.scss +0 -0
  948. /package/{app → dist}/styles/components/pagination.scss +0 -0
  949. /package/{app → dist}/styles/components/reveal.scss +0 -0
  950. /package/{app → dist}/styles/components/segmented-group.scss +0 -0
  951. /package/{app → dist}/styles/components/separator.scss +0 -0
  952. /package/{app → dist}/styles/components/side-nav/a11y-refocus.scss +0 -0
  953. /package/{app → dist}/styles/components/side-nav/content.scss +0 -0
  954. /package/{app → dist}/styles/components/side-nav/header.scss +0 -0
  955. /package/{app → dist}/styles/components/side-nav/index.scss +0 -0
  956. /package/{app → dist}/styles/components/side-nav/main.scss +0 -0
  957. /package/{app → dist}/styles/components/side-nav/toggle-button.scss +0 -0
  958. /package/{app → dist}/styles/components/side-nav/vars.scss +0 -0
  959. /package/{app → dist}/styles/components/stepper/index.scss +0 -0
  960. /package/{app → dist}/styles/components/stepper/step-indicator.scss +0 -0
  961. /package/{app → dist}/styles/components/stepper/task-indicator.scss +0 -0
  962. /package/{app → dist}/styles/components/tag.scss +0 -0
  963. /package/{app → dist}/styles/components/text.scss +0 -0
  964. /package/{app → dist}/styles/components/toast.scss +0 -0
  965. /package/{app → dist}/styles/components/tooltip.scss +0 -0
  966. /package/{app → dist}/styles/mixins/_button.scss +0 -0
  967. /package/{app → dist}/styles/mixins/_focus-ring.scss +0 -0
@@ -0,0 +1,156 @@
1
+ import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
2
+ import Component from '@glimmer/component';
3
+ import { tracked } from '@glimmer/tracking';
4
+ import { action } from '@ember/object';
5
+ import { assert } from '@ember/debug';
6
+ import { getElementId } from '../../../utils/hds-get-element-id.js';
7
+ import { buildWaiter } from '@ember/test-waiters';
8
+ import { DEBUG } from '@glimmer/env';
9
+ import { precompileTemplate } from '@ember/template-compilation';
10
+ import { setComponentTemplate } from '@ember/component';
11
+
12
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<dialog\n class={{this.classNames}}\n ...attributes\n aria-labelledby={{this.id}}\n {{did-insert this.didInsert}}\n {{will-destroy this.willDestroyNode}}\n {{focus-trap isActive=this.isOpen focusTrapOptions=(hash onDeactivate=this.onDismiss clickOutsideDeactivates=true)}}\n>\n {{yield (hash Header=(component \"hds/flyout/header\" id=this.id onDismiss=this.onDismiss))}}\n {{yield (hash Description=(component \"hds/flyout/description\"))}}\n {{yield (hash Body=(component \"hds/flyout/body\"))}}\n {{yield (hash Footer=(component \"hds/flyout/footer\" onDismiss=this.onDismiss))}}\n</dialog>\n{{#if this.isOpen}}\n <div class=\"hds-flyout__overlay\"></div>\n{{/if}}");
13
+
14
+ var _class, _descriptor;
15
+ let waiter;
16
+
17
+ // Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)
18
+ if (DEBUG) {
19
+ waiter = buildWaiter('@hashicorp/design-system-components:flyout');
20
+ }
21
+ const DEFAULT_SIZE = 'medium';
22
+ const DEFAULT_HAS_OVERLAY = true;
23
+ const SIZES = ['medium', 'large'];
24
+ let HdsFlyoutIndexComponent = (_class = class HdsFlyoutIndexComponent extends Component {
25
+ constructor(...args) {
26
+ super(...args);
27
+ _initializerDefineProperty(this, "isOpen", _descriptor, this);
28
+ }
29
+ /**
30
+ * Sets the size of the flyout
31
+ * Accepted values: medium, large
32
+ *
33
+ * @param size
34
+ * @type {string}
35
+ * @default 'medium'
36
+ */
37
+ get size() {
38
+ let {
39
+ size = DEFAULT_SIZE
40
+ } = this.args;
41
+ assert(`@size for "Hds::Flyout" must be one of the following: ${SIZES.join(', ')}; received: ${size}`, SIZES.includes(size));
42
+ return size;
43
+ }
44
+
45
+ /**
46
+ * Calculates the unique ID to assign to the title
47
+ */
48
+ get id() {
49
+ return getElementId(this);
50
+ }
51
+
52
+ /**
53
+ * Get the class names to apply to the component.
54
+ * @method classNames
55
+ * @return {string} The "class" attribute to apply to the component.
56
+ */
57
+ get classNames() {
58
+ let classes = ['hds-flyout'];
59
+
60
+ // add a class based on the @size argument
61
+ classes.push(`hds-flyout--size-${this.size}`);
62
+ return classes.join(' ');
63
+ }
64
+ registerOnCloseCallback() {
65
+ if (this.args.onClose && typeof this.args.onClose === 'function') {
66
+ this.args.onClose();
67
+ }
68
+ this.isOpen = false;
69
+ }
70
+ didInsert(element) {
71
+ // Store references of `<dialog>` and `<body>` elements
72
+ this.element = element;
73
+ this.body = document.body;
74
+ if (this.body) {
75
+ // Store the initial `overflow` value of `<body>` so we can reset to it
76
+ this.bodyInitialOverflowValue = this.body.style.getPropertyValue('overflow');
77
+ }
78
+
79
+ // Register `<dialog>` element for polyfilling if no native support is available
80
+ if (!element.showModal) {
81
+ Promise.all([import('dialog-polyfill'), import('dialog-polyfill/dist/dialog-polyfill.css')]).then(([dialogPolyfill]) => {
82
+ const dialog = dialogPolyfill.default;
83
+ if (dialog.registerDialog) {
84
+ dialog.registerDialog(element);
85
+ // This unscoped class is defined in the dialog polyfill: https://github.com/GoogleChrome/dialog-polyfill/blob/master/dist/dialog-polyfill.css#L33
86
+ element.classList.add('fixed');
87
+ }
88
+ }).catch({});
89
+ }
90
+
91
+ // Register "onClose" callback function to be called when a native 'close' event is dispatched
92
+ this.element.addEventListener('close', this.registerOnCloseCallback, true);
93
+
94
+ // If the flyout dialog is not already open
95
+ if (!this.element.open) {
96
+ this.open();
97
+ }
98
+ }
99
+ willDestroyNode() {
100
+ if (this.element) {
101
+ this.element.removeEventListener('close', this.registerOnCloseCallback, true);
102
+ }
103
+ }
104
+ open() {
105
+ // Make flyout dialog visible using the native `showModal` method
106
+ this.element.showModal();
107
+ this.isOpen = true;
108
+
109
+ // Prevent page from scrolling when the dialog is open
110
+ if (this.body) this.body.style.setProperty('overflow', 'hidden');
111
+
112
+ // Call "onOpen" callback function
113
+ if (this.args.onOpen && typeof this.args.onOpen === 'function') {
114
+ this.args.onOpen();
115
+ }
116
+ }
117
+ async onDismiss() {
118
+ // allow ember test helpers to be aware of when the `close` event fires
119
+ // when using `click` or other helpers from '@ember/test-helpers'
120
+ // Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)
121
+ if (DEBUG && this.element.open) {
122
+ let token = waiter.beginAsync();
123
+ let listener = () => {
124
+ waiter.endAsync(token);
125
+ this.element.removeEventListener('close', listener);
126
+ };
127
+ this.element.addEventListener('close', listener);
128
+ }
129
+
130
+ // Make flyout dialog invisible using the native `close` method
131
+ this.element.close();
132
+
133
+ // Reset page `overflow` property
134
+ if (this.body) {
135
+ this.body.style.removeProperty('overflow');
136
+ if (this.bodyInitialOverflowValue === '') {
137
+ if (this.body.style.length === 0) {
138
+ this.body.removeAttribute('style');
139
+ }
140
+ } else {
141
+ this.body.style.setProperty('overflow', this.bodyInitialOverflowValue);
142
+ }
143
+ }
144
+ }
145
+ }, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "isOpen", [tracked], {
146
+ configurable: true,
147
+ enumerable: true,
148
+ writable: true,
149
+ initializer: function () {
150
+ return false;
151
+ }
152
+ }), _applyDecoratedDescriptor(_class.prototype, "registerOnCloseCallback", [action], Object.getOwnPropertyDescriptor(_class.prototype, "registerOnCloseCallback"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "didInsert", [action], Object.getOwnPropertyDescriptor(_class.prototype, "didInsert"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "willDestroyNode", [action], Object.getOwnPropertyDescriptor(_class.prototype, "willDestroyNode"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "open", [action], Object.getOwnPropertyDescriptor(_class.prototype, "open"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "onDismiss", [action], Object.getOwnPropertyDescriptor(_class.prototype, "onDismiss"), _class.prototype)), _class);
153
+ setComponentTemplate(TEMPLATE, HdsFlyoutIndexComponent);
154
+
155
+ export { DEFAULT_HAS_OVERLAY, DEFAULT_SIZE, SIZES, HdsFlyoutIndexComponent as default };
156
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/hds/flyout/index.hbs","../../../../src/components/hds/flyout/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<dialog\\n class={{this.classNames}}\\n ...attributes\\n aria-labelledby={{this.id}}\\n {{did-insert this.didInsert}}\\n {{will-destroy this.willDestroyNode}}\\n {{focus-trap isActive=this.isOpen focusTrapOptions=(hash onDeactivate=this.onDismiss clickOutsideDeactivates=true)}}\\n>\\n {{yield (hash Header=(component \\\"hds/flyout/header\\\" id=this.id onDismiss=this.onDismiss))}}\\n {{yield (hash Description=(component \\\"hds/flyout/description\\\"))}}\\n {{yield (hash Body=(component \\\"hds/flyout/body\\\"))}}\\n {{yield (hash Footer=(component \\\"hds/flyout/footer\\\" onDismiss=this.onDismiss))}}\\n</dialog>\\n{{#if this.isOpen}}\\n <div class=\\\"hds-flyout__overlay\\\"></div>\\n{{/if}}\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { action } from '@ember/object';\nimport { assert } from '@ember/debug';\nimport { getElementId } from '../../../utils/hds-get-element-id';\nimport { buildWaiter } from '@ember/test-waiters';\nimport { DEBUG } from '@glimmer/env';\n\nlet waiter;\n\n// Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)\nif (DEBUG) {\n waiter = buildWaiter('@hashicorp/design-system-components:flyout');\n}\n\nexport const DEFAULT_SIZE = 'medium';\nexport const DEFAULT_HAS_OVERLAY = true;\nexport const SIZES = ['medium', 'large'];\n\nexport default class HdsFlyoutIndexComponent extends Component {\n @tracked isOpen = false;\n\n /**\n * Sets the size of the flyout\n * Accepted values: medium, large\n *\n * @param size\n * @type {string}\n * @default 'medium'\n */\n get size() {\n let { size = DEFAULT_SIZE } = this.args;\n\n assert(\n `@size for \"Hds::Flyout\" must be one of the following: ${SIZES.join(\n ', '\n )}; received: ${size}`,\n SIZES.includes(size)\n );\n\n return size;\n }\n\n /**\n * Calculates the unique ID to assign to the title\n */\n get id() {\n return getElementId(this);\n }\n\n /**\n * Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames() {\n let classes = ['hds-flyout'];\n\n // add a class based on the @size argument\n classes.push(`hds-flyout--size-${this.size}`);\n\n return classes.join(' ');\n }\n\n @action registerOnCloseCallback() {\n if (this.args.onClose && typeof this.args.onClose === 'function') {\n this.args.onClose();\n }\n\n this.isOpen = false;\n }\n\n @action\n didInsert(element) {\n // Store references of `<dialog>` and `<body>` elements\n this.element = element;\n this.body = document.body;\n\n if (this.body) {\n // Store the initial `overflow` value of `<body>` so we can reset to it\n this.bodyInitialOverflowValue =\n this.body.style.getPropertyValue('overflow');\n }\n\n // Register `<dialog>` element for polyfilling if no native support is available\n if (!element.showModal) {\n Promise.all([\n import('dialog-polyfill'),\n import('dialog-polyfill/dist/dialog-polyfill.css'),\n ])\n .then(([dialogPolyfill]) => {\n const dialog = dialogPolyfill.default;\n if (dialog.registerDialog) {\n dialog.registerDialog(element);\n // This unscoped class is defined in the dialog polyfill: https://github.com/GoogleChrome/dialog-polyfill/blob/master/dist/dialog-polyfill.css#L33\n element.classList.add('fixed');\n }\n })\n .catch({});\n }\n\n // Register \"onClose\" callback function to be called when a native 'close' event is dispatched\n this.element.addEventListener('close', this.registerOnCloseCallback, true);\n\n // If the flyout dialog is not already open\n if (!this.element.open) {\n this.open();\n }\n }\n\n @action\n willDestroyNode() {\n if (this.element) {\n this.element.removeEventListener(\n 'close',\n this.registerOnCloseCallback,\n true\n );\n }\n }\n\n @action\n open() {\n // Make flyout dialog visible using the native `showModal` method\n this.element.showModal();\n this.isOpen = true;\n\n // Prevent page from scrolling when the dialog is open\n if (this.body) this.body.style.setProperty('overflow', 'hidden');\n\n // Call \"onOpen\" callback function\n if (this.args.onOpen && typeof this.args.onOpen === 'function') {\n this.args.onOpen();\n }\n }\n\n @action\n async onDismiss() {\n // allow ember test helpers to be aware of when the `close` event fires\n // when using `click` or other helpers from '@ember/test-helpers'\n // Notice: this code will get stripped out in production builds (DEBUG evaluates to `true` in dev/test builds, but `false` in prod builds)\n if (DEBUG && this.element.open) {\n let token = waiter.beginAsync();\n let listener = () => {\n waiter.endAsync(token);\n this.element.removeEventListener('close', listener);\n };\n this.element.addEventListener('close', listener);\n }\n\n // Make flyout dialog invisible using the native `close` method\n this.element.close();\n\n // Reset page `overflow` property\n if (this.body) {\n this.body.style.removeProperty('overflow');\n if (this.bodyInitialOverflowValue === '') {\n if (this.body.style.length === 0) {\n this.body.removeAttribute('style');\n }\n } else {\n this.body.style.setProperty('overflow', this.bodyInitialOverflowValue);\n }\n }\n }\n}\n"],"names":["waiter","DEBUG","buildWaiter","DEFAULT_SIZE","DEFAULT_HAS_OVERLAY","SIZES","HdsFlyoutIndexComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","size","assert","join","includes","id","getElementId","classNames","classes","push","registerOnCloseCallback","onClose","isOpen","didInsert","element","body","document","bodyInitialOverflowValue","style","getPropertyValue","showModal","Promise","all","then","dialogPolyfill","dialog","default","registerDialog","classList","add","catch","addEventListener","open","willDestroyNode","removeEventListener","setProperty","onOpen","onDismiss","token","beginAsync","listener","endAsync","close","removeProperty","length","removeAttribute","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":"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"}
@@ -0,0 +1,149 @@
1
+ import Component from '@glimmer/component';
2
+ import { precompileTemplate } from '@ember/template-compilation';
3
+ import { setComponentTemplate } from '@ember/component';
4
+
5
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body\n @tag=\"div\"\n @size=\"100\"\n class={{this.classNames}}\n id={{this.id}}\n {{did-insert this.onInsert}}\n ...attributes\n aria-live=\"polite\"\n>\n {{#if (has-block)}}\n {{yield\n (hash\n minLength=this.minLength\n maxLength=this.maxLength\n currentLength=this.currentLength\n remaining=this.remaining\n shortfall=this.shortfall\n )\n }}\n {{else}}\n {{this.message}}\n {{/if}}\n</Hds::Text::Body>");
6
+
7
+ /**
8
+ * Copyright (c) HashiCorp, Inc.
9
+ * SPDX-License-Identifier: MPL-2.0
10
+ */
11
+
12
+ const ID_PREFIX = 'character-count-';
13
+ const NOOP = () => {};
14
+ class HdsFormCharacterCountIndexComponent extends Component {
15
+ // The current number of characters in @value
16
+ get currentLength() {
17
+ let {
18
+ value
19
+ } = this.args;
20
+ return value ? value.length : 0;
21
+ }
22
+
23
+ // Inflector utility function to determine plural or singular for 'character' noun
24
+ pluralize(count, prefix = '', noun = 'character', suffix = 's') {
25
+ return `${count}${prefix ? ' ' + prefix : ''} ${noun}${count !== 1 ? suffix : ''}`;
26
+ }
27
+
28
+ /**
29
+ * @param maxLength
30
+ * @type {number}
31
+ * @default null
32
+ * @description The maximum number of characters allowed.
33
+ */
34
+ get maxLength() {
35
+ let {
36
+ maxLength
37
+ } = this.args;
38
+ return parseInt(maxLength);
39
+ }
40
+
41
+ /**
42
+ * @param minLength
43
+ * @type {number}
44
+ * @default null
45
+ * @description The minimum number of characters allowed.
46
+ */
47
+ get minLength() {
48
+ let {
49
+ minLength
50
+ } = this.args;
51
+ return parseInt(minLength);
52
+ }
53
+
54
+ /**
55
+ * @param remaining
56
+ * @type {number}
57
+ * @default null
58
+ * @description The remaining number of characters.
59
+ */
60
+ get remaining() {
61
+ return this.maxLength - this.currentLength;
62
+ }
63
+
64
+ /**
65
+ * @param shortfall
66
+ * @type {number}
67
+ * @default null
68
+ * @description The number of characters the content is falling short of.
69
+ */
70
+ get shortfall() {
71
+ return this.minLength - this.currentLength;
72
+ }
73
+
74
+ /**
75
+ * @param message
76
+ * @type {string}
77
+ * @default null
78
+ * @description The character count message presented to users
79
+ */
80
+ get message() {
81
+ let messageText = '';
82
+ if (this.minLength && this.currentLength === 0) {
83
+ messageText = `${this.pluralize(this.minLength)} required`;
84
+ } else if (this.minLength && this.currentLength < this.minLength) {
85
+ messageText = `${this.pluralize(this.shortfall, 'more')} required`;
86
+ } else if (this.maxLength && this.currentLength === 0) {
87
+ messageText = `${this.pluralize(this.maxLength)} allowed`;
88
+ } else if (this.maxLength && this.currentLength <= this.maxLength) {
89
+ messageText = `${this.pluralize(this.remaining)} remaining`;
90
+ } else if (this.currentLength > this.maxLength) {
91
+ messageText = `Exceeded by ${this.pluralize(-this.remaining)}`;
92
+ } else {
93
+ messageText = `${this.pluralize(this.currentLength)} entered`;
94
+ }
95
+ return messageText;
96
+ }
97
+
98
+ /**
99
+ * Determines the unique ID to assign to the element
100
+ * @method id
101
+ * @return {(string|null)} The "id" attribute to apply to the element or null, if no controlId is provided
102
+ */
103
+ get id() {
104
+ let {
105
+ controlId
106
+ } = this.args;
107
+ if (controlId) {
108
+ return `${ID_PREFIX}${controlId}`;
109
+ }
110
+ return null;
111
+ }
112
+
113
+ /**
114
+ * @param onInsert
115
+ * @type {function}
116
+ * @default () => {}
117
+ */
118
+ get onInsert() {
119
+ let {
120
+ onInsert
121
+ } = this.args;
122
+ // notice: this is a guard used to prevent triggering an error when the component is used as standalone element
123
+ if (typeof onInsert === 'function') {
124
+ return onInsert;
125
+ } else {
126
+ return NOOP;
127
+ }
128
+ }
129
+ /**
130
+ * Get the class names to apply to the component.
131
+ * @method classNames
132
+ * @return {string} The "class" attribute to apply to the component.
133
+ */
134
+ get classNames() {
135
+ let classes = ['hds-form-character-count'];
136
+
137
+ // add a class based on the @contextualClass argument
138
+ // notice: this will *not* be documented for public use
139
+ // the reason for this is that the contextual component declarations don't pass attributes to the component
140
+ if (this.args.contextualClass) {
141
+ classes.push(this.args.contextualClass);
142
+ }
143
+ return classes.join(' ');
144
+ }
145
+ }
146
+ setComponentTemplate(TEMPLATE, HdsFormCharacterCountIndexComponent);
147
+
148
+ export { HdsFormCharacterCountIndexComponent as default };
149
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/character-count/index.hbs","../../../../../src/components/hds/form/character-count/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body\\n @tag=\\\"div\\\"\\n @size=\\\"100\\\"\\n class={{this.classNames}}\\n id={{this.id}}\\n {{did-insert this.onInsert}}\\n ...attributes\\n aria-live=\\\"polite\\\"\\n>\\n {{#if (has-block)}}\\n {{yield\\n (hash\\n minLength=this.minLength\\n maxLength=this.maxLength\\n currentLength=this.currentLength\\n remaining=this.remaining\\n shortfall=this.shortfall\\n )\\n }}\\n {{else}}\\n {{this.message}}\\n {{/if}}\\n</Hds::Text::Body>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\n\nconst ID_PREFIX = 'character-count-';\nconst NOOP = () => {};\n\nexport default class HdsFormCharacterCountIndexComponent extends Component {\n // The current number of characters in @value\n get currentLength() {\n let { value } = this.args;\n return value ? value.length : 0;\n }\n\n // Inflector utility function to determine plural or singular for 'character' noun\n pluralize(count, prefix = '', noun = 'character', suffix = 's') {\n return `${count}${prefix ? ' ' + prefix : ''} ${noun}${\n count !== 1 ? suffix : ''\n }`;\n }\n\n /**\n * @param maxLength\n * @type {number}\n * @default null\n * @description The maximum number of characters allowed.\n */\n get maxLength() {\n let { maxLength } = this.args;\n return parseInt(maxLength);\n }\n\n /**\n * @param minLength\n * @type {number}\n * @default null\n * @description The minimum number of characters allowed.\n */\n get minLength() {\n let { minLength } = this.args;\n return parseInt(minLength);\n }\n\n /**\n * @param remaining\n * @type {number}\n * @default null\n * @description The remaining number of characters.\n */\n get remaining() {\n return this.maxLength - this.currentLength;\n }\n\n /**\n * @param shortfall\n * @type {number}\n * @default null\n * @description The number of characters the content is falling short of.\n */\n get shortfall() {\n return this.minLength - this.currentLength;\n }\n\n /**\n * @param message\n * @type {string}\n * @default null\n * @description The character count message presented to users\n */\n get message() {\n let messageText = '';\n if (this.minLength && this.currentLength === 0) {\n messageText = `${this.pluralize(this.minLength)} required`;\n } else if (this.minLength && this.currentLength < this.minLength) {\n messageText = `${this.pluralize(this.shortfall, 'more')} required`;\n } else if (this.maxLength && this.currentLength === 0) {\n messageText = `${this.pluralize(this.maxLength)} allowed`;\n } else if (this.maxLength && this.currentLength <= this.maxLength) {\n messageText = `${this.pluralize(this.remaining)} remaining`;\n } else if (this.currentLength > this.maxLength) {\n messageText = `Exceeded by ${this.pluralize(-this.remaining)}`;\n } else {\n messageText = `${this.pluralize(this.currentLength)} entered`;\n }\n return messageText;\n }\n\n /**\n * Determines the unique ID to assign to the element\n * @method id\n * @return {(string|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n */\n get id() {\n let { controlId } = this.args;\n if (controlId) {\n return `${ID_PREFIX}${controlId}`;\n }\n return null;\n }\n\n /**\n * @param onInsert\n * @type {function}\n * @default () => {}\n */\n get onInsert() {\n let { onInsert } = this.args;\n // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n if (typeof onInsert === 'function') {\n return onInsert;\n } else {\n return NOOP;\n }\n }\n /**\n * Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames() {\n let classes = ['hds-form-character-count'];\n\n // add a class based on the @contextualClass argument\n // notice: this will *not* be documented for public use\n // the reason for this is that the contextual component declarations don't pass attributes to the component\n if (this.args.contextualClass) {\n classes.push(this.args.contextualClass);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormCharacterCountIndexComponent","Component","currentLength","value","args","length","pluralize","count","prefix","noun","suffix","maxLength","parseInt","minLength","remaining","shortfall","message","messageText","id","controlId","onInsert","classNames","classes","contextualClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":"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"}
@@ -0,0 +1,10 @@
1
+ import templateOnly from '@ember/component/template-only';
2
+ import { precompileTemplate } from '@ember/template-compilation';
3
+ import { setComponentTemplate } from '@ember/component';
4
+
5
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<input type=\"checkbox\" class=\"hds-form-checkbox\" ...attributes value={{@value}} />");
6
+
7
+ var base = setComponentTemplate(TEMPLATE, templateOnly());
8
+
9
+ export { base as default };
10
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/hds/form/checkbox/base.hbs","../../../../../src/components/hds/form/checkbox/base.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<input type=\\\"checkbox\\\" class=\\\"hds-form-checkbox\\\" ...attributes value={{@value}} />\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,sKAAsK;;ACAxM,WAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
@@ -0,0 +1,10 @@
1
+ import templateOnly from '@ember/component/template-only';
2
+ import { precompileTemplate } from '@ember/template-compilation';
3
+ import { setComponentTemplate } from '@ember/component';
4
+
5
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Field\n @layout=\"flag\"\n @contextualClass={{@contextualClass}}\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\n @id={{@id}}\n as |F|\n>\n {{! Notice: the order of the elements is not relevant here, because it\'s controlled at \"Hds::Form::Field\" component level }}\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\n <F.Control>\n <Hds::Form::Checkbox::Base\n @value={{@value}}\n name={{@name}}\n required={{@isRequired}}\n ...attributes\n id={{F.id}}\n aria-describedby={{F.ariaDescribedBy}}\n />\n </F.Control>\n</Hds::Form::Field>");
6
+
7
+ var field = setComponentTemplate(TEMPLATE, templateOnly());
8
+
9
+ export { field as default };
10
+ //# sourceMappingURL=field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field.js","sources":["../../../../../src/components/hds/form/checkbox/field.hbs","../../../../../src/components/hds/form/checkbox/field.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Field\\n @layout=\\\"flag\\\"\\n @contextualClass={{@contextualClass}}\\n @extraAriaDescribedBy={{@extraAriaDescribedBy}}\\n @id={{@id}}\\n as |F|\\n>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Field\\\" component level }}\\n {{yield (hash Label=F.Label HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n <Hds::Form::Checkbox::Base\\n @value={{@value}}\\n name={{@name}}\\n required={{@isRequired}}\\n ...attributes\\n id={{F.id}}\\n aria-describedby={{F.ariaDescribedBy}}\\n />\\n </F.Control>\\n</Hds::Form::Field>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,yrBAAyrB;;ACA3tB,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
@@ -0,0 +1,10 @@
1
+ import templateOnly from '@ember/component/template-only';
2
+ import { precompileTemplate } from '@ember/template-compilation';
3
+ import { setComponentTemplate } from '@ember/component';
4
+
5
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Form::Fieldset\n @layout={{@layout}}\n @name={{@name}}\n @isRequired={{@isRequired}}\n @isOptional={{@isOptional}}\n ...attributes\n as |F|\n>\n {{! Notice: the order of the elements is not relevant here, because it\'s controlled at \"Hds::Form::Fieldset\" component level }}\n {{yield (hash Legend=F.Legend isRequired=F.isRequired isOptional=F.isOptional)}}\n {{yield (hash HelperText=F.HelperText Error=F.Error)}}\n <F.Control>\n {{yield\n (hash\n CheckboxField=(component\n \"hds/form/checkbox/field\"\n contextualClass=\"hds-form-group__control-field\"\n isRequired=@isRequired\n name=@name\n extraAriaDescribedBy=F.ariaDescribedBy\n )\n )\n }}\n </F.Control>\n</Hds::Form::Fieldset>");
6
+
7
+ var group = setComponentTemplate(TEMPLATE, templateOnly());
8
+
9
+ export { group as default };
10
+ //# sourceMappingURL=group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"group.js","sources":["../../../../../src/components/hds/form/checkbox/group.hbs","../../../../../src/components/hds/form/checkbox/group.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Form::Fieldset\\n @layout={{@layout}}\\n @name={{@name}}\\n @isRequired={{@isRequired}}\\n @isOptional={{@isOptional}}\\n ...attributes\\n as |F|\\n>\\n {{! Notice: the order of the elements is not relevant here, because it\\'s controlled at \\\"Hds::Form::Fieldset\\\" component level }}\\n {{yield (hash Legend=F.Legend isRequired=F.isRequired isOptional=F.isOptional)}}\\n {{yield (hash HelperText=F.HelperText Error=F.Error)}}\\n <F.Control>\\n {{yield\\n (hash\\n CheckboxField=(component\\n \\\"hds/form/checkbox/field\\\"\\n contextualClass=\\\"hds-form-group__control-field\\\"\\n isRequired=@isRequired\\n name=@name\\n extraAriaDescribedBy=F.ariaDescribedBy\\n )\\n )\\n }}\\n </F.Control>\\n</Hds::Form::Fieldset>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,21BAA21B;;ACA73B,YAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
@@ -0,0 +1,68 @@
1
+ import Component from '@glimmer/component';
2
+ import { precompileTemplate } from '@ember/template-compilation';
3
+ import { setComponentTemplate } from '@ember/component';
4
+
5
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} id={{this.id}} {{did-insert this.onInsert}} ...attributes>\n <FlightIcon class=\"hds-form-error__icon\" @name=\"alert-diamond-fill\" />\n <Hds::Text::Body class=\"hds-form-error__content\" @tag=\"div\" @size=\"100\" @weight=\"medium\">\n {{yield (hash Message=(component \"hds/form/error/message\"))}}\n </Hds::Text::Body>\n</div>");
6
+
7
+ /**
8
+ * Copyright (c) HashiCorp, Inc.
9
+ * SPDX-License-Identifier: MPL-2.0
10
+ */
11
+
12
+ const ID_PREFIX = 'error-';
13
+ const NOOP = () => {};
14
+ class HdsFormErrorIndexComponent extends Component {
15
+ /**
16
+ * Determines the unique ID to assign to the element
17
+ * @method id
18
+ * @return {(string|null)} The "id" attribute to apply to the element or null, if no controlId is provided
19
+ */
20
+ get id() {
21
+ let {
22
+ controlId
23
+ } = this.args;
24
+ if (controlId) {
25
+ return `${ID_PREFIX}${controlId}`;
26
+ }
27
+ return null;
28
+ }
29
+
30
+ /**
31
+ * @param onInsert
32
+ * @type {function}
33
+ * @default () => {}
34
+ */
35
+ get onInsert() {
36
+ let {
37
+ onInsert
38
+ } = this.args;
39
+
40
+ // notice: this is a guard used to prevent triggering an error when the component is used as standalone element
41
+ if (typeof onInsert === 'function') {
42
+ return onInsert;
43
+ } else {
44
+ return NOOP;
45
+ }
46
+ }
47
+
48
+ /**
49
+ * Get the class names to apply to the component.
50
+ * @method classNames
51
+ * @return {string} The "class" attribute to apply to the component.
52
+ */
53
+ get classNames() {
54
+ let classes = ['hds-form-error'];
55
+
56
+ // add a class based on the @contextualClass argument
57
+ // notice: this will *not* be documented for public use
58
+ // the reason for this is that the contextual component declarations don't pass attributes to the component
59
+ if (this.args.contextualClass) {
60
+ classes.push(this.args.contextualClass);
61
+ }
62
+ return classes.join(' ');
63
+ }
64
+ }
65
+ setComponentTemplate(TEMPLATE, HdsFormErrorIndexComponent);
66
+
67
+ export { ID_PREFIX, HdsFormErrorIndexComponent as default };
68
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/error/index.hbs","../../../../../src/components/hds/form/error/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} id={{this.id}} {{did-insert this.onInsert}} ...attributes>\\n <FlightIcon class=\\\"hds-form-error__icon\\\" @name=\\\"alert-diamond-fill\\\" />\\n <Hds::Text::Body class=\\\"hds-form-error__content\\\" @tag=\\\"div\\\" @size=\\\"100\\\" @weight=\\\"medium\\\">\\n {{yield (hash Message=(component \\\"hds/form/error/message\\\"))}}\\n </Hds::Text::Body>\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nexport const ID_PREFIX = 'error-';\n\nconst NOOP = () => {};\n\nexport default class HdsFormErrorIndexComponent extends Component {\n /**\n * Determines the unique ID to assign to the element\n * @method id\n * @return {(string|null)} The \"id\" attribute to apply to the element or null, if no controlId is provided\n */\n get id() {\n let { controlId } = this.args;\n if (controlId) {\n return `${ID_PREFIX}${controlId}`;\n }\n return null;\n }\n\n /**\n * @param onInsert\n * @type {function}\n * @default () => {}\n */\n get onInsert() {\n let { onInsert } = this.args;\n\n // notice: this is a guard used to prevent triggering an error when the component is used as standalone element\n if (typeof onInsert === 'function') {\n return onInsert;\n } else {\n return NOOP;\n }\n }\n\n /**\n * Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames() {\n let classes = ['hds-form-error'];\n\n // add a class based on the @contextualClass argument\n // notice: this will *not* be documented for public use\n // the reason for this is that the contextual component declarations don't pass attributes to the component\n if (this.args.contextualClass) {\n classes.push(this.args.contextualClass);\n }\n\n return classes.join(' ');\n }\n}\n"],"names":["ID_PREFIX","NOOP","HdsFormErrorIndexComponent","Component","id","controlId","args","onInsert","classNames","classes","contextualClass","push","join","setComponentTemplate","TEMPLATE"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,+bAA+b;;ACDje;AACA;AACA;AACA;;AAGO,MAAMA,SAAS,GAAG,SAAQ;AAEjC,MAAMC,IAAI,GAAGA,MAAM,EAAE,CAAA;AAEN,MAAMC,0BAA0B,SAASC,SAAS,CAAC;AAChE;AACF;AACA;AACA;AACA;EACE,IAAIC,EAAEA,GAAG;IACP,IAAI;AAAEC,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACC,IAAI,CAAA;AAC7B,IAAA,IAAID,SAAS,EAAE;AACb,MAAA,OAAQ,CAAEL,EAAAA,SAAU,CAAEK,EAAAA,SAAU,CAAC,CAAA,CAAA;AACnC,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIE,QAAQA,GAAG;IACb,IAAI;AAAEA,MAAAA,QAAAA;KAAU,GAAG,IAAI,CAACD,IAAI,CAAA;;AAE5B;AACA,IAAA,IAAI,OAAOC,QAAQ,KAAK,UAAU,EAAE;AAClC,MAAA,OAAOA,QAAQ,CAAA;AACjB,KAAC,MAAM;AACL,MAAA,OAAON,IAAI,CAAA;AACb,KAAA;AACF,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIO,UAAUA,GAAG;AACf,IAAA,IAAIC,OAAO,GAAG,CAAC,gBAAgB,CAAC,CAAA;;AAEhC;AACA;AACA;AACA,IAAA,IAAI,IAAI,CAACH,IAAI,CAACI,eAAe,EAAE;MAC7BD,OAAO,CAACE,IAAI,CAAC,IAAI,CAACL,IAAI,CAACI,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACG,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;AACF,CAAA;AAACC,oBAAA,CAAAC,QAAA,EA/CoBZ,0BAA0B,CAAA;;;;"}
@@ -0,0 +1,10 @@
1
+ import templateOnly from '@ember/component/template-only';
2
+ import { precompileTemplate } from '@ember/template-compilation';
3
+ import { setComponentTemplate } from '@ember/component';
4
+
5
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<Hds::Text::Body class=\"hds-form-error__message\" @tag=\"p\" @size=\"100\" @weight=\"medium\" ...attributes>\n {{yield}}\n</Hds::Text::Body>");
6
+
7
+ var message = setComponentTemplate(TEMPLATE, templateOnly());
8
+
9
+ export { message as default };
10
+ //# sourceMappingURL=message.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"message.js","sources":["../../../../../src/components/hds/form/error/message.hbs","../../../../../src/components/hds/form/error/message.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<Hds::Text::Body class=\\\"hds-form-error__message\\\" @tag=\\\"p\\\" @size=\\\"100\\\" @weight=\\\"medium\\\" ...attributes>\\n {{yield}}\\n</Hds::Text::Body>\")","import templateOnly from '@ember/component/template-only';\nexport default templateOnly();\n"],"names":["setComponentTemplate","TEMPLATE","templateOnly"],"mappings":";;;;AACA,eAAe,kBAAkB,CAAC,8NAA8N;;ACAhQ,cAAAA,oBAAA,CAAAC,QAAA,EAAeC,YAAY,EAAE,CAAA;;;;"}
@@ -0,0 +1,107 @@
1
+ import { a as _applyDecoratedDescriptor, b as _initializerDefineProperty } from '../../../../_rollupPluginBabelHelpers-lqPQKyNs.js';
2
+ import Component from '@glimmer/component';
3
+ import { tracked } from '@glimmer/tracking';
4
+ import { assert } from '@ember/debug';
5
+ import { action } from '@ember/object';
6
+ import { schedule } from '@ember/runloop';
7
+ import { getElementId } from '../../../../utils/hds-get-element-id.js';
8
+ import { setAriaDescribedBy } from '../../../../utils/hds-set-aria-described-by.js';
9
+ import { precompileTemplate } from '@ember/template-compilation';
10
+ import { setComponentTemplate } from '@ember/component';
11
+
12
+ var TEMPLATE = precompileTemplate("{{!\n Copyright (c) HashiCorp, Inc.\n SPDX-License-Identifier: MPL-2.0\n}}\n<div class={{this.classNames}} {{did-insert this.setAriaDescribedBy}} ...attributes>\n {{yield\n (hash\n Label=(component\n \"hds/form/label\"\n controlId=this.id\n isRequired=this.isRequired\n isOptional=this.isOptional\n contextualClass=\"hds-form-field__label\"\n )\n )\n }}\n {{yield\n (hash\n HelperText=(component\n \"hds/form/helper-text\"\n controlId=this.id\n onInsert=this.appendDescriptor\n contextualClass=\"hds-form-field__helper-text\"\n )\n )\n }}\n <div class=\"hds-form-field__control\">\n {{yield (hash Control=(component \"hds/yield\") id=this.id ariaDescribedBy=this.ariaDescribedBy)}}\n </div>\n {{yield\n (hash\n CharacterCount=(component\n \"hds/form/character-count\"\n controlId=this.id\n onInsert=this.appendDescriptor\n contextualClass=\"hds-form-field__character-count\"\n )\n )\n }}\n {{yield\n (hash\n Error=(component\n \"hds/form/error\" controlId=this.id onInsert=this.appendDescriptor contextualClass=\"hds-form-field__error\"\n )\n )\n }}\n</div>");
13
+
14
+ var _class, _descriptor, _descriptor2;
15
+ const LAYOUT_TYPES = ['vertical', 'flag'];
16
+ let HdsFormFieldIndexComponent = (_class = class HdsFormFieldIndexComponent extends Component {
17
+ constructor(...args) {
18
+ super(...args);
19
+ _initializerDefineProperty(this, "ariaDescribedBy", _descriptor, this);
20
+ _initializerDefineProperty(this, "descriptors", _descriptor2, this);
21
+ }
22
+ appendDescriptor(element) {
23
+ this.descriptors.push(element.id);
24
+ }
25
+ setAriaDescribedBy() {
26
+ // we schedule this afterRender to capture all descriptors registered onInsert
27
+ schedule('afterRender', () => {
28
+ setAriaDescribedBy(this);
29
+ });
30
+ }
31
+
32
+ /**
33
+ * Sets the layout of the field
34
+ *
35
+ * @param layout
36
+ * @type {string}
37
+ */
38
+ get layout() {
39
+ let {
40
+ layout
41
+ } = this.args;
42
+ assert(`@layout for "Hds::Form::Field" must be one of the following: ${LAYOUT_TYPES.join(', ')}; received: ${layout}`, LAYOUT_TYPES.includes(layout));
43
+ return layout;
44
+ }
45
+
46
+ /**
47
+ * Calculates the unique ID to assign to the form control
48
+ */
49
+ get id() {
50
+ return getElementId(this);
51
+ }
52
+
53
+ /**
54
+ * Get the class names to apply to the component.
55
+ * @method classNames
56
+ * @return {string} The "class" attribute to apply to the component.
57
+ */
58
+ get classNames() {
59
+ let classes = [];
60
+ if (this.args.layout) {
61
+ classes.push(`hds-form-field--layout-${this.layout}`);
62
+ }
63
+
64
+ // add a class based on the @contextualClass argument
65
+ // notice: this will *not* be documented for public use
66
+ if (this.args.contextualClass) {
67
+ classes.push(this.args.contextualClass);
68
+ }
69
+ return classes.join(' ');
70
+ }
71
+
72
+ /**
73
+ * @param isRequired
74
+ * @type {boolean}
75
+ * @default false
76
+ */
77
+ get isRequired() {
78
+ return this.args.isRequired || false;
79
+ }
80
+
81
+ /**
82
+ * @param isOptional
83
+ * @type {boolean}
84
+ * @default false
85
+ */
86
+ get isOptional() {
87
+ return this.args.isOptional || false;
88
+ }
89
+ }, (_descriptor = _applyDecoratedDescriptor(_class.prototype, "ariaDescribedBy", [tracked], {
90
+ configurable: true,
91
+ enumerable: true,
92
+ writable: true,
93
+ initializer: function () {
94
+ return this.args.extraAriaDescribedBy;
95
+ }
96
+ }), _descriptor2 = _applyDecoratedDescriptor(_class.prototype, "descriptors", [tracked], {
97
+ configurable: true,
98
+ enumerable: true,
99
+ writable: true,
100
+ initializer: function () {
101
+ return [];
102
+ }
103
+ }), _applyDecoratedDescriptor(_class.prototype, "appendDescriptor", [action], Object.getOwnPropertyDescriptor(_class.prototype, "appendDescriptor"), _class.prototype), _applyDecoratedDescriptor(_class.prototype, "setAriaDescribedBy", [action], Object.getOwnPropertyDescriptor(_class.prototype, "setAriaDescribedBy"), _class.prototype)), _class);
104
+ setComponentTemplate(TEMPLATE, HdsFormFieldIndexComponent);
105
+
106
+ export { LAYOUT_TYPES, HdsFormFieldIndexComponent as default };
107
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/hds/form/field/index.hbs","../../../../../src/components/hds/form/field/index.js"],"sourcesContent":["import { precompileTemplate } from \"@ember/template-compilation\";\nexport default precompileTemplate(\"{{!\\n Copyright (c) HashiCorp, Inc.\\n SPDX-License-Identifier: MPL-2.0\\n}}\\n<div class={{this.classNames}} {{did-insert this.setAriaDescribedBy}} ...attributes>\\n {{yield\\n (hash\\n Label=(component\\n \\\"hds/form/label\\\"\\n controlId=this.id\\n isRequired=this.isRequired\\n isOptional=this.isOptional\\n contextualClass=\\\"hds-form-field__label\\\"\\n )\\n )\\n }}\\n {{yield\\n (hash\\n HelperText=(component\\n \\\"hds/form/helper-text\\\"\\n controlId=this.id\\n onInsert=this.appendDescriptor\\n contextualClass=\\\"hds-form-field__helper-text\\\"\\n )\\n )\\n }}\\n <div class=\\\"hds-form-field__control\\\">\\n {{yield (hash Control=(component \\\"hds/yield\\\") id=this.id ariaDescribedBy=this.ariaDescribedBy)}}\\n </div>\\n {{yield\\n (hash\\n CharacterCount=(component\\n \\\"hds/form/character-count\\\"\\n controlId=this.id\\n onInsert=this.appendDescriptor\\n contextualClass=\\\"hds-form-field__character-count\\\"\\n )\\n )\\n }}\\n {{yield\\n (hash\\n Error=(component\\n \\\"hds/form/error\\\" controlId=this.id onInsert=this.appendDescriptor contextualClass=\\\"hds-form-field__error\\\"\\n )\\n )\\n }}\\n</div>\")","/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { assert } from '@ember/debug';\nimport { action } from '@ember/object';\nimport { schedule } from '@ember/runloop';\nimport { getElementId } from '../../../../utils/hds-get-element-id';\nimport { setAriaDescribedBy } from '../../../../utils/hds-set-aria-described-by';\n\nexport const LAYOUT_TYPES = ['vertical', 'flag'];\n\nexport default class HdsFormFieldIndexComponent extends Component {\n @tracked ariaDescribedBy = this.args.extraAriaDescribedBy;\n @tracked descriptors = [];\n\n @action\n appendDescriptor(element) {\n this.descriptors.push(element.id);\n }\n\n @action\n setAriaDescribedBy() {\n // we schedule this afterRender to capture all descriptors registered onInsert\n schedule('afterRender', () => {\n setAriaDescribedBy(this);\n });\n }\n\n /**\n * Sets the layout of the field\n *\n * @param layout\n * @type {string}\n */\n get layout() {\n let { layout } = this.args;\n\n assert(\n `@layout for \"Hds::Form::Field\" must be one of the following: ${LAYOUT_TYPES.join(\n ', '\n )}; received: ${layout}`,\n LAYOUT_TYPES.includes(layout)\n );\n\n return layout;\n }\n\n /**\n * Calculates the unique ID to assign to the form control\n */\n get id() {\n return getElementId(this);\n }\n\n /**\n * Get the class names to apply to the component.\n * @method classNames\n * @return {string} The \"class\" attribute to apply to the component.\n */\n get classNames() {\n let classes = [];\n\n if (this.args.layout) {\n classes.push(`hds-form-field--layout-${this.layout}`);\n }\n\n // add a class based on the @contextualClass argument\n // notice: this will *not* be documented for public use\n if (this.args.contextualClass) {\n classes.push(this.args.contextualClass);\n }\n\n return classes.join(' ');\n }\n\n /**\n * @param isRequired\n * @type {boolean}\n * @default false\n */\n get isRequired() {\n return this.args.isRequired || false;\n }\n\n /**\n * @param isOptional\n * @type {boolean}\n * @default false\n */\n get isOptional() {\n return this.args.isOptional || false;\n }\n}\n"],"names":["LAYOUT_TYPES","HdsFormFieldIndexComponent","_class","Component","constructor","args","_initializerDefineProperty","_descriptor","_descriptor2","appendDescriptor","element","descriptors","push","id","setAriaDescribedBy","schedule","layout","assert","join","includes","getElementId","classNames","classes","contextualClass","isRequired","isOptional","_applyDecoratedDescriptor","prototype","tracked","configurable","enumerable","writable","initializer","extraAriaDescribedBy","action","Object","getOwnPropertyDescriptor","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;;;;;AACA,eAAe,kBAAkB,CAAC,otCAAotC;;;MCYzuCA,YAAY,GAAG,CAAC,UAAU,EAAE,MAAM,EAAC;AAE3BC,IAAAA,0BAA0B,IAAAC,MAAA,GAAhC,MAAMD,0BAA0B,SAASE,SAAS,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AAAAC,IAAAA,0BAAA,0BAAAC,WAAA,EAAA,IAAA,CAAA,CAAA;AAAAD,IAAAA,0BAAA,sBAAAE,YAAA,EAAA,IAAA,CAAA,CAAA;AAAA,GAAA;EAKhEC,gBAAgBA,CAACC,OAAO,EAAE;IACxB,IAAI,CAACC,WAAW,CAACC,IAAI,CAACF,OAAO,CAACG,EAAE,CAAC,CAAA;AACnC,GAAA;AAGAC,EAAAA,kBAAkBA,GAAG;AACnB;IACAC,QAAQ,CAAC,aAAa,EAAE,MAAM;MAC5BD,kBAAkB,CAAC,IAAI,CAAC,CAAA;AAC1B,KAAC,CAAC,CAAA;AACJ,GAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACE,IAAIE,MAAMA,GAAG;IACX,IAAI;AAAEA,MAAAA,MAAAA;KAAQ,GAAG,IAAI,CAACX,IAAI,CAAA;AAE1BY,IAAAA,MAAM,CACH,CAA+DjB,6DAAAA,EAAAA,YAAY,CAACkB,IAAI,CAC/E,IACF,CAAE,CAAA,YAAA,EAAcF,MAAO,CAAA,CAAC,EACxBhB,YAAY,CAACmB,QAAQ,CAACH,MAAM,CAC9B,CAAC,CAAA;AAED,IAAA,OAAOA,MAAM,CAAA;AACf,GAAA;;AAEA;AACF;AACA;EACE,IAAIH,EAAEA,GAAG;IACP,OAAOO,YAAY,CAAC,IAAI,CAAC,CAAA;AAC3B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;IACf,IAAIC,OAAO,GAAG,EAAE,CAAA;AAEhB,IAAA,IAAI,IAAI,CAACjB,IAAI,CAACW,MAAM,EAAE;MACpBM,OAAO,CAACV,IAAI,CAAE,CAAA,uBAAA,EAAyB,IAAI,CAACI,MAAO,EAAC,CAAC,CAAA;AACvD,KAAA;;AAEA;AACA;AACA,IAAA,IAAI,IAAI,CAACX,IAAI,CAACkB,eAAe,EAAE;MAC7BD,OAAO,CAACV,IAAI,CAAC,IAAI,CAACP,IAAI,CAACkB,eAAe,CAAC,CAAA;AACzC,KAAA;AAEA,IAAA,OAAOD,OAAO,CAACJ,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1B,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIM,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACnB,IAAI,CAACmB,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;;AAEA;AACF;AACA;AACA;AACA;EACE,IAAIC,UAAUA,GAAG;AACf,IAAA,OAAO,IAAI,CAACpB,IAAI,CAACoB,UAAU,IAAI,KAAK,CAAA;AACtC,GAAA;AACF,CAAC,GAAAlB,WAAA,GAAAmB,yBAAA,CAAAxB,MAAA,CAAAyB,SAAA,EAAA,iBAAA,EAAA,CAhFEC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAmB,IAAI,CAAC3B,IAAI,CAAC4B,oBAAoB,CAAA;AAAA,GAAA;AAAA,CAAAzB,CAAAA,EAAAA,YAAA,GAAAkB,yBAAA,CAAAxB,MAAA,CAAAyB,SAAA,kBACxDC,OAAO,CAAA,EAAA;EAAAC,YAAA,EAAA,IAAA;EAAAC,UAAA,EAAA,IAAA;EAAAC,QAAA,EAAA,IAAA;AAAAC,EAAAA,WAAA,cAAA;AAAA,IAAA,OAAe,EAAE,CAAA;AAAA,GAAA;AAAA,CAAA,CAAA,EAAAN,yBAAA,CAAAxB,MAAA,CAAAyB,SAAA,EAAA,kBAAA,EAAA,CAExBO,MAAM,CAAAC,EAAAA,MAAA,CAAAC,wBAAA,CAAAlC,MAAA,CAAAyB,SAAA,EAAAzB,kBAAAA,CAAAA,EAAAA,MAAA,CAAAyB,SAAA,CAAA,EAAAD,yBAAA,CAAAxB,MAAA,CAAAyB,SAAA,yBAKNO,MAAM,CAAA,EAAAC,MAAA,CAAAC,wBAAA,CAAAlC,MAAA,CAAAyB,SAAA,EAAA,oBAAA,CAAA,EAAAzB,MAAA,CAAAyB,SAAA,IAAAzB,MAAA,EAAA;AATsCmC,oBAAA,CAAAC,QAAA,EAAArC,0BAAA,CAAA;;;;"}