@supersoniks/concorde 5.1.0 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (312) hide show
  1. package/.claude/launch.json +15 -0
  2. package/.claude/vite.http.config.mjs +7 -0
  3. package/.taste-skill/after/desktop-fold.jpg +0 -0
  4. package/.taste-skill/after/desktop-page-01.jpg +0 -0
  5. package/.taste-skill/after/desktop-page-02.jpg +0 -0
  6. package/.taste-skill/after/desktop-page-03.jpg +0 -0
  7. package/.taste-skill/after/mobile-fold.jpg +0 -0
  8. package/.taste-skill/after/mobile-page-01.jpg +0 -0
  9. package/.taste-skill/after/report.json +4103 -0
  10. package/.taste-skill/after/tablet-fold.jpg +0 -0
  11. package/.taste-skill/after/tablet-page-01.jpg +0 -0
  12. package/.taste-skill/after/tablet-page-02.jpg +0 -0
  13. package/.taste-skill/before/desktop-fold.jpg +0 -0
  14. package/.taste-skill/before/desktop-page-01.jpg +0 -0
  15. package/.taste-skill/before/desktop-page-02.jpg +0 -0
  16. package/.taste-skill/before/mobile-fold.jpg +0 -0
  17. package/.taste-skill/before/mobile-page-01.jpg +0 -0
  18. package/.taste-skill/before/report.json +2556 -0
  19. package/.taste-skill/before/tablet-fold.jpg +0 -0
  20. package/.taste-skill/before/tablet-page-01.jpg +0 -0
  21. package/.taste-skill/direction.json +510 -0
  22. package/.taste-skill/notes.md +84 -0
  23. package/.taste-skill/prod/desktop-fold.jpg +0 -0
  24. package/.taste-skill/prod/desktop-page-01.jpg +0 -0
  25. package/.taste-skill/prod/desktop-page-02.jpg +0 -0
  26. package/.taste-skill/prod/desktop-page-03.jpg +0 -0
  27. package/.taste-skill/prod/mobile-fold.jpg +0 -0
  28. package/.taste-skill/prod/mobile-page-01.jpg +0 -0
  29. package/.taste-skill/prod/mobile-page-02.jpg +0 -0
  30. package/.taste-skill/prod/report.json +1973 -0
  31. package/.taste-skill/prod/tablet-fold.jpg +0 -0
  32. package/.taste-skill/prod/tablet-page-01.jpg +0 -0
  33. package/.taste-skill/prod/tablet-page-02.jpg +0 -0
  34. package/.tmp-cem/custom-elements.json +1939 -1939
  35. package/AUDIT.md +228 -0
  36. package/PLAN-AMELIORATION.md +220 -0
  37. package/build-infos.json +1 -1
  38. package/concorde-core.bundle.js +16 -16
  39. package/concorde-core.es.js +235 -233
  40. package/dist/concorde-core.bundle.js +16 -16
  41. package/dist/concorde-core.es.js +235 -233
  42. package/dist/img/archive/concorde-001-2cv.webp +0 -0
  43. package/dist/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  44. package/dist/img/archive/concorde-red-arrows-2002.webm +0 -0
  45. package/dist/img/archive/credits.json +28 -0
  46. package/docs/assets/index-Bb-_LRyY.js +12280 -0
  47. package/docs/assets/index-CD4WyL6o.css +1 -0
  48. package/docs/docs-mock-api-sw.js +2 -0
  49. package/docs/docs-mock-api-sw.js.map +2 -2
  50. package/docs/index.html +9 -7
  51. package/index.html +27 -63
  52. package/package.json +11 -4
  53. package/public/img/archive/concorde-001-2cv.webp +0 -0
  54. package/public/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  55. package/public/img/archive/concorde-red-arrows-2002.webm +0 -0
  56. package/public/img/archive/credits.json +28 -0
  57. package/scripts/post-build-docs.js +0 -0
  58. package/scripts/post-build.mjs +0 -0
  59. package/src/core/components/functional/fetch/fetch.md +2 -2
  60. package/src/core/components/functional/if/if.md +0 -0
  61. package/src/core/components/functional/if/if.ts +0 -0
  62. package/src/core/components/functional/list/list.demo.ts +0 -0
  63. package/src/core/components/functional/list/list.md +0 -0
  64. package/src/core/components/functional/router/router.md +0 -0
  65. package/src/core/components/functional/router/router.ts +0 -0
  66. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
  67. package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
  68. package/src/core/components/functional/sdui/component-catalog.json +1 -1
  69. package/src/core/components/functional/sdui/types.ts +0 -0
  70. package/src/core/components/functional/states/states.md +0 -0
  71. package/src/core/components/functional/submit/submit.md +0 -0
  72. package/src/core/components/functional/subscriber/subscriber.ts +0 -0
  73. package/src/core/components/functional/value/value.ts +0 -0
  74. package/src/core/components/ui/_css/size.ts +0 -0
  75. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  76. package/src/core/components/ui/form/radio/radio.md +0 -0
  77. package/src/core/components/ui/form/select/select.md +0 -0
  78. package/src/core/components/ui/form/switch/switch.md +0 -0
  79. package/src/core/components/ui/modal/modal.ts +14 -11
  80. package/src/core/mixins/Subscriber.ts +0 -0
  81. package/src/core/utils/DataBindObserver.ts +0 -0
  82. package/src/core/utils/Objects.ts +0 -0
  83. package/src/core/utils/route.ts +0 -0
  84. package/src/docs/_core-concept/subscriber.md +0 -0
  85. package/src/docs/_getting-started/components.md +5 -0
  86. package/src/docs/_getting-started/my-first-subscriber.md +0 -0
  87. package/src/docs/_getting-started/pubsub.md +0 -0
  88. package/src/docs/_getting-started/theming.md +2 -2
  89. package/src/docs/code.ts +88 -75
  90. package/src/docs/components/docs-demo-sources.ts +16 -8
  91. package/src/docs/components/docs-lit-demo.ts +19 -37
  92. package/src/docs/docs.ts +5 -0
  93. package/src/docs/example/docs-boarding-pass-demo.ts +134 -0
  94. package/src/docs/example/docs-provider-keys.ts +12 -0
  95. package/src/docs/example/users.ts +0 -0
  96. package/src/docs/header/header.ts +233 -69
  97. package/src/docs/home/catalog.ts +44 -0
  98. package/src/docs/home/home.ts +513 -0
  99. package/src/docs/home/mach-stage.ts +389 -0
  100. package/src/docs/layout.ts +3 -1
  101. package/src/docs/navigation/components-index.ts +56 -0
  102. package/src/docs/navigation/navigation.ts +240 -232
  103. package/src/docs/navigation/pager.ts +67 -0
  104. package/src/docs/navigation/toc.ts +98 -0
  105. package/src/docs/search/docs-search.json +330 -20
  106. package/src/docs/search/markdown-renderer.ts +11 -3
  107. package/src/docs/search/page.ts +0 -0
  108. package/src/docs/shiki/index.ts +109 -0
  109. package/src/docs/tailwind/css/base/scrollbar.css +22 -0
  110. package/src/docs/tailwind/css/base/theme.css +96 -0
  111. package/src/docs/tailwind/css/base/typography.css +4 -0
  112. package/src/docs/tailwind/css/docs/boarding-pass.css +65 -0
  113. package/src/docs/tailwind/css/docs/content.css +32 -0
  114. package/src/docs/tailwind/css/docs/page.css +10 -0
  115. package/src/docs/tailwind/css/docs.css +9 -0
  116. package/src/docs/tailwind/css/home/hero.css +210 -0
  117. package/src/docs/tailwind/css/home/motion.css +84 -0
  118. package/src/docs/tailwind/css/home/sections.css +416 -0
  119. package/src/docs/tailwind/css/tailwind.css +7 -185
  120. package/src/tsconfig.json +23 -2
  121. package/src/tsconfig.tsbuildinfo +1 -1
  122. package/tailwind.config.js +8 -4
  123. package/.github/workflows/ci.yml +0 -21
  124. package/.github-export-ignore +0 -30
  125. package/CONTRIBUTING.md +0 -59
  126. package/DEV.md +0 -54
  127. package/LICENSE +0 -21
  128. package/OPEN_SOURCE_CHECKPOINT.md +0 -133
  129. package/concorde-3d.bundle.js +0 -3960
  130. package/concorde-3d.es.js +0 -33433
  131. package/concorde-hugging-face-infer.bundle.js +0 -32
  132. package/concorde-hugging-face-infer.es.js +0 -2952
  133. package/concorde-interactive.bundle.js +0 -1157
  134. package/concorde-interactive.es.js +0 -10734
  135. package/concorde-shader.bundle.js +0 -116
  136. package/concorde-shader.es.js +0 -8353
  137. package/concorde-webgpu.bundle.js +0 -307
  138. package/concorde-webgpu.es.js +0 -8627
  139. package/docs/assets/index-D8MVWqY6.js +0 -12251
  140. package/docs/assets/index-DiD0qYvE.css +0 -1
  141. package/docs/crawl/core/components/functional/date/date.html +0 -190
  142. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  143. package/docs/crawl/core/components/functional/if/if.html +0 -27
  144. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  145. package/docs/crawl/core/components/functional/list/list.html +0 -70
  146. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  147. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  148. package/docs/crawl/core/components/functional/router/router.html +0 -106
  149. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  150. package/docs/crawl/core/components/functional/states/states.html +0 -66
  151. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  152. package/docs/crawl/core/components/functional/subscriber/subscriber.html +0 -67
  153. package/docs/crawl/core/components/functional/value/value.html +0 -51
  154. package/docs/crawl/core/components/ui/alert/alert.html +0 -110
  155. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -23
  156. package/docs/crawl/core/components/ui/badge/badge.html +0 -119
  157. package/docs/crawl/core/components/ui/button/button.html +0 -149
  158. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -30
  159. package/docs/crawl/core/components/ui/card/card.html +0 -99
  160. package/docs/crawl/core/components/ui/divider/divider.html +0 -58
  161. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  162. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -135
  163. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -79
  164. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -62
  165. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  166. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -38
  167. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  168. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  169. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  170. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  171. package/docs/crawl/core/components/ui/group/group.html +0 -82
  172. package/docs/crawl/core/components/ui/icon/icon.html +0 -133
  173. package/docs/crawl/core/components/ui/image/image.html +0 -110
  174. package/docs/crawl/core/components/ui/link/link.html +0 -42
  175. package/docs/crawl/core/components/ui/loader/loader.html +0 -50
  176. package/docs/crawl/core/components/ui/menu/menu.html +0 -322
  177. package/docs/crawl/core/components/ui/modal/modal.html +0 -117
  178. package/docs/crawl/core/components/ui/pop/pop.html +0 -102
  179. package/docs/crawl/core/components/ui/progress/progress.html +0 -58
  180. package/docs/crawl/core/components/ui/table/table.html +0 -413
  181. package/docs/crawl/core/components/ui/toast/toast.html +0 -122
  182. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -79
  183. package/docs/crawl/docs/_core-concept/dataFlow.html +0 -177
  184. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  185. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  186. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -116
  187. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  188. package/docs/crawl/docs/_decorators/bind.html +0 -141
  189. package/docs/crawl/docs/_decorators/get.html +0 -149
  190. package/docs/crawl/docs/_decorators/handle.html +0 -165
  191. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  192. package/docs/crawl/docs/_decorators/patch.html +0 -78
  193. package/docs/crawl/docs/_decorators/post.html +0 -139
  194. package/docs/crawl/docs/_decorators/publish.html +0 -61
  195. package/docs/crawl/docs/_decorators/put.html +0 -78
  196. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  197. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  198. package/docs/crawl/docs/_directives/sub.html +0 -93
  199. package/docs/crawl/docs/_getting-started/ai-agents.html +0 -173
  200. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  201. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  202. package/docs/crawl/docs/_getting-started/create-a-component.html +0 -111
  203. package/docs/crawl/docs/_getting-started/my-first-component.html +0 -189
  204. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  205. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  206. package/docs/crawl/docs/_getting-started/start.html +0 -76
  207. package/docs/crawl/docs/_getting-started/theming.html +0 -85
  208. package/docs/crawl/docs/_misc/api-configuration.html +0 -149
  209. package/docs/crawl/docs/_misc/dataProviderKey.html +0 -135
  210. package/docs/crawl/docs/_misc/docs-mock-api.html +0 -158
  211. package/docs/crawl/docs/_misc/dynamic-path.html +0 -180
  212. package/docs/crawl/docs/_misc/endpoint.html +0 -50
  213. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  214. package/docs/crawl/docs/_misc/html-integration.html +0 -48
  215. package/docs/crawl/hubs/decorators.html +0 -547
  216. package/docs/crawl/hubs/form-components.html +0 -359
  217. package/docs/crawl/hubs/remote-data.html +0 -452
  218. package/docs/crawl/index.html +0 -101
  219. package/docs/llms-full.txt +0 -5761
  220. package/docs/llms.txt +0 -104
  221. package/docs/sitemap.xml +0 -237
  222. package/docs/src/core/components/functional/date/date.md +0 -290
  223. package/docs/src/core/components/functional/fetch/fetch.md +0 -125
  224. package/docs/src/core/components/functional/if/if.md +0 -9
  225. package/docs/src/core/components/functional/jsonata/jsonata.md +0 -56
  226. package/docs/src/core/components/functional/list/list.md +0 -65
  227. package/docs/src/core/components/functional/mix/mix.md +0 -41
  228. package/docs/src/core/components/functional/queue/queue.md +0 -72
  229. package/docs/src/core/components/functional/router/router.md +0 -94
  230. package/docs/src/core/components/functional/sdui/default-library.json +0 -108
  231. package/docs/src/core/components/functional/sdui/example.json +0 -99
  232. package/docs/src/core/components/functional/sdui/sdui.md +0 -356
  233. package/docs/src/core/components/functional/states/states.md +0 -87
  234. package/docs/src/core/components/functional/submit/submit.md +0 -114
  235. package/docs/src/core/components/functional/subscriber/subscriber.md +0 -91
  236. package/docs/src/core/components/functional/value/value.md +0 -35
  237. package/docs/src/core/components/ui/alert/alert.md +0 -121
  238. package/docs/src/core/components/ui/alert-messages/alert-messages.md +0 -0
  239. package/docs/src/core/components/ui/badge/badge.md +0 -127
  240. package/docs/src/core/components/ui/button/button.md +0 -182
  241. package/docs/src/core/components/ui/captcha/captcha.md +0 -12
  242. package/docs/src/core/components/ui/card/card.md +0 -97
  243. package/docs/src/core/components/ui/divider/divider.md +0 -35
  244. package/docs/src/core/components/ui/form/checkbox/checkbox.md +0 -77
  245. package/docs/src/core/components/ui/form/fieldset/fieldset.md +0 -129
  246. package/docs/src/core/components/ui/form/form-actions/form-actions.md +0 -77
  247. package/docs/src/core/components/ui/form/form-layout/form-layout.md +0 -44
  248. package/docs/src/core/components/ui/form/input/input.md +0 -142
  249. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  250. package/docs/src/core/components/ui/form/radio/radio.md +0 -57
  251. package/docs/src/core/components/ui/form/select/select.md +0 -71
  252. package/docs/src/core/components/ui/form/switch/switch.md +0 -57
  253. package/docs/src/core/components/ui/form/textarea/textarea.md +0 -65
  254. package/docs/src/core/components/ui/group/group.md +0 -75
  255. package/docs/src/core/components/ui/icon/icon.md +0 -125
  256. package/docs/src/core/components/ui/icon/icons.json +0 -1
  257. package/docs/src/core/components/ui/image/image.md +0 -107
  258. package/docs/src/core/components/ui/link/link.md +0 -43
  259. package/docs/src/core/components/ui/loader/loader.md +0 -55
  260. package/docs/src/core/components/ui/menu/menu.md +0 -329
  261. package/docs/src/core/components/ui/modal/modal.md +0 -119
  262. package/docs/src/core/components/ui/pop/pop.md +0 -96
  263. package/docs/src/core/components/ui/progress/progress.md +0 -63
  264. package/docs/src/core/components/ui/table/table.md +0 -455
  265. package/docs/src/core/components/ui/toast/toast.md +0 -166
  266. package/docs/src/core/components/ui/tooltip/tooltip.md +0 -82
  267. package/docs/src/docs/_core-concept/dataFlow.md +0 -88
  268. package/docs/src/docs/_core-concept/overview.md +0 -57
  269. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  270. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -127
  271. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  272. package/docs/src/docs/_decorators/bind.md +0 -167
  273. package/docs/src/docs/_decorators/get.md +0 -162
  274. package/docs/src/docs/_decorators/handle.md +0 -175
  275. package/docs/src/docs/_decorators/on-assign.md +0 -390
  276. package/docs/src/docs/_decorators/patch.md +0 -70
  277. package/docs/src/docs/_decorators/post.md +0 -146
  278. package/docs/src/docs/_decorators/publish.md +0 -55
  279. package/docs/src/docs/_decorators/put.md +0 -70
  280. package/docs/src/docs/_decorators/subscribe.md +0 -100
  281. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  282. package/docs/src/docs/_directives/sub.md +0 -91
  283. package/docs/src/docs/_getting-started/ai-agents.md +0 -76
  284. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  285. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  286. package/docs/src/docs/_getting-started/create-a-component.md +0 -139
  287. package/docs/src/docs/_getting-started/my-first-component.md +0 -236
  288. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  289. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  290. package/docs/src/docs/_getting-started/start.md +0 -47
  291. package/docs/src/docs/_getting-started/theming.md +0 -91
  292. package/docs/src/docs/_misc/api-configuration.md +0 -81
  293. package/docs/src/docs/_misc/dataProviderKey.md +0 -168
  294. package/docs/src/docs/_misc/docs-mock-api.md +0 -63
  295. package/docs/src/docs/_misc/dynamic-path.md +0 -71
  296. package/docs/src/docs/_misc/endpoint.md +0 -45
  297. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  298. package/docs/src/docs/_misc/html-integration.md +0 -15
  299. package/docs/src/docs/search/docs-search.json +0 -9507
  300. package/docs/src/tag-list.json +0 -1
  301. package/docs/src/tsconfig-model.json +0 -23
  302. package/docs/src/tsconfig.declarations.json +0 -22
  303. package/docs/src/tsconfig.emit.json +0 -23
  304. package/docs/src/tsconfig.json +0 -1182
  305. package/gitlab/job_github_mirror.sh +0 -39
  306. package/scripts/github-export.mjs +0 -150
  307. package/src/css.d.ts +0 -19
  308. package/src/docs/prism/index.ts +0 -6
  309. package/src/docs/prism/prism.css +0 -158
  310. package/src/docs/prism/prism.js +0 -1022
  311. package/src/tsconfig.declarations.json +0 -22
  312. package/src/tsconfig.emit.json +0 -23
