@supersoniks/concorde 5.1.0 → 5.1.2

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 (628) hide show
  1. package/.agents/skills/concorde-docs/SKILL.md +153 -0
  2. package/.agents/skills/{concorde-component-docs/template.md → concorde-docs/templates/component.md} +6 -2
  3. package/.agents/skills/concorde-docs/templates/decorator.md +43 -0
  4. package/.agents/skills/concorde-docs/templates/guide.md +25 -0
  5. package/.claude/launch.json +15 -0
  6. package/.claude/vite.http.config.mjs +7 -0
  7. package/.taste-skill/after/desktop-fold.jpg +0 -0
  8. package/.taste-skill/after/desktop-page-01.jpg +0 -0
  9. package/.taste-skill/after/desktop-page-02.jpg +0 -0
  10. package/.taste-skill/after/desktop-page-03.jpg +0 -0
  11. package/.taste-skill/after/mobile-fold.jpg +0 -0
  12. package/.taste-skill/after/mobile-page-01.jpg +0 -0
  13. package/.taste-skill/after/report.json +4103 -0
  14. package/.taste-skill/after/tablet-fold.jpg +0 -0
  15. package/.taste-skill/after/tablet-page-01.jpg +0 -0
  16. package/.taste-skill/after/tablet-page-02.jpg +0 -0
  17. package/.taste-skill/before/desktop-fold.jpg +0 -0
  18. package/.taste-skill/before/desktop-page-01.jpg +0 -0
  19. package/.taste-skill/before/desktop-page-02.jpg +0 -0
  20. package/.taste-skill/before/mobile-fold.jpg +0 -0
  21. package/.taste-skill/before/mobile-page-01.jpg +0 -0
  22. package/.taste-skill/before/report.json +2556 -0
  23. package/.taste-skill/before/tablet-fold.jpg +0 -0
  24. package/.taste-skill/before/tablet-page-01.jpg +0 -0
  25. package/.taste-skill/direction.json +510 -0
  26. package/.taste-skill/notes.md +84 -0
  27. package/.taste-skill/prod/desktop-fold.jpg +0 -0
  28. package/.taste-skill/prod/desktop-page-01.jpg +0 -0
  29. package/.taste-skill/prod/desktop-page-02.jpg +0 -0
  30. package/.taste-skill/prod/desktop-page-03.jpg +0 -0
  31. package/.taste-skill/prod/mobile-fold.jpg +0 -0
  32. package/.taste-skill/prod/mobile-page-01.jpg +0 -0
  33. package/.taste-skill/prod/mobile-page-02.jpg +0 -0
  34. package/.taste-skill/prod/report.json +1973 -0
  35. package/.taste-skill/prod/tablet-fold.jpg +0 -0
  36. package/.taste-skill/prod/tablet-page-01.jpg +0 -0
  37. package/.taste-skill/prod/tablet-page-02.jpg +0 -0
  38. package/.tmp-cem/custom-elements.json +2013 -2013
  39. package/AUDIT.md +228 -0
  40. package/PLAN-AMELIORATION.md +220 -0
  41. package/PLAN-DOCS-AGENTS.md +80 -0
  42. package/README.md +3 -3
  43. package/ai/skills/concorde/SKILL.md +1 -1
  44. package/ai/skills/concorde-get-set-dp/SKILL.md +3 -3
  45. package/ai/skills/concorde-theme/SKILL.md +1 -1
  46. package/build-infos.json +1 -1
  47. package/concorde-core.bundle.js +16 -16
  48. package/concorde-core.es.js +235 -233
  49. package/dist/concorde-core.bundle.js +16 -16
  50. package/dist/concorde-core.es.js +235 -233
  51. package/dist/img/archive/concorde-001-2cv.webp +0 -0
  52. package/dist/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  53. package/dist/img/archive/concorde-red-arrows-2002.webm +0 -0
  54. package/dist/img/archive/credits.json +28 -0
  55. package/docs/.htaccess +75 -0
  56. package/docs/404.html +15 -0
  57. package/docs/404.md +5 -0
  58. package/docs/assets/index-BgG6FFPt.js +11765 -0
  59. package/docs/assets/index-x89XINSG.css +1 -0
  60. package/docs/core/components/functional/date/date.html +211 -0
  61. package/docs/core/components/functional/date/date.md +150 -0
  62. package/docs/core/components/functional/fetch/fetch.html +180 -0
  63. package/docs/core/components/functional/fetch/fetch.md +108 -0
  64. package/docs/core/components/functional/if/if.html +65 -0
  65. package/docs/core/components/functional/if/if.md +34 -0
  66. package/docs/core/components/functional/jsonata/jsonata.html +110 -0
  67. package/docs/core/components/functional/jsonata/jsonata.md +61 -0
  68. package/docs/core/components/functional/list/list.html +198 -0
  69. package/docs/core/components/functional/list/list.md +121 -0
  70. package/docs/core/components/functional/mix/mix.html +78 -0
  71. package/docs/core/components/functional/mix/mix.md +46 -0
  72. package/docs/core/components/functional/queue/queue.html +155 -0
  73. package/docs/core/components/functional/queue/queue.md +51 -0
  74. package/docs/core/components/functional/router/router.html +154 -0
  75. package/docs/core/components/functional/router/router.md +93 -0
  76. package/docs/core/components/functional/sdui/sdui-extension-points.html +127 -0
  77. package/docs/core/components/functional/sdui/sdui-extension-points.md +94 -0
  78. package/docs/core/components/functional/sdui/sdui.html +397 -0
  79. package/docs/core/components/functional/sdui/sdui.md +307 -0
  80. package/docs/core/components/functional/states/states.html +141 -0
  81. package/docs/core/components/functional/states/states.md +112 -0
  82. package/docs/core/components/functional/submit/submit.html +178 -0
  83. package/docs/core/components/functional/submit/submit.md +106 -0
  84. package/docs/{crawl/core → core}/components/functional/subscriber/subscriber.html +6 -5
  85. package/docs/core/components/functional/subscriber/subscriber.md +91 -0
  86. package/docs/core/components/functional/translation/translation.html +60 -0
  87. package/docs/core/components/functional/translation/translation.md +38 -0
  88. package/docs/core/components/functional/value/value.html +81 -0
  89. package/docs/core/components/functional/value/value.md +47 -0
  90. package/docs/core/components/ui/alert/alert.html +201 -0
  91. package/docs/core/components/ui/alert/alert.md +186 -0
  92. package/docs/core/components/ui/alert-messages/alert-messages.html +132 -0
  93. package/docs/core/components/ui/alert-messages/alert-messages.md +85 -0
  94. package/docs/core/components/ui/badge/badge.html +197 -0
  95. package/docs/core/components/ui/badge/badge.md +181 -0
  96. package/docs/core/components/ui/button/button.html +309 -0
  97. package/docs/core/components/ui/button/button.md +216 -0
  98. package/docs/core/components/ui/captcha/captcha.html +80 -0
  99. package/docs/core/components/ui/captcha/captcha.md +56 -0
  100. package/docs/core/components/ui/card/card.html +254 -0
  101. package/docs/core/components/ui/card/card.md +215 -0
  102. package/docs/core/components/ui/divider/divider.html +144 -0
  103. package/docs/core/components/ui/divider/divider.md +126 -0
  104. package/docs/core/components/ui/form/checkbox/checkbox.html +200 -0
  105. package/docs/core/components/ui/form/checkbox/checkbox.md +125 -0
  106. package/docs/core/components/ui/form/fieldset/fieldset.html +238 -0
  107. package/docs/core/components/ui/form/fieldset/fieldset.md +161 -0
  108. package/docs/core/components/ui/form/form-actions/form-actions.html +122 -0
  109. package/docs/core/components/ui/form/form-actions/form-actions.md +98 -0
  110. package/docs/core/components/ui/form/form-layout/form-layout.html +115 -0
  111. package/docs/core/components/ui/form/form-layout/form-layout.md +109 -0
  112. package/docs/core/components/ui/form/input/input.html +235 -0
  113. package/docs/core/components/ui/form/input/input.md +142 -0
  114. package/docs/core/components/ui/form/radio/radio.html +144 -0
  115. package/docs/core/components/ui/form/radio/radio.md +78 -0
  116. package/docs/core/components/ui/form/select/select.html +178 -0
  117. package/docs/core/components/ui/form/select/select.md +86 -0
  118. package/docs/core/components/ui/form/switch/switch.html +146 -0
  119. package/docs/core/components/ui/form/switch/switch.md +80 -0
  120. package/docs/core/components/ui/form/textarea/textarea.html +162 -0
  121. package/docs/core/components/ui/form/textarea/textarea.md +82 -0
  122. package/docs/core/components/ui/group/group.html +113 -0
  123. package/docs/core/components/ui/group/group.md +77 -0
  124. package/docs/core/components/ui/icon/icon.html +223 -0
  125. package/docs/core/components/ui/icon/icon.md +214 -0
  126. package/docs/core/components/ui/image/image.html +194 -0
  127. package/docs/core/components/ui/image/image.md +167 -0
  128. package/docs/core/components/ui/link/link.html +101 -0
  129. package/docs/core/components/ui/link/link.md +81 -0
  130. package/docs/core/components/ui/loader/loader.html +114 -0
  131. package/docs/core/components/ui/loader/loader.md +87 -0
  132. package/docs/{crawl/core → core}/components/ui/menu/menu.html +189 -116
  133. package/docs/core/components/ui/menu/menu.md +370 -0
  134. package/docs/core/components/ui/modal/modal.html +324 -0
  135. package/docs/core/components/ui/modal/modal.md +211 -0
  136. package/docs/core/components/ui/pop/pop.html +250 -0
  137. package/docs/core/components/ui/pop/pop.md +216 -0
  138. package/docs/core/components/ui/progress/progress.html +132 -0
  139. package/docs/core/components/ui/progress/progress.md +109 -0
  140. package/docs/core/components/ui/table/table.html +333 -0
  141. package/docs/core/components/ui/table/table.md +267 -0
  142. package/docs/core/components/ui/theme/theme.html +116 -0
  143. package/docs/core/components/ui/theme/theme.md +97 -0
  144. package/docs/core/components/ui/toast/toast.html +185 -0
  145. package/docs/core/components/ui/toast/toast.md +147 -0
  146. package/docs/core/components/ui/tooltip/tooltip.html +112 -0
  147. package/docs/core/components/ui/tooltip/tooltip.md +89 -0
  148. package/docs/docs/decorators/ancestor-attribute.html +71 -0
  149. package/docs/docs/decorators/ancestor-attribute.md +59 -0
  150. package/docs/docs/decorators/auto-subscribe.html +61 -0
  151. package/docs/docs/decorators/auto-subscribe.md +40 -0
  152. package/docs/docs/decorators/bind.html +86 -0
  153. package/docs/docs/decorators/bind.md +77 -0
  154. package/docs/docs/decorators/get.html +166 -0
  155. package/docs/docs/decorators/get.md +160 -0
  156. package/docs/docs/decorators/handle.html +139 -0
  157. package/docs/docs/decorators/handle.md +119 -0
  158. package/docs/docs/decorators/on-assign.html +72 -0
  159. package/docs/docs/decorators/on-assign.md +63 -0
  160. package/docs/docs/decorators/patch.html +76 -0
  161. package/docs/docs/decorators/patch.md +44 -0
  162. package/docs/docs/decorators/post.html +150 -0
  163. package/docs/docs/decorators/post.md +134 -0
  164. package/docs/docs/decorators/publish.html +74 -0
  165. package/docs/docs/decorators/publish.md +56 -0
  166. package/docs/docs/decorators/put.html +83 -0
  167. package/docs/docs/decorators/put.md +51 -0
  168. package/docs/docs/decorators/subscribe.html +91 -0
  169. package/docs/docs/decorators/subscribe.md +87 -0
  170. package/docs/docs/decorators/wait-for-ancestors.html +82 -0
  171. package/docs/docs/decorators/wait-for-ancestors.md +76 -0
  172. package/docs/docs/directives/sub.html +79 -0
  173. package/docs/docs/directives/sub.md +75 -0
  174. package/docs/docs/directives/t.html +91 -0
  175. package/docs/docs/directives/t.md +73 -0
  176. package/docs/{crawl/docs/_getting-started → docs/getting-started}/ai-agents.html +12 -11
  177. package/{src/docs/_getting-started → docs/docs/getting-started}/ai-agents.md +3 -3
  178. package/docs/docs/getting-started/components.html +27 -0
  179. package/docs/docs/getting-started/components.md +5 -0
  180. package/docs/{crawl/docs/_getting-started → docs/getting-started}/create-a-component.html +11 -14
  181. package/docs/{src/docs/_getting-started → docs/getting-started}/create-a-component.md +3 -6
  182. package/docs/{crawl/docs/_core-concept → docs/getting-started}/dataFlow.html +26 -29
  183. package/docs/{src/docs/_core-concept → docs/getting-started}/dataFlow.md +17 -18
  184. package/docs/docs/getting-started/installation.html +69 -0
  185. package/docs/docs/getting-started/installation.md +36 -0
  186. package/docs/{crawl/docs/_getting-started → docs/getting-started}/my-first-component.html +13 -22
  187. package/docs/{src/docs/_getting-started → docs/getting-started}/my-first-component.md +5 -14
  188. package/docs/docs/getting-started/start.html +47 -0
  189. package/{src/docs/_getting-started → docs/docs/getting-started}/start.md +1 -13
  190. package/docs/docs/getting-started/theming.html +334 -0
  191. package/{src/docs/_getting-started → docs/docs/getting-started}/theming.md +2 -2
  192. package/docs/docs/index.html +99 -0
  193. package/docs/{crawl/docs/_misc → docs/misc}/api-configuration.html +18 -18
  194. package/docs/{src/docs/_misc → docs/misc}/api-configuration.md +10 -12
  195. package/docs/{crawl/docs/_misc → docs/misc}/dataProviderKey.html +12 -11
  196. package/{src/docs/_misc → docs/docs/misc}/dataProviderKey.md +4 -4
  197. package/docs/{crawl/docs/_misc → docs/misc}/docs-mock-api.html +25 -28
  198. package/docs/{src/docs/_misc → docs/misc}/docs-mock-api.md +12 -13
  199. package/docs/{crawl/docs/_misc → docs/misc}/dynamic-path.html +16 -15
  200. package/{src/docs/_misc → docs/docs/misc}/dynamic-path.md +8 -8
  201. package/docs/{crawl/docs/_misc → docs/misc}/endpoint.html +16 -15
  202. package/{src/docs/_misc → docs/docs/misc}/endpoint.md +8 -8
  203. package/docs/{crawl/docs/_misc → docs/misc}/html-integration.html +12 -15
  204. package/docs/{src/docs/_misc → docs/misc}/html-integration.md +4 -5
  205. package/docs/docs-mock-api-sw.js +60 -223
  206. package/docs/docs-mock-api-sw.js.map +4 -4
  207. package/docs/hubs/decorators.html +443 -0
  208. package/docs/hubs/form-components.html +404 -0
  209. package/docs/hubs/remote-data.html +371 -0
  210. package/docs/img/archive/concorde-001-2cv.webp +0 -0
  211. package/docs/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  212. package/docs/img/archive/concorde-red-arrows-2002.webm +0 -0
  213. package/docs/img/archive/credits.json +28 -0
  214. package/docs/img/concorde/plane_01.jpg +0 -0
  215. package/docs/img/concorde/plane_02.jpg +0 -0
  216. package/docs/img/concorde/plane_03.jpg +0 -0
  217. package/docs/img/concorde/plane_04.jpg +0 -0
  218. package/docs/img/concorde/plane_05.jpg +0 -0
  219. package/docs/img/concorde/plane_06.jpg +0 -0
  220. package/docs/img/concorde/plane_07.jpg +0 -0
  221. package/docs/img/concorde/plane_08.jpg +0 -0
  222. package/docs/img/concorde/plane_09.jpg +0 -0
  223. package/docs/img/concorde/plane_10.jpg +0 -0
  224. package/docs/img/concorde/plane_11.jpg +0 -0
  225. package/docs/img/concorde/plane_12.jpg +0 -0
  226. package/docs/img/concorde/plane_13.jpg +0 -0
  227. package/docs/index.html +96 -67
  228. package/docs/index.md +22 -0
  229. package/docs/llms-full.txt +3329 -3295
  230. package/docs/llms.txt +94 -92
  231. package/docs/robots.txt +11 -10
  232. package/docs/sitemap.xml +78 -78
  233. package/docs/src/core/components/functional/date/date.md +91 -231
  234. package/docs/src/core/components/functional/fetch/fetch.md +66 -83
  235. package/docs/src/core/components/functional/if/if.md +28 -3
  236. package/docs/src/core/components/functional/jsonata/jsonata.md +42 -37
  237. package/docs/src/core/components/functional/list/list.md +99 -43
  238. package/docs/src/core/components/functional/mix/mix.md +31 -26
  239. package/docs/src/core/components/functional/queue/queue.md +40 -61
  240. package/docs/src/core/components/functional/router/router.md +64 -65
  241. package/docs/src/core/components/functional/sdui/component-catalog.gaps.json +511 -0
  242. package/docs/src/core/components/functional/sdui/component-catalog.json +3103 -0
  243. package/docs/src/core/components/functional/sdui/example.json +19 -86
  244. package/docs/src/core/components/functional/sdui/sdui-extension-points.md +94 -0
  245. package/docs/src/core/components/functional/sdui/sdui.md +196 -245
  246. package/docs/src/core/components/functional/states/states.md +86 -61
  247. package/docs/src/core/components/functional/submit/submit.md +64 -72
  248. package/docs/src/core/components/functional/translation/translation.md +38 -0
  249. package/docs/src/core/components/functional/value/value.md +34 -22
  250. package/docs/src/core/components/ui/alert/alert.md +139 -74
  251. package/docs/src/core/components/ui/alert-messages/alert-messages.md +85 -0
  252. package/docs/src/core/components/ui/badge/badge.md +137 -83
  253. package/docs/src/core/components/ui/button/button.md +139 -105
  254. package/docs/src/core/components/ui/captcha/captcha.md +50 -6
  255. package/docs/src/core/components/ui/card/card.md +183 -65
  256. package/docs/src/core/components/ui/divider/divider.md +104 -13
  257. package/docs/src/core/components/ui/form/checkbox/checkbox.md +90 -42
  258. package/docs/src/core/components/ui/form/fieldset/fieldset.md +135 -103
  259. package/docs/src/core/components/ui/form/form-actions/form-actions.md +71 -50
  260. package/docs/src/core/components/ui/form/form-layout/form-layout.md +99 -34
  261. package/docs/src/core/components/ui/form/input/input.md +95 -95
  262. package/docs/src/core/components/ui/form/radio/radio.md +55 -34
  263. package/docs/src/core/components/ui/form/select/select.md +60 -45
  264. package/docs/src/core/components/ui/form/switch/switch.md +57 -34
  265. package/docs/src/core/components/ui/form/textarea/textarea.md +55 -38
  266. package/docs/src/core/components/ui/group/group.md +49 -47
  267. package/docs/src/core/components/ui/icon/icon.md +132 -43
  268. package/docs/src/core/components/ui/image/image.md +132 -72
  269. package/docs/src/core/components/ui/link/link.md +46 -8
  270. package/docs/src/core/components/ui/loader/loader.md +55 -23
  271. package/docs/src/core/components/ui/menu/menu.md +155 -114
  272. package/docs/src/core/components/ui/modal/modal.md +154 -62
  273. package/docs/src/core/components/ui/pop/pop.md +185 -65
  274. package/docs/src/core/components/ui/progress/progress.md +76 -30
  275. package/docs/src/core/components/ui/table/table.md +146 -334
  276. package/docs/src/core/components/ui/theme/theme.md +97 -0
  277. package/docs/src/core/components/ui/toast/toast.md +80 -99
  278. package/docs/src/core/components/ui/tooltip/tooltip.md +52 -45
  279. package/docs/src/docs/decorators/ancestor-attribute.md +59 -0
  280. package/docs/src/docs/decorators/auto-subscribe.md +40 -0
  281. package/docs/src/docs/decorators/bind.md +77 -0
  282. package/docs/src/docs/decorators/get.md +160 -0
  283. package/docs/src/docs/decorators/handle.md +119 -0
  284. package/docs/src/docs/decorators/on-assign.md +63 -0
  285. package/docs/src/docs/decorators/patch.md +44 -0
  286. package/docs/src/docs/decorators/post.md +134 -0
  287. package/docs/src/docs/decorators/publish.md +56 -0
  288. package/docs/src/docs/decorators/put.md +51 -0
  289. package/docs/src/docs/decorators/subscribe.md +87 -0
  290. package/docs/src/docs/decorators/wait-for-ancestors.md +76 -0
  291. package/docs/src/docs/directives/sub.md +75 -0
  292. package/docs/src/docs/directives/t.md +73 -0
  293. package/docs/src/docs/{_getting-started → getting-started}/ai-agents.md +3 -3
  294. package/docs/src/docs/getting-started/components.md +5 -0
  295. package/{src/docs/_getting-started → docs/src/docs/getting-started}/create-a-component.md +3 -6
  296. package/{src/docs/_core-concept → docs/src/docs/getting-started}/dataFlow.md +17 -18
  297. package/docs/src/docs/getting-started/installation.md +36 -0
  298. package/{src/docs/_getting-started → docs/src/docs/getting-started}/my-first-component.md +5 -14
  299. package/docs/src/docs/getting-started/start.md +35 -0
  300. package/docs/src/docs/getting-started/theming.md +253 -0
  301. package/{src/docs/_misc → docs/src/docs/misc}/api-configuration.md +10 -12
  302. package/docs/src/docs/{_misc → misc}/dataProviderKey.md +4 -4
  303. package/{src/docs/_misc → docs/src/docs/misc}/docs-mock-api.md +12 -13
  304. package/docs/src/docs/{_misc → misc}/dynamic-path.md +8 -8
  305. package/docs/src/docs/{_misc → misc}/endpoint.md +8 -8
  306. package/{src/docs/_misc → docs/src/docs/misc}/html-integration.md +4 -5
  307. package/docs/src/docs/search/docs-search.json +3729 -2949
  308. package/docs/src/tsconfig.json +176 -5
  309. package/index.html +94 -67
  310. package/package.json +11 -4
  311. package/public/docs-mock-api-sw.js +58 -223
  312. package/public/docs-mock-api-sw.js.map +4 -4
  313. package/public/img/archive/concorde-001-2cv.webp +0 -0
  314. package/public/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  315. package/public/img/archive/concorde-red-arrows-2002.webm +0 -0
  316. package/public/img/archive/credits.json +28 -0
  317. package/public/img/concorde/plane_01.jpg +0 -0
  318. package/public/img/concorde/plane_02.jpg +0 -0
  319. package/public/img/concorde/plane_03.jpg +0 -0
  320. package/public/img/concorde/plane_04.jpg +0 -0
  321. package/public/img/concorde/plane_05.jpg +0 -0
  322. package/public/img/concorde/plane_06.jpg +0 -0
  323. package/public/img/concorde/plane_07.jpg +0 -0
  324. package/public/img/concorde/plane_08.jpg +0 -0
  325. package/public/img/concorde/plane_09.jpg +0 -0
  326. package/public/img/concorde/plane_10.jpg +0 -0
  327. package/public/img/concorde/plane_11.jpg +0 -0
  328. package/public/img/concorde/plane_12.jpg +0 -0
  329. package/public/img/concorde/plane_13.jpg +0 -0
  330. package/public/robots.txt +11 -10
  331. package/scripts/docs-markdown-vite-plugin.ts +37 -0
  332. package/scripts/docs-public-url.mjs +50 -0
  333. package/scripts/docs.htaccess +75 -0
  334. package/scripts/generate-crawl-docs.mjs +207 -116
  335. package/scripts/generate-crawl-docs.test.mjs +124 -0
  336. package/scripts/post-build-docs.js +34 -50
  337. package/scripts/post-build.mjs +0 -0
  338. package/src/core/components/functional/date/date.md +91 -231
  339. package/src/core/components/functional/fetch/fetch.md +66 -83
  340. package/src/core/components/functional/if/if.md +28 -3
  341. package/src/core/components/functional/if/if.ts +0 -0
  342. package/src/core/components/functional/jsonata/jsonata.md +42 -37
  343. package/src/core/components/functional/list/list.demo.ts +0 -0
  344. package/src/core/components/functional/list/list.md +99 -43
  345. package/src/core/components/functional/mix/mix.md +31 -26
  346. package/src/core/components/functional/queue/queue.demo.ts +10 -7
  347. package/src/core/components/functional/queue/queue.md +40 -61
  348. package/src/core/components/functional/router/router.demo.ts +16 -16
  349. package/src/core/components/functional/router/router.md +64 -65
  350. package/src/core/components/functional/router/router.ts +0 -0
  351. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
  352. package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
  353. package/src/core/components/functional/sdui/component-catalog.json +1 -1
  354. package/src/core/components/functional/sdui/example.json +19 -86
  355. package/src/core/components/functional/sdui/sdui-extension-points.md +1 -1
  356. package/src/core/components/functional/sdui/sdui.md +187 -358
  357. package/src/core/components/functional/sdui/types.ts +0 -0
  358. package/src/core/components/functional/states/states.demo.ts +21 -22
  359. package/src/core/components/functional/states/states.md +86 -61
  360. package/src/core/components/functional/states/states.ts +1 -1
  361. package/src/core/components/functional/submit/submit.md +64 -72
  362. package/src/core/components/functional/subscriber/subscriber.ts +0 -0
  363. package/src/core/components/functional/translation/translation.md +38 -0
  364. package/src/core/components/functional/value/value.md +34 -22
  365. package/src/core/components/functional/value/value.ts +0 -0
  366. package/src/core/components/ui/_css/size.ts +0 -0
  367. package/src/core/components/ui/alert/alert.md +48 -58
  368. package/src/core/components/ui/badge/badge.md +27 -34
  369. package/src/core/components/ui/button/button.md +139 -106
  370. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  371. package/src/core/components/ui/captcha/captcha.md +17 -32
  372. package/src/core/components/ui/card/card.md +6 -6
  373. package/src/core/components/ui/divider/divider.md +8 -11
  374. package/src/core/components/ui/form/checkbox/checkbox.md +90 -42
  375. package/src/core/components/ui/form/fieldset/fieldset.md +31 -75
  376. package/src/core/components/ui/form/form-actions/form-actions.md +14 -16
  377. package/src/core/components/ui/form/form-layout/form-layout.md +19 -29
  378. package/src/core/components/ui/form/input/input.md +95 -95
  379. package/src/core/components/ui/form/radio/radio.md +55 -34
  380. package/src/core/components/ui/form/select/select.md +60 -45
  381. package/src/core/components/ui/form/switch/switch.md +57 -34
  382. package/src/core/components/ui/form/textarea/textarea.md +55 -38
  383. package/src/core/components/ui/group/group.md +35 -33
  384. package/src/core/components/ui/icon/icon.md +4 -4
  385. package/src/core/components/ui/image/image.md +41 -107
  386. package/src/core/components/ui/link/link.md +6 -6
  387. package/src/core/components/ui/loader/loader.md +30 -55
  388. package/src/core/components/ui/menu/menu.md +27 -27
  389. package/src/core/components/ui/modal/modal.md +72 -96
  390. package/src/core/components/ui/modal/modal.ts +14 -11
  391. package/src/core/components/ui/pop/pop.md +80 -158
  392. package/src/core/components/ui/progress/progress.md +2 -2
  393. package/src/core/components/ui/table/table.md +91 -255
  394. package/src/core/components/ui/theme/theme.md +11 -36
  395. package/src/core/components/ui/toast/toast.md +48 -117
  396. package/src/core/components/ui/tooltip/tooltip.md +27 -62
  397. package/src/core/mixins/Subscriber.ts +0 -0
  398. package/src/core/utils/DataBindObserver.ts +0 -0
  399. package/src/core/utils/LocationHandler.spec.ts +80 -0
  400. package/src/core/utils/LocationHandler.ts +5 -9
  401. package/src/core/utils/Objects.ts +0 -0
  402. package/src/core/utils/route.ts +0 -0
  403. package/src/docs/code.ts +88 -75
  404. package/src/docs/components/docs-demo-sources.ts +70 -147
  405. package/src/docs/components/docs-lit-demo.ts +20 -40
  406. package/src/docs/components/docs-source-link.ts +0 -82
  407. package/src/docs/decorators/ancestor-attribute.md +59 -0
  408. package/src/docs/decorators/auto-subscribe.md +40 -0
  409. package/src/docs/decorators/bind.md +77 -0
  410. package/src/docs/decorators/get.md +160 -0
  411. package/src/docs/decorators/handle.md +119 -0
  412. package/src/docs/decorators/on-assign.md +63 -0
  413. package/src/docs/decorators/patch.md +44 -0
  414. package/src/docs/decorators/post.md +134 -0
  415. package/src/docs/decorators/publish.md +56 -0
  416. package/src/docs/decorators/put.md +51 -0
  417. package/src/docs/decorators/subscribe.md +87 -0
  418. package/src/docs/decorators/wait-for-ancestors.md +76 -0
  419. package/src/docs/directives/sub.md +75 -0
  420. package/src/docs/directives/t.md +73 -0
  421. package/src/docs/docs-location.spec.ts +46 -0
  422. package/src/docs/docs-location.ts +123 -32
  423. package/src/docs/docs.ts +6 -2
  424. package/src/docs/example/decorators-demo-bind-demos.ts +81 -116
  425. package/src/docs/example/decorators-demo-geo.ts +30 -19
  426. package/src/docs/example/decorators-demo-post.ts +88 -186
  427. package/src/docs/example/decorators-demo-subscribe-publish-get-demos.ts +165 -268
  428. package/src/docs/example/decorators-demo.ts +85 -98
  429. package/src/docs/example/docs-api-config-demos.ts +19 -20
  430. package/src/docs/example/docs-boarding-pass-demo.ts +134 -0
  431. package/src/docs/example/docs-flight-demos.ts +147 -0
  432. package/src/docs/example/docs-jsonata-demos.ts +52 -52
  433. package/src/docs/example/docs-list-demos.ts +43 -123
  434. package/src/docs/example/docs-provider-keys.ts +33 -28
  435. package/src/docs/example/docs-queue-demos.ts +37 -77
  436. package/src/docs/example/docs-router-demos.ts +20 -25
  437. package/src/docs/example/docs-submit-demos.ts +48 -48
  438. package/src/docs/example/docs-toggle-demos.ts +4 -3
  439. package/src/docs/example/users.ts +0 -0
  440. package/src/docs/getting-started/ai-agents.md +76 -0
  441. package/src/docs/getting-started/components.md +5 -0
  442. package/src/docs/getting-started/create-a-component.md +136 -0
  443. package/src/docs/getting-started/dataFlow.md +87 -0
  444. package/src/docs/getting-started/installation.md +36 -0
  445. package/src/docs/getting-started/my-first-component.md +227 -0
  446. package/src/docs/getting-started/start.md +35 -0
  447. package/src/docs/getting-started/theming.md +253 -0
  448. package/src/docs/header/header.ts +240 -71
  449. package/src/docs/home/catalog.ts +44 -0
  450. package/src/docs/home/home.ts +520 -0
  451. package/src/docs/home/mach-stage.ts +389 -0
  452. package/src/docs/layout.ts +12 -11
  453. package/src/docs/misc/api-configuration.md +79 -0
  454. package/src/docs/misc/dataProviderKey.md +168 -0
  455. package/src/docs/misc/docs-mock-api.md +62 -0
  456. package/src/docs/misc/dynamic-path.md +71 -0
  457. package/src/docs/misc/endpoint.md +45 -0
  458. package/src/docs/misc/html-integration.md +14 -0
  459. package/src/docs/mock-api/api-config-mock.ts +5 -0
  460. package/src/docs/mock-api/fixtures.ts +0 -278
  461. package/src/docs/mock-api/flights.ts +89 -0
  462. package/src/docs/mock-api/router.ts +3 -4
  463. package/src/docs/mock-api/urls.ts +1 -2
  464. package/src/docs/navigation/components-index.ts +56 -0
  465. package/src/docs/navigation/navigation.ts +219 -232
  466. package/src/docs/navigation/pager.ts +67 -0
  467. package/src/docs/navigation/toc.ts +101 -0
  468. package/src/docs/search/docs-search.json +2419 -4374
  469. package/src/docs/search/markdown-renderer.ts +33 -7
  470. package/src/docs/search/page.ts +9 -6
  471. package/src/docs/search/search.ts +154 -122
  472. package/src/docs/shiki/index.ts +109 -0
  473. package/src/docs/tailwind/css/base/scrollbar.css +22 -0
  474. package/src/docs/tailwind/css/base/theme.css +96 -0
  475. package/src/docs/tailwind/css/base/typography.css +4 -0
  476. package/src/docs/tailwind/css/docs/boarding-pass.css +65 -0
  477. package/src/docs/tailwind/css/docs/content.css +32 -0
  478. package/src/docs/tailwind/css/docs/page.css +10 -0
  479. package/src/docs/tailwind/css/docs.css +9 -0
  480. package/src/docs/tailwind/css/home/hero.css +210 -0
  481. package/src/docs/tailwind/css/home/motion.css +84 -0
  482. package/src/docs/tailwind/css/home/sections.css +416 -0
  483. package/src/docs/tailwind/css/tailwind.css +7 -185
  484. package/src/tsconfig.json +23 -2
  485. package/src/tsconfig.tsbuildinfo +1 -1
  486. package/tailwind.config.js +8 -4
  487. package/vite.config.mts +11 -2
  488. package/.agents/skills/concorde-component-docs/SKILL.md +0 -194
  489. package/.github/workflows/ci.yml +0 -21
  490. package/.github-export-ignore +0 -30
  491. package/CONTRIBUTING.md +0 -59
  492. package/DEV.md +0 -54
  493. package/LICENSE +0 -21
  494. package/OPEN_SOURCE_CHECKPOINT.md +0 -133
  495. package/concorde-3d.bundle.js +0 -3960
  496. package/concorde-3d.es.js +0 -33433
  497. package/concorde-hugging-face-infer.bundle.js +0 -32
  498. package/concorde-hugging-face-infer.es.js +0 -2952
  499. package/concorde-interactive.bundle.js +0 -1157
  500. package/concorde-interactive.es.js +0 -10734
  501. package/concorde-shader.bundle.js +0 -116
  502. package/concorde-shader.es.js +0 -8353
  503. package/concorde-webgpu.bundle.js +0 -307
  504. package/concorde-webgpu.es.js +0 -8627
  505. package/docs/assets/index-D8MVWqY6.js +0 -12251
  506. package/docs/assets/index-DiD0qYvE.css +0 -1
  507. package/docs/crawl/core/components/functional/date/date.html +0 -190
  508. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  509. package/docs/crawl/core/components/functional/if/if.html +0 -27
  510. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  511. package/docs/crawl/core/components/functional/list/list.html +0 -70
  512. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  513. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  514. package/docs/crawl/core/components/functional/router/router.html +0 -106
  515. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  516. package/docs/crawl/core/components/functional/states/states.html +0 -66
  517. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  518. package/docs/crawl/core/components/functional/value/value.html +0 -51
  519. package/docs/crawl/core/components/ui/alert/alert.html +0 -110
  520. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -23
  521. package/docs/crawl/core/components/ui/badge/badge.html +0 -119
  522. package/docs/crawl/core/components/ui/button/button.html +0 -149
  523. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -30
  524. package/docs/crawl/core/components/ui/card/card.html +0 -99
  525. package/docs/crawl/core/components/ui/divider/divider.html +0 -58
  526. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  527. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -135
  528. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -79
  529. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -62
  530. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  531. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -38
  532. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  533. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  534. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  535. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  536. package/docs/crawl/core/components/ui/group/group.html +0 -82
  537. package/docs/crawl/core/components/ui/icon/icon.html +0 -133
  538. package/docs/crawl/core/components/ui/image/image.html +0 -110
  539. package/docs/crawl/core/components/ui/link/link.html +0 -42
  540. package/docs/crawl/core/components/ui/loader/loader.html +0 -50
  541. package/docs/crawl/core/components/ui/modal/modal.html +0 -117
  542. package/docs/crawl/core/components/ui/pop/pop.html +0 -102
  543. package/docs/crawl/core/components/ui/progress/progress.html +0 -58
  544. package/docs/crawl/core/components/ui/table/table.html +0 -413
  545. package/docs/crawl/core/components/ui/toast/toast.html +0 -122
  546. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -79
  547. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  548. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  549. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -116
  550. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  551. package/docs/crawl/docs/_decorators/bind.html +0 -141
  552. package/docs/crawl/docs/_decorators/get.html +0 -149
  553. package/docs/crawl/docs/_decorators/handle.html +0 -165
  554. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  555. package/docs/crawl/docs/_decorators/patch.html +0 -78
  556. package/docs/crawl/docs/_decorators/post.html +0 -139
  557. package/docs/crawl/docs/_decorators/publish.html +0 -61
  558. package/docs/crawl/docs/_decorators/put.html +0 -78
  559. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  560. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  561. package/docs/crawl/docs/_directives/sub.html +0 -93
  562. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  563. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  564. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  565. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  566. package/docs/crawl/docs/_getting-started/start.html +0 -76
  567. package/docs/crawl/docs/_getting-started/theming.html +0 -85
  568. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  569. package/docs/crawl/hubs/decorators.html +0 -547
  570. package/docs/crawl/hubs/form-components.html +0 -359
  571. package/docs/crawl/hubs/remote-data.html +0 -452
  572. package/docs/crawl/index.html +0 -101
  573. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  574. package/docs/src/docs/_core-concept/overview.md +0 -57
  575. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  576. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -127
  577. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  578. package/docs/src/docs/_decorators/bind.md +0 -167
  579. package/docs/src/docs/_decorators/get.md +0 -162
  580. package/docs/src/docs/_decorators/handle.md +0 -175
  581. package/docs/src/docs/_decorators/on-assign.md +0 -390
  582. package/docs/src/docs/_decorators/patch.md +0 -70
  583. package/docs/src/docs/_decorators/post.md +0 -146
  584. package/docs/src/docs/_decorators/publish.md +0 -55
  585. package/docs/src/docs/_decorators/put.md +0 -70
  586. package/docs/src/docs/_decorators/subscribe.md +0 -100
  587. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  588. package/docs/src/docs/_directives/sub.md +0 -91
  589. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  590. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  591. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  592. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  593. package/docs/src/docs/_getting-started/start.md +0 -47
  594. package/docs/src/docs/_getting-started/theming.md +0 -91
  595. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  596. package/docs/src/tsconfig.declarations.json +0 -22
  597. package/docs/src/tsconfig.emit.json +0 -23
  598. package/gitlab/job_github_mirror.sh +0 -39
  599. package/scripts/github-export.mjs +0 -150
  600. package/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  601. package/src/css.d.ts +0 -19
  602. package/src/docs/_core-concept/overview.md +0 -57
  603. package/src/docs/_core-concept/subscriber.md +0 -75
  604. package/src/docs/_decorators/ancestor-attribute.md +0 -128
  605. package/src/docs/_decorators/auto-subscribe.md +0 -202
  606. package/src/docs/_decorators/bind.md +0 -167
  607. package/src/docs/_decorators/get.md +0 -162
  608. package/src/docs/_decorators/handle.md +0 -175
  609. package/src/docs/_decorators/on-assign.md +0 -390
  610. package/src/docs/_decorators/patch.md +0 -70
  611. package/src/docs/_decorators/post.md +0 -146
  612. package/src/docs/_decorators/publish.md +0 -55
  613. package/src/docs/_decorators/put.md +0 -70
  614. package/src/docs/_decorators/subscribe.md +0 -100
  615. package/src/docs/_decorators/wait-for-ancestors.md +0 -163
  616. package/src/docs/_directives/sub.md +0 -91
  617. package/src/docs/_getting-started/concorde-manual-install.md +0 -133
  618. package/src/docs/_getting-started/concorde-outside.md +0 -33
  619. package/src/docs/_getting-started/my-first-subscriber.md +0 -120
  620. package/src/docs/_getting-started/pubsub.md +0 -37
  621. package/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  622. package/src/docs/example/docs-input-autocomplete-demos.ts +0 -110
  623. package/src/docs/example/docs-joke-demos.ts +0 -297
  624. package/src/docs/prism/index.ts +0 -6
  625. package/src/docs/prism/prism.css +0 -158
  626. package/src/docs/prism/prism.js +0 -1022
  627. package/src/tsconfig.declarations.json +0 -22
  628. package/src/tsconfig.emit.json +0 -23
