@supersoniks/concorde 4.9.0 → 4.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/build-infos.json +1 -1
  2. package/concorde-core.bundle.js +195 -195
  3. package/concorde-core.es.js +3390 -3370
  4. package/dist/concorde-core.bundle.js +195 -195
  5. package/dist/concorde-core.es.js +3390 -3370
  6. package/dist/docs-mock-api-sw.js +3 -1
  7. package/dist/docs-mock-api-sw.js.map +2 -2
  8. package/dist/js/core/decorators/api.js +64 -12
  9. package/dist/js/core/decorators/api.js.map +1 -1
  10. package/dist/js/core/utils/HTML.js +4 -5
  11. package/dist/js/core/utils/HTML.js.map +1 -1
  12. package/dist/robots.txt +15 -1
  13. package/dist/types/core/decorators/api.d.ts +14 -1
  14. package/dist/types/core/decorators/api.d.ts.map +1 -1
  15. package/dist/types/core/utils/HTML.d.ts.map +1 -1
  16. package/docs/assets/{index-t0-i22oI.css → index-Bnp7gVaA.css} +1 -1
  17. package/docs/assets/{index-BEgZEIbv.js → index-hElUgV9_.js} +894 -552
  18. package/docs/crawl/core/components/functional/date/date.html +190 -0
  19. package/docs/crawl/core/components/functional/fetch/fetch.html +109 -0
  20. package/docs/crawl/core/components/functional/if/if.html +27 -0
  21. package/docs/crawl/core/components/functional/list/list.html +70 -0
  22. package/docs/crawl/core/components/functional/mix/mix.html +45 -0
  23. package/docs/crawl/core/components/functional/queue/queue.html +96 -0
  24. package/docs/crawl/core/components/functional/router/router.html +106 -0
  25. package/docs/crawl/core/components/functional/sdui/sdui.html +269 -0
  26. package/docs/crawl/core/components/functional/states/states.html +66 -0
  27. package/docs/crawl/core/components/functional/submit/submit.html +160 -0
  28. package/docs/crawl/core/components/functional/subscriber/subscriber.html +67 -0
  29. package/docs/crawl/core/components/functional/value/value.html +51 -0
  30. package/docs/crawl/core/components/ui/alert/alert.html +110 -0
  31. package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +23 -0
  32. package/docs/crawl/core/components/ui/badge/badge.html +119 -0
  33. package/docs/crawl/core/components/ui/button/button.html +149 -0
  34. package/docs/crawl/core/components/ui/captcha/captcha.html +30 -0
  35. package/docs/crawl/core/components/ui/card/card.html +99 -0
  36. package/docs/crawl/core/components/ui/divider/divider.html +58 -0
  37. package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +73 -0
  38. package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +135 -0
  39. package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +79 -0
  40. package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +62 -0
  41. package/docs/crawl/core/components/ui/form/input/input.html +109 -0
  42. package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +106 -0
  43. package/docs/crawl/core/components/ui/form/radio/radio.html +56 -0
  44. package/docs/crawl/core/components/ui/form/select/select.html +73 -0
  45. package/docs/crawl/core/components/ui/form/switch/switch.html +56 -0
  46. package/docs/crawl/core/components/ui/form/textarea/textarea.html +59 -0
  47. package/docs/crawl/core/components/ui/group/group.html +82 -0
  48. package/docs/crawl/core/components/ui/icon/icon.html +133 -0
  49. package/docs/crawl/core/components/ui/image/image.html +110 -0
  50. package/docs/crawl/core/components/ui/link/link.html +42 -0
  51. package/docs/crawl/core/components/ui/loader/loader.html +50 -0
  52. package/docs/crawl/core/components/ui/menu/menu.html +322 -0
  53. package/docs/crawl/core/components/ui/modal/modal.html +117 -0
  54. package/docs/crawl/core/components/ui/pop/pop.html +102 -0
  55. package/docs/crawl/core/components/ui/progress/progress.html +58 -0
  56. package/docs/crawl/core/components/ui/table/table.html +413 -0
  57. package/docs/crawl/core/components/ui/toast/toast.html +122 -0
  58. package/docs/crawl/core/components/ui/tooltip/tooltip.html +79 -0
  59. package/docs/crawl/docs/_core-concept/dataFlow.html +166 -0
  60. package/docs/crawl/docs/_core-concept/overview.html +66 -0
  61. package/docs/crawl/docs/_core-concept/subscriber.html +75 -0
  62. package/docs/crawl/docs/_decorators/ancestor-attribute.html +116 -0
  63. package/docs/crawl/docs/_decorators/auto-subscribe.html +202 -0
  64. package/docs/crawl/docs/_decorators/bind.html +141 -0
  65. package/docs/crawl/docs/_decorators/get.html +120 -0
  66. package/docs/crawl/docs/_decorators/handle.html +165 -0
  67. package/docs/crawl/docs/_decorators/on-assign.html +355 -0
  68. package/docs/crawl/docs/_decorators/patch.html +52 -0
  69. package/docs/crawl/docs/_decorators/post.html +102 -0
  70. package/docs/crawl/docs/_decorators/publish.html +61 -0
  71. package/docs/crawl/docs/_decorators/put.html +49 -0
  72. package/docs/crawl/docs/_decorators/subscribe.html +109 -0
  73. package/docs/crawl/docs/_decorators/wait-for-ancestors.html +137 -0
  74. package/docs/crawl/docs/_directives/sub.html +93 -0
  75. package/docs/crawl/docs/_getting-started/ai-agents.html +134 -0
  76. package/docs/crawl/docs/_getting-started/concorde-manual-install.html +100 -0
  77. package/docs/crawl/docs/_getting-started/concorde-outside.html +58 -0
  78. package/docs/crawl/docs/_getting-started/create-a-component.html +111 -0
  79. package/docs/crawl/docs/_getting-started/my-first-component.html +189 -0
  80. package/docs/crawl/docs/_getting-started/my-first-subscriber.html +110 -0
  81. package/docs/crawl/docs/_getting-started/pubsub.html +62 -0
  82. package/docs/crawl/docs/_getting-started/start.html +76 -0
  83. package/docs/crawl/docs/_getting-started/theming.html +85 -0
  84. package/docs/crawl/docs/_misc/api-configuration.html +149 -0
  85. package/docs/crawl/docs/_misc/dataProviderKey.html +135 -0
  86. package/docs/crawl/docs/_misc/docs-mock-api.html +146 -0
  87. package/docs/crawl/docs/_misc/dynamic-path.html +180 -0
  88. package/docs/crawl/docs/_misc/endpoint.html +50 -0
  89. package/docs/crawl/docs/_misc/html-integration.html +47 -0
  90. package/docs/crawl/hubs/decorators.html +467 -0
  91. package/docs/crawl/hubs/form-components.html +357 -0
  92. package/docs/crawl/hubs/remote-data.html +374 -0
  93. package/docs/crawl/index.html +99 -0
  94. package/docs/docs-mock-api-sw.js +3 -1
  95. package/docs/docs-mock-api-sw.js.map +2 -2
  96. package/docs/index.html +3 -3
  97. package/docs/llms-full.txt +5423 -0
  98. package/docs/llms.txt +102 -0
  99. package/docs/robots.txt +15 -1
  100. package/docs/sitemap.xml +231 -0
  101. package/docs/src/docs/_decorators/ancestor-attribute.md +56 -8
  102. package/docs/src/docs/_decorators/get.md +47 -1
  103. package/docs/src/docs/search/docs-search.json +92 -2
  104. package/docs/src/tsconfig.declarations.json +22 -0
  105. package/docs/src/tsconfig.emit.json +23 -0
  106. package/docs/src/tsconfig.json +3 -285
  107. package/index.html +1 -0
  108. package/package.json +1 -1
  109. package/public/docs-mock-api-sw.js +3 -1
  110. package/public/docs-mock-api-sw.js.map +2 -2
  111. package/public/robots.txt +15 -1
  112. package/scripts/generate-crawl-docs.mjs +569 -0
  113. package/scripts/post-build-docs.js +18 -14
  114. package/src/core/decorators/api.spec.ts +74 -4
  115. package/src/core/decorators/api.ts +103 -20
  116. package/src/core/decorators/subscriber/ancestorAttribute.spec.ts +42 -0
  117. package/src/core/utils/HTML.ts +4 -5
  118. package/src/docs/_decorators/get.md +47 -1
  119. package/src/docs/components/docs-demo-sources.ts +7 -2
  120. package/src/docs/example/decorators-demo-geo.ts +5 -0
  121. package/src/docs/example/decorators-demo-subscribe-publish-get-demos.ts +72 -31
  122. package/src/docs/mock-api/router.ts +3 -1
  123. package/src/docs/search/docs-search.json +92 -2
