@supersoniks/concorde 5.1.2 → 5.1.3-immutable.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 (497) hide show
  1. package/.agents/skills/concorde-docs/SKILL.md +1 -1
  2. package/.claude/skills +1 -0
  3. package/.github/workflows/ci.yml +21 -0
  4. package/.github-export-ignore +30 -0
  5. package/CONTRIBUTING.md +59 -0
  6. package/DEV.md +54 -0
  7. package/LICENSE +21 -0
  8. package/OPEN_SOURCE_CHECKPOINT.md +133 -0
  9. package/README.md +1 -1
  10. package/ai/README.md +29 -41
  11. package/ai/skills/concorde/SKILL.md +54 -324
  12. package/ai/skills/concorde/rules/composition.md +32 -0
  13. package/ai/skills/concorde/rules/data.md +47 -0
  14. package/ai/skills/concorde/rules/http.md +25 -0
  15. package/ai/skills/concorde/rules/lists-forms.md +35 -0
  16. package/ai/skills/concorde/rules/styling.md +46 -0
  17. package/ai/skills/concorde/rules/troubleshooting.md +45 -0
  18. package/build-infos.json +1 -1
  19. package/concorde-core.bundle.js +177 -177
  20. package/concorde-core.es.js +4993 -4833
  21. package/custom-elements-manifest.public.config.mjs +8 -0
  22. package/{.tmp-cem/custom-elements.json → custom-elements.json} +11722 -8868
  23. package/dist/concorde-core.bundle.js +177 -177
  24. package/dist/concorde-core.es.js +4993 -4833
  25. package/dist/docs-mock-api-sw.js +58 -223
  26. package/dist/docs-mock-api-sw.js.map +4 -4
  27. package/dist/img/og-concorde.jpg +0 -0
  28. package/dist/robots.txt +11 -10
  29. package/docs/assets/index-CD4WyL6o.css +1 -0
  30. package/docs/assets/index-D_alEsng.js +12122 -0
  31. package/docs/crawl/core/components/functional/date/date.html +190 -0
  32. package/docs/crawl/core/components/functional/fetch/fetch.html +109 -0
  33. package/docs/crawl/core/components/functional/if/if.html +27 -0
  34. package/docs/crawl/core/components/functional/jsonata/jsonata.html +79 -0
  35. package/docs/crawl/core/components/functional/list/list.html +70 -0
  36. package/docs/crawl/core/components/functional/mix/mix.html +45 -0
  37. package/docs/crawl/core/components/functional/queue/queue.html +96 -0
  38. package/docs/crawl/core/components/functional/router/router.html +106 -0
  39. package/docs/{core → crawl/core}/components/functional/sdui/sdui-extension-points.html +8 -9
  40. package/docs/crawl/core/components/functional/sdui/sdui.html +368 -0
  41. package/docs/crawl/core/components/functional/states/states.html +66 -0
  42. package/docs/crawl/core/components/functional/submit/submit.html +160 -0
  43. package/docs/{core → crawl/core}/components/functional/subscriber/subscriber.html +5 -6
  44. package/docs/crawl/core/components/functional/value/value.html +51 -0
  45. package/docs/{core → crawl/core}/components/ui/alert/alert.html +63 -53
  46. package/docs/{core → crawl/core}/components/ui/alert-messages/alert-messages.html +5 -6
  47. package/docs/{core → crawl/core}/components/ui/badge/badge.html +33 -33
  48. package/docs/crawl/core/components/ui/button/button.html +150 -0
  49. package/docs/crawl/core/components/ui/captcha/captcha.html +112 -0
  50. package/docs/{core → crawl/core}/components/ui/card/card.html +11 -12
  51. package/docs/{core → crawl/core}/components/ui/divider/divider.html +14 -14
  52. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +73 -0
  53. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +266 -0
  54. package/docs/{core → crawl/core}/components/ui/form/form-actions/form-actions.html +23 -23
  55. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +121 -0
  56. package/docs/crawl/core/components/ui/form/input/input.html +109 -0
  57. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +38 -0
  58. package/docs/crawl/core/components/ui/form/radio/radio.html +56 -0
  59. package/docs/crawl/core/components/ui/form/select/select.html +73 -0
  60. package/docs/crawl/core/components/ui/form/switch/switch.html +56 -0
  61. package/docs/crawl/core/components/ui/form/textarea/textarea.html +59 -0
  62. package/docs/crawl/core/components/ui/group/group.html +104 -0
  63. package/docs/{core → crawl/core}/components/ui/icon/icon.html +9 -10
  64. package/docs/crawl/core/components/ui/image/image.html +298 -0
  65. package/docs/{core → crawl/core}/components/ui/link/link.html +11 -12
  66. package/docs/crawl/core/components/ui/loader/loader.html +124 -0
  67. package/docs/{core → crawl/core}/components/ui/menu/menu.html +33 -34
  68. package/docs/crawl/core/components/ui/modal/modal.html +342 -0
  69. package/docs/crawl/core/components/ui/pop/pop.html +296 -0
  70. package/docs/{core → crawl/core}/components/ui/progress/progress.html +7 -8
  71. package/docs/crawl/core/components/ui/table/table.html +545 -0
  72. package/docs/crawl/core/components/ui/theme/theme.html +131 -0
  73. package/docs/crawl/core/components/ui/toast/toast.html +233 -0
  74. package/docs/crawl/core/components/ui/tooltip/tooltip.html +140 -0
  75. package/docs/{docs/getting-started → crawl/docs/_core-concept}/dataFlow.html +29 -26
  76. package/docs/crawl/docs/_core-concept/overview.html +66 -0
  77. package/docs/crawl/docs/_core-concept/subscriber.html +75 -0
  78. package/docs/crawl/docs/_decorators/ancestor-attribute.html +117 -0
  79. package/docs/crawl/docs/_decorators/auto-subscribe.html +202 -0
  80. package/docs/crawl/docs/_decorators/bind.html +141 -0
  81. package/docs/crawl/docs/_decorators/get.html +149 -0
  82. package/docs/crawl/docs/_decorators/handle.html +165 -0
  83. package/docs/crawl/docs/_decorators/on-assign.html +355 -0
  84. package/docs/crawl/docs/_decorators/patch.html +78 -0
  85. package/docs/crawl/docs/_decorators/post.html +139 -0
  86. package/docs/crawl/docs/_decorators/publish.html +61 -0
  87. package/docs/crawl/docs/_decorators/put.html +78 -0
  88. package/docs/crawl/docs/_decorators/subscribe.html +109 -0
  89. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +137 -0
  90. package/docs/crawl/docs/_directives/sub.html +93 -0
  91. package/docs/{docs/getting-started → crawl/docs/_getting-started}/ai-agents.html +11 -12
  92. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +100 -0
  93. package/docs/crawl/docs/_getting-started/concorde-outside.html +58 -0
  94. package/docs/{docs/getting-started → crawl/docs/_getting-started}/create-a-component.html +14 -11
  95. package/docs/{docs/getting-started → crawl/docs/_getting-started}/my-first-component.html +22 -13
  96. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +110 -0
  97. package/docs/crawl/docs/_getting-started/pubsub.html +62 -0
  98. package/docs/crawl/docs/_getting-started/start.html +76 -0
  99. package/docs/{docs/getting-started → crawl/docs/_getting-started}/theming.html +9 -10
  100. package/docs/{docs/misc → crawl/docs/_misc}/api-configuration.html +18 -18
  101. package/docs/{docs/misc → crawl/docs/_misc}/dataProviderKey.html +11 -12
  102. package/docs/{docs/misc → crawl/docs/_misc}/docs-mock-api.html +28 -25
  103. package/docs/{docs/misc → crawl/docs/_misc}/dynamic-path.html +15 -16
  104. package/docs/{docs/misc → crawl/docs/_misc}/endpoint.html +15 -16
  105. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +138 -0
  106. package/docs/{docs/misc → crawl/docs/_misc}/html-integration.html +15 -12
  107. package/docs/crawl/hubs/decorators.html +547 -0
  108. package/docs/crawl/hubs/form-components.html +381 -0
  109. package/docs/crawl/hubs/remote-data.html +452 -0
  110. package/docs/crawl/index.html +103 -0
  111. package/docs/docs-mock-api-sw.js +223 -58
  112. package/docs/docs-mock-api-sw.js.map +4 -4
  113. package/docs/index.html +68 -95
  114. package/docs/llms-full.txt +3610 -2231
  115. package/docs/llms.txt +86 -94
  116. package/docs/robots.txt +10 -11
  117. package/docs/sitemap.xml +84 -78
  118. package/docs/src/core/components/functional/date/date.md +231 -91
  119. package/docs/src/core/components/functional/fetch/fetch.md +83 -66
  120. package/docs/src/core/components/functional/if/if.md +3 -28
  121. package/docs/src/core/components/functional/jsonata/jsonata.md +37 -42
  122. package/docs/src/core/components/functional/list/list.md +43 -99
  123. package/docs/src/core/components/functional/mix/mix.md +26 -31
  124. package/docs/src/core/components/functional/queue/queue.md +61 -40
  125. package/docs/src/core/components/functional/router/router.md +65 -64
  126. package/docs/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
  127. package/docs/src/core/components/functional/sdui/component-catalog.json +1 -1
  128. package/docs/src/core/components/functional/sdui/example.json +86 -19
  129. package/docs/src/core/components/functional/sdui/sdui-extension-points.md +1 -1
  130. package/docs/src/core/components/functional/sdui/sdui.md +358 -187
  131. package/docs/src/core/components/functional/states/states.md +61 -86
  132. package/docs/src/core/components/functional/submit/submit.md +72 -64
  133. package/docs/src/core/components/functional/value/value.md +22 -34
  134. package/docs/src/core/components/ui/alert/alert.md +58 -48
  135. package/docs/src/core/components/ui/badge/badge.md +34 -27
  136. package/docs/src/core/components/ui/button/button.md +106 -139
  137. package/docs/src/core/components/ui/captcha/captcha.md +32 -17
  138. package/docs/src/core/components/ui/card/card.md +6 -6
  139. package/docs/src/core/components/ui/divider/divider.md +11 -8
  140. package/docs/src/core/components/ui/form/checkbox/checkbox.md +42 -90
  141. package/docs/src/core/components/ui/form/fieldset/fieldset.md +75 -31
  142. package/docs/src/core/components/ui/form/form-actions/form-actions.md +16 -14
  143. package/docs/src/core/components/ui/form/form-layout/form-layout.md +29 -19
  144. package/docs/src/core/components/ui/form/input/input.md +95 -95
  145. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +29 -0
  146. package/docs/src/core/components/ui/form/radio/radio.md +34 -55
  147. package/docs/src/core/components/ui/form/select/select.md +45 -60
  148. package/docs/src/core/components/ui/form/switch/switch.md +34 -57
  149. package/docs/src/core/components/ui/form/textarea/textarea.md +38 -55
  150. package/docs/src/core/components/ui/group/group.md +33 -35
  151. package/docs/src/core/components/ui/icon/icon.md +4 -4
  152. package/docs/src/core/components/ui/image/image.md +107 -41
  153. package/docs/src/core/components/ui/link/link.md +6 -6
  154. package/docs/src/core/components/ui/loader/loader.md +55 -30
  155. package/docs/src/core/components/ui/menu/menu.md +27 -27
  156. package/docs/src/core/components/ui/modal/modal.md +96 -72
  157. package/docs/src/core/components/ui/pop/pop.md +158 -80
  158. package/docs/src/core/components/ui/progress/progress.md +2 -2
  159. package/docs/src/core/components/ui/table/table.md +255 -91
  160. package/docs/src/core/components/ui/theme/theme.md +36 -11
  161. package/docs/src/core/components/ui/toast/toast.md +117 -48
  162. package/docs/src/core/components/ui/tooltip/tooltip.md +62 -27
  163. package/docs/{docs/getting-started → src/docs/_core-concept}/dataFlow.md +18 -17
  164. package/docs/src/docs/_core-concept/overview.md +57 -0
  165. package/docs/src/docs/_core-concept/subscriber.md +75 -0
  166. package/docs/src/docs/_decorators/ancestor-attribute.md +128 -0
  167. package/docs/src/docs/_decorators/auto-subscribe.md +202 -0
  168. package/docs/src/docs/_decorators/bind.md +167 -0
  169. package/docs/src/docs/_decorators/get.md +162 -0
  170. package/docs/src/docs/_decorators/handle.md +175 -0
  171. package/docs/src/docs/_decorators/on-assign.md +390 -0
  172. package/docs/src/docs/_decorators/patch.md +70 -0
  173. package/docs/src/docs/_decorators/post.md +146 -0
  174. package/docs/src/docs/_decorators/publish.md +55 -0
  175. package/docs/src/docs/_decorators/put.md +70 -0
  176. package/docs/src/docs/_decorators/subscribe.md +100 -0
  177. package/docs/src/docs/_decorators/wait-for-ancestors.md +163 -0
  178. package/docs/src/docs/_directives/sub.md +91 -0
  179. package/docs/src/docs/{getting-started → _getting-started}/ai-agents.md +3 -3
  180. package/docs/src/docs/_getting-started/concorde-manual-install.md +133 -0
  181. package/docs/src/docs/_getting-started/concorde-outside.md +33 -0
  182. package/docs/{docs/getting-started → src/docs/_getting-started}/create-a-component.md +6 -3
  183. package/docs/src/docs/{getting-started → _getting-started}/my-first-component.md +14 -5
  184. package/docs/src/docs/_getting-started/my-first-subscriber.md +120 -0
  185. package/docs/src/docs/_getting-started/pubsub.md +37 -0
  186. package/docs/src/docs/{getting-started → _getting-started}/start.md +13 -1
  187. package/docs/src/docs/{getting-started → _getting-started}/theming.md +2 -2
  188. package/docs/src/docs/{misc → _misc}/api-configuration.md +12 -10
  189. package/docs/src/docs/{misc → _misc}/dataProviderKey.md +4 -4
  190. package/docs/{docs/misc → src/docs/_misc}/docs-mock-api.md +13 -12
  191. package/docs/{docs/misc → src/docs/_misc}/dynamic-path.md +8 -8
  192. package/docs/{docs/misc → src/docs/_misc}/endpoint.md +8 -8
  193. package/docs/src/docs/_misc/formelement-subscriber-removal.md +115 -0
  194. package/docs/{docs/misc → src/docs/_misc}/html-integration.md +5 -4
  195. package/docs/src/docs/search/docs-search.json +4375 -2420
  196. package/docs/src/tsconfig.declarations.json +22 -0
  197. package/docs/src/tsconfig.emit.json +23 -0
  198. package/docs/src/tsconfig.json +2 -23
  199. package/gitlab/job_github_mirror.sh +39 -0
  200. package/index.html +89 -0
  201. package/package.json +22 -4
  202. package/public/img/og-concorde.jpg +0 -0
  203. package/scripts/ai-init.mjs +104 -379
  204. package/scripts/ai-init.test.mjs +81 -239
  205. package/scripts/docs-markdown-vite-plugin.ts +11 -5
  206. package/scripts/docs-public-url.mjs +6 -0
  207. package/scripts/docs.htaccess +7 -0
  208. package/scripts/generate-cem.mjs +244 -0
  209. package/scripts/generate-cem.test.mjs +122 -0
  210. package/scripts/generate-crawl-docs.mjs +29 -5
  211. package/scripts/generate-sdui-catalog.mjs +11 -10
  212. package/scripts/github-export.mjs +150 -0
  213. package/scripts/post-build-docs.js +3 -0
  214. package/scripts/post-build.mjs +0 -0
  215. package/scripts/pre-publish.mjs +2 -1
  216. package/scripts/site-pages.mjs +212 -0
  217. package/scripts/site-pages.test.mjs +116 -0
  218. package/site-pages/about.md +22 -0
  219. package/site-pages/privacy.md +32 -0
  220. package/src/core/components/functional/date/date.md +1 -1
  221. package/src/core/components/functional/example/example.ts +3 -1
  222. package/src/core/components/functional/if/if.ts +0 -0
  223. package/src/core/components/functional/list/list.demo.ts +0 -0
  224. package/src/core/components/functional/list/list.md +6 -2
  225. package/src/core/components/functional/list/list.ts +17 -4
  226. package/src/core/components/functional/mix/mix.md +0 -0
  227. package/src/core/components/functional/router/router.demo.ts +0 -0
  228. package/src/core/components/functional/router/router.ts +0 -0
  229. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
  230. package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
  231. package/src/core/components/functional/sdui/component-catalog.json +2 -2
  232. package/src/core/components/functional/sdui/example.json +0 -0
  233. package/src/core/components/functional/sdui/sdui-immutable.spec.ts +74 -0
  234. package/src/core/components/functional/sdui/sdui.ts +33 -8
  235. package/src/core/components/functional/sdui/types.ts +0 -0
  236. package/src/core/components/functional/states/states.ts +0 -0
  237. package/src/core/components/functional/submit/submit.spec.ts +60 -0
  238. package/src/core/components/functional/submit/submit.ts +6 -3
  239. package/src/core/components/functional/subscriber/subscriber.ts +0 -0
  240. package/src/core/components/functional/value/value.md +0 -0
  241. package/src/core/components/functional/value/value.ts +0 -0
  242. package/src/core/components/ui/_css/size.ts +0 -0
  243. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  244. package/src/core/components/ui/card/card.md +1 -1
  245. package/src/core/components/ui/form/input/input.md +19 -1
  246. package/src/core/components/ui/form/input/input.ts +8 -2
  247. package/src/core/components/ui/form/radio/radio.md +14 -0
  248. package/src/core/components/ui/image/image.md +17 -17
  249. package/src/core/components/ui/modal/modal.md +2 -2
  250. package/src/core/decorators/subscriber/bind.ts +9 -14
  251. package/src/core/decorators/subscriber/subscribe.ts +15 -9
  252. package/src/core/decorators/subscriber/subscribe.type-test.ts +14 -5
  253. package/src/core/mixins/Subscriber.ts +0 -0
  254. package/src/core/utils/DataBindObserver.ts +0 -0
  255. package/src/core/utils/Objects.ts +0 -0
  256. package/src/core/utils/PublisherProxy.ts +166 -125
  257. package/src/core/utils/deepReadonly.spec.ts +66 -0
  258. package/src/core/utils/deepReadonly.ts +71 -0
  259. package/src/core/utils/immutableValue.spec.ts +54 -0
  260. package/src/core/utils/immutableValue.ts +102 -0
  261. package/src/core/utils/nestedDotForm.spec.ts +88 -0
  262. package/src/core/utils/publisherImmutable.spec.ts +76 -0
  263. package/src/core/utils/route.ts +0 -0
  264. package/src/core/utils/strictGet.spec.ts +61 -0
  265. package/src/core/utils/strictGet.ts +102 -0
  266. package/src/css.d.ts +19 -0
  267. package/src/docs/components/docs-demo-sources.ts +3 -3
  268. package/src/docs/decorators/bind.md +23 -24
  269. package/src/docs/docs-location.spec.ts +10 -0
  270. package/src/docs/docs-location.ts +10 -0
  271. package/src/docs/example/decorators-demo-bind-demos.ts +11 -28
  272. package/src/docs/example/docs-toggle-demos.ts +1 -1
  273. package/src/docs/example/users.ts +0 -0
  274. package/src/docs/getting-started/ai-agents.md +29 -55
  275. package/src/docs/getting-started/dataFlow.md +2 -2
  276. package/src/docs/home/home.ts +3 -1
  277. package/src/docs/misc/publisher-get-immutability-docs-crawl.json +902 -0
  278. package/src/docs/misc/publisher-get-immutability-docs-recheck.json +13 -0
  279. package/src/docs/misc/publisher-get-immutability-study.md +229 -0
  280. package/src/docs/navigation/navigation.ts +5 -1
  281. package/src/docs/search/docs-search.json +358 -58
  282. package/src/docs/search/markdown-renderer.ts +6 -1
  283. package/src/docs/tailwind/css/docs/content.css +4 -5
  284. package/src/tsconfig.declarations.json +22 -0
  285. package/src/tsconfig.emit.json +23 -0
  286. package/src/tsconfig.json +53 -5
  287. package/src/tsconfig.tsbuildinfo +1 -1
  288. package/.taste-skill/after/desktop-fold.jpg +0 -0
  289. package/.taste-skill/after/desktop-page-01.jpg +0 -0
  290. package/.taste-skill/after/desktop-page-02.jpg +0 -0
  291. package/.taste-skill/after/desktop-page-03.jpg +0 -0
  292. package/.taste-skill/after/mobile-fold.jpg +0 -0
  293. package/.taste-skill/after/mobile-page-01.jpg +0 -0
  294. package/.taste-skill/after/report.json +0 -4103
  295. package/.taste-skill/after/tablet-fold.jpg +0 -0
  296. package/.taste-skill/after/tablet-page-01.jpg +0 -0
  297. package/.taste-skill/after/tablet-page-02.jpg +0 -0
  298. package/.taste-skill/before/desktop-fold.jpg +0 -0
  299. package/.taste-skill/before/desktop-page-01.jpg +0 -0
  300. package/.taste-skill/before/desktop-page-02.jpg +0 -0
  301. package/.taste-skill/before/mobile-fold.jpg +0 -0
  302. package/.taste-skill/before/mobile-page-01.jpg +0 -0
  303. package/.taste-skill/before/report.json +0 -2556
  304. package/.taste-skill/before/tablet-fold.jpg +0 -0
  305. package/.taste-skill/before/tablet-page-01.jpg +0 -0
  306. package/.taste-skill/direction.json +0 -510
  307. package/.taste-skill/notes.md +0 -84
  308. package/.taste-skill/prod/desktop-fold.jpg +0 -0
  309. package/.taste-skill/prod/desktop-page-01.jpg +0 -0
  310. package/.taste-skill/prod/desktop-page-02.jpg +0 -0
  311. package/.taste-skill/prod/desktop-page-03.jpg +0 -0
  312. package/.taste-skill/prod/mobile-fold.jpg +0 -0
  313. package/.taste-skill/prod/mobile-page-01.jpg +0 -0
  314. package/.taste-skill/prod/mobile-page-02.jpg +0 -0
  315. package/.taste-skill/prod/report.json +0 -1973
  316. package/.taste-skill/prod/tablet-fold.jpg +0 -0
  317. package/.taste-skill/prod/tablet-page-01.jpg +0 -0
  318. package/.taste-skill/prod/tablet-page-02.jpg +0 -0
  319. package/AUDIT.md +0 -228
  320. package/PLAN-AMELIORATION.md +0 -220
  321. package/PLAN-DOCS-AGENTS.md +0 -80
  322. package/ai/AGENTS.md +0 -56
  323. package/ai/cursor/rules/concorde-menu.mdc +0 -15
  324. package/ai/cursor/rules/concorde-scope.mdc +0 -14
  325. package/ai/cursor/rules/concorde-theme.mdc +0 -13
  326. package/ai/cursor/rules/concorde.mdc +0 -66
  327. package/ai/jetbrains/rules/concorde.md +0 -53
  328. package/ai/skills/concorde-get-set-dp/SKILL.md +0 -194
  329. package/ai/skills/concorde-imports/SKILL.md +0 -78
  330. package/ai/skills/concorde-menu/SKILL.md +0 -74
  331. package/ai/skills/concorde-scope/SKILL.md +0 -70
  332. package/ai/skills/concorde-theme/SKILL.md +0 -57
  333. package/docs/.htaccess +0 -75
  334. package/docs/404.html +0 -15
  335. package/docs/404.md +0 -5
  336. package/docs/assets/index-BgG6FFPt.js +0 -11765
  337. package/docs/assets/index-x89XINSG.css +0 -1
  338. package/docs/core/components/functional/date/date.html +0 -211
  339. package/docs/core/components/functional/date/date.md +0 -150
  340. package/docs/core/components/functional/fetch/fetch.html +0 -180
  341. package/docs/core/components/functional/fetch/fetch.md +0 -108
  342. package/docs/core/components/functional/if/if.html +0 -65
  343. package/docs/core/components/functional/if/if.md +0 -34
  344. package/docs/core/components/functional/jsonata/jsonata.html +0 -110
  345. package/docs/core/components/functional/jsonata/jsonata.md +0 -61
  346. package/docs/core/components/functional/list/list.html +0 -198
  347. package/docs/core/components/functional/list/list.md +0 -121
  348. package/docs/core/components/functional/mix/mix.html +0 -78
  349. package/docs/core/components/functional/mix/mix.md +0 -46
  350. package/docs/core/components/functional/queue/queue.html +0 -155
  351. package/docs/core/components/functional/queue/queue.md +0 -51
  352. package/docs/core/components/functional/router/router.html +0 -154
  353. package/docs/core/components/functional/router/router.md +0 -93
  354. package/docs/core/components/functional/sdui/sdui-extension-points.md +0 -94
  355. package/docs/core/components/functional/sdui/sdui.html +0 -397
  356. package/docs/core/components/functional/sdui/sdui.md +0 -307
  357. package/docs/core/components/functional/states/states.html +0 -141
  358. package/docs/core/components/functional/states/states.md +0 -112
  359. package/docs/core/components/functional/submit/submit.html +0 -178
  360. package/docs/core/components/functional/submit/submit.md +0 -106
  361. package/docs/core/components/functional/subscriber/subscriber.md +0 -91
  362. package/docs/core/components/functional/translation/translation.html +0 -60
  363. package/docs/core/components/functional/translation/translation.md +0 -38
  364. package/docs/core/components/functional/value/value.html +0 -81
  365. package/docs/core/components/functional/value/value.md +0 -47
  366. package/docs/core/components/ui/alert/alert.md +0 -186
  367. package/docs/core/components/ui/alert-messages/alert-messages.md +0 -85
  368. package/docs/core/components/ui/badge/badge.md +0 -181
  369. package/docs/core/components/ui/button/button.html +0 -309
  370. package/docs/core/components/ui/button/button.md +0 -216
  371. package/docs/core/components/ui/captcha/captcha.html +0 -80
  372. package/docs/core/components/ui/captcha/captcha.md +0 -56
  373. package/docs/core/components/ui/card/card.md +0 -215
  374. package/docs/core/components/ui/divider/divider.md +0 -126
  375. package/docs/core/components/ui/form/checkbox/checkbox.html +0 -200
  376. package/docs/core/components/ui/form/checkbox/checkbox.md +0 -125
  377. package/docs/core/components/ui/form/fieldset/fieldset.html +0 -238
  378. package/docs/core/components/ui/form/fieldset/fieldset.md +0 -161
  379. package/docs/core/components/ui/form/form-actions/form-actions.md +0 -98
  380. package/docs/core/components/ui/form/form-layout/form-layout.html +0 -115
  381. package/docs/core/components/ui/form/form-layout/form-layout.md +0 -109
  382. package/docs/core/components/ui/form/input/input.html +0 -235
  383. package/docs/core/components/ui/form/input/input.md +0 -142
  384. package/docs/core/components/ui/form/radio/radio.html +0 -144
  385. package/docs/core/components/ui/form/radio/radio.md +0 -78
  386. package/docs/core/components/ui/form/select/select.html +0 -178
  387. package/docs/core/components/ui/form/select/select.md +0 -86
  388. package/docs/core/components/ui/form/switch/switch.html +0 -146
  389. package/docs/core/components/ui/form/switch/switch.md +0 -80
  390. package/docs/core/components/ui/form/textarea/textarea.html +0 -162
  391. package/docs/core/components/ui/form/textarea/textarea.md +0 -82
  392. package/docs/core/components/ui/group/group.html +0 -113
  393. package/docs/core/components/ui/group/group.md +0 -77
  394. package/docs/core/components/ui/icon/icon.md +0 -214
  395. package/docs/core/components/ui/image/image.html +0 -194
  396. package/docs/core/components/ui/image/image.md +0 -167
  397. package/docs/core/components/ui/link/link.md +0 -81
  398. package/docs/core/components/ui/loader/loader.html +0 -114
  399. package/docs/core/components/ui/loader/loader.md +0 -87
  400. package/docs/core/components/ui/menu/menu.md +0 -370
  401. package/docs/core/components/ui/modal/modal.html +0 -324
  402. package/docs/core/components/ui/modal/modal.md +0 -211
  403. package/docs/core/components/ui/pop/pop.html +0 -250
  404. package/docs/core/components/ui/pop/pop.md +0 -216
  405. package/docs/core/components/ui/progress/progress.md +0 -109
  406. package/docs/core/components/ui/table/table.html +0 -333
  407. package/docs/core/components/ui/table/table.md +0 -267
  408. package/docs/core/components/ui/theme/theme.html +0 -116
  409. package/docs/core/components/ui/theme/theme.md +0 -97
  410. package/docs/core/components/ui/toast/toast.html +0 -185
  411. package/docs/core/components/ui/toast/toast.md +0 -147
  412. package/docs/core/components/ui/tooltip/tooltip.html +0 -112
  413. package/docs/core/components/ui/tooltip/tooltip.md +0 -89
  414. package/docs/docs/decorators/ancestor-attribute.html +0 -71
  415. package/docs/docs/decorators/ancestor-attribute.md +0 -59
  416. package/docs/docs/decorators/auto-subscribe.html +0 -61
  417. package/docs/docs/decorators/auto-subscribe.md +0 -40
  418. package/docs/docs/decorators/bind.html +0 -86
  419. package/docs/docs/decorators/bind.md +0 -77
  420. package/docs/docs/decorators/get.html +0 -166
  421. package/docs/docs/decorators/get.md +0 -160
  422. package/docs/docs/decorators/handle.html +0 -139
  423. package/docs/docs/decorators/handle.md +0 -119
  424. package/docs/docs/decorators/on-assign.html +0 -72
  425. package/docs/docs/decorators/on-assign.md +0 -63
  426. package/docs/docs/decorators/patch.html +0 -76
  427. package/docs/docs/decorators/patch.md +0 -44
  428. package/docs/docs/decorators/post.html +0 -150
  429. package/docs/docs/decorators/post.md +0 -134
  430. package/docs/docs/decorators/publish.html +0 -74
  431. package/docs/docs/decorators/publish.md +0 -56
  432. package/docs/docs/decorators/put.html +0 -83
  433. package/docs/docs/decorators/put.md +0 -51
  434. package/docs/docs/decorators/subscribe.html +0 -91
  435. package/docs/docs/decorators/subscribe.md +0 -87
  436. package/docs/docs/decorators/wait-for-ancestors.html +0 -82
  437. package/docs/docs/decorators/wait-for-ancestors.md +0 -76
  438. package/docs/docs/directives/sub.html +0 -79
  439. package/docs/docs/directives/sub.md +0 -75
  440. package/docs/docs/directives/t.html +0 -91
  441. package/docs/docs/directives/t.md +0 -73
  442. package/docs/docs/getting-started/ai-agents.md +0 -76
  443. package/docs/docs/getting-started/components.html +0 -27
  444. package/docs/docs/getting-started/components.md +0 -5
  445. package/docs/docs/getting-started/installation.html +0 -69
  446. package/docs/docs/getting-started/installation.md +0 -36
  447. package/docs/docs/getting-started/my-first-component.md +0 -227
  448. package/docs/docs/getting-started/start.html +0 -47
  449. package/docs/docs/getting-started/start.md +0 -35
  450. package/docs/docs/getting-started/theming.md +0 -253
  451. package/docs/docs/index.html +0 -99
  452. package/docs/docs/misc/api-configuration.md +0 -79
  453. package/docs/docs/misc/dataProviderKey.md +0 -168
  454. package/docs/hubs/decorators.html +0 -443
  455. package/docs/hubs/form-components.html +0 -404
  456. package/docs/hubs/remote-data.html +0 -371
  457. package/docs/img/archive/concorde-001-2cv.webp +0 -0
  458. package/docs/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  459. package/docs/img/archive/concorde-red-arrows-2002.webm +0 -0
  460. package/docs/img/archive/credits.json +0 -28
  461. package/docs/index.md +0 -22
  462. package/docs/src/core/components/functional/translation/translation.md +0 -38
  463. package/docs/src/docs/decorators/ancestor-attribute.md +0 -59
  464. package/docs/src/docs/decorators/auto-subscribe.md +0 -40
  465. package/docs/src/docs/decorators/bind.md +0 -77
  466. package/docs/src/docs/decorators/get.md +0 -160
  467. package/docs/src/docs/decorators/handle.md +0 -119
  468. package/docs/src/docs/decorators/on-assign.md +0 -63
  469. package/docs/src/docs/decorators/patch.md +0 -44
  470. package/docs/src/docs/decorators/post.md +0 -134
  471. package/docs/src/docs/decorators/publish.md +0 -56
  472. package/docs/src/docs/decorators/put.md +0 -51
  473. package/docs/src/docs/decorators/subscribe.md +0 -87
  474. package/docs/src/docs/decorators/wait-for-ancestors.md +0 -76
  475. package/docs/src/docs/directives/sub.md +0 -75
  476. package/docs/src/docs/directives/t.md +0 -73
  477. package/docs/src/docs/getting-started/components.md +0 -5
  478. package/docs/src/docs/getting-started/create-a-component.md +0 -136
  479. package/docs/src/docs/getting-started/dataFlow.md +0 -87
  480. package/docs/src/docs/getting-started/installation.md +0 -36
  481. package/docs/src/docs/misc/docs-mock-api.md +0 -62
  482. package/docs/src/docs/misc/dynamic-path.md +0 -71
  483. package/docs/src/docs/misc/endpoint.md +0 -45
  484. package/docs/src/docs/misc/html-integration.md +0 -14
  485. /package/{docs → dist}/img/concorde/plane_01.jpg +0 -0
  486. /package/{docs → dist}/img/concorde/plane_02.jpg +0 -0
  487. /package/{docs → dist}/img/concorde/plane_03.jpg +0 -0
  488. /package/{docs → dist}/img/concorde/plane_04.jpg +0 -0
  489. /package/{docs → dist}/img/concorde/plane_05.jpg +0 -0
  490. /package/{docs → dist}/img/concorde/plane_06.jpg +0 -0
  491. /package/{docs → dist}/img/concorde/plane_07.jpg +0 -0
  492. /package/{docs → dist}/img/concorde/plane_08.jpg +0 -0
  493. /package/{docs → dist}/img/concorde/plane_09.jpg +0 -0
  494. /package/{docs → dist}/img/concorde/plane_10.jpg +0 -0
  495. /package/{docs → dist}/img/concorde/plane_11.jpg +0 -0
  496. /package/{docs → dist}/img/concorde/plane_12.jpg +0 -0
  497. /package/{docs → dist}/img/concorde/plane_13.jpg +0 -0