@@ -1,329 +0,0 @@
1
- # Menu
2
-
3
- ## Direction
4
- <sonic-code>
5
- <template>
6
- <sonic-menu direction="row" >
7
- <sonic-menu-item variant="ghost">
8
- <sonic-icon library="iconoir" name="arrow-right" slot="prefix"></sonic-icon>
9
- Row
10
- </sonic-menu-item>
11
- <sonic-menu-item>
12
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
13
- Profile
14
- </sonic-menu-item>
15
- <sonic-menu-item >
16
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
17
- History
18
- </sonic-menu-item>
19
- <sonic-menu-item >
20
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
21
- Orders
22
- </sonic-menu-item>
23
- <sonic-menu-item type="danger">
24
- <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
25
- Log out
26
- </sonic-menu-item>
27
- </sonic-menu>
28
- <sonic-menu direction ="column" >
29
- <sonic-menu-item variant="ghost">
30
- <sonic-icon library="iconoir" name="arrow-down" slot="prefix"></sonic-icon>
31
- Column
32
- </sonic-menu-item>
33
- <sonic-menu-item>
34
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
35
- Profile
36
- </sonic-menu-item>
37
- <sonic-menu-item >
38
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
39
- History
40
- </sonic-menu-item>
41
- <sonic-menu-item >
42
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
43
- Orders
44
- </sonic-menu-item>
45
- <sonic-menu-item type="danger">
46
- <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
47
- Log out
48
- </sonic-menu-item>
49
- </sonic-menu>
50
- </template>
51
- </sonic-code>
52
-
53
- ## Size
54
- <sonic-code>
55
- <template>
56
- <div class="grid gap-3">
57
- <sonic-menu size="xs" direction="row">
58
- <sonic-menu-item>
59
- XS
60
- </sonic-menu-item>
61
- <sonic-menu-item>
62
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
63
- Profile
64
- </sonic-menu-item>
65
- <sonic-menu-item >
66
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
67
- History
68
- </sonic-menu-item>
69
- <sonic-menu-item >
70
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
71
- Orders
72
- </sonic-menu-item>
73
- </sonic-menu>
74
- <sonic-menu size="sm" direction="row">
75
- <sonic-menu-item>
76
- Small
77
- </sonic-menu-item>
78
- <sonic-menu-item>
79
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
80
- Profile
81
- </sonic-menu-item>
82
- <sonic-menu-item >
83
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
84
- History
85
- </sonic-menu-item>
86
- <sonic-menu-item >
87
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
88
- Orders
89
- </sonic-menu-item>
90
- </sonic-menu>
91
- <sonic-menu direction="row">
92
- <sonic-menu-item>
93
- Medium
94
- </sonic-menu-item>
95
- <sonic-menu-item>
96
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
97
- Profile
98
- </sonic-menu-item>
99
- <sonic-menu-item >
100
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
101
- History
102
- </sonic-menu-item>
103
- <sonic-menu-item >
104
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
105
- Orders
106
- </sonic-menu-item>
107
- </sonic-menu>
108
- <sonic-menu size="lg" direction="row">
109
- <sonic-menu-item>
110
- Large
111
- </sonic-menu-item>
112
- <sonic-menu-item>
113
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
114
- Profile
115
- </sonic-menu-item>
116
- <sonic-menu-item >
117
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
118
- History
119
- </sonic-menu-item>
120
- <sonic-menu-item >
121
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
122
- Orders
123
- </sonic-menu-item>
124
- </sonic-menu>
125
- <sonic-menu size="xl" direction="row">
126
- <sonic-menu-item>
127
- XL
128
- </sonic-menu-item>
129
- <sonic-menu-item>
130
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
131
- Profile
132
- </sonic-menu-item>
133
- <sonic-menu-item >
134
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
135
- History
136
- </sonic-menu-item>
137
- <sonic-menu-item >
138
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
139
- Orders
140
- </sonic-menu-item>
141
- </sonic-menu>
142
- </div>
143
- </template>
144
- </sonic-code>
145
-
146
- ## Shadow
147
- <sonic-code>
148
- <template>
149
- <div class="grid gap-3">
150
- <sonic-menu direction="row">
151
- <sonic-menu-item>
152
- None
153
- </sonic-menu-item>
154
- </sonic-menu>
155
- <sonic-menu shadow="sm" direction="row">
156
- <sonic-menu-item>
157
- Small
158
- </sonic-menu-item>
159
- </sonic-menu>
160
- <sonic-menu shadow="md" direction="row">
161
- <sonic-menu-item>
162
- Medium
163
- </sonic-menu-item>
164
- </sonic-menu>
165
- <sonic-menu shadow="lg" direction="row">
166
- <sonic-menu-item>
167
- Large
168
- </sonic-menu-item>
169
- </sonic-menu>
170
- </div>
171
- </template>
172
- </sonic-code>
173
-
174
- ## Align
175
- <sonic-code>
176
- <template>
177
- <sonic-menu align="center">
178
- <sonic-menu-item variant="ghost">
179
- <sonic-icon library="iconoir" name="home"></sonic-icon>
180
- Home
181
- </sonic-menu-item>
182
- <sonic-menu-item>
183
- <sonic-icon library="iconoir" name="user"></sonic-icon>
184
- Profile
185
- </sonic-menu-item>
186
- </sonic-menu>
187
- <sonic-menu align="left">
188
- <sonic-menu-item variant="ghost">
189
- <sonic-icon library="iconoir" name="home"></sonic-icon>
190
- Home
191
- </sonic-menu-item>
192
- <sonic-menu-item>
193
- <sonic-icon library="iconoir" name="user"></sonic-icon>
194
- Profile
195
- </sonic-menu-item>
196
- </sonic-menu>
197
- <sonic-menu align="right">
198
- <sonic-menu-item variant="ghost">
199
- <sonic-icon library="iconoir" name="home"></sonic-icon>
200
- Home
201
- </sonic-menu-item>
202
- <sonic-menu-item>
203
- <sonic-icon library="iconoir" name="user"></sonic-icon>
204
- Profile
205
- </sonic-menu-item>
206
- </sonic-menu>
207
- </template>
208
- </sonic-code>
209
-
210
-
211
-
212
- ## More
213
- <sonic-code>
214
- <template>
215
- <sonic-menu direction="row">
216
- <sonic-menu-item variant="ghost">
217
- <sonic-icon library="iconoir" name="home"></sonic-icon>
218
- Home
219
- </sonic-menu-item>
220
- <sonic-menu-item>
221
- <sonic-icon library="iconoir" name="user"></sonic-icon>
222
- Profile
223
- </sonic-menu-item>
224
- <sonic-menu-item >
225
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
226
- History
227
- </sonic-menu-item>
228
- <sonic-menu-item >
229
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
230
- Orders
231
- </sonic-menu-item>
232
- <sonic-menu slot="more">
233
- <sonic-menu-item >
234
- <sonic-icon library="iconoir" name="settings" slot="prefix"></sonic-icon>
235
- Settings
236
- </sonic-menu-item>
237
- <sonic-menu-item >
238
- <sonic-icon library="iconoir" name="chat-bubble" slot="prefix"></sonic-icon>
239
- Messages
240
- </sonic-menu-item>
241
- <sonic-divider></sonic-divider>
242
- <sonic-menu-item type="danger">
243
- <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
244
- Log out
245
- </sonic-menu-item>
246
- </sonic-menu>
247
- </sonic-menu>
248
- </template>
249
- </sonic-code>
250
-
251
- ## Scrollable
252
- <sonic-code>
253
- <template>
254
- <sonic-menu direction="row" scrollable>
255
- <sonic-menu-item variant="ghost">
256
- <sonic-icon library="iconoir" name="home" slot="prefix"></sonic-icon>
257
- Home
258
- </sonic-menu-item>
259
- <sonic-menu-item>
260
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
261
- Profile
262
- </sonic-menu-item>
263
- <sonic-menu-item >
264
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
265
- History
266
- </sonic-menu-item>
267
- <sonic-menu-item >
268
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
269
- Orders
270
- </sonic-menu-item> <sonic-menu-item variant="ghost">
271
- <sonic-icon library="iconoir" name="home" slot="prefix"></sonic-icon>
272
- Home
273
- </sonic-menu-item>
274
- <sonic-menu-item>
275
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
276
- Profile
277
- </sonic-menu-item>
278
- <sonic-menu-item >
279
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
280
- History
281
- </sonic-menu-item>
282
- <sonic-menu-item >
283
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
284
- Orders
285
- </sonic-menu-item> <sonic-menu-item variant="ghost">
286
- <sonic-icon library="iconoir" name="home" slot="prefix"></sonic-icon>
287
- Home
288
- </sonic-menu-item>
289
- <sonic-menu-item>
290
- <sonic-icon library="iconoir" name="user" slot="prefix"></sonic-icon>
291
- Profile
292
- </sonic-menu-item>
293
- <sonic-menu-item >
294
- <sonic-icon library="iconoir" name="clock-outline" slot="prefix"></sonic-icon>
295
- History
296
- </sonic-menu-item>
297
- <sonic-menu-item >
298
- <sonic-icon library="iconoir" name="bag" slot="prefix"></sonic-icon>
299
- Orders
300
- </sonic-menu-item>
301
- <sonic-menu-item >
302
- <sonic-icon library="iconoir" name="settings" slot="prefix"></sonic-icon>
303
- Settings
304
- </sonic-menu-item>
305
- <sonic-menu-item >
306
- <sonic-icon library="iconoir" name="chat-bubble" slot="prefix"></sonic-icon>
307
- Messages
308
- </sonic-menu-item>
309
- <sonic-menu slot="more">
310
- <sonic-menu-item >
311
- <sonic-icon library="iconoir" name="settings" slot="prefix"></sonic-icon>
312
- Settings
313
- </sonic-menu-item>
314
- <sonic-menu-item >
315
- <sonic-icon library="iconoir" name="chat-bubble" slot="prefix"></sonic-icon>
316
- Messages
317
- </sonic-menu-item>
318
- <sonic-divider></sonic-divider>
319
- <sonic-menu-item type="danger">
320
- <sonic-icon library="iconoir" name="log-out" slot="prefix"></sonic-icon>
321
- Log out
322
- </sonic-menu-item>
323
- </sonic-menu>
324
-
325
- </template>
326
- </sonic-code>
327
-
328
-
329
-
@@ -1,119 +0,0 @@
1
- ## Modal
2
-
3
- <sonic-code>
4
- <template>
5
- <sonic-button onclick="document.getElementById('modalExample').show()">
6
- Simple modal
7
- </sonic-button>
8
- <sonic-modal id="modalExample">
9
- <sonic-modal-title
10
- >Lorem ipsum dolor sit amet <sonic-badge type="danger" size="sm">+33</sonic-badge></sonic-modal-title
11
- >
12
- <sonic-modal-subtitle>Donec sed vestibulum augue.</sonic-modal-subtitle>
13
- <sonic-modal-content>
14
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus.
15
- </sonic-modal-content>
16
- <sonic-modal-actions formDataProvider="ModalMiniForm">
17
- <sonic-button FormCheckable minWidth="8rem" value="true" name="click">
18
- Click don't close
19
- </sonic-button>
20
- <sonic-button minWidth="8rem" type="success" hideModal>Confirm</sonic-button>
21
- </sonic-modal-actions>
22
- </sonic-modal>
23
- </template>
24
- </sonic-code>
25
-
26
-
27
- ## Long text
28
-
29
- <sonic-code>
30
- <template>
31
- <sonic-button onclick="document.getElementById('modalText').show()"> Long text </sonic-button>
32
- <sonic-modal align="left" id="modalText">
33
- <sonic-modal-title>Infos et tarifs </sonic-modal-title>
34
- <sonic-modal-content>
35
- <div class="prose">
36
- <p>
37
- <strong>Horaires d’ouverture </strong><br />
38
- Du mercredi au samedi de 13h30 à 19h et le dimanche de 13h30 à 18h<br />
39
- + horaires spécifiques pour événements ou festivals&nbsp;
40
- </p>
41
- <p>
42
- <strong> Billetterie&nbsp;<br /></strong>
43
- La participation à certains événements et activités est soumise à un système de billetterie avec achats ou
44
- réservations disponibles en ligne ou au guichet.&nbsp;&nbsp;<strong><br /></strong>
45
- </p>
46
- <p>
47
- Les tarifs (Tarif plein / Tarif Réduit / Tarif Spécifique) sont indiqués pour chaque événement et peuvent
48
- varier selon la nature de l’événement. Les tarifs sont identiques en ligne et au guichet. Il est néanmoins
49
- conseillé de réserver les billets en avance pour s’assurer une place.
50
- </p>
51
- <p>
52
- L’accès au Skatepark, Fablab et Halle C sont soumis à adhésions. Les adhésions sont gratuites et
53
- nominatives. Elle donnent accès aux espaces dans la limite des places disponibles.
54
- </p>
55
- <p>
56
- <strong>+ d’infos <br /></strong>billetterie@laconditionpublique.com <br />+33 (0)328334833&nbsp;
57
- </p>
58
- <br />
59
- <p>
60
- <strong>Accès <br /></strong>14, place Faidherbe <br />59100 Roubaix <br />Métro / Tram : Arrêt
61
- Eurotéléport, Ligne 2 <br />Bus / V’Lille : Arrêt Condition Publique&nbsp;
62
- </p>
63
- <p>
64
- Accès handicapés : nous contacter avant votre venue au 03 28 33 48 33 ou par mail
65
- billetterie@laconditionpublique.com
66
- </p>
67
- </div>
68
- </sonic-modal-content>
69
- </sonic-modal>
70
- </template>
71
- </sonic-code>
72
-
73
- ## Force action
74
-
75
- <sonic-code>
76
- <template>
77
- <sonic-button onclick="document.getElementById('force').show()"> Force action to close</sonic-button>
78
- <sonic-modal forceAction id="force">
79
- <sonic-modal-title>Do you want some cookies ? </sonic-modal-title>
80
- <sonic-modal-content>
81
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget quam eu mi luctus faucibus.
82
- </sonic-modal-content>
83
- <sonic-modal-actions >
84
- <sonic-button hideModal minWidth="8rem"> Nope </sonic-button>
85
- <sonic-button hideModal minWidth="8rem" type="success">Hell yes !</sonic-button>
86
- </sonic-modal-actions>
87
- </sonic-modal>
88
- </sonic-modal>
89
- </template>
90
- </sonic-code>
91
-
92
- ## Custom dimensions
93
-
94
- <sonic-code>
95
- <template>
96
- <sonic-button onclick="document.getElementById('CustomWidth').show()"> Custom width </sonic-button>
97
- <sonic-modal maxHeight="50vh" maxWidth="90vw" width="100%" height="100%" id="CustomWidth">
98
- <sonic-image
99
- cover
100
- objectPosition="center 20%"
101
- src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
102
- ></sonic-image>
103
- </sonic-modal>
104
- </template>
105
- </sonic-code>
106
-
107
- ## Fullscreen
108
-
109
- <sonic-code>
110
- <template>
111
- <sonic-button onclick="document.getElementById('Fullscreen').show()"> Fullscreen </sonic-button>
112
- <sonic-modal fullscreen id="Fullscreen">
113
- <sonic-image
114
- cover
115
- src="https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg"
116
- ></sonic-image>
117
- </sonic-modal>
118
- </template>
119
- </sonic-code>
@@ -1,96 +0,0 @@
1
- # Pop
2
-
3
- ## Placement
4
- <sonic-code>
5
- <template>
6
- <sonic-pop class="inline-block" placement="left">
7
- <sonic-button>Left</sonic-button>
8
- <sonic-menu slot="content">
9
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
10
- </sonic-menu>
11
- </sonic-pop>
12
- <sonic-pop class="inline-block" placement="right">
13
- <sonic-button>Right</sonic-button>
14
- <sonic-menu slot="content">
15
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
16
- </sonic-menu>
17
- </sonic-pop>
18
- <sonic-pop class="inline-block" placement="top">
19
- <sonic-button>Top</sonic-button>
20
- <sonic-menu slot="content">
21
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
22
- </sonic-menu>
23
- </sonic-pop>
24
- <sonic-pop class="inline-block" placement="bottom">
25
- <sonic-button>Bottom</sonic-button>
26
- <sonic-menu slot="content">
27
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
28
- </sonic-menu>
29
- </sonic-pop>
30
- </template>
31
- </sonic-code>
32
-
33
- ## Shadow
34
- <sonic-code>
35
- <template>
36
- <sonic-pop class="inline-block" shadow="none" placement='top' >
37
- <sonic-button>None</sonic-button>
38
- <sonic-menu slot="content">
39
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
40
- </sonic-menu>
41
- </sonic-pop>
42
- <sonic-pop class="inline-block" shadow="sm" placement='top'>
43
- <sonic-button>Small</sonic-button>
44
- <sonic-menu slot="content">
45
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
46
- </sonic-menu>
47
- </sonic-pop>
48
- <sonic-pop class="inline-block" shadow="md" placement='top'>
49
- <sonic-button>Medium</sonic-button>
50
- <sonic-menu slot="content">
51
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
52
- </sonic-menu>
53
- </sonic-pop>
54
- <sonic-pop class="inline-block" shadow="lg" placement='top'>
55
- <sonic-button>Large</sonic-button>
56
- <sonic-menu slot="content">
57
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
58
- </sonic-menu>
59
- </sonic-pop>
60
- </template>
61
- </sonic-code>
62
-
63
- ## noToggle
64
- <sonic-code>
65
- <template>
66
- <sonic-pop class="inline-block" noToggle>
67
- <sonic-button>No toggle on click</sonic-button>
68
- <sonic-menu slot="content">
69
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
70
- </sonic-menu>
71
- </sonic-pop>
72
- <sonic-pop class="inline-block" >
73
- <sonic-button>Default toggle on click</sonic-button>
74
- <sonic-menu slot="content">
75
- <sonic-menu-item><sonic-icon library="iconoir" name="bell-notification" slot="prefix"></sonic-icon>Notifications</sonic-menu-item>
76
- </sonic-menu>
77
- </sonic-pop>
78
- </template>
79
- </sonic-code>
80
-
81
-
82
- ## manual
83
- <sonic-code>
84
- <template>
85
- <sonic-pop class="inline-block" manual id="manualPop">
86
- <sonic-button onclick="alert('customAction without opening Pop content')">Manual doesn't open on click</sonic-button>
87
- <sonic-menu slot="content">
88
- <sonic-menu-item>Hourra !</sonic-menu-item>
89
- </sonic-menu>
90
- </sonic-pop>
91
- <sonic-button onclick="document.getElementById('manualPop').show()" class="ml-5" variant="outline">
92
- <sonic-icon name="sparkles" library="custom"></sonic-icon>
93
- Click to open pop
94
- </sonic-button>
95
- </template>
96
- </sonic-code>
@@ -1,63 +0,0 @@
1
- # Progress bar
2
-
3
- Displays an indicator showing the completion progress of a task.
4
-
5
- ## Indeterminate
6
-
7
- <sonic-code>
8
- <template>
9
- <sonic-progress></sonic-progress>
10
- </template>
11
- </sonic-code>
12
-
13
-
14
- ## Remaining
15
-
16
- <sonic-code>
17
- <template>
18
- <sonic-progress type="danger" value="80">
19
- 80% Used <span slot="remaining">20% left</span>
20
- </sonic-progress>
21
- </template>
22
- </sonic-code>
23
-
24
- ## Sizes
25
-
26
- <sonic-code>
27
- <template>
28
- <div class="grid gap-3">
29
- <sonic-progress size="2xs" value="25">25%</sonic-progress>
30
- <sonic-progress size="xs" value="25">25%</sonic-progress>
31
- <sonic-progress size="sm" value="25">25%</sonic-progress>
32
- <sonic-progress size="md" value="25">25%</sonic-progress>
33
- <sonic-progress size="lg" value="25">25%</sonic-progress>
34
- <sonic-progress size="xl" value="25">25%</sonic-progress>
35
- <sonic-progress size="2xl" value="25">25%</sonic-progress>
36
- </div>
37
- </template>
38
- </sonic-code>
39
-
40
- ## Type
41
-
42
- <sonic-code>
43
- <template>
44
- <div class="grid gap-3">
45
- <sonic-progress value="50">50%</sonic-progress>
46
- <sonic-progress type="info" value="50">50%</sonic-progress>
47
- <sonic-progress type="warning" value="50">50%</sonic-progress>
48
- <sonic-progress type="success" value="50">50%</sonic-progress>
49
- <sonic-progress type="danger" value="50">50%</sonic-progress>
50
- </div>
51
- </template>
52
- </sonic-code>
53
-
54
-
55
- ## Invert
56
-
57
- <sonic-code>
58
- <template>
59
- <div class="bg-neutral-900 p-4 rounded-md">
60
- <sonic-progress type="invert" value="50">50%</sonic-progress>
61
- </div>
62
- </template>
63
- </sonic-code>