package/docs/crawl/core/components/ui/icon/icon.html ADDED
@@ -0,0 +1,133 @@
1
+ <!DOCTYPE html>
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html" data-doc-id="core/components/ui/icon/icon">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Icon — Concorde</title>
7
+ <meta name="description" content="customIconDefaultPrefix=&quot;regular&quot;&gt;">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/ui/icon/icon, icon, Icon, UI component, sonic-icon, web component">
9
+ <meta name="concorde-doc-id" content="core/components/ui/icon/icon">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.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/icon/icon.md/icon" rel="nofollow">interactive version</a></p>
15
+ </header>
16
+ <main>
17
+ <article>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Icon</strong>. customIconDefaultPrefix=&quot;regular&quot;&gt; <span>Doc ID: <code>core/components/ui/icon/icon</code>. Keywords: Concorde, supersoniks, core/components/ui/icon/icon, icon, Icon, UI component, sonic-icon, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html">https://concorde.supersoniks.org/crawl/core/components/ui/icon/icon.html</a>.</span></p>
19
+ <h1 id="icon">Icon</h1>
20
+ <h2 id="custom">Custom</h2>
21
+ <p >Icons located in the following folder : <span class="text-info">/svg/$prefix/$name.svg<span></p>
22
+
23
+
24
+
25
+ <pre><code>&lt;sonic-scope customIconLibraryPath=&quot;/svg/$prefix/$name.svg&quot;
26
+ customIconDefaultPrefix=&quot;regular&quot;&gt;
27
+ &lt;div class=&quot;grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8&quot;&gt;
28
+ &lt;div class=&quot;text-center&quot;&gt;
29
+ &lt;sonic-icon library=&quot;custom&quot; prefix=&quot;regular&quot; name=&quot;plane&quot;&gt;&lt;/sonic-icon&gt;
30
+ &lt;br&gt;
31
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;regular&lt;/div&gt;
32
+ &lt;/div&gt;
33
+ &lt;div class=&quot;text-center&quot;&gt;
34
+ &lt;sonic-icon library=&quot;custom&quot; prefix=&quot;solid&quot; name=&quot;plane&quot;&gt;&lt;/sonic-icon&gt;
35
+ &lt;br&gt;
36
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;solid&lt;/div&gt;
37
+ &lt;/div&gt;
38
+ &lt;div class=&quot;text-center&quot;&gt;
39
+ &lt;sonic-icon library=&quot;custom&quot; name=&quot;plane&quot;&gt;&lt;/sonic-icon&gt;
40
+ &lt;br&gt;
41
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;default prefix&lt;/div&gt;
42
+ &lt;/div&gt;
43
+ &lt;/div&gt;
44
+ &lt;/sonic-scope&gt;
45
+ </code></pre>
46
+ <h2 id="external">External</h2>
47
+ <pre><code>&lt;div class=&quot;grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8&quot;&gt;
48
+ &lt;sonic-link href=&quot;https://heroicons.com/&quot; target=&quot;_blank&quot; class=&quot;text-center underline&quot;&gt;
49
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
50
+ &lt;br&gt;
51
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;heroicons&lt;/div&gt;
52
+ &lt;/sonic-link&gt;
53
+ &lt;sonic-link href=&quot;https://iconoir.com/&quot; target=&quot;_blank&quot; class=&quot;text-center underline&quot;&gt;
54
+ &lt;sonic-icon library=&quot;iconoir&quot; name=&quot;2x2-cell&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
55
+ &lt;br&gt;
56
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;iconoir&lt;/div&gt;
57
+ &lt;/sonic-link&gt;
58
+ &lt;sonic-link href=&quot;https://materialdesignicons.com/&quot; target=&quot;_blank&quot; class=&quot;text-center underline&quot;&gt;
59
+ &lt;sonic-icon library=&quot;material&quot; prefix=&quot;outline&quot; name=&quot;email&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
60
+ &lt;br&gt;
61
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;material design&lt;/div&gt;
62
+ &lt;/sonic-link&gt;
63
+ &lt;sonic-link href=&quot;https://fontawesome.com/search?o=r&amp;m=free&amp;s=regular&quot; target=&quot;_blank&quot; class=&quot;text-center underline&quot;&gt;
64
+ &lt;sonic-icon library=&quot;fontAwesome&quot; prefix=&quot;regular&quot; name=&quot;user&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
65
+ &lt;br&gt;
66
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;fontAwesome regular&lt;/div&gt;
67
+ &lt;/sonic-link&gt;
68
+ &lt;sonic-link href=&quot;https://fontawesome.com/search?o=r&amp;m=free&amp;s=solid&quot; target=&quot;_blank&quot; class=&quot;text-center underline&quot;&gt;
69
+ &lt;sonic-icon library=&quot;fontAwesome&quot; prefix=&quot;solid&quot; name=&quot;book&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
70
+ &lt;br&gt;
71
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;fontAwesome solid&lt;/div&gt;
72
+ &lt;/sonic-link&gt;
73
+ &lt;sonic-link href=&quot;https://feathericons.com/&quot; target=&quot;_blank&quot; class=&quot;text-center underline&quot;&gt;
74
+ &lt;sonic-icon library=&quot;feathers&quot; name=&quot;activity&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
75
+ &lt;br&gt;
76
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;feathers&lt;/div&gt;
77
+ &lt;/sonic-link&gt;
78
+ &lt;sonic-link href=&quot;https://lucide.dev/&quot; target=&quot;_blank&quot; class=&quot;text-center underline&quot;&gt;
79
+ &lt;sonic-icon library=&quot;lucide&quot; name=&quot;album&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
80
+ &lt;br&gt;
81
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;lucide&lt;/div&gt;
82
+ &lt;/sonic-link&gt;
83
+ &lt;/div&gt;
84
+ </code></pre>
85
+ <h2 id="size">Size</h2>
86
+ <pre><code>&lt;div class=&quot;grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-8&quot;&gt;
87
+ &lt;div class=&quot;text-center&quot;&gt;
88
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;2xs&quot;&gt;&lt;/sonic-icon&gt;
89
+ &lt;br&gt;
90
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;2xs&lt;/div&gt;
91
+ &lt;/div&gt;
92
+ &lt;div class=&quot;text-center&quot;&gt;
93
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;xs&quot;&gt;&lt;/sonic-icon&gt;
94
+ &lt;br&gt;
95
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;xs&lt;/div&gt;
96
+ &lt;/div&gt;
97
+ &lt;div class=&quot;text-center&quot;&gt;
98
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;sm&quot;&gt;&lt;/sonic-icon&gt;
99
+ &lt;br&gt;
100
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;sm&lt;/div&gt;
101
+ &lt;/div&gt;
102
+ &lt;div class=&quot;text-center&quot;&gt;
103
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot;&gt;&lt;/sonic-icon&gt;
104
+ &lt;br&gt;
105
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;default&lt;/div&gt;
106
+ &lt;/div&gt;
107
+ &lt;div class=&quot;text-center&quot;&gt;
108
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;lg&quot;&gt;&lt;/sonic-icon&gt;
109
+ &lt;br&gt;
110
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;lg&lt;/div&gt;
111
+ &lt;/div&gt;
112
+ &lt;div class=&quot;text-center&quot;&gt;
113
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;xl&quot;&gt;&lt;/sonic-icon&gt;
114
+ &lt;br&gt;
115
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;xl&lt;/div&gt;
116
+ &lt;/div&gt;
117
+ &lt;div class=&quot;text-center&quot;&gt;
118
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;2xl&quot;&gt;&lt;/sonic-icon&gt;
119
+ &lt;br&gt;
120
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;2xl&lt;/div&gt;
121
+ &lt;/div&gt;
122
+ &lt;div class=&quot;text-center&quot;&gt;
123
+ &lt;sonic-icon library=&quot;heroicons&quot; prefix=&quot;outline&quot; name=&quot;academic-cap&quot; size=&quot;3xl&quot;&gt;&lt;/sonic-icon&gt;
124
+ &lt;br&gt;
125
+ &lt;div class=&quot;text-xs mt-1&quot;&gt;3xl&lt;/div&gt;
126
+ &lt;/div&gt;
127
+ &lt;/div&gt;
128
+ </code></pre>
129
+
130
+ </article>
131
+ </main>
132
+ </body>
133
+ </html>
package/docs/crawl/core/components/ui/image/image.html ADDED
@@ -0,0 +1,110 @@
1
+ <!DOCTYPE html>
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html" data-doc-id="core/components/ui/image/image">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Image — Concorde</title>
7
+ <meta name="description" content="src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/ui/image/image, image, Image, UI component, sonic-image, web component">
9
+ <meta name="concorde-doc-id" content="core/components/ui/image/image">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/image/image.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/image/image.md/image" rel="nofollow">interactive version</a></p>
15
+ </header>
16
+ <main>
17
+ <article>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Image</strong>. src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot; <span>Doc ID: <code>core/components/ui/image/image</code>. Keywords: Concorde, supersoniks, core/components/ui/image/image, image, Image, UI component, sonic-image, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html">https://concorde.supersoniks.org/crawl/core/components/ui/image/image.html</a>.</span></p>
19
+ <h1 id="image">Image</h1>
20
+ <h2 id="rounded">Rounded</h2>
21
+ <pre><code>&lt;div class=&quot;grid gap-8 grid-cols-3 items-center&quot;&gt;
22
+ &lt;sonic-image
23
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
24
+ ratio=&quot;1/1&quot;
25
+ &gt;
26
+ &lt;/sonic-image&gt;
27
+ &lt;sonic-image
28
+ rounded=&quot;sm&quot;
29
+ ratio=&quot;1/1&quot;
30
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
31
+ &gt;
32
+ &lt;/sonic-image&gt;
33
+ &lt;sonic-image
34
+ rounded
35
+ ratio=&quot;1/1&quot;
36
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
37
+ &gt;
38
+ &lt;/sonic-image&gt;
39
+ &lt;sonic-image
40
+ rounded=&quot;md&quot;
41
+ ratio=&quot;1/1&quot;
42
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
43
+ &gt;
44
+ &lt;/sonic-image&gt;
45
+ &lt;sonic-image
46
+ rounded=&quot;lg&quot;
47
+ ratio=&quot;1/1&quot;
48
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
49
+ &gt;
50
+ &lt;/sonic-image&gt;
51
+ &lt;sonic-image
52
+ rounded=&quot;full&quot;
53
+ ratio=&quot;1/1&quot;
54
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
55
+ &gt;
56
+ &lt;/sonic-image&gt;
57
+ &lt;/div&gt;
58
+ </code></pre>
59
+ <h2 id="ratio">Ratio</h2>
60
+ <pre><code>&lt;div class=&quot;grid gap-8 grid-cols-2 items-center&quot;&gt;
61
+ &lt;sonic-image
62
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
63
+ &gt;
64
+ &lt;/sonic-image&gt;
65
+ &lt;sonic-image
66
+ ratio=&quot;16/9&quot;
67
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
68
+ &gt;
69
+ &lt;/sonic-image&gt;
70
+ &lt;sonic-image
71
+ ratio=&quot;1/1&quot;
72
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
73
+ &gt;
74
+ &lt;/sonic-image&gt;
75
+ &lt;sonic-image
76
+ ratio=&quot;2/3&quot;
77
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
78
+ &gt;
79
+ &lt;/sonic-image&gt;
80
+ &lt;/div&gt;
81
+ </code></pre>
82
+ <h2 id="object-position">Object position</h2>
83
+ <pre><code>&lt;div class=&quot;grid gap-8 grid-cols-2 items-center&quot;&gt;
84
+ &lt;sonic-image
85
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
86
+ ratio=&quot;11/4&quot;
87
+ &gt;
88
+ &lt;/sonic-image&gt;
89
+ &lt;sonic-image
90
+ objectPosition=&quot;center top&quot;
91
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
92
+ ratio=&quot;11/4&quot;
93
+ &gt;
94
+ &lt;/sonic-image&gt;
95
+ &lt;/div&gt;
96
+ </code></pre>
97
+ <h2 id="cover">Cover</h2>
98
+ <pre><code>&lt;div class=&quot;h-96 relative&quot;&gt;
99
+ &lt;sonic-image
100
+ cover
101
+ src=&quot;https://thegoodlife.fr/wp-content/uploads/sites/2/2022/03/compagnies-aeriennes-nostalgie-coeur-insert-03-dr.jpg&quot;
102
+ &gt;
103
+ &lt;/sonic-image&gt;
104
+ &lt;/div&gt;
105
+ </code></pre>
106
+
107
+ </article>
108
+ </main>
109
+ </body>
110
+ </html>
package/docs/crawl/core/components/ui/link/link.html ADDED
@@ -0,0 +1,42 @@
1
+ <!DOCTYPE html>
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html" data-doc-id="core/components/ui/link/link">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Link — Concorde</title>
7
+ <meta name="description" content="Link: Basic link with href attibute">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/ui/link/link, link, Link, UI component, sonic-link, web component">
9
+ <meta name="concorde-doc-id" content="core/components/ui/link/link">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/link/link.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/link/link.md/link" rel="nofollow">interactive version</a></p>
15
+ </header>
16
+ <main>
17
+ <article>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Link</strong>. Link: Basic link with href attibute <span>Doc ID: <code>core/components/ui/link/link</code>. Keywords: Concorde, supersoniks, core/components/ui/link/link, link, Link, UI component, sonic-link, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html">https://concorde.supersoniks.org/crawl/core/components/ui/link/link.html</a>.</span></p>
19
+ <h1 id="link">Link</h1>
20
+ <h2 id="href">Href</h2>
21
+ <pre><code>&lt;sonic-link href=&quot;/&quot;&gt;Basic link with href attibute&lt;/sonic-link&gt;
22
+ </code></pre>
23
+ <h2 id="target">Target</h2>
24
+ <pre><code>&lt;sonic-link href=&quot;/&quot; target=&quot;_blank&quot;&gt;Link with target attibute&lt;/sonic-link&gt;
25
+ </code></pre>
26
+ <h2 id="autoactive">AutoActive</h2>
27
+ <pre><code>&lt;sonic-link href=&quot;/#core/components&quot; class=&quot;[&amp;[active]]:text-success&quot;&gt;autoActive partial (default)&lt;/sonic-link&gt;
28
+ </code></pre>
29
+ <h3 id="autoactive-strict-vs-partial">AutoActive Strict vs partial</h3>
30
+ <pre><code>&lt;div class=&quot;grid gap-3&quot;&gt;
31
+ &lt;sonic-link href=&quot;/#core&quot; autoActive=&quot;strict&quot; class=&quot;[&amp;[active]]:text-success&quot;&gt;autoActive strict&lt;/sonic-link&gt;
32
+ &lt;sonic-link href=&quot;/./link.html#link&quot; autoActive=&quot;strict&quot; class=&quot;[&amp;[active]]:text-success&quot;&gt;autoActive strict&lt;/sonic-link&gt;
33
+ &lt;/div&gt;
34
+ </code></pre>
35
+ <h3 id="autoactive-disabled">AutoActive disabled</h3>
36
+ <pre><code>&lt;sonic-link href=&quot;/./link.html#link&quot; autoActive=&quot;disabled&quot; class=&quot;[&amp;[active]]:text-success&quot;&gt;autoActive disabled&lt;/sonic-link&gt;
37
+ </code></pre>
38
+
39
+ </article>
40
+ </main>
41
+ </body>
42
+ </html>
package/docs/crawl/core/components/ui/loader/loader.html ADDED
@@ -0,0 +1,50 @@
1
+ <!DOCTYPE html>
2
+ <html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html" data-doc-id="core/components/ui/loader/loader">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Loader — Concorde</title>
7
+ <meta name="description" content="import {Loader} from &quot;@supersoniks/concorde/core/components/ui/loader/loader&quot;;">
8
+ <meta name="keywords" content="Concorde, supersoniks, core/components/ui/loader/loader, loader, Loader, UI component, sonic-loader, web component">
9
+ <meta name="concorde-doc-id" content="core/components/ui/loader/loader">
10
+ <link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.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/loader/loader.md/loader" rel="nofollow">interactive version</a></p>
15
+ </header>
16
+ <main>
17
+ <article>
18
+ <p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Loader</strong>. import {Loader} from &quot;@supersoniks/concorde/core/components/ui/loader/loader&quot;; <span>Doc ID: <code>core/components/ui/loader/loader</code>. Keywords: Concorde, supersoniks, core/components/ui/loader/loader, loader, Loader, UI component, sonic-loader, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html">https://concorde.supersoniks.org/crawl/core/components/ui/loader/loader.html</a>.</span></p>
19
+ <h1 id="loader">Loader</h1>
20
+ <h2 id="inline-mode">Inline mode</h2>
21
+ <pre><code>&lt;sonic-loader mode=&quot;inline&quot;&gt;&lt;/sonic-loader&gt;
22
+ </code></pre>
23
+ <h2 id="currentcolor">CurrentColor</h2>
24
+ <pre><code>&lt;sonic-loader mode=&quot;inline&quot; currentColor style=&quot;color:purple;&quot;&gt;&lt;/sonic-loader&gt;
25
+ </code></pre>
26
+ <h2 id="align">Align</h2>
27
+ <pre><code>&lt;sonic-loader mode=&quot;inline&quot; align=&quot;left&quot;&gt;&lt;/sonic-loader&gt;
28
+ &lt;sonic-loader mode=&quot;inline&quot; align=&quot;center&quot;&gt;&lt;/sonic-loader&gt;
29
+ &lt;sonic-loader mode=&quot;inline&quot; align=&quot;right&quot;&gt;&lt;/sonic-loader&gt;
30
+ </code></pre>
31
+ <h2 id="fixed-mode">Fixed mode</h2>
32
+ <p><docs-lit-demo for="docs-toggle-loader-demo"></docs-lit-demo></p>
33
+ <h2 id="loading-button">Loading button</h2>
34
+ <pre><code>&lt;sonic-button loading&gt;A loading button&lt;/sonic-button&gt;
35
+ </code></pre>
36
+ <h2 id="hide--show-programmatically">Hide / show programmatically</h2>
37
+ <pre><code class="language-javascript">import {Loader} from &quot;@supersoniks/concorde/core/components/ui/loader/loader&quot;;
38
+ // Show
39
+ Loader.show({
40
+ mode:&quot;fixed&quot; // optional : fixed | inline
41
+ container : document.querySelector(&#39;#foo&#39;) // optional, default : parent sonic-theme || document.body
42
+ });
43
+ // Hide
44
+ Loader.hide();
45
+ </code></pre>
46
+
47
+ </article>
48
+ </main>
49
+ </body>
50
+ </html>