package/docs/crawl/core/components/ui/button/button.html ADDED
@@ -0,0 +1,150 @@
1
+ <!DOCTYPE html>
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html" data-doc-id="core/components/ui/button/button">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Button — Concorde</title>
7
+ <meta name="description" content="The length of the button depends on the size of its content">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/ui/button/button, button, Button, UI component, sonic-button, web component">
9
+ <meta name="concorde-doc-id" content="core/components/ui/button/button">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html">
11
+ </head>
12
+ <body>
13
+ <header>
14
+ <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/button/button.md/button" rel="nofollow">interactive version</a></p>
15
+ </header>
16
+ <main>
17
+ <article>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Button</strong>. The length of the button depends on the size of its content <span>Doc ID: <code>core/components/ui/button/button</code>. Keywords: Concorde, supersoniks, core/components/ui/button/button, button, Button, UI component, sonic-button, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html">https://concorde.supersoniks.org/crawl/core/components/ui/button/button.html</a>.</span></p>
19
+ <h1 id="button">Button</h1>
20
+ <h2 id="type">Type</h2>
21
+ <pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
22
+ &lt;sonic-button&gt;Default&lt;/sonic-button&gt;
23
+ &lt;sonic-button type=&quot;primary&quot;&gt;Primary&lt;/sonic-button&gt;
24
+ &lt;sonic-button type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-button&gt;
25
+ &lt;sonic-button type=&quot;warning&quot;&gt;Warning&lt;/sonic-button&gt;
26
+ &lt;sonic-button type=&quot;info&quot;&gt;Info&lt;/sonic-button&gt;
27
+ &lt;sonic-button type=&quot;success&quot;&gt;Success&lt;/sonic-button&gt;
28
+ &lt;sonic-button type=&quot;danger&quot;&gt;Danger&lt;/sonic-button&gt;
29
+ &lt;sonic-button type=&quot;custom&quot; style=&quot;--sc-btn-custom-color: #fde68a; --sc-btn-custom-bg: #5b21b6&quot;&gt;Custom&lt;/sonic-button&gt;
30
+ &lt;/div&gt;
31
+ </code></pre>
32
+ <h2 id="outline">Outline</h2>
33
+ <pre><code>&lt;div class=&quot;flex flex-wrap gap-2&quot;&gt;
34
+ &lt;sonic-button variant=&quot;outline&quot;&gt;Default&lt;/sonic-button&gt;
35
+ &lt;sonic-button variant=&quot;outline&quot; type=&quot;primary&quot;&gt;Primary&lt;/sonic-button&gt;
36
+ &lt;sonic-button variant=&quot;outline&quot; type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-button&gt;
37
+ &lt;sonic-button variant=&quot;outline&quot; type=&quot;warning&quot;&gt;Warning&lt;/sonic-button&gt;
38
+ &lt;sonic-button variant=&quot;outline&quot; type=&quot;info&quot;&gt;Info&lt;/sonic-button&gt;
39
+ &lt;sonic-button variant=&quot;outline&quot; type=&quot;success&quot;&gt;Success&lt;/sonic-button&gt;
40
+ &lt;sonic-button variant=&quot;outline&quot; type=&quot;danger&quot;&gt;Danger&lt;/sonic-button&gt;
41
+ &lt;sonic-button variant=&quot;outline&quot; type=&quot;custom&quot; style=&quot;--sc-btn-custom-bg: #5b21b6&quot;&gt;Custom&lt;/sonic-button&gt;
42
+ &lt;/div&gt;
43
+ </code></pre>
44
+ <h2 id="variant">Variant</h2>
45
+ <pre><code>&lt;sonic-button variant=&quot;default&quot;&gt;Default&lt;/sonic-button&gt;
46
+ &lt;sonic-button variant=&quot;outline&quot;&gt;Outline&lt;/sonic-button&gt;
47
+ &lt;sonic-button variant=&quot;ghost&quot;&gt;Ghost&lt;/sonic-button&gt;
48
+ &lt;sonic-button variant=&quot;link&quot;&gt;Link&lt;/sonic-button&gt;
49
+ &lt;sonic-button variant=&quot;unstyled&quot;&gt;Unstyled&lt;/sonic-button&gt;
50
+ </code></pre>
51
+ <h2 id="size">Size</h2>
52
+ <pre><code>&lt;sonic-button size=&quot;2xs&quot;&gt;2Xs button&lt;/sonic-button&gt;
53
+ &lt;sonic-button size=&quot;xs&quot;&gt;Xs button&lt;/sonic-button&gt;
54
+ &lt;sonic-button size=&quot;sm&quot;&gt;Sm button&lt;/sonic-button&gt;
55
+ &lt;sonic-button size=&quot;md&quot;&gt;Md button&lt;/sonic-button&gt;
56
+ &lt;sonic-button&gt;Default button&lt;/sonic-button&gt;
57
+ &lt;sonic-button size=&quot;lg&quot;&gt;Lg button&lt;/sonic-button&gt;
58
+ &lt;sonic-button size=&quot;xl&quot;&gt;Xl button&lt;/sonic-button&gt;
59
+ &lt;sonic-button size=&quot;2xl&quot;&gt;2Xl button&lt;/sonic-button&gt;
60
+ </code></pre>
61
+ <h2 id="shape">Shape</h2>
62
+ <pre><code>&lt;sonic-button shape=&quot;circle&quot;&gt; 😂 &lt;/sonic-button&gt;
63
+ &lt;sonic-button shape=&quot;square&quot;&gt; 🚀 &lt;/sonic-button&gt;
64
+ </code></pre>
65
+ <h2 id="loading">Loading</h2>
66
+ <p>The length of the button depends on the size of its content</p>
67
+ <pre><code>&lt;sonic-button loading&gt;&lt;/sonic-button&gt;
68
+ &lt;sonic-button loading&gt;Loading button&lt;/sonic-button&gt;
69
+ &lt;sonic-button loading&gt;&lt;span slot=&quot;prefix&quot;&gt;🚀&lt;/span&gt;Loading with prefix&lt;span slot=&quot;suffix&quot;&gt;😂&lt;/span&gt;&lt;/sonic-button&gt;
70
+ </code></pre>
71
+ <h2 id="swap">Swap</h2>
72
+ <pre><code>&lt;sonic-button formDataProvider=&quot;button_swap_example&quot; name=&quot;youpi&quot; value=&quot;youpla&quot; type=&quot;primary&quot; shape=&quot;circle&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
73
+ &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;on&quot; name=&quot;eye-empty&quot;&gt;&lt;/sonic-icon&gt;
74
+ &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;off&quot; name=&quot;eye-off&quot;&gt;&lt;/sonic-icon&gt;
75
+ &lt;/sonic-button&gt;
76
+ &lt;sonic-button formDataProvider=&quot;button_swap_example&quot; name=&quot;youpi&quot; value=&quot;youpla&quot; type=&quot;primary&quot; variant=&quot;outline&quot;&gt;
77
+ &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;on&quot; slot=&quot;prefix&quot; name=&quot;eye-empty&quot;&gt;&lt;/sonic-icon&gt;
78
+ &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;off&quot; slot=&quot;prefix&quot; name=&quot;eye-off&quot;&gt;&lt;/sonic-icon&gt;
79
+ Révélez
80
+ &lt;span swap=&quot;off&quot;&gt;...&lt;/span&gt;
81
+ &lt;span swap=&quot;on&quot;&gt;moi !&lt;/span&gt;
82
+ &lt;/sonic-button&gt;
83
+ </code></pre>
84
+ <h2 id="reset">Reset</h2>
85
+ <pre><code>&lt;div formDataProvider=&quot;button-reset-demo&quot; class=&quot;mb-2&quot;&gt;
86
+ &lt;sonic-checkbox name=&quot;aChexbox&quot; value=&quot;AValueToSet&quot;&gt;Set A value&lt;/sonic-checkbox&gt;&lt;br&gt;
87
+ &lt;sonic-button reset&gt;Reset current formDataProvider&lt;/sonic-button&gt;
88
+ &lt;/div&gt;
89
+ &lt;sonic-button reset=&quot;button-reset-demo&quot;&gt;Reset formDataProvider by name&lt;/sonic-button&gt;
90
+ </code></pre>
91
+ <h2 id="goback">GoBack</h2>
92
+ <pre><code>&lt;sonic-button goBack type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
93
+ &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-left&quot;&gt;&lt;/sonic-icon&gt;
94
+ Retour classique
95
+ &lt;/sonic-button&gt;
96
+ &lt;sonic-button goBack=&quot;http://la-billetterie.net&quot; type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
97
+ &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-left&quot;&gt;&lt;/sonic-icon&gt;
98
+ Retour url prédéfinie
99
+ &lt;/sonic-button&gt;
100
+ </code></pre>
101
+ <h2 id="button-with-icon">Button with icon</h2>
102
+ <pre><code>&lt;sonic-button goBack type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
103
+ &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-right&quot; &gt;&lt;/sonic-icon&gt;
104
+ Button with icon
105
+ &lt;/sonic-button&gt;
106
+ </code></pre>
107
+ <h2 id="button-group">Button group</h2>
108
+ <pre><code>&lt;sonic-group label=&quot;Code promo&quot; class=&quot;mr-4&quot;&gt;
109
+ &lt;sonic-input placeholder=&quot;Entrez votre code ici...&quot;&gt;&lt;/sonic-input&gt;
110
+ &lt;sonic-button type=&quot;primary&quot; shape=&quot;square&quot;&gt;
111
+ &lt;sonic-icon library=&quot;iconoir&quot; library=&quot;iconoir&quot; name=&quot;gift&quot;&gt;&lt;/sonic-icon&gt;
112
+ &lt;/sonic-button&gt;
113
+ &lt;/sonic-group&gt;
114
+ &lt;sonic-divider size=&quot;lg&quot;&gt;&lt;/sonic-divider&gt;
115
+ &lt;div class=&quot;text-lg mb-2&quot;&gt;Choose a subscription&lt;/div&gt;
116
+ &lt;sonic-group formDataProvider=&quot;subscriptionData&quot;&gt;
117
+ &lt;sonic-button radio minWidth=&quot;10rem&quot; name=&quot;subscription&quot; value=&quot;standard&quot; type=&quot;default&quot;
118
+ &gt;😎 Standard&lt;/sonic-button
119
+ &gt;
120
+ &lt;sonic-button radio minWidth=&quot;10rem&quot; name=&quot;subscription&quot; value=&quot;premium&quot; type=&quot;default&quot;&gt;⭐ Premium&lt;/sonic-button&gt;
121
+ &lt;sonic-button radio minWidth=&quot;10rem&quot; name=&quot;subscription&quot; value=&quot;diamond&quot; type=&quot;default&quot;&gt;💎 Diamond&lt;/sonic-button&gt;
122
+ &lt;/sonic-group&gt;
123
+ </code></pre>
124
+ <h2 id="aria-label">Aria-label</h2>
125
+ <pre><code>&lt;sonic-button data-aria-label=&quot;Custom aria label&quot; type=&quot;primary&quot; &gt;
126
+ Button with aria label
127
+ &lt;/sonic-button&gt;
128
+ &lt;sonic-button data-aria-label=&quot;Custom aria label&quot; href=&quot;https://google.fr&quot; type=&quot;primary&quot; &gt;
129
+ Button link with aria label
130
+ &lt;/sonic-button&gt;
131
+ </code></pre>
132
+ <h2 id="custom-styles--active-states-with-tailwind">Custom styles &amp; active states with tailwind</h2>
133
+ <pre><code>&lt;div formDataProvider=&quot;subscriptionData2&quot;&gt;
134
+ &lt;sonic-button
135
+ class=&quot;bg-neutral-100 transition-all text-center text-lg text-neutral-400 rounded-md min-w-[8rem] [&amp;[active]]:text-danger-content [&amp;[active]]:min-w-[13rem] [&amp;[active]]:bg-danger [&amp;[active]]:font-black [&amp;[active]]:rounded-full&quot;
136
+ variant=&quot;unstyled&quot;
137
+ checkable unique
138
+ name=&quot;subscription&quot;
139
+ value=&quot;premium&quot;
140
+ type=&quot;default&quot;&gt;
141
+ &lt;span swap=&quot;off&quot; class=&quot;inline-block py-2 px-3&quot; &gt;subscribe&lt;/span&gt;
142
+ &lt;span swap=&quot;on&quot; class=&quot;inline-block py-2 px-3&quot; &gt;⭐ Premium&lt;/span&gt;
143
+ &lt;/sonic-button&gt;
144
+ &lt;/div&gt;
145
+ </code></pre>
146
+
147
+ </article>
148
+ </main>
149
+ </body>
150
+ </html>
package/docs/crawl/core/components/ui/captcha/captcha.html ADDED
@@ -0,0 +1,112 @@
1
+ <!DOCTYPE html>
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html" data-doc-id="core/components/ui/captcha/captcha">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Captcha — Concorde</title>
7
+ <meta name="description" content="sonic-captcha embeds an ALTCHA widget and wires captchaToken / needsCaptchaValidation on the ancestor formDataProvider (or headersDataProvider). sonic-submit waits for a token before sending when vali">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/ui/captcha/captcha, captcha, Captcha, UI component, sonic-captcha, web component, captchaToken, needsCaptchaValidation, formDataProvider, headersDataProvider, sonic-submit, key, generateEncryptedKey">
9
+ <meta name="concorde-doc-id" content="core/components/ui/captcha/captcha">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html">
11
+ </head>
12
+ <body>
13
+ <header>
14
+ <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/captcha/captcha.md/captcha" rel="nofollow">interactive version</a></p>
15
+ </header>
16
+ <main>
17
+ <article>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Captcha</strong>. sonic-captcha embeds an ALTCHA widget and wires captchaToken / needsCaptchaValidation on the ancestor formDataProvider (or headersDataProvider). sonic-submit waits for a token before sending when vali <span>Doc ID: <code>core/components/ui/captcha/captcha</code>. Keywords: Concorde, supersoniks, core/components/ui/captcha/captcha, captcha, Captcha, UI component, sonic-captcha, web component, captchaToken, needsCaptchaValidation, formDataProvider, headersDataProvider, sonic-submit, key, generateEncryptedKey. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html">https://concorde.supersoniks.org/crawl/core/components/ui/captcha/captcha.html</a>.</span></p>
19
+ <h1 id="captcha">Captcha</h1>
20
+ <p><strong><code>sonic-captcha</code></strong> embeds an <strong>ALTCHA</strong> widget and wires <strong><code>captchaToken</code></strong> / <strong><code>needsCaptchaValidation</code></strong> on the ancestor <strong><code>formDataProvider</code></strong> (or <strong><code>headersDataProvider</code></strong>). <strong><code>sonic-submit</code></strong> waits for a token before sending when validation is required. The widget loads only on <strong>HTTPS</strong>; on plain HTTP the host renders nothing.</p>
21
+ <blockquote>
22
+ <p>Live widget calls the Supersoniks challenge service — not part of <a href="../../../../docs/_misc/docs-mock-api.html#docs-mock-api">docs mock API</a>.</p>
23
+ </blockquote>
24
+ <h2 id="basic-example">Basic example</h2>
25
+ <p>Wrap the form scope and place <strong><code>sonic-submit</code></strong> in the default slot so the challenge appears above the action.</p>
26
+ <pre><code>&lt;sonic-scope
27
+ serviceURL=&quot;/docs-mock-api&quot;
28
+ formDataProvider=&quot;captcha-docs-form&quot;
29
+ submitResultDataProvider=&quot;captcha-docs-result&quot;
30
+ &gt;
31
+ &lt;sonic-captcha formDataProvider=&quot;captcha-docs-form&quot;&gt;
32
+ &lt;sonic-input class=&quot;mb-3&quot; name=&quot;email&quot; type=&quot;email&quot; label=&quot;Email&quot; value=&quot;demo@example.com&quot;&gt;&lt;/sonic-input&gt;
33
+ &lt;sonic-submit endPoint=&quot;api/register&quot; onClick&gt;
34
+ &lt;sonic-button type=&quot;primary&quot;&gt;Submit with captcha&lt;/sonic-button&gt;
35
+ &lt;/sonic-submit&gt;
36
+ &lt;/sonic-captcha&gt;
37
+ &lt;/sonic-scope&gt;
38
+ </code></pre>
39
+ <h2 id="encrypted-site-key">Encrypted site key</h2>
40
+ <p>Optional <strong><code>key</code></strong> skips client-side key generation. When omitted, the component derives an encrypted key on connect (after <strong><code>generateEncryptedKey</code></strong>).</p>
41
+ <pre><code>&lt;sonic-captcha formDataProvider=&quot;captcha-docs-form&quot; key=&quot;6Leq5V0iAAAAAB-41DlWN335jDlcIuXmhNtdd00t&quot;&gt;
42
+ &lt;sonic-button type=&quot;outline&quot; disabled&gt;Complete the challenge above to enable submit&lt;/sonic-button&gt;
43
+ &lt;/sonic-captcha&gt;
44
+ </code></pre>
45
+ <h2 id="form-publisher-fields">Form publisher fields</h2>
46
+ <p>On connect (HTTPS only), <strong><code>needsCaptchaValidation</code></strong> is set to <strong><code>true</code></strong> and <strong><code>captchaToken</code></strong> is cleared. When the ALTCHA widget reaches <strong><code>verified</code></strong>, <strong><code>captchaToken</code></strong> is written on the form publisher and <strong><code>sonic-captcha-validate</code></strong> fires (<code>detail.valid</code> · <strong><code>detail.state</code></strong> · optional <strong><code>detail.token</code></strong> / <strong><code>detail.payload</code></strong>). <strong><code>sonic-submit</code></strong> still listens for <strong><code>request_token</code></strong> to refresh the token immediately before send.</p>
47
+ <pre><code class="language-typescript">{
48
+ needsCaptchaValidation: true,
49
+ captchaKey: &quot;…&quot;,
50
+ captchaToken: &quot;…&quot;
51
+ }
52
+ </code></pre>
53
+ <h2 id="api-reference">API reference</h2>
54
+ <table>
55
+ <thead>
56
+ <tr>
57
+ <th>Attribute</th>
58
+ <th>Values</th>
59
+ <th>Description</th>
60
+ </tr>
61
+ </thead>
62
+ <tbody><tr>
63
+ <td><code>formDataProvider</code></td>
64
+ <td>publisher id</td>
65
+ <td>Same as ancestor form scope; reads/writes <strong><code>needsCaptchaValidation</code></strong> · <strong><code>captchaKey</code></strong> · <strong><code>captchaToken</code></strong></td>
66
+ </tr>
67
+ <tr>
68
+ <td><code>key</code></td>
69
+ <td>string</td>
70
+ <td>ALTCHA site key; auto-generated when empty</td>
71
+ </tr>
72
+ <tr>
73
+ <td><code>action</code></td>
74
+ <td>string</td>
75
+ <td>Optional action name forwarded to the widget</td>
76
+ </tr>
77
+ <tr>
78
+ <td><code>zIndex</code></td>
79
+ <td>number (default <code>9999</code>)</td>
80
+ <td>Stacking for the challenge overlay</td>
81
+ </tr>
82
+ </tbody></table>
83
+ <table>
84
+ <thead>
85
+ <tr>
86
+ <th>Slot</th>
87
+ <th>Description</th>
88
+ </tr>
89
+ </thead>
90
+ <tbody><tr>
91
+ <td><em>(default)</em></td>
92
+ <td>Form actions (typically <strong><code>sonic-submit</code></strong> and fields) rendered below the widget</td>
93
+ </tr>
94
+ </tbody></table>
95
+ <table>
96
+ <thead>
97
+ <tr>
98
+ <th>Event</th>
99
+ <th>Description</th>
100
+ </tr>
101
+ </thead>
102
+ <tbody><tr>
103
+ <td><code>sonic-captcha-validate</code></td>
104
+ <td>Fired when <strong><code>state</code></strong> is <strong><code>verified</code></strong> · <strong><code>error</code></strong> or <strong><code>expired</code></strong>; <strong><code>detail.valid</code></strong> is <strong><code>true</code></strong> only for <strong><code>verified</code></strong></td>
105
+ </tr>
106
+ </tbody></table>
107
+ <p>Related: <a href="../../functional/submit/submit.html#submit">Submit</a> — <strong><code>needsCaptchaValidation</code></strong> and deferred send.</p>
108
+
109
+ </article>
110
+ </main>
111
+ </body>
112
+ </html>
package/docs/{core → crawl/core}/components/ui/card/card.html RENAMED
@@ -1,27 +1,26 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/ui/card" data-doc-id="core/components/ui/card/card">
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html" data-doc-id="core/components/ui/card/card">
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Card — Concorde by Supersoniks</title>
6
+ <title>Card — Concorde</title>
7
7
  <meta name="description" content="Cards group related content on a padded surface with radius, theme type colors, and elevation. Default shadow is lg. Compose sonic-card-header / sonic-card-main / sonic-card-footer, or place any marku">
