@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,322 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/menu/menu.html" data-doc-id="core/components/ui/menu/menu">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Menu — Concorde</title>
7
- <meta name="description" content="Row">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/menu/menu, menu, Menu, UI component, sonic-menu, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/menu/menu">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/menu/menu.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/menu/menu.md/menu" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Menu</strong>. Row <span>Doc ID: <code>core/components/ui/menu/menu</code>. Keywords: Concorde, supersoniks, core/components/ui/menu/menu, menu, Menu, UI component, sonic-menu, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/menu/menu.html">https://concorde.supersoniks.org/crawl/core/components/ui/menu/menu.html</a>.</span></p>
19
- <h1 id="menu">Menu</h1>
20
- <h2 id="direction">Direction</h2>
21
- <pre><code>&lt;sonic-menu direction=&quot;row&quot; &gt;
22
- &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
23
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;arrow-right&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
24
- Row
25
- &lt;/sonic-menu-item&gt;
26
- &lt;sonic-menu-item&gt;
27
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
28
- Profile
29
- &lt;/sonic-menu-item&gt;
30
- &lt;sonic-menu-item &gt;
31
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
32
- History
33
- &lt;/sonic-menu-item&gt;
34
- &lt;sonic-menu-item &gt;
35
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
36
- Orders
37
- &lt;/sonic-menu-item&gt;
38
- &lt;sonic-menu-item type=&quot;danger&quot;&gt;
39
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;log-out&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
40
- Log out
41
- &lt;/sonic-menu-item&gt;
42
- &lt;/sonic-menu&gt;
43
- &lt;sonic-menu direction =&quot;column&quot; &gt;
44
- &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
45
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;arrow-down&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
46
- Column
47
- &lt;/sonic-menu-item&gt;
48
- &lt;sonic-menu-item&gt;
49
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
50
- Profile
51
- &lt;/sonic-menu-item&gt;
52
- &lt;sonic-menu-item &gt;
53
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
54
- History
55
- &lt;/sonic-menu-item&gt;
56
- &lt;sonic-menu-item &gt;
57
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
58
- Orders
59
- &lt;/sonic-menu-item&gt;
60
- &lt;sonic-menu-item type=&quot;danger&quot;&gt;
61
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;log-out&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
62
- Log out
63
- &lt;/sonic-menu-item&gt;
64
- &lt;/sonic-menu&gt;
65
- </code></pre>
66
- <h2 id="size">Size</h2>
67
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
68
- &lt;sonic-menu size=&quot;xs&quot; direction=&quot;row&quot;&gt;
69
- &lt;sonic-menu-item&gt;
70
- XS
71
- &lt;/sonic-menu-item&gt;
72
- &lt;sonic-menu-item&gt;
73
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
74
- Profile
75
- &lt;/sonic-menu-item&gt;
76
- &lt;sonic-menu-item &gt;
77
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
78
- History
79
- &lt;/sonic-menu-item&gt;
80
- &lt;sonic-menu-item &gt;
81
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
82
- Orders
83
- &lt;/sonic-menu-item&gt;
84
- &lt;/sonic-menu&gt;
85
- &lt;sonic-menu size=&quot;sm&quot; direction=&quot;row&quot;&gt;
86
- &lt;sonic-menu-item&gt;
87
- Small
88
- &lt;/sonic-menu-item&gt;
89
- &lt;sonic-menu-item&gt;
90
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
91
- Profile
92
- &lt;/sonic-menu-item&gt;
93
- &lt;sonic-menu-item &gt;
94
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
95
- History
96
- &lt;/sonic-menu-item&gt;
97
- &lt;sonic-menu-item &gt;
98
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
99
- Orders
100
- &lt;/sonic-menu-item&gt;
101
- &lt;/sonic-menu&gt;
102
- &lt;sonic-menu direction=&quot;row&quot;&gt;
103
- &lt;sonic-menu-item&gt;
104
- Medium
105
- &lt;/sonic-menu-item&gt;
106
- &lt;sonic-menu-item&gt;
107
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
108
- Profile
109
- &lt;/sonic-menu-item&gt;
110
- &lt;sonic-menu-item &gt;
111
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
112
- History
113
- &lt;/sonic-menu-item&gt;
114
- &lt;sonic-menu-item &gt;
115
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
116
- Orders
117
- &lt;/sonic-menu-item&gt;
118
- &lt;/sonic-menu&gt;
119
- &lt;sonic-menu size=&quot;lg&quot; direction=&quot;row&quot;&gt;
120
- &lt;sonic-menu-item&gt;
121
- Large
122
- &lt;/sonic-menu-item&gt;
123
- &lt;sonic-menu-item&gt;
124
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
125
- Profile
126
- &lt;/sonic-menu-item&gt;
127
- &lt;sonic-menu-item &gt;
128
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
129
- History
130
- &lt;/sonic-menu-item&gt;
131
- &lt;sonic-menu-item &gt;
132
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
133
- Orders
134
- &lt;/sonic-menu-item&gt;
135
- &lt;/sonic-menu&gt;
136
- &lt;sonic-menu size=&quot;xl&quot; direction=&quot;row&quot;&gt;
137
- &lt;sonic-menu-item&gt;
138
- XL
139
- &lt;/sonic-menu-item&gt;
140
- &lt;sonic-menu-item&gt;
141
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
142
- Profile
143
- &lt;/sonic-menu-item&gt;
144
- &lt;sonic-menu-item &gt;
145
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
146
- History
147
- &lt;/sonic-menu-item&gt;
148
- &lt;sonic-menu-item &gt;
149
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
150
- Orders
151
- &lt;/sonic-menu-item&gt;
152
- &lt;/sonic-menu&gt;
153
- &lt;/div&gt;
154
- </code></pre>
155
- <h2 id="shadow">Shadow</h2>
156
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
157
- &lt;sonic-menu direction=&quot;row&quot;&gt;
158
- &lt;sonic-menu-item&gt;
159
- None
160
- &lt;/sonic-menu-item&gt;
161
- &lt;/sonic-menu&gt;
162
- &lt;sonic-menu shadow=&quot;sm&quot; direction=&quot;row&quot;&gt;
163
- &lt;sonic-menu-item&gt;
164
- Small
165
- &lt;/sonic-menu-item&gt;
166
- &lt;/sonic-menu&gt;
167
- &lt;sonic-menu shadow=&quot;md&quot; direction=&quot;row&quot;&gt;
168
- &lt;sonic-menu-item&gt;
169
- Medium
170
- &lt;/sonic-menu-item&gt;
171
- &lt;/sonic-menu&gt;
172
- &lt;sonic-menu shadow=&quot;lg&quot; direction=&quot;row&quot;&gt;
173
- &lt;sonic-menu-item&gt;
174
- Large
175
- &lt;/sonic-menu-item&gt;
176
- &lt;/sonic-menu&gt;
177
- &lt;/div&gt;
178
- </code></pre>
179
- <h2 id="align">Align</h2>
180
- <pre><code>&lt;sonic-menu align=&quot;center&quot;&gt;
181
- &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
182
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;home&quot;&gt;&lt;/sonic-icon&gt;
183
- Home
184
- &lt;/sonic-menu-item&gt;
185
- &lt;sonic-menu-item&gt;
186
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot;&gt;&lt;/sonic-icon&gt;
187
- Profile
188
- &lt;/sonic-menu-item&gt;
189
- &lt;/sonic-menu&gt;
190
- &lt;sonic-menu align=&quot;left&quot;&gt;
191
- &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
192
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;home&quot;&gt;&lt;/sonic-icon&gt;
193
- Home
194
- &lt;/sonic-menu-item&gt;
195
- &lt;sonic-menu-item&gt;
196
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot;&gt;&lt;/sonic-icon&gt;
197
- Profile
198
- &lt;/sonic-menu-item&gt;
199
- &lt;/sonic-menu&gt;
200
- &lt;sonic-menu align=&quot;right&quot;&gt;
201
- &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
202
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;home&quot;&gt;&lt;/sonic-icon&gt;
203
- Home
204
- &lt;/sonic-menu-item&gt;
205
- &lt;sonic-menu-item&gt;
206
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot;&gt;&lt;/sonic-icon&gt;
207
- Profile
208
- &lt;/sonic-menu-item&gt;
209
- &lt;/sonic-menu&gt;
210
- </code></pre>
211
- <h2 id="more">More</h2>
212
- <pre><code>&lt;sonic-menu direction=&quot;row&quot;&gt;
213
- &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
214
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;home&quot;&gt;&lt;/sonic-icon&gt;
215
- Home
216
- &lt;/sonic-menu-item&gt;
217
- &lt;sonic-menu-item&gt;
218
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot;&gt;&lt;/sonic-icon&gt;
219
- Profile
220
- &lt;/sonic-menu-item&gt;
221
- &lt;sonic-menu-item &gt;
222
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
223
- History
224
- &lt;/sonic-menu-item&gt;
225
- &lt;sonic-menu-item &gt;
226
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
227
- Orders
228
- &lt;/sonic-menu-item&gt;
229
- &lt;sonic-menu slot=&quot;more&quot;&gt;
230
- &lt;sonic-menu-item &gt;
231
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;settings&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
232
- Settings
233
- &lt;/sonic-menu-item&gt;
234
- &lt;sonic-menu-item &gt;
235
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;chat-bubble&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
236
- Messages
237
- &lt;/sonic-menu-item&gt;
238
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
239
- &lt;sonic-menu-item type=&quot;danger&quot;&gt;
240
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;log-out&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
241
- Log out
242
- &lt;/sonic-menu-item&gt;
243
- &lt;/sonic-menu&gt;
244
- &lt;/sonic-menu&gt;
245
- </code></pre>
246
- <h2 id="scrollable">Scrollable</h2>
247
- <pre><code>&lt;sonic-menu direction=&quot;row&quot; scrollable&gt;
248
- &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
249
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;home&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
250
- Home
251
- &lt;/sonic-menu-item&gt;
252
- &lt;sonic-menu-item&gt;
253
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
254
- Profile
255
- &lt;/sonic-menu-item&gt;
256
- &lt;sonic-menu-item &gt;
257
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
258
- History
259
- &lt;/sonic-menu-item&gt;
260
- &lt;sonic-menu-item &gt;
261
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
262
- Orders
263
- &lt;/sonic-menu-item&gt; &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
264
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;home&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
265
- Home
266
- &lt;/sonic-menu-item&gt;
267
- &lt;sonic-menu-item&gt;
268
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
269
- Profile
270
- &lt;/sonic-menu-item&gt;
271
- &lt;sonic-menu-item &gt;
272
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
273
- History
274
- &lt;/sonic-menu-item&gt;
275
- &lt;sonic-menu-item &gt;
276
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
277
- Orders
278
- &lt;/sonic-menu-item&gt; &lt;sonic-menu-item variant=&quot;ghost&quot;&gt;
279
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;home&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
280
- Home
281
- &lt;/sonic-menu-item&gt;
282
- &lt;sonic-menu-item&gt;
283
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;user&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
284
- Profile
285
- &lt;/sonic-menu-item&gt;
286
- &lt;sonic-menu-item &gt;
287
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;clock-outline&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
288
- History
289
- &lt;/sonic-menu-item&gt;
290
- &lt;sonic-menu-item &gt;
291
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bag&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
292
- Orders
293
- &lt;/sonic-menu-item&gt;
294
- &lt;sonic-menu-item &gt;
295
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;settings&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
296
- Settings
297
- &lt;/sonic-menu-item&gt;
298
- &lt;sonic-menu-item &gt;
299
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;chat-bubble&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
300
- Messages
301
- &lt;/sonic-menu-item&gt;
302
- &lt;sonic-menu slot=&quot;more&quot;&gt;
303
- &lt;sonic-menu-item &gt;
304
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;settings&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
305
- Settings
306
- &lt;/sonic-menu-item&gt;
307
- &lt;sonic-menu-item &gt;
308
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;chat-bubble&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
309
- Messages
310
- &lt;/sonic-menu-item&gt;
311
- &lt;sonic-divider&gt;&lt;/sonic-divider&gt;
312
- &lt;sonic-menu-item type=&quot;danger&quot;&gt;
313
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;log-out&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;
314
- Log out
315
- &lt;/sonic-menu-item&gt;
316
- &lt;/sonic-menu&gt;
317
- </code></pre>
318
-
319
- </article>
320
- </main>
321
- </body>
322
- </html>
@@ -1,117 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/modal/modal.html" data-doc-id="core/components/ui/modal/modal">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Concorde — Concorde</title>
7
- <meta name="description" content="Concorde: Simple modal Lorem ipsum dolor sit amet +33 Donec sed vestibulum augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus. Click don't close Confir">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/modal/modal, modal, UI component, sonic-modal, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/modal/modal">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/modal/modal.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/modal/modal.md/modal" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Concorde</strong>. Concorde: Simple modal Lorem ipsum dolor sit amet +33 Donec sed vestibulum augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus. Click don't close Confir <span>Doc ID: <code>core/components/ui/modal/modal</code>. Keywords: Concorde, supersoniks, core/components/ui/modal/modal, modal, UI component, sonic-modal, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/modal/modal.html">https://concorde.supersoniks.org/crawl/core/components/ui/modal/modal.html</a>.</span></p>
19
- <h2 id="modal">Modal</h2>
20
- <pre><code>&lt;sonic-button onclick=&quot;document.getElementById(&#39;modalExample&#39;).show()&quot;&gt;
21
- Simple modal
22
- &lt;/sonic-button&gt;
23
- &lt;sonic-modal id=&quot;modalExample&quot;&gt;
24
- &lt;sonic-modal-title
25
- &gt;Lorem ipsum dolor sit amet &lt;sonic-badge type=&quot;danger&quot; size=&quot;sm&quot;&gt;+33&lt;/sonic-badge&gt;&lt;/sonic-modal-title
26
- &gt;
27
- &lt;sonic-modal-subtitle&gt;Donec sed vestibulum augue.&lt;/sonic-modal-subtitle&gt;
28
- &lt;sonic-modal-content&gt;
29
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus.
30
- &lt;/sonic-modal-content&gt;
31
- &lt;sonic-modal-actions formDataProvider=&quot;ModalMiniForm&quot;&gt;
32
- &lt;sonic-button FormCheckable minWidth=&quot;8rem&quot; value=&quot;true&quot; name=&quot;click&quot;&gt;
33
- Click don&#39;t close
34
- &lt;/sonic-button&gt;
35
- &lt;sonic-button minWidth=&quot;8rem&quot; type=&quot;success&quot; hideModal&gt;Confirm&lt;/sonic-button&gt;
36
- &lt;/sonic-modal-actions&gt;
37
- &lt;/sonic-modal&gt;
38
- </code></pre>
39
- <h2 id="long-text">Long text</h2>
40
- <pre><code>&lt;sonic-button onclick=&quot;document.getElementById(&#39;modalText&#39;).show()&quot;&gt; Long text &lt;/sonic-button&gt;
41
- &lt;sonic-modal align=&quot;left&quot; id=&quot;modalText&quot;&gt;
42
- &lt;sonic-modal-title&gt;Infos et tarifs &lt;/sonic-modal-title&gt;
43
- &lt;sonic-modal-content&gt;
44
- &lt;div class=&quot;prose&quot;&gt;
45
- &lt;p&gt;
46
- &lt;strong&gt;Horaires d’ouverture &lt;/strong&gt;&lt;br /&gt;
47
- Du mercredi au samedi de 13h30 à 19h et le dimanche de 13h30 à 18h&lt;br /&gt;
48
- + horaires spécifiques pour événements ou festivals&amp;nbsp;
49
- &lt;/p&gt;
50
- &lt;p&gt;
51
- &lt;strong&gt; Billetterie&amp;nbsp;&lt;br /&gt;&lt;/strong&gt;
52
- La participation à certains événements et activités est soumise à un système de billetterie avec achats ou
53
- réservations disponibles en ligne ou au guichet.&amp;nbsp;&amp;nbsp;&lt;strong&gt;&lt;br /&gt;&lt;/strong&gt;
54
- &lt;/p&gt;
55
- &lt;p&gt;
56
- Les tarifs (Tarif plein / Tarif Réduit / Tarif Spécifique) sont indiqués pour chaque événement et peuvent
57
- varier selon la nature de l’événement. Les tarifs sont identiques en ligne et au guichet. Il est néanmoins
58
- conseillé de réserver les billets en avance pour s’assurer une place.
59
- &lt;/p&gt;
60
- &lt;p&gt;
61
- L’accès au Skatepark, Fablab et Halle C sont soumis à adhésions. Les adhésions sont gratuites et
62
- nominatives. Elle donnent accès aux espaces dans la limite des places disponibles.
63
- &lt;/p&gt;
64
- &lt;p&gt;
65
- &lt;strong&gt;+ d’infos &lt;br /&gt;&lt;/strong&gt;billetterie@laconditionpublique.com &lt;br /&gt;+33 (0)328334833&amp;nbsp;
66
- &lt;/p&gt;
67
- &lt;br /&gt;
68
- &lt;p&gt;
69
- &lt;strong&gt;Accès &lt;br /&gt;&lt;/strong&gt;14, place Faidherbe &lt;br /&gt;59100 Roubaix &lt;br /&gt;Métro / Tram : Arrêt
70
- Eurotéléport, Ligne 2 &lt;br /&gt;Bus / V’Lille : Arrêt Condition Publique&amp;nbsp;
71
- &lt;/p&gt;
72
- &lt;p&gt;
73
- Accès handicapés : nous contacter avant votre venue au 03 28 33 48 33 ou par mail
74
- billetterie@laconditionpublique.com
75
- &lt;/p&gt;
76
- &lt;/div&gt;
77
- &lt;/sonic-modal-content&gt;
78
- &lt;/sonic-modal&gt;
79
- </code></pre>
80
- <h2 id="force-action">Force action</h2>
81
- <pre><code>&lt;sonic-button onclick=&quot;document.getElementById(&#39;force&#39;).show()&quot;&gt; Force action to close&lt;/sonic-button&gt;
82
- &lt;sonic-modal forceAction id=&quot;force&quot;&gt;
83
- &lt;sonic-modal-title&gt;Do you want some cookies ? &lt;/sonic-modal-title&gt;
84
- &lt;sonic-modal-content&gt;
85
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus.
86
- &lt;/sonic-modal-content&gt;
87
- &lt;sonic-modal-actions &gt;
88
- &lt;sonic-button hideModal minWidth=&quot;8rem&quot;&gt; Nope &lt;/sonic-button&gt;
89
- &lt;sonic-button hideModal minWidth=&quot;8rem&quot; type=&quot;success&quot;&gt;Hell yes !&lt;/sonic-button&gt;
90
- &lt;/sonic-modal-actions&gt;
91
- &lt;/sonic-modal&gt;
92
- &lt;/sonic-modal&gt;
93
- </code></pre>
94
- <h2 id="custom-dimensions">Custom dimensions</h2>
95
- <pre><code>&lt;sonic-button onclick=&quot;document.getElementById(&#39;CustomWidth&#39;).show()&quot;&gt; Custom width &lt;/sonic-button&gt;
96
- &lt;sonic-modal maxHeight=&quot;50vh&quot; maxWidth=&quot;90vw&quot; width=&quot;100%&quot; height=&quot;100%&quot; id=&quot;CustomWidth&quot;&gt;
97
- &lt;sonic-image
98
- cover
99
- objectPosition=&quot;center 20%&quot;
100
- src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
101
- &gt;&lt;/sonic-image&gt;
102
- &lt;/sonic-modal&gt;
103
- </code></pre>
104
- <h2 id="fullscreen">Fullscreen</h2>
105
- <pre><code>&lt;sonic-button onclick=&quot;document.getElementById(&#39;Fullscreen&#39;).show()&quot;&gt; Fullscreen &lt;/sonic-button&gt;
106
- &lt;sonic-modal fullscreen id=&quot;Fullscreen&quot;&gt;
107
- &lt;sonic-image
108
- cover
109
- src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
110
- &gt;&lt;/sonic-image&gt;
111
- &lt;/sonic-modal&gt;
112
- </code></pre>
113
-
114
- </article>
115
- </main>
116
- </body>
117
- </html>
@@ -1,102 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html" data-doc-id="core/components/ui/pop/pop">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Pop — Concorde</title>
7
- <meta name="description" content="Click to open pop">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/pop/pop, pop, Pop, UI component, sonic-pop, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/pop/pop">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.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/pop/pop.md/pop" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Pop</strong>. Click to open pop <span>Doc ID: <code>core/components/ui/pop/pop</code>. Keywords: Concorde, supersoniks, core/components/ui/pop/pop, pop, Pop, UI component, sonic-pop, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html">https://concorde.supersoniks.org/crawl/core/components/ui/pop/pop.html</a>.</span></p>
19
- <h1 id="pop">Pop</h1>
20
- <h2 id="placement">Placement</h2>
21
- <pre><code>&lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;left&quot;&gt;
22
- &lt;sonic-button&gt;Left&lt;/sonic-button&gt;
23
- &lt;sonic-menu slot=&quot;content&quot;&gt;
24
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
25
- &lt;/sonic-menu&gt;
26
- &lt;/sonic-pop&gt;
27
- &lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;right&quot;&gt;
28
- &lt;sonic-button&gt;Right&lt;/sonic-button&gt;
29
- &lt;sonic-menu slot=&quot;content&quot;&gt;
30
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
31
- &lt;/sonic-menu&gt;
32
- &lt;/sonic-pop&gt;
33
- &lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;top&quot;&gt;
34
- &lt;sonic-button&gt;Top&lt;/sonic-button&gt;
35
- &lt;sonic-menu slot=&quot;content&quot;&gt;
36
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
37
- &lt;/sonic-menu&gt;
38
- &lt;/sonic-pop&gt;
39
- &lt;sonic-pop class=&quot;inline-block&quot; placement=&quot;bottom&quot;&gt;
40
- &lt;sonic-button&gt;Bottom&lt;/sonic-button&gt;
41
- &lt;sonic-menu slot=&quot;content&quot;&gt;
42
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
43
- &lt;/sonic-menu&gt;
44
- &lt;/sonic-pop&gt;
45
- </code></pre>
46
- <h2 id="shadow">Shadow</h2>
47
- <pre><code>&lt;sonic-pop class=&quot;inline-block&quot; shadow=&quot;none&quot; placement=&#39;top&#39; &gt;
48
- &lt;sonic-button&gt;None&lt;/sonic-button&gt;
49
- &lt;sonic-menu slot=&quot;content&quot;&gt;
50
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
51
- &lt;/sonic-menu&gt;
52
- &lt;/sonic-pop&gt;
53
- &lt;sonic-pop class=&quot;inline-block&quot; shadow=&quot;sm&quot; placement=&#39;top&#39;&gt;
54
- &lt;sonic-button&gt;Small&lt;/sonic-button&gt;
55
- &lt;sonic-menu slot=&quot;content&quot;&gt;
56
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
57
- &lt;/sonic-menu&gt;
58
- &lt;/sonic-pop&gt;
59
- &lt;sonic-pop class=&quot;inline-block&quot; shadow=&quot;md&quot; placement=&#39;top&#39;&gt;
60
- &lt;sonic-button&gt;Medium&lt;/sonic-button&gt;
61
- &lt;sonic-menu slot=&quot;content&quot;&gt;
62
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
63
- &lt;/sonic-menu&gt;
64
- &lt;/sonic-pop&gt;
65
- &lt;sonic-pop class=&quot;inline-block&quot; shadow=&quot;lg&quot; placement=&#39;top&#39;&gt;
66
- &lt;sonic-button&gt;Large&lt;/sonic-button&gt;
67
- &lt;sonic-menu slot=&quot;content&quot;&gt;
68
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
69
- &lt;/sonic-menu&gt;
70
- &lt;/sonic-pop&gt;
71
- </code></pre>
72
- <h2 id="notoggle">noToggle</h2>
73
- <pre><code>&lt;sonic-pop class=&quot;inline-block&quot; noToggle&gt;
74
- &lt;sonic-button&gt;No toggle on click&lt;/sonic-button&gt;
75
- &lt;sonic-menu slot=&quot;content&quot;&gt;
76
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
77
- &lt;/sonic-menu&gt;
78
- &lt;/sonic-pop&gt;
79
- &lt;sonic-pop class=&quot;inline-block&quot; &gt;
80
- &lt;sonic-button&gt;Default toggle on click&lt;/sonic-button&gt;
81
- &lt;sonic-menu slot=&quot;content&quot;&gt;
82
- &lt;sonic-menu-item&gt;&lt;sonic-icon library=&quot;iconoir&quot; name=&quot;bell-notification&quot; slot=&quot;prefix&quot;&gt;&lt;/sonic-icon&gt;Notifications&lt;/sonic-menu-item&gt;
83
- &lt;/sonic-menu&gt;
84
- &lt;/sonic-pop&gt;
85
- </code></pre>
86
- <h2 id="manual">manual</h2>
87
- <pre><code>&lt;sonic-pop class=&quot;inline-block&quot; manual id=&quot;manualPop&quot;&gt;
88
- &lt;sonic-button onclick=&quot;alert(&#39;customAction without opening Pop content&#39;)&quot;&gt;Manual doesn&#39;t open on click&lt;/sonic-button&gt;
89
- &lt;sonic-menu slot=&quot;content&quot;&gt;
90
- &lt;sonic-menu-item&gt;Hourra !&lt;/sonic-menu-item&gt;
91
- &lt;/sonic-menu&gt;
92
- &lt;/sonic-pop&gt;
93
- &lt;sonic-button onclick=&quot;document.getElementById(&#39;manualPop&#39;).show()&quot; class=&quot;ml-5&quot; variant=&quot;outline&quot;&gt;
94
- &lt;sonic-icon name=&quot;sparkles&quot; library=&quot;custom&quot;&gt;&lt;/sonic-icon&gt;
95
- Click to open pop
96
- &lt;/sonic-button&gt;
97
- </code></pre>
98
-
99
- </article>
100
- </main>
101
- </body>
102
- </html>
@@ -1,58 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/progress/progress.html" data-doc-id="core/components/ui/progress/progress">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Progress bar — Concorde</title>
7
- <meta name="description" content="Displays an indicator showing the completion progress of a task.">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/progress/progress, progress, Progress bar, UI component, sonic-progress, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/progress/progress">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/progress/progress.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/progress/progress.md/progress" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Progress bar</strong>. Displays an indicator showing the completion progress of a task. <span>Doc ID: <code>core/components/ui/progress/progress</code>. Keywords: Concorde, supersoniks, core/components/ui/progress/progress, progress, Progress bar, UI component, sonic-progress, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/progress/progress.html">https://concorde.supersoniks.org/crawl/core/components/ui/progress/progress.html</a>.</span></p>
19
- <h1 id="progress-bar">Progress bar</h1>
20
- <p>Displays an indicator showing the completion progress of a task.</p>
21
- <h2 id="indeterminate">Indeterminate</h2>
22
- <pre><code>&lt;sonic-progress&gt;&lt;/sonic-progress&gt;
23
- </code></pre>
24
- <h2 id="remaining">Remaining</h2>
25
- <pre><code>&lt;sonic-progress type=&quot;danger&quot; value=&quot;80&quot;&gt;
26
- 80% Used &lt;span slot=&quot;remaining&quot;&gt;20% left&lt;/span&gt;
27
- &lt;/sonic-progress&gt;
28
- </code></pre>
29
- <h2 id="sizes">Sizes</h2>
30
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
31
- &lt;sonic-progress size=&quot;2xs&quot; value=&quot;25&quot;&gt;25%&lt;/sonic-progress&gt;
32
- &lt;sonic-progress size=&quot;xs&quot; value=&quot;25&quot;&gt;25%&lt;/sonic-progress&gt;
33
- &lt;sonic-progress size=&quot;sm&quot; value=&quot;25&quot;&gt;25%&lt;/sonic-progress&gt;
34
- &lt;sonic-progress size=&quot;md&quot; value=&quot;25&quot;&gt;25%&lt;/sonic-progress&gt;
35
- &lt;sonic-progress size=&quot;lg&quot; value=&quot;25&quot;&gt;25%&lt;/sonic-progress&gt;
36
- &lt;sonic-progress size=&quot;xl&quot; value=&quot;25&quot;&gt;25%&lt;/sonic-progress&gt;
37
- &lt;sonic-progress size=&quot;2xl&quot; value=&quot;25&quot;&gt;25%&lt;/sonic-progress&gt;
38
- &lt;/div&gt;
39
- </code></pre>
40
- <h2 id="type">Type</h2>
41
- <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
42
- &lt;sonic-progress value=&quot;50&quot;&gt;50%&lt;/sonic-progress&gt;
43
- &lt;sonic-progress type=&quot;info&quot; value=&quot;50&quot;&gt;50%&lt;/sonic-progress&gt;
44
- &lt;sonic-progress type=&quot;warning&quot; value=&quot;50&quot;&gt;50%&lt;/sonic-progress&gt;
45
- &lt;sonic-progress type=&quot;success&quot; value=&quot;50&quot;&gt;50%&lt;/sonic-progress&gt;
46
- &lt;sonic-progress type=&quot;danger&quot; value=&quot;50&quot;&gt;50%&lt;/sonic-progress&gt;
47
- &lt;/div&gt;
48
- </code></pre>
49
- <h2 id="invert">Invert</h2>
50
- <pre><code>&lt;div class=&quot;bg-neutral-900 p-4 rounded-md&quot;&gt;
51
- &lt;sonic-progress type=&quot;invert&quot; value=&quot;50&quot;&gt;50%&lt;/sonic-progress&gt;
52
- &lt;/div&gt;
53
- </code></pre>
54
-
55
- </article>
56
- </main>
57
- </body>
58
- </html>