@supersoniks/concorde 5.1.0 → 5.1.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 (628) hide show
  1. package/.agents/skills/concorde-docs/SKILL.md +153 -0
  2. package/.agents/skills/{concorde-component-docs/template.md → concorde-docs/templates/component.md} +6 -2
  3. package/.agents/skills/concorde-docs/templates/decorator.md +43 -0
  4. package/.agents/skills/concorde-docs/templates/guide.md +25 -0
  5. package/.claude/launch.json +15 -0
  6. package/.claude/vite.http.config.mjs +7 -0
  7. package/.taste-skill/after/desktop-fold.jpg +0 -0
  8. package/.taste-skill/after/desktop-page-01.jpg +0 -0
  9. package/.taste-skill/after/desktop-page-02.jpg +0 -0
  10. package/.taste-skill/after/desktop-page-03.jpg +0 -0
  11. package/.taste-skill/after/mobile-fold.jpg +0 -0
  12. package/.taste-skill/after/mobile-page-01.jpg +0 -0
  13. package/.taste-skill/after/report.json +4103 -0
  14. package/.taste-skill/after/tablet-fold.jpg +0 -0
  15. package/.taste-skill/after/tablet-page-01.jpg +0 -0
  16. package/.taste-skill/after/tablet-page-02.jpg +0 -0
  17. package/.taste-skill/before/desktop-fold.jpg +0 -0
  18. package/.taste-skill/before/desktop-page-01.jpg +0 -0
  19. package/.taste-skill/before/desktop-page-02.jpg +0 -0
  20. package/.taste-skill/before/mobile-fold.jpg +0 -0
  21. package/.taste-skill/before/mobile-page-01.jpg +0 -0
  22. package/.taste-skill/before/report.json +2556 -0
  23. package/.taste-skill/before/tablet-fold.jpg +0 -0
  24. package/.taste-skill/before/tablet-page-01.jpg +0 -0
  25. package/.taste-skill/direction.json +510 -0
  26. package/.taste-skill/notes.md +84 -0
  27. package/.taste-skill/prod/desktop-fold.jpg +0 -0
  28. package/.taste-skill/prod/desktop-page-01.jpg +0 -0
  29. package/.taste-skill/prod/desktop-page-02.jpg +0 -0
  30. package/.taste-skill/prod/desktop-page-03.jpg +0 -0
  31. package/.taste-skill/prod/mobile-fold.jpg +0 -0
  32. package/.taste-skill/prod/mobile-page-01.jpg +0 -0
  33. package/.taste-skill/prod/mobile-page-02.jpg +0 -0
  34. package/.taste-skill/prod/report.json +1973 -0
  35. package/.taste-skill/prod/tablet-fold.jpg +0 -0
  36. package/.taste-skill/prod/tablet-page-01.jpg +0 -0
  37. package/.taste-skill/prod/tablet-page-02.jpg +0 -0
  38. package/.tmp-cem/custom-elements.json +2013 -2013
  39. package/AUDIT.md +228 -0
  40. package/PLAN-AMELIORATION.md +220 -0
  41. package/PLAN-DOCS-AGENTS.md +80 -0
  42. package/README.md +3 -3
  43. package/ai/skills/concorde/SKILL.md +1 -1
  44. package/ai/skills/concorde-get-set-dp/SKILL.md +3 -3
  45. package/ai/skills/concorde-theme/SKILL.md +1 -1
  46. package/build-infos.json +1 -1
  47. package/concorde-core.bundle.js +16 -16
  48. package/concorde-core.es.js +235 -233
  49. package/dist/concorde-core.bundle.js +16 -16
  50. package/dist/concorde-core.es.js +235 -233
  51. package/dist/img/archive/concorde-001-2cv.webp +0 -0
  52. package/dist/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  53. package/dist/img/archive/concorde-red-arrows-2002.webm +0 -0
  54. package/dist/img/archive/credits.json +28 -0
  55. package/docs/.htaccess +75 -0
  56. package/docs/404.html +15 -0
  57. package/docs/404.md +5 -0
  58. package/docs/assets/index-BgG6FFPt.js +11765 -0
  59. package/docs/assets/index-x89XINSG.css +1 -0
  60. package/docs/core/components/functional/date/date.html +211 -0
  61. package/docs/core/components/functional/date/date.md +150 -0
  62. package/docs/core/components/functional/fetch/fetch.html +180 -0
  63. package/docs/core/components/functional/fetch/fetch.md +108 -0
  64. package/docs/core/components/functional/if/if.html +65 -0
  65. package/docs/core/components/functional/if/if.md +34 -0
  66. package/docs/core/components/functional/jsonata/jsonata.html +110 -0
  67. package/docs/core/components/functional/jsonata/jsonata.md +61 -0
  68. package/docs/core/components/functional/list/list.html +198 -0
  69. package/docs/core/components/functional/list/list.md +121 -0
  70. package/docs/core/components/functional/mix/mix.html +78 -0
  71. package/docs/core/components/functional/mix/mix.md +46 -0
  72. package/docs/core/components/functional/queue/queue.html +155 -0
  73. package/docs/core/components/functional/queue/queue.md +51 -0
  74. package/docs/core/components/functional/router/router.html +154 -0
  75. package/docs/core/components/functional/router/router.md +93 -0
  76. package/docs/core/components/functional/sdui/sdui-extension-points.html +127 -0
  77. package/docs/core/components/functional/sdui/sdui-extension-points.md +94 -0
  78. package/docs/core/components/functional/sdui/sdui.html +397 -0
  79. package/docs/core/components/functional/sdui/sdui.md +307 -0
  80. package/docs/core/components/functional/states/states.html +141 -0
  81. package/docs/core/components/functional/states/states.md +112 -0
  82. package/docs/core/components/functional/submit/submit.html +178 -0
  83. package/docs/core/components/functional/submit/submit.md +106 -0
  84. package/docs/{crawl/core → core}/components/functional/subscriber/subscriber.html +6 -5
  85. package/docs/core/components/functional/subscriber/subscriber.md +91 -0
  86. package/docs/core/components/functional/translation/translation.html +60 -0
  87. package/docs/core/components/functional/translation/translation.md +38 -0
  88. package/docs/core/components/functional/value/value.html +81 -0
  89. package/docs/core/components/functional/value/value.md +47 -0
  90. package/docs/core/components/ui/alert/alert.html +201 -0
  91. package/docs/core/components/ui/alert/alert.md +186 -0
  92. package/docs/core/components/ui/alert-messages/alert-messages.html +132 -0
  93. package/docs/core/components/ui/alert-messages/alert-messages.md +85 -0
  94. package/docs/core/components/ui/badge/badge.html +197 -0
  95. package/docs/core/components/ui/badge/badge.md +181 -0
  96. package/docs/core/components/ui/button/button.html +309 -0
  97. package/docs/core/components/ui/button/button.md +216 -0
  98. package/docs/core/components/ui/captcha/captcha.html +80 -0
  99. package/docs/core/components/ui/captcha/captcha.md +56 -0
  100. package/docs/core/components/ui/card/card.html +254 -0
  101. package/docs/core/components/ui/card/card.md +215 -0
  102. package/docs/core/components/ui/divider/divider.html +144 -0
  103. package/docs/core/components/ui/divider/divider.md +126 -0
  104. package/docs/core/components/ui/form/checkbox/checkbox.html +200 -0
  105. package/docs/core/components/ui/form/checkbox/checkbox.md +125 -0
  106. package/docs/core/components/ui/form/fieldset/fieldset.html +238 -0
  107. package/docs/core/components/ui/form/fieldset/fieldset.md +161 -0
  108. package/docs/core/components/ui/form/form-actions/form-actions.html +122 -0
  109. package/docs/core/components/ui/form/form-actions/form-actions.md +98 -0
  110. package/docs/core/components/ui/form/form-layout/form-layout.html +115 -0
  111. package/docs/core/components/ui/form/form-layout/form-layout.md +109 -0
  112. package/docs/core/components/ui/form/input/input.html +235 -0
  113. package/docs/core/components/ui/form/input/input.md +142 -0
  114. package/docs/core/components/ui/form/radio/radio.html +144 -0
  115. package/docs/core/components/ui/form/radio/radio.md +78 -0
  116. package/docs/core/components/ui/form/select/select.html +178 -0
  117. package/docs/core/components/ui/form/select/select.md +86 -0
  118. package/docs/core/components/ui/form/switch/switch.html +146 -0
  119. package/docs/core/components/ui/form/switch/switch.md +80 -0
  120. package/docs/core/components/ui/form/textarea/textarea.html +162 -0
  121. package/docs/core/components/ui/form/textarea/textarea.md +82 -0
  122. package/docs/core/components/ui/group/group.html +113 -0
  123. package/docs/core/components/ui/group/group.md +77 -0
  124. package/docs/core/components/ui/icon/icon.html +223 -0
  125. package/docs/core/components/ui/icon/icon.md +214 -0
  126. package/docs/core/components/ui/image/image.html +194 -0
  127. package/docs/core/components/ui/image/image.md +167 -0
  128. package/docs/core/components/ui/link/link.html +101 -0
  129. package/docs/core/components/ui/link/link.md +81 -0
  130. package/docs/core/components/ui/loader/loader.html +114 -0
  131. package/docs/core/components/ui/loader/loader.md +87 -0
  132. package/docs/{crawl/core → core}/components/ui/menu/menu.html +189 -116
  133. package/docs/core/components/ui/menu/menu.md +370 -0
  134. package/docs/core/components/ui/modal/modal.html +324 -0
  135. package/docs/core/components/ui/modal/modal.md +211 -0
  136. package/docs/core/components/ui/pop/pop.html +250 -0
  137. package/docs/core/components/ui/pop/pop.md +216 -0
  138. package/docs/core/components/ui/progress/progress.html +132 -0
  139. package/docs/core/components/ui/progress/progress.md +109 -0
  140. package/docs/core/components/ui/table/table.html +333 -0
  141. package/docs/core/components/ui/table/table.md +267 -0
  142. package/docs/core/components/ui/theme/theme.html +116 -0
  143. package/docs/core/components/ui/theme/theme.md +97 -0
  144. package/docs/core/components/ui/toast/toast.html +185 -0
  145. package/docs/core/components/ui/toast/toast.md +147 -0
  146. package/docs/core/components/ui/tooltip/tooltip.html +112 -0
  147. package/docs/core/components/ui/tooltip/tooltip.md +89 -0
  148. package/docs/docs/decorators/ancestor-attribute.html +71 -0
  149. package/docs/docs/decorators/ancestor-attribute.md +59 -0
  150. package/docs/docs/decorators/auto-subscribe.html +61 -0
  151. package/docs/docs/decorators/auto-subscribe.md +40 -0
  152. package/docs/docs/decorators/bind.html +86 -0
  153. package/docs/docs/decorators/bind.md +77 -0
  154. package/docs/docs/decorators/get.html +166 -0
  155. package/docs/docs/decorators/get.md +160 -0
  156. package/docs/docs/decorators/handle.html +139 -0
  157. package/docs/docs/decorators/handle.md +119 -0
  158. package/docs/docs/decorators/on-assign.html +72 -0
  159. package/docs/docs/decorators/on-assign.md +63 -0
  160. package/docs/docs/decorators/patch.html +76 -0
  161. package/docs/docs/decorators/patch.md +44 -0
  162. package/docs/docs/decorators/post.html +150 -0
  163. package/docs/docs/decorators/post.md +134 -0
  164. package/docs/docs/decorators/publish.html +74 -0
  165. package/docs/docs/decorators/publish.md +56 -0
  166. package/docs/docs/decorators/put.html +83 -0
  167. package/docs/docs/decorators/put.md +51 -0
  168. package/docs/docs/decorators/subscribe.html +91 -0
  169. package/docs/docs/decorators/subscribe.md +87 -0
  170. package/docs/docs/decorators/wait-for-ancestors.html +82 -0
  171. package/docs/docs/decorators/wait-for-ancestors.md +76 -0
  172. package/docs/docs/directives/sub.html +79 -0
  173. package/docs/docs/directives/sub.md +75 -0
  174. package/docs/docs/directives/t.html +91 -0
  175. package/docs/docs/directives/t.md +73 -0
  176. package/docs/{crawl/docs/_getting-started → docs/getting-started}/ai-agents.html +12 -11
  177. package/{src/docs/_getting-started → docs/docs/getting-started}/ai-agents.md +3 -3
  178. package/docs/docs/getting-started/components.html +27 -0
  179. package/docs/docs/getting-started/components.md +5 -0
  180. package/docs/{crawl/docs/_getting-started → docs/getting-started}/create-a-component.html +11 -14
  181. package/docs/{src/docs/_getting-started → docs/getting-started}/create-a-component.md +3 -6
  182. package/docs/{crawl/docs/_core-concept → docs/getting-started}/dataFlow.html +26 -29
  183. package/docs/{src/docs/_core-concept → docs/getting-started}/dataFlow.md +17 -18
  184. package/docs/docs/getting-started/installation.html +69 -0
  185. package/docs/docs/getting-started/installation.md +36 -0
  186. package/docs/{crawl/docs/_getting-started → docs/getting-started}/my-first-component.html +13 -22
  187. package/docs/{src/docs/_getting-started → docs/getting-started}/my-first-component.md +5 -14
  188. package/docs/docs/getting-started/start.html +47 -0
  189. package/{src/docs/_getting-started → docs/docs/getting-started}/start.md +1 -13
  190. package/docs/docs/getting-started/theming.html +334 -0
  191. package/{src/docs/_getting-started → docs/docs/getting-started}/theming.md +2 -2
  192. package/docs/docs/index.html +99 -0
  193. package/docs/{crawl/docs/_misc → docs/misc}/api-configuration.html +18 -18
  194. package/docs/{src/docs/_misc → docs/misc}/api-configuration.md +10 -12
  195. package/docs/{crawl/docs/_misc → docs/misc}/dataProviderKey.html +12 -11
  196. package/{src/docs/_misc → docs/docs/misc}/dataProviderKey.md +4 -4
  197. package/docs/{crawl/docs/_misc → docs/misc}/docs-mock-api.html +25 -28
  198. package/docs/{src/docs/_misc → docs/misc}/docs-mock-api.md +12 -13
  199. package/docs/{crawl/docs/_misc → docs/misc}/dynamic-path.html +16 -15
  200. package/{src/docs/_misc → docs/docs/misc}/dynamic-path.md +8 -8
  201. package/docs/{crawl/docs/_misc → docs/misc}/endpoint.html +16 -15
  202. package/{src/docs/_misc → docs/docs/misc}/endpoint.md +8 -8
  203. package/docs/{crawl/docs/_misc → docs/misc}/html-integration.html +12 -15
  204. package/docs/{src/docs/_misc → docs/misc}/html-integration.md +4 -5
  205. package/docs/docs-mock-api-sw.js +60 -223
  206. package/docs/docs-mock-api-sw.js.map +4 -4
  207. package/docs/hubs/decorators.html +443 -0
  208. package/docs/hubs/form-components.html +404 -0
  209. package/docs/hubs/remote-data.html +371 -0
  210. package/docs/img/archive/concorde-001-2cv.webp +0 -0
  211. package/docs/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  212. package/docs/img/archive/concorde-red-arrows-2002.webm +0 -0
  213. package/docs/img/archive/credits.json +28 -0
  214. package/docs/img/concorde/plane_01.jpg +0 -0
  215. package/docs/img/concorde/plane_02.jpg +0 -0
  216. package/docs/img/concorde/plane_03.jpg +0 -0
  217. package/docs/img/concorde/plane_04.jpg +0 -0
  218. package/docs/img/concorde/plane_05.jpg +0 -0
  219. package/docs/img/concorde/plane_06.jpg +0 -0
  220. package/docs/img/concorde/plane_07.jpg +0 -0
  221. package/docs/img/concorde/plane_08.jpg +0 -0
  222. package/docs/img/concorde/plane_09.jpg +0 -0
  223. package/docs/img/concorde/plane_10.jpg +0 -0
  224. package/docs/img/concorde/plane_11.jpg +0 -0
  225. package/docs/img/concorde/plane_12.jpg +0 -0
  226. package/docs/img/concorde/plane_13.jpg +0 -0
  227. package/docs/index.html +96 -67
  228. package/docs/index.md +22 -0
  229. package/docs/llms-full.txt +3329 -3295
  230. package/docs/llms.txt +94 -92
  231. package/docs/robots.txt +11 -10
  232. package/docs/sitemap.xml +78 -78
  233. package/docs/src/core/components/functional/date/date.md +91 -231
  234. package/docs/src/core/components/functional/fetch/fetch.md +66 -83
  235. package/docs/src/core/components/functional/if/if.md +28 -3
  236. package/docs/src/core/components/functional/jsonata/jsonata.md +42 -37
  237. package/docs/src/core/components/functional/list/list.md +99 -43
  238. package/docs/src/core/components/functional/mix/mix.md +31 -26
  239. package/docs/src/core/components/functional/queue/queue.md +40 -61
  240. package/docs/src/core/components/functional/router/router.md +64 -65
  241. package/docs/src/core/components/functional/sdui/component-catalog.gaps.json +511 -0
  242. package/docs/src/core/components/functional/sdui/component-catalog.json +3103 -0
  243. package/docs/src/core/components/functional/sdui/example.json +19 -86
  244. package/docs/src/core/components/functional/sdui/sdui-extension-points.md +94 -0
  245. package/docs/src/core/components/functional/sdui/sdui.md +196 -245
  246. package/docs/src/core/components/functional/states/states.md +86 -61
  247. package/docs/src/core/components/functional/submit/submit.md +64 -72
  248. package/docs/src/core/components/functional/translation/translation.md +38 -0
  249. package/docs/src/core/components/functional/value/value.md +34 -22
  250. package/docs/src/core/components/ui/alert/alert.md +139 -74
  251. package/docs/src/core/components/ui/alert-messages/alert-messages.md +85 -0
  252. package/docs/src/core/components/ui/badge/badge.md +137 -83
  253. package/docs/src/core/components/ui/button/button.md +139 -105
  254. package/docs/src/core/components/ui/captcha/captcha.md +50 -6
  255. package/docs/src/core/components/ui/card/card.md +183 -65
  256. package/docs/src/core/components/ui/divider/divider.md +104 -13
  257. package/docs/src/core/components/ui/form/checkbox/checkbox.md +90 -42
  258. package/docs/src/core/components/ui/form/fieldset/fieldset.md +135 -103
  259. package/docs/src/core/components/ui/form/form-actions/form-actions.md +71 -50
  260. package/docs/src/core/components/ui/form/form-layout/form-layout.md +99 -34
  261. package/docs/src/core/components/ui/form/input/input.md +95 -95
  262. package/docs/src/core/components/ui/form/radio/radio.md +55 -34
  263. package/docs/src/core/components/ui/form/select/select.md +60 -45
  264. package/docs/src/core/components/ui/form/switch/switch.md +57 -34
  265. package/docs/src/core/components/ui/form/textarea/textarea.md +55 -38
  266. package/docs/src/core/components/ui/group/group.md +49 -47
  267. package/docs/src/core/components/ui/icon/icon.md +132 -43
  268. package/docs/src/core/components/ui/image/image.md +132 -72
  269. package/docs/src/core/components/ui/link/link.md +46 -8
  270. package/docs/src/core/components/ui/loader/loader.md +55 -23
  271. package/docs/src/core/components/ui/menu/menu.md +155 -114
  272. package/docs/src/core/components/ui/modal/modal.md +154 -62
  273. package/docs/src/core/components/ui/pop/pop.md +185 -65
  274. package/docs/src/core/components/ui/progress/progress.md +76 -30
  275. package/docs/src/core/components/ui/table/table.md +146 -334
  276. package/docs/src/core/components/ui/theme/theme.md +97 -0
  277. package/docs/src/core/components/ui/toast/toast.md +80 -99
  278. package/docs/src/core/components/ui/tooltip/tooltip.md +52 -45
  279. package/docs/src/docs/decorators/ancestor-attribute.md +59 -0
  280. package/docs/src/docs/decorators/auto-subscribe.md +40 -0
  281. package/docs/src/docs/decorators/bind.md +77 -0
  282. package/docs/src/docs/decorators/get.md +160 -0
  283. package/docs/src/docs/decorators/handle.md +119 -0
  284. package/docs/src/docs/decorators/on-assign.md +63 -0
  285. package/docs/src/docs/decorators/patch.md +44 -0
  286. package/docs/src/docs/decorators/post.md +134 -0
  287. package/docs/src/docs/decorators/publish.md +56 -0
  288. package/docs/src/docs/decorators/put.md +51 -0
  289. package/docs/src/docs/decorators/subscribe.md +87 -0
  290. package/docs/src/docs/decorators/wait-for-ancestors.md +76 -0
  291. package/docs/src/docs/directives/sub.md +75 -0
  292. package/docs/src/docs/directives/t.md +73 -0
  293. package/docs/src/docs/{_getting-started → getting-started}/ai-agents.md +3 -3
  294. package/docs/src/docs/getting-started/components.md +5 -0
  295. package/{src/docs/_getting-started → docs/src/docs/getting-started}/create-a-component.md +3 -6
  296. package/{src/docs/_core-concept → docs/src/docs/getting-started}/dataFlow.md +17 -18
  297. package/docs/src/docs/getting-started/installation.md +36 -0
  298. package/{src/docs/_getting-started → docs/src/docs/getting-started}/my-first-component.md +5 -14
  299. package/docs/src/docs/getting-started/start.md +35 -0
  300. package/docs/src/docs/getting-started/theming.md +253 -0
  301. package/{src/docs/_misc → docs/src/docs/misc}/api-configuration.md +10 -12
  302. package/docs/src/docs/{_misc → misc}/dataProviderKey.md +4 -4
  303. package/{src/docs/_misc → docs/src/docs/misc}/docs-mock-api.md +12 -13
  304. package/docs/src/docs/{_misc → misc}/dynamic-path.md +8 -8
  305. package/docs/src/docs/{_misc → misc}/endpoint.md +8 -8
  306. package/{src/docs/_misc → docs/src/docs/misc}/html-integration.md +4 -5
  307. package/docs/src/docs/search/docs-search.json +3729 -2949
  308. package/docs/src/tsconfig.json +176 -5
  309. package/index.html +94 -67
  310. package/package.json +11 -4
  311. package/public/docs-mock-api-sw.js +58 -223
  312. package/public/docs-mock-api-sw.js.map +4 -4
  313. package/public/img/archive/concorde-001-2cv.webp +0 -0
  314. package/public/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
  315. package/public/img/archive/concorde-red-arrows-2002.webm +0 -0
  316. package/public/img/archive/credits.json +28 -0
  317. package/public/img/concorde/plane_01.jpg +0 -0
  318. package/public/img/concorde/plane_02.jpg +0 -0
  319. package/public/img/concorde/plane_03.jpg +0 -0
  320. package/public/img/concorde/plane_04.jpg +0 -0
  321. package/public/img/concorde/plane_05.jpg +0 -0
  322. package/public/img/concorde/plane_06.jpg +0 -0
  323. package/public/img/concorde/plane_07.jpg +0 -0
  324. package/public/img/concorde/plane_08.jpg +0 -0
  325. package/public/img/concorde/plane_09.jpg +0 -0
  326. package/public/img/concorde/plane_10.jpg +0 -0
  327. package/public/img/concorde/plane_11.jpg +0 -0
  328. package/public/img/concorde/plane_12.jpg +0 -0
  329. package/public/img/concorde/plane_13.jpg +0 -0
  330. package/public/robots.txt +11 -10
  331. package/scripts/docs-markdown-vite-plugin.ts +37 -0
  332. package/scripts/docs-public-url.mjs +50 -0
  333. package/scripts/docs.htaccess +75 -0
  334. package/scripts/generate-crawl-docs.mjs +207 -116
  335. package/scripts/generate-crawl-docs.test.mjs +124 -0
  336. package/scripts/post-build-docs.js +34 -50
  337. package/scripts/post-build.mjs +0 -0
  338. package/src/core/components/functional/date/date.md +91 -231
  339. package/src/core/components/functional/fetch/fetch.md +66 -83
  340. package/src/core/components/functional/if/if.md +28 -3
  341. package/src/core/components/functional/if/if.ts +0 -0
  342. package/src/core/components/functional/jsonata/jsonata.md +42 -37
  343. package/src/core/components/functional/list/list.demo.ts +0 -0
  344. package/src/core/components/functional/list/list.md +99 -43
  345. package/src/core/components/functional/mix/mix.md +31 -26
  346. package/src/core/components/functional/queue/queue.demo.ts +10 -7
  347. package/src/core/components/functional/queue/queue.md +40 -61
  348. package/src/core/components/functional/router/router.demo.ts +16 -16
  349. package/src/core/components/functional/router/router.md +64 -65
  350. package/src/core/components/functional/router/router.ts +0 -0
  351. package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
  352. package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
  353. package/src/core/components/functional/sdui/component-catalog.json +1 -1
  354. package/src/core/components/functional/sdui/example.json +19 -86
  355. package/src/core/components/functional/sdui/sdui-extension-points.md +1 -1
  356. package/src/core/components/functional/sdui/sdui.md +187 -358
  357. package/src/core/components/functional/sdui/types.ts +0 -0
  358. package/src/core/components/functional/states/states.demo.ts +21 -22
  359. package/src/core/components/functional/states/states.md +86 -61
  360. package/src/core/components/functional/states/states.ts +1 -1
  361. package/src/core/components/functional/submit/submit.md +64 -72
  362. package/src/core/components/functional/subscriber/subscriber.ts +0 -0
  363. package/src/core/components/functional/translation/translation.md +38 -0
  364. package/src/core/components/functional/value/value.md +34 -22
  365. package/src/core/components/functional/value/value.ts +0 -0
  366. package/src/core/components/ui/_css/size.ts +0 -0
  367. package/src/core/components/ui/alert/alert.md +48 -58
  368. package/src/core/components/ui/badge/badge.md +27 -34
  369. package/src/core/components/ui/button/button.md +139 -106
  370. package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
  371. package/src/core/components/ui/captcha/captcha.md +17 -32
  372. package/src/core/components/ui/card/card.md +6 -6
  373. package/src/core/components/ui/divider/divider.md +8 -11
  374. package/src/core/components/ui/form/checkbox/checkbox.md +90 -42
  375. package/src/core/components/ui/form/fieldset/fieldset.md +31 -75
  376. package/src/core/components/ui/form/form-actions/form-actions.md +14 -16
  377. package/src/core/components/ui/form/form-layout/form-layout.md +19 -29
  378. package/src/core/components/ui/form/input/input.md +95 -95
  379. package/src/core/components/ui/form/radio/radio.md +55 -34
  380. package/src/core/components/ui/form/select/select.md +60 -45
  381. package/src/core/components/ui/form/switch/switch.md +57 -34
  382. package/src/core/components/ui/form/textarea/textarea.md +55 -38
  383. package/src/core/components/ui/group/group.md +35 -33
  384. package/src/core/components/ui/icon/icon.md +4 -4
  385. package/src/core/components/ui/image/image.md +41 -107
  386. package/src/core/components/ui/link/link.md +6 -6
  387. package/src/core/components/ui/loader/loader.md +30 -55
  388. package/src/core/components/ui/menu/menu.md +27 -27
  389. package/src/core/components/ui/modal/modal.md +72 -96
  390. package/src/core/components/ui/modal/modal.ts +14 -11
  391. package/src/core/components/ui/pop/pop.md +80 -158
  392. package/src/core/components/ui/progress/progress.md +2 -2
  393. package/src/core/components/ui/table/table.md +91 -255
  394. package/src/core/components/ui/theme/theme.md +11 -36
  395. package/src/core/components/ui/toast/toast.md +48 -117
  396. package/src/core/components/ui/tooltip/tooltip.md +27 -62
  397. package/src/core/mixins/Subscriber.ts +0 -0
  398. package/src/core/utils/DataBindObserver.ts +0 -0
  399. package/src/core/utils/LocationHandler.spec.ts +80 -0
  400. package/src/core/utils/LocationHandler.ts +5 -9
  401. package/src/core/utils/Objects.ts +0 -0
  402. package/src/core/utils/route.ts +0 -0
  403. package/src/docs/code.ts +88 -75
  404. package/src/docs/components/docs-demo-sources.ts +70 -147
  405. package/src/docs/components/docs-lit-demo.ts +20 -40
  406. package/src/docs/components/docs-source-link.ts +0 -82
  407. package/src/docs/decorators/ancestor-attribute.md +59 -0
  408. package/src/docs/decorators/auto-subscribe.md +40 -0
  409. package/src/docs/decorators/bind.md +77 -0
  410. package/src/docs/decorators/get.md +160 -0
  411. package/src/docs/decorators/handle.md +119 -0
  412. package/src/docs/decorators/on-assign.md +63 -0
  413. package/src/docs/decorators/patch.md +44 -0
  414. package/src/docs/decorators/post.md +134 -0
  415. package/src/docs/decorators/publish.md +56 -0
  416. package/src/docs/decorators/put.md +51 -0
  417. package/src/docs/decorators/subscribe.md +87 -0
  418. package/src/docs/decorators/wait-for-ancestors.md +76 -0
  419. package/src/docs/directives/sub.md +75 -0
  420. package/src/docs/directives/t.md +73 -0
  421. package/src/docs/docs-location.spec.ts +46 -0
  422. package/src/docs/docs-location.ts +123 -32
  423. package/src/docs/docs.ts +6 -2
  424. package/src/docs/example/decorators-demo-bind-demos.ts +81 -116
  425. package/src/docs/example/decorators-demo-geo.ts +30 -19
  426. package/src/docs/example/decorators-demo-post.ts +88 -186
  427. package/src/docs/example/decorators-demo-subscribe-publish-get-demos.ts +165 -268
  428. package/src/docs/example/decorators-demo.ts +85 -98
  429. package/src/docs/example/docs-api-config-demos.ts +19 -20
  430. package/src/docs/example/docs-boarding-pass-demo.ts +134 -0
  431. package/src/docs/example/docs-flight-demos.ts +147 -0
  432. package/src/docs/example/docs-jsonata-demos.ts +52 -52
  433. package/src/docs/example/docs-list-demos.ts +43 -123
  434. package/src/docs/example/docs-provider-keys.ts +33 -28
  435. package/src/docs/example/docs-queue-demos.ts +37 -77
  436. package/src/docs/example/docs-router-demos.ts +20 -25
  437. package/src/docs/example/docs-submit-demos.ts +48 -48
  438. package/src/docs/example/docs-toggle-demos.ts +4 -3
  439. package/src/docs/example/users.ts +0 -0
  440. package/src/docs/getting-started/ai-agents.md +76 -0
  441. package/src/docs/getting-started/components.md +5 -0
  442. package/src/docs/getting-started/create-a-component.md +136 -0
  443. package/src/docs/getting-started/dataFlow.md +87 -0
  444. package/src/docs/getting-started/installation.md +36 -0
  445. package/src/docs/getting-started/my-first-component.md +227 -0
  446. package/src/docs/getting-started/start.md +35 -0
  447. package/src/docs/getting-started/theming.md +253 -0
  448. package/src/docs/header/header.ts +240 -71
  449. package/src/docs/home/catalog.ts +44 -0
  450. package/src/docs/home/home.ts +520 -0
  451. package/src/docs/home/mach-stage.ts +389 -0
  452. package/src/docs/layout.ts +12 -11
  453. package/src/docs/misc/api-configuration.md +79 -0
  454. package/src/docs/misc/dataProviderKey.md +168 -0
  455. package/src/docs/misc/docs-mock-api.md +62 -0
  456. package/src/docs/misc/dynamic-path.md +71 -0
  457. package/src/docs/misc/endpoint.md +45 -0
  458. package/src/docs/misc/html-integration.md +14 -0
  459. package/src/docs/mock-api/api-config-mock.ts +5 -0
  460. package/src/docs/mock-api/fixtures.ts +0 -278
  461. package/src/docs/mock-api/flights.ts +89 -0
  462. package/src/docs/mock-api/router.ts +3 -4
  463. package/src/docs/mock-api/urls.ts +1 -2
  464. package/src/docs/navigation/components-index.ts +56 -0
  465. package/src/docs/navigation/navigation.ts +219 -232
  466. package/src/docs/navigation/pager.ts +67 -0
  467. package/src/docs/navigation/toc.ts +101 -0
  468. package/src/docs/search/docs-search.json +2419 -4374
  469. package/src/docs/search/markdown-renderer.ts +33 -7
  470. package/src/docs/search/page.ts +9 -6
  471. package/src/docs/search/search.ts +154 -122
  472. package/src/docs/shiki/index.ts +109 -0
  473. package/src/docs/tailwind/css/base/scrollbar.css +22 -0
  474. package/src/docs/tailwind/css/base/theme.css +96 -0
  475. package/src/docs/tailwind/css/base/typography.css +4 -0
  476. package/src/docs/tailwind/css/docs/boarding-pass.css +65 -0
  477. package/src/docs/tailwind/css/docs/content.css +32 -0
  478. package/src/docs/tailwind/css/docs/page.css +10 -0
  479. package/src/docs/tailwind/css/docs.css +9 -0
  480. package/src/docs/tailwind/css/home/hero.css +210 -0
  481. package/src/docs/tailwind/css/home/motion.css +84 -0
  482. package/src/docs/tailwind/css/home/sections.css +416 -0
  483. package/src/docs/tailwind/css/tailwind.css +7 -185
  484. package/src/tsconfig.json +23 -2
  485. package/src/tsconfig.tsbuildinfo +1 -1
  486. package/tailwind.config.js +8 -4
  487. package/vite.config.mts +11 -2
  488. package/.agents/skills/concorde-component-docs/SKILL.md +0 -194
  489. package/.github/workflows/ci.yml +0 -21
  490. package/.github-export-ignore +0 -30
  491. package/CONTRIBUTING.md +0 -59
  492. package/DEV.md +0 -54
  493. package/LICENSE +0 -21
  494. package/OPEN_SOURCE_CHECKPOINT.md +0 -133
  495. package/concorde-3d.bundle.js +0 -3960
  496. package/concorde-3d.es.js +0 -33433
  497. package/concorde-hugging-face-infer.bundle.js +0 -32
  498. package/concorde-hugging-face-infer.es.js +0 -2952
  499. package/concorde-interactive.bundle.js +0 -1157
  500. package/concorde-interactive.es.js +0 -10734
  501. package/concorde-shader.bundle.js +0 -116
  502. package/concorde-shader.es.js +0 -8353
  503. package/concorde-webgpu.bundle.js +0 -307
  504. package/concorde-webgpu.es.js +0 -8627
  505. package/docs/assets/index-D8MVWqY6.js +0 -12251
  506. package/docs/assets/index-DiD0qYvE.css +0 -1
  507. package/docs/crawl/core/components/functional/date/date.html +0 -190
  508. package/docs/crawl/core/components/functional/fetch/fetch.html +0 -109
  509. package/docs/crawl/core/components/functional/if/if.html +0 -27
  510. package/docs/crawl/core/components/functional/jsonata/jsonata.html +0 -79
  511. package/docs/crawl/core/components/functional/list/list.html +0 -70
  512. package/docs/crawl/core/components/functional/mix/mix.html +0 -45
  513. package/docs/crawl/core/components/functional/queue/queue.html +0 -96
  514. package/docs/crawl/core/components/functional/router/router.html +0 -106
  515. package/docs/crawl/core/components/functional/sdui/sdui.html +0 -269
  516. package/docs/crawl/core/components/functional/states/states.html +0 -66
  517. package/docs/crawl/core/components/functional/submit/submit.html +0 -160
  518. package/docs/crawl/core/components/functional/value/value.html +0 -51
  519. package/docs/crawl/core/components/ui/alert/alert.html +0 -110
  520. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +0 -23
  521. package/docs/crawl/core/components/ui/badge/badge.html +0 -119
  522. package/docs/crawl/core/components/ui/button/button.html +0 -149
  523. package/docs/crawl/core/components/ui/captcha/captcha.html +0 -30
  524. package/docs/crawl/core/components/ui/card/card.html +0 -99
  525. package/docs/crawl/core/components/ui/divider/divider.html +0 -58
  526. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +0 -73
  527. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +0 -135
  528. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +0 -79
  529. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +0 -62
  530. package/docs/crawl/core/components/ui/form/input/input.html +0 -109
  531. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +0 -38
  532. package/docs/crawl/core/components/ui/form/radio/radio.html +0 -56
  533. package/docs/crawl/core/components/ui/form/select/select.html +0 -73
  534. package/docs/crawl/core/components/ui/form/switch/switch.html +0 -56
  535. package/docs/crawl/core/components/ui/form/textarea/textarea.html +0 -59
  536. package/docs/crawl/core/components/ui/group/group.html +0 -82
  537. package/docs/crawl/core/components/ui/icon/icon.html +0 -133
  538. package/docs/crawl/core/components/ui/image/image.html +0 -110
  539. package/docs/crawl/core/components/ui/link/link.html +0 -42
  540. package/docs/crawl/core/components/ui/loader/loader.html +0 -50
  541. package/docs/crawl/core/components/ui/modal/modal.html +0 -117
  542. package/docs/crawl/core/components/ui/pop/pop.html +0 -102
  543. package/docs/crawl/core/components/ui/progress/progress.html +0 -58
  544. package/docs/crawl/core/components/ui/table/table.html +0 -413
  545. package/docs/crawl/core/components/ui/toast/toast.html +0 -122
  546. package/docs/crawl/core/components/ui/tooltip/tooltip.html +0 -79
  547. package/docs/crawl/docs/_core-concept/overview.html +0 -66
  548. package/docs/crawl/docs/_core-concept/subscriber.html +0 -75
  549. package/docs/crawl/docs/_decorators/ancestor-attribute.html +0 -116
  550. package/docs/crawl/docs/_decorators/auto-subscribe.html +0 -202
  551. package/docs/crawl/docs/_decorators/bind.html +0 -141
  552. package/docs/crawl/docs/_decorators/get.html +0 -149
  553. package/docs/crawl/docs/_decorators/handle.html +0 -165
  554. package/docs/crawl/docs/_decorators/on-assign.html +0 -355
  555. package/docs/crawl/docs/_decorators/patch.html +0 -78
  556. package/docs/crawl/docs/_decorators/post.html +0 -139
  557. package/docs/crawl/docs/_decorators/publish.html +0 -61
  558. package/docs/crawl/docs/_decorators/put.html +0 -78
  559. package/docs/crawl/docs/_decorators/subscribe.html +0 -109
  560. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +0 -137
  561. package/docs/crawl/docs/_directives/sub.html +0 -93
  562. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +0 -100
  563. package/docs/crawl/docs/_getting-started/concorde-outside.html +0 -58
  564. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +0 -110
  565. package/docs/crawl/docs/_getting-started/pubsub.html +0 -62
  566. package/docs/crawl/docs/_getting-started/start.html +0 -76
  567. package/docs/crawl/docs/_getting-started/theming.html +0 -85
  568. package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +0 -138
  569. package/docs/crawl/hubs/decorators.html +0 -547
  570. package/docs/crawl/hubs/form-components.html +0 -359
  571. package/docs/crawl/hubs/remote-data.html +0 -452
  572. package/docs/crawl/index.html +0 -101
  573. package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  574. package/docs/src/docs/_core-concept/overview.md +0 -57
  575. package/docs/src/docs/_core-concept/subscriber.md +0 -75
  576. package/docs/src/docs/_decorators/ancestor-attribute.md +0 -127
  577. package/docs/src/docs/_decorators/auto-subscribe.md +0 -202
  578. package/docs/src/docs/_decorators/bind.md +0 -167
  579. package/docs/src/docs/_decorators/get.md +0 -162
  580. package/docs/src/docs/_decorators/handle.md +0 -175
  581. package/docs/src/docs/_decorators/on-assign.md +0 -390
  582. package/docs/src/docs/_decorators/patch.md +0 -70
  583. package/docs/src/docs/_decorators/post.md +0 -146
  584. package/docs/src/docs/_decorators/publish.md +0 -55
  585. package/docs/src/docs/_decorators/put.md +0 -70
  586. package/docs/src/docs/_decorators/subscribe.md +0 -100
  587. package/docs/src/docs/_decorators/wait-for-ancestors.md +0 -163
  588. package/docs/src/docs/_directives/sub.md +0 -91
  589. package/docs/src/docs/_getting-started/concorde-manual-install.md +0 -133
  590. package/docs/src/docs/_getting-started/concorde-outside.md +0 -33
  591. package/docs/src/docs/_getting-started/my-first-subscriber.md +0 -120
  592. package/docs/src/docs/_getting-started/pubsub.md +0 -37
  593. package/docs/src/docs/_getting-started/start.md +0 -47
  594. package/docs/src/docs/_getting-started/theming.md +0 -91
  595. package/docs/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  596. package/docs/src/tsconfig.declarations.json +0 -22
  597. package/docs/src/tsconfig.emit.json +0 -23
  598. package/gitlab/job_github_mirror.sh +0 -39
  599. package/scripts/github-export.mjs +0 -150
  600. package/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -29
  601. package/src/css.d.ts +0 -19
  602. package/src/docs/_core-concept/overview.md +0 -57
  603. package/src/docs/_core-concept/subscriber.md +0 -75
  604. package/src/docs/_decorators/ancestor-attribute.md +0 -128
  605. package/src/docs/_decorators/auto-subscribe.md +0 -202
  606. package/src/docs/_decorators/bind.md +0 -167
  607. package/src/docs/_decorators/get.md +0 -162
  608. package/src/docs/_decorators/handle.md +0 -175
  609. package/src/docs/_decorators/on-assign.md +0 -390
  610. package/src/docs/_decorators/patch.md +0 -70
  611. package/src/docs/_decorators/post.md +0 -146
  612. package/src/docs/_decorators/publish.md +0 -55
  613. package/src/docs/_decorators/put.md +0 -70
  614. package/src/docs/_decorators/subscribe.md +0 -100
  615. package/src/docs/_decorators/wait-for-ancestors.md +0 -163
  616. package/src/docs/_directives/sub.md +0 -91
  617. package/src/docs/_getting-started/concorde-manual-install.md +0 -133
  618. package/src/docs/_getting-started/concorde-outside.md +0 -33
  619. package/src/docs/_getting-started/my-first-subscriber.md +0 -120
  620. package/src/docs/_getting-started/pubsub.md +0 -37
  621. package/src/docs/_misc/formelement-subscriber-removal.md +0 -115
  622. package/src/docs/example/docs-input-autocomplete-demos.ts +0 -110
  623. package/src/docs/example/docs-joke-demos.ts +0 -297
  624. package/src/docs/prism/index.ts +0 -6
  625. package/src/docs/prism/prism.css +0 -158
  626. package/src/docs/prism/prism.js +0 -1022
  627. package/src/tsconfig.declarations.json +0 -22
  628. package/src/tsconfig.emit.json +0 -23