8
8
  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component, type, shadow, lg, sonic-card-header, sonic-card-main, sonic-card-footer, base, default, light">
9
9
  <meta name="concorde-doc-id" content="core/components/ui/card/card">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/core/components/ui/card">
11
- <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/ui/card.md">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html">
12
11
  </head>
13
12
  <body>
14
13
  <header>
15
- <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/ui/card">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
14
+ <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/card/card.md/card" rel="nofollow">interactive version</a></p>
16
15
  </header>
17
16
  <main>
18
17
  <article>
19
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Card</strong>. Cards group related content on a padded surface with radius, theme type colors, and elevation. Default shadow is lg. Compose sonic-card-header / sonic-card-main / sonic-card-footer, or place any marku <span>Doc ID: <code>core/components/ui/card/card</code>. Keywords: Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component, type, shadow, lg, sonic-card-header, sonic-card-main, sonic-card-footer, base, default, light. URL: <a href="https://concorde.supersoniks.org/core/components/ui/card">https://concorde.supersoniks.org/core/components/ui/card</a>.</span></p>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Card</strong>. Cards group related content on a padded surface with radius, theme type colors, and elevation. Default shadow is lg. Compose sonic-card-header / sonic-card-main / sonic-card-footer, or place any marku <span>Doc ID: <code>core/components/ui/card/card</code>. Keywords: Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component, type, shadow, lg, sonic-card-header, sonic-card-main, sonic-card-footer, base, default, light. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html">https://concorde.supersoniks.org/crawl/core/components/ui/card/card.html</a>.</span></p>
20
19
  <h1 id="card">Card</h1>