package/docs/core/components/functional/submit/submit.html ADDED
@@ -0,0 +1,178 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/submit" data-doc-id="core/components/functional/submit/submit">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Submit — Concorde by Supersoniks</title>
7
+ <meta name="description" content="sonic-submit sends the form publisher named by formDataProvider to a REST endpoint and writes the response to submitResultDataProvider. The request is configured like Fetch: serviceURL on an ancestor,">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/functional/submit/submit, submit, Submit, functional component, sonic-submit, web component, formDataProvider, submitResultDataProvider, serviceURL, dataProvider, endPoint, sonic-input, name, onClick, onEnterKey">
9
+ <meta name="concorde-doc-id" content="core/components/functional/submit/submit">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/submit">
11
+ <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/submit.md">
12
+ </head>
13
+ <body>
14
+ <header>
15
+ <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/submit">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
16
+ </header>
17
+ <main>
18
+ <article>
19
+ <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Submit</strong>. sonic-submit sends the form publisher named by formDataProvider to a REST endpoint and writes the response to submitResultDataProvider. The request is configured like Fetch: serviceURL on an ancestor, <span>Doc ID: <code>core/components/functional/submit/submit</code>. Keywords: Concorde, supersoniks, core/components/functional/submit/submit, submit, Submit, functional component, sonic-submit, web component, formDataProvider, submitResultDataProvider, serviceURL, dataProvider, endPoint, sonic-input, name, onClick, onEnterKey. URL: <a href="https://concorde.supersoniks.org/core/components/functional/submit">https://concorde.supersoniks.org/core/components/functional/submit</a>.</span></p>
20
+ <h1 id="submit">Submit</h1>
21
+ <p><strong><code>sonic-submit</code></strong> sends the form publisher named by <code>formDataProvider</code> to a REST endpoint and writes the response to <code>submitResultDataProvider</code>. The request is configured like <a href="/core/components/functional/fetch">Fetch</a>: <code>serviceURL</code> on an ancestor, path from the ancestor <code>dataProvider</code> or from <code>endPoint</code>. Form fields such as <code>sonic-input</code> fill the publisher through their <code>name</code>.</p>
22
+ <h2 id="basic-example">Basic example</h2>
23
+ <p><code>onClick</code> sends on a click inside the element, <code>onEnterKey</code> on Enter in a focused field inside it. The method defaults to <code>post</code> and the body to JSON. Fields are validated first; while the request runs, the content is faded and not clickable.</p>
24
+ <p><docs-lit-demo for="docs-submit-demo"></docs-lit-demo></p>
25
+ <h2 id="result-key">Result key</h2>
26
+ <p>When the API wraps its payload (<code>{ data: { id, token } }</code>), set <code>submitResultKey</code> to a dot path so <code>submitResultDataProvider</code> receives only that part.</p>
27
+ <p><docs-lit-demo for="docs-submit-result-key-demo"></docs-lit-demo></p>
28
+ <h2 id="reset-after-submit">Reset after submit</h2>
29
+ <p><code>clearedDataOnSuccess</code> on an ancestor lists publisher ids, separated by spaces, that are set to <code>{}</code> once the API returns a result. This includes error results with <code>messages</code>.</p>
30
+ <p><docs-lit-demo for="docs-submit-clear-demo"></docs-lit-demo></p>
31
+ <h2 id="submit-event">Submit event</h2>
32
+ <p>After each request, <code>sonic-submit</code> dispatches a bubbling <code>submit</code> event whose <code>detail</code> is the result, the same value written to <code>submitResultDataProvider</code>.</p>
33
+ <p><docs-lit-demo for="docs-submit-event-demo"></docs-lit-demo></p>
34
+ <h2 id="endpoint-override">Endpoint override</h2>
35
+ <p><code>endPoint</code> on <code>sonic-submit</code> replaces the ancestor <code>dataProvider</code> as the request path, for this element only.</p>
36
+ <p><docs-lit-demo for="docs-submit-endpoint-demo"></docs-lit-demo></p>
37
+ <h2 id="http-method">HTTP method</h2>
38
+ <p>Set <code>method</code> to <code>put</code> · <code>patch</code> · <code>delete</code> · <code>get</code> (default <code>post</code>). It is read on <code>sonic-submit</code> only, never inherited. With <code>get</code>, the fields are appended to the endpoint as a query string.</p>
39
+ <p><docs-lit-demo for="docs-submit-get-demo"></docs-lit-demo></p>
40
+ <h2 id="multipart-body">Multipart body</h2>
41
+ <p><code>sendAsFormData</code> sends the fields as <code>multipart/form-data</code> instead of JSON. The response is still parsed as JSON.</p>
42
+ <p><docs-lit-demo for="docs-submit-formdata-demo"></docs-lit-demo></p>
43
+ <h2 id="native-form">Native form</h2>
44
+ <p>With <code>native</code>, no request is made: after validation, the publisher values are copied into the matching controls of the closest <code>&lt;form&gt;</code> (hidden inputs are created when missing), then the browser submits the form. <code>name</code> and <code>value</code> on <code>sonic-submit</code> are sent as the submit button pair. Use a <code>target</code> iframe to stay on the page.</p>
45
+ <p><docs-lit-demo for="docs-submit-native-demo"></docs-lit-demo></p>
46
+ <h2 id="nested-fields">Nested fields</h2>
47
+ <p>A dot in a field <code>name</code> stores a nested object in the form publisher, and the body is sent with the same shape.</p>
48
+ <pre><code>&lt;sonic-scope formDataProvider=&quot;submit-example-dot-notation&quot;&gt;
49
+ &lt;div class=&quot;grid grid-cols-2 gap-4&quot;&gt;
50
+ &lt;sonic-input label=&quot;Passenger&quot; name=&quot;passenger.name&quot; value=&quot;Ada Lindqvist&quot;&gt;&lt;/sonic-input&gt;
51
+ &lt;sonic-input label=&quot;Seat&quot; name=&quot;passenger.seat&quot; value=&quot;2A&quot;&gt;&lt;/sonic-input&gt;
52
+ &lt;/div&gt;
53
+ &lt;/sonic-scope&gt;
54
+ </code></pre>
55
+ <pre><code class="language-typescript">{ passenger: { name: &quot;Ada Lindqvist&quot;, seat: &quot;2A&quot; } }
56
+ </code></pre>
57
+ <h2 id="api-reference">API reference</h2>
58
+ <table>
59
+ <thead>
60
+ <tr>
61
+ <th>Attribute</th>
62
+ <th>Values</th>
63
+ <th>Description</th>
64
+ </tr>
65
+ </thead>
66
+ <tbody><tr>
67
+ <td><code>onClick</code></td>
68
+ <td>boolean</td>
69
+ <td>Sends on click inside the element</td>
70
+ </tr>
71
+ <tr>
72
+ <td><code>onEnterKey</code></td>
73
+ <td>boolean</td>
74
+ <td>Sends on Enter in a focused field inside the element</td>
75
+ </tr>
76
+ <tr>
77
+ <td><code>method</code></td>
78
+ <td><code>post</code> · <code>put</code> · <code>patch</code> · <code>delete</code> · <code>get</code> (default <code>post</code>)</td>
79
+ <td>HTTP method. <code>get</code> sends the fields as a query string</td>
80
+ </tr>
81
+ <tr>
82
+ <td><code>endPoint</code></td>
83
+ <td>string</td>
84
+ <td>Request path. Overrides the ancestor <code>dataProvider</code></td>
85
+ </tr>
86
+ <tr>
87
+ <td><code>submitResultKey</code></td>
88
+ <td>string</td>
89
+ <td>Dot path of the response part written to <code>submitResultDataProvider</code></td>
90
+ </tr>
91
+ <tr>
92
+ <td><code>sendAsFormData</code></td>
93
+ <td>boolean</td>
94
+ <td>Sends <code>multipart/form-data</code> instead of JSON</td>
95
+ </tr>
96
+ <tr>
97
+ <td><code>native</code></td>
98
+ <td>boolean</td>
99
+ <td>Fills and submits the closest <code>&lt;form&gt;</code> instead of calling the API</td>
100
+ </tr>
101
+ <tr>
102
+ <td><code>name</code> · <code>value</code></td>
103
+ <td>string</td>
104
+ <td>Submit button pair added to a native form submission</td>
105
+ </tr>
106
+ <tr>
107
+ <td><code>disabled</code></td>
108
+ <td>boolean</td>
109
+ <td>Ignores triggers. Set while a request runs</td>
110
+ </tr>
111
+ <tr>
112
+ <td><code>usernameKey</code> · <code>passwordKey</code></td>
113
+ <td>string (default <code>username</code> · <code>password</code>)</td>
114
+ <td>After a successful response, fields stored with the Credential Management API when both are present</td>
115
+ </tr>
116
+ </tbody></table>
117
+ <table>
118
+ <thead>
119
+ <tr>
120
+ <th>Ancestor attribute</th>
121
+ <th>Description</th>
122
+ </tr>
123
+ </thead>
124
+ <tbody><tr>
125
+ <td><code>serviceURL</code></td>
126
+ <td>API base URL</td>
127
+ </tr>
128
+ <tr>
129
+ <td><code>dataProvider</code></td>
130
+ <td>Default request path</td>
131
+ </tr>
132
+ <tr>
133
+ <td><code>formDataProvider</code></td>
134
+ <td>Publisher sent as the body. Required</td>
135
+ </tr>
136
+ <tr>
137
+ <td><code>submitResultDataProvider</code></td>
138
+ <td>Publisher receiving the result</td>
139
+ </tr>
140
+ <tr>
141
+ <td><code>headersDataProvider</code></td>
142
+ <td>Publisher sent as request headers</td>
143
+ </tr>
144
+ <tr>
145
+ <td><code>clearedDataOnSuccess</code></td>
146
+ <td>Space-separated publisher ids reset to <code>{}</code> after a result</td>
147
+ </tr>
148
+ </tbody></table>
149
+ <p>When the form or headers publisher has <code>needsCaptchaValidation</code>, the request waits for a <a href="/core/components/ui/captcha">Captcha</a> token. A network failure produces a result with an error message in <code>messages</code>.</p>
150
+ <table>
151
+ <thead>
152
+ <tr>
153
+ <th>Event</th>
154
+ <th>Detail</th>
155
+ </tr>
156
+ </thead>
157
+ <tbody><tr>
158
+ <td><code>submit</code></td>
159
+ <td>The result (after <code>submitResultKey</code>)</td>
160
+ </tr>
161
+ </tbody></table>
162
+ <table>
163
+ <thead>
164
+ <tr>
165
+ <th>Slot</th>
166
+ <th>Description</th>
167
+ </tr>
168
+ </thead>
169
+ <tbody><tr>
170
+ <td><em>(default)</em></td>
171
+ <td>Fields and buttons that trigger the submission</td>
172
+ </tr>
173
+ </tbody></table>
174
+
175
+ </article>
176
+ </main>
177
+ </body>
178
+ </html>
package/docs/core/components/functional/submit/submit.md ADDED
@@ -0,0 +1,106 @@
1
+ # Submit
2
+
3
+ **`sonic-submit`** sends the form publisher named by `formDataProvider` to a REST endpoint and writes the response to `submitResultDataProvider`. The request is configured like [Fetch](/core/components/functional/fetch): `serviceURL` on an ancestor, path from the ancestor `dataProvider` or from `endPoint`. Form fields such as `sonic-input` fill the publisher through their `name`.
4
+
5
+ ## Basic example
6
+
7
+ `onClick` sends on a click inside the element, `onEnterKey` on Enter in a focused field inside it. The method defaults to `post` and the body to JSON. Fields are validated first; while the request runs, the content is faded and not clickable.
8
+
9
+ <docs-lit-demo for="docs-submit-demo"></docs-lit-demo>
10
+
11
+ ## Result key
12
+
13
+ When the API wraps its payload (`{ data: { id, token } }`), set `submitResultKey` to a dot path so `submitResultDataProvider` receives only that part.
14
+
15
+ <docs-lit-demo for="docs-submit-result-key-demo"></docs-lit-demo>
16
+
17
+ ## Reset after submit
18
+
19
+ `clearedDataOnSuccess` on an ancestor lists publisher ids, separated by spaces, that are set to `{}` once the API returns a result. This includes error results with `messages`.
20
+
21
+ <docs-lit-demo for="docs-submit-clear-demo"></docs-lit-demo>
22
+
23
+ ## Submit event
24
+
25
+ After each request, `sonic-submit` dispatches a bubbling `submit` event whose `detail` is the result, the same value written to `submitResultDataProvider`.
26
+
27
+ <docs-lit-demo for="docs-submit-event-demo"></docs-lit-demo>
28
+
29
+ ## Endpoint override
30
+
31
+ `endPoint` on `sonic-submit` replaces the ancestor `dataProvider` as the request path, for this element only.
32
+
33
+ <docs-lit-demo for="docs-submit-endpoint-demo"></docs-lit-demo>
34
+
35
+ ## HTTP method
36
+
37
+ Set `method` to `put` · `patch` · `delete` · `get` (default `post`). It is read on `sonic-submit` only, never inherited. With `get`, the fields are appended to the endpoint as a query string.
38
+
39
+ <docs-lit-demo for="docs-submit-get-demo"></docs-lit-demo>
40
+
41
+ ## Multipart body
42
+
43
+ `sendAsFormData` sends the fields as `multipart/form-data` instead of JSON. The response is still parsed as JSON.
44
+
45
+ <docs-lit-demo for="docs-submit-formdata-demo"></docs-lit-demo>
46
+
47
+ ## Native form
48
+
49
+ With `native`, no request is made: after validation, the publisher values are copied into the matching controls of the closest `<form>` (hidden inputs are created when missing), then the browser submits the form. `name` and `value` on `sonic-submit` are sent as the submit button pair. Use a `target` iframe to stay on the page.
50
+
51
+ <docs-lit-demo for="docs-submit-native-demo"></docs-lit-demo>
52
+
53
+ ## Nested fields
54
+
55
+ A dot in a field `name` stores a nested object in the form publisher, and the body is sent with the same shape.
56
+
57
+ <sonic-code>
58
+ <template>
59
+ <sonic-scope formDataProvider="submit-example-dot-notation">
60
+ <div class="grid grid-cols-2 gap-4">
61
+ <sonic-input label="Passenger" name="passenger.name" value="Ada Lindqvist"></sonic-input>
62
+ <sonic-input label="Seat" name="passenger.seat" value="2A"></sonic-input>
63
+ </div>
64
+ </sonic-scope>
65
+ </template>
66
+ </sonic-code>
67
+
68
+ <sonic-code language="typescript">
69
+ <template>
70
+ { passenger: { name: "Ada Lindqvist", seat: "2A" } }
71
+ </template>
72
+ </sonic-code>
73
+
74
+ ## API reference
75
+
76
+ | Attribute | Values | Description |
77
+ |-----------|--------|-------------|
78
+ | `onClick` | boolean | Sends on click inside the element |
79
+ | `onEnterKey` | boolean | Sends on Enter in a focused field inside the element |
80
+ | `method` | `post` · `put` · `patch` · `delete` · `get` (default `post`) | HTTP method. `get` sends the fields as a query string |
81
+ | `endPoint` | string | Request path. Overrides the ancestor `dataProvider` |
82
+ | `submitResultKey` | string | Dot path of the response part written to `submitResultDataProvider` |
83
+ | `sendAsFormData` | boolean | Sends `multipart/form-data` instead of JSON |
84
+ | `native` | boolean | Fills and submits the closest `<form>` instead of calling the API |
85
+ | `name` · `value` | string | Submit button pair added to a native form submission |
86
+ | `disabled` | boolean | Ignores triggers. Set while a request runs |
87
+ | `usernameKey` · `passwordKey` | string (default `username` · `password`) | After a successful response, fields stored with the Credential Management API when both are present |
88
+
89
+ | Ancestor attribute | Description |
90
+ |--------------------|-------------|
91
+ | `serviceURL` | API base URL |
92
+ | `dataProvider` | Default request path |
93
+ | `formDataProvider` | Publisher sent as the body. Required |
94
+ | `submitResultDataProvider` | Publisher receiving the result |
95
+ | `headersDataProvider` | Publisher sent as request headers |
96
+ | `clearedDataOnSuccess` | Space-separated publisher ids reset to `{}` after a result |
97
+
98
+ When the form or headers publisher has `needsCaptchaValidation`, the request waits for a [Captcha](/core/components/ui/captcha) token. A network failure produces a result with an error message in `messages`.
99
+
100
+ | Event | Detail |
101
+ |-------|--------|
102
+ | `submit` | The result (after `submitResultKey`) |
103
+
104
+ | Slot | Description |
105
+ |------|-------------|
106
+ | *(default)* | Fields and buttons that trigger the submission |
package/docs/{crawl/core → core}/components/functional/subscriber/subscriber.html RENAMED
@@ -1,21 +1,22 @@
1
1
  <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html" data-doc-id="core/components/functional/subscriber/subscriber">
