@supersoniks/concorde 5.1.1 → 5.1.3-immutable.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.agents/skills/concorde-docs/SKILL.md +153 -0
- package/.agents/skills/{concorde-component-docs/template.md → concorde-docs/templates/component.md} +6 -2
- package/.agents/skills/concorde-docs/templates/decorator.md +43 -0
- package/.agents/skills/concorde-docs/templates/guide.md +25 -0
- package/.claude/skills +1 -0
- package/.github/workflows/ci.yml +21 -0
- package/.github-export-ignore +30 -0
- package/CONTRIBUTING.md +59 -0
- package/DEV.md +54 -0
- package/LICENSE +21 -0
- package/OPEN_SOURCE_CHECKPOINT.md +133 -0
- package/README.md +4 -4
- package/ai/README.md +29 -41
- package/ai/skills/concorde/SKILL.md +54 -324
- package/ai/skills/concorde/rules/composition.md +32 -0
- package/ai/skills/concorde/rules/data.md +47 -0
- package/ai/skills/concorde/rules/http.md +25 -0
- package/ai/skills/concorde/rules/lists-forms.md +35 -0
- package/ai/skills/concorde/rules/styling.md +46 -0
- package/ai/skills/concorde/rules/troubleshooting.md +45 -0
- package/build-infos.json +1 -1
- package/concorde-core.bundle.js +177 -177
- package/concorde-core.es.js +4993 -4833
- package/custom-elements-manifest.public.config.mjs +8 -0
- package/{.tmp-cem/custom-elements.json → custom-elements.json} +11758 -8904
- package/dist/concorde-core.bundle.js +177 -177
- package/dist/concorde-core.es.js +4993 -4833
- package/dist/docs-mock-api-sw.js +58 -223
- package/dist/docs-mock-api-sw.js.map +4 -4
- package/dist/img/concorde/plane_01.jpg +0 -0
- package/dist/img/concorde/plane_02.jpg +0 -0
- package/dist/img/concorde/plane_03.jpg +0 -0
- package/dist/img/concorde/plane_04.jpg +0 -0
- package/dist/img/concorde/plane_05.jpg +0 -0
- package/dist/img/concorde/plane_06.jpg +0 -0
- package/dist/img/concorde/plane_07.jpg +0 -0
- package/dist/img/concorde/plane_08.jpg +0 -0
- package/dist/img/concorde/plane_09.jpg +0 -0
- package/dist/img/concorde/plane_10.jpg +0 -0
- package/dist/img/concorde/plane_11.jpg +0 -0
- package/dist/img/concorde/plane_12.jpg +0 -0
- package/dist/img/concorde/plane_13.jpg +0 -0
- package/dist/img/og-concorde.jpg +0 -0
- package/dist/robots.txt +11 -10
- package/docs/assets/index-D_alEsng.js +12122 -0
- package/docs/crawl/core/components/functional/date/date.html +190 -0
- package/docs/crawl/core/components/functional/fetch/fetch.html +109 -0
- package/docs/crawl/core/components/functional/if/if.html +27 -0
- package/docs/crawl/core/components/functional/jsonata/jsonata.html +79 -0
- package/docs/crawl/core/components/functional/list/list.html +70 -0
- package/docs/crawl/core/components/functional/mix/mix.html +45 -0
- package/docs/crawl/core/components/functional/queue/queue.html +96 -0
- package/docs/crawl/core/components/functional/router/router.html +106 -0
- package/docs/crawl/core/components/functional/sdui/sdui-extension-points.html +126 -0
- package/docs/crawl/core/components/functional/sdui/sdui.html +368 -0
- package/docs/crawl/core/components/functional/states/states.html +66 -0
- package/docs/crawl/core/components/functional/submit/submit.html +160 -0
- package/docs/crawl/core/components/functional/subscriber/subscriber.html +67 -0
- package/docs/crawl/core/components/functional/value/value.html +51 -0
- package/docs/crawl/core/components/ui/alert/alert.html +211 -0
- package/docs/crawl/core/components/ui/alert-messages/alert-messages.html +131 -0
- package/docs/crawl/core/components/ui/badge/badge.html +197 -0
- package/docs/crawl/core/components/ui/button/button.html +150 -0
- package/docs/crawl/core/components/ui/captcha/captcha.html +112 -0
- package/docs/crawl/core/components/ui/card/card.html +253 -0
- package/docs/crawl/core/components/ui/divider/divider.html +144 -0
- package/docs/crawl/core/components/ui/form/checkbox/checkbox.html +73 -0
- package/docs/crawl/core/components/ui/form/fieldset/fieldset.html +266 -0
- package/docs/crawl/core/components/ui/form/form-actions/form-actions.html +122 -0
- package/docs/crawl/core/components/ui/form/form-layout/form-layout.html +121 -0
- package/docs/crawl/core/components/ui/form/input/input.html +109 -0
- package/docs/crawl/core/components/ui/form/input-autocomplete/input-autocomplete.html +38 -0
- package/docs/crawl/core/components/ui/form/radio/radio.html +56 -0
- package/docs/crawl/core/components/ui/form/select/select.html +73 -0
- package/docs/crawl/core/components/ui/form/switch/switch.html +56 -0
- package/docs/crawl/core/components/ui/form/textarea/textarea.html +59 -0
- package/docs/crawl/core/components/ui/group/group.html +104 -0
- package/docs/crawl/core/components/ui/icon/icon.html +222 -0
- package/docs/crawl/core/components/ui/image/image.html +298 -0
- package/docs/crawl/core/components/ui/link/link.html +100 -0
- package/docs/crawl/core/components/ui/loader/loader.html +124 -0
- package/docs/crawl/core/components/ui/menu/menu.html +394 -0
- package/docs/crawl/core/components/ui/modal/modal.html +342 -0
- package/docs/crawl/core/components/ui/pop/pop.html +296 -0
- package/docs/crawl/core/components/ui/progress/progress.html +131 -0
- package/docs/crawl/core/components/ui/table/table.html +545 -0
- package/docs/crawl/core/components/ui/theme/theme.html +131 -0
- package/docs/crawl/core/components/ui/toast/toast.html +233 -0
- package/docs/crawl/core/components/ui/tooltip/tooltip.html +140 -0
- package/docs/crawl/docs/_core-concept/dataFlow.html +177 -0
- package/docs/crawl/docs/_core-concept/overview.html +66 -0
- package/docs/crawl/docs/_core-concept/subscriber.html +75 -0
- package/docs/crawl/docs/_decorators/ancestor-attribute.html +117 -0
- package/docs/crawl/docs/_decorators/auto-subscribe.html +202 -0
- package/docs/crawl/docs/_decorators/bind.html +141 -0
- package/docs/crawl/docs/_decorators/get.html +149 -0
- package/docs/crawl/docs/_decorators/handle.html +165 -0
- package/docs/crawl/docs/_decorators/on-assign.html +355 -0
- package/docs/crawl/docs/_decorators/patch.html +78 -0
- package/docs/crawl/docs/_decorators/post.html +139 -0
- package/docs/crawl/docs/_decorators/publish.html +61 -0
- package/docs/crawl/docs/_decorators/put.html +78 -0
- package/docs/crawl/docs/_decorators/subscribe.html +109 -0
- package/docs/crawl/docs/_decorators/wait-for-ancestors.html +137 -0
- package/docs/crawl/docs/_directives/sub.html +93 -0
- package/docs/crawl/docs/_getting-started/ai-agents.html +173 -0
- package/docs/crawl/docs/_getting-started/concorde-manual-install.html +100 -0
- package/docs/crawl/docs/_getting-started/concorde-outside.html +58 -0
- package/docs/crawl/docs/_getting-started/create-a-component.html +111 -0
- package/docs/crawl/docs/_getting-started/my-first-component.html +189 -0
- package/docs/crawl/docs/_getting-started/my-first-subscriber.html +110 -0
- package/docs/crawl/docs/_getting-started/pubsub.html +62 -0
- package/docs/crawl/docs/_getting-started/start.html +76 -0
- package/docs/crawl/docs/_getting-started/theming.html +333 -0
- package/docs/crawl/docs/_misc/api-configuration.html +149 -0
- package/docs/crawl/docs/_misc/dataProviderKey.html +135 -0
- package/docs/crawl/docs/_misc/docs-mock-api.html +158 -0
- package/docs/crawl/docs/_misc/dynamic-path.html +180 -0
- package/docs/crawl/docs/_misc/endpoint.html +50 -0
- package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +138 -0
- package/docs/crawl/docs/_misc/html-integration.html +48 -0
- package/docs/crawl/hubs/decorators.html +547 -0
- package/docs/crawl/hubs/form-components.html +381 -0
- package/docs/crawl/hubs/remote-data.html +452 -0
- package/docs/crawl/index.html +103 -0
- package/docs/index.html +1 -1
- package/docs/llms-full.txt +7174 -0
- package/docs/llms.txt +98 -0
- package/docs/sitemap.xml +243 -0
- package/docs/src/core/components/functional/date/date.md +290 -0
- package/docs/src/core/components/functional/fetch/fetch.md +125 -0
- package/docs/src/core/components/functional/if/if.md +9 -0
- package/docs/src/core/components/functional/jsonata/jsonata.md +56 -0
- package/docs/src/core/components/functional/list/list.md +65 -0
- package/docs/src/core/components/functional/mix/mix.md +41 -0
- package/docs/src/core/components/functional/queue/queue.md +72 -0
- package/docs/src/core/components/functional/router/router.md +94 -0
- package/docs/src/core/components/functional/sdui/component-catalog.gaps.json +511 -0
- package/docs/src/core/components/functional/sdui/component-catalog.json +3103 -0
- package/docs/src/core/components/functional/sdui/default-library.json +108 -0
- package/docs/src/core/components/functional/sdui/example.json +99 -0
- package/docs/src/core/components/functional/sdui/sdui-extension-points.md +94 -0
- package/docs/src/core/components/functional/sdui/sdui.md +478 -0
- package/docs/src/core/components/functional/states/states.md +87 -0
- package/docs/src/core/components/functional/submit/submit.md +114 -0
- package/docs/src/core/components/functional/subscriber/subscriber.md +91 -0
- package/docs/src/core/components/functional/value/value.md +35 -0
- package/docs/src/core/components/ui/alert/alert.md +196 -0
- package/docs/src/core/components/ui/alert-messages/alert-messages.md +85 -0
- package/docs/src/core/components/ui/badge/badge.md +188 -0
- package/docs/src/core/components/ui/button/button.md +183 -0
- package/docs/src/core/components/ui/captcha/captcha.md +71 -0
- package/docs/src/core/components/ui/card/card.md +215 -0
- package/docs/src/core/components/ui/divider/divider.md +129 -0
- package/docs/src/core/components/ui/form/checkbox/checkbox.md +77 -0
- package/docs/src/core/components/ui/form/fieldset/fieldset.md +205 -0
- package/docs/src/core/components/ui/form/form-actions/form-actions.md +100 -0
- package/docs/src/core/components/ui/form/form-layout/form-layout.md +119 -0
- package/docs/src/core/components/ui/form/input/input.md +142 -0
- package/docs/src/core/components/ui/form/radio/radio.md +57 -0
- package/docs/src/core/components/ui/form/select/select.md +71 -0
- package/docs/src/core/components/ui/form/switch/switch.md +57 -0
- package/docs/src/core/components/ui/form/textarea/textarea.md +65 -0
- package/docs/src/core/components/ui/group/group.md +75 -0
- package/docs/src/core/components/ui/icon/icon.md +214 -0
- package/docs/src/core/components/ui/icon/icons.json +1 -0
- package/docs/src/core/components/ui/image/image.md +233 -0
- package/docs/src/core/components/ui/link/link.md +81 -0
- package/docs/src/core/components/ui/loader/loader.md +112 -0
- package/docs/src/core/components/ui/menu/menu.md +370 -0
- package/docs/src/core/components/ui/modal/modal.md +235 -0
- package/docs/src/core/components/ui/pop/pop.md +294 -0
- package/docs/src/core/components/ui/progress/progress.md +109 -0
- package/docs/src/core/components/ui/table/table.md +431 -0
- package/docs/src/core/components/ui/theme/theme.md +122 -0
- package/docs/src/core/components/ui/toast/toast.md +216 -0
- package/docs/src/core/components/ui/tooltip/tooltip.md +124 -0
- package/{src → docs/src}/docs/_core-concept/subscriber.md +0 -0
- package/{src → docs/src}/docs/_getting-started/my-first-subscriber.md +0 -0
- package/{src → docs/src}/docs/_getting-started/pubsub.md +0 -0
- package/docs/src/docs/_getting-started/theming.md +253 -0
- package/docs/src/docs/search/docs-search.json +12242 -0
- package/docs/src/tag-list.json +1 -0
- package/docs/src/tsconfig-model.json +23 -0
- package/docs/src/tsconfig.declarations.json +22 -0
- package/docs/src/tsconfig.emit.json +23 -0
- package/docs/src/tsconfig.json +1332 -0
- package/gitlab/job_github_mirror.sh +39 -0
- package/index.html +157 -5
- package/package.json +22 -4
- package/public/docs-mock-api-sw.js +58 -223
- package/public/docs-mock-api-sw.js.map +4 -4
- package/public/img/concorde/plane_01.jpg +0 -0
- package/public/img/concorde/plane_02.jpg +0 -0
- package/public/img/concorde/plane_03.jpg +0 -0
- package/public/img/concorde/plane_04.jpg +0 -0
- package/public/img/concorde/plane_05.jpg +0 -0
- package/public/img/concorde/plane_06.jpg +0 -0
- package/public/img/concorde/plane_07.jpg +0 -0
- package/public/img/concorde/plane_08.jpg +0 -0
- package/public/img/concorde/plane_09.jpg +0 -0
- package/public/img/concorde/plane_10.jpg +0 -0
- package/public/img/concorde/plane_11.jpg +0 -0
- package/public/img/concorde/plane_12.jpg +0 -0
- package/public/img/concorde/plane_13.jpg +0 -0
- package/public/img/og-concorde.jpg +0 -0
- package/public/robots.txt +11 -10
- package/scripts/ai-init.mjs +104 -379
- package/scripts/ai-init.test.mjs +81 -239
- package/scripts/docs-markdown-vite-plugin.ts +43 -0
- package/scripts/docs-public-url.mjs +56 -0
- package/scripts/docs.htaccess +82 -0
- package/scripts/generate-cem.mjs +244 -0
- package/scripts/generate-cem.test.mjs +122 -0
- package/scripts/generate-crawl-docs.mjs +233 -118
- package/scripts/generate-crawl-docs.test.mjs +124 -0
- package/scripts/generate-sdui-catalog.mjs +11 -10
- package/scripts/github-export.mjs +150 -0
- package/scripts/post-build-docs.js +37 -50
- package/scripts/post-build.mjs +0 -0
- package/scripts/pre-publish.mjs +2 -1
- package/scripts/site-pages.mjs +212 -0
- package/scripts/site-pages.test.mjs +116 -0
- package/site-pages/about.md +22 -0
- package/site-pages/privacy.md +32 -0
- package/src/core/components/functional/date/date.md +91 -231
- package/src/core/components/functional/example/example.ts +3 -1
- package/src/core/components/functional/fetch/fetch.md +66 -83
- package/src/core/components/functional/if/if.md +28 -3
- package/src/core/components/functional/if/if.ts +0 -0
- package/src/core/components/functional/jsonata/jsonata.md +42 -37
- package/src/core/components/functional/list/list.demo.ts +0 -0
- package/src/core/components/functional/list/list.md +103 -43
- package/src/core/components/functional/list/list.ts +17 -4
- package/src/core/components/functional/mix/mix.md +31 -26
- package/src/core/components/functional/queue/queue.demo.ts +10 -7
- package/src/core/components/functional/queue/queue.md +40 -61
- package/src/core/components/functional/router/router.demo.ts +16 -16
- package/src/core/components/functional/router/router.md +64 -65
- package/src/core/components/functional/router/router.ts +0 -0
- package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +0 -0
- package/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
- package/src/core/components/functional/sdui/component-catalog.json +2 -2
- package/src/core/components/functional/sdui/example.json +19 -86
- package/src/core/components/functional/sdui/sdui-extension-points.md +1 -1
- package/src/core/components/functional/sdui/sdui-immutable.spec.ts +74 -0
- package/src/core/components/functional/sdui/sdui.md +187 -358
- package/src/core/components/functional/sdui/sdui.ts +33 -8
- package/src/core/components/functional/sdui/types.ts +0 -0
- package/src/core/components/functional/states/states.demo.ts +21 -22
- package/src/core/components/functional/states/states.md +86 -61
- package/src/core/components/functional/states/states.ts +1 -1
- package/src/core/components/functional/submit/submit.md +64 -72
- package/src/core/components/functional/submit/submit.spec.ts +60 -0
- package/src/core/components/functional/submit/submit.ts +6 -3
- package/src/core/components/functional/subscriber/subscriber.ts +0 -0
- package/src/core/components/functional/translation/translation.md +38 -0
- package/src/core/components/functional/value/value.md +34 -22
- package/src/core/components/functional/value/value.ts +0 -0
- package/src/core/components/ui/_css/size.ts +0 -0
- package/src/core/components/ui/alert/alert.md +48 -58
- package/src/core/components/ui/badge/badge.md +27 -34
- package/src/core/components/ui/button/button.md +139 -106
- package/src/core/components/ui/captcha/altchaStyles.ts +0 -0
- package/src/core/components/ui/captcha/captcha.md +17 -32
- package/src/core/components/ui/card/card.md +6 -6
- package/src/core/components/ui/divider/divider.md +8 -11
- package/src/core/components/ui/form/checkbox/checkbox.md +90 -42
- package/src/core/components/ui/form/fieldset/fieldset.md +31 -75
- package/src/core/components/ui/form/form-actions/form-actions.md +14 -16
- package/src/core/components/ui/form/form-layout/form-layout.md +19 -29
- package/src/core/components/ui/form/input/input.md +108 -90
- package/src/core/components/ui/form/input/input.ts +8 -2
- package/src/core/components/ui/form/radio/radio.md +65 -30
- package/src/core/components/ui/form/select/select.md +60 -45
- package/src/core/components/ui/form/switch/switch.md +57 -34
- package/src/core/components/ui/form/textarea/textarea.md +55 -38
- package/src/core/components/ui/group/group.md +35 -33
- package/src/core/components/ui/icon/icon.md +4 -4
- package/src/core/components/ui/image/image.md +41 -107
- package/src/core/components/ui/link/link.md +6 -6
- package/src/core/components/ui/loader/loader.md +30 -55
- package/src/core/components/ui/menu/menu.md +27 -27
- package/src/core/components/ui/modal/modal.md +72 -96
- package/src/core/components/ui/pop/pop.md +80 -158
- package/src/core/components/ui/progress/progress.md +2 -2
- package/src/core/components/ui/table/table.md +91 -255
- package/src/core/components/ui/theme/theme.md +11 -36
- package/src/core/components/ui/toast/toast.md +48 -117
- package/src/core/components/ui/tooltip/tooltip.md +27 -62
- package/src/core/decorators/subscriber/bind.ts +9 -14
- package/src/core/decorators/subscriber/subscribe.ts +15 -9
- package/src/core/decorators/subscriber/subscribe.type-test.ts +14 -5
- package/src/core/mixins/Subscriber.ts +0 -0
- package/src/core/utils/DataBindObserver.ts +0 -0
- package/src/core/utils/LocationHandler.spec.ts +80 -0
- package/src/core/utils/LocationHandler.ts +5 -9
- package/src/core/utils/Objects.ts +0 -0
- package/src/core/utils/PublisherProxy.ts +166 -125
- package/src/core/utils/deepReadonly.spec.ts +66 -0
- package/src/core/utils/deepReadonly.ts +71 -0
- package/src/core/utils/immutableValue.spec.ts +54 -0
- package/src/core/utils/immutableValue.ts +102 -0
- package/src/core/utils/nestedDotForm.spec.ts +88 -0
- package/src/core/utils/publisherImmutable.spec.ts +76 -0
- package/src/core/utils/route.ts +0 -0
- package/src/core/utils/strictGet.spec.ts +61 -0
- package/src/core/utils/strictGet.ts +102 -0
- package/src/css.d.ts +19 -0
- package/src/docs/components/docs-demo-sources.ts +55 -140
- package/src/docs/components/docs-lit-demo.ts +1 -3
- package/src/docs/components/docs-source-link.ts +0 -82
- package/src/docs/decorators/ancestor-attribute.md +59 -0
- package/src/docs/decorators/auto-subscribe.md +40 -0
- package/src/docs/decorators/bind.md +76 -0
- package/src/docs/decorators/get.md +160 -0
- package/src/docs/decorators/handle.md +119 -0
- package/src/docs/decorators/on-assign.md +63 -0
- package/src/docs/decorators/patch.md +44 -0
- package/src/docs/decorators/post.md +134 -0
- package/src/docs/decorators/publish.md +56 -0
- package/src/docs/decorators/put.md +51 -0
- package/src/docs/decorators/subscribe.md +87 -0
- package/src/docs/decorators/wait-for-ancestors.md +76 -0
- package/src/docs/directives/sub.md +75 -0
- package/src/docs/directives/t.md +73 -0
- package/src/docs/docs-location.spec.ts +56 -0
- package/src/docs/docs-location.ts +133 -32
- package/src/docs/docs.ts +1 -2
- package/src/docs/example/decorators-demo-bind-demos.ts +83 -135
- package/src/docs/example/decorators-demo-geo.ts +30 -19
- package/src/docs/example/decorators-demo-post.ts +88 -186
- package/src/docs/example/decorators-demo-subscribe-publish-get-demos.ts +165 -268
- package/src/docs/example/decorators-demo.ts +85 -98
- package/src/docs/example/docs-api-config-demos.ts +19 -20
- package/src/docs/example/docs-flight-demos.ts +147 -0
- package/src/docs/example/docs-jsonata-demos.ts +52 -52
- package/src/docs/example/docs-list-demos.ts +43 -123
- package/src/docs/example/docs-provider-keys.ts +21 -28
- package/src/docs/example/docs-queue-demos.ts +37 -77
- package/src/docs/example/docs-router-demos.ts +20 -25
- package/src/docs/example/docs-submit-demos.ts +48 -48
- package/src/docs/example/docs-toggle-demos.ts +4 -3
- package/src/docs/example/users.ts +0 -0
- package/src/docs/getting-started/ai-agents.md +50 -0
- package/src/docs/getting-started/create-a-component.md +136 -0
- package/src/docs/getting-started/dataFlow.md +87 -0
- package/src/docs/getting-started/installation.md +36 -0
- package/src/docs/getting-started/my-first-component.md +227 -0
- package/src/docs/getting-started/start.md +35 -0
- package/src/docs/header/header.ts +11 -6
- package/src/docs/home/catalog.ts +1 -1
- package/src/docs/home/home.ts +20 -11
- package/src/docs/layout.ts +12 -13
- package/src/docs/misc/api-configuration.md +79 -0
- package/src/docs/misc/dataProviderKey.md +168 -0
- package/src/docs/misc/docs-mock-api.md +62 -0
- package/src/docs/misc/dynamic-path.md +71 -0
- package/src/docs/misc/endpoint.md +45 -0
- package/src/docs/misc/html-integration.md +14 -0
- package/src/docs/misc/publisher-get-immutability-docs-crawl.json +902 -0
- package/src/docs/misc/publisher-get-immutability-docs-recheck.json +13 -0
- package/src/docs/misc/publisher-get-immutability-study.md +229 -0
- package/src/docs/mock-api/api-config-mock.ts +5 -0
- package/src/docs/mock-api/fixtures.ts +0 -278
- package/src/docs/mock-api/flights.ts +89 -0
- package/src/docs/mock-api/router.ts +3 -4
- package/src/docs/mock-api/urls.ts +1 -2
- package/src/docs/navigation/navigation.ts +84 -101
- package/src/docs/navigation/toc.ts +7 -4
- package/src/docs/search/docs-search.json +3188 -5153
- package/src/docs/search/markdown-renderer.ts +31 -8
- package/src/docs/search/page.ts +9 -6
- package/src/docs/search/search.ts +154 -122
- package/src/docs/tailwind/css/docs/content.css +4 -5
- package/src/tsconfig.declarations.json +22 -0
- package/src/tsconfig.emit.json +23 -0
- package/src/tsconfig.json +53 -5
- package/src/tsconfig.tsbuildinfo +1 -1
- package/vite.config.mts +11 -2
- package/.agents/skills/concorde-component-docs/SKILL.md +0 -194
- package/.taste-skill/after/desktop-fold.jpg +0 -0
- package/.taste-skill/after/desktop-page-01.jpg +0 -0
- package/.taste-skill/after/desktop-page-02.jpg +0 -0
- package/.taste-skill/after/desktop-page-03.jpg +0 -0
- package/.taste-skill/after/mobile-fold.jpg +0 -0
- package/.taste-skill/after/mobile-page-01.jpg +0 -0
- package/.taste-skill/after/report.json +0 -4103
- package/.taste-skill/after/tablet-fold.jpg +0 -0
- package/.taste-skill/after/tablet-page-01.jpg +0 -0
- package/.taste-skill/after/tablet-page-02.jpg +0 -0
- package/.taste-skill/before/desktop-fold.jpg +0 -0
- package/.taste-skill/before/desktop-page-01.jpg +0 -0
- package/.taste-skill/before/desktop-page-02.jpg +0 -0
- package/.taste-skill/before/mobile-fold.jpg +0 -0
- package/.taste-skill/before/mobile-page-01.jpg +0 -0
- package/.taste-skill/before/report.json +0 -2556
- package/.taste-skill/before/tablet-fold.jpg +0 -0
- package/.taste-skill/before/tablet-page-01.jpg +0 -0
- package/.taste-skill/direction.json +0 -510
- package/.taste-skill/notes.md +0 -84
- package/.taste-skill/prod/desktop-fold.jpg +0 -0
- package/.taste-skill/prod/desktop-page-01.jpg +0 -0
- package/.taste-skill/prod/desktop-page-02.jpg +0 -0
- package/.taste-skill/prod/desktop-page-03.jpg +0 -0
- package/.taste-skill/prod/mobile-fold.jpg +0 -0
- package/.taste-skill/prod/mobile-page-01.jpg +0 -0
- package/.taste-skill/prod/mobile-page-02.jpg +0 -0
- package/.taste-skill/prod/report.json +0 -1973
- package/.taste-skill/prod/tablet-fold.jpg +0 -0
- package/.taste-skill/prod/tablet-page-01.jpg +0 -0
- package/.taste-skill/prod/tablet-page-02.jpg +0 -0
- package/AUDIT.md +0 -228
- package/PLAN-AMELIORATION.md +0 -220
- package/ai/AGENTS.md +0 -56
- package/ai/cursor/rules/concorde-menu.mdc +0 -15
- package/ai/cursor/rules/concorde-scope.mdc +0 -14
- package/ai/cursor/rules/concorde-theme.mdc +0 -13
- package/ai/cursor/rules/concorde.mdc +0 -66
- package/ai/jetbrains/rules/concorde.md +0 -53
- package/ai/skills/concorde-get-set-dp/SKILL.md +0 -194
- package/ai/skills/concorde-imports/SKILL.md +0 -78
- package/ai/skills/concorde-menu/SKILL.md +0 -74
- package/ai/skills/concorde-scope/SKILL.md +0 -70
- package/ai/skills/concorde-theme/SKILL.md +0 -57
- package/docs/assets/index-Bb-_LRyY.js +0 -12280
- package/src/docs/example/docs-input-autocomplete-demos.ts +0 -110
- package/src/docs/example/docs-joke-demos.ts +0 -297
- /package/{src → docs/src}/core/components/ui/form/input-autocomplete/input-autocomplete.md +0 -0
- /package/{src → docs/src}/docs/_core-concept/dataFlow.md +0 -0
- /package/{src → docs/src}/docs/_core-concept/overview.md +0 -0
- /package/{src → docs/src}/docs/_decorators/ancestor-attribute.md +0 -0
- /package/{src → docs/src}/docs/_decorators/auto-subscribe.md +0 -0
- /package/{src → docs/src}/docs/_decorators/bind.md +0 -0
- /package/{src → docs/src}/docs/_decorators/get.md +0 -0
- /package/{src → docs/src}/docs/_decorators/handle.md +0 -0
- /package/{src → docs/src}/docs/_decorators/on-assign.md +0 -0
- /package/{src → docs/src}/docs/_decorators/patch.md +0 -0
- /package/{src → docs/src}/docs/_decorators/post.md +0 -0
- /package/{src → docs/src}/docs/_decorators/publish.md +0 -0
- /package/{src → docs/src}/docs/_decorators/put.md +0 -0
- /package/{src → docs/src}/docs/_decorators/subscribe.md +0 -0
- /package/{src → docs/src}/docs/_decorators/wait-for-ancestors.md +0 -0
- /package/{src → docs/src}/docs/_directives/sub.md +0 -0
- /package/{src → docs/src}/docs/_getting-started/ai-agents.md +0 -0
- /package/{src → docs/src}/docs/_getting-started/concorde-manual-install.md +0 -0
- /package/{src → docs/src}/docs/_getting-started/concorde-outside.md +0 -0
- /package/{src → docs/src}/docs/_getting-started/create-a-component.md +0 -0
- /package/{src → docs/src}/docs/_getting-started/my-first-component.md +0 -0
- /package/{src → docs/src}/docs/_getting-started/start.md +0 -0
- /package/{src → docs/src}/docs/_misc/api-configuration.md +0 -0
- /package/{src → docs/src}/docs/_misc/dataProviderKey.md +0 -0
- /package/{src → docs/src}/docs/_misc/docs-mock-api.md +0 -0
- /package/{src → docs/src}/docs/_misc/dynamic-path.md +0 -0
- /package/{src → docs/src}/docs/_misc/endpoint.md +0 -0
- /package/{src → docs/src}/docs/_misc/formelement-subscriber-removal.md +0 -0
- /package/{src → docs/src}/docs/_misc/html-integration.md +0 -0
- /package/src/docs/{_getting-started → getting-started}/components.md +0 -0
- /package/src/docs/{_getting-started → getting-started}/theming.md +0 -0
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html" data-doc-id="core/components/functional/subscriber/subscriber">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Subscriber — Concorde</title>
|
|
7
|
+
<meta name="description" content="La mixin Subscriber permet lier un composant à un publisher.">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/functional/subscriber/subscriber">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.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/functional/subscriber/subscriber.md/subscriber" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Subscriber</strong>. La mixin Subscriber permet lier un composant à un publisher. <span>Doc ID: <code>core/components/functional/subscriber/subscriber</code>. Keywords: Concorde, supersoniks, core/components/functional/subscriber/subscriber, subscriber, Subscriber, functional component, sonic-subscriber, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html">https://concorde.supersoniks.org/crawl/core/components/functional/subscriber/subscriber.html</a>.</span></p>
|
|
19
|
+
<h1 id="subscriber">Subscriber</h1>
|
|
20
|
+
<p>La mixin Subscriber permet lier un composant à un publisher.
|
|
21
|
+
La liaison à un publisher se fait via l'attribut <em>dataProvider</em> du composant qui représente ce que l'on obtient en appellant PublisherManager.get(dataProvider).</p>
|
|
22
|
+
<p>Les propriétés du composant sont automatiquement remplies avec les propriétés du même nom dans les données du publisher.</p>
|
|
23
|
+
<p>Le composant est automatiquement mis à jour lorsque les données du publisher sont mises à jour.</p>
|
|
24
|
+
<h2 id="dataprovider">DataProvider</h2>
|
|
25
|
+
<p><strong>Id</strong> of the dataProvider that the component will <strong>subscribe</strong> to</p>
|
|
26
|
+
<pre><code><sonic-subscriber dataProvider="id_that_the_subsriber_will_subscribe_to" debug>
|
|
27
|
+
<sonic-button> custom dataProvider id</sonic-button>
|
|
28
|
+
</sonic-subscriber>
|
|
29
|
+
<sonic-subscriber debug>
|
|
30
|
+
<sonic-button> default id : pageHTML</sonic-button>
|
|
31
|
+
</sonic-subscriber>
|
|
32
|
+
</code></pre>
|
|
33
|
+
<h2 id="props">Props</h2>
|
|
34
|
+
<p>Data object (json) that will be passed to the dataProvider</p>
|
|
35
|
+
<pre><code><sonic-subscriber props='{"data":"Hello world"}' debug>
|
|
36
|
+
<sonic-button> Hover to see the data</sonic-button>
|
|
37
|
+
</sonic-subscriber>
|
|
38
|
+
</code></pre>
|
|
39
|
+
<h2 id="debug">Debug</h2>
|
|
40
|
+
<p><strong>Helper</strong>, display the data held by the dataProvider in a floating div</p>
|
|
41
|
+
<pre><code><sonic-subscriber debug>
|
|
42
|
+
<sonic-button> see the dataProvider'data </sonic-button>
|
|
43
|
+
</sonic-subscriber>
|
|
44
|
+
</code></pre>
|
|
45
|
+
<h2 id="noautofill">NoAutofill</h2>
|
|
46
|
+
<p><sonic-alert status="info">Docs coming soon</sonic-alert></p>
|
|
47
|
+
<h2 id="propertymap">PropertyMap</h2>
|
|
48
|
+
<p><sonic-alert status="info">Docs coming soon</sonic-alert></p>
|
|
49
|
+
<p>Permet de mapper un nom de propriété de donnée source vers une propriété du subscriber à la volée</p>
|
|
50
|
+
<h2 id="bindpublisher">BindPublisher</h2>
|
|
51
|
+
<p><sonic-alert status="info">Docs coming soon</sonic-alert></p>
|
|
52
|
+
<p>On peut utiliser cette fonction pour lier un publisher spécifique au composant si besoin.</p>
|
|
53
|
+
<h2 id="instancecounter">instanceCounter</h2>
|
|
54
|
+
<p><sonic-alert status="info">Docs coming soon</sonic-alert></p>
|
|
55
|
+
<h2 id="publisher">Publisher</h2>
|
|
56
|
+
<p><sonic-alert status="info">Docs coming soon</sonic-alert></p>
|
|
57
|
+
<h2 id="args">Args</h2>
|
|
58
|
+
<p><sonic-alert status="info">Docs coming soon</sonic-alert></p>
|
|
59
|
+
<h2 id="noshadowdom">NoShadowDom</h2>
|
|
60
|
+
<p>Par défaut on crée un shadow dom mais on peut demander à ne pas en avoir via cette propriété et un attribut associé.<br>Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.</p>
|
|
61
|
+
<h2 id="other-attributes-gathered-from-subscriberstoriests">Other attributes gathered from subscriber.stories.ts</h2>
|
|
62
|
+
<p>styles ??<br>title ??<br>_props ??<br>onAssign ??<br>defferedDebug ??</p>
|
|
63
|
+
|
|
64
|
+
</article>
|
|
65
|
+
</main>
|
|
66
|
+
</body>
|
|
67
|
+
</html>
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html" data-doc-id="core/components/functional/value/value">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Value — Concorde</title>
|
|
7
|
+
<meta name="description" content="Simply shows a value from a data provider.">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/functional/value/value, value, Value, functional component, sonic-value, web component">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/functional/value/value">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/functional/value/value.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/functional/value/value.md/value" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Value</strong>. Simply shows a value from a data provider. <span>Doc ID: <code>core/components/functional/value/value</code>. Keywords: Concorde, supersoniks, core/components/functional/value/value, value, Value, functional component, sonic-value, web component. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html">https://concorde.supersoniks.org/crawl/core/components/functional/value/value.html</a>.</span></p>
|
|
19
|
+
<h1 id="value">Value</h1>
|
|
20
|
+
<p>Simply shows a value from a data provider.
|
|
21
|
+
You can target sub data value using dot syntax.
|
|
22
|
+
The value reacts to changes.</p>
|
|
23
|
+
<ul>
|
|
24
|
+
<li>Below is a form that helps you to set a value for the field "preference" in the data target with id "value-example"</li>
|
|
25
|
+
</ul>
|
|
26
|
+
<pre><code><div formDataProvider="value-example">
|
|
27
|
+
which one do you prefer ?
|
|
28
|
+
<sonic-radio name="preference" checked value="dogs"> Dogs</sonic-radio>
|
|
29
|
+
<sonic-radio name="preference" value="cats"> Cats</sonic-radio>
|
|
30
|
+
</div>
|
|
31
|
+
</code></pre>
|
|
32
|
+
<ul>
|
|
33
|
+
<li>Then you can see live value of the preference using this code :</li>
|
|
34
|
+
</ul>
|
|
35
|
+
<pre><code>I prefer <sonic-value dataProvider="value-example" key="preference"></sonic-value>
|
|
36
|
+
</code></pre>
|
|
37
|
+
<ul>
|
|
38
|
+
<li>If you have more complex data like this</li>
|
|
39
|
+
</ul>
|
|
40
|
+
<pre><code><sonic-subscriber dataProvider="value-example-2" props='{"my":{"complex":[{"data":"👋 Hi There"}]}}'></sonic-subscriber>
|
|
41
|
+
</code></pre>
|
|
42
|
+
<ul>
|
|
43
|
+
<li>You can target it with the dot syntax</li>
|
|
44
|
+
</ul>
|
|
45
|
+
<pre><code><sonic-value dataProvider="value-example-2" key="my.complex.0.data"></sonic-value>
|
|
46
|
+
</code></pre>
|
|
47
|
+
|
|
48
|
+
</article>
|
|
49
|
+
</main>
|
|
50
|
+
</body>
|
|
51
|
+
</html>
|
|
@@ -0,0 +1,211 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html" data-doc-id="core/components/ui/alert/alert">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Alert — Concorde</title>
|
|
7
|
+
<meta name="description" content="Alerts surface important feedback inline—errors, confirmations, or contextual help. Use label / text for simple copy, or the default slot for rich content (links, buttons). Set announce when the messa">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/ui/alert/alert, alert, Alert, UI component, sonic-alert, web component, label, text, announce, status, default, role, aria-live">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/ui/alert/alert">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.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/alert/alert.md/alert" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Alert</strong>. Alerts surface important feedback inline—errors, confirmations, or contextual help. Use label / text for simple copy, or the default slot for rich content (links, buttons). Set announce when the messa <span>Doc ID: <code>core/components/ui/alert/alert</code>. Keywords: Concorde, supersoniks, core/components/ui/alert/alert, alert, Alert, UI component, sonic-alert, web component, label, text, announce, status, default, role, aria-live. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html">https://concorde.supersoniks.org/crawl/core/components/ui/alert/alert.html</a>.</span></p>
|
|
19
|
+
<h1 id="alert">Alert</h1>
|
|
20
|
+
<p>Alerts <strong>surface important feedback</strong> inline—errors, confirmations, or contextual help. Use <strong><code>label</code></strong> / <strong><code>text</code></strong> for simple copy, or the <strong>default slot</strong> for rich content (links, buttons). Set <strong><code>announce</code></strong> when the message appears after an action so screen readers pick it up.</p>
|
|
21
|
+
<h2 id="basic-example">Basic example</h2>
|
|
22
|
+
<pre><code><sonic-alert status="error" label="Email error" text="This address is already in use" background></sonic-alert>
|
|
23
|
+
</code></pre>
|
|
24
|
+
<h2 id="status">Status</h2>
|
|
25
|
+
<p>Color and icon follow <code>status</code>. With no <code>status</code>, behavior is <code>default</code>.</p>
|
|
26
|
+
<pre><code><div class="grid gap-4">
|
|
27
|
+
<sonic-alert label="Default">This address is already in use.</sonic-alert>
|
|
28
|
+
<sonic-alert status="success" label="Success">This address is already in use.</sonic-alert>
|
|
29
|
+
<sonic-alert status="error" label="Error">This address is already in use.</sonic-alert>
|
|
30
|
+
<sonic-alert status="warning" label="Warning">This address is already in use.</sonic-alert>
|
|
31
|
+
<sonic-alert status="info" label="Info">This address is already in use.</sonic-alert>
|
|
32
|
+
</div>
|
|
33
|
+
</code></pre>
|
|
34
|
+
<h2 id="accessibility-announce">Accessibility (<code>announce</code>)</h2>
|
|
35
|
+
<p>By default, an alert already in the DOM is <strong>not</strong> announced (no <code>role</code> / <code>aria-live</code>). Set <strong><code>announce</code></strong> when the message appears <strong>after</strong> user action (API response, validation, etc.): screen readers get <code>role="alert"</code> for <code>error</code>, otherwise <code>role="status"</code> and <code>aria-live="polite"</code>.</p>
|
|
36
|
+
<p><code>sonic-alert-messages</code> sets <code>announce</code> on every rendered alert.</p>
|
|
37
|
+
<pre><code><sonic-alert announce status="success" label="Saved" text="Your changes were saved."></sonic-alert>
|
|
38
|
+
</code></pre>
|
|
39
|
+
<h2 id="content-and-icon">Content and icon</h2>
|
|
40
|
+
<p><code>label</code> and <code>text</code> accept plain text only. The default slot is rendered after <code>text</code>. Use the <strong><code>icon</code></strong> slot to replace the default <code>sonic-icon</code>. <strong><code>noIcon</code></strong> hides the icon.</p>
|
|
41
|
+
<pre><code><sonic-alert status="info" noIcon label="No icon" text="Informational message."></sonic-alert>
|
|
42
|
+
</code></pre>
|
|
43
|
+
<h2 id="custom-icon-slot">Custom icon slot</h2>
|
|
44
|
+
<p>Project any markup into <strong><code>slot="icon"</code></strong> (emoji, image, custom component). Keep it decorative with <code>aria-hidden="true"</code> when the message text already conveys meaning.</p>
|
|
45
|
+
<pre><code><sonic-alert status="success" label="Achievement unlocked" background>
|
|
46
|
+
<span slot="icon" aria-hidden="true" class="text-lg leading-none">🎉</span>
|
|
47
|
+
You unlocked a new badge.
|
|
48
|
+
</sonic-alert>
|
|
49
|
+
</code></pre>
|
|
50
|
+
<h2 id="sizes">Sizes</h2>
|
|
51
|
+
<pre><code><div class="grid gap-4">
|
|
52
|
+
<sonic-alert status="error" label="Email error" size="2xs">
|
|
53
|
+
This address is already in use. Lorem ipsum dolor sit amet.
|
|
54
|
+
</sonic-alert>
|
|
55
|
+
<sonic-alert status="error" label="Email error" size="xs">
|
|
56
|
+
This address is already in use. Lorem ipsum dolor sit amet.
|
|
57
|
+
</sonic-alert>
|
|
58
|
+
<sonic-alert status="error" label="Email error" size="sm">
|
|
59
|
+
This address is already in use. Lorem ipsum dolor sit amet.
|
|
60
|
+
</sonic-alert>
|
|
61
|
+
<sonic-alert status="error" label="Email error">
|
|
62
|
+
This address is already in use. Lorem ipsum dolor sit amet.
|
|
63
|
+
</sonic-alert>
|
|
64
|
+
<sonic-alert status="error" label="Email error" size="lg">
|
|
65
|
+
This address is already in use. Lorem ipsum dolor sit amet.
|
|
66
|
+
</sonic-alert>
|
|
67
|
+
<sonic-alert status="error" label="Email error" size="xl">
|
|
68
|
+
This address is already in use. Lorem ipsum dolor sit amet.
|
|
69
|
+
</sonic-alert>
|
|
70
|
+
<sonic-alert status="error" label="Email error" size="2xl">
|
|
71
|
+
This address is already in use. Lorem ipsum dolor sit amet.
|
|
72
|
+
</sonic-alert>
|
|
73
|
+
</div>
|
|
74
|
+
</code></pre>
|
|
75
|
+
<h2 id="alert-with-link">Alert with link</h2>
|
|
76
|
+
<p>Rich content in the slot (buttons, links).</p>
|
|
77
|
+
<pre><code><sonic-alert status="info" label="New messages !">
|
|
78
|
+
You have 2 unread messages<br />
|
|
79
|
+
<div class="flex gap-2 mt-1">
|
|
80
|
+
<sonic-button variant="outline" type="info" size="xs">See messages</sonic-button>
|
|
81
|
+
<sonic-button variant="ghost" type="info" size="xs">Dismiss</sonic-button>
|
|
82
|
+
</div>
|
|
83
|
+
</sonic-alert>
|
|
84
|
+
</code></pre>
|
|
85
|
+
<h2 id="background">Background</h2>
|
|
86
|
+
<p>Tinted background from the <code>status</code> color (<code>color-mix</code> on <code>currentColor</code>).</p>
|
|
87
|
+
<pre><code><div class="grid gap-4">
|
|
88
|
+
<sonic-alert background label="Lorem ipsum dolor">This address is already in use.</sonic-alert>
|
|
89
|
+
<sonic-alert status="success" background label="Lorem ipsum dolor">
|
|
90
|
+
This address is already in use.
|
|
91
|
+
</sonic-alert>
|
|
92
|
+
<sonic-alert status="error" background label="Lorem ipsum dolor">
|
|
93
|
+
This address is already in use.
|
|
94
|
+
</sonic-alert>
|
|
95
|
+
<sonic-alert status="warning" background label="Lorem ipsum dolor">
|
|
96
|
+
This address is already in use.
|
|
97
|
+
</sonic-alert>
|
|
98
|
+
<sonic-alert status="info" background label="Lorem ipsum dolor">
|
|
99
|
+
This address is already in use.
|
|
100
|
+
</sonic-alert>
|
|
101
|
+
</div>
|
|
102
|
+
</code></pre>
|
|
103
|
+
<h2 id="dismissible">Dismissible</h2>
|
|
104
|
+
<p><code>dismissible</code> removes the alert from the DOM when the close control is clicked (i18n aria label). <strong><code>dismissible</code></strong> and <strong><code>background</code></strong> are independent: without <code>background</code>, close sits at the end of the row; with <code>background</code>, top-right.</p>
|
|
105
|
+
<pre><code><sonic-alert status="info" class="mb-3" dismissible label="This address is already in use.">
|
|
106
|
+
</sonic-alert>
|
|
107
|
+
<sonic-alert class="mb-3" dismissible background label="Lorem ipsum dolor">
|
|
108
|
+
This address is already in use.
|
|
109
|
+
</sonic-alert>
|
|
110
|
+
<sonic-alert status="success" class="mb-3" dismissible background label="Lorem ipsum dolor">
|
|
111
|
+
This address is already in use.
|
|
112
|
+
</sonic-alert>
|
|
113
|
+
<sonic-alert status="error" class="mb-3" dismissible background label="Lorem ipsum dolor">
|
|
114
|
+
This address is already in use.
|
|
115
|
+
</sonic-alert>
|
|
116
|
+
<sonic-alert status="warning" class="mb-3" dismissible background label="Lorem ipsum dolor">
|
|
117
|
+
This address is already in use.
|
|
118
|
+
</sonic-alert>
|
|
119
|
+
<sonic-alert status="info" class="mb-3" dismissible background label="Lorem ipsum dolor">
|
|
120
|
+
This address is already in use.
|
|
121
|
+
</sonic-alert>
|
|
122
|
+
</code></pre>
|
|
123
|
+
<h2 id="dismiss-forever">Dismiss forever</h2>
|
|
124
|
+
<p>With <strong><code>dismissForever</code></strong>, dismissal is stored in <code>localStorage</code> (key <code>sonic-alert-dismissed</code>). A stable <strong><code>id</code></strong> on the element is <strong>required</strong>; without <code>id</code>, a warning is logged and nothing is persisted.</p>
|
|
125
|
+
<pre><code><sonic-alert
|
|
126
|
+
class="mb-3"
|
|
127
|
+
dismissible
|
|
128
|
+
background
|
|
129
|
+
dismissForever
|
|
130
|
+
label="Lorem ipsum dolor"
|
|
131
|
+
id="addressUniqueId"
|
|
132
|
+
>
|
|
133
|
+
This address is already in use.
|
|
134
|
+
</sonic-alert>
|
|
135
|
+
</code></pre>
|
|
136
|
+
<h2 id="api-reference">API reference</h2>
|
|
137
|
+
<table>
|
|
138
|
+
<thead>
|
|
139
|
+
<tr>
|
|
140
|
+
<th>Attribute</th>
|
|
141
|
+
<th>Values</th>
|
|
142
|
+
<th>Description</th>
|
|
143
|
+
</tr>
|
|
144
|
+
</thead>
|
|
145
|
+
<tbody><tr>
|
|
146
|
+
<td><code>status</code></td>
|
|
147
|
+
<td><code>default</code> · <code>info</code> · <code>success</code> · <code>warning</code> · <code>error</code></td>
|
|
148
|
+
<td>Color and default icon</td>
|
|
149
|
+
</tr>
|
|
150
|
+
<tr>
|
|
151
|
+
<td><code>label</code></td>
|
|
152
|
+
<td>string</td>
|
|
153
|
+
<td>Title (plain text)</td>
|
|
154
|
+
</tr>
|
|
155
|
+
<tr>
|
|
156
|
+
<td><code>text</code></td>
|
|
157
|
+
<td>string</td>
|
|
158
|
+
<td>Short body (plain text), rendered before the slot</td>
|
|
159
|
+
</tr>
|
|
160
|
+
<tr>
|
|
161
|
+
<td><code>size</code></td>
|
|
162
|
+
<td><code>2xs</code> … <code>2xl</code></td>
|
|
163
|
+
<td>Corner radius and typography</td>
|
|
164
|
+
</tr>
|
|
165
|
+
<tr>
|
|
166
|
+
<td><code>background</code></td>
|
|
167
|
+
<td>boolean</td>
|
|
168
|
+
<td>Tinted background (<code>color-mix</code> on status color)</td>
|
|
169
|
+
</tr>
|
|
170
|
+
<tr>
|
|
171
|
+
<td><code>dismissible</code></td>
|
|
172
|
+
<td>boolean</td>
|
|
173
|
+
<td>Close control; removes the element from the DOM</td>
|
|
174
|
+
</tr>
|
|
175
|
+
<tr>
|
|
176
|
+
<td><code>dismissForever</code></td>
|
|
177
|
+
<td>boolean</td>
|
|
178
|
+
<td>Persists dismissal in <code>localStorage</code>; requires <strong><code>id</code></strong></td>
|
|
179
|
+
</tr>
|
|
180
|
+
<tr>
|
|
181
|
+
<td><code>noIcon</code></td>
|
|
182
|
+
<td>boolean</td>
|
|
183
|
+
<td>Hides the icon (including custom <code>icon</code> slot content)</td>
|
|
184
|
+
</tr>
|
|
185
|
+
<tr>
|
|
186
|
+
<td><code>announce</code></td>
|
|
187
|
+
<td>boolean</td>
|
|
188
|
+
<td><code>role="alert"</code> / <code>aria-live</code> for dynamically injected content</td>
|
|
189
|
+
</tr>
|
|
190
|
+
</tbody></table>
|
|
191
|
+
<table>
|
|
192
|
+
<thead>
|
|
193
|
+
<tr>
|
|
194
|
+
<th>Slot</th>
|
|
195
|
+
<th>Description</th>
|
|
196
|
+
</tr>
|
|
197
|
+
</thead>
|
|
198
|
+
<tbody><tr>
|
|
199
|
+
<td><em>(default)</em></td>
|
|
200
|
+
<td>Message body (HTML, actions); rendered after <code>text</code></td>
|
|
201
|
+
</tr>
|
|
202
|
+
<tr>
|
|
203
|
+
<td><code>icon</code></td>
|
|
204
|
+
<td>Replaces the default <code>sonic-icon</code></td>
|
|
205
|
+
</tr>
|
|
206
|
+
</tbody></table>
|
|
207
|
+
|
|
208
|
+
</article>
|
|
209
|
+
</main>
|
|
210
|
+
</body>
|
|
211
|
+
</html>
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="fr" data-crawl-url="https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html" data-doc-id="core/components/ui/alert-messages/alert-messages">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>Alert messages — Concorde</title>
|
|
7
|
+
<meta name="description" content="sonic-alert-messages renders a vertical stack of sonic-alert items from a messages array on a linked data provider (typical pattern: submitResultDataProvider after a form submit). Only entries with ty">
|
|
8
|
+
<meta name="keywords" content="Concorde, supersoniks, core/components/ui/alert-messages/alert-messages, alert-messages, Alert messages, UI component, sonic-alert-messages, web component, sonic-alert, messages, submitResultDataProvider, type="public", announce, dataProvider, type">
|
|
9
|
+
<meta name="concorde-doc-id" content="core/components/ui/alert-messages/alert-messages">
|
|
10
|
+
<link rel="canonical" href="https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.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/alert-messages/alert-messages.md/alert-messages" rel="nofollow">interactive version</a></p>
|
|
15
|
+
</header>
|
|
16
|
+
<main>
|
|
17
|
+
<article>
|
|
18
|
+
<p class="doc-lead" id="doc-summary"><strong>Concorde UI component — Alert messages</strong>. sonic-alert-messages renders a vertical stack of sonic-alert items from a messages array on a linked data provider (typical pattern: submitResultDataProvider after a form submit). Only entries with ty <span>Doc ID: <code>core/components/ui/alert-messages/alert-messages</code>. Keywords: Concorde, supersoniks, core/components/ui/alert-messages/alert-messages, alert-messages, Alert messages, UI component, sonic-alert-messages, web component, sonic-alert, messages, submitResultDataProvider, type="public", announce, dataProvider, type. URL: <a href="https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html">https://concorde.supersoniks.org/crawl/core/components/ui/alert-messages/alert-messages.html</a>.</span></p>
|
|
19
|
+
<h1 id="alert-messages">Alert messages</h1>
|
|
20
|
+
<p><strong><code>sonic-alert-messages</code></strong> renders a vertical stack of <strong><code>sonic-alert</code></strong> items from a <strong><code>messages</code></strong> array on a linked <strong>data provider</strong> (typical pattern: <strong><code>submitResultDataProvider</code></strong> after a form submit). Only entries with <strong><code>type="public"</code></strong> are shown. Each alert gets <strong><code>announce</code></strong> so screen readers pick up feedback after the request.</p>
|
|
21
|
+
<h2 id="with-submit-result">With submit result</h2>
|
|
22
|
+
<p>Bind <strong><code>dataProvider</code></strong> to the same publisher as <strong><code>submitResultDataProvider</code></strong>. API <strong><code>messages</code></strong> entries need <strong><code>type</code></strong>: <strong><code>public</code></strong>, plus <strong><code>content</code></strong> and optional <strong><code>status</code></strong> (<code>warning</code> · <code>success</code> · <code>error</code> · <code>info</code>).</p>
|
|
23
|
+
<pre><code><sonic-scope
|
|
24
|
+
serviceURL="/docs-mock-api"
|
|
25
|
+
formDataProvider="submit-example"
|
|
26
|
+
submitResultDataProvider="submit-example-result"
|
|
27
|
+
>
|
|
28
|
+
<sonic-alert-messages dataProvider="submit-example-result" background class="mb-4"></sonic-alert-messages>
|
|
29
|
+
<div class="grid gap-4 max-w-md">
|
|
30
|
+
<sonic-input name="email" type="email" label="Email" value=""></sonic-input>
|
|
31
|
+
<sonic-input name="password" type="password" label="Password" value=""></sonic-input>
|
|
32
|
+
<sonic-submit endPoint="api/register" onClick>
|
|
33
|
+
<sonic-button type="primary">Submit (empty fields → error messages)</sonic-button>
|
|
34
|
+
</sonic-submit>
|
|
35
|
+
</div>
|
|
36
|
+
</sonic-scope>
|
|
37
|
+
</code></pre>
|
|
38
|
+
<h2 id="shared-alert-props">Shared alert props</h2>
|
|
39
|
+
<p><strong><code>size</code></strong> · <strong><code>background</code></strong> and <strong><code>noIcon</code></strong> apply to every rendered <strong><code>sonic-alert</code></strong> in the list.</p>
|
|
40
|
+
<pre><code><sonic-button
|
|
41
|
+
size="sm"
|
|
42
|
+
variant="outline"
|
|
43
|
+
class="mb-3"
|
|
44
|
+
onclick="SonicPublisherManager.get('submit-example-result').set({ messages: [{ type: 'public', content: 'Compact inline feedback without icons.', status: 'info' }] })"
|
|
45
|
+
>
|
|
46
|
+
Load sample messages
|
|
47
|
+
</sonic-button>
|
|
48
|
+
<sonic-alert-messages
|
|
49
|
+
dataProvider="submit-example-result"
|
|
50
|
+
size="sm"
|
|
51
|
+
background
|
|
52
|
+
noIcon
|
|
53
|
+
></sonic-alert-messages>
|
|
54
|
+
</code></pre>
|
|
55
|
+
<h2 id="message-shape">Message shape</h2>
|
|
56
|
+
<p>Example JSON on the result publisher (or API response merged into it):</p>
|
|
57
|
+
<pre><code class="language-typescript">{
|
|
58
|
+
"messages": [
|
|
59
|
+
{
|
|
60
|
+
"type": "public",
|
|
61
|
+
"content": "The product has been added to your cart",
|
|
62
|
+
"status": "success"
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|
|
66
|
+
</code></pre>
|
|
67
|
+
<h2 id="api-reference">API reference</h2>
|
|
68
|
+
<table>
|
|
69
|
+
<thead>
|
|
70
|
+
<tr>
|
|
71
|
+
<th>Attribute</th>
|
|
72
|
+
<th>Values</th>
|
|
73
|
+
<th>Description</th>
|
|
74
|
+
</tr>
|
|
75
|
+
</thead>
|
|
76
|
+
<tbody><tr>
|
|
77
|
+
<td><code>dataProvider</code></td>
|
|
78
|
+
<td>publisher id</td>
|
|
79
|
+
<td>Source object; <strong><code>messages</code></strong> array is auto-filled via <strong>Subscriber</strong></td>
|
|
80
|
+
</tr>
|
|
81
|
+
<tr>
|
|
82
|
+
<td><code>size</code></td>
|
|
83
|
+
<td><code>2xs</code> … <code>2xl</code> (default <code>md</code>)</td>
|
|
84
|
+
<td>Passed to each <strong><code>sonic-alert</code></strong></td>
|
|
85
|
+
</tr>
|
|
86
|
+
<tr>
|
|
87
|
+
<td><code>background</code></td>
|
|
88
|
+
<td>boolean</td>
|
|
89
|
+
<td>Tinted background on each alert</td>
|
|
90
|
+
</tr>
|
|
91
|
+
<tr>
|
|
92
|
+
<td><code>noIcon</code></td>
|
|
93
|
+
<td>boolean</td>
|
|
94
|
+
<td>Hides icons on each alert</td>
|
|
95
|
+
</tr>
|
|
96
|
+
<tr>
|
|
97
|
+
<td><code>messages</code></td>
|
|
98
|
+
<td><code>Message[]</code></td>
|
|
99
|
+
<td>Usually set by the publisher; each item uses <strong><code>content</code></strong> as alert <strong><code>text</code></strong></td>
|
|
100
|
+
</tr>
|
|
101
|
+
</tbody></table>
|
|
102
|
+
<table>
|
|
103
|
+
<thead>
|
|
104
|
+
<tr>
|
|
105
|
+
<th>Message field</th>
|
|
106
|
+
<th>Values</th>
|
|
107
|
+
<th>Description</th>
|
|
108
|
+
</tr>
|
|
109
|
+
</thead>
|
|
110
|
+
<tbody><tr>
|
|
111
|
+
<td><code>type</code></td>
|
|
112
|
+
<td><code>public</code></td>
|
|
113
|
+
<td>Required for the message to render</td>
|
|
114
|
+
</tr>
|
|
115
|
+
<tr>
|
|
116
|
+
<td><code>content</code></td>
|
|
117
|
+
<td>string</td>
|
|
118
|
+
<td>Alert body (<strong><code>text</code></strong> on <strong><code>sonic-alert</code></strong>)</td>
|
|
119
|
+
</tr>
|
|
120
|
+
<tr>
|
|
121
|
+
<td><code>status</code></td>
|
|
122
|
+
<td><code>warning</code> · <code>success</code> · <code>error</code> · <code>info</code></td>
|
|
123
|
+
<td>Alert <strong><code>status</code></strong>; defaults to <strong><code>default</code></strong> when omitted</td>
|
|
124
|
+
</tr>
|
|
125
|
+
</tbody></table>
|
|
126
|
+
<p>No slots — alerts are generated from <strong><code>messages</code></strong>.</p>
|
|
127
|
+
|
|
128
|
+
</article>
|
|
129
|
+
</main>
|
|
130
|
+
</body>
|
|
131
|
+
</html>
|