21
20
  <p>Cards <strong>group related content</strong> on a padded surface with radius, theme <strong><code>type</code></strong> colors, and elevation. Default <strong><code>shadow</code></strong> is <code>lg</code>. Compose <strong><code>sonic-card-header</code></strong> / <strong><code>sonic-card-main</code></strong> / <strong><code>sonic-card-footer</code></strong>, or place any markup in the default slot.</p>
22
21
  <h2 id="basic-example">Basic example</h2>
23
22
  <pre><code>&lt;sonic-card class=&quot;max-w-sm&quot;&gt;
24
- &lt;p class=&quot;m-0&quot;&gt;CN 001 · CDG → JFK · On time.&lt;/p&gt;
23
+ &lt;p class=&quot;m-0&quot;&gt;Related content on a raised surface.&lt;/p&gt;
25
24
  &lt;/sonic-card&gt;
26
25
  </code></pre>
27
26
  <h2 id="type">Type</h2>
@@ -130,23 +129,23 @@
130
129
  <h2 id="full-example">Full example</h2>
131
130
  <p>Header, media, body, and footer together.</p>
132
131
  <pre><code>&lt;sonic-card class=&quot;max-w-md&quot;&gt;
133
- &lt;sonic-card-header label=&quot;Featured route&quot; description=&quot;CDG → JFK&quot;&gt;
132
+ &lt;sonic-card-header label=&quot;Featured route&quot; description=&quot;San Francisco → New York&quot;&gt;
134
133
  &lt;sonic-icon slot=&quot;suffix&quot; library=&quot;iconoir&quot; name=&quot;airplane&quot; aria-hidden=&quot;true&quot;&gt;&lt;/sonic-icon&gt;