2
+ <html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/subscriber" data-doc-id="core/components/functional/subscriber/subscriber">
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Subscriber — Concorde</title>
6
+ <title>Subscriber — Concorde by Supersoniks</title>
7
7
  <meta name="description" content="La mixin Subscriber permet lier un composant à un publisher.">
8
8
  <meta name="keywords" content="Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component">
9
9
  <meta name="concorde-doc-id" content="core/components/functional/subscriber/subscriber">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/subscriber">
11
+ <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/subscriber.md">
11
12
  </head>
12
13
  <body>
13
14
  <header>
14
- <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/functional/subscriber/subscriber.md/subscriber" rel="nofollow">interactive version</a></p>
15
+ <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/subscriber">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
15
16
  </header>
16
17
  <main>
17
18
  <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Subscriber</strong>. La mixin Subscriber permet lier un composant à un publisher. <span>Doc ID: <code>core/components/functional/subscriber/subscriber</code>. Keywords: Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html">https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html</a>.</span></p>
19
+ <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Subscriber</strong>. La mixin Subscriber permet lier un composant à un publisher. <span>Doc ID: <code>core/components/functional/subscriber/subscriber</code>. Keywords: Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component. URL: <a href="https://concorde.supersoniks.org/core/components/functional/subscriber">https://concorde.supersoniks.org/core/components/functional/subscriber</a>.</span></p>
19
20
  <h1 id="subscriber">Subscriber</h1>
