@supersoniks/concorde 5.1.0 → 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 (312) 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 +1939 -1939
  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 +16 -16
  39. package/concorde-core.es.js +235 -233
  40. package/dist/concorde-core.bundle.js +16 -16
  41. package/dist/concorde-core.es.js +235 -233
  42. package/dist/img/archive/concorde-001-2cv.webp +0 -0
  43. package/dist/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  44. package/dist/img/archive/concorde-red-arrows-2002.webm +0 -0
  45. package/dist/img/archive/credits.json +28 -0
  46. package/docs/assets/index-Bb-_LRyY.js +12280 -0
  47. package/docs/assets/index-CD4WyL6o.css +1 -0
  48. package/docs/docs-mock-api-sw.js +2 -0
  49. package/docs/docs-mock-api-sw.js.map +2 -2
  50. package/docs/index.html +9 -7
  51. package/index.html +27 -63
  52. package/package.json +11 -4
  53. package/public/img/archive/concorde-001-2cv.webp +0 -0
  54. package/public/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  55. package/public/img/archive/concorde-red-arrows-2002.webm +0 -0
  56. package/public/img/archive/credits.json +28 -0
  57. package/scripts/post-build-docs.js +0 -0
  58. package/scripts/post-build.mjs +0 -0
  59. package/src/core/components/functional/fetch/fetch.md +2 -2
  60. package/src/core/components/functional/if/if.md +0 -0
  61. package/src/core/components/functional/if/if.ts +0 -0
  62. package/src/core/components/functional/list/list.demo.ts +0 -0
  63. package/src/core/components/functional/list/list.md +0 -0
  64. package/src/core/components/functional/router/router.md +0 -0
  65. package/src/core/components/functional/router/router.ts +0 -0
  66. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
  67. package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
  68. package/src/core/components/functional/sdui/component-catalog.json +1 -1
  69. package/src/core/components/functional/sdui/types.ts +0 -0
  70. package/src/core/components/functional/states/states.md +0 -0
  71. package/src/core/components/functional/submit/submit.md +0 -0
  72. package/src/core/components/functional/subscriber/subscriber.ts +0 -0
  73. package/src/core/components/functional/value/value.ts +0 -0
  74. package/src/core/components/ui/_css/size.ts +0 -0
  75. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  76. package/src/core/components/ui/form/radio/radio.md +0 -0
  77. package/src/core/components/ui/form/select/select.md +0 -0
  78. package/src/core/components/ui/form/switch/switch.md +0 -0
  79. package/src/core/components/ui/modal/modal.ts +14 -11
  80. package/src/core/mixins/Subscriber.ts +0 -0
  81. package/src/core/utils/DataBindObserver.ts +0 -0
  82. package/src/core/utils/Objects.ts +0 -0
  83. package/src/core/utils/route.ts +0 -0
  84. package/src/docs/_core-concept/subscriber.md +0 -0
  85. package/src/docs/_getting-started/components.md +5 -0
  86. package/src/docs/_getting-started/my-first-subscriber.md +0 -0
  87. package/src/docs/_getting-started/pubsub.md +0 -0
  88. package/src/docs/_getting-started/theming.md +2 -2
  89. package/src/docs/code.ts +88 -75
  90. package/src/docs/components/docs-demo-sources.ts +16 -8
  91. package/src/docs/components/docs-lit-demo.ts +19 -37
  92. package/src/docs/docs.ts +5 -0
  93. package/src/docs/example/docs-boarding-pass-demo.ts +134 -0
  94. package/src/docs/example/docs-provider-keys.ts +12 -0
  95. package/src/docs/example/users.ts +0 -0
  96. package/src/docs/header/header.ts +233 -69
  97. package/src/docs/home/catalog.ts +44 -0
  98. package/src/docs/home/home.ts +513 -0
  99. package/src/docs/home/mach-stage.ts +389 -0
  100. package/src/docs/layout.ts +3 -1
  101. package/src/docs/navigation/components-index.ts +56 -0
  102. package/src/docs/navigation/navigation.ts +240 -232
  103. package/src/docs/navigation/pager.ts +67 -0
  104. package/src/docs/navigation/toc.ts +98 -0
  105. package/src/docs/search/docs-search.json +330 -20
  106. package/src/docs/search/markdown-renderer.ts +11 -3
  107. package/src/docs/search/page.ts +0 -0
  108. package/src/docs/shiki/index.ts +109 -0
  109. package/src/docs/tailwind/css/base/scrollbar.css +22 -0
  110. package/src/docs/tailwind/css/base/theme.css +96 -0
  111. package/src/docs/tailwind/css/base/typography.css +4 -0
  112. package/src/docs/tailwind/css/docs/boarding-pass.css +65 -0
  113. package/src/docs/tailwind/css/docs/content.css +32 -0
  114. package/src/docs/tailwind/css/docs/page.css +10 -0
  115. package/src/docs/tailwind/css/docs.css +9 -0
  116. package/src/docs/tailwind/css/home/hero.css +210 -0
  117. package/src/docs/tailwind/css/home/motion.css +84 -0
  118. package/src/docs/tailwind/css/home/sections.css +416 -0
  119. package/src/docs/tailwind/css/tailwind.css +7 -185
  120. package/src/tsconfig.json +23 -2
  121. package/src/tsconfig.tsbuildinfo +1 -1
  122. package/tailwind.config.js +8 -4
  123. package/.github/workflows/ci.yml +0 -21
  124. package/.github-export-ignore +0 -30
  125. package/CONTRIBUTING.md +0 -59
  126. package/DEV.md +0 -54
  127. package/LICENSE +0 -21
  128. package/OPEN_SOURCE_CHECKPOINT.md +0 -133
  129. package/concorde-3d.bundle.js +0 -3960
  130. package/concorde-3d.es.js +0 -33433
  131. package/concorde-hugging-face-infer.bundle.js +0 -32
  132. package/concorde-hugging-face-infer.es.js +0 -2952
  133. package/concorde-interactive.bundle.js +0 -1157
  134. package/concorde-interactive.es.js +0 -10734
  135. package/concorde-shader.bundle.js +0 -116
  136. package/concorde-shader.es.js +0 -8353
  137. package/concorde-webgpu.bundle.js +0 -307
  138. package/concorde-webgpu.es.js +0 -8627
  139. package/docs/assets/index-D8MVWqY6.js +0 -12251
  140. package/docs/assets/index-DiD0qYvE.css +0 -1
  141. package/docs/crawl/core/components/functional/date/date.html +0 -190
  142. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  143. package/docs/crawl/core/components/functional/if/if.html +0 -27
  144. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  145. package/docs/crawl/core/components/functional/list/list.html +0 -70
  146. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  147. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  148. package/docs/crawl/core/components/functional/router/router.html +0 -106
  149. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  150. package/docs/crawl/core/components/functional/states/states.html +0 -66
  151. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  152. package/docs/crawl/core/components/functional/subscriber/subscriber.html +0 -67
  153. package/docs/crawl/core/components/functional/value/value.html +0 -51
  154. package/docs/crawl/core/components/ui/alert/alert.html +0 -110
  155. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -23
  156. package/docs/crawl/core/components/ui/badge/badge.html +0 -119
  157. package/docs/crawl/core/components/ui/button/button.html +0 -149
  158. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -30
  159. package/docs/crawl/core/components/ui/card/card.html +0 -99
  160. package/docs/crawl/core/components/ui/divider/divider.html +0 -58
  161. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  162. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -135
  163. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -79
  164. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -62
  165. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  166. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -38
  167. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  168. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  169. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  170. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  171. package/docs/crawl/core/components/ui/group/group.html +0 -82
  172. package/docs/crawl/core/components/ui/icon/icon.html +0 -133
  173. package/docs/crawl/core/components/ui/image/image.html +0 -110
  174. package/docs/crawl/core/components/ui/link/link.html +0 -42
  175. package/docs/crawl/core/components/ui/loader/loader.html +0 -50
  176. package/docs/crawl/core/components/ui/menu/menu.html +0 -322
  177. package/docs/crawl/core/components/ui/modal/modal.html +0 -117
  178. package/docs/crawl/core/components/ui/pop/pop.html +0 -102
  179. package/docs/crawl/core/components/ui/progress/progress.html +0 -58
  180. package/docs/crawl/core/components/ui/table/table.html +0 -413
  181. package/docs/crawl/core/components/ui/toast/toast.html +0 -122
  182. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -79
  183. package/docs/crawl/docs/_core-concept/dataFlow.html +0 -177
  184. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  185. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  186. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -116
  187. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  188. package/docs/crawl/docs/_decorators/bind.html +0 -141
  189. package/docs/crawl/docs/_decorators/get.html +0 -149
  190. package/docs/crawl/docs/_decorators/handle.html +0 -165
  191. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  192. package/docs/crawl/docs/_decorators/patch.html +0 -78
  193. package/docs/crawl/docs/_decorators/post.html +0 -139
  194. package/docs/crawl/docs/_decorators/publish.html +0 -61
  195. package/docs/crawl/docs/_decorators/put.html +0 -78
  196. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  197. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  198. package/docs/crawl/docs/_directives/sub.html +0 -93
  199. package/docs/crawl/docs/_getting-started/ai-agents.html +0 -173
  200. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  201. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  202. package/docs/crawl/docs/_getting-started/create-a-component.html +0 -111
  203. package/docs/crawl/docs/_getting-started/my-first-component.html +0 -189
  204. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  205. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  206. package/docs/crawl/docs/_getting-started/start.html +0 -76
  207. package/docs/crawl/docs/_getting-started/theming.html +0 -85
  208. package/docs/crawl/docs/_misc/api-configuration.html +0 -149
  209. package/docs/crawl/docs/_misc/dataProviderKey.html +0 -135
  210. package/docs/crawl/docs/_misc/docs-mock-api.html +0 -158
  211. package/docs/crawl/docs/_misc/dynamic-path.html +0 -180
  212. package/docs/crawl/docs/_misc/endpoint.html +0 -50
  213. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  214. package/docs/crawl/docs/_misc/html-integration.html +0 -48
  215. package/docs/crawl/hubs/decorators.html +0 -547
  216. package/docs/crawl/hubs/form-components.html +0 -359
  217. package/docs/crawl/hubs/remote-data.html +0 -452
  218. package/docs/crawl/index.html +0 -101
  219. package/docs/llms-full.txt +0 -5761
  220. package/docs/llms.txt +0 -104
  221. package/docs/sitemap.xml +0 -237
  222. package/docs/src/core/components/functional/date/date.md +0 -290
  223. package/docs/src/core/components/functional/fetch/fetch.md +0 -125
  224. package/docs/src/core/components/functional/if/if.md +0 -9
  225. package/docs/src/core/components/functional/jsonata/jsonata.md +0 -56
  226. package/docs/src/core/components/functional/list/list.md +0 -65
  227. package/docs/src/core/components/functional/mix/mix.md +0 -41
  228. package/docs/src/core/components/functional/queue/queue.md +0 -72
  229. package/docs/src/core/components/functional/router/router.md +0 -94
  230. package/docs/src/core/components/functional/sdui/default-library.json +0 -108
  231. package/docs/src/core/components/functional/sdui/example.json +0 -99
  232. package/docs/src/core/components/functional/sdui/sdui.md +0 -356
  233. package/docs/src/core/components/functional/states/states.md +0 -87
  234. package/docs/src/core/components/functional/submit/submit.md +0 -114
  235. package/docs/src/core/components/functional/subscriber/subscriber.md +0 -91
  236. package/docs/src/core/components/functional/value/value.md +0 -35
  237. package/docs/src/core/components/ui/alert/alert.md +0 -121
  238. package/docs/src/core/components/ui/alert-messages/alert-messages.md +0 -0
  239. package/docs/src/core/components/ui/badge/badge.md +0 -127
  240. package/docs/src/core/components/ui/button/button.md +0 -182
  241. package/docs/src/core/components/ui/captcha/captcha.md +0 -12
  242. package/docs/src/core/components/ui/card/card.md +0 -97
  243. package/docs/src/core/components/ui/divider/divider.md +0 -35
  244. package/docs/src/core/components/ui/form/checkbox/checkbox.md +0 -77
  245. package/docs/src/core/components/ui/form/fieldset/fieldset.md +0 -129
  246. package/docs/src/core/components/ui/form/form-actions/form-actions.md +0 -77
  247. package/docs/src/core/components/ui/form/form-layout/form-layout.md +0 -44
  248. package/docs/src/core/components/ui/form/input/input.md +0 -142
  249. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  250. package/docs/src/core/components/ui/form/radio/radio.md +0 -57
  251. package/docs/src/core/components/ui/form/select/select.md +0 -71
  252. package/docs/src/core/components/ui/form/switch/switch.md +0 -57
  253. package/docs/src/core/components/ui/form/textarea/textarea.md +0 -65
  254. package/docs/src/core/components/ui/group/group.md +0 -75
  255. package/docs/src/core/components/ui/icon/icon.md +0 -125
  256. package/docs/src/core/components/ui/icon/icons.json +0 -1
  257. package/docs/src/core/components/ui/image/image.md +0 -107
  258. package/docs/src/core/components/ui/link/link.md +0 -43
  259. package/docs/src/core/components/ui/loader/loader.md +0 -55
  260. package/docs/src/core/components/ui/menu/menu.md +0 -329
  261. package/docs/src/core/components/ui/modal/modal.md +0 -119
  262. package/docs/src/core/components/ui/pop/pop.md +0 -96
  263. package/docs/src/core/components/ui/progress/progress.md +0 -63
  264. package/docs/src/core/components/ui/table/table.md +0 -455
  265. package/docs/src/core/components/ui/toast/toast.md +0 -166
  266. package/docs/src/core/components/ui/tooltip/tooltip.md +0 -82
  267. package/docs/src/docs/_core-concept/dataFlow.md +0 -88
  268. package/docs/src/docs/_core-concept/overview.md +0 -57
  269. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  270. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -127
  271. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  272. package/docs/src/docs/_decorators/bind.md +0 -167
  273. package/docs/src/docs/_decorators/get.md +0 -162
  274. package/docs/src/docs/_decorators/handle.md +0 -175
  275. package/docs/src/docs/_decorators/on-assign.md +0 -390
  276. package/docs/src/docs/_decorators/patch.md +0 -70
  277. package/docs/src/docs/_decorators/post.md +0 -146
  278. package/docs/src/docs/_decorators/publish.md +0 -55
  279. package/docs/src/docs/_decorators/put.md +0 -70
  280. package/docs/src/docs/_decorators/subscribe.md +0 -100
  281. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  282. package/docs/src/docs/_directives/sub.md +0 -91
  283. package/docs/src/docs/_getting-started/ai-agents.md +0 -76
  284. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  285. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  286. package/docs/src/docs/_getting-started/create-a-component.md +0 -139
  287. package/docs/src/docs/_getting-started/my-first-component.md +0 -236
  288. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  289. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  290. package/docs/src/docs/_getting-started/start.md +0 -47
  291. package/docs/src/docs/_getting-started/theming.md +0 -91
  292. package/docs/src/docs/_misc/api-configuration.md +0 -81
  293. package/docs/src/docs/_misc/dataProviderKey.md +0 -168
  294. package/docs/src/docs/_misc/docs-mock-api.md +0 -63
  295. package/docs/src/docs/_misc/dynamic-path.md +0 -71
  296. package/docs/src/docs/_misc/endpoint.md +0 -45
  297. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  298. package/docs/src/docs/_misc/html-integration.md +0 -15
  299. package/docs/src/docs/search/docs-search.json +0 -9507
  300. package/docs/src/tag-list.json +0 -1
  301. package/docs/src/tsconfig-model.json +0 -23
  302. package/docs/src/tsconfig.declarations.json +0 -22
  303. package/docs/src/tsconfig.emit.json +0 -23
  304. package/docs/src/tsconfig.json +0 -1182
  305. package/gitlab/job_github_mirror.sh +0 -39
  306. package/scripts/github-export.mjs +0 -150
  307. package/src/css.d.ts +0 -19
  308. package/src/docs/prism/index.ts +0 -6
  309. package/src/docs/prism/prism.css +0 -158
  310. package/src/docs/prism/prism.js +0 -1022
  311. package/src/tsconfig.declarations.json +0 -22
  312. package/src/tsconfig.emit.json +0 -23