@@ -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>
@@ -1,413 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html" data-doc-id="core/components/ui/table/table">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Table — Concorde</title>
7
- <meta name="description" content="Values available : primary, info, success, warning, danger">
8
- <meta name="keywords" content="Concorde, supersoniks, core/components/ui/table/table, table, Table, UI component, sonic-table, web component">
9
- <meta name="concorde-doc-id" content="core/components/ui/table/table">
10
- <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/table/table.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/table/table.md/table" rel="nofollow">interactive version</a></p>
15
- </header>
16
- <main>
17
- <article>
18
- <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Table</strong>. Values available : primary, info, success, warning, danger <span>Doc ID: <code>core/components/ui/table/table</code>. Keywords: Concorde, supersoniks, core/components/ui/table/table, table, Table, UI component, sonic-table, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html">https://concorde.supersoniks.org/crawl/core/components/ui/table/table.html</a>.</span></p>
19
- <h1 id="table">Table</h1>
20
- <h2 id="basic-usage">Basic usage</h2>
21
- <pre><code>&lt;sonic-table&gt;
22
- &lt;sonic-tr&gt;
23
- &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
24
- &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
25
- &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
26
- &lt;/sonic-tr&gt;
27
- &lt;sonic-tr&gt;
28
- &lt;sonic-td&gt;1&lt;/sonic-td&gt;
29
- &lt;sonic-td&gt;George Bluth&lt;/sonic-td&gt;
30
- &lt;sonic-td&gt;george.bluth@reqres.in&lt;/sonic-td&gt;
31
- &lt;/sonic-tr&gt;
32
- &lt;sonic-tr&gt;
33
- &lt;sonic-td&gt;2&lt;/sonic-td&gt;
34
- &lt;sonic-td&gt;Janet Weaver&lt;/sonic-td&gt;
35
- &lt;sonic-td&gt;janet.weaver@reqres.in&lt;/sonic-td&gt;
36
- &lt;/sonic-tr&gt;
37
- &lt;sonic-tr&gt;
38
- &lt;sonic-td&gt;3&lt;/sonic-td&gt;
39
- &lt;sonic-td&gt;Emma Wong&lt;/sonic-td&gt;
40
- &lt;sonic-td&gt;emma.wong@reqres.in&lt;/sonic-td&gt;
41
- &lt;/sonic-tr&gt;
42
- &lt;/sonic-table&gt;
43
- </code></pre>
44
- <h2 id="list--fetch">List / fetch</h2>
45
- <pre><code>&lt;sonic-table&gt;
46
- &lt;sonic-thead&gt;
47
- &lt;sonic-tr&gt;
48
- &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
49
- &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
50
- &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
51
- &lt;/sonic-tr&gt;
52
- &lt;/sonic-thead&gt;
53
- &lt;sonic-tbody&gt;
54
- &lt;sonic-list debug fetch serviceURL=&quot;/docs-mock-api&quot; dataProvider=&quot;api/users&quot; key=&quot;data&quot; displayContents&gt;
55
- &lt;template&gt;
56
- &lt;sonic-tr&gt;
57
- &lt;sonic-td data-bind ::inner-html=&quot;$id&quot;&gt;&lt;/sonic-td&gt;
58
- &lt;sonic-td data-bind ::inner-html=&quot;$first_name &lt;b&gt;$last_name&lt;/b&gt;&quot;&gt;&lt;/sonic-td&gt;
59
- &lt;sonic-td data-bind ::inner-html=&quot;$email&quot;&gt;&lt;/sonic-td&gt;
60
- &lt;/sonic-tr&gt;
61
- </code></pre>
62
- <h2 id="size">Size</h2>
63
- <pre><code>&lt;div class=&quot;grid grid-cols-4 gap-3&quot;&gt;
64
- &lt;sonic-table size=&quot;2xs&quot; bordered&gt;
65
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;2xs&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
66
- &lt;/sonic-table&gt;
67
- &lt;sonic-table size=&quot;xs&quot; bordered&gt;
68
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;xs&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
69
- &lt;/sonic-table&gt;
70
- &lt;sonic-table size=&quot;sm&quot; bordered&gt;
71
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;sm&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
72
- &lt;/sonic-table&gt;
73
- &lt;sonic-table size=&quot;md&quot; bordered&gt;
74
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;md&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
75
- &lt;/sonic-table&gt;
76
- &lt;sonic-table bordered&gt;
77
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;default&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
78
- &lt;/sonic-table&gt;
79
- &lt;sonic-table size=&quot;lg&quot; bordered&gt;
80
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;lg&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
81
- &lt;/sonic-table&gt;
82
- &lt;sonic-table size=&quot;xl&quot; bordered&gt;
83
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;xl&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
84
- &lt;/sonic-table&gt;
85
- &lt;sonic-table size=&quot;2xl&quot; bordered&gt;
86
- &lt;sonic-tr&gt;&lt;sonic-td class=&quot;w-[5rem]&quot;&gt;2xl&lt;/sonic-td&gt;&lt;/sonic-tr&gt;
87
- &lt;/sonic-table&gt;
88
- &lt;/div&gt;
89
- </code></pre>
90
- <h2 id="bordered">Bordered</h2>
91
- <pre><code>&lt;sonic-table bordered&gt;
92
- &lt;sonic-thead&gt;
93
- &lt;sonic-tr&gt;
94
- &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
95
- &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
96
- &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
97
- &lt;/sonic-tr&gt;
98
- &lt;/sonic-thead&gt;
99
- &lt;sonic-tbody&gt;
100
- &lt;sonic-tr&gt;
101
- &lt;sonic-td&gt;1&lt;/sonic-td&gt;
102
- &lt;sonic-td&gt;George Bluth&lt;/sonic-td&gt;
103
- &lt;sonic-td&gt;george.bluth@reqres.in&lt;/sonic-td&gt;
104
- &lt;/sonic-tr&gt;
105
- &lt;sonic-tr&gt;
106
- &lt;sonic-td&gt;2&lt;/sonic-td&gt;
107
- &lt;sonic-td&gt;Janet Weaver&lt;/sonic-td&gt;
108
- &lt;sonic-td&gt;janet.weaver@reqres.in&lt;/sonic-td&gt;
109
- &lt;/sonic-tr&gt;
110
- &lt;sonic-tr&gt;
111
- &lt;sonic-td&gt;3&lt;/sonic-td&gt;
112
- &lt;sonic-td&gt;Emma Wong&lt;/sonic-td&gt;
113
- &lt;sonic-td&gt;emma.wong@reqres.in&lt;/sonic-td&gt;
114
- &lt;/sonic-tr&gt;
115
- &lt;/sonic-tbody&gt;
116
- &lt;/sonic-table&gt;
117
- </code></pre>
118
- <h2 id="maxheight">MaxHeight</h2>
119
- <pre><code>&lt;sonic-table maxHeight=&quot;8rem&quot;&gt;
120
- &lt;sonic-thead&gt;
121
- &lt;sonic-tr&gt;
122
- &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
123
- &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
124
- &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
125
- &lt;/sonic-tr&gt;
126
- &lt;/sonic-thead&gt;
127
- &lt;sonic-tbody&gt;
128
- &lt;sonic-list fetch serviceURL=&quot;/docs-mock-api&quot; dataProvider=&quot;api/users&quot; key=&quot;data&quot; displayContents&gt;
129
- &lt;template&gt;
130
- &lt;sonic-tr&gt;
131
- &lt;sonic-td data-bind ::inner-html=&quot;$id&quot;&gt;&lt;/sonic-td&gt;
132
- &lt;sonic-td data-bind ::inner-html=&quot;$first_name &lt;b&gt;$last_name&lt;/b&gt;&quot;&gt;&lt;/sonic-td&gt;
133
- &lt;sonic-td data-bind ::inner-html=&quot;$email&quot;&gt;&lt;/sonic-td&gt;
134
- &lt;/sonic-tr&gt;
135
- </code></pre>
136
- <h2 id="type">Type</h2>
137
- <p>Values available : primary, info, success, warning, danger</p>
138
- <pre><code>&lt;sonic-table bordered&gt;
139
- &lt;sonic-tr&gt;
140
- &lt;sonic-th type=&quot;info&quot;&gt;Attribute type set on&lt;/sonic-th&gt;
141
- &lt;sonic-th type=&quot;info&quot;&gt;sonic-th&lt;/sonic-th&gt;
142
- &lt;/sonic-tr&gt;
143
- &lt;sonic-tr&gt;
144
- &lt;sonic-td type=&quot;danger&quot;&gt;Attribute type set on&lt;/sonic-td&gt;
145
- &lt;sonic-td type=&quot;danger&quot;&gt;sonic-td&lt;/sonic-td&gt;
146
- &lt;/sonic-tr&gt;
147
- &lt;sonic-tr type=&quot;success&quot;&gt;
148
- &lt;sonic-td&gt;Attribute type set on&lt;/sonic-td&gt;
149
- &lt;sonic-td&gt;sonic-tr&lt;/sonic-td&gt;
150
- &lt;/sonic-tr&gt;
151
- &lt;/sonic-tbody&gt;
152
- &lt;/sonic-table&gt;
153
- </code></pre>
154
- <h2 id="colspan--rowspan">Colspan / rowspan</h2>
155
- <pre><code>&lt;sonic-table &gt;
156
- &lt;sonic-tbody&gt;
157
- &lt;sonic-tr&gt;
158
- &lt;sonic-td colspan=&quot;2&quot; class=&quot;bg-info text-neutral-0&quot;&gt;colspan : 2&lt;/sonic-td&gt;
159
- &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
160
- &lt;/sonic-tr&gt;
161
- &lt;sonic-tr&gt;
162
- &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
163
- &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
164
- &lt;sonic-td rowspan=&quot;2&quot; class=&quot;bg-success text-neutral-0&quot;&gt;rowspan : 2&lt;/sonic-td&gt;
165
- &lt;/sonic-tr&gt;
166
- &lt;sonic-tr&gt;
167
- &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
168
- &lt;sonic-td&gt;cell&lt;/sonic-td&gt;
169
- &lt;/sonic-tr&gt;
170
- &lt;/sonic-tbody&gt;
171
- &lt;/sonic-table&gt;
172
- </code></pre>
173
- <h2 id="cell-style-attributes">Cell style attributes</h2>
174
- <p>The following attributes will be used to set the style of the component : </p>
175
- <ul>
176
- <li>align</li>
177
- <li>minWidth</li>
178
- <li>maxWidth</li>
179
- <li>width</li>
180
- </ul>
181
- <pre><code>&lt;sonic-table bordered&gt;
182
- &lt;sonic-thead&gt;
183
- &lt;sonic-tr&gt;
184
- &lt;sonic-th width=&quot;7rem&quot;&gt;align&lt;/sonic-th&gt;
185
- &lt;sonic-th minWidth=&quot;20rem&quot;&gt;minWidth&lt;/sonic-th&gt;
186
- &lt;sonic-th&gt;maxWidth&lt;/sonic-th&gt;
187
- &lt;sonic-th&gt;width&lt;/sonic-th&gt;
188
- &lt;/sonic-tr&gt;
189
- &lt;/sonic-thead&gt;
190
- &lt;sonic-tbody&gt;
191
- &lt;sonic-tr&gt;
192
- &lt;sonic-td align=&quot;left&quot;&gt;Left&lt;/sonic-td&gt;
193
- &lt;sonic-td&gt;20rem&lt;/sonic-td&gt;
194
- &lt;sonic-td&gt;5rem&lt;/sonic-td&gt;
195
- &lt;sonic-td&gt;15rem&lt;/sonic-td&gt;
196
- &lt;/sonic-tr&gt;
197
- &lt;sonic-tr&gt;
198
- &lt;sonic-td align=&quot;center&quot;&gt;center&lt;/sonic-td&gt;
199
- &lt;sonic-td&gt;20rem&lt;/sonic-td&gt;
200
- &lt;sonic-td maxWidth=&quot;5rem&quot;&gt;5rem&lt;/sonic-td&gt;
201
- &lt;sonic-td&gt;15rem&lt;/sonic-td&gt;
202
- &lt;/sonic-tr&gt;
203
- &lt;sonic-tr&gt;
204
- &lt;sonic-td align=&quot;right&quot;&gt;right&lt;/sonic-td&gt;
205
- &lt;sonic-td&gt;20rem&lt;/sonic-td&gt;
206
- &lt;sonic-td&gt;5rem - Lorem ipsum dolor&lt;/sonic-td&gt;
207
- &lt;sonic-td width=&quot;60rem&quot;&gt;15rem - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam porta sollicitudin mollis. Curabitur sit amet nibh diam. Vivamus a pharetra mauris.&lt;/sonic-td&gt;
208
- &lt;/sonic-tr&gt;
209
- &lt;/sonic-table&gt;
210
- </code></pre>
211
- <h2 id="responsive">Responsive</h2>
212
- <p>Every table is responsive by default</p>
213
- <pre><code>&lt;sonic-table bordered&gt;
214
- &lt;sonic-thead&gt;
215
- &lt;sonic-tr&gt;
216
- &lt;sonic-th&gt;Id&lt;/sonic-th&gt;
217
- &lt;sonic-th&gt;Name&lt;/sonic-th&gt;
218
- &lt;sonic-th&gt;Email&lt;/sonic-th&gt;
219
- &lt;sonic-th&gt;Comment&lt;/sonic-th&gt;
220
- &lt;/sonic-tr&gt;
221
- &lt;/sonic-thead&gt;
222
- &lt;sonic-tbody&gt;
223
- &lt;sonic-list fetch serviceURL=&quot;/docs-mock-api&quot; dataProvider=&quot;api/users&quot; key=&quot;data&quot; displayContents&gt;
224
- &lt;template&gt;
225
- &lt;sonic-tr&gt;
226
- &lt;sonic-td data-bind ::inner-html=&quot;$id&quot;&gt;&lt;/sonic-td&gt;
227
- &lt;sonic-td minWidth=&quot;10rem&quot; data-bind ::inner-html=&quot;$first_name &lt;b&gt;$last_name&lt;/b&gt;&quot;&gt;&lt;/sonic-td&gt;
228
- &lt;sonic-td data-bind ::inner-html=&quot;$email&quot;&gt;&lt;/sonic-td&gt;
229
- &lt;sonic-td minWidth=&quot;40rem&quot;&gt;
230
- hasellus suscipit vulputate lacus, in tempor turpis aliquam vel. Nunc eleifend, velit id ultrices elementum, ipsum felis porttitor dui, id laoreet diam nulla sed urna.
231
- &lt;/sonic-td&gt;
232
- &lt;/sonic-tr&gt;
233
- </code></pre>
234
- <h2 id="sticky-header">Sticky header</h2>
235
- <pre><code>&lt;sonic-table bordered noCustomScroll&gt;
236
- &lt;sonic-thead class=&quot;sticky top-16&quot;&gt;
237
- &lt;sonic-tr&gt;
238
- &lt;sonic-th minWidth=&quot;max(20ch,12rem)&quot;&gt;Company&lt;/sonic-th&gt;
239
- &lt;sonic-th type=&quot;success&quot;&gt;Contact&lt;/sonic-th&gt;
240
- &lt;sonic-th&gt;Country&lt;/sonic-th&gt;
241
- &lt;sonic-th align=&quot;center&quot;&gt;Quantity&lt;/sonic-th&gt;
242
- &lt;sonic-th align=&quot;right&quot;&gt;Price&lt;/sonic-th&gt;
243
- &lt;sonic-th&gt;&lt;/sonic-th&gt;
244
- &lt;/sonic-tr&gt;
245
- &lt;/sonic-thead&gt;
246
- &lt;sonic-tbody&gt;
247
- &lt;sonic-tr&gt;
248
- &lt;sonic-td&gt;Alfreds Futterkiste&lt;/sonic-td&gt;
249
- &lt;sonic-td&gt;Maria Anders&lt;/sonic-td&gt;
250
- &lt;sonic-td&gt;Germany&lt;/sonic-td&gt;
251
- &lt;sonic-td align=&quot;center&quot;&gt;2&lt;/sonic-td&gt;
252
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
253
- &lt;sonic-td td align=&quot;right&quot;
254
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
255
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
256
- &gt;&lt;/sonic-button&gt;
257
- &lt;/sonic-td&gt;
258
- &lt;/sonic-tr&gt;
259
- &lt;sonic-tr&gt;
260
- &lt;sonic-td&gt;Centro comercial Moctezuma&lt;/sonic-td&gt;
261
- &lt;sonic-td
262
- colspan=&quot;2&quot;
263
- align=&quot;center&quot;
264
- class=&quot;
265
- text-center
266
- text-neutral-400
267
- &quot;
268
- &gt;no information yet&lt;/sonic-td
269
- &gt;
270
- &lt;sonic-td align=&quot;center&quot;&gt;3&lt;/sonic-td&gt;
271
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
272
- &lt;sonic-td td align=&quot;right&quot;
273
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
274
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
275
- &gt;&lt;/sonic-button&gt;
276
- &lt;/sonic-td&gt;
277
- &lt;/sonic-tr&gt;
278
- &lt;sonic-tr&gt;
279
- &lt;sonic-td&gt;Ernst Handel&lt;/sonic-td&gt;
280
- &lt;sonic-td&gt;Roland Mendel&lt;/sonic-td&gt;
281
- &lt;sonic-td&gt;Austria&lt;/sonic-td&gt;
282
- &lt;sonic-td align=&quot;center&quot;&gt;4&lt;/sonic-td&gt;
283
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
284
- &lt;sonic-td td align=&quot;right&quot;
285
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
286
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
287
- &gt;&lt;/sonic-button&gt;
288
- &lt;/sonic-td&gt;
289
- &lt;/sonic-tr&gt;
290
- &lt;sonic-tr&gt;
291
- &lt;sonic-td&gt;Island Trading&lt;/sonic-td&gt;
292
- &lt;sonic-td&gt;Helen Bennett&lt;/sonic-td&gt;
293
- &lt;sonic-td&gt;UK&lt;/sonic-td&gt;
294
- &lt;sonic-td align=&quot;center&quot;&gt;1&lt;/sonic-td&gt;
295
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
296
- &lt;sonic-td td align=&quot;right&quot;
297
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
298
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
299
- &gt;&lt;/sonic-button&gt;
300
- &lt;/sonic-td&gt;
301
- &lt;/sonic-tr&gt;
302
- &lt;sonic-tr type=&quot;warning&quot;&gt;
303
- &lt;sonic-td&gt;Laughing Bacchus Winecellars&lt;/sonic-td&gt;
304
- &lt;sonic-td&gt;Yoshi Tannamuri&lt;/sonic-td&gt;
305
- &lt;sonic-td&gt;Canada&lt;/sonic-td&gt;
306
- &lt;sonic-td align=&quot;center&quot;&gt;0&lt;/sonic-td&gt;
307
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
308
- &lt;sonic-td td align=&quot;right&quot;
309
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
310
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
311
- &gt;&lt;/sonic-button&gt;
312
- &lt;/sonic-td&gt;
313
- &lt;/sonic-tr&gt;
314
- &lt;sonic-tr&gt;
315
- &lt;sonic-td&gt;Magazzini Alimentari Riuniti&lt;/sonic-td&gt;
316
- &lt;sonic-td&gt;Giovanni Rovelli&lt;/sonic-td&gt;
317
- &lt;sonic-td type=&quot;danger&quot;&gt;Italy&lt;/sonic-td&gt;
318
- &lt;sonic-td align=&quot;center&quot;&gt;20&lt;/sonic-td&gt;
319
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
320
- &lt;sonic-td td align=&quot;right&quot;
321
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
322
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
323
- &gt;&lt;/sonic-button&gt;
324
- &lt;/sonic-td&gt;
325
- &lt;/sonic-tr&gt;
326
- &lt;sonic-tr&gt;
327
- &lt;sonic-td&gt;Alfreds Futterkiste&lt;/sonic-td&gt;
328
- &lt;sonic-td&gt;Maria Anders&lt;/sonic-td&gt;
329
- &lt;sonic-td&gt;Germany&lt;/sonic-td&gt;
330
- &lt;sonic-td align=&quot;center&quot;&gt;2&lt;/sonic-td&gt;
331
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
332
- &lt;sonic-td td align=&quot;right&quot;
333
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
334
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
335
- &gt;&lt;/sonic-button&gt;
336
- &lt;/sonic-td&gt;
337
- &lt;/sonic-tr&gt;
338
- &lt;sonic-tr&gt;
339
- &lt;sonic-td&gt;Centro comercial Moctezuma&lt;/sonic-td&gt;
340
- &lt;sonic-td
341
- colspan=&quot;2&quot;
342
- align=&quot;center&quot;
343
- class=&quot;
344
- text-center
345
- text-neutral-400
346
- &quot;
347
- &gt;no information yet&lt;/sonic-td
348
- &gt;
349
- &lt;sonic-td align=&quot;center&quot;&gt;3&lt;/sonic-td&gt;
350
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
351
- &lt;sonic-td td align=&quot;right&quot;
352
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
353
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
354
- &gt;&lt;/sonic-button&gt;
355
- &lt;/sonic-td&gt;
356
- &lt;/sonic-tr&gt;
357
- &lt;sonic-tr&gt;
358
- &lt;sonic-td&gt;Ernst Handel&lt;/sonic-td&gt;
359
- &lt;sonic-td&gt;Roland Mendel&lt;/sonic-td&gt;
360
- &lt;sonic-td&gt;Austria&lt;/sonic-td&gt;
361
- &lt;sonic-td align=&quot;center&quot;&gt;4&lt;/sonic-td&gt;
362
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
363
- &lt;sonic-td td align=&quot;right&quot;
364
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
365
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
366
- &gt;&lt;/sonic-button&gt;
367
- &lt;/sonic-td&gt;
368
- &lt;/sonic-tr&gt;
369
- &lt;sonic-tr&gt;
370
- &lt;sonic-td&gt;Island Trading&lt;/sonic-td&gt;
371
- &lt;sonic-td&gt;Helen Bennett&lt;/sonic-td&gt;
372
- &lt;sonic-td&gt;UK&lt;/sonic-td&gt;
373
- &lt;sonic-td align=&quot;center&quot;&gt;1&lt;/sonic-td&gt;
374
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
375
- &lt;sonic-td td align=&quot;right&quot;
376
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
377
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
378
- &gt;&lt;/sonic-button&gt;
379
- &lt;/sonic-td&gt;
380
- &lt;/sonic-tr&gt;
381
- &lt;sonic-tr type=&quot;warning&quot;&gt;
382
- &lt;sonic-td&gt;Laughing Bacchus Winecellars&lt;/sonic-td&gt;
383
- &lt;sonic-td&gt;Yoshi Tannamuri&lt;/sonic-td&gt;
384
- &lt;sonic-td&gt;Canada&lt;/sonic-td&gt;
385
- &lt;sonic-td align=&quot;center&quot;&gt;0&lt;/sonic-td&gt;
386
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
387
- &lt;sonic-td td align=&quot;right&quot;
388
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
389
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
390
- &gt;&lt;/sonic-button&gt;
391
- &lt;/sonic-td&gt;
392
- &lt;/sonic-tr&gt;
393
- &lt;sonic-tr&gt;
394
- &lt;sonic-td&gt;Magazzini Alimentari Riuniti&lt;/sonic-td&gt;
395
- &lt;sonic-td&gt;Giovanni Rovelli&lt;/sonic-td&gt;
396
- &lt;sonic-td&gt;Italy&lt;/sonic-td&gt;
397
- &lt;sonic-td align=&quot;center&quot;&gt;20&lt;/sonic-td&gt;
398
- &lt;sonic-td align=&quot;right&quot;&gt;40€&lt;/sonic-td&gt;
399
- &lt;sonic-td td align=&quot;right&quot;
400
- &gt;&lt;sonic-button shape=&quot;circle&quot; variant=&quot;outline&quot; size=&quot;sm&quot;&gt;
401
- &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;edit-pencil&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon
402
- &gt;&lt;/sonic-button&gt;
403
- &lt;/sonic-td&gt;
404
- &lt;/sonic-tr&gt;
405
- &lt;/sonic-tbody&gt;
406
- &lt;sonic-caption&gt;table caption&lt;/sonic-caption&gt;
407
- &lt;/sonic-table&gt;
408
- </code></pre>
409
-
410
- </article>
411
- </main>
412
- </body>
413
- </html>