135
134
  &lt;/sonic-card-header&gt;
136
135
  &lt;sonic-card-main&gt;
137
136
  &lt;sonic-image
138
137
  rounded
139
138
  ratio=&quot;16/9&quot;
140
- src=&quot;img/concorde/plane_04.jpg&quot;
141
- alt=&quot;Concorde on the apron under a blue sky&quot;
139
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
140
+ alt=&quot;Airplane wing above the clouds&quot;
142
141
  &gt;&lt;/sonic-image&gt;
143
142
  &lt;p class=&quot;mb-0&quot;&gt;
144
- Nonstop at Mach 2.04, with flexible dates.
143
+ Nonstop flight with flexible dates. Prices shown include taxes and fees.
145
144
  &lt;/p&gt;
146
145
  &lt;/sonic-card-main&gt;
147
146
  &lt;sonic-card-footer&gt;
148
147
  &lt;div class=&quot;flex items-center justify-between gap-3 flex-wrap&quot;&gt;
149
- &lt;span class=&quot;text-sm font-semibold&quot;&gt;Cabin class: Business&lt;/span&gt;
148
+ &lt;span class=&quot;text-sm font-semibold&quot;&gt;From $249&lt;/span&gt;
150
149
  &lt;sonic-button type=&quot;primary&quot; size=&quot;sm&quot;&gt;Book&lt;/sonic-button&gt;