20
21
  <p>La mixin Subscriber permet lier un composant à un publisher.
21
22
  La liaison à un publisher se fait via l&#39;attribut <em>dataProvider</em> du composant qui représente ce que l&#39;on obtient en appellant PublisherManager.get(dataProvider).</p>
package/docs/core/components/functional/subscriber/subscriber.md ADDED
@@ -0,0 +1,91 @@
1
+ # Subscriber
2
+
3
+ La mixin Subscriber permet lier un composant à un publisher.
4
+ La liaison à un publisher se fait via l'attribut *dataProvider* du composant qui représente ce que l'on obtient en appellant PublisherManager.get(dataProvider).
5
+
6
+ Les propriétés du composant sont automatiquement remplies avec les propriétés du même nom dans les données du publisher.
7
+
8
+ Le composant est automatiquement mis à jour lorsque les données du publisher sont mises à jour.
9
+
10
+ ## DataProvider
11
+
12
+ **Id** of the dataProvider that the component will **subscribe** to
13
+
14
+ <sonic-code>
15
+ <template>
16
+ <sonic-subscriber dataProvider="id_that_the_subsriber_will_subscribe_to" debug>
17
+ <sonic-button> custom dataProvider id</sonic-button>
18
+ </sonic-subscriber>
19
+ <sonic-subscriber debug>
20
+ <sonic-button> default id : pageHTML</sonic-button>
21
+ </sonic-subscriber>
22
+ </template>
23
+ </sonic-code>
24
+
25
+ ## Props
26
+
27
+ Data object (json) that will be passed to the dataProvider
28
+
29
+ <sonic-code>
30
+ <template>
31
+ <sonic-subscriber props='{"data":"Hello world"}' debug>
32
+ <sonic-button> Hover to see the data</sonic-button>
33
+ </sonic-subscriber>
34
+ </template>
35
+ </sonic-code>
36
+
37
+
38
+ ## Debug
39
+
40
+ **Helper**, display the data held by the dataProvider in a floating div
41
+
42
+ <sonic-code>
43
+ <template>
44
+ <sonic-subscriber debug>
45
+ <sonic-button> see the dataProvider'data </sonic-button>
46
+ </sonic-subscriber>
47
+ </template>
48
+ </sonic-code>
49
+
50
+
51
+ ## NoAutofill
52
+
53
+ <sonic-alert status="info">Docs coming soon</sonic-alert>
54
+
55
+ ## PropertyMap
56
+
57
+ <sonic-alert status="info">Docs coming soon</sonic-alert>
58
+
59
+ Permet de mapper un nom de propriété de donnée source vers une propriété du subscriber à la volée
60
+
61
+ ## BindPublisher
62
+
63
+ <sonic-alert status="info">Docs coming soon</sonic-alert>
64
+
65
+ On peut utiliser cette fonction pour lier un publisher spécifique au composant si besoin.
66
+
67
+ ## instanceCounter
68
+
69
+ <sonic-alert status="info">Docs coming soon</sonic-alert>
70
+
71
+ ## Publisher
72
+
73
+ <sonic-alert status="info">Docs coming soon</sonic-alert>
74
+
75
+ ## Args
76
+
77
+ <sonic-alert status="info">Docs coming soon</sonic-alert>
78
+
79
+ ## NoShadowDom
80
+
81
+ Par défaut on crée un shadow dom mais on peut demander à ne pas en avoir via cette propriété et un attribut associé.
82
+ Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.
83
+
84
+
85
+ ## Other attributes gathered from subscriber.stories.ts
86
+
87
+ styles ??
88
+ title ??
89
+ _props ??
90
+ onAssign ??
91
+ defferedDebug ??
package/docs/core/components/functional/translation/translation.html ADDED
@@ -0,0 +1,60 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/translation" data-doc-id="core/components/functional/translation/translation">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Translation — Concorde by Supersoniks</title>
7
+ <meta name="description" content="sonic-t renders a translated label in plain HTML. It is the markup counterpart of the t() directive and shares its endpoint, batching and cache.">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/functional/translation/translation, translation, Translation, functional component, sonic-translation, web component, sonic-t, serviceURL, wordingProvider, key, unsafeHTML, , wordingVersionProvider">
9
+ <meta name="concorde-doc-id" content="core/components/functional/translation/translation">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/translation">
11
+ <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/translation.md">
12
+ </head>
13
+ <body>
14
+ <header>
15
+ <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/translation">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
16
+ </header>
17
+ <main>
18
+ <article>
19
+ <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Translation</strong>. sonic-t renders a translated label in plain HTML. It is the markup counterpart of the t() directive and shares its endpoint, batching and cache. <span>Doc ID: <code>core/components/functional/translation/translation</code>. Keywords: Concorde, supersoniks, core/components/functional/translation/translation, translation, Translation, functional component, sonic-translation, web component, sonic-t, serviceURL, wordingProvider, key, unsafeHTML, , wordingVersionProvider. URL: <a href="https://concorde.supersoniks.org/core/components/functional/translation">https://concorde.supersoniks.org/core/components/functional/translation</a>.</span></p>
20
+ <h1 id="translation">Translation</h1>
21
+ <p><strong><code>sonic-t</code></strong> renders a translated label in plain HTML. It is the markup counterpart of the <a href="/docs/directives/t">t()</a> directive and shares its endpoint, batching and cache.</p>
22
+ <h2 id="basic-example">Basic example</h2>
23
+ <p>Set <code>serviceURL</code> and <code>wordingProvider</code> on an ancestor, then give each <code>sonic-t</code> a <code>key</code>. Labels requested together are fetched in one call.</p>
24
+ <pre><code>&lt;div serviceURL=&quot;/docs-mock-api&quot; wordingProvider=&quot;wording/labels?lang=fr&quot;&gt;
25
+ &lt;p&gt;&lt;sonic-t key=&quot;flight.boarding&quot;&gt;&lt;/sonic-t&gt;&lt;/p&gt;
26
+ &lt;/div&gt;
27
+ </code></pre>
28
+ <h2 id="html-labels">HTML labels</h2>
29
+ <p>The label is escaped by default. Add <code>unsafeHTML</code> for labels that contain trusted markup.</p>
30
+ <pre><code>&lt;div serviceURL=&quot;/docs-mock-api&quot; wordingProvider=&quot;wording/labels?lang=fr&quot;&gt;
31
+ &lt;p&gt;&lt;sonic-t key=&quot;flight.gate&quot; unsafeHTML&gt;&lt;/sonic-t&gt;&lt;/p&gt;
32
+ &lt;/div&gt;
33
+ </code></pre>
34
+ <p>Endpoint format, reloading on <code>&lt;html lang&gt;</code> change and <code>wordingVersionProvider</code> are described on the <a href="/docs/directives/t">t()</a> page.</p>
35
+ <h2 id="api-reference">API reference</h2>
36
+ <table>
37
+ <thead>
38
+ <tr>
39
+ <th>Attribute</th>
40
+ <th>Values</th>
41
+ <th>Description</th>
42
+ </tr>
43
+ </thead>
44
+ <tbody><tr>
45
+ <td><code>key</code></td>
46
+ <td>string</td>
47
+ <td>Label key. Renders nothing while empty</td>
48
+ </tr>
49
+ <tr>
50
+ <td><code>unsafeHTML</code></td>
51
+ <td>boolean</td>
52
+ <td>Renders the label as HTML instead of text</td>
53
+ </tr>
54
+ </tbody></table>
55
+ <p>No slots.</p>
56
+
57
+ </article>
58
+ </main>
59
+ </body>
60
+ </html>
package/docs/core/components/functional/translation/translation.md ADDED
@@ -0,0 +1,38 @@
1
+ # Translation
2
+
3
+ **`sonic-t`** renders a translated label in plain HTML. It is the markup counterpart of the [t()](/docs/directives/t) directive and shares its endpoint, batching and cache.
4
+
5
+ ## Basic example
6
+
7
+ Set `serviceURL` and `wordingProvider` on an ancestor, then give each `sonic-t` a `key`. Labels requested together are fetched in one call.
8
+
9
+ <sonic-code>
10
+ <template>
11
+ <div serviceURL="/docs-mock-api" wordingProvider="wording/labels?lang=fr">
12
+ <p><sonic-t key="flight.boarding"></sonic-t></p>
13
+ </div>
14
+ </template>
15
+ </sonic-code>
16
+
17
+ ## HTML labels
18
+
19
+ The label is escaped by default. Add `unsafeHTML` for labels that contain trusted markup.
20
+
21
+ <sonic-code>
22
+ <template>
23
+ <div serviceURL="/docs-mock-api" wordingProvider="wording/labels?lang=fr">
24
+ <p><sonic-t key="flight.gate" unsafeHTML></sonic-t></p>
25
+ </div>
26
+ </template>
27
+ </sonic-code>
28
+
29
+ Endpoint format, reloading on `<html lang>` change and `wordingVersionProvider` are described on the [t()](/docs/directives/t) page.
30
+
31
+ ## API reference
32
+
33
+ | Attribute | Values | Description |
34
+ |-----------|--------|-------------|
35
+ | `key` | string | Label key. Renders nothing while empty |
36
+ | `unsafeHTML` | boolean | Renders the label as HTML instead of text |
37
+
38
+ No slots.
package/docs/core/components/functional/value/value.html ADDED
@@ -0,0 +1,81 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/value" data-doc-id="core/components/functional/value/value">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Value — Concorde by Supersoniks</title>
7
+ <meta name="description" content="sonic-value prints one value from a data provider and updates when it changes. Set dataProvider (or inherit it from an ancestor) and point key at the field to show.">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/functional/value/value, value, Value, functional component, sonic-value, web component, dataProvider, key, cabin, value-checkin, prefix">
9
+ <meta name="concorde-doc-id" content="core/components/functional/value/value">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/value">
11
+ <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/value.md">
12
+ </head>
13
+ <body>
14
+ <header>
15
+ <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/value">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
16
+ </header>
17
+ <main>
18
+ <article>
19
+ <p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Value</strong>. sonic-value prints one value from a data provider and updates when it changes. Set dataProvider (or inherit it from an ancestor) and point key at the field to show. <span>Doc ID: <code>core/components/functional/value/value</code>. Keywords: Concorde, supersoniks, core/components/functional/value/value, value, Value, functional component, sonic-value, web component, dataProvider, key, cabin, value-checkin, prefix. URL: <a href="https://concorde.supersoniks.org/core/components/functional/value">https://concorde.supersoniks.org/core/components/functional/value</a>.</span></p>
20
+ <h1 id="value">Value</h1>
21
+ <p><strong><code>sonic-value</code></strong> prints one value from a data provider and updates when it changes. Set <code>dataProvider</code> (or inherit it from an ancestor) and point <code>key</code> at the field to show.</p>
22
+ <h2 id="basic-example">Basic example</h2>
23
+ <p>The form below writes <code>cabin</code> into the <code>value-checkin</code> provider; <code>sonic-value</code> reads it back.</p>
24
+ <pre><code>&lt;div formDataProvider=&quot;value-checkin&quot; class=&quot;flex flex-wrap gap-4 mb-3&quot;&gt;
25
+ &lt;sonic-radio name=&quot;cabin&quot; value=&quot;Economy&quot; checked&gt;Economy&lt;/sonic-radio&gt;
26
+ &lt;sonic-radio name=&quot;cabin&quot; value=&quot;Business&quot;&gt;Business&lt;/sonic-radio&gt;
27
+ &lt;sonic-radio name=&quot;cabin&quot; value=&quot;First&quot;&gt;First&lt;/sonic-radio&gt;
28
+ &lt;/div&gt;
29
+ &lt;p&gt;Cabin: &lt;sonic-value dataProvider=&quot;value-checkin&quot; key=&quot;cabin&quot;&gt;&lt;/sonic-value&gt;&lt;/p&gt;
30
+ </code></pre>
31
+ <p>The value is rendered as HTML, not escaped: only display trusted data. When the value is an object or is missing, nothing is printed.</p>
32
+ <h2 id="nested-key">Nested key</h2>
33
+ <p><code>key</code> accepts a dot path, array indexes included.</p>
34
+ <pre><code>&lt;sonic-subscriber dataProvider=&quot;value-passenger&quot; props=&#39;{&quot;passenger&quot;:{&quot;name&quot;:&quot;Ada Lindqvist&quot;,&quot;seats&quot;:[{&quot;number&quot;:&quot;2A&quot;}]}}&#39;&gt;&lt;/sonic-subscriber&gt;
35
+ &lt;p&gt;
36
+ &lt;sonic-value dataProvider=&quot;value-passenger&quot; key=&quot;passenger.name&quot;&gt;&lt;/sonic-value&gt;
37
+ is seated in
38
+ &lt;sonic-value dataProvider=&quot;value-passenger&quot; key=&quot;passenger.seats.0.number&quot;&gt;&lt;/sonic-value&gt;
39
+ &lt;/p&gt;
40
+ </code></pre>
41
+ <h2 id="api-reference">API reference</h2>
42
+ <table>
43
+ <thead>
44
+ <tr>
45
+ <th>Attribute</th>
46
+ <th>Values</th>
47
+ <th>Description</th>
48
+ </tr>
49
+ </thead>
50
+ <tbody><tr>
51
+ <td><code>dataProvider</code></td>
52
+ <td>string</td>
53
+ <td>Provider to read. Inherited from the closest ancestor when omitted</td>
54
+ </tr>
55
+ <tr>
56
+ <td><code>key</code></td>
57
+ <td>string (required)</td>
58
+ <td>Dot path of the value in the provider</td>
59
+ </tr>
60
+ </tbody></table>
61
+ <table>
62
+ <thead>
63
+ <tr>
64
+ <th>Slot</th>
65
+ <th>Description</th>
66
+ </tr>
67
+ </thead>
68
+ <tbody><tr>
69
+ <td><em>(default)</em></td>
70
+ <td>Content rendered after the value</td>
71
+ </tr>
72
+ <tr>
73
+ <td><code>prefix</code> · <code>suffix</code></td>
74
+ <td>Rendered around the default slot, after the value</td>
75
+ </tr>
76
+ </tbody></table>
77
+
78
+ </article>
79
+ </main>
80
+ </body>
81
+ </html>
package/docs/core/components/functional/value/value.md ADDED
@@ -0,0 +1,47 @@
1
+ # Value
2
+
3
+ **`sonic-value`** prints one value from a data provider and updates when it changes. Set `dataProvider` (or inherit it from an ancestor) and point `key` at the field to show.
4
+
5
+ ## Basic example
6
+
7
+ The form below writes `cabin` into the `value-checkin` provider; `sonic-value` reads it back.
8
+
9
+ <sonic-code>
10
+ <template>
11
+ <div formDataProvider="value-checkin" class="flex flex-wrap gap-4 mb-3">
12
+ <sonic-radio name="cabin" value="Economy" checked>Economy</sonic-radio>
13
+ <sonic-radio name="cabin" value="Business">Business</sonic-radio>
14
+ <sonic-radio name="cabin" value="First">First</sonic-radio>
15
+ </div>
16
+ <p>Cabin: <sonic-value dataProvider="value-checkin" key="cabin"></sonic-value></p>
17
+ </template>
18
+ </sonic-code>
19
+
20
+ The value is rendered as HTML, not escaped: only display trusted data. When the value is an object or is missing, nothing is printed.
21
+
22
+ ## Nested key
23
+
24
+ `key` accepts a dot path, array indexes included.
25
+
26
+ <sonic-code>
27
+ <template>
28
+ <sonic-subscriber dataProvider="value-passenger" props='{"passenger":{"name":"Ada Lindqvist","seats":[{"number":"2A"}]}}'></sonic-subscriber>
29
+ <p>
30
+ <sonic-value dataProvider="value-passenger" key="passenger.name"></sonic-value>
31
+ is seated in
32
+ <sonic-value dataProvider="value-passenger" key="passenger.seats.0.number"></sonic-value>
33
+ </p>
34
+ </template>
35
+ </sonic-code>
36
+
37
+ ## API reference
38
+
39
+ | Attribute | Values | Description |
40
+ |-----------|--------|-------------|
41
+ | `dataProvider` | string | Provider to read. Inherited from the closest ancestor when omitted |
42
+ | `key` | string (required) | Dot path of the value in the provider |
43
+
44
+ | Slot | Description |
45
+ |------|-------------|
46
+ | *(default)* | Content rendered after the value |
47
+ | `prefix` · `suffix` | Rendered around the default slot, after the value |