@supersoniks/concorde 5.0.0 → 5.0.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 (287) hide show
  1. package/.gitlab-ci.yml +0 -13
  2. package/build-infos.json +1 -1
  3. package/concorde-core.bundle.js +257 -273
  4. package/concorde-core.es.js +4127 -4039
  5. package/dist/concorde-core.bundle.js +257 -273
  6. package/dist/concorde-core.es.js +4127 -4039
  7. package/gitlab/job_tests.sh +25 -12
  8. package/index.html +1 -1
  9. package/package.json +3 -1
  10. package/scripts/post-build-docs.js +0 -0
  11. package/scripts/post-build.mjs +0 -0
  12. package/src/core/components/functional/fetch/fetch.md +0 -0
  13. package/src/core/components/functional/if/if.md +0 -0
  14. package/src/core/components/functional/list/list.demo.ts +0 -0
  15. package/src/core/components/functional/list/list.md +0 -0
  16. package/src/core/components/functional/list/list.ts +0 -0
  17. package/src/core/components/functional/router/router.md +0 -0
  18. package/src/core/components/functional/router/router.ts +0 -0
  19. package/src/core/components/functional/sdui/sdui.md +0 -0
  20. package/src/core/components/functional/states/states.md +0 -0
  21. package/src/core/components/functional/submit/submit.md +0 -0
  22. package/src/core/components/ui/_css/size.ts +0 -0
  23. package/src/core/components/ui/alert/alert.ts +0 -0
  24. package/src/core/components/ui/button/button.md +0 -0
  25. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  26. package/src/core/components/ui/captcha/captcha.md +0 -0
  27. package/src/core/components/ui/card/card.md +0 -0
  28. package/src/core/components/ui/divider/divider.ts +0 -0
  29. package/src/core/components/ui/form/input/input.md +0 -0
  30. package/src/core/components/ui/form/radio/radio.md +0 -0
  31. package/src/core/components/ui/form/select/select.md +0 -0
  32. package/src/core/components/ui/form/switch/switch.md +0 -0
  33. package/src/core/components/ui/loader/loader.md +0 -0
  34. package/src/core/components/ui/menu/menu.md +0 -0
  35. package/src/core/components/ui/modal/modal-close.ts +0 -0
  36. package/src/core/components/ui/modal/modal.md +0 -0
  37. package/src/core/components/ui/pop/pop.md +103 -1
  38. package/src/core/components/ui/pop/pop.ts +70 -115
  39. package/src/core/components/ui/table/table-caption.ts +0 -0
  40. package/src/core/components/ui/table/table.md +0 -0
  41. package/src/core/components/ui/theme/theme.ts +1 -1
  42. package/src/core/components/ui/tooltip/tooltip.ts +178 -154
  43. package/src/core/utils/positioning.spec.ts +180 -0
  44. package/src/core/utils/positioning.ts +164 -0
  45. package/src/core/utils/route.ts +0 -0
  46. package/src/directives.ts +2 -3
  47. package/src/docs/_core-concept/subscriber.md +0 -0
  48. package/src/docs/_getting-started/concorde-outside.md +0 -0
  49. package/src/docs/_getting-started/my-first-subscriber.md +0 -0
  50. package/src/docs/_getting-started/pubsub.md +0 -0
  51. package/src/docs/_getting-started/start.md +0 -0
  52. package/src/docs/example/users.ts +0 -0
  53. package/src/docs/search/docs-search.json +90 -0
  54. package/src/docs/search/page.ts +0 -0
  55. package/src/docs/tailwind/css/tailwind.css +7 -6
  56. package/src/tsconfig.json +387 -381
  57. package/src/tsconfig.tsbuildinfo +1 -1
  58. package/vitest.setup.ts +49 -13
  59. package/.github/workflows/ci.yml +0 -21
  60. package/.github-export-ignore +0 -30
  61. package/CONTRIBUTING.md +0 -59
  62. package/DEV.md +0 -54
  63. package/LICENSE +0 -21
  64. package/OPEN_SOURCE_CHECKPOINT.md +0 -133
  65. package/concorde-3d.bundle.js +0 -3960
  66. package/concorde-3d.es.js +0 -33433
  67. package/concorde-hugging-face-infer.bundle.js +0 -32
  68. package/concorde-hugging-face-infer.es.js +0 -2952
  69. package/concorde-shader.bundle.js +0 -116
  70. package/concorde-shader.es.js +0 -8353
  71. package/concorde-webgpu.bundle.js +0 -307
  72. package/concorde-webgpu.es.js +0 -8627
  73. package/docs/altcha-widget.js +0 -2662
  74. package/docs/assets/index-BZiZXMU-.css +0 -1
  75. package/docs/assets/index-FmK4JaIM.js +0 -11992
  76. package/docs/crawl/core/components/functional/date/date.html +0 -190
  77. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  78. package/docs/crawl/core/components/functional/if/if.html +0 -27
  79. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  80. package/docs/crawl/core/components/functional/list/list.html +0 -70
  81. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  82. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  83. package/docs/crawl/core/components/functional/router/router.html +0 -106
  84. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  85. package/docs/crawl/core/components/functional/states/states.html +0 -66
  86. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  87. package/docs/crawl/core/components/functional/subscriber/subscriber.html +0 -67
  88. package/docs/crawl/core/components/functional/value/value.html +0 -51
  89. package/docs/crawl/core/components/ui/alert/alert.html +0 -110
  90. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -23
  91. package/docs/crawl/core/components/ui/badge/badge.html +0 -119
  92. package/docs/crawl/core/components/ui/button/button.html +0 -149
  93. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -30
  94. package/docs/crawl/core/components/ui/card/card.html +0 -99
  95. package/docs/crawl/core/components/ui/divider/divider.html +0 -58
  96. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  97. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -135
  98. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -79
  99. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -62
  100. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  101. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -106
  102. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  103. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  104. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  105. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  106. package/docs/crawl/core/components/ui/group/group.html +0 -82
  107. package/docs/crawl/core/components/ui/icon/icon.html +0 -133
  108. package/docs/crawl/core/components/ui/image/image.html +0 -110
  109. package/docs/crawl/core/components/ui/link/link.html +0 -42
  110. package/docs/crawl/core/components/ui/loader/loader.html +0 -50
  111. package/docs/crawl/core/components/ui/menu/menu.html +0 -322
  112. package/docs/crawl/core/components/ui/modal/modal.html +0 -117
  113. package/docs/crawl/core/components/ui/pop/pop.html +0 -102
  114. package/docs/crawl/core/components/ui/progress/progress.html +0 -58
  115. package/docs/crawl/core/components/ui/table/table.html +0 -413
  116. package/docs/crawl/core/components/ui/toast/toast.html +0 -122
  117. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -79
  118. package/docs/crawl/docs/_core-concept/dataFlow.html +0 -177
  119. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  120. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  121. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -116
  122. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  123. package/docs/crawl/docs/_decorators/bind.html +0 -141
  124. package/docs/crawl/docs/_decorators/get.html +0 -149
  125. package/docs/crawl/docs/_decorators/handle.html +0 -165
  126. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  127. package/docs/crawl/docs/_decorators/patch.html +0 -78
  128. package/docs/crawl/docs/_decorators/post.html +0 -139
  129. package/docs/crawl/docs/_decorators/publish.html +0 -61
  130. package/docs/crawl/docs/_decorators/put.html +0 -78
  131. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  132. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  133. package/docs/crawl/docs/_directives/sub.html +0 -93
  134. package/docs/crawl/docs/_getting-started/ai-agents.html +0 -173
  135. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  136. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  137. package/docs/crawl/docs/_getting-started/create-a-component.html +0 -111
  138. package/docs/crawl/docs/_getting-started/my-first-component.html +0 -189
  139. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  140. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  141. package/docs/crawl/docs/_getting-started/start.html +0 -76
  142. package/docs/crawl/docs/_getting-started/theming.html +0 -85
  143. package/docs/crawl/docs/_misc/api-configuration.html +0 -149
  144. package/docs/crawl/docs/_misc/dataProviderKey.html +0 -135
  145. package/docs/crawl/docs/_misc/docs-mock-api.html +0 -158
  146. package/docs/crawl/docs/_misc/dynamic-path.html +0 -180
  147. package/docs/crawl/docs/_misc/endpoint.html +0 -50
  148. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  149. package/docs/crawl/docs/_misc/html-integration.html +0 -48
  150. package/docs/crawl/hubs/decorators.html +0 -547
  151. package/docs/crawl/hubs/form-components.html +0 -357
  152. package/docs/crawl/hubs/remote-data.html +0 -452
  153. package/docs/crawl/index.html +0 -101
  154. package/docs/css/docs.css +0 -0
  155. package/docs/docs-mock-api-sw.js +0 -720
  156. package/docs/docs-mock-api-sw.js.map +0 -7
  157. package/docs/fonts/ClashGrotesk-Bold.eot +0 -0
  158. package/docs/fonts/ClashGrotesk-Bold.ttf +0 -0
  159. package/docs/fonts/ClashGrotesk-Bold.woff +0 -0
  160. package/docs/fonts/ClashGrotesk-Bold.woff2 +0 -0
  161. package/docs/fonts/ClashGrotesk-Extralight.eot +0 -0
  162. package/docs/fonts/ClashGrotesk-Extralight.ttf +0 -0
  163. package/docs/fonts/ClashGrotesk-Extralight.woff +0 -0
  164. package/docs/fonts/ClashGrotesk-Extralight.woff2 +0 -0
  165. package/docs/fonts/ClashGrotesk-Light.eot +0 -0
  166. package/docs/fonts/ClashGrotesk-Light.ttf +0 -0
  167. package/docs/fonts/ClashGrotesk-Light.woff +0 -0
  168. package/docs/fonts/ClashGrotesk-Light.woff2 +0 -0
  169. package/docs/fonts/ClashGrotesk-Medium.eot +0 -0
  170. package/docs/fonts/ClashGrotesk-Medium.ttf +0 -0
  171. package/docs/fonts/ClashGrotesk-Medium.woff +0 -0
  172. package/docs/fonts/ClashGrotesk-Medium.woff2 +0 -0
  173. package/docs/fonts/ClashGrotesk-Regular.eot +0 -0
  174. package/docs/fonts/ClashGrotesk-Regular.ttf +0 -0
  175. package/docs/fonts/ClashGrotesk-Regular.woff +0 -0
  176. package/docs/fonts/ClashGrotesk-Regular.woff2 +0 -0
  177. package/docs/fonts/ClashGrotesk-Semibold.eot +0 -0
  178. package/docs/fonts/ClashGrotesk-Semibold.ttf +0 -0
  179. package/docs/fonts/ClashGrotesk-Semibold.woff +0 -0
  180. package/docs/fonts/ClashGrotesk-Semibold.woff2 +0 -0
  181. package/docs/fonts/ClashGrotesk-Variable.eot +0 -0
  182. package/docs/fonts/ClashGrotesk-Variable.ttf +0 -0
  183. package/docs/fonts/ClashGrotesk-Variable.woff +0 -0
  184. package/docs/fonts/ClashGrotesk-Variable.woff2 +0 -0
  185. package/docs/img/concorde-icon.svg +0 -5
  186. package/docs/img/concorde-logo.svg +0 -1
  187. package/docs/img/concorde.png +0 -0
  188. package/docs/img/concorde_def.png +0 -0
  189. package/docs/img/concorde_seuil.png.webp +0 -0
  190. package/docs/img/concorde_seuil_invert.png +0 -0
  191. package/docs/img/paul_metrand.jpg +0 -0
  192. package/docs/img/paul_metrand_xs.jpg +0 -0
  193. package/docs/index.html +0 -93
  194. package/docs/llms-full.txt +0 -5787
  195. package/docs/llms.txt +0 -104
  196. package/docs/robots.txt +0 -16
  197. package/docs/sitemap.xml +0 -237
  198. package/docs/src/core/components/functional/date/date.md +0 -290
  199. package/docs/src/core/components/functional/fetch/fetch.md +0 -125
  200. package/docs/src/core/components/functional/if/if.md +0 -9
  201. package/docs/src/core/components/functional/jsonata/jsonata.md +0 -56
  202. package/docs/src/core/components/functional/list/list.md +0 -65
  203. package/docs/src/core/components/functional/mix/mix.md +0 -41
  204. package/docs/src/core/components/functional/queue/queue.md +0 -72
  205. package/docs/src/core/components/functional/router/router.md +0 -94
  206. package/docs/src/core/components/functional/sdui/default-library.json +0 -108
  207. package/docs/src/core/components/functional/sdui/example.json +0 -99
  208. package/docs/src/core/components/functional/sdui/sdui.md +0 -356
  209. package/docs/src/core/components/functional/states/states.md +0 -87
  210. package/docs/src/core/components/functional/submit/submit.md +0 -114
  211. package/docs/src/core/components/functional/subscriber/subscriber.md +0 -91
  212. package/docs/src/core/components/functional/value/value.md +0 -35
  213. package/docs/src/core/components/ui/alert/alert.md +0 -121
  214. package/docs/src/core/components/ui/alert-messages/alert-messages.md +0 -0
  215. package/docs/src/core/components/ui/badge/badge.md +0 -127
  216. package/docs/src/core/components/ui/button/button.md +0 -182
  217. package/docs/src/core/components/ui/captcha/captcha.md +0 -12
  218. package/docs/src/core/components/ui/card/card.md +0 -97
  219. package/docs/src/core/components/ui/divider/divider.md +0 -35
  220. package/docs/src/core/components/ui/form/checkbox/checkbox.md +0 -77
  221. package/docs/src/core/components/ui/form/fieldset/fieldset.md +0 -129
  222. package/docs/src/core/components/ui/form/form-actions/form-actions.md +0 -77
  223. package/docs/src/core/components/ui/form/form-layout/form-layout.md +0 -44
  224. package/docs/src/core/components/ui/form/input/input.md +0 -142
  225. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -133
  226. package/docs/src/core/components/ui/form/radio/radio.md +0 -57
  227. package/docs/src/core/components/ui/form/select/select.md +0 -71
  228. package/docs/src/core/components/ui/form/switch/switch.md +0 -57
  229. package/docs/src/core/components/ui/form/textarea/textarea.md +0 -65
  230. package/docs/src/core/components/ui/group/group.md +0 -75
  231. package/docs/src/core/components/ui/icon/icon.md +0 -125
  232. package/docs/src/core/components/ui/icon/icons.json +0 -1
  233. package/docs/src/core/components/ui/image/image.md +0 -107
  234. package/docs/src/core/components/ui/link/link.md +0 -43
  235. package/docs/src/core/components/ui/loader/loader.md +0 -55
  236. package/docs/src/core/components/ui/menu/menu.md +0 -329
  237. package/docs/src/core/components/ui/modal/modal.md +0 -119
  238. package/docs/src/core/components/ui/pop/pop.md +0 -96
  239. package/docs/src/core/components/ui/progress/progress.md +0 -63
  240. package/docs/src/core/components/ui/table/table.md +0 -455
  241. package/docs/src/core/components/ui/toast/toast.md +0 -166
  242. package/docs/src/core/components/ui/tooltip/tooltip.md +0 -82
  243. package/docs/src/docs/_core-concept/dataFlow.md +0 -88
  244. package/docs/src/docs/_core-concept/overview.md +0 -57
  245. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  246. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -127
  247. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  248. package/docs/src/docs/_decorators/bind.md +0 -167
  249. package/docs/src/docs/_decorators/get.md +0 -162
  250. package/docs/src/docs/_decorators/handle.md +0 -175
  251. package/docs/src/docs/_decorators/on-assign.md +0 -390
  252. package/docs/src/docs/_decorators/patch.md +0 -70
  253. package/docs/src/docs/_decorators/post.md +0 -146
  254. package/docs/src/docs/_decorators/publish.md +0 -55
  255. package/docs/src/docs/_decorators/put.md +0 -70
  256. package/docs/src/docs/_decorators/subscribe.md +0 -100
  257. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  258. package/docs/src/docs/_directives/sub.md +0 -91
  259. package/docs/src/docs/_getting-started/ai-agents.md +0 -76
  260. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  261. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  262. package/docs/src/docs/_getting-started/create-a-component.md +0 -139
  263. package/docs/src/docs/_getting-started/my-first-component.md +0 -236
  264. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  265. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  266. package/docs/src/docs/_getting-started/start.md +0 -47
  267. package/docs/src/docs/_getting-started/theming.md +0 -91
  268. package/docs/src/docs/_misc/api-configuration.md +0 -81
  269. package/docs/src/docs/_misc/dataProviderKey.md +0 -168
  270. package/docs/src/docs/_misc/docs-mock-api.md +0 -63
  271. package/docs/src/docs/_misc/dynamic-path.md +0 -71
  272. package/docs/src/docs/_misc/endpoint.md +0 -45
  273. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  274. package/docs/src/docs/_misc/html-integration.md +0 -15
  275. package/docs/src/docs/search/docs-search.json +0 -9512
  276. package/docs/src/tag-list.json +0 -1
  277. package/docs/src/tsconfig-model.json +0 -23
  278. package/docs/src/tsconfig.declarations.json +0 -22
  279. package/docs/src/tsconfig.emit.json +0 -23
  280. package/docs/src/tsconfig.json +0 -858
  281. package/docs/svg/regular/plane.svg +0 -1
  282. package/docs/svg/solid/plane.svg +0 -1
  283. package/gitlab/job_github_mirror.sh +0 -39
  284. package/scripts/github-export.mjs +0 -150
  285. package/src/css.d.ts +0 -19
  286. package/src/tsconfig.declarations.json +0 -22
  287. package/src/tsconfig.emit.json +0 -23