151
150
  &lt;/div&gt;
152
151
  &lt;/sonic-card-footer&gt;
package/docs/{core → crawl/core}/components/ui/divider/divider.html RENAMED
@@ -1,22 +1,21 @@
1
1
  <!DOCTYPE html>
2
- <html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/ui/divider" data-doc-id="core/components/ui/divider/divider">
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html" data-doc-id="core/components/ui/divider/divider">
3
3
  <head>
4
4
  <meta charset="UTF-8">
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Divider — Concorde by Supersoniks</title>
6
+ <title>Divider — Concorde</title>
7
7
  <meta name="description" content="sonic-divider draws a horizontal or vertical rule with optional centered label copy. Use it to separate sections in forms, cards, and sonic-menu. Set label for simple HTML captions or use the default ">
8
8
  <meta name="keywords" content="Concorde, supersoniks, core/components/ui/divider/divider, divider, Divider, UI component, sonic-divider, web component, sonic-menu, label, align, center, lineStyle, solid, size, 0.5rem">
9
9
  <meta name="concorde-doc-id" content="core/components/ui/divider/divider">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/core/components/ui/divider">
11
- <link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/ui/divider.md">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html">
12
11
  </head>
13
12
  <body>
14
13
  <header>
15
- <p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/ui/divider">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
14
+ <p><a href="../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/divider/divider.md/divider" rel="nofollow">interactive version</a></p>
16
15
  </header>
