@supersoniks/concorde 5.0.5 → 5.1.1

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 (282) hide show
  1. package/.claude/launch.json +15 -0
  2. package/.claude/vite.http.config.mjs +7 -0
  3. package/.taste-skill/after/desktop-fold.jpg +0 -0
  4. package/.taste-skill/after/desktop-page-01.jpg +0 -0
  5. package/.taste-skill/after/desktop-page-02.jpg +0 -0
  6. package/.taste-skill/after/desktop-page-03.jpg +0 -0
  7. package/.taste-skill/after/mobile-fold.jpg +0 -0
  8. package/.taste-skill/after/mobile-page-01.jpg +0 -0
  9. package/.taste-skill/after/report.json +4103 -0
  10. package/.taste-skill/after/tablet-fold.jpg +0 -0
  11. package/.taste-skill/after/tablet-page-01.jpg +0 -0
  12. package/.taste-skill/after/tablet-page-02.jpg +0 -0
  13. package/.taste-skill/before/desktop-fold.jpg +0 -0
  14. package/.taste-skill/before/desktop-page-01.jpg +0 -0
  15. package/.taste-skill/before/desktop-page-02.jpg +0 -0
  16. package/.taste-skill/before/mobile-fold.jpg +0 -0
  17. package/.taste-skill/before/mobile-page-01.jpg +0 -0
  18. package/.taste-skill/before/report.json +2556 -0
  19. package/.taste-skill/before/tablet-fold.jpg +0 -0
  20. package/.taste-skill/before/tablet-page-01.jpg +0 -0
  21. package/.taste-skill/direction.json +510 -0
  22. package/.taste-skill/notes.md +84 -0
  23. package/.taste-skill/prod/desktop-fold.jpg +0 -0
  24. package/.taste-skill/prod/desktop-page-01.jpg +0 -0
  25. package/.taste-skill/prod/desktop-page-02.jpg +0 -0
  26. package/.taste-skill/prod/desktop-page-03.jpg +0 -0
  27. package/.taste-skill/prod/mobile-fold.jpg +0 -0
  28. package/.taste-skill/prod/mobile-page-01.jpg +0 -0
  29. package/.taste-skill/prod/mobile-page-02.jpg +0 -0
  30. package/.taste-skill/prod/report.json +1973 -0
  31. package/.taste-skill/prod/tablet-fold.jpg +0 -0
  32. package/.taste-skill/prod/tablet-page-01.jpg +0 -0
  33. package/.taste-skill/prod/tablet-page-02.jpg +0 -0
  34. package/.tmp-cem/custom-elements.json +13705 -0
  35. package/AUDIT.md +228 -0
  36. package/PLAN-AMELIORATION.md +220 -0
  37. package/build-infos.json +1 -1
  38. package/concorde-core.bundle.js +196 -196
  39. package/concorde-core.es.js +3854 -3572
  40. package/custom-elements-manifest.config.mjs +14 -0
  41. package/dist/concorde-core.bundle.js +196 -196
  42. package/dist/concorde-core.es.js +3854 -3572
  43. package/dist/img/archive/concorde-001-2cv.webp +0 -0
  44. package/dist/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  45. package/dist/img/archive/concorde-red-arrows-2002.webm +0 -0
  46. package/dist/img/archive/credits.json +28 -0
  47. package/docs/assets/index-Bb-_LRyY.js +12280 -0
  48. package/docs/index.html +1 -1
  49. package/index.html +27 -63
  50. package/package.json +44 -3
  51. package/public/img/archive/concorde-001-2cv.webp +0 -0
  52. package/public/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  53. package/public/img/archive/concorde-red-arrows-2002.webm +0 -0
  54. package/public/img/archive/credits.json +28 -0
  55. package/scripts/generate-sdui-catalog.mjs +250 -0
  56. package/scripts/generate-sdui-catalog.spec.ts +91 -0
  57. package/scripts/pre-build.mjs +15 -0
  58. package/src/core/components/functional/fetch/fetch.md +2 -2
  59. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +5 -5
  60. package/src/core/components/functional/sdui/__fixtures__/descriptors.ts +251 -0
  61. package/src/core/components/functional/sdui/__snapshots__/sdui-action.spec.ts.snap +73 -0
  62. package/src/core/components/functional/sdui/__snapshots__/sdui-incremental.spec.ts.snap +50 -0
  63. package/src/core/components/functional/sdui/__snapshots__/sdui-partial.spec.ts.snap +50 -0
  64. package/src/core/components/functional/sdui/__snapshots__/sdui.regression.spec.ts.snap +461 -0
  65. package/src/core/components/functional/sdui/component-catalog.gaps.json +511 -0
  66. package/src/core/components/functional/sdui/component-catalog.json +3103 -0
  67. package/src/core/components/functional/sdui/component-catalog.spec.ts +23 -0
  68. package/src/core/components/functional/sdui/sdui-action.spec.ts +99 -0
  69. package/src/core/components/functional/sdui/sdui-dom-snapshot.ts +61 -0
  70. package/src/core/components/functional/sdui/sdui-extension-points.md +94 -0
  71. package/src/core/components/functional/sdui/sdui-incremental.spec.ts +137 -0
  72. package/src/core/components/functional/sdui/sdui-partial.spec.ts +83 -0
  73. package/src/core/components/functional/sdui/sdui-partial.ts +19 -0
  74. package/src/core/components/functional/sdui/sdui-safe.spec.ts +188 -0
  75. package/src/core/components/functional/sdui/sdui-safe.ts +100 -0
  76. package/src/core/components/functional/sdui/sdui.md +122 -0
  77. package/src/core/components/functional/sdui/sdui.regression.spec.ts +64 -0
  78. package/src/core/components/functional/sdui/sdui.ts +442 -34
  79. package/src/core/components/functional/sdui/types.ts +49 -0
  80. package/src/core/components/ui/modal/modal.ts +14 -11
  81. package/src/docs/_getting-started/components.md +5 -0
  82. package/src/docs/_getting-started/theming.md +2 -2
  83. package/src/docs/code.ts +88 -75
  84. package/src/docs/components/docs-demo-sources.ts +16 -8
  85. package/src/docs/components/docs-lit-demo.ts +19 -37
  86. package/src/docs/docs.ts +5 -0
  87. package/src/docs/example/docs-boarding-pass-demo.ts +134 -0
  88. package/src/docs/example/docs-provider-keys.ts +12 -0
  89. package/src/docs/header/header.ts +233 -69
  90. package/src/docs/home/catalog.ts +44 -0
  91. package/src/docs/home/home.ts +513 -0
  92. package/src/docs/home/mach-stage.ts +389 -0
  93. package/src/docs/layout.ts +3 -1
  94. package/src/docs/navigation/components-index.ts +56 -0
  95. package/src/docs/navigation/navigation.ts +240 -232
  96. package/src/docs/navigation/pager.ts +67 -0
  97. package/src/docs/navigation/toc.ts +98 -0
  98. package/src/docs/search/docs-search.json +330 -20
  99. package/src/docs/search/markdown-renderer.ts +11 -3
  100. package/src/docs/shiki/index.ts +109 -0
  101. package/src/docs/tailwind/css/base/scrollbar.css +22 -0
  102. package/src/docs/tailwind/css/base/theme.css +96 -0
  103. package/src/docs/tailwind/css/base/typography.css +4 -0
  104. package/src/docs/tailwind/css/docs/boarding-pass.css +65 -0
  105. package/src/docs/tailwind/css/docs/content.css +32 -0
  106. package/src/docs/tailwind/css/docs/page.css +10 -0
  107. package/src/docs/tailwind/css/docs.css +9 -0
  108. package/src/docs/tailwind/css/home/hero.css +210 -0
  109. package/src/docs/tailwind/css/home/motion.css +84 -0
  110. package/src/docs/tailwind/css/home/sections.css +416 -0
  111. package/src/docs/tailwind/css/tailwind.css +7 -185
  112. package/src/tsconfig.json +113 -2
  113. package/src/tsconfig.tsbuildinfo +1 -1
  114. package/tailwind.config.js +8 -4
  115. package/docs/assets/index-wVZpLVYW.js +0 -12122
  116. package/docs/crawl/core/components/functional/date/date.html +0 -190
  117. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  118. package/docs/crawl/core/components/functional/if/if.html +0 -27
  119. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  120. package/docs/crawl/core/components/functional/list/list.html +0 -70
  121. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  122. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  123. package/docs/crawl/core/components/functional/router/router.html +0 -106
  124. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  125. package/docs/crawl/core/components/functional/states/states.html +0 -66
  126. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  127. package/docs/crawl/core/components/functional/subscriber/subscriber.html +0 -67
  128. package/docs/crawl/core/components/functional/value/value.html +0 -51
  129. package/docs/crawl/core/components/ui/alert/alert.html +0 -211
  130. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -131
  131. package/docs/crawl/core/components/ui/badge/badge.html +0 -197
  132. package/docs/crawl/core/components/ui/button/button.html +0 -150
  133. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -112
  134. package/docs/crawl/core/components/ui/card/card.html +0 -253
  135. package/docs/crawl/core/components/ui/divider/divider.html +0 -144
  136. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  137. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -266
  138. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -122
  139. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -121
  140. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  141. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -38
  142. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  143. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  144. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  145. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  146. package/docs/crawl/core/components/ui/group/group.html +0 -104
  147. package/docs/crawl/core/components/ui/icon/icon.html +0 -222
  148. package/docs/crawl/core/components/ui/image/image.html +0 -298
  149. package/docs/crawl/core/components/ui/link/link.html +0 -100
  150. package/docs/crawl/core/components/ui/loader/loader.html +0 -124
  151. package/docs/crawl/core/components/ui/menu/menu.html +0 -394
  152. package/docs/crawl/core/components/ui/modal/modal.html +0 -342
  153. package/docs/crawl/core/components/ui/pop/pop.html +0 -296
  154. package/docs/crawl/core/components/ui/progress/progress.html +0 -131
  155. package/docs/crawl/core/components/ui/table/table.html +0 -545
  156. package/docs/crawl/core/components/ui/theme/theme.html +0 -131
  157. package/docs/crawl/core/components/ui/toast/toast.html +0 -233
  158. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -140
  159. package/docs/crawl/docs/_core-concept/dataFlow.html +0 -177
  160. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  161. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  162. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -117
  163. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  164. package/docs/crawl/docs/_decorators/bind.html +0 -141
  165. package/docs/crawl/docs/_decorators/get.html +0 -149
  166. package/docs/crawl/docs/_decorators/handle.html +0 -165
  167. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  168. package/docs/crawl/docs/_decorators/patch.html +0 -78
  169. package/docs/crawl/docs/_decorators/post.html +0 -139
  170. package/docs/crawl/docs/_decorators/publish.html +0 -61
  171. package/docs/crawl/docs/_decorators/put.html +0 -78
  172. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  173. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  174. package/docs/crawl/docs/_directives/sub.html +0 -93
  175. package/docs/crawl/docs/_getting-started/ai-agents.html +0 -173
  176. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  177. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  178. package/docs/crawl/docs/_getting-started/create-a-component.html +0 -111
  179. package/docs/crawl/docs/_getting-started/my-first-component.html +0 -189
  180. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  181. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  182. package/docs/crawl/docs/_getting-started/start.html +0 -76
  183. package/docs/crawl/docs/_getting-started/theming.html +0 -333
  184. package/docs/crawl/docs/_misc/api-configuration.html +0 -149
  185. package/docs/crawl/docs/_misc/dataProviderKey.html +0 -135
  186. package/docs/crawl/docs/_misc/docs-mock-api.html +0 -158
  187. package/docs/crawl/docs/_misc/dynamic-path.html +0 -180
  188. package/docs/crawl/docs/_misc/endpoint.html +0 -50
  189. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  190. package/docs/crawl/docs/_misc/html-integration.html +0 -48
  191. package/docs/crawl/hubs/decorators.html +0 -547
  192. package/docs/crawl/hubs/form-components.html +0 -381
  193. package/docs/crawl/hubs/remote-data.html +0 -452
  194. package/docs/crawl/index.html +0 -102
  195. package/docs/llms-full.txt +0 -7008
  196. package/docs/llms.txt +0 -97
  197. package/docs/sitemap.xml +0 -240
  198. package/docs/src/core/components/functional/date/date.md +0 -290
  199. package/docs/src/core/components/functional/fetch/fetch.md +0 -125
  200. package/docs/src/core/components/functional/if/if.md +0 -9
  201. package/docs/src/core/components/functional/jsonata/jsonata.md +0 -56
  202. package/docs/src/core/components/functional/list/list.md +0 -65
  203. package/docs/src/core/components/functional/mix/mix.md +0 -41
  204. package/docs/src/core/components/functional/queue/queue.md +0 -72
  205. package/docs/src/core/components/functional/router/router.md +0 -94
  206. package/docs/src/core/components/functional/sdui/default-library.json +0 -108
  207. package/docs/src/core/components/functional/sdui/example.json +0 -99
  208. package/docs/src/core/components/functional/sdui/sdui.md +0 -356
  209. package/docs/src/core/components/functional/states/states.md +0 -87
  210. package/docs/src/core/components/functional/submit/submit.md +0 -114
  211. package/docs/src/core/components/functional/subscriber/subscriber.md +0 -91
  212. package/docs/src/core/components/functional/value/value.md +0 -35
  213. package/docs/src/core/components/ui/alert/alert.md +0 -196
  214. package/docs/src/core/components/ui/alert-messages/alert-messages.md +0 -85
  215. package/docs/src/core/components/ui/badge/badge.md +0 -188
  216. package/docs/src/core/components/ui/button/button.md +0 -183
  217. package/docs/src/core/components/ui/captcha/captcha.md +0 -71
  218. package/docs/src/core/components/ui/card/card.md +0 -215
  219. package/docs/src/core/components/ui/divider/divider.md +0 -129
  220. package/docs/src/core/components/ui/form/checkbox/checkbox.md +0 -77
  221. package/docs/src/core/components/ui/form/fieldset/fieldset.md +0 -205
  222. package/docs/src/core/components/ui/form/form-actions/form-actions.md +0 -100
  223. package/docs/src/core/components/ui/form/form-layout/form-layout.md +0 -119
  224. package/docs/src/core/components/ui/form/input/input.md +0 -142
  225. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  226. package/docs/src/core/components/ui/form/radio/radio.md +0 -57
  227. package/docs/src/core/components/ui/form/select/select.md +0 -71
  228. package/docs/src/core/components/ui/form/switch/switch.md +0 -57
  229. package/docs/src/core/components/ui/form/textarea/textarea.md +0 -65
  230. package/docs/src/core/components/ui/group/group.md +0 -75
  231. package/docs/src/core/components/ui/icon/icon.md +0 -214
  232. package/docs/src/core/components/ui/icon/icons.json +0 -1
  233. package/docs/src/core/components/ui/image/image.md +0 -233
  234. package/docs/src/core/components/ui/link/link.md +0 -81
  235. package/docs/src/core/components/ui/loader/loader.md +0 -112
  236. package/docs/src/core/components/ui/menu/menu.md +0 -370
  237. package/docs/src/core/components/ui/modal/modal.md +0 -235
  238. package/docs/src/core/components/ui/pop/pop.md +0 -294
  239. package/docs/src/core/components/ui/progress/progress.md +0 -109
  240. package/docs/src/core/components/ui/table/table.md +0 -431
  241. package/docs/src/core/components/ui/theme/theme.md +0 -122
  242. package/docs/src/core/components/ui/toast/toast.md +0 -216
  243. package/docs/src/core/components/ui/tooltip/tooltip.md +0 -124
  244. package/docs/src/docs/_core-concept/dataFlow.md +0 -88
  245. package/docs/src/docs/_core-concept/overview.md +0 -57
  246. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  247. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -128
  248. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  249. package/docs/src/docs/_decorators/bind.md +0 -167
  250. package/docs/src/docs/_decorators/get.md +0 -162
  251. package/docs/src/docs/_decorators/handle.md +0 -175
  252. package/docs/src/docs/_decorators/on-assign.md +0 -390
  253. package/docs/src/docs/_decorators/patch.md +0 -70
  254. package/docs/src/docs/_decorators/post.md +0 -146
  255. package/docs/src/docs/_decorators/publish.md +0 -55
  256. package/docs/src/docs/_decorators/put.md +0 -70
  257. package/docs/src/docs/_decorators/subscribe.md +0 -100
  258. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  259. package/docs/src/docs/_directives/sub.md +0 -91
  260. package/docs/src/docs/_getting-started/ai-agents.md +0 -76
  261. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  262. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  263. package/docs/src/docs/_getting-started/create-a-component.md +0 -139
  264. package/docs/src/docs/_getting-started/my-first-component.md +0 -236
  265. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  266. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  267. package/docs/src/docs/_getting-started/start.md +0 -47
  268. package/docs/src/docs/_getting-started/theming.md +0 -253
  269. package/docs/src/docs/_misc/api-configuration.md +0 -81
  270. package/docs/src/docs/_misc/dataProviderKey.md +0 -168
  271. package/docs/src/docs/_misc/docs-mock-api.md +0 -63
  272. package/docs/src/docs/_misc/dynamic-path.md +0 -71
  273. package/docs/src/docs/_misc/endpoint.md +0 -45
  274. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  275. package/docs/src/docs/_misc/html-integration.md +0 -15
  276. package/docs/src/docs/search/docs-search.json +0 -12242
  277. package/docs/src/tag-list.json +0 -1
  278. package/docs/src/tsconfig-model.json +0 -23
  279. package/docs/src/tsconfig.json +0 -1242
  280. package/src/docs/prism/index.ts +0 -6
  281. package/src/docs/prism/prism.css +0 -158
  282. package/src/docs/prism/prism.js +0 -1022