@@ -1,79 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/form-actions/form-actions.html" data-doc-id="core/components/ui/form/form-actions/form-actions">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Form-actions — Concorde</title>
7
- <meta name="description" content="Left seats">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/form-actions/form-actions, form-actions, Form-actions, UI component, form, sonic-form-actions, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/form-actions/form-actions">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/form-actions/form-actions.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/form-actions/form-actions.md/form-actions" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Form-actions</strong>. Left seats <span>Doc ID: <code>core/components/ui/form/form-actions/form-actions</code>. Keywords: Concorde, supersoniks, core/components/ui/form/form-actions/form-actions, form-actions, Form-actions, UI component, form, sonic-form-actions, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/form-actions/form-actions.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/form-actions/form-actions.html</a>.</span></p>
19
- <h1 id="form-actions">Form-actions</h1>
20
- <h2 id="left-by-default">Left by default</h2>
21
- <pre><code>&lt;form&gt;
22
- &lt;sonic-form-layout&gt;
23
- &lt;sonic-input label=&quot;First name&quot;&gt;&lt;/sonic-input&gt;
24
- &lt;sonic-input label=&quot;Last name&quot;&gt;&lt;/sonic-input&gt;
25
- &lt;sonic-form-actions&gt;
26
- &lt;sonic-button type=&quot;success&quot;&gt;&lt;sonic-icon name=&quot;check&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt; Submit&lt;/sonic-button&gt;
27
- &lt;sonic-button type=&quot;danger&quot; variant=&quot;ghost&quot;&gt;&lt;sonic-icon name=&quot;undo&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt; Cancel&lt;/sonic-button&gt;
28
- &lt;/sonic-form-actions&gt;
29
- &lt;/sonic-form-layout&gt;
30
- &lt;/form &gt;
31
- </code></pre>
32
- <h2 id="justify">Justify</h2>
33
- <pre><code>&lt;form&gt;
34
- &lt;sonic-form-layout&gt;
35
- &lt;sonic-input label=&quot;First name&quot;&gt;&lt;/sonic-input&gt;
36
- &lt;sonic-input label=&quot;Last name&quot;&gt;&lt;/sonic-input&gt;
37
- &lt;sonic-form-actions justify=&quot;flex-end&quot;&gt;
38
- &lt;sonic-button type=&quot;success&quot;&gt;&lt;sonic-icon name=&quot;check&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt; Submit&lt;/sonic-button&gt;
39
- &lt;sonic-button type=&quot;danger&quot; variant=&quot;ghost&quot;&gt;&lt;sonic-icon name=&quot;undo&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt; Cancel&lt;/sonic-button&gt;
40
- &lt;/sonic-form-actions&gt;
41
- &lt;/sonic-form-layout&gt;
42
- &lt;/form &gt;
43
- </code></pre>
44
- <h2 id="direction">Direction</h2>
45
- <pre><code>&lt;form&gt;
46
- &lt;sonic-form-layout&gt;
47
- &lt;sonic-input label=&quot;First name&quot;&gt;&lt;/sonic-input&gt;
48
- &lt;sonic-input label=&quot;Last name&quot;&gt;&lt;/sonic-input&gt;
49
- &lt;sonic-form-actions direction=&quot;row-reverse&quot;&gt;
50
- &lt;sonic-button type=&quot;success&quot;&gt;&lt;sonic-icon name=&quot;check&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt; Submit&lt;/sonic-button&gt;
51
- &lt;sonic-button type=&quot;danger&quot; variant=&quot;ghost&quot;&gt;&lt;sonic-icon name=&quot;undo&quot; library=&quot;iconoir&quot;&gt;&lt;/sonic-icon&gt; Cancel&lt;/sonic-button&gt;
52
- &lt;/sonic-form-actions&gt;
53
- &lt;/sonic-form-layout&gt;
54
- &lt;/form &gt;
55
- </code></pre>
56
- <h2 id="center">Center</h2>
57
- <pre><code>&lt;form&gt;
58
- &lt;sonic-form-layout&gt;
59
- &lt;sonic-input label=&quot;First name&quot;&gt;&lt;/sonic-input&gt;
60
- &lt;sonic-input label=&quot;Last name&quot;&gt;&lt;/sonic-input&gt;
61
- &lt;sonic-form-actions justify=&quot;center&quot; &gt;
62
- &lt;sonic-button type=&quot;info&quot; minWidth=&quot;12rem&quot;&gt;
63
- &lt;sonic-icon name=&quot;nav-arrow-left&quot; library=&quot;iconoir&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
64
- Left seats
65
- &lt;/sonic-button&gt;
66
- &lt;sonic-divider vertical&gt;&lt;/sonic-divider&gt;
67
- &lt;sonic-button type=&quot;info&quot; minWidth=&quot;12rem&quot;&gt;
68
- &lt;sonic-icon name=&quot;nav-arrow-right&quot; library=&quot;iconoir&quot; slot=&quot;suffix&quot;&gt;&lt;/sonic-icon&gt;
69
- Right seats
70
- &lt;/sonic-button&gt;
71
- &lt;/sonic-form-actions&gt;
72
- &lt;/sonic-form-layout&gt;
73
- &lt;/form &gt;
74
- </code></pre>
75
-
76
- </article>
77
- </main>
78
- </body>
79
- </html>
@@ -1,62 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/form-layout/form-layout.html" data-doc-id="core/components/ui/form/form-layout/form-layout">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Form-layout — Concorde</title>
7
- <meta name="description" content="autocomplete=&quot;email&quot;">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/form-layout/form-layout, form-layout, Form-layout, UI component, form, sonic-form-layout, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/form-layout/form-layout">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/form-layout/form-layout.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/form-layout/form-layout.md/form-layout" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Form-layout</strong>. autocomplete=&quot;email&quot; <span>Doc ID: <code>core/components/ui/form/form-layout/form-layout</code>. Keywords: Concorde, supersoniks, core/components/ui/form/form-layout/form-layout, form-layout, Form-layout, UI component, form, sonic-form-layout, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/form-layout/form-layout.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/form-layout/form-layout.html</a>.</span></p>
19
- <h1 id="form-layout">Form-layout</h1>
20
- <pre><code>&lt;form&gt;
21
- &lt;sonic-form-layout&gt;
22
- &lt;sonic-input autocomplete=&quot;family-name&quot; label=&quot;Nom&quot; name=&quot;nom&quot;&gt;&lt;/sonic-input&gt;
23
- &lt;sonic-input autocomplete=&quot;given-name&quot; label=&quot;Prénom&quot; name=&quot;prenom&quot;&gt;&lt;/sonic-input&gt;
24
- &lt;sonic-select autocomplete=&quot;sex&quot; label=&quot;Sexe&quot; name=&quot;sexe&quot;&gt;
25
- &lt;option value=&quot;&quot; selected=&quot;selected&quot;&gt;- Sélectionner -&lt;/option&gt;
26
- &lt;option value=&quot;-&quot;&gt;Je préfère ne pas le dire&lt;/option&gt;
27
- &lt;option value=&quot;Homme&quot;&gt;Homme&lt;/option&gt;
28
- &lt;option value=&quot;Femme&quot;&gt;Femme&lt;/option&gt;
29
- &lt;/sonic-select&gt;
30
- &lt;sonic-input autocomplete=&quot;bday&quot; label=&quot;Date de naissance&quot; name=&quot;date_naissance&quot; type=&quot;date&quot;&gt;&lt;/sonic-input&gt;
31
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
32
- &lt;sonic-input autocomplete=&quot;email&quot; label=&quot;e-mail&quot; name=&quot;email&quot; type=&quot;email&quot;&gt;&lt;/sonic-input&gt;
33
- &lt;sonic-input
34
- autocomplete=&quot;email&quot;
35
- label=&quot;Confirmer votre e-mail&quot;
36
- name=&quot;email_confirmation&quot;
37
- type=&quot;email&quot;
38
- &gt;&lt;/sonic-input&gt;
39
- &lt;sonic-input autocomplete=&quot;new-password&quot; label=&quot;Mot de passe&quot; name=&quot;password&quot; type=&quot;password&quot;&gt;&lt;/sonic-input&gt;
40
- &lt;sonic-input
41
- autocomplete=&quot;new-password&quot;
42
- label=&quot;Confirmer votre mot de passe&quot;
43
- name=&quot;password_confirmation&quot;
44
- type=&quot;password&quot;
45
- &gt;&lt;/sonic-input&gt;
46
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
47
- &lt;sonic-textarea label=&quot;Message&quot; rows=&quot;5&quot;&gt;
48
- &lt;/sonic-textarea&gt;
49
- &lt;sonic-switch&gt;Activer une superbe option&lt;/sonic-switch&gt;
50
- &lt;sonic-checkbox&gt;Inscription à la newsletter&lt;/sonic-checkbox&gt;
51
- &lt;sonic-checkbox&gt;J&#39;ai lu et accepte les &lt;sonic-link href=&quot;#&quot; class=&quot;underline&quot;&gt;Conditions générales de ventes&lt;/sonic-link&gt;&lt;/sonic-checkbox&gt;
52
- &lt;sonic-form-actions&gt;
53
- &lt;sonic-button type=&quot;success&quot;&gt;Valider&lt;/sonic-button&gt;
54
- &lt;/sonic-form-actions&gt;
55
- &lt;/sonic-form-layout&gt;
56
- &lt;/form &gt;
57
- </code></pre>
58
-
59
- </article>
60
- </main>
61
- </body>
62
- </html>
@@ -1,109 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/input/input.html" data-doc-id="core/components/ui/form/input/input">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Input — Concorde</title>
7
- <meta name="description" content="Native attibutes list">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/input/input, input, Input, UI component, form, sonic-input, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/input/input">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/input/input.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/input/input.md/input" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Input</strong>. Native attibutes list <span>Doc ID: <code>core/components/ui/form/input/input</code>. Keywords: Concorde, supersoniks, core/components/ui/form/input/input, input, Input, UI component, form, sonic-input, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/input/input.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/input/input.html</a>.</span></p>
19
- <h1 id="input">Input</h1>
20
- <sonic-button type="info" size="sm" target="_blank" href="https://www.w3schools.com/tags/tag_input.asp#midcontentadcontainer">
21
- <sonic-icon library="iconoir" name="open-new-window" slot="prefix" ></sonic-icon>
22
- Native attibutes list
23
- </sonic-button>
24
-
25
- <h2 id="label">Label</h2>
26
- <pre><code>&lt;sonic-input label=&quot;Label&quot;&gt;&lt;/sonic-input&gt;
27
- </code></pre>
28
- <h2 id="placeholder">Placeholder</h2>
29
- <pre><code>&lt;sonic-input placeholder=&quot;placeholder&quot;&gt;&lt;/sonic-input&gt;
30
- </code></pre>
31
- <h2 id="value">Value</h2>
32
- <pre><code>&lt;sonic-input value=&quot;value&quot;&gt;&lt;/sonic-input&gt;
33
- </code></pre>
34
- <h2 id="required">Required</h2>
35
- <pre><code>&lt;sonic-input required type=&quot;email&quot; placeholder=&quot;you@email.com&quot; label=&quot;Feedback on blur&quot;&gt;&lt;/sonic-input&gt;
36
- </code></pre>
37
- <h2 id="description">Description</h2>
38
- <pre><code>&lt;sonic-input description=&quot;Description goes here&quot; &gt;&lt;/sonic-input&gt;
39
- </code></pre>
40
- <h2 id="type">Type</h2>
41
- <p><sonic-button size="2xs" type="info" target="_blank" href="https://www.w3schools.com/html/html_form_input_types.asp">Liste des types</sonic-button></p>
42
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
43
- &lt;sonic-input type=&quot;text&quot; label=&quot;Text&quot;&gt;Text&lt;/sonic-input&gt;
44
- &lt;sonic-input type=&quot;email&quot; label=&quot;Email&quot; placeholder=&quot;plop@kiki.com&quot;&gt;&lt;/sonic-input&gt;
45
- &lt;sonic-input type=&quot;password&quot; label=&quot;Password&quot;&gt;&lt;/sonic-input&gt;
46
- &lt;sonic-input type=&quot;date&quot; label=&quot;Date&quot;&gt;&lt;/sonic-input&gt;
47
- &lt;sonic-input type=&quot;number&quot; label=&quot;Number&quot;&gt;&lt;/sonic-input&gt;
48
- &lt;sonic-input type=&quot;color&quot; label=&quot;Color&quot; value=&quot;#ffff00&quot;&gt;&lt;/sonic-input&gt;
49
- &lt;/div&gt;
50
- </code></pre>
51
- <h2 id="size">Size</h2>
52
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
53
- &lt;sonic-input size=&quot;2xs&quot; value=&quot;2xs&quot;&gt;&lt;/sonic-input&gt;
54
- &lt;sonic-input size=&quot;xs&quot; value=&quot;xs&quot;&gt;&lt;/sonic-input&gt;
55
- &lt;sonic-input size=&quot;sm&quot; value=&quot;sm&quot;&gt;&lt;/sonic-input&gt;
56
- &lt;sonic-input size=&quot;md&quot; value=&quot;md&quot;&gt;&lt;/sonic-input&gt;
57
- &lt;sonic-input value=&quot;default&quot;&gt;&lt;/sonic-input&gt;
58
- &lt;sonic-input size=&quot;lg&quot; value=&quot;lg&quot;&gt;&lt;/sonic-input&gt;
59
- &lt;sonic-input size=&quot;xl&quot; value=&quot;xl&quot;&gt;&lt;/sonic-input&gt;
60
- &lt;sonic-input size=&quot;2xl&quot; value=&quot;2xl&quot;&gt;&lt;/sonic-input&gt;
61
- &lt;/div&gt;
62
- </code></pre>
63
- <h2 id="list">List</h2>
64
- <p><sonic-alert status="error" label="Non fonctionnel" class="mb-4"></sonic-alert></p>
65
- <pre><code>&lt;sonic-input list=&quot;browsers&quot;&gt;&lt;/sonic-input&gt;
66
- &lt;datalist id=&quot;browsers&quot;&gt;
67
- &lt;option value=&quot;Internet Explorer&quot;&gt;
68
- &lt;option value=&quot;Firefox&quot;&gt;
69
- &lt;option value=&quot;Google Chrome&quot;&gt;
70
- &lt;option value=&quot;Opera&quot;&gt;
71
- &lt;option value=&quot;Safari&quot;&gt;
72
- &lt;/datalist&gt;
73
- </code></pre>
74
- <h2 id="prefix--suffix">Prefix &amp; suffix</h2>
75
- <pre><code>&lt;div class=&quot;grid grid-cols-2 gap-3&quot;&gt;
76
- &lt;sonic-input type=&quot;search&quot; label=&quot;Search&quot; placeholder=&quot;Search plane&quot;&gt;
77
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;search&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
78
- &lt;/sonic-input&gt;
79
- &lt;sonic-input type=&quot;number&quot; label=&quot;Amount&quot; placeholder=&quot;0&quot;&gt;
80
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;euro&quot; slot=&quot;suffix&quot;&gt;&lt;/sonic-icon&gt;
81
- &lt;/sonic-input&gt;
82
- &lt;/div&gt;
83
- </code></pre>
84
- <h2 id="inlinecontent">InlineContent</h2>
85
- <pre><code>&lt;div class=&quot;grid grid-cols-2 gap-3&quot;&gt;
86
- &lt;sonic-input inlineContent type=&quot;search&quot; label=&quot;Search icon in input&quot; placeholder=&quot;Search plane&quot;&gt;
87
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;search&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
88
- &lt;/sonic-input&gt;
89
- &lt;sonic-input inlineContent type=&quot;number&quot; label=&quot;Number of seats&quot; placeholder=&quot;0&quot;&gt;
90
- &lt;div slot=&quot;suffix&quot; class=&quot;flex gap-2 items-center&quot;&gt;
91
- &lt;sonic-badge type=&quot;danger&quot; size=&quot;sm&quot;&gt;4 max&lt;/sonic-badge&gt;
92
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;euro&quot; &gt;&lt;/sonic-icon&gt;
93
- &lt;/div&gt;
94
- &lt;/sonic-input&gt;
95
- &lt;/div&gt;
96
- </code></pre>
97
- <h2 id="example-of-use--search--queue">Example of use — search + queue</h2>
98
- <p>Filter with <strong><code>formDataProvider</code></strong> + <strong><code>name=&quot;contains&quot;</code></strong> (mock API: substring on joke text). Caption and rows via Lit (<code>@subscribe</code>, <code>.items</code> on <code>sonic-queue</code>):</p>
99
- <p><docs-lit-demo for="docs-joke-search-demo"></docs-lit-demo></p>
100
- <pre><code>&lt;sonic-input type=&quot;search&quot; placeholder=&quot;Search plane&quot; class=&quot;inline-block&quot;&gt;
101
- &lt;/sonic-input&gt;
102
- &lt;sonic-button type=&quot;danger&quot; label=&quot;Amount&quot; placeholder=&quot;0&quot;&gt;azdazd
103
- &lt;/sonic-button&gt;
104
- </code></pre>
105
- <!-- <sonic-input type="password" inlineContent size="2xl"><span slot="suffix">PLOP</span></sonic-input> -->
106
- </article>
107
- </main>
108
- </body>
109
- </html>
@@ -1,38 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html" data-doc-id="core/components/ui/form/input-autocomplete/input-autocomplete">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Input-autocomplete — Concorde</title>
7
- <meta name="description" content="Champ formulaire + suggestions via queue. Valeur via formDataProvider + name ; la recherche filtre la queue (store interne).">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/input-autocomplete/input-autocomplete, input-autocomplete, Input-autocomplete, UI component, form, sonic-input-autocomplete, web component, formDataProvider, name, .items, serviceURL=&quot;/docs-mock-api/geo/&quot;, nom, code, value, data-keyboard-nav">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/input-autocomplete/input-autocomplete">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.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/input-autocomplete/input-autocomplete.md/input-autocomplete" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Input-autocomplete</strong>. Champ formulaire + suggestions via queue. Valeur via formDataProvider + name ; la recherche filtre la queue (store interne). <span>Doc ID: <code>core/components/ui/form/input-autocomplete/input-autocomplete</code>. Keywords: Concorde, supersoniks, core/components/ui/form/input-autocomplete/input-autocomplete, input-autocomplete, Input-autocomplete, UI component, form, sonic-input-autocomplete, web component, formDataProvider, name, .items, serviceURL=&quot;/docs-mock-api/geo/&quot;, nom, code, value, data-keyboard-nav. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html</a>.</span></p>
19
- <h1 id="input-autocomplete">Input-autocomplete</h1>
20
- <p>Champ formulaire + suggestions via <a href="../../../functional/queue/queue.html#queue">queue</a>. Valeur via <code>formDataProvider</code> + <code>name</code> ; la recherche filtre la queue (store interne).</p>
21
- <p>Rendu des lignes : propriété <strong><code>.items</code></strong> (callback Lit) — voir les démos ci-dessous. Mock : <code>serviceURL=&quot;/docs-mock-api/geo/&quot;</code>.</p>
22
- <h2 id="simple">Simple</h2>
23
- <p><code>name</code> = paramètre de recherche = valeur formulaire.</p>
24
- <p><docs-lit-demo for="docs-input-autocomplete-basic-demo"></docs-lit-demo></p>
25
- <h2 id="valeur--paramètre-de-recherche">Valeur ≠ paramètre de recherche</h2>
26
- <p>Recherche sur <code>nom</code>, valeur formulaire = <code>code</code>. Préremplissage via <code>value</code>.</p>
27
- <p><docs-lit-demo for="docs-input-autocomplete-code-demo"></docs-lit-demo></p>
28
- <h2 id="mode-select">Mode select</h2>
29
- <p>À la fermeture du pop, seule une valeur de la liste (ou vide) est conservée.</p>
30
- <p><docs-lit-demo for="docs-input-autocomplete-select-demo"></docs-lit-demo></p>
31
- <h2 id="navigation-clavier">Navigation clavier</h2>
32
- <p><code>data-keyboard-nav</code> sur le champ et les items (flèches haut / bas).</p>
33
- <p><docs-lit-demo for="docs-input-autocomplete-keyboard-demo"></docs-lit-demo></p>
34
-
35
- </article>
36
- </main>
37
- </body>
38
- </html>
@@ -1,56 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/radio/radio.html" data-doc-id="core/components/ui/form/radio/radio">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Radio — Concorde</title>
7
- <meta name="description" content="&gt;Already checked radio">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/radio/radio, radio, Radio, UI component, form, sonic-radio, web component, blacklistFlags">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/radio/radio">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/radio/radio.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/radio/radio.md/radio" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Radio</strong>. &gt;Already checked radio <span>Doc ID: <code>core/components/ui/form/radio/radio</code>. Keywords: Concorde, supersoniks, core/components/ui/form/radio/radio, radio, Radio, UI component, form, sonic-radio, web component, blacklistFlags. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/radio/radio.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/radio/radio.html</a>.</span></p>
19
- <h1 id="radio">Radio</h1>
20
- <h2 id="size">Size</h2>
21
- <pre><code>&lt;div class=&quot;grid gap-2&quot; formDataProvider=&quot;radioSizeExemple&quot;&gt;
22
- &lt;sonic-radio name=&quot;size&quot; value=&quot;2xs&quot; size=&quot;2xs&quot;&gt;2xs radio&lt;/sonic-radio&gt;
23
- &lt;sonic-radio name=&quot;size&quot; value=&quot;xs&quot; size=&quot;xs&quot;&gt;xs radio&lt;/sonic-radio&gt;
24
- &lt;sonic-radio name=&quot;size&quot; value=&quot;sm&quot; size=&quot;sm&quot;&gt;sm radio&lt;/sonic-radio&gt;
25
- &lt;sonic-radio name=&quot;size&quot; value=&quot;default&quot; &gt;default radio&lt;/sonic-radio&gt;
26
- &lt;sonic-radio name=&quot;size&quot; value=&quot;lg&quot; size=&quot;lg&quot;&gt;lg radio&lt;/sonic-radio&gt;
27
- &lt;sonic-radio name=&quot;size&quot; value=&quot;xl&quot; size=&quot;xl&quot;&gt;xl radio&lt;/sonic-radio&gt;
28
- &lt;sonic-radio name=&quot;size&quot; value=&quot;2xl&quot; size=&quot;2xl&quot;&gt;2xl radio&lt;/sonic-radio&gt;
29
- &lt;/div&gt;
30
- </code></pre>
31
- <h2 id="checked">Checked</h2>
32
- <pre><code>&lt;sonic-radio checked
33
- &gt;Already checked radio
34
- &lt;/sonic-radio&gt;
35
- </code></pre>
36
- <h2 id="disabled">Disabled</h2>
37
- <pre><code>&lt;sonic-radio disabled
38
- &gt;Disabled radio
39
- &lt;/sonic-radio&gt;
40
- </code></pre>
41
- <h2 id="disabled-and-checked">Disabled and checked</h2>
42
- <pre><code>&lt;sonic-radio disabled checked
43
- &gt;Disabled but already checked radio
44
- &lt;/sonic-radio&gt;
45
- </code></pre>
46
- <h2 id="radio-with-link">radio with link</h2>
47
- <pre><code>&lt;sonic-radio name=&quot;link&quot; value=&quot;link&quot;&gt;radio 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="example-of-use--blacklist--queue">Example of use — blacklist + queue</h2>
50
- <p>Same mock filter as <a href="../checkbox/checkbox.html#checkbox">Checkbox</a> (<code>blacklistFlags</code> query param). Radio sends <strong>one</strong> flag at a time.</p>
51
- <p><docs-lit-demo for="docs-joke-blacklist-radio-demo"></docs-lit-demo></p>
52
-
53
- </article>
54
- </main>
55
- </body>
56
- </html>
@@ -1,73 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/select/select.html" data-doc-id="core/components/ui/form/select/select">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Select — Concorde</title>
7
- <meta name="description" content="{&quot;value&quot;:&quot;dark&quot;, &quot;wording&quot;:&quot;dark (set by \&quot;attribute\&quot;)&quot;, &quot;selected&quot; : &quot;true&quot;}, {&quot;value&quot;:&quot;auto&quot;, &quot;wording&quot;:&quot;auto&quot;}">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/select/select, select, Select, UI component, form, sonic-select, web component, name=&quot;lang&quot;, ?lang=fr|en, filterDocsJokes, contains">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/select/select">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/select/select.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/select/select.md/select" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Select</strong>. {&quot;value&quot;:&quot;dark&quot;, &quot;wording&quot;:&quot;dark (set by \&quot;attribute\&quot;)&quot;, &quot;selected&quot; : &quot;true&quot;}, {&quot;value&quot;:&quot;auto&quot;, &quot;wording&quot;:&quot;auto&quot;} <span>Doc ID: <code>core/components/ui/form/select/select</code>. Keywords: Concorde, supersoniks, core/components/ui/form/select/select, select, Select, UI component, form, sonic-select, web component, name=&quot;lang&quot;, ?lang=fr|en, filterDocsJokes, contains. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/select/select.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/select/select.html</a>.</span></p>
19
- <h1 id="select">Select</h1>
20
- <h2 id="options">Options</h2>
21
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
22
- &lt;sonic-select&gt;
23
- &lt;option value=&quot;&quot;&gt;No Selection&lt;/option&gt;
24
- &lt;option value=&quot;1&quot;&gt;One&lt;/option&gt;
25
- &lt;option value=&quot;2&quot; selected&gt;Two (set by &quot;tag&quot;)&lt;/option&gt;
26
- &lt;option value=&quot;3&quot;&gt;Three&lt;/option&gt;
27
- &lt;/sonic-select&gt;
28
- &lt;sonic-select options=&#39;[{&quot;value&quot;:&quot;&quot;, &quot;wording&quot;:&quot;Set options via \&quot;attribute\&quot;&quot;},
29
- {&quot;value&quot;:&quot;dark&quot;, &quot;wording&quot;:&quot;dark (set by \&quot;attribute\&quot;)&quot;, &quot;selected&quot; : &quot;true&quot;}, {&quot;value&quot;:&quot;auto&quot;, &quot;wording&quot;:&quot;auto&quot;}
30
- ]&#39;&gt;
31
- &lt;/sonic-select&gt;
32
- &lt;/div&gt;
33
- </code></pre>
34
- <h2 id="size">Size</h2>
35
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
36
- &lt;sonic-select size=&quot;2xs&quot;&gt;&lt;option&gt;2xs&lt;/option&gt;&lt;/sonic-select&gt;
37
- &lt;sonic-select size=&quot;xs&quot;&gt;&lt;option&gt;xs&lt;/option&gt;&lt;/sonic-select&gt;
38
- &lt;sonic-select size=&quot;sm&quot;&gt;&lt;option&gt;sm&lt;/option&gt;&lt;/sonic-select&gt;
39
- &lt;sonic-select size=&quot;md&quot;&gt;&lt;option&gt;md&lt;/option&gt;&lt;/sonic-select&gt;
40
- &lt;sonic-select size=&quot;default&quot;&gt;&lt;option&gt;default&lt;/option&gt;&lt;/sonic-select&gt;
41
- &lt;sonic-select size=&quot;lg&quot;&gt;&lt;option&gt;lg&lt;/option&gt;&lt;/sonic-select&gt;
42
- &lt;sonic-select size=&quot;xl&quot;&gt;&lt;option&gt;xl&lt;/option&gt;&lt;/sonic-select&gt;
43
- &lt;sonic-select size=&quot;2xl&quot;&gt;&lt;option&gt;2xl&lt;/option&gt;&lt;/sonic-select&gt;
44
- &lt;/div&gt;
45
- </code></pre>
46
- <h2 id="multiple">Multiple</h2>
47
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
48
- &lt;sonic-select multiple&gt;
49
- &lt;option value=&quot;&quot;&gt;Choose a number&lt;/option&gt;
50
- &lt;option value=&quot;1&quot;&gt;One&lt;/option&gt;
51
- &lt;option value=&quot;2&quot;&gt;Two&lt;/option&gt;
52
- &lt;option value=&quot;3&quot;&gt;Three&lt;/option&gt;
53
- &lt;/sonic-select&gt;
54
- &lt;/div&gt;
55
- </code></pre>
56
- <h2 id="disabled">Disabled</h2>
57
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
58
- &lt;sonic-select disabled&gt;
59
- &lt;option value=&quot;&quot;&gt;Choose a number&lt;/option&gt;
60
- &lt;option value=&quot;1&quot;&gt;One&lt;/option&gt;
61
- &lt;option value=&quot;2&quot;&gt;Two&lt;/option&gt;
62
- &lt;option value=&quot;3&quot;&gt;Three&lt;/option&gt;
63
- &lt;/sonic-select&gt;
64
- &lt;/div&gt;
65
- </code></pre>
66
- <h2 id="example-of-use--language-filter--queue">Example of use — language filter + queue</h2>
67
- <p><strong><code>name=&quot;lang&quot;</code></strong> is sent as <code>?lang=fr|en</code> to the <a href="../../../../../docs/_misc/docs-mock-api.html#docs-mock-api">doc mock API</a> (<code>filterDocsJokes</code>). Same pattern as <a href="../input/input.html#input">Input</a> (<code>contains</code>):</p>
68
- <p><docs-lit-demo for="docs-joke-lang-demo"></docs-lit-demo></p>
69
-
70
- </article>
71
- </main>
72
- </body>
73
- </html>
@@ -1,56 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/switch/switch.html" data-doc-id="core/components/ui/form/switch/switch">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Switch — Concorde</title>
7
- <meta name="description" content="&gt;Already checked switch">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/switch/switch, switch, Switch, UI component, form, sonic-switch, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/switch/switch">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/switch/switch.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/switch/switch.md/switch" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Switch</strong>. &gt;Already checked switch <span>Doc ID: <code>core/components/ui/form/switch/switch</code>. Keywords: Concorde, supersoniks, core/components/ui/form/switch/switch, switch, Switch, UI component, form, sonic-switch, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/switch/switch.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/switch/switch.html</a>.</span></p>
19
- <h1 id="switch">Switch</h1>
20
- <h2 id="size">Size</h2>
21
- <pre><code>&lt;div class=&quot;grid gap-2&quot; formDataProvider=&quot;switchSizeExemple&quot;&gt;
22
- &lt;sonic-switch name=&quot;size2xs&quot; value=&quot;2xs&quot; size=&quot;2xs&quot;&gt;2xs switch&lt;/sonic-switch&gt;
23
- &lt;sonic-switch name=&quot;sizexs&quot; value=&quot;xs&quot; size=&quot;xs&quot;&gt;xs switch&lt;/sonic-switch&gt;
24
- &lt;sonic-switch name=&quot;sizesm&quot; value=&quot;sm&quot; size=&quot;sm&quot;&gt;sm switch&lt;/sonic-switch&gt;
25
- &lt;sonic-switch name=&quot;size&quot; value=&quot;default&quot; &gt;default switch&lt;/sonic-switch&gt;
26
- &lt;sonic-switch name=&quot;sizelg&quot; value=&quot;lg&quot; size=&quot;lg&quot;&gt;lg switch&lt;/sonic-switch&gt;
27
- &lt;sonic-switch name=&quot;sizexl&quot; value=&quot;xl&quot; size=&quot;xl&quot;&gt;xl switch&lt;/sonic-switch&gt;
28
- &lt;sonic-switch name=&quot;size2xl&quot; value=&quot;2xl&quot; size=&quot;2xl&quot;&gt;2xl switch&lt;/sonic-switch&gt;
29
- &lt;/div&gt;
30
- </code></pre>
31
- <h2 id="checked">Checked</h2>
32
- <pre><code>&lt;sonic-switch checked
33
- &gt;Already checked switch
34
- &lt;/sonic-switch&gt;
35
- </code></pre>
36
- <h2 id="disabled">Disabled</h2>
37
- <pre><code>&lt;sonic-switch disabled
38
- &gt;Disabled switch
39
- &lt;/sonic-switch&gt;
40
- </code></pre>
41
- <h2 id="disabled-and-checked">Disabled and checked</h2>
42
- <pre><code>&lt;sonic-switch disabled checked
43
- &gt;Disabled but already checked switch
44
- &lt;/sonic-switch&gt;
45
- </code></pre>
46
- <h2 id="switch-with-link">switch with link</h2>
47
- <pre><code>&lt;sonic-switch name=&quot;link&quot; value=&quot;link&quot;&gt;switch 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="example-of-use--blacklist--queue">Example of use — blacklist + queue</h2>
50
- <p>Same mock filter as <a href="../checkbox/checkbox.html#checkbox">Checkbox</a>; switches can enable several flags (comma-separated in the query).</p>
51
- <p><docs-lit-demo for="docs-joke-blacklist-switch-demo"></docs-lit-demo></p>
52
-
53
- </article>
54
- </main>
55
- </body>
56
- </html>
@@ -1,59 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/textarea/textarea.html" data-doc-id="core/components/ui/form/textarea/textarea">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Textarea — Concorde</title>
7
- <meta name="description" content="Native attibutes list">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/textarea/textarea, textarea, Textarea, UI component, form, sonic-textarea, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/textarea/textarea">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/textarea/textarea.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/textarea/textarea.md/textarea" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Textarea</strong>. Native attibutes list <span>Doc ID: <code>core/components/ui/form/textarea/textarea</code>. Keywords: Concorde, supersoniks, core/components/ui/form/textarea/textarea, textarea, Textarea, UI component, form, sonic-textarea, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/textarea/textarea.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/textarea/textarea.html</a>.</span></p>
19
- <h1 id="textarea">Textarea</h1>
20
- <sonic-button type="info" size="sm" target="_blank" href="https://www.w3schools.com/tags/tag_textarea.asp#midcontentadcontainer">
21
- <sonic-icon library="iconoir" name="open-new-window" slot="prefix" ></sonic-icon>
22
- Native attibutes list
23
- </sonic-button>
24
-
25
-
26
- <h2 id="label">Label</h2>
27
- <pre><code>&lt;sonic-textarea label=&quot;Label&quot;&gt;&lt;/sonic-textarea&gt;
28
- </code></pre>
29
- <h2 id="placeholder">Placeholder</h2>
30
- <pre><code>&lt;sonic-textarea placeholder=&quot;placeholder&quot;&gt;&lt;/sonic-textarea&gt;
31
- </code></pre>
32
- <h2 id="value">Value</h2>
33
- <pre><code>&lt;sonic-textarea value=&quot;value&quot;&gt;&lt;/sonic-textarea&gt;
34
- </code></pre>
35
- <h2 id="required">Required</h2>
36
- <pre><code>&lt;sonic-textarea required label=&quot;Feedback on blur&quot; placeholder=&quot;required&quot; &gt;&lt;/sonic-textarea&gt;
37
- </code></pre>
38
- <h2 id="rows">Rows</h2>
39
- <pre><code>&lt;sonic-textarea rows=&quot;8&quot;&gt;&lt;/sonic-textarea&gt;
40
- </code></pre>
41
- <h2 id="description">Description</h2>
42
- <pre><code>&lt;sonic-textarea description=&quot;Description goes here&quot; &gt;&lt;/sonic-textarea&gt;
43
- </code></pre>
44
- <h2 id="size">Size</h2>
45
- <pre><code>&lt;div class=&quot;grid gap-4&quot;&gt;
46
- &lt;sonic-textarea size=&quot;2xs&quot; value=&quot;2xs&quot;&gt;&lt;/sonic-textarea&gt;
47
- &lt;sonic-textarea size=&quot;xs&quot; value=&quot;xs&quot;&gt;&lt;/sonic-textarea&gt;
48
- &lt;sonic-textarea size=&quot;sm&quot; value=&quot;sm&quot;&gt;&lt;/sonic-textarea&gt;
49
- &lt;sonic-textarea value=&quot;md / default&quot;&gt;&lt;/sonic-textarea&gt;
50
- &lt;sonic-textarea size=&quot;lg&quot; value=&quot;lg&quot;&gt;&lt;/sonic-textarea&gt;
51
- &lt;sonic-textarea size=&quot;xl&quot; value=&quot;xl&quot;&gt;&lt;/sonic-textarea&gt;
52
- &lt;sonic-textarea size=&quot;2xl&quot; value=&quot;2xl&quot;&gt;&lt;/sonic-textarea&gt;
53
- &lt;/div&gt;
54
- </code></pre>
55
-
56
- </article>
57
- </main>
58
- </body>
59
- </html>