17
16
  <main>
18
17
  <article>
19
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Divider</strong>. sonic-divider draws a horizontal or vertical rule with optional centered label copy. Use it to separate sections in forms, cards, and sonic-menu. Set label for simple HTML captions or use the default <span>Doc ID: <code>core/components/ui/divider/divider</code>. Keywords: Concorde, supersoniks, core/components/ui/divider/divider, divider, Divider, UI component, sonic-divider, web component, sonic-menu, label, align, center, lineStyle, solid, size, 0.5rem. URL: <a href="https://concorde.supersoniks.org/core/components/ui/divider">https://concorde.supersoniks.org/core/components/ui/divider</a>.</span></p>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Divider</strong>. sonic-divider draws a horizontal or vertical rule with optional centered label copy. Use it to separate sections in forms, cards, and sonic-menu. Set label for simple HTML captions or use the default <span>Doc ID: <code>core/components/ui/divider/divider</code>. Keywords: Concorde, supersoniks, core/components/ui/divider/divider, divider, Divider, UI component, sonic-divider, web component, sonic-menu, label, align, center, lineStyle, solid, size, 0.5rem. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html">https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html</a>.</span></p>
20
19
  <h1 id="divider">Divider</h1>
21
20
  <p><strong><code>sonic-divider</code></strong> draws a horizontal or vertical rule with optional <strong>centered label</strong> copy. Use it to separate sections in forms, cards, and <strong><code>sonic-menu</code></strong>. Set <strong><code>label</code></strong> for simple HTML captions or use the <strong>default slot</strong> for richer markup; default <strong><code>align</code></strong> is <strong><code>center</code></strong> and default <strong><code>lineStyle</code></strong> is <strong><code>solid</code></strong>.</p>
22
21
  <h2 id="basic-example">Basic example</h2>
@@ -24,7 +23,7 @@
24
23
  <pre><code>&lt;sonic-divider&gt;&lt;/sonic-divider&gt;
25
24
  </code></pre>
26
25
  <h2 id="label-and-align">Label and align</h2>
27
- <p><strong><code>label</code></strong> renders inside the line (as HTML). <strong><code>align</code></strong> controls which side(s) of the line remain visible: <strong><code>left</code></strong> drops the leading segment, <strong><code>right</code></strong> drops the trailing segment, <strong><code>center</code></strong> keeps both.</p>
26
+ <p><strong><code>label</code></strong> renders inside the line (HTML via the same pipeline as other form labels). <strong><code>align</code></strong> controls which side(s) of the line remain visible: <strong><code>left</code></strong> drops the leading segment, <strong><code>right</code></strong> drops the trailing segment, <strong><code>center</code></strong> keeps both.</p>
28
27
  <pre><code>&lt;div class=&quot;grid gap-4&quot;&gt;
29
28
  &lt;sonic-divider label=&quot;Default centered label&quot;&gt;&lt;/sonic-divider&gt;
30
29
  &lt;sonic-divider label=&quot;Left&quot; align=&quot;left&quot;&gt;&lt;/sonic-divider&gt;
@@ -63,7 +62,7 @@
63
62
  <h2 id="default-slot">Default slot</h2>
64
63
  <p>Slotted content replaces or augments <strong><code>label</code></strong>. Useful for badges, icons, or mixed markup in menus.</p>
65
64
  <pre><code>&lt;sonic-divider&gt;
66
- &lt;span class=&quot;mr-2&quot;&gt;Departures&lt;/span&gt;
65
+ &lt;span class=&quot;mr-2&quot;&gt;Section title&lt;/span&gt;
67
66
  &lt;sonic-badge type=&quot;danger&quot;&gt;+25&lt;/sonic-badge&gt;
