@supersoniks/concorde 4.9.0 → 4.9.2

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 (123) hide show
  1. package/build-infos.json +1 -1
  2. package/concorde-core.bundle.js +195 -195
  3. package/concorde-core.es.js +3390 -3370
  4. package/dist/concorde-core.bundle.js +195 -195
  5. package/dist/concorde-core.es.js +3390 -3370
  6. package/dist/docs-mock-api-sw.js +3 -1
  7. package/dist/docs-mock-api-sw.js.map +2 -2
  8. package/dist/js/core/decorators/api.js +64 -12
  9. package/dist/js/core/decorators/api.js.map +1 -1
  10. package/dist/js/core/utils/HTML.js +4 -5
  11. package/dist/js/core/utils/HTML.js.map +1 -1
  12. package/dist/robots.txt +15 -1
  13. package/dist/types/core/decorators/api.d.ts +14 -1
  14. package/dist/types/core/decorators/api.d.ts.map +1 -1
  15. package/dist/types/core/utils/HTML.d.ts.map +1 -1
  16. package/docs/assets/{index-t0-i22oI.css → index-Bnp7gVaA.css} +1 -1
  17. package/docs/assets/{index-BEgZEIbv.js → index-hElUgV9_.js} +894 -552
  18. package/docs/crawl/core/components/functional/date/date.html +190 -0
  19. package/docs/crawl/core/components/functional/fetch/fetch.html +109 -0
  20. package/docs/crawl/core/components/functional/if/if.html +27 -0
  21. package/docs/crawl/core/components/functional/list/list.html +70 -0
  22. package/docs/crawl/core/components/functional/mix/mix.html +45 -0
  23. package/docs/crawl/core/components/functional/queue/queue.html +96 -0
  24. package/docs/crawl/core/components/functional/router/router.html +106 -0
  25. package/docs/crawl/core/components/functional/sdui/sdui.html +269 -0
  26. package/docs/crawl/core/components/functional/states/states.html +66 -0
  27. package/docs/crawl/core/components/functional/submit/submit.html +160 -0
  28. package/docs/crawl/core/components/functional/subscriber/subscriber.html +67 -0
  29. package/docs/crawl/core/components/functional/value/value.html +51 -0
  30. package/docs/crawl/core/components/ui/alert/alert.html +110 -0
  31. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +23 -0
  32. package/docs/crawl/core/components/ui/badge/badge.html +119 -0
  33. package/docs/crawl/core/components/ui/button/button.html +149 -0
  34. package/docs/crawl/core/components/ui/captcha/captcha.html +30 -0
  35. package/docs/crawl/core/components/ui/card/card.html +99 -0
  36. package/docs/crawl/core/components/ui/divider/divider.html +58 -0
  37. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +73 -0
  38. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +135 -0
  39. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +79 -0
  40. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +62 -0
  41. package/docs/crawl/core/components/ui/form/input/input.html +109 -0
  42. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +106 -0
  43. package/docs/crawl/core/components/ui/form/radio/radio.html +56 -0
  44. package/docs/crawl/core/components/ui/form/select/select.html +73 -0
  45. package/docs/crawl/core/components/ui/form/switch/switch.html +56 -0
  46. package/docs/crawl/core/components/ui/form/textarea/textarea.html +59 -0
  47. package/docs/crawl/core/components/ui/group/group.html +82 -0
  48. package/docs/crawl/core/components/ui/icon/icon.html +133 -0
  49. package/docs/crawl/core/components/ui/image/image.html +110 -0
  50. package/docs/crawl/core/components/ui/link/link.html +42 -0
  51. package/docs/crawl/core/components/ui/loader/loader.html +50 -0
  52. package/docs/crawl/core/components/ui/menu/menu.html +322 -0
  53. package/docs/crawl/core/components/ui/modal/modal.html +117 -0
  54. package/docs/crawl/core/components/ui/pop/pop.html +102 -0
  55. package/docs/crawl/core/components/ui/progress/progress.html +58 -0
  56. package/docs/crawl/core/components/ui/table/table.html +413 -0
  57. package/docs/crawl/core/components/ui/toast/toast.html +122 -0
  58. package/docs/crawl/core/components/ui/tooltip/tooltip.html +79 -0
  59. package/docs/crawl/docs/_core-concept/dataFlow.html +166 -0
  60. package/docs/crawl/docs/_core-concept/overview.html +66 -0
  61. package/docs/crawl/docs/_core-concept/subscriber.html +75 -0
  62. package/docs/crawl/docs/_decorators/ancestor-attribute.html +116 -0
  63. package/docs/crawl/docs/_decorators/auto-subscribe.html +202 -0
  64. package/docs/crawl/docs/_decorators/bind.html +141 -0
  65. package/docs/crawl/docs/_decorators/get.html +120 -0
  66. package/docs/crawl/docs/_decorators/handle.html +165 -0
  67. package/docs/crawl/docs/_decorators/on-assign.html +355 -0
  68. package/docs/crawl/docs/_decorators/patch.html +52 -0
  69. package/docs/crawl/docs/_decorators/post.html +102 -0
  70. package/docs/crawl/docs/_decorators/publish.html +61 -0
  71. package/docs/crawl/docs/_decorators/put.html +49 -0
  72. package/docs/crawl/docs/_decorators/subscribe.html +109 -0
  73. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +137 -0
  74. package/docs/crawl/docs/_directives/sub.html +93 -0
  75. package/docs/crawl/docs/_getting-started/ai-agents.html +134 -0
  76. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +100 -0
  77. package/docs/crawl/docs/_getting-started/concorde-outside.html +58 -0
  78. package/docs/crawl/docs/_getting-started/create-a-component.html +111 -0
  79. package/docs/crawl/docs/_getting-started/my-first-component.html +189 -0
  80. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +110 -0
  81. package/docs/crawl/docs/_getting-started/pubsub.html +62 -0
  82. package/docs/crawl/docs/_getting-started/start.html +76 -0
  83. package/docs/crawl/docs/_getting-started/theming.html +85 -0
  84. package/docs/crawl/docs/_misc/api-configuration.html +149 -0
  85. package/docs/crawl/docs/_misc/dataProviderKey.html +135 -0
  86. package/docs/crawl/docs/_misc/docs-mock-api.html +146 -0
  87. package/docs/crawl/docs/_misc/dynamic-path.html +180 -0
  88. package/docs/crawl/docs/_misc/endpoint.html +50 -0
  89. package/docs/crawl/docs/_misc/html-integration.html +47 -0
  90. package/docs/crawl/hubs/decorators.html +467 -0
  91. package/docs/crawl/hubs/form-components.html +357 -0
  92. package/docs/crawl/hubs/remote-data.html +374 -0
  93. package/docs/crawl/index.html +99 -0
  94. package/docs/docs-mock-api-sw.js +3 -1
  95. package/docs/docs-mock-api-sw.js.map +2 -2
  96. package/docs/index.html +3 -3
  97. package/docs/llms-full.txt +5423 -0
  98. package/docs/llms.txt +102 -0
  99. package/docs/robots.txt +15 -1
  100. package/docs/sitemap.xml +231 -0
  101. package/docs/src/docs/_decorators/ancestor-attribute.md +56 -8
  102. package/docs/src/docs/_decorators/get.md +47 -1
  103. package/docs/src/docs/search/docs-search.json +92 -2
  104. package/docs/src/tsconfig.declarations.json +22 -0
  105. package/docs/src/tsconfig.emit.json +23 -0
  106. package/docs/src/tsconfig.json +3 -285
  107. package/index.html +1 -0
  108. package/package.json +1 -1
  109. package/public/docs-mock-api-sw.js +3 -1
  110. package/public/docs-mock-api-sw.js.map +2 -2
  111. package/public/robots.txt +15 -1
  112. package/scripts/generate-crawl-docs.mjs +569 -0
  113. package/scripts/post-build-docs.js +18 -14
  114. package/src/core/decorators/api.spec.ts +74 -4
  115. package/src/core/decorators/api.ts +103 -20
  116. package/src/core/decorators/subscriber/ancestorAttribute.spec.ts +42 -0
  117. package/src/core/utils/HTML.ts +4 -5
  118. package/src/docs/_decorators/get.md +47 -1
  119. package/src/docs/components/docs-demo-sources.ts +7 -2
  120. package/src/docs/example/decorators-demo-geo.ts +5 -0
  121. package/src/docs/example/decorators-demo-subscribe-publish-get-demos.ts +72 -31
  122. package/src/docs/mock-api/router.ts +3 -1
  123. package/src/docs/search/docs-search.json +92 -2
package/docs/crawl/core/components/ui/menu/menu.html ADDED
@@ -0,0 +1,322 @@
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>
package/docs/crawl/core/components/ui/modal/modal.html ADDED
@@ -0,0 +1,117 @@
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>
package/docs/crawl/core/components/ui/pop/pop.html ADDED
@@ -0,0 +1,102 @@
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>
package/docs/crawl/core/components/ui/progress/progress.html ADDED
@@ -0,0 +1,58 @@
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>