@@ -1,168 +0,0 @@
1
- # DataProviderKey
2
-
3
- The `DataProviderKey<T>` utility provides type-safe navigation through composite data structures. Each property or index access extends the path, and the final key can be retrieved via `toString()` or the `path` property.
4
-
5
- For a **single HTTP path string** (no dot-syntax), see [Endpoint](#docs/_misc/endpoint.md/endpoint). For **`DataProviderKey<APIConfiguration>`**, see [API configuration](#docs/_misc/api-configuration.md/api-configuration).
6
-
7
- ## Principle
8
-
9
- `DataProviderKey` uses a Proxy to intercept property access and build a cumulative path string. TypeScript infers the nested type at each level, so `myKey.items[0]` is correctly typed as `DataProviderKey<Item>` when `items` is `Item[]`.
10
-
11
- In Lit demos, bind HTML attributes from a key’s **`.path`** (single source of truth), and use **`get` / `set` / `dp`** instead of `PublisherManager.get("…")`:
12
-
13
- <sonic-code language="typescript">
14
- <template>
15
- import { DataProviderKey } from "@supersoniks/concorde/dataProviderKey";
16
- import { get, set } from "@supersoniks/concorde/utils";
17
-
18
- export const myFormKey = new DataProviderKey&lt;{ email: string }&gt;("myForm");
19
- set(myFormKey, { email: "a@b.c" });
20
-
21
- // template: formDataProvider=${myFormKey.path}
22
- </template>
23
- </sonic-code>
24
-
25
- ## Usage
26
-
27
- ### Import
28
-
29
- <sonic-code language="typescript">
30
- <template>
31
- import { DataProviderKey } from "@supersoniks/concorde/dataProviderKey";
32
- </template>
33
- </sonic-code>
34
-
35
- ### Basic example
36
-
37
- <sonic-code language="typescript">
38
- <template>
39
- type Item = { id: string; name: string };
40
- //
41
- type Data = {
42
- items: Item[];
43
- count: number;
44
- };
45
- //
46
- const myKey = new DataProviderKey&lt;Data&gt;("data").items[0];
47
- // Equivalent to: new DataProviderKey&lt;Item&gt;("data.items.0")
48
- myKey.toString(); // "data.items.0"
49
- myKey.path; // same value
50
- // myKey is typed as DataProviderKey&lt;Item&gt;
51
- </template>
52
- </sonic-code>
53
-
54
- ### Object property access
55
-
56
- <sonic-code language="typescript">
57
- <template>
58
- const key = new DataProviderKey&lt;Data&gt;("data");
59
- const countKey = key.count;
60
- countKey.path; // "data.count"
61
- countKey.toString(); // "data.count"
62
- </template>
63
- </sonic-code>
64
-
65
- ### Array index access
66
-
67
- <sonic-code language="typescript">
68
- <template>
69
- const itemsKey = new DataProviderKey&lt;Data&gt;("data").items;
70
- itemsKey.path; // "data.items"
71
- // itemsKey is DataProviderKey&lt;Item[]&gt;
72
- //
73
- const firstItem = itemsKey[0];
74
- firstItem.path; // "data.items.0"
75
- // firstItem is DataProviderKey&lt;Item&gt;
76
- </template>
77
- </sonic-code>
78
-
79
- ### Dynamic paths
80
-
81
- Use placeholders `${prop}` or `{$prop}` in the path string. The path is resolved at runtime from the component's properties. See [Dynamic path placeholders](#docs/_misc/dynamic-path.md/dynamic-path) for resolution rules and `skipEmptyPlaceholder`. The type remains declarative:
82
-
83
- <sonic-code language="typescript">
84
- <template>
85
- type User = { name: string; email: string };
86
- //
87
- // Path resolved from component.userIndex at runtime
88
- @subscribe(new DataProviderKey&lt;User&gt;("users.${userIndex}"))
89
- @state()
90
- user: User | null = null;
91
- </template>
92
- </sonic-code>
93
-
94
- Dynamic keys are **not** supported by `get`, `set`, or `dp` — those APIs take a snapshot at call time with no component context. For dynamic paths use decorators (`@subscribe`, `@publish`, `@handle`) or **`sub(key)`** in Lit templates (resolves `${…}` from the host component). See [sub()](#docs/_directives/sub.md/sub).
95
-
96
- ### get / set / dp with static keys
97
-
98
- For programmatic access, pass a `DataProviderKey` or a static path string. Dynamic placeholders are rejected:
99
-
100
- <sonic-code language="typescript">
101
- <template>
102
- import { dp, get, set } from "@supersoniks/concorde/utils";
103
- import { DataProviderKey } from "@supersoniks/concorde/dataProviderKey";
104
- //
105
- const counterKey = new DataProviderKey&lt;{ count: number }&gt;("myCounter");
106
- //
107
- set(counterKey, { count: 0 });
108
- dp(counterKey.count).set(1);
109
- get(counterKey); // snapshot: { count: 1 }
110
- </template>
111
- </sonic-code>
112
-
113
- ## Path retrieval
114
-
115
- The final path is built by concatenating each accessed property with a dot:
116
-
117
- - `new DataProviderKey<T>("base")` → `"base"`
118
- - `key.prop` → `"base.prop"`
119
- - `key.items[0]` → `"base.items.0"`
120
-
121
- Use `toString()` or `path` to get the full path string:
122
-
123
- <sonic-code language="typescript">
124
- <template>
125
- const key = new DataProviderKey&lt;Data&gt;("data").count;
126
- const pathString = key.toString(); // "data.count"
127
- const pathProp = key.path; // "data.count"
128
- </template>
129
- </sonic-code>
130
-
131
- ## Use cases
132
-
133
- - **Type-safe bindings**: paths for `@bind`, `@subscribe`, `@publish`, `@handle`
134
- - **Dynamic paths**: reusable keys with `${...}` placeholders
135
- - **Form fields**: form data paths with compile-time checking
136
-
137
- ## Integration with @subscribe, @publish and @handle
138
-
139
- Use `DataProviderKey` with `@subscribe` (read-only), `@publish` (write-only), or `@handle` (method callback on assign). With `@subscribe` / `@publish`, the decorated property **must** match the key’s value type. With `@handle`, the method receives `(value: T)`.
140
-
141
- <sonic-code language="typescript">
142
- <template>
143
- import { subscribe } from "@supersoniks/concorde/decorators";
144
- import { DataProviderKey } from "@supersoniks/concorde/dataProviderKey";
145
- //
146
- type FormData = { email: string };
147
- const formKey = new DataProviderKey&lt;FormData&gt;("formData");
148
- //
149
- @customElement("user-form")
150
- export class UserForm extends LitElement {
151
- @subscribe(formKey.email)
152
- @state()
153
- email = "";
154
- //
155
- render() {
156
- return html`&lt;input .value=${this.email} @input=${(e) => this.email = (e.target as HTMLInputElement).value}&gt;`;
157
- }
158
- }
159
- </template>
160
- </sonic-code>
161
-
162
- These decorators support dynamic paths: `"base.${prop}"` in the constructor. A wrong property type (e.g. `number` for `DataProviderKey<string>`) is a TypeScript error. Resolution rules: [Dynamic path placeholders](#docs/_misc/dynamic-path.md/dynamic-path). See [@handle](#docs/_decorators/handle.md/handle) for method callbacks.
163
-
164
- ## Notes
165
-
166
- - Function properties are excluded from navigation (no `key.method()` chaining)
167
- - Primitives have no navigable properties
168
- - The `path` property and `toString()` are equivalent for retrieving the key
@@ -1,63 +0,0 @@
1
- # Local API demos (offline)
2
-
3
- The Concorde doc site does not call fragile third-party APIs during `yarn dev`. A **Service Worker** and the Vite dev middleware serve **`/docs-mock-api/*`** on the same origin.
4
-
5
- ## How it works
6
-
7
- 1. On load, `registerDocsMockApiServiceWorker()` registers `/docs-mock-api-sw.js`.
8
- 2. Requests to `/docs-mock-api/...` are handled by the SW (production build) or Vite middleware (dev).
9
- 3. Live examples use `serviceURL="/docs-mock-api"` and relative paths.
10
-
11
- TypeScript constants: `src/docs/mock-api/urls.ts` (`DOCS_MOCK_REQRES_SERVICE`, `DOCS_MOCK_GEO_SERVICE`, …).
12
-
13
- ## Routes
14
-
15
- | Path | Used in |
16
- |------|---------|
17
- | `/docs-mock-api/api/users` | `sonic-list`, `sonic-fetch`, `sonic-queue` (users) |
18
- | `/docs-mock-api/api/users/:id` | Single user, `docs-user` |
19
- | `/docs-mock-api/api/space-cats` | `sonic-jsonata` top-N demo |
20
- | `/docs-mock-api/api/coffee-bags` | fixtures / tests jsonata (`?roast=`) |
21
- | `/docs-mock-api/api/market-order` | `sonic-jsonata` totals demo |
22
- | `POST /docs-mock-api/api/register` | **sonic-submit** — JSON, `multipart/form-data` (`sendAsFormData`), or `application/x-www-form-urlencoded` (native `<form>`); response includes parsed `email` + `token` |
23
- | `POST /docs-mock-api/api/register/nested` | Wrapped body `{ data: { id, token } }` for `submit-result-key` demo |
24
- | `GET /docs-mock-api/api/register/echo` | Echoes query string (`method="get"` on submit) |
25
- | `GET /docs-mock-api/auth/token` | [API configuration](#docs/_misc/api-configuration.md/api-configuration) — tokenProvider (Basic or `eventsApiToken`) |
26
- | `GET /docs-mock-api/api/config/protected` | Bearer / Basic; `docs-mock-stale-token` → **498** |
27
- | `GET /docs-mock-api/wording/labels` | Wording batch (`labels[]`, `lang`) |
28
- | `/docs-mock-api/geo/communes` | Geo list, `@get` demos |
29
- | `/docs-mock-api/jokes/joke/:category` | JokeAPI-shaped list (`key="jokes"` on queue/list) |
30
-
31
- ### Filtres `GET /jokes/joke/…`
32
-
33
- | Query | Meaning |
34
- |-------|---------|
35
- | `amount` | Max jokes per request when not using `offset` |
36
- | `offset` + `limit` / `per_page` | Pagination for **sonic-queue** lazy load |
37
- | `contains` | Substring on joke text, setup/delivery, categories (**input** demo, `name="contains"`) |
38
- | `lang` | `fr` or `en` — filters the local dataset (**select** demo, `name="lang"`) |
39
- | `blacklistFlags` | Comma-separated flags to **exclude** (`nsfw`, `religious`, `political`, `racist`, `sexist`, `explicit`) — checkbox/radio/switch « Remove following jokes » demos; each joke has matching `flags` in fixtures |
40
-
41
- ### Pagination `GET /api/users`
42
-
43
- | Query | Meaning |
44
- |-------|---------|
45
- | `offset` + `per_page` | Index-based slice on the filtered set — **sonic-queue** (`offset=$offset&per_page=$limit`) |
46
- | `page` + `per_page` | 1-based page — static fetch examples (`?page=2`) |
47
- | `limit` | Alias of `per_page` |
48
- | `q` | Search on first name, last name, email (optional; **sonic-queue** + `dataFilterProvider`, field `name="q"`) |
49
-
50
- **ALTCHA** (`sonic-captcha`) is **not** mocked — it still uses the Supersoniks service.
51
-
52
- In TypeScript demos, import from `src/docs/mock-api/urls.ts` (e.g. `DOCS_MOCK_REQRES_SERVICE` on `serviceURL`).
53
-
54
- ## Source files
55
-
56
- - `src/docs/mock-api/` — router, fixtures, service worker, `urls.ts`
57
- - `scripts/docs-mock-api-vite-plugin.ts` — SW build + middleware
58
- - `public/docs-mock-api-sw.js` — generated on `yarn dev` / `yarn build-docs`
59
-
60
- ```bash
61
- yarn dev # mock API on by default
62
- yarn build-docs # includes SW bundle
63
- ```
@@ -1,71 +0,0 @@
1
- # Dynamic path placeholders
2
-
3
- Decorators and `DataProviderKey` paths can include **placeholders** resolved on the host component at runtime:
4
-
5
- - `${prop}` or `{$prop}` — e.g. `"users/${userId}"`, `"api/sessions/${sessionId}/sync"`
6
- - Nested expressions — e.g. `"teams.${teamId}.members"`
7
-
8
- Resolution is done by [`resolveDynamicPath`](../../core/decorators/subscriber/dynamicPath.ts). The root property names (`userId`, `sessionId`, …) are watched via `requestAnimationFrame` (see `dynamicPropertyWatch.ts`).
9
-
10
- ## Default behaviour (`ready` / `not ready`)
11
-
12
- | Placeholder value | Path `ready`? | Inserted segment | Notes |
13
- |-------------------|---------------|------------------|-------|
14
- | `undefined` | **no** | — | Wait until defined |
15
- | `null` | **no** | — | Same as undefined |
16
- | `""` | **yes** | empty string | e.g. `sessions//sync` — request may still run |
17
- | `0` | **yes** | `"0"` | Not treated as “missing” |
18
- | `false` | **yes** | `"false"` | |
19
- | `42`, `"alpha"` | **yes** | `"42"`, `"alpha"` | |
20
-
21
- When `ready: false`, decorators **do not** call the network (for `@get` / `@post` / `@put` / `@patch`), **unsubscribe** (`@bind` / `@subscribe`), or skip publisher binding (`@publish` / `@handle`). The decorated property is often left unchanged or set to `undefined` (HTTP decorators).
22
-
23
- When the placeholder later becomes valid, observers run again and behaviour resumes.
24
-
25
- ## `skipEmptyPlaceholder` option
26
-
27
- Some APIs should not run while an id is still `""`. Opt in per decorator:
28
-
29
- ```typescript
30
- @get(new Endpoint<User, { userId: string }>("users/${userId}"), {
31
- skipEmptyPlaceholder: true,
32
- })
33
- ```
34
-
35
- | Option | Scope |
36
- |--------|--------|
37
- | `skipEmptyPlaceholder?: boolean` | **Only** empty string `''` on a placeholder |
38
- | Default `false` | `""` is inserted into the path (legacy behaviour) |
39
- | `true` | `""` → `ready: false`, same as `null` / `undefined` for that segment |
40
-
41
- Does **not** affect `0`, `false`, `null`, or `undefined` (nullish stays “not ready” regardless).
42
-
43
- Available on:
44
-
45
- | API | Where |
46
- |-----|--------|
47
- | `@get` | 2nd or 3rd argument (`GetOptions`) |
48
- | `@post` / `@put` / `@patch` | `PostOptions` / `ApiSendOptions` |
49
- | `@bind` / `@subscribe` | `BindOptions` |
50
- | `@publish` | 2nd argument `PublishOptions` |
51
- | `@handle` | `HandleOptions` |
52
-
53
- ## Per-decorator summary
54
-
55
- | Decorator | `ready: false` | `ready: true` |
56
- |-----------|----------------|---------------|
57
- | `@get` | No HTTP; `payload` → `undefined` | `ApiResult` assigned |
58
- | `@post` / `@put` / `@patch` | No HTTP; `payload` → `undefined` | `ApiResult` assigned |
59
- | `@subscribe` / `@bind` | Unsubscribe; prop keeps last value | Subscribe `onAssign` |
60
- | `@publish` | Internal publisher `null`; writes ignored | `publisher.set` on assign |
61
- | `@handle` | No subscription; with `waitForAllDefined`, method not called | Callback on assign |
62
-
63
- ## See also
64
-
65
- - [DataProviderKey](#docs/_misc/dataProviderKey.md/dataProviderKey) — path syntax
66
- - [Endpoint](#docs/_misc/endpoint.md/endpoint) — HTTP paths + host generic `U`
67
- - HTTP: [@get](#docs/_decorators/get.md/get) · [@post](#docs/_decorators/post.md/post) · [@put](#docs/_decorators/put.md/put) · [@patch](#docs/_decorators/patch.md/patch)
68
- - Store: [@subscribe](#docs/_decorators/subscribe.md/subscribe) · [@bind](#docs/_decorators/bind.md/bind) · [@publish](#docs/_decorators/publish.md/publish) · [@handle](#docs/_decorators/handle.md/handle)
69
- - Legacy strings: [@onAssign](#docs/_decorators/on-assign.md/on-assign) (dynamic paths section)
70
- - Templates: [sub()](#docs/_directives/sub.md/sub) — dynamic paths in Lit (no `skipEmptyPlaceholder` yet)
71
- - Tutorial: [My first component](#docs/_getting-started/my-first-component.md/my-first-component) — `"${dataProvider}"` scope pattern
@@ -1,45 +0,0 @@
1
- # Endpoint
2
-
3
- `Endpoint<T, U>` describes a single HTTP path (or a path accepted by `API.get`) and carries the expected response type `T`. Unlike [DataProviderKey](#docs/_misc/dataProviderKey.md/dataProviderKey), there is no dot-navigation: the path is one string.
4
-
5
- The optional second generic `U` (default `any`) describes host properties used to resolve dynamic segments in the path (`${…}` / `{$…}`), for example with [@get](#docs/_decorators/get.md/get) or [@post](#docs/_decorators/post.md/post). See [Dynamic path placeholders](#docs/_misc/dynamic-path.md/dynamic-path) for `null` / `undefined` / `""` / `0` and `skipEmptyPlaceholder`.
6
-
7
- ## Import
8
-
9
- <sonic-code language="typescript">
10
- <template>
11
- import { Endpoint } from "@supersoniks/concorde/utils/endpoint";
12
- </template>
13
- </sonic-code>
14
-
15
- ## Construction
16
-
17
- <sonic-code language="typescript">
18
- <template>
19
- const users = new Endpoint&lt;User[]&gt;("users?limit=10");
20
- users.path; // "users?limit=10"
21
-
22
- const one = new Endpoint&lt;User, { userId: string }&gt;("users/${userId}");
23
- // `userId` on the host class is observed when used with @get
24
- </template>
25
- </sonic-code>
26
-
27
- ## Normalization
28
-
29
- `Endpoint.normalizePath` trims the string, rejects an empty path, strips leading slashes for paths relative to `serviceURL`, collapses duplicate slashes, and validates absolute `http(s)://` URLs.
30
-
31
- ## Publisher key for payloads
32
-
33
- `getDataProviderKey()` returns a typed publisher key whose `path` matches the endpoint path (payload typing follows `ApiResult` for this endpoint). Useful when pairing `@get` with `@publish` / `@subscribe` (see [@get](#docs/_decorators/get.md/get)).
34
-
35
- ## Data-provider paths
36
-
37
- `Endpoint.looksLikeDataProviderPath(path)` returns true for strings shaped like `dataProvider(id)…`, which `API.get` can resolve without HTTP.
38
-
39
- ## See also
40
-
41
- - [API configuration](#docs/_misc/api-configuration.md/api-configuration) — `serviceURL`, token, wording (mock demos)
42
- - [@get](#docs/_decorators/get.md/get) — GET decorator
43
- - [@post](#docs/_decorators/post.md/post) — POST decorator (body from a `DataProviderKey`)
44
- - [@put](#docs/_decorators/put.md/put) · [@patch](#docs/_decorators/patch.md/patch) — PUT / PATCH decorators
45
- - [DataProviderKey](#docs/_misc/dataProviderKey.md/dataProviderKey) — typed publisher paths (dot notation)
@@ -1,115 +0,0 @@
1
- # FormElement without Subscriber (REDMINE-79569)
2
-
3
- Form fields (`sonic-input`, `textarea`, `select`, `checkbox`, `radio`, `switch`, `button`, `input-autocomplete`) no longer inherit the **Subscriber** mixin.
4
-
5
- ## Behaviour now
6
-
7
- | Before | After |
8
- |--------|--------|
9
- | Dual channel `dataProvider` (autofill) + `formDataProvider` | **`formDataProvider` + `name` only** |
10
- | Ancestor `dataProvider` auto-filled field props | Ignored by form fields |
11
- | `noAutoFill` on fields/buttons inside a `dataProvider` tree | Dead on form fields (attribute harmless; can be cleaned in apps) |
12
-
13
- Preview pattern still valid: form writes via `formDataProvider`, display card reads via `dataProvider` on a **Subscriber** (or `@subscribe`) sibling — not on the fields themselves.
14
-
15
- ## Migration checklist (apps)
16
-
17
- 1. Prefer `formDataProvider` alone on forms / fieldsets.
18
- 2. Drop redundant `dataProvider={sameKey}` on form containers when it only existed for field autofill.
19
- 3. Prefill edit forms with `set(formKey, row)` / `dp(formKey.field).set(...)` before mount — not field `dataProvider`.
20
- 4. Remove `noAutoFill` on `sonic-button` / fields when it only blocked Subscriber autofill.
21
- 5. `initFromPublisher` still works (form publisher only).
22
-
23
- ## Billetterie collect — dual-channel risk
24
-
25
- Files under `la-billetterie/concorde` that mention both `formDataProvider` and `dataProvider=` (review; many are filter+queue, not field autofill):
26
-
27
- ### High priority (same key on form container)
28
-
29
- - `la-billetterie/components/reservation-request/atoms/request-event-form.ts` — `form` / `fieldset` with both attrs equal
30
- - `la-billetterie/components/reservation/atoms/new-quote-form.ts`
31
- - `la-billetterie/components/stats/sales-summary/sales-summary.ts`
32
- - `la-billetterie/components/product/price-selection-form/price-selection-form.ts` — `formDataProvider` + `dataProvider="cart/editForm"`
33
- - `la-billetterie/components/user/account/link-ticket/link-ticket.ts` — distinct keys (API vs form) — keep `dataProvider` only if used by fetch/submit siblings
34
-
35
- ### Filters + queue (usually OK)
36
-
37
- `formDataProvider` on filter bar, `dataProvider` on `sonic-queue` / list — no field autofill dependency:
38
-
39
- - `access-control/components/event/list/index.ts`
40
- - `access-control/components/control/search/views/list.ts`
41
- - `la-billetterie/components/event/form-event-filter/form-event-filter.ts`
42
- - `la-billetterie/components/counter/*` (agenda, store, reservation-request-treatment, …)
43
- - `widgets/agenda/agenda.ts`
44
- - … see full dual list in ticket notes / grep below
45
-
46
- ### Full dual-channel file list (55)
47
-
48
- ```
49
- concorde/src/access-control/components/control/search/views/list.ts
50
- concorde/src/access-control/components/event/list/index.ts
51
- concorde/src/la-billetterie/components/access-control-mobile/access-controller-picker.ts
52
- concorde/src/la-billetterie/components/accreditations-directory/accreditations-directory.ts
53
- concorde/src/la-billetterie/components/address/address-suggestion.ts
54
- concorde/src/la-billetterie/components/bulk/bulk.ts
55
- concorde/src/la-billetterie/components/campaign/campaign-content.ts
56
- concorde/src/la-billetterie/components/counter/agenda/agenda.ts
57
- concorde/src/la-billetterie/components/counter/event-selector/event-selector.ts
58
- concorde/src/la-billetterie/components/counter/order-validation/order-validation-settings.ts
59
- concorde/src/la-billetterie/components/counter/print/format-menu.ts
60
- concorde/src/la-billetterie/components/counter/reservation-request-treatment/reservation-request-treatment.ts
61
- concorde/src/la-billetterie/components/counter/store/counter-store.ts
62
- concorde/src/la-billetterie/components/counter/widgets-settings/widgets-settings-page.ts
63
- concorde/src/la-billetterie/components/custom-list/custom-list.ts
64
- concorde/src/la-billetterie/components/event/agenda/agenda.ts
65
- concorde/src/la-billetterie/components/event/atoms/buy-event-block/buy-event-block.ts
66
- concorde/src/la-billetterie/components/event/atoms/categorizedPrices/categorizedPrices.ts
67
- concorde/src/la-billetterie/components/event/event-store/event-store-content.ts
68
- concorde/src/la-billetterie/components/event/form-event-filter/form-event-filter.ts
69
- concorde/src/la-billetterie/components/form/event-selection/event-selection-filters.ts
70
- concorde/src/la-billetterie/components/form/event-selection/event-selection.ts
71
- concorde/src/la-billetterie/components/giftcards/giftcard-link.ts
72
- concorde/src/la-billetterie/components/layout/header.ts
73
- concorde/src/la-billetterie/components/orders/recover/recover.ts
74
- concorde/src/la-billetterie/components/placing/atoms/placement-choice/placement-choice.ts
75
- concorde/src/la-billetterie/components/placing/seatmap-view/seatmap-view.ts
76
- concorde/src/la-billetterie/components/product/price-selection-form/price-selection-form.ts
77
- concorde/src/la-billetterie/components/product/prices-form/price-button/price-button.ts
78
- concorde/src/la-billetterie/components/purchase/purchase-summary/complementary-info/complementary-info.ts
79
- concorde/src/la-billetterie/components/reservation-request/atoms/request-event-form.ts
80
- concorde/src/la-billetterie/components/reservation/atoms/new-quote-form.ts
81
- concorde/src/la-billetterie/components/reservation/reservation-content.ts
82
- concorde/src/la-billetterie/components/seatmap/seatmap.ts
83
- concorde/src/la-billetterie/components/shop/shop.ts
84
- concorde/src/la-billetterie/components/stats/dashboard/dashboard.ts
85
- concorde/src/la-billetterie/components/stats/event/event-stats-check.ts
86
- concorde/src/la-billetterie/components/stats/sales-summary/sales-summary.ts
87
- concorde/src/la-billetterie/components/subscription/atoms/quick-select-display-toggle/quick-select-display-toggle.ts
88
- concorde/src/la-billetterie/components/subscription/cart-quick-select.ts
89
- concorde/src/la-billetterie/components/subscription/edit/subscription-renew-form.ts
90
- concorde/src/la-billetterie/components/ticket/ticket-freeup.ts
91
- concorde/src/la-billetterie/components/tickets-app/default-router.ts
92
- concorde/src/la-billetterie/components/user/account/account-purchases.ts
93
- concorde/src/la-billetterie/components/user/account/account-tickets.ts
94
- concorde/src/la-billetterie/components/user/account/link-ticket/link-ticket.ts
95
- concorde/src/la-billetterie/components/user/form/login.ts
96
- concorde/src/la-billetterie/components/user/user-attach/buyer-attach-form.ts
97
- concorde/src/la-billetterie/components/user/user-attach/buyer-attach.ts
98
- concorde/src/la-billetterie/components/user/user-attach/owner-attach-form.ts
99
- concorde/src/la-billetterie/components/user/user-attach/subscription-attach-form.ts
100
- concorde/src/la-billetterie/components/user/user-attach/subscription-selector.ts
101
- concorde/src/la-billetterie/components/user/user-selector/user-selector.ts
102
- concorde/src/la-billetterie/components/user/user-suggest/user-suggest.ts
103
- concorde/src/widgets/agenda/agenda.ts
104
- ```
105
-
106
- Re-run audit:
107
-
108
- ```bash
109
- # from la-billetterie
110
- rg -l 'formDataProvider' concorde/src | while read f; do rg -q 'dataProvider\s*=' "$f" && echo "$f"; done
111
- ```
112
-
113
- ## Non-regression (Concorde docs)
114
-
115
- Smoke form demos: input, textarea, select, checkbox (incl. check-all), radio, switch, button form modes, queue + `dataFilterProvider`, submit, validation / sameValueAs, input-autocomplete.
@@ -1,15 +0,0 @@
1
- # HTML integration (no Lit)
2
-
3
- Some hosts (legacy PHP pages, static HTML) embed Concorde components **without** a Lit build step. They can use HTML attributes such as **`data-bind`**, **`dataProvider`**, and **`formDataProvider`** on tags directly in the page.
4
-
5
- **Form fields** (`sonic-input`, checkbox, select, …) bind only via **`formDataProvider` + `name`**. They do not autofill from ancestor `dataProvider` (Subscriber was removed from FormElement — see [FormElement without Subscriber](#docs/_misc/formelement-subscriber-removal.md/formelement-subscriber-removal)).
6
-
7
- That style is **not** what we demonstrate in this doc site: live examples are **Lit components** under `src/docs/example/`, registered once and reused from Markdown via tags like `<docs-joke-search-demo>`.
8
-
9
- | Goal | Use |
10
- |------|-----|
11
- | Learn modern patterns | [My first component](#docs/_getting-started/my-first-component.md/my-first-component), [Data flow](#docs/_core-concept/dataFlow.md/dataFlow) |
12
- | Author doc examples | `<docs-lit-demo>` + `src/docs/example/*.ts` — see [My first component](#docs/_getting-started/my-first-component.md/my-first-component) |
13
- | Embed in plain HTML only | `data-bind` / Subscriber docs in **Legacy** — [Subscriber mixin](#docs/_core-concept/subscriber.md/subscriber) |
14
-
15
- New application code in TypeScript should use **`@subscribe`**, **`formDataProvider` + `name`**, and Lit templates — not HTML `data-bind`.