68
67
  &lt;/sonic-divider&gt;
69
68
  </code></pre>
@@ -71,15 +70,15 @@
71
70
  <p>On <strong><code>sonic-card</code></strong> with semantic <strong><code>type</code></strong> (<code>primary</code> · <code>warning</code> · <code>danger</code> · <code>info</code> · <code>success</code>), the rule uses the card’s text color at reduced opacity so it stays visible on tinted surfaces. <strong><code>label</code></strong> and slotted captions use the same foreground color as surrounding copy.</p>
72
71
  <pre><code>&lt;div class=&quot;grid gap-4 max-w-xl&quot;&gt;
73
72
  &lt;sonic-card type=&quot;danger&quot;&gt;
74
- &lt;div&gt;CN 001 is cancelled.&lt;/div&gt;
75
- &lt;sonic-divider label=&quot;Affected passengers&quot;&gt;&lt;/sonic-divider&gt;
73
+ &lt;div&gt;This action cannot be undone.&lt;/div&gt;
74
+ &lt;sonic-divider label=&quot;Affected resources&quot;&gt;&lt;/sonic-divider&gt;
76
75
  &lt;ul class=&quot;m-0 pl-5 text-sm&quot;&gt;
77
- &lt;li&gt;Ada Lindqvist&lt;/li&gt;
78
- &lt;li&gt;Captain Leo Marchand&lt;/li&gt;
76
+ &lt;li&gt;Project files&lt;/li&gt;
77
+ &lt;li&gt;Shared links&lt;/li&gt;
79
78
  &lt;/ul&gt;
80
79
  &lt;/sonic-card&gt;
81
80
  &lt;sonic-card type=&quot;info&quot;&gt;
82
- &lt;div&gt;Aircraft maintenance is scheduled for tonight.&lt;/div&gt;
81
+ &lt;div&gt;Maintenance is scheduled for tonight.&lt;/div&gt;
83
82
  &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
84
83
  &lt;div class=&quot;opacity-60&quot;&gt;Expected downtime: about 15 minutes.&lt;/div&gt;
85
84
  &lt;/sonic-card&gt;
@@ -106,7 +105,7 @@
106
105
  </tr>
107
106
  <tr>
108
107
  <td><code>size</code></td>
109
- <td><code>2xs</code> … <code>2xl</code> · <code>inherit</code></td>
108
+ <td><code>2xs</code> · <code>xs</code> · <code>sm</code> · <code>md</code> · <code>lg</code> · <code>xl</code> · <code>2xl</code> · <code>inherit</code></td>
110
109
  <td>Vertical margin and label <code>font-size</code>; omit for host defaults</td>
111
110
  </tr>
112
111
  <tr>
@@ -137,6 +136,7 @@
137
136
  <td>Label markup when <strong><code>label</code></strong> is insufficient or empty</td>
138
137
  </tr>
139
138
  </tbody></table>
139
+ <p>The inner flex container exposes <strong><code>part=&quot;divider&quot;</code></strong> for theme overrides.</p>
140
140
 
141
141
  </article>
142
142
  </main>
package/docs/crawl/core/components/ui/form/checkbox/checkbox.html ADDED
@@ -0,0 +1,73 @@
1
+ <!DOCTYPE html>
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html" data-doc-id="core/components/ui/form/checkbox/checkbox">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Checkbox — Concorde</title>
7
+ <meta name="description" content="&gt;Already checked checkbox">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/checkbox/checkbox, checkbox, Checkbox, UI component, form, sonic-checkbox, web component, blacklistFlags, ?blacklistFlags=racist,sexist,…, flags, filterDocsJokes, src/docs/mock-api/fixtures.ts">
9
+ <meta name="concorde-doc-id" content="core/components/ui/form/checkbox/checkbox">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html">
11
+ </head>
12
+ <body>
13
+ <header>
14
+ <p><a href="../../../../../index.html">Concorde documentation (crawl)</a> · <a href="https://concorde.supersoniks.org/#core/components/ui/form/checkbox/checkbox.md/checkbox" rel="nofollow">interactive version</a></p>
15
+ </header>
16
+ <main>
17
+ <article>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Checkbox</strong>. &gt;Already checked checkbox <span>Doc ID: <code>core/components/ui/form/checkbox/checkbox</code>. Keywords: Concorde, supersoniks, core/components/ui/form/checkbox/checkbox, checkbox, Checkbox, UI component, form, sonic-checkbox, web component, blacklistFlags, ?blacklistFlags=racist,sexist,…, flags, filterDocsJokes, src/docs/mock-api/fixtures.ts. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/checkbox/checkbox.html</a>.</span></p>
19
+ <h1 id="checkbox">Checkbox</h1>
20
+ <h2 id="size">Size</h2>
21
+ <pre><code>&lt;div class=&quot;grid gap-2&quot;&gt;
22
+ &lt;sonic-checkbox size=&quot;2xs&quot;&gt;2xs checkbox&lt;/sonic-checkbox&gt;
23
+ &lt;sonic-checkbox size=&quot;xs&quot;&gt;xs checkbox&lt;/sonic-checkbox&gt;
24
+ &lt;sonic-checkbox size=&quot;sm&quot;&gt;sm checkbox&lt;/sonic-checkbox&gt;
25
+ &lt;sonic-checkbox&gt;default checkbox&lt;/sonic-checkbox&gt;
26
+ &lt;sonic-checkbox size=&quot;lg&quot;&gt;lg checkbox&lt;/sonic-checkbox&gt;
27
+ &lt;sonic-checkbox size=&quot;xl&quot;&gt;xl checkbox&lt;/sonic-checkbox&gt;
28
+ &lt;sonic-checkbox size=&quot;2xl&quot;&gt;2xl checkbox&lt;/sonic-checkbox&gt;
29
+ &lt;/div&gt;
30
+ </code></pre>
31
+ <h2 id="checked">Checked</h2>
32
+ <pre><code>&lt;sonic-checkbox checked
33
+ &gt;Already checked checkbox
34
+ &lt;/sonic-checkbox&gt;
35
+ </code></pre>
36
+ <h2 id="disabled">Disabled</h2>
37
+ <pre><code>&lt;sonic-checkbox disabled
38
+ &gt;Disabled checkbox
39
+ &lt;/sonic-checkbox&gt;
40
+ </code></pre>
41
+ <h2 id="disabled-and-checked">Disabled and checked</h2>
42
+ <pre><code>&lt;sonic-checkbox disabled checked
43
+ &gt;Disabled but already checked checkbox
44
+ &lt;/sonic-checkbox&gt;
45
+ </code></pre>
46
+ <h2 id="checkbox-with-link">Checkbox with link</h2>
47
+ <pre><code>&lt;sonic-checkbox&gt;Checkbox with &lt;sonic-link href=&quot;#&quot; class=&quot;underline text-info&quot;&gt;link&lt;/sonic-link&gt;
48
+ </code></pre>
49
+ <h2 id="check-all-checkbox">Check all checkbox</h2>
50
+ <pre><code>&lt;div formDataProvider=&quot;checkbox-check-all-demo&quot;&gt;
51
+ &lt;sonic-checkbox name=&#39;someSharedName&#39; value=&quot;all&quot; checksAll&gt;All&lt;/sonic-checkbox&gt;
52
+ &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
53
+ &lt;div class=&quot;grid gap-2&quot;&gt;
54
+ &lt;sonic-checkbox name=&quot;someSharedName&quot; value=&quot;foo&quot;&gt;Foo&lt;/sonic-checkbox&gt;
55
+ &lt;sonic-checkbox name=&quot;someSharedName&quot; value=&quot;bar&quot;&gt;Bar&lt;/sonic-checkbox&gt;
56
+ &lt;/div&gt;
57
+ &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
58
+ &lt;div&gt;
59
+ &lt;span&gt;Enabling unsetOnDisconect ensures that outdated or irrelevant values are not retained in the form state once their associated inputs are no longer rendered.&lt;/span&gt;
60
+ &lt;div id=&quot;prunable-checkbox&quot; class=&quot;flex gap-2 items-center&quot;&gt;
61
+ &lt;sonic-checkbox name=&quot;someSharedName&quot; value=&quot;baz&quot;&gt;Baz&lt;/sonic-checkbox&gt;
62
+ &lt;sonic-button variant=&quot;ghost&quot; shape=&quot;circle&quot; unique name=&quot;toggleCheckboxExistance&quot; onclick=&quot;document.getElementById(&#39;prunable-checkbox&#39;).remove();&quot; value=&quot;true&quot;&gt;&lt;sonic-icon library=&quot;fontAwesome&quot; prefix=&quot;solid&quot; name=&quot;trash&quot;&gt;&lt;/sonic-icon&gt;&lt;/sonic-button&gt;
63
+ &lt;/div&gt;
64
+ &lt;/div&gt;
65
+ </code></pre>
66
+ <h2 id="example-of-use--blacklist--queue">Example of use — blacklist + queue</h2>
67
+ <p>Checked <strong><code>blacklistFlags</code></strong> values are sent to the mock API (<code>?blacklistFlags=racist,sexist,…</code>), which excludes jokes whose <strong><code>flags</code></strong> match (see <code>filterDocsJokes</code> in <code>src/docs/mock-api/fixtures.ts</code>).</p>
68
+ <p><docs-lit-demo for="docs-joke-blacklist-demo"></docs-lit-demo></p>
69
+
70
+ </article>
71
+ </main>
72
+ </body>
73
+ </html>