@supersoniks/concorde 5.1.2 → 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 +1 -1
- 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 +1 -1
- 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} +11722 -8868
- 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/og-concorde.jpg +0 -0
- package/dist/robots.txt +11 -10
- package/docs/assets/index-CD4WyL6o.css +1 -0
- 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/{core → crawl/core}/components/functional/sdui/sdui-extension-points.html +8 -9
- 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/{core → crawl/core}/components/functional/subscriber/subscriber.html +5 -6
- package/docs/crawl/core/components/functional/value/value.html +51 -0
- package/docs/{core → crawl/core}/components/ui/alert/alert.html +63 -53
- package/docs/{core → crawl/core}/components/ui/alert-messages/alert-messages.html +5 -6
- package/docs/{core → crawl/core}/components/ui/badge/badge.html +33 -33
- package/docs/crawl/core/components/ui/button/button.html +150 -0
- package/docs/crawl/core/components/ui/captcha/captcha.html +112 -0
- package/docs/{core → crawl/core}/components/ui/card/card.html +11 -12
- package/docs/{core → crawl/core}/components/ui/divider/divider.html +14 -14
- 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/{core → crawl/core}/components/ui/form/form-actions/form-actions.html +23 -23
- 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/{core → crawl/core}/components/ui/icon/icon.html +9 -10
- package/docs/crawl/core/components/ui/image/image.html +298 -0
- package/docs/{core → crawl/core}/components/ui/link/link.html +11 -12
- package/docs/crawl/core/components/ui/loader/loader.html +124 -0
- package/docs/{core → crawl/core}/components/ui/menu/menu.html +33 -34
- package/docs/crawl/core/components/ui/modal/modal.html +342 -0
- package/docs/crawl/core/components/ui/pop/pop.html +296 -0
- package/docs/{core → crawl/core}/components/ui/progress/progress.html +7 -8
- 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/{docs/getting-started → crawl/docs/_core-concept}/dataFlow.html +29 -26
- 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/{docs/getting-started → crawl/docs/_getting-started}/ai-agents.html +11 -12
- 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/{docs/getting-started → crawl/docs/_getting-started}/create-a-component.html +14 -11
- package/docs/{docs/getting-started → crawl/docs/_getting-started}/my-first-component.html +22 -13
- 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/{docs/getting-started → crawl/docs/_getting-started}/theming.html +9 -10
- package/docs/{docs/misc → crawl/docs/_misc}/api-configuration.html +18 -18
- package/docs/{docs/misc → crawl/docs/_misc}/dataProviderKey.html +11 -12
- package/docs/{docs/misc → crawl/docs/_misc}/docs-mock-api.html +28 -25
- package/docs/{docs/misc → crawl/docs/_misc}/dynamic-path.html +15 -16
- package/docs/{docs/misc → crawl/docs/_misc}/endpoint.html +15 -16
- package/docs/crawl/docs/_misc/formelement-subscriber-removal.html +138 -0
- package/docs/{docs/misc → crawl/docs/_misc}/html-integration.html +15 -12
- 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/docs-mock-api-sw.js +223 -58
- package/docs/docs-mock-api-sw.js.map +4 -4
- package/docs/index.html +68 -95
- package/docs/llms-full.txt +3610 -2231
- package/docs/llms.txt +86 -94
- package/docs/robots.txt +10 -11
- package/docs/sitemap.xml +84 -78
- package/docs/src/core/components/functional/date/date.md +231 -91
- package/docs/src/core/components/functional/fetch/fetch.md +83 -66
- package/docs/src/core/components/functional/if/if.md +3 -28
- package/docs/src/core/components/functional/jsonata/jsonata.md +37 -42
- package/docs/src/core/components/functional/list/list.md +43 -99
- package/docs/src/core/components/functional/mix/mix.md +26 -31
- package/docs/src/core/components/functional/queue/queue.md +61 -40
- package/docs/src/core/components/functional/router/router.md +65 -64
- package/docs/src/core/components/functional/sdui/component-catalog.gaps.json +1 -1
- package/docs/src/core/components/functional/sdui/component-catalog.json +1 -1
- package/docs/src/core/components/functional/sdui/example.json +86 -19
- package/docs/src/core/components/functional/sdui/sdui-extension-points.md +1 -1
- package/docs/src/core/components/functional/sdui/sdui.md +358 -187
- package/docs/src/core/components/functional/states/states.md +61 -86
- package/docs/src/core/components/functional/submit/submit.md +72 -64
- package/docs/src/core/components/functional/value/value.md +22 -34
- package/docs/src/core/components/ui/alert/alert.md +58 -48
- package/docs/src/core/components/ui/badge/badge.md +34 -27
- package/docs/src/core/components/ui/button/button.md +106 -139
- package/docs/src/core/components/ui/captcha/captcha.md +32 -17
- package/docs/src/core/components/ui/card/card.md +6 -6
- package/docs/src/core/components/ui/divider/divider.md +11 -8
- package/docs/src/core/components/ui/form/checkbox/checkbox.md +42 -90
- package/docs/src/core/components/ui/form/fieldset/fieldset.md +75 -31
- package/docs/src/core/components/ui/form/form-actions/form-actions.md +16 -14
- package/docs/src/core/components/ui/form/form-layout/form-layout.md +29 -19
- package/docs/src/core/components/ui/form/input/input.md +95 -95
- package/docs/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +29 -0
- package/docs/src/core/components/ui/form/radio/radio.md +34 -55
- package/docs/src/core/components/ui/form/select/select.md +45 -60
- package/docs/src/core/components/ui/form/switch/switch.md +34 -57
- package/docs/src/core/components/ui/form/textarea/textarea.md +38 -55
- package/docs/src/core/components/ui/group/group.md +33 -35
- package/docs/src/core/components/ui/icon/icon.md +4 -4
- package/docs/src/core/components/ui/image/image.md +107 -41
- package/docs/src/core/components/ui/link/link.md +6 -6
- package/docs/src/core/components/ui/loader/loader.md +55 -30
- package/docs/src/core/components/ui/menu/menu.md +27 -27
- package/docs/src/core/components/ui/modal/modal.md +96 -72
- package/docs/src/core/components/ui/pop/pop.md +158 -80
- package/docs/src/core/components/ui/progress/progress.md +2 -2
- package/docs/src/core/components/ui/table/table.md +255 -91
- package/docs/src/core/components/ui/theme/theme.md +36 -11
- package/docs/src/core/components/ui/toast/toast.md +117 -48
- package/docs/src/core/components/ui/tooltip/tooltip.md +62 -27
- package/docs/{docs/getting-started → src/docs/_core-concept}/dataFlow.md +18 -17
- package/docs/src/docs/_core-concept/overview.md +57 -0
- package/docs/src/docs/_core-concept/subscriber.md +75 -0
- package/docs/src/docs/_decorators/ancestor-attribute.md +128 -0
- package/docs/src/docs/_decorators/auto-subscribe.md +202 -0
- package/docs/src/docs/_decorators/bind.md +167 -0
- package/docs/src/docs/_decorators/get.md +162 -0
- package/docs/src/docs/_decorators/handle.md +175 -0
- package/docs/src/docs/_decorators/on-assign.md +390 -0
- package/docs/src/docs/_decorators/patch.md +70 -0
- package/docs/src/docs/_decorators/post.md +146 -0
- package/docs/src/docs/_decorators/publish.md +55 -0
- package/docs/src/docs/_decorators/put.md +70 -0
- package/docs/src/docs/_decorators/subscribe.md +100 -0
- package/docs/src/docs/_decorators/wait-for-ancestors.md +163 -0
- package/docs/src/docs/_directives/sub.md +91 -0
- package/docs/src/docs/{getting-started → _getting-started}/ai-agents.md +3 -3
- package/docs/src/docs/_getting-started/concorde-manual-install.md +133 -0
- package/docs/src/docs/_getting-started/concorde-outside.md +33 -0
- package/docs/{docs/getting-started → src/docs/_getting-started}/create-a-component.md +6 -3
- package/docs/src/docs/{getting-started → _getting-started}/my-first-component.md +14 -5
- package/docs/src/docs/_getting-started/my-first-subscriber.md +120 -0
- package/docs/src/docs/_getting-started/pubsub.md +37 -0
- package/docs/src/docs/{getting-started → _getting-started}/start.md +13 -1
- package/docs/src/docs/{getting-started → _getting-started}/theming.md +2 -2
- package/docs/src/docs/{misc → _misc}/api-configuration.md +12 -10
- package/docs/src/docs/{misc → _misc}/dataProviderKey.md +4 -4
- package/docs/{docs/misc → src/docs/_misc}/docs-mock-api.md +13 -12
- package/docs/{docs/misc → src/docs/_misc}/dynamic-path.md +8 -8
- package/docs/{docs/misc → src/docs/_misc}/endpoint.md +8 -8
- package/docs/src/docs/_misc/formelement-subscriber-removal.md +115 -0
- package/docs/{docs/misc → src/docs/_misc}/html-integration.md +5 -4
- package/docs/src/docs/search/docs-search.json +4375 -2420
- package/docs/src/tsconfig.declarations.json +22 -0
- package/docs/src/tsconfig.emit.json +23 -0
- package/docs/src/tsconfig.json +2 -23
- package/gitlab/job_github_mirror.sh +39 -0
- package/index.html +89 -0
- package/package.json +22 -4
- package/public/img/og-concorde.jpg +0 -0
- package/scripts/ai-init.mjs +104 -379
- package/scripts/ai-init.test.mjs +81 -239
- package/scripts/docs-markdown-vite-plugin.ts +11 -5
- package/scripts/docs-public-url.mjs +6 -0
- package/scripts/docs.htaccess +7 -0
- package/scripts/generate-cem.mjs +244 -0
- package/scripts/generate-cem.test.mjs +122 -0
- package/scripts/generate-crawl-docs.mjs +29 -5
- package/scripts/generate-sdui-catalog.mjs +11 -10
- package/scripts/github-export.mjs +150 -0
- package/scripts/post-build-docs.js +3 -0
- 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 +1 -1
- package/src/core/components/functional/example/example.ts +3 -1
- package/src/core/components/functional/if/if.ts +0 -0
- package/src/core/components/functional/list/list.demo.ts +0 -0
- package/src/core/components/functional/list/list.md +6 -2
- package/src/core/components/functional/list/list.ts +17 -4
- package/src/core/components/functional/mix/mix.md +0 -0
- package/src/core/components/functional/router/router.demo.ts +0 -0
- 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 +0 -0
- package/src/core/components/functional/sdui/sdui-immutable.spec.ts +74 -0
- 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.ts +0 -0
- 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/value/value.md +0 -0
- 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/captcha/altchaStyles.ts +0 -0
- package/src/core/components/ui/card/card.md +1 -1
- package/src/core/components/ui/form/input/input.md +19 -1
- package/src/core/components/ui/form/input/input.ts +8 -2
- package/src/core/components/ui/form/radio/radio.md +14 -0
- package/src/core/components/ui/image/image.md +17 -17
- package/src/core/components/ui/modal/modal.md +2 -2
- 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/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 +3 -3
- package/src/docs/decorators/bind.md +23 -24
- package/src/docs/docs-location.spec.ts +10 -0
- package/src/docs/docs-location.ts +10 -0
- package/src/docs/example/decorators-demo-bind-demos.ts +11 -28
- package/src/docs/example/docs-toggle-demos.ts +1 -1
- package/src/docs/example/users.ts +0 -0
- package/src/docs/getting-started/ai-agents.md +29 -55
- package/src/docs/getting-started/dataFlow.md +2 -2
- package/src/docs/home/home.ts +3 -1
- 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/navigation/navigation.ts +5 -1
- package/src/docs/search/docs-search.json +358 -58
- package/src/docs/search/markdown-renderer.ts +6 -1
- 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/.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/PLAN-DOCS-AGENTS.md +0 -80
- 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/.htaccess +0 -75
- package/docs/404.html +0 -15
- package/docs/404.md +0 -5
- package/docs/assets/index-BgG6FFPt.js +0 -11765
- package/docs/assets/index-x89XINSG.css +0 -1
- package/docs/core/components/functional/date/date.html +0 -211
- package/docs/core/components/functional/date/date.md +0 -150
- package/docs/core/components/functional/fetch/fetch.html +0 -180
- package/docs/core/components/functional/fetch/fetch.md +0 -108
- package/docs/core/components/functional/if/if.html +0 -65
- package/docs/core/components/functional/if/if.md +0 -34
- package/docs/core/components/functional/jsonata/jsonata.html +0 -110
- package/docs/core/components/functional/jsonata/jsonata.md +0 -61
- package/docs/core/components/functional/list/list.html +0 -198
- package/docs/core/components/functional/list/list.md +0 -121
- package/docs/core/components/functional/mix/mix.html +0 -78
- package/docs/core/components/functional/mix/mix.md +0 -46
- package/docs/core/components/functional/queue/queue.html +0 -155
- package/docs/core/components/functional/queue/queue.md +0 -51
- package/docs/core/components/functional/router/router.html +0 -154
- package/docs/core/components/functional/router/router.md +0 -93
- package/docs/core/components/functional/sdui/sdui-extension-points.md +0 -94
- package/docs/core/components/functional/sdui/sdui.html +0 -397
- package/docs/core/components/functional/sdui/sdui.md +0 -307
- package/docs/core/components/functional/states/states.html +0 -141
- package/docs/core/components/functional/states/states.md +0 -112
- package/docs/core/components/functional/submit/submit.html +0 -178
- package/docs/core/components/functional/submit/submit.md +0 -106
- package/docs/core/components/functional/subscriber/subscriber.md +0 -91
- package/docs/core/components/functional/translation/translation.html +0 -60
- package/docs/core/components/functional/translation/translation.md +0 -38
- package/docs/core/components/functional/value/value.html +0 -81
- package/docs/core/components/functional/value/value.md +0 -47
- package/docs/core/components/ui/alert/alert.md +0 -186
- package/docs/core/components/ui/alert-messages/alert-messages.md +0 -85
- package/docs/core/components/ui/badge/badge.md +0 -181
- package/docs/core/components/ui/button/button.html +0 -309
- package/docs/core/components/ui/button/button.md +0 -216
- package/docs/core/components/ui/captcha/captcha.html +0 -80
- package/docs/core/components/ui/captcha/captcha.md +0 -56
- package/docs/core/components/ui/card/card.md +0 -215
- package/docs/core/components/ui/divider/divider.md +0 -126
- package/docs/core/components/ui/form/checkbox/checkbox.html +0 -200
- package/docs/core/components/ui/form/checkbox/checkbox.md +0 -125
- package/docs/core/components/ui/form/fieldset/fieldset.html +0 -238
- package/docs/core/components/ui/form/fieldset/fieldset.md +0 -161
- package/docs/core/components/ui/form/form-actions/form-actions.md +0 -98
- package/docs/core/components/ui/form/form-layout/form-layout.html +0 -115
- package/docs/core/components/ui/form/form-layout/form-layout.md +0 -109
- package/docs/core/components/ui/form/input/input.html +0 -235
- package/docs/core/components/ui/form/input/input.md +0 -142
- package/docs/core/components/ui/form/radio/radio.html +0 -144
- package/docs/core/components/ui/form/radio/radio.md +0 -78
- package/docs/core/components/ui/form/select/select.html +0 -178
- package/docs/core/components/ui/form/select/select.md +0 -86
- package/docs/core/components/ui/form/switch/switch.html +0 -146
- package/docs/core/components/ui/form/switch/switch.md +0 -80
- package/docs/core/components/ui/form/textarea/textarea.html +0 -162
- package/docs/core/components/ui/form/textarea/textarea.md +0 -82
- package/docs/core/components/ui/group/group.html +0 -113
- package/docs/core/components/ui/group/group.md +0 -77
- package/docs/core/components/ui/icon/icon.md +0 -214
- package/docs/core/components/ui/image/image.html +0 -194
- package/docs/core/components/ui/image/image.md +0 -167
- package/docs/core/components/ui/link/link.md +0 -81
- package/docs/core/components/ui/loader/loader.html +0 -114
- package/docs/core/components/ui/loader/loader.md +0 -87
- package/docs/core/components/ui/menu/menu.md +0 -370
- package/docs/core/components/ui/modal/modal.html +0 -324
- package/docs/core/components/ui/modal/modal.md +0 -211
- package/docs/core/components/ui/pop/pop.html +0 -250
- package/docs/core/components/ui/pop/pop.md +0 -216
- package/docs/core/components/ui/progress/progress.md +0 -109
- package/docs/core/components/ui/table/table.html +0 -333
- package/docs/core/components/ui/table/table.md +0 -267
- package/docs/core/components/ui/theme/theme.html +0 -116
- package/docs/core/components/ui/theme/theme.md +0 -97
- package/docs/core/components/ui/toast/toast.html +0 -185
- package/docs/core/components/ui/toast/toast.md +0 -147
- package/docs/core/components/ui/tooltip/tooltip.html +0 -112
- package/docs/core/components/ui/tooltip/tooltip.md +0 -89
- package/docs/docs/decorators/ancestor-attribute.html +0 -71
- package/docs/docs/decorators/ancestor-attribute.md +0 -59
- package/docs/docs/decorators/auto-subscribe.html +0 -61
- package/docs/docs/decorators/auto-subscribe.md +0 -40
- package/docs/docs/decorators/bind.html +0 -86
- package/docs/docs/decorators/bind.md +0 -77
- package/docs/docs/decorators/get.html +0 -166
- package/docs/docs/decorators/get.md +0 -160
- package/docs/docs/decorators/handle.html +0 -139
- package/docs/docs/decorators/handle.md +0 -119
- package/docs/docs/decorators/on-assign.html +0 -72
- package/docs/docs/decorators/on-assign.md +0 -63
- package/docs/docs/decorators/patch.html +0 -76
- package/docs/docs/decorators/patch.md +0 -44
- package/docs/docs/decorators/post.html +0 -150
- package/docs/docs/decorators/post.md +0 -134
- package/docs/docs/decorators/publish.html +0 -74
- package/docs/docs/decorators/publish.md +0 -56
- package/docs/docs/decorators/put.html +0 -83
- package/docs/docs/decorators/put.md +0 -51
- package/docs/docs/decorators/subscribe.html +0 -91
- package/docs/docs/decorators/subscribe.md +0 -87
- package/docs/docs/decorators/wait-for-ancestors.html +0 -82
- package/docs/docs/decorators/wait-for-ancestors.md +0 -76
- package/docs/docs/directives/sub.html +0 -79
- package/docs/docs/directives/sub.md +0 -75
- package/docs/docs/directives/t.html +0 -91
- package/docs/docs/directives/t.md +0 -73
- package/docs/docs/getting-started/ai-agents.md +0 -76
- package/docs/docs/getting-started/components.html +0 -27
- package/docs/docs/getting-started/components.md +0 -5
- package/docs/docs/getting-started/installation.html +0 -69
- package/docs/docs/getting-started/installation.md +0 -36
- package/docs/docs/getting-started/my-first-component.md +0 -227
- package/docs/docs/getting-started/start.html +0 -47
- package/docs/docs/getting-started/start.md +0 -35
- package/docs/docs/getting-started/theming.md +0 -253
- package/docs/docs/index.html +0 -99
- package/docs/docs/misc/api-configuration.md +0 -79
- package/docs/docs/misc/dataProviderKey.md +0 -168
- package/docs/hubs/decorators.html +0 -443
- package/docs/hubs/form-components.html +0 -404
- package/docs/hubs/remote-data.html +0 -371
- package/docs/img/archive/concorde-001-2cv.webp +0 -0
- package/docs/img/archive/concorde-red-arrows-2002-poster.jpg +0 -0
- package/docs/img/archive/concorde-red-arrows-2002.webm +0 -0
- package/docs/img/archive/credits.json +0 -28
- package/docs/index.md +0 -22
- package/docs/src/core/components/functional/translation/translation.md +0 -38
- package/docs/src/docs/decorators/ancestor-attribute.md +0 -59
- package/docs/src/docs/decorators/auto-subscribe.md +0 -40
- package/docs/src/docs/decorators/bind.md +0 -77
- package/docs/src/docs/decorators/get.md +0 -160
- package/docs/src/docs/decorators/handle.md +0 -119
- package/docs/src/docs/decorators/on-assign.md +0 -63
- package/docs/src/docs/decorators/patch.md +0 -44
- package/docs/src/docs/decorators/post.md +0 -134
- package/docs/src/docs/decorators/publish.md +0 -56
- package/docs/src/docs/decorators/put.md +0 -51
- package/docs/src/docs/decorators/subscribe.md +0 -87
- package/docs/src/docs/decorators/wait-for-ancestors.md +0 -76
- package/docs/src/docs/directives/sub.md +0 -75
- package/docs/src/docs/directives/t.md +0 -73
- package/docs/src/docs/getting-started/components.md +0 -5
- package/docs/src/docs/getting-started/create-a-component.md +0 -136
- package/docs/src/docs/getting-started/dataFlow.md +0 -87
- package/docs/src/docs/getting-started/installation.md +0 -36
- package/docs/src/docs/misc/docs-mock-api.md +0 -62
- package/docs/src/docs/misc/dynamic-path.md +0 -71
- package/docs/src/docs/misc/endpoint.md +0 -45
- package/docs/src/docs/misc/html-integration.md +0 -14
- /package/{docs → dist}/img/concorde/plane_01.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_02.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_03.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_04.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_05.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_06.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_07.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_08.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_09.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_10.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_11.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_12.jpg +0 -0
- /package/{docs → dist}/img/concorde/plane_13.jpg +0 -0
|
@@ -1,178 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/submit" data-doc-id="core/components/functional/submit/submit">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Submit — Concorde by Supersoniks</title>
|
|
7
|
-
<meta name="description" content="sonic-submit sends the form publisher named by formDataProvider to a REST endpoint and writes the response to submitResultDataProvider. The request is configured like Fetch: serviceURL on an ancestor,">
|
|
8
|
-
<meta name="keywords" content="Concorde, supersoniks, core/components/functional/submit/submit, submit, Submit, functional component, sonic-submit, web component, formDataProvider, submitResultDataProvider, serviceURL, dataProvider, endPoint, sonic-input, name, onClick, onEnterKey">
|
|
9
|
-
<meta name="concorde-doc-id" content="core/components/functional/submit/submit">
|
|
10
|
-
<link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/submit">
|
|
11
|
-
<link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/submit.md">
|
|
12
|
-
</head>
|
|
13
|
-
<body>
|
|
14
|
-
<header>
|
|
15
|
-
<p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/submit">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
|
|
16
|
-
</header>
|
|
17
|
-
<main>
|
|
18
|
-
<article>
|
|
19
|
-
<p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Submit</strong>. sonic-submit sends the form publisher named by formDataProvider to a REST endpoint and writes the response to submitResultDataProvider. The request is configured like Fetch: serviceURL on an ancestor, <span>Doc ID: <code>core/components/functional/submit/submit</code>. Keywords: Concorde, supersoniks, core/components/functional/submit/submit, submit, Submit, functional component, sonic-submit, web component, formDataProvider, submitResultDataProvider, serviceURL, dataProvider, endPoint, sonic-input, name, onClick, onEnterKey. URL: <a href="https://concorde.supersoniks.org/core/components/functional/submit">https://concorde.supersoniks.org/core/components/functional/submit</a>.</span></p>
|
|
20
|
-
<h1 id="submit">Submit</h1>
|
|
21
|
-
<p><strong><code>sonic-submit</code></strong> sends the form publisher named by <code>formDataProvider</code> to a REST endpoint and writes the response to <code>submitResultDataProvider</code>. The request is configured like <a href="/core/components/functional/fetch">Fetch</a>: <code>serviceURL</code> on an ancestor, path from the ancestor <code>dataProvider</code> or from <code>endPoint</code>. Form fields such as <code>sonic-input</code> fill the publisher through their <code>name</code>.</p>
|
|
22
|
-
<h2 id="basic-example">Basic example</h2>
|
|
23
|
-
<p><code>onClick</code> sends on a click inside the element, <code>onEnterKey</code> on Enter in a focused field inside it. The method defaults to <code>post</code> and the body to JSON. Fields are validated first; while the request runs, the content is faded and not clickable.</p>
|
|
24
|
-
<p><docs-lit-demo for="docs-submit-demo"></docs-lit-demo></p>
|
|
25
|
-
<h2 id="result-key">Result key</h2>
|
|
26
|
-
<p>When the API wraps its payload (<code>{ data: { id, token } }</code>), set <code>submitResultKey</code> to a dot path so <code>submitResultDataProvider</code> receives only that part.</p>
|
|
27
|
-
<p><docs-lit-demo for="docs-submit-result-key-demo"></docs-lit-demo></p>
|
|
28
|
-
<h2 id="reset-after-submit">Reset after submit</h2>
|
|
29
|
-
<p><code>clearedDataOnSuccess</code> on an ancestor lists publisher ids, separated by spaces, that are set to <code>{}</code> once the API returns a result. This includes error results with <code>messages</code>.</p>
|
|
30
|
-
<p><docs-lit-demo for="docs-submit-clear-demo"></docs-lit-demo></p>
|
|
31
|
-
<h2 id="submit-event">Submit event</h2>
|
|
32
|
-
<p>After each request, <code>sonic-submit</code> dispatches a bubbling <code>submit</code> event whose <code>detail</code> is the result, the same value written to <code>submitResultDataProvider</code>.</p>
|
|
33
|
-
<p><docs-lit-demo for="docs-submit-event-demo"></docs-lit-demo></p>
|
|
34
|
-
<h2 id="endpoint-override">Endpoint override</h2>
|
|
35
|
-
<p><code>endPoint</code> on <code>sonic-submit</code> replaces the ancestor <code>dataProvider</code> as the request path, for this element only.</p>
|
|
36
|
-
<p><docs-lit-demo for="docs-submit-endpoint-demo"></docs-lit-demo></p>
|
|
37
|
-
<h2 id="http-method">HTTP method</h2>
|
|
38
|
-
<p>Set <code>method</code> to <code>put</code> · <code>patch</code> · <code>delete</code> · <code>get</code> (default <code>post</code>). It is read on <code>sonic-submit</code> only, never inherited. With <code>get</code>, the fields are appended to the endpoint as a query string.</p>
|
|
39
|
-
<p><docs-lit-demo for="docs-submit-get-demo"></docs-lit-demo></p>
|
|
40
|
-
<h2 id="multipart-body">Multipart body</h2>
|
|
41
|
-
<p><code>sendAsFormData</code> sends the fields as <code>multipart/form-data</code> instead of JSON. The response is still parsed as JSON.</p>
|
|
42
|
-
<p><docs-lit-demo for="docs-submit-formdata-demo"></docs-lit-demo></p>
|
|
43
|
-
<h2 id="native-form">Native form</h2>
|
|
44
|
-
<p>With <code>native</code>, no request is made: after validation, the publisher values are copied into the matching controls of the closest <code><form></code> (hidden inputs are created when missing), then the browser submits the form. <code>name</code> and <code>value</code> on <code>sonic-submit</code> are sent as the submit button pair. Use a <code>target</code> iframe to stay on the page.</p>
|
|
45
|
-
<p><docs-lit-demo for="docs-submit-native-demo"></docs-lit-demo></p>
|
|
46
|
-
<h2 id="nested-fields">Nested fields</h2>
|
|
47
|
-
<p>A dot in a field <code>name</code> stores a nested object in the form publisher, and the body is sent with the same shape.</p>
|
|
48
|
-
<pre><code><sonic-scope formDataProvider="submit-example-dot-notation">
|
|
49
|
-
<div class="grid grid-cols-2 gap-4">
|
|
50
|
-
<sonic-input label="Passenger" name="passenger.name" value="Ada Lindqvist"></sonic-input>
|
|
51
|
-
<sonic-input label="Seat" name="passenger.seat" value="2A"></sonic-input>
|
|
52
|
-
</div>
|
|
53
|
-
</sonic-scope>
|
|
54
|
-
</code></pre>
|
|
55
|
-
<pre><code class="language-typescript">{ passenger: { name: "Ada Lindqvist", seat: "2A" } }
|
|
56
|
-
</code></pre>
|
|
57
|
-
<h2 id="api-reference">API reference</h2>
|
|
58
|
-
<table>
|
|
59
|
-
<thead>
|
|
60
|
-
<tr>
|
|
61
|
-
<th>Attribute</th>
|
|
62
|
-
<th>Values</th>
|
|
63
|
-
<th>Description</th>
|
|
64
|
-
</tr>
|
|
65
|
-
</thead>
|
|
66
|
-
<tbody><tr>
|
|
67
|
-
<td><code>onClick</code></td>
|
|
68
|
-
<td>boolean</td>
|
|
69
|
-
<td>Sends on click inside the element</td>
|
|
70
|
-
</tr>
|
|
71
|
-
<tr>
|
|
72
|
-
<td><code>onEnterKey</code></td>
|
|
73
|
-
<td>boolean</td>
|
|
74
|
-
<td>Sends on Enter in a focused field inside the element</td>
|
|
75
|
-
</tr>
|
|
76
|
-
<tr>
|
|
77
|
-
<td><code>method</code></td>
|
|
78
|
-
<td><code>post</code> · <code>put</code> · <code>patch</code> · <code>delete</code> · <code>get</code> (default <code>post</code>)</td>
|
|
79
|
-
<td>HTTP method. <code>get</code> sends the fields as a query string</td>
|
|
80
|
-
</tr>
|
|
81
|
-
<tr>
|
|
82
|
-
<td><code>endPoint</code></td>
|
|
83
|
-
<td>string</td>
|
|
84
|
-
<td>Request path. Overrides the ancestor <code>dataProvider</code></td>
|
|
85
|
-
</tr>
|
|
86
|
-
<tr>
|
|
87
|
-
<td><code>submitResultKey</code></td>
|
|
88
|
-
<td>string</td>
|
|
89
|
-
<td>Dot path of the response part written to <code>submitResultDataProvider</code></td>
|
|
90
|
-
</tr>
|
|
91
|
-
<tr>
|
|
92
|
-
<td><code>sendAsFormData</code></td>
|
|
93
|
-
<td>boolean</td>
|
|
94
|
-
<td>Sends <code>multipart/form-data</code> instead of JSON</td>
|
|
95
|
-
</tr>
|
|
96
|
-
<tr>
|
|
97
|
-
<td><code>native</code></td>
|
|
98
|
-
<td>boolean</td>
|
|
99
|
-
<td>Fills and submits the closest <code><form></code> instead of calling the API</td>
|
|
100
|
-
</tr>
|
|
101
|
-
<tr>
|
|
102
|
-
<td><code>name</code> · <code>value</code></td>
|
|
103
|
-
<td>string</td>
|
|
104
|
-
<td>Submit button pair added to a native form submission</td>
|
|
105
|
-
</tr>
|
|
106
|
-
<tr>
|
|
107
|
-
<td><code>disabled</code></td>
|
|
108
|
-
<td>boolean</td>
|
|
109
|
-
<td>Ignores triggers. Set while a request runs</td>
|
|
110
|
-
</tr>
|
|
111
|
-
<tr>
|
|
112
|
-
<td><code>usernameKey</code> · <code>passwordKey</code></td>
|
|
113
|
-
<td>string (default <code>username</code> · <code>password</code>)</td>
|
|
114
|
-
<td>After a successful response, fields stored with the Credential Management API when both are present</td>
|
|
115
|
-
</tr>
|
|
116
|
-
</tbody></table>
|
|
117
|
-
<table>
|
|
118
|
-
<thead>
|
|
119
|
-
<tr>
|
|
120
|
-
<th>Ancestor attribute</th>
|
|
121
|
-
<th>Description</th>
|
|
122
|
-
</tr>
|
|
123
|
-
</thead>
|
|
124
|
-
<tbody><tr>
|
|
125
|
-
<td><code>serviceURL</code></td>
|
|
126
|
-
<td>API base URL</td>
|
|
127
|
-
</tr>
|
|
128
|
-
<tr>
|
|
129
|
-
<td><code>dataProvider</code></td>
|
|
130
|
-
<td>Default request path</td>
|
|
131
|
-
</tr>
|
|
132
|
-
<tr>
|
|
133
|
-
<td><code>formDataProvider</code></td>
|
|
134
|
-
<td>Publisher sent as the body. Required</td>
|
|
135
|
-
</tr>
|
|
136
|
-
<tr>
|
|
137
|
-
<td><code>submitResultDataProvider</code></td>
|
|
138
|
-
<td>Publisher receiving the result</td>
|
|
139
|
-
</tr>
|
|
140
|
-
<tr>
|
|
141
|
-
<td><code>headersDataProvider</code></td>
|
|
142
|
-
<td>Publisher sent as request headers</td>
|
|
143
|
-
</tr>
|
|
144
|
-
<tr>
|
|
145
|
-
<td><code>clearedDataOnSuccess</code></td>
|
|
146
|
-
<td>Space-separated publisher ids reset to <code>{}</code> after a result</td>
|
|
147
|
-
</tr>
|
|
148
|
-
</tbody></table>
|
|
149
|
-
<p>When the form or headers publisher has <code>needsCaptchaValidation</code>, the request waits for a <a href="/core/components/ui/captcha">Captcha</a> token. A network failure produces a result with an error message in <code>messages</code>.</p>
|
|
150
|
-
<table>
|
|
151
|
-
<thead>
|
|
152
|
-
<tr>
|
|
153
|
-
<th>Event</th>
|
|
154
|
-
<th>Detail</th>
|
|
155
|
-
</tr>
|
|
156
|
-
</thead>
|
|
157
|
-
<tbody><tr>
|
|
158
|
-
<td><code>submit</code></td>
|
|
159
|
-
<td>The result (after <code>submitResultKey</code>)</td>
|
|
160
|
-
</tr>
|
|
161
|
-
</tbody></table>
|
|
162
|
-
<table>
|
|
163
|
-
<thead>
|
|
164
|
-
<tr>
|
|
165
|
-
<th>Slot</th>
|
|
166
|
-
<th>Description</th>
|
|
167
|
-
</tr>
|
|
168
|
-
</thead>
|
|
169
|
-
<tbody><tr>
|
|
170
|
-
<td><em>(default)</em></td>
|
|
171
|
-
<td>Fields and buttons that trigger the submission</td>
|
|
172
|
-
</tr>
|
|
173
|
-
</tbody></table>
|
|
174
|
-
|
|
175
|
-
</article>
|
|
176
|
-
</main>
|
|
177
|
-
</body>
|
|
178
|
-
</html>
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
# Submit
|
|
2
|
-
|
|
3
|
-
**`sonic-submit`** sends the form publisher named by `formDataProvider` to a REST endpoint and writes the response to `submitResultDataProvider`. The request is configured like [Fetch](/core/components/functional/fetch): `serviceURL` on an ancestor, path from the ancestor `dataProvider` or from `endPoint`. Form fields such as `sonic-input` fill the publisher through their `name`.
|
|
4
|
-
|
|
5
|
-
## Basic example
|
|
6
|
-
|
|
7
|
-
`onClick` sends on a click inside the element, `onEnterKey` on Enter in a focused field inside it. The method defaults to `post` and the body to JSON. Fields are validated first; while the request runs, the content is faded and not clickable.
|
|
8
|
-
|
|
9
|
-
<docs-lit-demo for="docs-submit-demo"></docs-lit-demo>
|
|
10
|
-
|
|
11
|
-
## Result key
|
|
12
|
-
|
|
13
|
-
When the API wraps its payload (`{ data: { id, token } }`), set `submitResultKey` to a dot path so `submitResultDataProvider` receives only that part.
|
|
14
|
-
|
|
15
|
-
<docs-lit-demo for="docs-submit-result-key-demo"></docs-lit-demo>
|
|
16
|
-
|
|
17
|
-
## Reset after submit
|
|
18
|
-
|
|
19
|
-
`clearedDataOnSuccess` on an ancestor lists publisher ids, separated by spaces, that are set to `{}` once the API returns a result. This includes error results with `messages`.
|
|
20
|
-
|
|
21
|
-
<docs-lit-demo for="docs-submit-clear-demo"></docs-lit-demo>
|
|
22
|
-
|
|
23
|
-
## Submit event
|
|
24
|
-
|
|
25
|
-
After each request, `sonic-submit` dispatches a bubbling `submit` event whose `detail` is the result, the same value written to `submitResultDataProvider`.
|
|
26
|
-
|
|
27
|
-
<docs-lit-demo for="docs-submit-event-demo"></docs-lit-demo>
|
|
28
|
-
|
|
29
|
-
## Endpoint override
|
|
30
|
-
|
|
31
|
-
`endPoint` on `sonic-submit` replaces the ancestor `dataProvider` as the request path, for this element only.
|
|
32
|
-
|
|
33
|
-
<docs-lit-demo for="docs-submit-endpoint-demo"></docs-lit-demo>
|
|
34
|
-
|
|
35
|
-
## HTTP method
|
|
36
|
-
|
|
37
|
-
Set `method` to `put` · `patch` · `delete` · `get` (default `post`). It is read on `sonic-submit` only, never inherited. With `get`, the fields are appended to the endpoint as a query string.
|
|
38
|
-
|
|
39
|
-
<docs-lit-demo for="docs-submit-get-demo"></docs-lit-demo>
|
|
40
|
-
|
|
41
|
-
## Multipart body
|
|
42
|
-
|
|
43
|
-
`sendAsFormData` sends the fields as `multipart/form-data` instead of JSON. The response is still parsed as JSON.
|
|
44
|
-
|
|
45
|
-
<docs-lit-demo for="docs-submit-formdata-demo"></docs-lit-demo>
|
|
46
|
-
|
|
47
|
-
## Native form
|
|
48
|
-
|
|
49
|
-
With `native`, no request is made: after validation, the publisher values are copied into the matching controls of the closest `<form>` (hidden inputs are created when missing), then the browser submits the form. `name` and `value` on `sonic-submit` are sent as the submit button pair. Use a `target` iframe to stay on the page.
|
|
50
|
-
|
|
51
|
-
<docs-lit-demo for="docs-submit-native-demo"></docs-lit-demo>
|
|
52
|
-
|
|
53
|
-
## Nested fields
|
|
54
|
-
|
|
55
|
-
A dot in a field `name` stores a nested object in the form publisher, and the body is sent with the same shape.
|
|
56
|
-
|
|
57
|
-
<sonic-code>
|
|
58
|
-
<template>
|
|
59
|
-
<sonic-scope formDataProvider="submit-example-dot-notation">
|
|
60
|
-
<div class="grid grid-cols-2 gap-4">
|
|
61
|
-
<sonic-input label="Passenger" name="passenger.name" value="Ada Lindqvist"></sonic-input>
|
|
62
|
-
<sonic-input label="Seat" name="passenger.seat" value="2A"></sonic-input>
|
|
63
|
-
</div>
|
|
64
|
-
</sonic-scope>
|
|
65
|
-
</template>
|
|
66
|
-
</sonic-code>
|
|
67
|
-
|
|
68
|
-
<sonic-code language="typescript">
|
|
69
|
-
<template>
|
|
70
|
-
{ passenger: { name: "Ada Lindqvist", seat: "2A" } }
|
|
71
|
-
</template>
|
|
72
|
-
</sonic-code>
|
|
73
|
-
|
|
74
|
-
## API reference
|
|
75
|
-
|
|
76
|
-
| Attribute | Values | Description |
|
|
77
|
-
|-----------|--------|-------------|
|
|
78
|
-
| `onClick` | boolean | Sends on click inside the element |
|
|
79
|
-
| `onEnterKey` | boolean | Sends on Enter in a focused field inside the element |
|
|
80
|
-
| `method` | `post` · `put` · `patch` · `delete` · `get` (default `post`) | HTTP method. `get` sends the fields as a query string |
|
|
81
|
-
| `endPoint` | string | Request path. Overrides the ancestor `dataProvider` |
|
|
82
|
-
| `submitResultKey` | string | Dot path of the response part written to `submitResultDataProvider` |
|
|
83
|
-
| `sendAsFormData` | boolean | Sends `multipart/form-data` instead of JSON |
|
|
84
|
-
| `native` | boolean | Fills and submits the closest `<form>` instead of calling the API |
|
|
85
|
-
| `name` · `value` | string | Submit button pair added to a native form submission |
|
|
86
|
-
| `disabled` | boolean | Ignores triggers. Set while a request runs |
|
|
87
|
-
| `usernameKey` · `passwordKey` | string (default `username` · `password`) | After a successful response, fields stored with the Credential Management API when both are present |
|
|
88
|
-
|
|
89
|
-
| Ancestor attribute | Description |
|
|
90
|
-
|--------------------|-------------|
|
|
91
|
-
| `serviceURL` | API base URL |
|
|
92
|
-
| `dataProvider` | Default request path |
|
|
93
|
-
| `formDataProvider` | Publisher sent as the body. Required |
|
|
94
|
-
| `submitResultDataProvider` | Publisher receiving the result |
|
|
95
|
-
| `headersDataProvider` | Publisher sent as request headers |
|
|
96
|
-
| `clearedDataOnSuccess` | Space-separated publisher ids reset to `{}` after a result |
|
|
97
|
-
|
|
98
|
-
When the form or headers publisher has `needsCaptchaValidation`, the request waits for a [Captcha](/core/components/ui/captcha) token. A network failure produces a result with an error message in `messages`.
|
|
99
|
-
|
|
100
|
-
| Event | Detail |
|
|
101
|
-
|-------|--------|
|
|
102
|
-
| `submit` | The result (after `submitResultKey`) |
|
|
103
|
-
|
|
104
|
-
| Slot | Description |
|
|
105
|
-
|------|-------------|
|
|
106
|
-
| *(default)* | Fields and buttons that trigger the submission |
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
# Subscriber
|
|
2
|
-
|
|
3
|
-
La mixin Subscriber permet lier un composant à un publisher.
|
|
4
|
-
La liaison à un publisher se fait via l'attribut *dataProvider* du composant qui représente ce que l'on obtient en appellant PublisherManager.get(dataProvider).
|
|
5
|
-
|
|
6
|
-
Les propriétés du composant sont automatiquement remplies avec les propriétés du même nom dans les données du publisher.
|
|
7
|
-
|
|
8
|
-
Le composant est automatiquement mis à jour lorsque les données du publisher sont mises à jour.
|
|
9
|
-
|
|
10
|
-
## DataProvider
|
|
11
|
-
|
|
12
|
-
**Id** of the dataProvider that the component will **subscribe** to
|
|
13
|
-
|
|
14
|
-
<sonic-code>
|
|
15
|
-
<template>
|
|
16
|
-
<sonic-subscriber dataProvider="id_that_the_subsriber_will_subscribe_to" debug>
|
|
17
|
-
<sonic-button> custom dataProvider id</sonic-button>
|
|
18
|
-
</sonic-subscriber>
|
|
19
|
-
<sonic-subscriber debug>
|
|
20
|
-
<sonic-button> default id : pageHTML</sonic-button>
|
|
21
|
-
</sonic-subscriber>
|
|
22
|
-
</template>
|
|
23
|
-
</sonic-code>
|
|
24
|
-
|
|
25
|
-
## Props
|
|
26
|
-
|
|
27
|
-
Data object (json) that will be passed to the dataProvider
|
|
28
|
-
|
|
29
|
-
<sonic-code>
|
|
30
|
-
<template>
|
|
31
|
-
<sonic-subscriber props='{"data":"Hello world"}' debug>
|
|
32
|
-
<sonic-button> Hover to see the data</sonic-button>
|
|
33
|
-
</sonic-subscriber>
|
|
34
|
-
</template>
|
|
35
|
-
</sonic-code>
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
## Debug
|
|
39
|
-
|
|
40
|
-
**Helper**, display the data held by the dataProvider in a floating div
|
|
41
|
-
|
|
42
|
-
<sonic-code>
|
|
43
|
-
<template>
|
|
44
|
-
<sonic-subscriber debug>
|
|
45
|
-
<sonic-button> see the dataProvider'data </sonic-button>
|
|
46
|
-
</sonic-subscriber>
|
|
47
|
-
</template>
|
|
48
|
-
</sonic-code>
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
## NoAutofill
|
|
52
|
-
|
|
53
|
-
<sonic-alert status="info">Docs coming soon</sonic-alert>
|
|
54
|
-
|
|
55
|
-
## PropertyMap
|
|
56
|
-
|
|
57
|
-
<sonic-alert status="info">Docs coming soon</sonic-alert>
|
|
58
|
-
|
|
59
|
-
Permet de mapper un nom de propriété de donnée source vers une propriété du subscriber à la volée
|
|
60
|
-
|
|
61
|
-
## BindPublisher
|
|
62
|
-
|
|
63
|
-
<sonic-alert status="info">Docs coming soon</sonic-alert>
|
|
64
|
-
|
|
65
|
-
On peut utiliser cette fonction pour lier un publisher spécifique au composant si besoin.
|
|
66
|
-
|
|
67
|
-
## instanceCounter
|
|
68
|
-
|
|
69
|
-
<sonic-alert status="info">Docs coming soon</sonic-alert>
|
|
70
|
-
|
|
71
|
-
## Publisher
|
|
72
|
-
|
|
73
|
-
<sonic-alert status="info">Docs coming soon</sonic-alert>
|
|
74
|
-
|
|
75
|
-
## Args
|
|
76
|
-
|
|
77
|
-
<sonic-alert status="info">Docs coming soon</sonic-alert>
|
|
78
|
-
|
|
79
|
-
## NoShadowDom
|
|
80
|
-
|
|
81
|
-
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é.
|
|
82
|
-
Cela se fait à l'initialisation uniquement et n'est pas modifiable lors de la vie du composant.
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
## Other attributes gathered from subscriber.stories.ts
|
|
86
|
-
|
|
87
|
-
styles ??
|
|
88
|
-
title ??
|
|
89
|
-
_props ??
|
|
90
|
-
onAssign ??
|
|
91
|
-
defferedDebug ??
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/translation" data-doc-id="core/components/functional/translation/translation">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
-
<title>Translation — Concorde by Supersoniks</title>
|
|
7
|
-
<meta name="description" content="sonic-t renders a translated label in plain HTML. It is the markup counterpart of the t() directive and shares its endpoint, batching and cache.">
|
|
8
|
-
<meta name="keywords" content="Concorde, supersoniks, core/components/functional/translation/translation, translation, Translation, functional component, sonic-translation, web component, sonic-t, serviceURL, wordingProvider, key, unsafeHTML, , wordingVersionProvider">
|
|
9
|
-
<meta name="concorde-doc-id" content="core/components/functional/translation/translation">
|
|
10
|
-
<link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/translation">
|
|
11
|
-
<link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/translation.md">
|
|
12
|
-
</head>
|
|
13
|
-
<body>
|
|
14
|
-
<header>
|
|
15
|
-
<p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/translation">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
|
|
16
|
-
</header>
|
|
17
|
-
<main>
|
|
18
|
-
<article>
|
|
19
|
-
<p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Translation</strong>. sonic-t renders a translated label in plain HTML. It is the markup counterpart of the t() directive and shares its endpoint, batching and cache. <span>Doc ID: <code>core/components/functional/translation/translation</code>. Keywords: Concorde, supersoniks, core/components/functional/translation/translation, translation, Translation, functional component, sonic-translation, web component, sonic-t, serviceURL, wordingProvider, key, unsafeHTML, , wordingVersionProvider. URL: <a href="https://concorde.supersoniks.org/core/components/functional/translation">https://concorde.supersoniks.org/core/components/functional/translation</a>.</span></p>
|
|
20
|
-
<h1 id="translation">Translation</h1>
|
|
21
|
-
<p><strong><code>sonic-t</code></strong> renders a translated label in plain HTML. It is the markup counterpart of the <a href="/docs/directives/t">t()</a> directive and shares its endpoint, batching and cache.</p>
|
|
22
|
-
<h2 id="basic-example">Basic example</h2>
|
|
23
|
-
<p>Set <code>serviceURL</code> and <code>wordingProvider</code> on an ancestor, then give each <code>sonic-t</code> a <code>key</code>. Labels requested together are fetched in one call.</p>
|
|
24
|
-
<pre><code><div serviceURL="/docs-mock-api" wordingProvider="wording/labels?lang=fr">
|
|
25
|
-
<p><sonic-t key="flight.boarding"></sonic-t></p>
|
|
26
|
-
</div>
|
|
27
|
-
</code></pre>
|
|
28
|
-
<h2 id="html-labels">HTML labels</h2>
|
|
29
|
-
<p>The label is escaped by default. Add <code>unsafeHTML</code> for labels that contain trusted markup.</p>
|
|
30
|
-
<pre><code><div serviceURL="/docs-mock-api" wordingProvider="wording/labels?lang=fr">
|
|
31
|
-
<p><sonic-t key="flight.gate" unsafeHTML></sonic-t></p>
|
|
32
|
-
</div>
|
|
33
|
-
</code></pre>
|
|
34
|
-
<p>Endpoint format, reloading on <code><html lang></code> change and <code>wordingVersionProvider</code> are described on the <a href="/docs/directives/t">t()</a> page.</p>
|
|
35
|
-
<h2 id="api-reference">API reference</h2>
|
|
36
|
-
<table>
|
|
37
|
-
<thead>
|
|
38
|
-
<tr>
|
|
39
|
-
<th>Attribute</th>
|
|
40
|
-
<th>Values</th>
|
|
41
|
-
<th>Description</th>
|
|
42
|
-
</tr>
|
|
43
|
-
</thead>
|
|
44
|
-
<tbody><tr>
|
|
45
|
-
<td><code>key</code></td>
|
|
46
|
-
<td>string</td>
|
|
47
|
-
<td>Label key. Renders nothing while empty</td>
|
|
48
|
-
</tr>
|
|
49
|
-
<tr>
|
|
50
|
-
<td><code>unsafeHTML</code></td>
|
|
51
|
-
<td>boolean</td>
|
|
52
|
-
<td>Renders the label as HTML instead of text</td>
|
|
53
|
-
</tr>
|
|
54
|
-
</tbody></table>
|
|
55
|
-
<p>No slots.</p>
|
|
56
|
-
|
|
57
|
-
</article>
|
|
58
|
-
</main>
|
|
59
|
-
</body>
|
|
60
|
-
</html>
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
# Translation
|
|
2
|
-
|
|
3
|
-
**`sonic-t`** renders a translated label in plain HTML. It is the markup counterpart of the [t()](/docs/directives/t) directive and shares its endpoint, batching and cache.
|
|
4
|
-
|
|
5
|
-
## Basic example
|
|
6
|
-
|
|
7
|
-
Set `serviceURL` and `wordingProvider` on an ancestor, then give each `sonic-t` a `key`. Labels requested together are fetched in one call.
|
|
8
|
-
|
|
9
|
-
<sonic-code>
|
|
10
|
-
<template>
|
|
11
|
-
<div serviceURL="/docs-mock-api" wordingProvider="wording/labels?lang=fr">
|
|
12
|
-
<p><sonic-t key="flight.boarding"></sonic-t></p>
|
|
13
|
-
</div>
|
|
14
|
-
</template>
|
|
15
|
-
</sonic-code>
|
|
16
|
-
|
|
17
|
-
## HTML labels
|
|
18
|
-
|
|
19
|
-
The label is escaped by default. Add `unsafeHTML` for labels that contain trusted markup.
|
|
20
|
-
|
|
21
|
-
<sonic-code>
|
|
22
|
-
<template>
|
|
23
|
-
<div serviceURL="/docs-mock-api" wordingProvider="wording/labels?lang=fr">
|
|
24
|
-
<p><sonic-t key="flight.gate" unsafeHTML></sonic-t></p>
|
|
25
|
-
</div>
|
|
26
|
-
</template>
|
|
27
|
-
</sonic-code>
|
|
28
|
-
|
|
29
|
-
Endpoint format, reloading on `<html lang>` change and `wordingVersionProvider` are described on the [t()](/docs/directives/t) page.
|
|
30
|
-
|
|
31
|
-
## API reference
|
|
32
|
-
|
|
33
|
-
| Attribute | Values | Description |
|
|
34
|
-
|-----------|--------|-------------|
|
|
35
|
-
| `key` | string | Label key. Renders nothing while empty |
|
|
36
|
-
| `unsafeHTML` | boolean | Renders the label as HTML instead of text |
|
|
37
|
-
|
|
38
|
-
No slots.
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en" data-doc-url="https://concorde.supersoniks.org/core/components/functional/value" 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 by Supersoniks</title>
|
|
7
|
-
<meta name="description" content="sonic-value prints one value from a data provider and updates when it changes. Set dataProvider (or inherit it from an ancestor) and point key at the field to show.">
|
|
8
|
-
<meta name="keywords" content="Concorde, supersoniks, core/components/functional/value/value, value, Value, functional component, sonic-value, web component, dataProvider, key, cabin, value-checkin, prefix">
|
|
9
|
-
<meta name="concorde-doc-id" content="core/components/functional/value/value">
|
|
10
|
-
<link rel="canonical" href="https://concorde.supersoniks.org/core/components/functional/value">
|
|
11
|
-
<link rel="alternate" type="text/markdown" href="https://concorde.supersoniks.org/core/components/functional/value.md">
|
|
12
|
-
</head>
|
|
13
|
-
<body>
|
|
14
|
-
<header>
|
|
15
|
-
<p><a href="/docs/index.html">Concorde documentation</a> · <a href="https://concorde.supersoniks.org/core/components/functional/value">same URL (interactive)</a> · <a href="/llms.txt">llms.txt</a></p>
|
|
16
|
-
</header>
|
|
17
|
-
<main>
|
|
18
|
-
<article>
|
|
19
|
-
<p class="doc-lead" id="doc-summary"><strong>Concorde functional component — Value</strong>. sonic-value prints one value from a data provider and updates when it changes. Set dataProvider (or inherit it from an ancestor) and point key at the field to show. <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, dataProvider, key, cabin, value-checkin, prefix. URL: <a href="https://concorde.supersoniks.org/core/components/functional/value">https://concorde.supersoniks.org/core/components/functional/value</a>.</span></p>
|
|
20
|
-
<h1 id="value">Value</h1>
|
|
21
|
-
<p><strong><code>sonic-value</code></strong> prints one value from a data provider and updates when it changes. Set <code>dataProvider</code> (or inherit it from an ancestor) and point <code>key</code> at the field to show.</p>
|
|
22
|
-
<h2 id="basic-example">Basic example</h2>
|
|
23
|
-
<p>The form below writes <code>cabin</code> into the <code>value-checkin</code> provider; <code>sonic-value</code> reads it back.</p>
|
|
24
|
-
<pre><code><div formDataProvider="value-checkin" class="flex flex-wrap gap-4 mb-3">
|
|
25
|
-
<sonic-radio name="cabin" value="Economy" checked>Economy</sonic-radio>
|
|
26
|
-
<sonic-radio name="cabin" value="Business">Business</sonic-radio>
|
|
27
|
-
<sonic-radio name="cabin" value="First">First</sonic-radio>
|
|
28
|
-
</div>
|
|
29
|
-
<p>Cabin: <sonic-value dataProvider="value-checkin" key="cabin"></sonic-value></p>
|
|
30
|
-
</code></pre>
|
|
31
|
-
<p>The value is rendered as HTML, not escaped: only display trusted data. When the value is an object or is missing, nothing is printed.</p>
|
|
32
|
-
<h2 id="nested-key">Nested key</h2>
|
|
33
|
-
<p><code>key</code> accepts a dot path, array indexes included.</p>
|
|
34
|
-
<pre><code><sonic-subscriber dataProvider="value-passenger" props='{"passenger":{"name":"Ada Lindqvist","seats":[{"number":"2A"}]}}'></sonic-subscriber>
|
|
35
|
-
<p>
|
|
36
|
-
<sonic-value dataProvider="value-passenger" key="passenger.name"></sonic-value>
|
|
37
|
-
is seated in
|
|
38
|
-
<sonic-value dataProvider="value-passenger" key="passenger.seats.0.number"></sonic-value>
|
|
39
|
-
</p>
|
|
40
|
-
</code></pre>
|
|
41
|
-
<h2 id="api-reference">API reference</h2>
|
|
42
|
-
<table>
|
|
43
|
-
<thead>
|
|
44
|
-
<tr>
|
|
45
|
-
<th>Attribute</th>
|
|
46
|
-
<th>Values</th>
|
|
47
|
-
<th>Description</th>
|
|
48
|
-
</tr>
|
|
49
|
-
</thead>
|
|
50
|
-
<tbody><tr>
|
|
51
|
-
<td><code>dataProvider</code></td>
|
|
52
|
-
<td>string</td>
|
|
53
|
-
<td>Provider to read. Inherited from the closest ancestor when omitted</td>
|
|
54
|
-
</tr>
|
|
55
|
-
<tr>
|
|
56
|
-
<td><code>key</code></td>
|
|
57
|
-
<td>string (required)</td>
|
|
58
|
-
<td>Dot path of the value in the provider</td>
|
|
59
|
-
</tr>
|
|
60
|
-
</tbody></table>
|
|
61
|
-
<table>
|
|
62
|
-
<thead>
|
|
63
|
-
<tr>
|
|
64
|
-
<th>Slot</th>
|
|
65
|
-
<th>Description</th>
|
|
66
|
-
</tr>
|
|
67
|
-
</thead>
|
|
68
|
-
<tbody><tr>
|
|
69
|
-
<td><em>(default)</em></td>
|
|
70
|
-
<td>Content rendered after the value</td>
|
|
71
|
-
</tr>
|
|
72
|
-
<tr>
|
|
73
|
-
<td><code>prefix</code> · <code>suffix</code></td>
|
|
74
|
-
<td>Rendered around the default slot, after the value</td>
|
|
75
|
-
</tr>
|
|
76
|
-
</tbody></table>
|
|
77
|
-
|
|
78
|
-
</article>
|
|
79
|
-
</main>
|
|
80
|
-
</body>
|
|
81
|
-
</html>
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
# Value
|
|
2
|
-
|
|
3
|
-
**`sonic-value`** prints one value from a data provider and updates when it changes. Set `dataProvider` (or inherit it from an ancestor) and point `key` at the field to show.
|
|
4
|
-
|
|
5
|
-
## Basic example
|
|
6
|
-
|
|
7
|
-
The form below writes `cabin` into the `value-checkin` provider; `sonic-value` reads it back.
|
|
8
|
-
|
|
9
|
-
<sonic-code>
|
|
10
|
-
<template>
|
|
11
|
-
<div formDataProvider="value-checkin" class="flex flex-wrap gap-4 mb-3">
|
|
12
|
-
<sonic-radio name="cabin" value="Economy" checked>Economy</sonic-radio>
|
|
13
|
-
<sonic-radio name="cabin" value="Business">Business</sonic-radio>
|
|
14
|
-
<sonic-radio name="cabin" value="First">First</sonic-radio>
|
|
15
|
-
</div>
|
|
16
|
-
<p>Cabin: <sonic-value dataProvider="value-checkin" key="cabin"></sonic-value></p>
|
|
17
|
-
</template>
|
|
18
|
-
</sonic-code>
|
|
19
|
-
|
|
20
|
-
The value is rendered as HTML, not escaped: only display trusted data. When the value is an object or is missing, nothing is printed.
|
|
21
|
-
|
|
22
|
-
## Nested key
|
|
23
|
-
|
|
24
|
-
`key` accepts a dot path, array indexes included.
|
|
25
|
-
|
|
26
|
-
<sonic-code>
|
|
27
|
-
<template>
|
|
28
|
-
<sonic-subscriber dataProvider="value-passenger" props='{"passenger":{"name":"Ada Lindqvist","seats":[{"number":"2A"}]}}'></sonic-subscriber>
|
|
29
|
-
<p>
|
|
30
|
-
<sonic-value dataProvider="value-passenger" key="passenger.name"></sonic-value>
|
|
31
|
-
is seated in
|
|
32
|
-
<sonic-value dataProvider="value-passenger" key="passenger.seats.0.number"></sonic-value>
|
|
33
|
-
</p>
|
|
34
|
-
</template>
|
|
35
|
-
</sonic-code>
|
|
36
|
-
|
|
37
|
-
## API reference
|
|
38
|
-
|
|
39
|
-
| Attribute | Values | Description |
|
|
40
|
-
|-----------|--------|-------------|
|
|
41
|
-
| `dataProvider` | string | Provider to read. Inherited from the closest ancestor when omitted |
|
|
42
|
-
| `key` | string (required) | Dot path of the value in the provider |
|
|
43
|
-
|
|
44
|
-
| Slot | Description |
|
|
45
|
-
|------|-------------|
|
|
46
|
-
| *(default)* | Content rendered after the value |
|
|
47
|
-
| `prefix` · `suffix` | Rendered around the default slot, after the value |
|