@@ -1,149 +0,0 @@
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
- </code></pre>
70
- <h2 id="swap">Swap</h2>
71
- <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;
72
- &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;on&quot; name=&quot;eye-empty&quot;&gt;&lt;/sonic-icon&gt;
73
- &lt;sonic-icon library=&quot;iconoir&quot; swap=&quot;off&quot; name=&quot;eye-off&quot;&gt;&lt;/sonic-icon&gt;
74
- &lt;/sonic-button&gt;
75
- &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;
76
- &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;
77
- &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;
78
- Révélez
79
- &lt;span swap=&quot;off&quot;&gt;...&lt;/span&gt;
80
- &lt;span swap=&quot;on&quot;&gt;moi !&lt;/span&gt;
81
- &lt;/sonic-button&gt;
82
- </code></pre>
83
- <h2 id="reset">Reset</h2>
84
- <pre><code>&lt;div formDataProvider=&quot;button-reset-demo&quot; class=&quot;mb-2&quot;&gt;
85
- &lt;sonic-checkbox name=&quot;aChexbox&quot; value=&quot;AValueToSet&quot;&gt;Set A value&lt;/sonic-checkbox&gt;&lt;br&gt;
86
- &lt;sonic-button reset&gt;Reset current formDataProvider&lt;/sonic-button&gt;
87
- &lt;/div&gt;
88
- &lt;sonic-button reset=&quot;button-reset-demo&quot;&gt;Reset formDataProvider by name&lt;/sonic-button&gt;
89
- </code></pre>
90
- <h2 id="goback">GoBack</h2>
91
- <pre><code>&lt;sonic-button goBack type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
92
- &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-left&quot;&gt;&lt;/sonic-icon&gt;
93
- Retour classique
94
- &lt;/sonic-button&gt;
95
- &lt;sonic-button goBack=&quot;http://la-billetterie.net&quot; type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
96
- &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-left&quot;&gt;&lt;/sonic-icon&gt;
97
- Retour url prédéfinie
98
- &lt;/sonic-button&gt;
99
- </code></pre>
100
- <h2 id="button-with-icon">Button with icon</h2>
101
- <pre><code>&lt;sonic-button goBack type=&quot;primary&quot; variant=&quot;outline&quot; class=&quot;mr-4&quot;&gt;
102
- &lt;sonic-icon library=&quot;iconoir&quot; slot=&quot;prefix&quot; name=&quot;arrow-right&quot; &gt;&lt;/sonic-icon&gt;
103
- Button with icon
104
- &lt;/sonic-button&gt;
105
- </code></pre>
106
- <h2 id="button-group">Button group</h2>
107
- <pre><code>&lt;sonic-group label=&quot;Code promo&quot; class=&quot;mr-4&quot;&gt;
108
- &lt;sonic-input placeholder=&quot;Entrez votre code ici...&quot;&gt;&lt;/sonic-input&gt;
109
- &lt;sonic-button type=&quot;primary&quot; shape=&quot;square&quot;&gt;
110
- &lt;sonic-icon library=&quot;iconoir&quot; library=&quot;iconoir&quot; name=&quot;gift&quot;&gt;&lt;/sonic-icon&gt;
111
- &lt;/sonic-button&gt;
112
- &lt;/sonic-group&gt;
113
- &lt;sonic-divider size=&quot;lg&quot;&gt;&lt;/sonic-divider&gt;
114
- &lt;div class=&quot;text-lg mb-2&quot;&gt;Choose a subscription&lt;/div&gt;
115
- &lt;sonic-group formDataProvider=&quot;subscriptionData&quot;&gt;
116
- &lt;sonic-button radio minWidth=&quot;10rem&quot; name=&quot;subscription&quot; value=&quot;standard&quot; type=&quot;default&quot;
117
- &gt;😎 Standard&lt;/sonic-button
118
- &gt;
119
- &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;
120
- &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;
121
- &lt;/sonic-group&gt;
122
- </code></pre>
123
- <h2 id="aria-label">Aria-label</h2>
124
- <pre><code>&lt;sonic-button data-aria-label=&quot;Custom aria label&quot; type=&quot;primary&quot; &gt;
125
- Button with aria label
126
- &lt;/sonic-button&gt;
127
- &lt;sonic-button data-aria-label=&quot;Custom aria label&quot; href=&quot;https://google.fr&quot; type=&quot;primary&quot; &gt;
128
- Button link with aria label
129
- &lt;/sonic-button&gt;
130
- </code></pre>
131
- <h2 id="custom-styles--active-states-with-tailwind">Custom styles &amp; active states with tailwind</h2>
132
- <pre><code>&lt;div formDataProvider=&quot;subscriptionData2&quot;&gt;
133
- &lt;sonic-button
134
- 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;
135
- variant=&quot;unstyled&quot;
136
- checkable unique
137
- name=&quot;subscription&quot;
138
- value=&quot;premium&quot;
139
- type=&quot;default&quot;&gt;
140
- &lt;span swap=&quot;off&quot; class=&quot;inline-block py-2 px-3&quot; &gt;subscribe&lt;/span&gt;
141
- &lt;span swap=&quot;on&quot; class=&quot;inline-block py-2 px-3&quot; &gt;⭐ Premium&lt;/span&gt;
142
- &lt;/sonic-button&gt;
143
- &lt;/div&gt;
144
- </code></pre>
145
-
146
- </article>
147
- </main>
148
- </body>
149
- </html>
@@ -1,30 +0,0 @@
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="Captcha: Submit with captcha">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/captcha/captcha, captcha, Captcha, UI component, sonic-captcha, web component">
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>. Captcha: Submit with captcha <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. 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
- <pre><code>&lt;sonic-captcha formDataProvider=&quot;captchaTestDataProvider&quot; key=&quot;6Leq5V0iAAAAAB-41DlWN335jDlcIuXmhNtdd00t&quot;&gt;
21
- &lt;sonic-submit serviceURL=&quot;/docs-mock-api&quot; endPoint=&quot;api/unknown&quot; onclick&gt;
22
- &lt;sonic-button class=&quot;mt-4&quot;&gt;Submit with captcha&lt;/sonic-button&gt;
23
- &lt;/sonic-submit&gt;
24
- &lt;/sonic-captcha&gt;
25
- </code></pre>
26
-
27
- </article>
28
- </main>
29
- </body>
30
- </html>
@@ -1,99 +0,0 @@
1
- <!DOCTYPE html>
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
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Card — Concorde</title>
7
- <meta name="description" content="Suffix">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/card/card, card, Card, UI component, sonic-card, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/card/card">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/card/card.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/card/card.md/card" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Card</strong>. Suffix <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. 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>
19
- <h1 id="card">Card</h1>
20
- <h2 id="type">Type</h2>
21
- <pre><code>&lt;div class=&quot;grid grid-cols-3 gap-3&quot;&gt;
22
- &lt;sonic-card type=&quot;base&quot;&gt;Base&lt;/sonic-card&gt;
23
- &lt;sonic-card type=&quot;light&quot;&gt;Light&lt;/sonic-card&gt;
24
- &lt;sonic-card type=&quot;primary&quot;&gt;Primary&lt;/sonic-card&gt;
25
- &lt;sonic-card type=&quot;warning&quot;&gt;Warning&lt;/sonic-card&gt;
26
- &lt;sonic-card type=&quot;danger&quot;&gt;Danger&lt;/sonic-card&gt;
27
- &lt;sonic-card type=&quot;success&quot;&gt;Success&lt;/sonic-card&gt;
28
- &lt;sonic-card type=&quot;info&quot;&gt;Info&lt;/sonic-card&gt;
29
- &lt;sonic-card type=&quot;neutral&quot;&gt;Neutral&lt;/sonic-card&gt;
30
- &lt;sonic-card type=&quot;invert&quot;&gt;Invert&lt;/sonic-card&gt;
31
- &lt;/div&gt;
32
- </code></pre>
33
- <h2 id="header">Header</h2>
34
- <pre><code>&lt;div class=&quot;grid grid-cols-1 gap-3&quot;&gt;
35
- &lt;sonic-card &gt;
36
- &lt;sonic-card-header label=&quot;Header simple, titre géré via l&#39;attribut : label&quot; description=&quot;Description via l&#39;attribut : description&quot;&gt;
37
- &lt;/sonic-card-header&gt;
38
- &lt;/sonic-card&gt;
39
- &lt;sonic-card type=&quot;neutral&quot;&gt;
40
- &lt;sonic-card-header label=&quot;Header composé&quot;&gt;
41
- &lt;sonic-card-header-description&gt;Description rendu via le composant : &quot;sonic-card-header-description&quot;&lt;/sonic-card-header-description&gt;
42
- &lt;div slot=&quot;suffix&quot; class=&quot;flex&quot;&gt;
43
- Suffix
44
- &lt;/div&gt;
45
- &lt;/sonic-card-header&gt;
46
- &lt;/sonic-card&gt;
47
- &lt;sonic-card type=&quot;invert&quot;&gt;
48
- &lt;sonic-card-header&gt;
49
- &lt;div&gt;Header custom&lt;/div&gt;
50
- &lt;div class=&quot;text-lg text-danger&quot;&gt;Tout le contenu excepté l&#39;icône ✈ passe par le slot du header&lt;/div&gt;
51
- &lt;span slot=&quot;suffix&quot; &gt;✈&lt;/span&gt;
52
- &lt;/sonic-card-header&gt;
53
- &lt;/sonic-card&gt;
54
- &lt;/div&gt;
55
- </code></pre>
56
- <h2 id="main">Main</h2>
57
- <pre><code>&lt;sonic-card &gt;
58
- &lt;sonic-card-main &gt;
59
- &lt;h3&gt;Main area&lt;/h3&gt;
60
- &lt;p&gt;Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iure id dolor debitis deleniti eligendi natus dolorem a commodi sunt dicta? Ipsa asperiores magni consequuntur dolor voluptatibus. Maxime, nemo? Facere, odio.&lt;/p&gt;
61
- &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/aqz-KE-bpKQ&quot; title=&quot;Big Buck Bunny (Blender Foundation)&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;
62
- &lt;/sonic-card-main&gt;
63
- &lt;/sonic-card&gt;
64
- </code></pre>
65
- <h2 id="footer">Footer</h2>
66
- <pre><code>&lt;sonic-card &gt;
67
- &lt;sonic-card-footer &gt;
68
- &lt;div &gt;
69
- &lt;h4 class=&quot;mb-0&quot;&gt;Footer area&lt;/h4&gt;
70
- &lt;small&gt;Debitis deleniti eligendi natus dolorem aufdh.&lt;/small&gt;
71
- &lt;div&gt;
72
- 🛫 ✈ ✈ ✈ ✈ ✈ 🛬
73
- &lt;/div&gt;
74
- &lt;/div&gt;
75
- &lt;/sonic-card-footer&gt;
76
- &lt;/sonic-card&gt;
77
- </code></pre>
78
- <h2 id="example-of-use">Example of use</h2>
79
- <pre><code>&lt;sonic-card &gt;
80
- &lt;sonic-card-header label=&quot;Header&quot; description=&quot;Header description&quot;&gt;
81
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;nav-arrow-right&quot; slot=&quot;suffix&quot; &gt;&lt;/sonic-icon&gt;
82
- &lt;/sonic-card-header&gt;
83
- &lt;sonic-card-main &gt;
84
- &lt;sonic-image rounded ratio=&quot;11/4&quot; src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;&gt;
85
- &lt;/sonic-image&gt;
86
- &lt;p&gt;&lt;b&gt;Main&lt;/b&gt; - Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iure id dolor debitis deleniti eligendi natus dolorem a commodi sunt dicta? Ipsa asperiores magni consequuntur dolor voluptatibus. Maxime, nemo? Facere, odio.&lt;/p&gt;
87
- &lt;/sonic-card-main&gt;
88
- &lt;sonic-card-footer&gt;
89
- &lt;div&gt;
90
- &lt;i&gt;Footer&lt;/i&gt; - Amet consectetur adipisicing
91
- &lt;/div&gt;
92
- &lt;/sonic-card-footer&gt;
93
- &lt;/sonic-card&gt;
94
- </code></pre>
95
-
96
- </article>
97
- </main>
98
- </body>
99
- </html>
@@ -1,58 +0,0 @@
1
- <!DOCTYPE html>
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
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Divider — Concorde</title>
7
- <meta name="description" content="Default
8
-
9
- Align
10
-
11
- Size
12
-
13
- Custom
14
-
15
- Lorem ipsum dolor sit amet +25">
16
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/divider/divider, divider, Divider, UI component, sonic-divider, web component">
17
- <meta name="concorde-doc-id" content="core/components/ui/divider/divider">
18
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/divider/divider.html">
19
- </head>
20
- <body>
21
- <header>
22
- <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>
23
- </header>
24
- <main>
25
- <article>
26
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Divider</strong>. Default
27
-
28
- Align
29
-
30
- Size
31
-
32
- Custom
33
-
34
- Lorem ipsum dolor sit amet +25 <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. 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>
35
- <h1 id="divider">Divider</h1>
36
- <h2 id="default">Default</h2>
37
- <pre><code>&lt;sonic-divider&gt;&lt;/sonic-divider&gt;
38
- </code></pre>
39
- <h2 id="align">Align</h2>
40
- <pre><code>&lt;sonic-divider label=&quot;Default centered label&quot;&gt;&lt;/sonic-divider&gt;
41
- &lt;sonic-divider label=&quot;Right&quot; align=&quot;right&quot;&gt;&lt;/sonic-divider&gt;
42
- &lt;sonic-divider label=&quot;Center&quot; align=&quot;center&quot;&gt;&lt;/sonic-divider&gt;
43
- &lt;sonic-divider label=&quot;Left&quot; align=&quot;left&quot;&gt;&lt;/sonic-divider&gt;
44
- </code></pre>
45
- <h2 id="size">Size</h2>
46
- <pre><code>&lt;sonic-divider size=&quot;xs&quot; label=&quot;xs&quot;&gt;&lt;/sonic-divider&gt;
47
- &lt;sonic-divider size=&quot;sm&quot; label=&quot;sm&quot;&gt;&lt;/sonic-divider&gt;
48
- &lt;sonic-divider size=&quot;md&quot; label=&quot;md&quot;&gt;&lt;/sonic-divider&gt;
49
- &lt;sonic-divider size=&quot;lg&quot; label=&quot;lg&quot;&gt;&lt;/sonic-divider&gt;
50
- </code></pre>
51
- <h2 id="custom">Custom</h2>
52
- <pre><code>&lt;sonic-divider&gt;&lt;span class=&quot;mr-2&quot;&gt;Lorem ipsum dolor sit amet&lt;/span&gt;&lt;sonic-badge type=&quot;danger&quot;&gt;+25&lt;/sonic-badge&gt;&lt;/sonic-divider&gt;
53
- </code></pre>
54
-
55
- </article>
56
- </main>
57
- </body>
58
- </html>
@@ -1,73 +0,0 @@
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>
@@ -1,135 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.html" data-doc-id="core/components/ui/form/fieldset/fieldset">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Fieldset — Concorde</title>
7
- <meta name="description" content="Default">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/form/fieldset/fieldset, fieldset, Fieldset, UI component, form, sonic-fieldset, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/form/fieldset/fieldset">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.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/fieldset/fieldset.md/fieldset" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Fieldset</strong>. Default <span>Doc ID: <code>core/components/ui/form/fieldset/fieldset</code>. Keywords: Concorde, supersoniks, core/components/ui/form/fieldset/fieldset, fieldset, Fieldset, UI component, form, sonic-fieldset, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.html">https://concorde.supersoniks.org/crawl/core/components/ui/form/fieldset/fieldset.html</a>.</span></p>
19
- <h1 id="fieldset">Fieldset</h1>
20
- <h2 id="variant">Variant</h2>
21
- <pre><code>&lt;sonic-fieldset variant=&quot;default&quot; &gt;
22
- Default
23
- &lt;/sonic-fieldset&gt;
24
- &lt;sonic-fieldset variant=&quot;ghost&quot; &gt;
25
- Ghost
26
- &lt;/sonic-fieldset&gt;
27
- &lt;sonic-fieldset variant=&quot;shadow&quot; &gt;
28
- Shadow
29
- &lt;/sonic-fieldset&gt;
30
- </code></pre>
31
- <h2 id="legend">Legend</h2>
32
- <pre><code>&lt;sonic-fieldset&gt;
33
- &lt;sonic-legend label=&quot;Legend via attribut : label&quot; description=&quot;Description via attribut : description&quot;&gt;
34
- &lt;/sonic-legend&gt;
35
- &lt;/sonic-fieldset&gt;
36
- &lt;sonic-fieldset&gt;
37
- &lt;sonic-legend iconLibrary=&quot;iconoir&quot; iconName=&quot;pin-alt&quot;&gt;
38
- Custom legend via &lt;b&gt;slot&lt;/b&gt;
39
- &lt;sonic-legend-description&gt;
40
- Description via composant : sonic-legend-description
41
- &lt;/sonic-legend-description&gt;
42
- &lt;/sonic-legend&gt;
43
- &lt;/sonic-fieldset&gt;
44
- </code></pre>
45
- <h2 id="short-hand">Short hand</h2>
46
- <pre><code>&lt;sonic-fieldset
47
- label=&quot;All props on fieldset tag&quot;
48
- description=&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit&quot;
49
- iconLibrary=&quot;iconoir&quot;
50
- iconName=&quot;user&quot;&gt;
51
- &lt;/sonic-fieldset&gt;
52
- </code></pre>
53
- <h2 id="example-of-use">Example of use</h2>
54
- <pre><code>&lt;sonic-div formDataProvider=&quot;user_create&quot;&gt;
55
- &lt;form action=&quot;/inscription?lang=fr&quot; method=&quot;POST&quot; class=&quot;mb-20&quot; accept-charset=&quot;UTF-8&quot; id=&quot;youpla&quot;&gt;
56
- &lt;sonic-fieldset form=&quot;formid&quot; collapsible=&quot;true&quot; collapsed=&quot;false&quot;&gt;
57
- &lt;sonic-legend iconLibrary=&quot;iconoir&quot; iconName=&quot;user&quot;&gt;
58
- Informations personnelles
59
- &lt;span slot=&quot;description&quot;&gt;Description du fieldset lorem ipsum dolor&lt;/span&gt;
60
- &lt;sonic-pop class=&quot;inline-block&quot; slot=&quot;suffix&quot;&gt;
61
- &lt;sonic-button shape=&quot;circle&quot; variant=&quot;ghost&quot;&gt;
62
- &lt;sonic-icon library=&quot;iconoir&quot; size=&quot;lg&quot; name=&quot;more-vert&quot;&gt;&lt;/sonic-icon
63
- &gt;&lt;/sonic-button&gt;
64
- &lt;sonic-menu slot=&quot;content&quot; minWidth=&quot;12rem&quot;&gt;
65
- &lt;sonic-menu-item&gt;Mentions légales&lt;/sonic-menu-item&gt;
66
- &lt;sonic-menu-item&gt;Conditions générales d&#39;utilisation&lt;/sonic-menu-item&gt;
67
- &lt;/sonic-menu&gt;
68
- &lt;/sonic-pop&gt;
69
- &lt;/sonic-legend&gt;
70
- &lt;sonic-form-layout&gt;
71
- &lt;sonic-input autocomplete=&quot;family-name&quot; label=&quot;Nom&quot; name=&quot;nom&quot;&gt;&lt;/sonic-input&gt;
72
- &lt;sonic-input autocomplete=&quot;given-name&quot; label=&quot;Prénom&quot; name=&quot;prenom&quot;&gt;&lt;/sonic-input&gt;
73
- &lt;sonic-select autocomplete=&quot;sex&quot; label=&quot;Sexe&quot; name=&quot;sexe&quot;&gt;
74
- &lt;option value=&quot;&quot; selected=&quot;selected&quot;&gt;- Sélectionner -&lt;/option&gt;
75
- &lt;option value=&quot;-&quot;&gt;Je préfère ne pas le dire&lt;/option&gt;
76
- &lt;option value=&quot;Homme&quot;&gt;Homme&lt;/option&gt;
77
- &lt;option value=&quot;Femme&quot;&gt;Femme&lt;/option&gt;
78
- &lt;/sonic-select&gt;
79
- &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;
80
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
81
- &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;
82
- &lt;sonic-input
83
- autocomplete=&quot;email&quot;
84
- label=&quot;Confirmer votre e-mail&quot;
85
- name=&quot;email_confirmation&quot;
86
- type=&quot;email&quot;
87
- &gt;&lt;/sonic-input&gt;
88
- &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;
89
- &lt;sonic-input
90
- autocomplete=&quot;new-password&quot;
91
- label=&quot;Confirmer votre mot de passe&quot;
92
- name=&quot;password_confirmation&quot;
93
- type=&quot;password&quot;
94
- &gt;&lt;/sonic-input&gt;
95
- &lt;/sonic-form-layout&gt;
96
- &lt;/sonic-fieldset&gt;
97
- &lt;sonic-fieldset form=&quot;formid&quot; collapsible=&quot;true&quot; collapsed=&quot;false&quot;&gt;
98
- &lt;sonic-legend iconLibrary=&quot;iconoir&quot; iconName=&quot;pin-alt&quot;&gt; Coordonnées &lt;/sonic-legend&gt;
99
- &lt;sonic-form-layout&gt;
100
- &lt;sonic-input autocomplete=&quot;postal-code&quot; label=&quot;Code postal&quot; name=&quot;cp&quot;&gt;&lt;/sonic-input&gt;
101
- &lt;sonic-input autocomplete=&quot;address-level2&quot; label=&quot;Ville&quot; name=&quot;ville&quot;&gt;&lt;/sonic-input&gt;
102
- &lt;/sonic-form-layout&gt;
103
- &lt;/sonic-fieldset&gt;
104
- &lt;div class=&quot;&quot;&gt;
105
- &lt;sonic-button submit type=&quot;primary&quot;&gt;
106
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;check&quot;&gt;&lt;/sonic-icon&gt;
107
- S&#39;inscrire
108
- &lt;/sonic-button&gt;
109
- &lt;sonic-tooltip class=&quot;inline-flex&quot; label=&quot;Vous êtes sûr(e) ? 🙄&quot;&gt;
110
- &lt;sonic-button size=&quot;sm&quot; variant=&quot;ghost&quot;&gt; Continuer sans m&#39;inscrire &lt;/sonic-button&gt;
111
- &lt;/sonic-tooltip&gt;
112
- &lt;/div&gt;
113
- &lt;/form&gt;
114
- &lt;div dataProvider=&quot;user_create&quot; class=&quot;my-6 text-neutral-600 p-5 rounded-xl shadow-lg&quot;&gt;
115
- &lt;div class=&quot;font-bold text-lg text-neutral-400&quot;&gt;Submitted informations...&lt;/div&gt;
116
- &lt;div class=&quot;text-lg my-2&quot;&gt;
117
- &lt;sonic-value key=&quot;nom&quot; class=&quot;font-bold&quot;&gt;&lt;/sonic-value&gt;
118
- &lt;sonic-value key=&quot;prenom&quot;&gt;&lt;/sonic-value&gt;
119
- &lt;/div&gt;
120
- &lt;div class=&quot;text-sm&quot;&gt;
121
- &lt;sonic-value key=&quot;sexe&quot;&gt;&lt;/sonic-value&gt;
122
- &lt;sonic-value key=&quot;date_naissance&quot;&gt;&lt;/sonic-value&gt;
123
- &lt;/div&gt;
124
- &lt;div class=&quot;text-sm&quot;&gt;
125
- &lt;sonic-value key=&quot;email&quot;&gt;&lt;/sonic-value&gt;
126
- &lt;sonic-value key=&quot;cp&quot;&gt;&lt;/sonic-value&gt;
127
- &lt;sonic-value key=&quot;ville&quot;&gt;&lt;/sonic-value&gt;&lt;/div&gt;
128
- &lt;/div&gt;
129
- &lt;/sonic-div&gt;
130
- </code></pre>
131
-
132
- </article>
133
- </main>
134
- </body>
135
- </html>