@supersoniks/concorde 2.0.7 → 3.0.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/build-infos.json +1 -0
- package/concorde-core.bundle.js +387 -344
- package/concorde-core.es.js +8040 -11093
- package/index.html +44 -0
- package/notes de migration.md +21 -0
- package/package.json +23 -290
- package/scripts/postbuild.mjs +22 -0
- package/scripts/prebuild.mjs +22 -0
- package/{components.js → src/components.ts} +5 -2
- package/src/concorde-loaded.ts +3 -0
- package/src/core/_types/types.ts +55 -0
- package/src/core/components/functional/date/date.md +290 -0
- package/src/core/components/functional/date/date.ts +206 -0
- package/src/core/components/functional/example/example.ts +11 -0
- package/src/core/components/functional/fetch/fetch.md +117 -0
- package/{core/components/functional/fetch/fetch.js → src/core/components/functional/fetch/fetch.ts} +33 -37
- package/src/core/components/functional/if/if.md +16 -0
- package/src/core/components/functional/if/if.test.ts +40 -0
- package/src/core/components/functional/if/if.ts +23 -0
- package/src/core/components/functional/list/list.md +194 -0
- package/src/core/components/functional/list/list.ts +236 -0
- package/src/core/components/functional/mix/mix.md +41 -0
- package/src/core/components/functional/mix/mix.ts +95 -0
- package/src/core/components/functional/queue/queue.md +87 -0
- package/src/core/components/functional/queue/queue.ts +279 -0
- package/src/core/components/functional/router/redirect.ts +44 -0
- package/src/core/components/functional/router/router.md +112 -0
- package/src/core/components/functional/router/router.ts +108 -0
- package/src/core/components/functional/sdui/SDUIDescriptorTransformer.ts +229 -0
- package/{core → src/core}/components/functional/sdui/default-library.json +13 -13
- package/src/core/components/functional/sdui/example.json +99 -0
- package/src/core/components/functional/sdui/sdui-utils.ts +62 -0
- package/src/core/components/functional/sdui/sdui.md +356 -0
- package/src/core/components/functional/sdui/sdui.ts +230 -0
- package/src/core/components/functional/sdui/types.ts +34 -0
- package/src/core/components/functional/sonic-scope/sonic-scope.ts +13 -0
- package/src/core/components/functional/states/states.md +87 -0
- package/src/core/components/functional/states/states.ts +121 -0
- package/src/core/components/functional/submit/submit.md +48 -0
- package/src/core/components/functional/submit/submit.ts +265 -0
- package/src/core/components/functional/subscriber/subscriber.md +91 -0
- package/src/core/components/functional/subscriber/subscriber.ts +28 -0
- package/src/core/components/functional/value/value.md +35 -0
- package/src/core/components/functional/value/value.ts +18 -0
- package/{core/components/ui/_css/scroll.js → src/core/components/ui/_css/scroll.ts} +3 -2
- package/{core/components/ui/_css/size.js → src/core/components/ui/_css/size.ts} +5 -2
- package/{core/components/ui/_css/type.js → src/core/components/ui/_css/type.ts} +5 -3
- package/src/core/components/ui/alert/alert.md +121 -0
- package/src/core/components/ui/alert/alert.ts +177 -0
- package/src/core/components/ui/badge/badge.md +102 -0
- package/{core/components/ui/badge/badge.js → src/core/components/ui/badge/badge.ts} +36 -51
- package/src/core/components/ui/button/button.md +184 -0
- package/{core/components/ui/button/button.js → src/core/components/ui/button/button.ts} +258 -302
- package/src/core/components/ui/captcha/captcha.md +12 -0
- package/src/core/components/ui/captcha/captcha.ts +88 -0
- package/src/core/components/ui/card/card-footer.ts +19 -0
- package/src/core/components/ui/card/card-header-descripton.ts +24 -0
- package/{core/components/ui/card/card-header.js → src/core/components/ui/card/card-header.ts} +28 -38
- package/src/core/components/ui/card/card-main.ts +24 -0
- package/src/core/components/ui/card/card.md +96 -0
- package/{core/components/ui/card/card.js → src/core/components/ui/card/card.ts} +23 -34
- package/src/core/components/ui/divider/divider.md +35 -0
- package/{core/components/ui/divider/divider.js → src/core/components/ui/divider/divider.ts} +35 -65
- package/src/core/components/ui/form/checkbox/checkbox.md +96 -0
- package/{core/components/ui/form/checkbox/checkbox.js → src/core/components/ui/form/checkbox/checkbox.ts} +79 -98
- package/{core/components/ui/form/css/form-control.js → src/core/components/ui/form/css/form-control.ts} +9 -5
- package/src/core/components/ui/form/fieldset/fieldset.md +129 -0
- package/src/core/components/ui/form/fieldset/fieldset.ts +96 -0
- package/src/core/components/ui/form/fieldset/legend-description.ts +23 -0
- package/src/core/components/ui/form/fieldset/legend.ts +90 -0
- package/src/core/components/ui/form/form-actions/form-actions.md +77 -0
- package/src/core/components/ui/form/form-actions/form-actions.ts +32 -0
- package/src/core/components/ui/form/form-layout/form-layout.md +43 -0
- package/src/core/components/ui/form/form-layout/form-layout.ts +71 -0
- package/src/core/components/ui/form/input/input.md +168 -0
- package/src/core/components/ui/form/input/input.ts +227 -0
- package/src/core/components/ui/form/input/password-helper.ts +68 -0
- package/src/core/components/ui/form/input/same-value-helper.ts +48 -0
- package/src/core/components/ui/form/input-autocomplete/input-autocomplete.md +130 -0
- package/src/core/components/ui/form/input-autocomplete/input-autocomplete.ts +285 -0
- package/src/core/components/ui/form/radio/radio.md +86 -0
- package/src/core/components/ui/form/radio/radio.ts +44 -0
- package/src/core/components/ui/form/select/select.md +99 -0
- package/src/core/components/ui/form/select/select.ts +310 -0
- package/src/core/components/ui/form/textarea/textarea.md +66 -0
- package/src/core/components/ui/form/textarea/textarea.ts +119 -0
- package/src/core/components/ui/group/group.md +75 -0
- package/src/core/components/ui/group/group.ts +101 -0
- package/src/core/components/ui/icon/icon.md +125 -0
- package/src/core/components/ui/icon/icon.stories.ts +100 -0
- package/src/core/components/ui/icon/icon.ts +106 -0
- package/src/core/components/ui/icon/icons.json +1 -0
- package/src/core/components/ui/icon/icons.ts +130 -0
- package/src/core/components/ui/icon/svgs/cancel.svg +3 -0
- package/src/core/components/ui/icon/svgs/check-circled-outline.svg +4 -0
- package/src/core/components/ui/icon/svgs/check.svg +3 -0
- package/src/core/components/ui/icon/svgs/emoji-puzzled.svg +1 -0
- package/src/core/components/ui/icon/svgs/info-empty.svg +5 -0
- package/src/core/components/ui/icon/svgs/loader.svg +1 -0
- package/src/core/components/ui/icon/svgs/minus-small.svg +3 -0
- package/src/core/components/ui/icon/svgs/more-horiz.svg +5 -0
- package/src/core/components/ui/icon/svgs/more-vert.svg +5 -0
- package/src/core/components/ui/icon/svgs/nav-arrow-down.svg +3 -0
- package/src/core/components/ui/icon/svgs/warning-circled-outline.svg +5 -0
- package/src/core/components/ui/image/image.md +107 -0
- package/src/core/components/ui/image/image.ts +117 -0
- package/src/core/components/ui/link/link.md +43 -0
- package/src/core/components/ui/link/link.ts +108 -0
- package/src/core/components/ui/loader/loader.md +37 -0
- package/src/core/components/ui/loader/loader.stories.ts +25 -0
- package/src/core/components/ui/loader/loader.ts +81 -0
- package/{core/components/ui/loader/styles/fixed.js → src/core/components/ui/loader/styles/fixed.ts} +2 -1
- package/{core/components/ui/loader/styles/inline.js → src/core/components/ui/loader/styles/inline.ts} +3 -2
- package/src/core/components/ui/menu/menu-item.ts +30 -0
- package/src/core/components/ui/menu/menu.md +288 -0
- package/src/core/components/ui/menu/menu.ts +292 -0
- package/src/core/components/ui/modal/modal-actions.ts +35 -0
- package/src/core/components/ui/modal/modal-close.ts +36 -0
- package/src/core/components/ui/modal/modal-content.ts +19 -0
- package/src/core/components/ui/modal/modal-subtitle.ts +23 -0
- package/src/core/components/ui/modal/modal-title.ts +22 -0
- package/src/core/components/ui/modal/modal.md +123 -0
- package/src/core/components/ui/modal/modal.stories.ts +140 -0
- package/src/core/components/ui/modal/modal.ts +386 -0
- package/src/core/components/ui/pop/pop.md +79 -0
- package/src/core/components/ui/pop/pop.ts +291 -0
- package/src/core/components/ui/progress/progress.md +65 -0
- package/{core/components/ui/progress/progress.js → src/core/components/ui/progress/progress.ts} +31 -50
- package/src/core/components/ui/table/table-caption.ts +21 -0
- package/src/core/components/ui/table/table-tbody.ts +32 -0
- package/src/core/components/ui/table/table-td.ts +47 -0
- package/src/core/components/ui/table/table-tfoot.ts +20 -0
- package/src/core/components/ui/table/table-th.ts +56 -0
- package/src/core/components/ui/table/table-thead.ts +18 -0
- package/src/core/components/ui/table/table-tr.ts +48 -0
- package/src/core/components/ui/table/table.md +467 -0
- package/{core/components/ui/table/table.js → src/core/components/ui/table/table.ts} +32 -53
- package/{core/components/ui/theme/theme-collection/core-variables.js → src/core/components/ui/theme/theme-collection/core-variables.ts} +3 -2
- package/{core/components/ui/theme/theme-collection/dark.js → src/core/components/ui/theme/theme-collection/dark.ts} +5 -3
- package/{core/components/ui/theme/theme-collection/light.js → src/core/components/ui/theme/theme-collection/light.ts} +3 -2
- package/src/core/components/ui/theme/theme.ts +118 -0
- package/src/core/components/ui/toast/message-subscriber.stories.ts +43 -0
- package/src/core/components/ui/toast/message-subscriber.ts +37 -0
- package/{core/components/ui/toast/toast-item.js → src/core/components/ui/toast/toast-item.ts} +86 -113
- package/src/core/components/ui/toast/toast.ts +237 -0
- package/src/core/components/ui/toast/types.ts +14 -0
- package/src/core/components/ui/tooltip/tooltip.md +37 -0
- package/{core/components/ui/tooltip/tooltip.js → src/core/components/ui/tooltip/tooltip.ts} +26 -47
- package/{core/components/ui/ui.js → src/core/components/ui/ui.ts} +2 -0
- package/src/core/core.ts +22 -0
- package/src/core/decorators/Subscriber.ts +187 -0
- package/src/core/directives/DataProvider.ts +113 -0
- package/src/core/directives/Wording.ts +220 -0
- package/src/core/mixins/Fetcher.ts +258 -0
- package/src/core/mixins/FormCheckable.ts +287 -0
- package/src/core/mixins/FormElement.ts +275 -0
- package/src/core/mixins/FormInput.ts +135 -0
- package/src/core/mixins/Subscriber.ts +352 -0
- package/src/core/mixins/TemplatesContainer.ts +70 -0
- package/{core/mixins/mixins.d.ts → src/core/mixins/mixins.ts} +1 -1
- package/src/core/utils/Arrays.ts +161 -0
- package/src/core/utils/DataBindObserver.ts +286 -0
- package/src/core/utils/Electron.ts +15 -0
- package/src/core/utils/Format.ts +58 -0
- package/src/core/utils/HTML.ts +126 -0
- package/src/core/utils/LocationHandler.ts +139 -0
- package/src/core/utils/Objects.ts +103 -0
- package/src/core/utils/PublisherProxy.ts +786 -0
- package/src/core/utils/Utils.ts +12 -0
- package/src/core/utils/api.ts +456 -0
- package/{core/utils/url-pattern.d.ts → src/core/utils/url-pattern.ts} +1 -0
- package/{decorators.js → src/decorators.ts} +6 -2
- package/{directives.js → src/directives.ts} +11 -6
- package/src/docs/_core-concept/overview.md +57 -0
- package/src/docs/_core-concept/subscriber.md +76 -0
- package/src/docs/_getting-started/concorde-outside.md +141 -0
- package/src/docs/_getting-started/create-a-component.md +137 -0
- package/src/docs/_getting-started/pubsub.md +150 -0
- package/src/docs/_getting-started/start.md +37 -0
- package/src/docs/_getting-started/theming.md +91 -0
- package/src/docs/code.ts +281 -0
- package/src/docs/docs.ts +6 -0
- package/src/docs/example/users.ts +64 -0
- package/src/docs/navigation/navigation.ts +101 -0
- package/src/docs/prism/index.ts +6 -0
- package/src/docs/prism/prism.css +158 -0
- package/src/docs/prism/prism.js +1022 -0
- package/src/docs/search/docs-search.json +3767 -0
- package/src/docs/search/markdown-renderer.ts +40 -0
- package/src/docs/search/page.ts +40 -0
- package/src/docs/search/search.ts +184 -0
- package/src/docs.ts +2 -0
- package/src/index.ts +7 -0
- package/{mixins.js → src/mixins.ts} +10 -6
- package/src/tag-list.json +1 -0
- package/src/test-utils/TestUtils.ts +13 -0
- package/src/tsconfig.json +113 -0
- package/{utils.js → src/utils.ts} +15 -11
- package/test-utils/TestUtils.ts +13 -0
- package/vite/config.js +136 -0
- package/vite.config.mts +87 -0
- package/README.md +0 -27
- package/cli.js +0 -75
- package/components.d.ts +0 -4
- package/core/_types/types.d.ts +0 -28
- package/core/_types/types.js +0 -2
- package/core/components/functional/date/date.d.ts +0 -45
- package/core/components/functional/date/date.js +0 -243
- package/core/components/functional/example/example.d.ts +0 -7
- package/core/components/functional/example/example.js +0 -26
- package/core/components/functional/fetch/fetch.d.ts +0 -93
- package/core/components/functional/functional.js +0 -15
- package/core/components/functional/if/if.d.ts +0 -12
- package/core/components/functional/if/if.js +0 -38
- package/core/components/functional/if/if.test.d.ts +0 -1
- package/core/components/functional/if/if.test.js +0 -35
- package/core/components/functional/list/list.d.ts +0 -117
- package/core/components/functional/list/list.js +0 -214
- package/core/components/functional/mix/mix.d.ts +0 -22
- package/core/components/functional/mix/mix.js +0 -102
- package/core/components/functional/queue/queue.d.ts +0 -67
- package/core/components/functional/queue/queue.js +0 -310
- package/core/components/functional/router/redirect.d.ts +0 -18
- package/core/components/functional/router/redirect.js +0 -53
- package/core/components/functional/router/router.d.ts +0 -27
- package/core/components/functional/router/router.js +0 -119
- package/core/components/functional/sdui/SDUIDescriptorTransformer.d.ts +0 -58
- package/core/components/functional/sdui/SDUIDescriptorTransformer.js +0 -215
- package/core/components/functional/sdui/sdui-utils.d.ts +0 -5
- package/core/components/functional/sdui/sdui-utils.js +0 -63
- package/core/components/functional/sdui/sdui.d.ts +0 -136
- package/core/components/functional/sdui/sdui.js +0 -254
- package/core/components/functional/sdui/types.d.ts +0 -37
- package/core/components/functional/sdui/types.js +0 -1
- package/core/components/functional/sonic-scope/sonic-scope.d.ts +0 -5
- package/core/components/functional/sonic-scope/sonic-scope.js +0 -21
- package/core/components/functional/states/states.d.ts +0 -29
- package/core/components/functional/states/states.js +0 -134
- package/core/components/functional/submit/submit.d.ts +0 -30
- package/core/components/functional/submit/submit.js +0 -236
- package/core/components/functional/subscriber/subscriber.d.ts +0 -12
- package/core/components/functional/subscriber/subscriber.js +0 -38
- package/core/components/functional/value/value.d.ts +0 -7
- package/core/components/functional/value/value.js +0 -27
- package/core/components/ui/_css/scroll.d.ts +0 -1
- package/core/components/ui/_css/size.d.ts +0 -2
- package/core/components/ui/_css/type.d.ts +0 -2
- package/core/components/ui/alert/alert.d.ts +0 -34
- package/core/components/ui/alert/alert.js +0 -202
- package/core/components/ui/badge/badge.d.ts +0 -26
- package/core/components/ui/button/button.d.ts +0 -171
- package/core/components/ui/captcha/captcha.d.ts +0 -30
- package/core/components/ui/captcha/captcha.js +0 -93
- package/core/components/ui/card/card-footer.d.ts +0 -4
- package/core/components/ui/card/card-footer.js +0 -24
- package/core/components/ui/card/card-header-descripton.d.ts +0 -5
- package/core/components/ui/card/card-header-descripton.js +0 -32
- package/core/components/ui/card/card-header.d.ts +0 -8
- package/core/components/ui/card/card-main.d.ts +0 -4
- package/core/components/ui/card/card-main.js +0 -28
- package/core/components/ui/card/card.d.ts +0 -12
- package/core/components/ui/divider/divider.d.ts +0 -15
- package/core/components/ui/form/checkbox/checkbox.d.ts +0 -181
- package/core/components/ui/form/css/form-control.d.ts +0 -4
- package/core/components/ui/form/fieldset/fieldset.d.ts +0 -23
- package/core/components/ui/form/fieldset/fieldset.js +0 -118
- package/core/components/ui/form/fieldset/legend-description.d.ts +0 -5
- package/core/components/ui/form/fieldset/legend-description.js +0 -30
- package/core/components/ui/form/fieldset/legend.d.ts +0 -16
- package/core/components/ui/form/fieldset/legend.js +0 -112
- package/core/components/ui/form/form-actions/form-actions.d.ts +0 -7
- package/core/components/ui/form/form-actions/form-actions.js +0 -46
- package/core/components/ui/form/form-layout/form-layout.d.ts +0 -12
- package/core/components/ui/form/form-layout/form-layout.js +0 -83
- package/core/components/ui/form/input/input.d.ts +0 -106
- package/core/components/ui/form/input/input.js +0 -268
- package/core/components/ui/form/input/password-helper.d.ts +0 -25
- package/core/components/ui/form/input/password-helper.js +0 -119
- package/core/components/ui/form/input/same-value-helper.d.ts +0 -16
- package/core/components/ui/form/input/same-value-helper.js +0 -77
- package/core/components/ui/form/input-autocomplete/input-autocomplete.d.ts +0 -136
- package/core/components/ui/form/input-autocomplete/input-autocomplete.js +0 -296
- package/core/components/ui/form/radio/radio.d.ts +0 -12
- package/core/components/ui/form/radio/radio.js +0 -50
- package/core/components/ui/form/select/select.d.ts +0 -58
- package/core/components/ui/form/select/select.js +0 -298
- package/core/components/ui/form/textarea/textarea.d.ts +0 -84
- package/core/components/ui/form/textarea/textarea.js +0 -150
- package/core/components/ui/group/group.d.ts +0 -16
- package/core/components/ui/group/group.js +0 -118
- package/core/components/ui/icon/icon.d.ts +0 -26
- package/core/components/ui/icon/icon.js +0 -113
- package/core/components/ui/icon/icons.d.ts +0 -10
- package/core/components/ui/icon/icons.js +0 -126
- package/core/components/ui/icon/icons.json +0 -1
- package/core/components/ui/image/image.d.ts +0 -15
- package/core/components/ui/image/image.js +0 -153
- package/core/components/ui/link/link.d.ts +0 -29
- package/core/components/ui/link/link.js +0 -124
- package/core/components/ui/loader/loader.d.ts +0 -23
- package/core/components/ui/loader/loader.js +0 -97
- package/core/components/ui/loader/styles/fixed.d.ts +0 -1
- package/core/components/ui/loader/styles/inline.d.ts +0 -1
- package/core/components/ui/menu/menu-item.d.ts +0 -5
- package/core/components/ui/menu/menu-item.js +0 -34
- package/core/components/ui/menu/menu.d.ts +0 -41
- package/core/components/ui/menu/menu.js +0 -313
- package/core/components/ui/modal/modal-actions.d.ts +0 -7
- package/core/components/ui/modal/modal-actions.js +0 -42
- package/core/components/ui/modal/modal-close.d.ts +0 -7
- package/core/components/ui/modal/modal-close.js +0 -43
- package/core/components/ui/modal/modal-content.d.ts +0 -5
- package/core/components/ui/modal/modal-content.js +0 -26
- package/core/components/ui/modal/modal-subtitle.d.ts +0 -5
- package/core/components/ui/modal/modal-subtitle.js +0 -30
- package/core/components/ui/modal/modal-title.d.ts +0 -5
- package/core/components/ui/modal/modal-title.js +0 -29
- package/core/components/ui/modal/modal.d.ts +0 -58
- package/core/components/ui/modal/modal.js +0 -401
- package/core/components/ui/pop/pop.d.ts +0 -37
- package/core/components/ui/pop/pop.js +0 -299
- package/core/components/ui/progress/progress.d.ts +0 -10
- package/core/components/ui/table/table-caption.d.ts +0 -5
- package/core/components/ui/table/table-caption.js +0 -28
- package/core/components/ui/table/table-tbody.d.ts +0 -5
- package/core/components/ui/table/table-tbody.js +0 -39
- package/core/components/ui/table/table-td.d.ts +0 -12
- package/core/components/ui/table/table-td.js +0 -68
- package/core/components/ui/table/table-tfoot.d.ts +0 -5
- package/core/components/ui/table/table-tfoot.js +0 -27
- package/core/components/ui/table/table-th.d.ts +0 -11
- package/core/components/ui/table/table-th.js +0 -73
- package/core/components/ui/table/table-thead.d.ts +0 -5
- package/core/components/ui/table/table-thead.js +0 -25
- package/core/components/ui/table/table-tr.d.ts +0 -13
- package/core/components/ui/table/table-tr.js +0 -66
- package/core/components/ui/table/table.d.ts +0 -17
- package/core/components/ui/theme/theme-collection/core-variables.d.ts +0 -1
- package/core/components/ui/theme/theme-collection/dark.d.ts +0 -1
- package/core/components/ui/theme/theme-collection/light.d.ts +0 -1
- package/core/components/ui/theme/theme.d.ts +0 -19
- package/core/components/ui/theme/theme.js +0 -124
- package/core/components/ui/toast/message-subscriber.d.ts +0 -18
- package/core/components/ui/toast/message-subscriber.js +0 -40
- package/core/components/ui/toast/toast-item.d.ts +0 -19
- package/core/components/ui/toast/toast.d.ts +0 -25
- package/core/components/ui/toast/toast.js +0 -226
- package/core/components/ui/toast/types.d.ts +0 -11
- package/core/components/ui/toast/types.js +0 -1
- package/core/components/ui/tooltip/tooltip.d.ts +0 -10
- package/core/components/ui/ui.d.ts +0 -32
- package/core/core.d.ts +0 -4
- package/core/core.js +0 -19
- package/core/decorators/Subscriber.d.ts +0 -4
- package/core/decorators/Subscriber.js +0 -166
- package/core/directives/DataProvider.d.ts +0 -23
- package/core/directives/DataProvider.js +0 -102
- package/core/directives/Wording.d.ts +0 -42
- package/core/directives/Wording.js +0 -202
- package/core/mixins/Fetcher.d.ts +0 -90
- package/core/mixins/Fetcher.js +0 -242
- package/core/mixins/FormCheckable.d.ts +0 -88
- package/core/mixins/FormCheckable.js +0 -306
- package/core/mixins/FormElement.d.ts +0 -32
- package/core/mixins/FormElement.js +0 -272
- package/core/mixins/FormInput.d.ts +0 -70
- package/core/mixins/FormInput.js +0 -81
- package/core/mixins/Subscriber.d.ts +0 -36
- package/core/mixins/Subscriber.js +0 -333
- package/core/mixins/TemplatesContainer.d.ts +0 -13
- package/core/mixins/TemplatesContainer.js +0 -69
- package/core/mixins/mixins.js +0 -6
- package/core/utils/Arrays.d.ts +0 -97
- package/core/utils/Arrays.js +0 -140
- package/core/utils/DataBindObserver.d.ts +0 -83
- package/core/utils/DataBindObserver.js +0 -264
- package/core/utils/Electron.d.ts +0 -7
- package/core/utils/Electron.js +0 -11
- package/core/utils/Format.d.ts +0 -12
- package/core/utils/Format.js +0 -38
- package/core/utils/HTML.d.ts +0 -42
- package/core/utils/HTML.js +0 -119
- package/core/utils/LocationHandler.d.ts +0 -46
- package/core/utils/LocationHandler.js +0 -133
- package/core/utils/Objects.d.ts +0 -28
- package/core/utils/Objects.js +0 -102
- package/core/utils/PublisherProxy.d.ts +0 -176
- package/core/utils/PublisherProxy.js +0 -709
- package/core/utils/Utils.d.ts +0 -4
- package/core/utils/Utils.js +0 -12
- package/core/utils/api.d.ts +0 -139
- package/core/utils/api.js +0 -391
- package/core/utils/url-pattern.js +0 -2
- package/decorators.d.ts +0 -3
- package/directives.d.ts +0 -40
- package/img/concorde-logo.svg +0 -1
- package/img/concorde.png +0 -0
- package/img/concorde_def.png +0 -0
- package/mixins.d.ts +0 -181
- package/svg/regular/plane.svg +0 -1
- package/svg/solid/plane.svg +0 -1
- package/test-utils/TestUtils.d.ts +0 -4
- package/test-utils/TestUtils.js +0 -12
- package/utils.d.ts +0 -20
- /package/{core/components/functional/functional.d.ts → src/core/components/functional/functional.ts} +0 -0
- /package/{core → src/core}/components/ui/theme/css/tailwind.css +0 -0
- /package/{core → src/core}/components/ui/theme/css/tailwind.d.ts +0 -0
|
@@ -1,299 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
var Pop_1;
|
|
8
|
-
import { html, LitElement, css } from "lit";
|
|
9
|
-
import { customElement, query, state, property } from "lit/decorators.js";
|
|
10
|
-
import HTML from "@supersoniks/concorde/core/utils/HTML";
|
|
11
|
-
const tagName = "sonic-pop";
|
|
12
|
-
let Pop = Pop_1 = class Pop extends LitElement {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments);
|
|
15
|
-
this.open = false;
|
|
16
|
-
this.noToggle = false;
|
|
17
|
-
this.inline = false;
|
|
18
|
-
/**
|
|
19
|
-
* Ombre
|
|
20
|
-
*/
|
|
21
|
-
this.shadow = "lg";
|
|
22
|
-
this.placement = "bottom";
|
|
23
|
-
this.positioningRuns = false;
|
|
24
|
-
this.lastContentX = 0;
|
|
25
|
-
this.lastContentY = 0;
|
|
26
|
-
this.resizeObserver = new ResizeObserver(() => this.computePosition(this.placement));
|
|
27
|
-
/**
|
|
28
|
-
* Remonte dans la structure html de parents en parents et si ils on une position relative ou absolute, on met leur z-index élévé
|
|
29
|
-
*/
|
|
30
|
-
this.ancestorsHavingZIndex = new Set();
|
|
31
|
-
}
|
|
32
|
-
runPositioningLoop() {
|
|
33
|
-
if (!this.positioningRuns)
|
|
34
|
-
return;
|
|
35
|
-
this.positioningRuns = true;
|
|
36
|
-
this.computePosition(this.placement);
|
|
37
|
-
window.requestAnimationFrame(() => this.runPositioningLoop());
|
|
38
|
-
}
|
|
39
|
-
toggle(e) {
|
|
40
|
-
if (this.open && this.noToggle)
|
|
41
|
-
return;
|
|
42
|
-
const keyboardEvent = e;
|
|
43
|
-
if (e.type == "keydown" && (keyboardEvent.key != "ArrowDown" || this.open))
|
|
44
|
-
return;
|
|
45
|
-
this.open = !this.open;
|
|
46
|
-
this.open ? this.show() : this.hide();
|
|
47
|
-
}
|
|
48
|
-
show() {
|
|
49
|
-
this.setMaxZindex();
|
|
50
|
-
this.popContent.style.removeProperty("display");
|
|
51
|
-
this.open = true;
|
|
52
|
-
this.popContent.setAttribute("tabindex", "0");
|
|
53
|
-
if (this.popBtn && this.popContent && !this.positioningRuns) {
|
|
54
|
-
this.positioningRuns = true;
|
|
55
|
-
this.lastContentX = 0;
|
|
56
|
-
this.lastContentY = 0;
|
|
57
|
-
this.runPositioningLoop();
|
|
58
|
-
}
|
|
59
|
-
this.dispatchEvent(new CustomEvent("show"));
|
|
60
|
-
}
|
|
61
|
-
hide() {
|
|
62
|
-
this.resetZindexes();
|
|
63
|
-
this.open = false;
|
|
64
|
-
this.popContent.setAttribute("tabindex", "-1");
|
|
65
|
-
this.positioningRuns = false;
|
|
66
|
-
this.dispatchEvent(new CustomEvent("hide"));
|
|
67
|
-
}
|
|
68
|
-
setMaxZindex() {
|
|
69
|
-
HTML.everyAncestors(this, (parent) => {
|
|
70
|
-
const htmlElement = parent;
|
|
71
|
-
if (!htmlElement.className)
|
|
72
|
-
return true;
|
|
73
|
-
if ([...htmlElement.classList].includes("@container")) {
|
|
74
|
-
const style = htmlElement.style;
|
|
75
|
-
style.zIndex = "999999999";
|
|
76
|
-
//n'appliquer l'ajout du style "position:relative" que si il n'est pas déjà présent dans le style calculé
|
|
77
|
-
const computedStyle = getComputedStyle(htmlElement);
|
|
78
|
-
if (computedStyle.position !== "relative" && computedStyle.position !== "absolute") {
|
|
79
|
-
style.position = "relative";
|
|
80
|
-
}
|
|
81
|
-
this.ancestorsHavingZIndex.add(parent);
|
|
82
|
-
return false;
|
|
83
|
-
}
|
|
84
|
-
return true;
|
|
85
|
-
});
|
|
86
|
-
}
|
|
87
|
-
resetZindexes() {
|
|
88
|
-
this.ancestorsHavingZIndex.forEach((elt) => {
|
|
89
|
-
elt.style.removeProperty("position");
|
|
90
|
-
elt.style.removeProperty("z-index");
|
|
91
|
-
});
|
|
92
|
-
this.ancestorsHavingZIndex.clear();
|
|
93
|
-
}
|
|
94
|
-
_handleClosePop(e) {
|
|
95
|
-
const path = e.composedPath();
|
|
96
|
-
const target = path[0];
|
|
97
|
-
Pop_1.pops.forEach((pop) => {
|
|
98
|
-
const popContainsTarget = path.includes(pop);
|
|
99
|
-
const popContentContainsTarget = path.includes(pop.querySelector('[slot="content"]'));
|
|
100
|
-
const isCloseManual = HTML.getAncestorAttributeValue(target, "data-on-select") === "keep";
|
|
101
|
-
if (e.type == "pointerdown" && popContainsTarget)
|
|
102
|
-
return;
|
|
103
|
-
if (e.type == "click" && ((popContainsTarget && isCloseManual) || !popContentContainsTarget))
|
|
104
|
-
return;
|
|
105
|
-
pop.hide();
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
connectedCallback() {
|
|
109
|
-
super.connectedCallback();
|
|
110
|
-
if (Pop_1.pops.size == 0) {
|
|
111
|
-
document.addEventListener("pointerdown", this._handleClosePop);
|
|
112
|
-
document.addEventListener("click", this._handleClosePop);
|
|
113
|
-
}
|
|
114
|
-
Pop_1.pops.add(this);
|
|
115
|
-
}
|
|
116
|
-
// /*
|
|
117
|
-
// On attends le premier rendu pour observer les changements de taille car popup content n'est pas encore défini sinon
|
|
118
|
-
// */
|
|
119
|
-
firstUpdated(_changedProperties) {
|
|
120
|
-
super.firstUpdated(_changedProperties);
|
|
121
|
-
this.resizeObserver.observe(this.popContent);
|
|
122
|
-
}
|
|
123
|
-
disconnectedCallback() {
|
|
124
|
-
super.disconnectedCallback();
|
|
125
|
-
Pop_1.pops.delete(this);
|
|
126
|
-
if (Pop_1.pops.size == 0) {
|
|
127
|
-
document.removeEventListener("pointerdown", this._handleClosePop);
|
|
128
|
-
document.removeEventListener("click", this._handleClosePop);
|
|
129
|
-
}
|
|
130
|
-
this.resizeObserver.unobserve(this.popContent);
|
|
131
|
-
}
|
|
132
|
-
computePosition(placement) {
|
|
133
|
-
let contentRect = this.popContent?.getBoundingClientRect();
|
|
134
|
-
const padding = 8;
|
|
135
|
-
const shiftPadding = 5;
|
|
136
|
-
const thisRect = this.getBoundingClientRect();
|
|
137
|
-
const x0 = thisRect.left;
|
|
138
|
-
const y0 = thisRect.top;
|
|
139
|
-
let x = x0, y = y0;
|
|
140
|
-
const yTop = y0 - contentRect.height - padding;
|
|
141
|
-
const xLeft = x0 - contentRect.width - padding;
|
|
142
|
-
const xRight = x0 + thisRect.width + padding;
|
|
143
|
-
const yBottom = y0 + thisRect.height + padding;
|
|
144
|
-
switch (placement) {
|
|
145
|
-
case "bottom":
|
|
146
|
-
y = yBottom;
|
|
147
|
-
break;
|
|
148
|
-
case "top":
|
|
149
|
-
y = yTop;
|
|
150
|
-
break;
|
|
151
|
-
case "left":
|
|
152
|
-
x = xLeft;
|
|
153
|
-
break;
|
|
154
|
-
case "right":
|
|
155
|
-
x = xRight;
|
|
156
|
-
break;
|
|
157
|
-
}
|
|
158
|
-
// const dxRight = window.innerWidth - xRight - bodyRect.left - contentRect.width - shiftPadding;
|
|
159
|
-
// if (dxRight < 0 && placement === "right") x = xLeft;
|
|
160
|
-
// if (dxRight < 0 && ["top", "bottom"].includes(placement)) x = Math.max(x + dxRight, xLeft + thisRect.width);
|
|
161
|
-
// const dxLeft = -bodyRect.left - xLeft;
|
|
162
|
-
// if (dxLeft > shiftPadding && placement === "left") x = xRight;
|
|
163
|
-
// const dyBottom = window.innerHeight - yBottom - bodyRect.top - contentRect.height - shiftPadding;
|
|
164
|
-
// if (dyBottom < 0 && placement === "bottom") y = yTop;
|
|
165
|
-
// if (dyBottom < 0 && ["left", "right"].includes(placement)) y = Math.max(y + dyBottom, yTop + thisRect.height);
|
|
166
|
-
// const dyTop = -bodyRect.top - yTop;
|
|
167
|
-
// if (dyTop > -shiftPadding && placement === "top") y = yBottom;
|
|
168
|
-
this.lastContentX += x - contentRect.x;
|
|
169
|
-
this.lastContentY += y - contentRect.y;
|
|
170
|
-
Object.assign(this.popContent.style, {
|
|
171
|
-
left: `${this.lastContentX}px`,
|
|
172
|
-
top: `${this.lastContentY}px`,
|
|
173
|
-
});
|
|
174
|
-
contentRect = this.popContent?.getBoundingClientRect();
|
|
175
|
-
if (contentRect.x < shiftPadding && placement == "left")
|
|
176
|
-
x = xRight;
|
|
177
|
-
if (contentRect.y < shiftPadding && placement == "top")
|
|
178
|
-
y = yBottom;
|
|
179
|
-
if (contentRect.x + contentRect.width > window.innerWidth - shiftPadding && placement == "right")
|
|
180
|
-
x = xLeft;
|
|
181
|
-
if (contentRect.y + contentRect.height > window.innerHeight - shiftPadding && placement == "bottom")
|
|
182
|
-
y = yTop;
|
|
183
|
-
this.lastContentX += x - contentRect.x;
|
|
184
|
-
this.lastContentY += y - contentRect.y;
|
|
185
|
-
Object.assign(this.popContent.style, {
|
|
186
|
-
left: `${this.lastContentX}px`,
|
|
187
|
-
top: `${this.lastContentY}px`,
|
|
188
|
-
});
|
|
189
|
-
contentRect = this.popContent?.getBoundingClientRect();
|
|
190
|
-
if (contentRect.x < 0) {
|
|
191
|
-
this.lastContentX += -contentRect.x;
|
|
192
|
-
}
|
|
193
|
-
if (contentRect.y < 0) {
|
|
194
|
-
this.lastContentY += -contentRect.y;
|
|
195
|
-
}
|
|
196
|
-
if (contentRect.x + contentRect.width > window.innerWidth) {
|
|
197
|
-
this.lastContentX += window.innerWidth - (contentRect.x + contentRect.width);
|
|
198
|
-
}
|
|
199
|
-
if (contentRect.y + contentRect.height > window.innerHeight) {
|
|
200
|
-
this.lastContentY += window.innerHeight - (contentRect.y + contentRect.height);
|
|
201
|
-
}
|
|
202
|
-
Object.assign(this.popContent.style, {
|
|
203
|
-
left: `${this.lastContentX}px`,
|
|
204
|
-
top: `${this.lastContentY}px`,
|
|
205
|
-
});
|
|
206
|
-
}
|
|
207
|
-
render() {
|
|
208
|
-
return html `
|
|
209
|
-
<slot @click=${this.toggle} @keydown=${this.toggle} class="contents"></slot>
|
|
210
|
-
<slot
|
|
211
|
-
name="content"
|
|
212
|
-
tabindex="-1"
|
|
213
|
-
part="content"
|
|
214
|
-
style="display: none;"
|
|
215
|
-
class="
|
|
216
|
-
${this.open ? "is-open" : ""}"
|
|
217
|
-
></slot>
|
|
218
|
-
`;
|
|
219
|
-
}
|
|
220
|
-
};
|
|
221
|
-
Pop.pops = new Set();
|
|
222
|
-
Pop.styles = [
|
|
223
|
-
css `
|
|
224
|
-
:host {
|
|
225
|
-
display: inline-block;
|
|
226
|
-
vertical-align: middle;
|
|
227
|
-
}
|
|
228
|
-
slot[name="content"] {
|
|
229
|
-
max-width: 80vw;
|
|
230
|
-
background-color: var(--sc-base);
|
|
231
|
-
position: fixed;
|
|
232
|
-
z-index: 99999;
|
|
233
|
-
display: block;
|
|
234
|
-
transform: translateY(1rem) scale(0.95);
|
|
235
|
-
opacity: 0;
|
|
236
|
-
pointer-events: none;
|
|
237
|
-
transition-duration: 0.15s;
|
|
238
|
-
transition-timing-function: ease;
|
|
239
|
-
transition-property: all;
|
|
240
|
-
border-radius: min(calc(var(--sc-btn-rounded) * 2), 0.4em);
|
|
241
|
-
}
|
|
242
|
-
|
|
243
|
-
slot[name="content"].is-open:not(.is-empty) {
|
|
244
|
-
transform: translateY(0) scale(1);
|
|
245
|
-
opacity: 1;
|
|
246
|
-
pointer-events: auto;
|
|
247
|
-
transition-property: scale, opacity;
|
|
248
|
-
transition-timing-function: cubic-bezier(0.25, 0.25, 0.42, 1.225);
|
|
249
|
-
}
|
|
250
|
-
|
|
251
|
-
/*OMBRE*/
|
|
252
|
-
:host([shadow]) slot[name="content"],
|
|
253
|
-
:host([shadow="md"]) slot[name="content"],
|
|
254
|
-
:host([shadow="true"]) slot[name="content"] {
|
|
255
|
-
box-shadow: var(--sc-shadow);
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
:host([shadow="sm"]) slot[name="content"] {
|
|
259
|
-
box-shadow: var(--sc-shadow-sm);
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
:host([shadow="none"]) slot[name="content"] {
|
|
263
|
-
box-shadow: none;
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
:host([shadow="lg"]) slot[name="content"] {
|
|
267
|
-
box-shadow: var(--sc-shadow-lg);
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
:host([inline]) {
|
|
271
|
-
vertical-align: baseline;
|
|
272
|
-
}
|
|
273
|
-
`,
|
|
274
|
-
];
|
|
275
|
-
__decorate([
|
|
276
|
-
state()
|
|
277
|
-
], Pop.prototype, "open", void 0);
|
|
278
|
-
__decorate([
|
|
279
|
-
query("slot:not([name=content])")
|
|
280
|
-
], Pop.prototype, "popBtn", void 0);
|
|
281
|
-
__decorate([
|
|
282
|
-
query("slot[name=content]")
|
|
283
|
-
], Pop.prototype, "popContent", void 0);
|
|
284
|
-
__decorate([
|
|
285
|
-
property({ type: Boolean })
|
|
286
|
-
], Pop.prototype, "noToggle", void 0);
|
|
287
|
-
__decorate([
|
|
288
|
-
property({ type: Boolean, reflect: true })
|
|
289
|
-
], Pop.prototype, "inline", void 0);
|
|
290
|
-
__decorate([
|
|
291
|
-
property({ type: String, reflect: true })
|
|
292
|
-
], Pop.prototype, "shadow", void 0);
|
|
293
|
-
__decorate([
|
|
294
|
-
property({ type: String })
|
|
295
|
-
], Pop.prototype, "placement", void 0);
|
|
296
|
-
Pop = Pop_1 = __decorate([
|
|
297
|
-
customElement(tagName)
|
|
298
|
-
], Pop);
|
|
299
|
-
export { Pop };
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
export declare class Progress extends LitElement {
|
|
3
|
-
static styles: import("lit").CSSResult[];
|
|
4
|
-
value?: number;
|
|
5
|
-
max: number;
|
|
6
|
-
invert: boolean;
|
|
7
|
-
type: "default" | "primary" | "warning" | "danger" | "success" | "info";
|
|
8
|
-
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
9
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
10
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, LitElement, css } from "lit";
|
|
8
|
-
import { customElement } from "lit/decorators.js";
|
|
9
|
-
const tagName = "sonic-caption";
|
|
10
|
-
let TableCaption = class TableCaption extends LitElement {
|
|
11
|
-
render() {
|
|
12
|
-
return html `<slot></slot>`;
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
TableCaption.styles = [
|
|
16
|
-
css `
|
|
17
|
-
:host {
|
|
18
|
-
display: table-caption;
|
|
19
|
-
font-size: 0.75rem;
|
|
20
|
-
color: var(--sc-table-caption-color);
|
|
21
|
-
padding: var(--sc-table-td-py) var(--sc-table-td-px) calc(2 * var(--sc-table-td-py));
|
|
22
|
-
}
|
|
23
|
-
`,
|
|
24
|
-
];
|
|
25
|
-
TableCaption = __decorate([
|
|
26
|
-
customElement(tagName)
|
|
27
|
-
], TableCaption);
|
|
28
|
-
export { TableCaption };
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, LitElement, css } from "lit";
|
|
8
|
-
import { customElement } from "lit/decorators.js";
|
|
9
|
-
const tagName = "sonic-tbody";
|
|
10
|
-
let TableTbody = class TableTbody extends LitElement {
|
|
11
|
-
render() {
|
|
12
|
-
return html `<tbody part="tbody">
|
|
13
|
-
<slot></slot>
|
|
14
|
-
</tbody>`;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
TableTbody.styles = [
|
|
18
|
-
css `
|
|
19
|
-
:host {
|
|
20
|
-
display: table-row-group;
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
::slotted(sonic-tr:nth-child(odd)) {
|
|
24
|
-
background: var(--sc-table-accent-bg);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
::slotted(sonic-tr:hover) {
|
|
28
|
-
background: var(--sc-table-hover-bg);
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
::slotted(sonic-tr:not(:last-child)) {
|
|
32
|
-
border-bottom: var(--sc-form-border-width) solid var(--sc-base-200) !important;
|
|
33
|
-
}
|
|
34
|
-
`,
|
|
35
|
-
];
|
|
36
|
-
TableTbody = __decorate([
|
|
37
|
-
customElement(tagName)
|
|
38
|
-
], TableTbody);
|
|
39
|
-
export { TableTbody };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
export declare class TableTd extends LitElement {
|
|
3
|
-
static styles: import("lit").CSSResult[];
|
|
4
|
-
colSpan?: number;
|
|
5
|
-
rowSpan?: number;
|
|
6
|
-
align?: string;
|
|
7
|
-
vAlign?: string;
|
|
8
|
-
minWidth?: string;
|
|
9
|
-
maxWidth?: string;
|
|
10
|
-
width?: string;
|
|
11
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
12
|
-
}
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, LitElement, css } from "lit";
|
|
8
|
-
import { customElement, property } from "lit/decorators.js";
|
|
9
|
-
import { ifDefined } from "lit/directives/if-defined.js";
|
|
10
|
-
import { styleMap } from "lit/directives/style-map.js";
|
|
11
|
-
const tagName = "sonic-td";
|
|
12
|
-
import { typeColor } from "@supersoniks/concorde/core/components/ui/_css/type";
|
|
13
|
-
let TableTd = class TableTd extends LitElement {
|
|
14
|
-
render() {
|
|
15
|
-
const styles = {
|
|
16
|
-
textAlign: this.align,
|
|
17
|
-
verticalAlign: this.vAlign,
|
|
18
|
-
minWidth: this.minWidth,
|
|
19
|
-
maxWidth: this.maxWidth,
|
|
20
|
-
width: this.width,
|
|
21
|
-
};
|
|
22
|
-
return html `<td part="td" style=${styleMap(styles)} colspan=${ifDefined(this.colSpan)} rowspan=${ifDefined(this.rowSpan)}>
|
|
23
|
-
<slot></slot>
|
|
24
|
-
</td>`;
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
TableTd.styles = [
|
|
28
|
-
typeColor,
|
|
29
|
-
css `
|
|
30
|
-
:host {
|
|
31
|
-
display: contents;
|
|
32
|
-
}
|
|
33
|
-
td {
|
|
34
|
-
all: inherit;
|
|
35
|
-
display: table-cell;
|
|
36
|
-
padding: var(--sc-table-td-py) var(--sc-table-td-px);
|
|
37
|
-
border-top: var(--sc-table-td-border-t, none);
|
|
38
|
-
border-bottom: var(--sc-table-td-border-b, none);
|
|
39
|
-
border-right: var(--sc-table-td-border-r, none);
|
|
40
|
-
border-left: var(--sc-table-td-border-l, none);
|
|
41
|
-
}
|
|
42
|
-
`,
|
|
43
|
-
];
|
|
44
|
-
__decorate([
|
|
45
|
-
property({ type: Number })
|
|
46
|
-
], TableTd.prototype, "colSpan", void 0);
|
|
47
|
-
__decorate([
|
|
48
|
-
property({ type: Number })
|
|
49
|
-
], TableTd.prototype, "rowSpan", void 0);
|
|
50
|
-
__decorate([
|
|
51
|
-
property({ type: String })
|
|
52
|
-
], TableTd.prototype, "align", void 0);
|
|
53
|
-
__decorate([
|
|
54
|
-
property({ type: String })
|
|
55
|
-
], TableTd.prototype, "vAlign", void 0);
|
|
56
|
-
__decorate([
|
|
57
|
-
property({ type: String })
|
|
58
|
-
], TableTd.prototype, "minWidth", void 0);
|
|
59
|
-
__decorate([
|
|
60
|
-
property({ type: String })
|
|
61
|
-
], TableTd.prototype, "maxWidth", void 0);
|
|
62
|
-
__decorate([
|
|
63
|
-
property({ type: String })
|
|
64
|
-
], TableTd.prototype, "width", void 0);
|
|
65
|
-
TableTd = __decorate([
|
|
66
|
-
customElement(tagName)
|
|
67
|
-
], TableTd);
|
|
68
|
-
export { TableTd };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, LitElement, css } from "lit";
|
|
8
|
-
import { customElement } from "lit/decorators.js";
|
|
9
|
-
const tagName = "sonic-tfoot";
|
|
10
|
-
let TableTfoot = class TableTfoot extends LitElement {
|
|
11
|
-
render() {
|
|
12
|
-
return html `<tfoot>
|
|
13
|
-
<slot></slot>
|
|
14
|
-
</tfoot>`;
|
|
15
|
-
}
|
|
16
|
-
};
|
|
17
|
-
TableTfoot.styles = [
|
|
18
|
-
css `
|
|
19
|
-
:host {
|
|
20
|
-
display: contents;
|
|
21
|
-
}
|
|
22
|
-
`,
|
|
23
|
-
];
|
|
24
|
-
TableTfoot = __decorate([
|
|
25
|
-
customElement(tagName)
|
|
26
|
-
], TableTfoot);
|
|
27
|
-
export { TableTfoot };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { LitElement } from "lit";
|
|
2
|
-
export declare class TableTh extends LitElement {
|
|
3
|
-
static styles: import("lit").CSSResult[];
|
|
4
|
-
colSpan?: number;
|
|
5
|
-
rowSpan?: number;
|
|
6
|
-
align?: string;
|
|
7
|
-
minWidth?: string;
|
|
8
|
-
maxWidth?: string;
|
|
9
|
-
width?: string;
|
|
10
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
11
|
-
}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, LitElement, css } from "lit";
|
|
8
|
-
import { customElement, property } from "lit/decorators.js";
|
|
9
|
-
import { ifDefined } from "lit/directives/if-defined.js";
|
|
10
|
-
import { styleMap } from "lit/directives/style-map.js";
|
|
11
|
-
import { typeColor } from "@supersoniks/concorde/core/components/ui/_css/type";
|
|
12
|
-
const tagName = "sonic-th";
|
|
13
|
-
let TableTh = class TableTh extends LitElement {
|
|
14
|
-
render() {
|
|
15
|
-
const styles = {
|
|
16
|
-
textAlign: this.align,
|
|
17
|
-
minWidth: this.minWidth,
|
|
18
|
-
maxWidth: this.maxWidth,
|
|
19
|
-
width: this.width,
|
|
20
|
-
};
|
|
21
|
-
return html `<th part="th" style=${styleMap(styles)} colspan=${ifDefined(this.colSpan)} rowspan=${ifDefined(this.rowSpan)}>
|
|
22
|
-
<slot></slot>
|
|
23
|
-
</th> `;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
TableTh.styles = [
|
|
27
|
-
typeColor,
|
|
28
|
-
css `
|
|
29
|
-
:host {
|
|
30
|
-
display: contents;
|
|
31
|
-
background: var(--sc-table-bg);
|
|
32
|
-
position: sticky;
|
|
33
|
-
top: 0;
|
|
34
|
-
z-index: 20;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
th {
|
|
38
|
-
all: inherit;
|
|
39
|
-
display: table-cell;
|
|
40
|
-
border-bottom: calc(var(--sc-border-width) * 1.5) solid var(--sc-table-border-color);
|
|
41
|
-
text-transform: var(--sc-table-th-tt);
|
|
42
|
-
font-weight: var(--sc-table-th-fw);
|
|
43
|
-
font-size: var(--sc-table-th-fs);
|
|
44
|
-
padding: var(--sc-table-th-py) var(--sc-table-th-px);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
:host([noBorder]) th {
|
|
48
|
-
border-bottom: none;
|
|
49
|
-
}
|
|
50
|
-
`,
|
|
51
|
-
];
|
|
52
|
-
__decorate([
|
|
53
|
-
property({ type: Number })
|
|
54
|
-
], TableTh.prototype, "colSpan", void 0);
|
|
55
|
-
__decorate([
|
|
56
|
-
property({ type: Number })
|
|
57
|
-
], TableTh.prototype, "rowSpan", void 0);
|
|
58
|
-
__decorate([
|
|
59
|
-
property({ type: String })
|
|
60
|
-
], TableTh.prototype, "align", void 0);
|
|
61
|
-
__decorate([
|
|
62
|
-
property({ type: String })
|
|
63
|
-
], TableTh.prototype, "minWidth", void 0);
|
|
64
|
-
__decorate([
|
|
65
|
-
property({ type: String })
|
|
66
|
-
], TableTh.prototype, "maxWidth", void 0);
|
|
67
|
-
__decorate([
|
|
68
|
-
property({ type: String })
|
|
69
|
-
], TableTh.prototype, "width", void 0);
|
|
70
|
-
TableTh = __decorate([
|
|
71
|
-
customElement(tagName)
|
|
72
|
-
], TableTh);
|
|
73
|
-
export { TableTh };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
import { html, LitElement, css } from "lit";
|
|
8
|
-
import { customElement } from "lit/decorators.js";
|
|
9
|
-
const tagName = "sonic-thead";
|
|
10
|
-
let TableThead = class TableThead extends LitElement {
|
|
11
|
-
render() {
|
|
12
|
-
return html `<slot></slot>`;
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
TableThead.styles = [
|
|
16
|
-
css `
|
|
17
|
-
:host {
|
|
18
|
-
display: table-header-group;
|
|
19
|
-
}
|
|
20
|
-
`,
|
|
21
|
-
];
|
|
22
|
-
TableThead = __decorate([
|
|
23
|
-
customElement(tagName)
|
|
24
|
-
], TableThead);
|
|
25
|
-
export { TableThead };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { LitElement, PropertyValues } from "lit";
|
|
2
|
-
import { ListItemMetadata } from "@supersoniks/concorde/core/components/functional/list/list";
|
|
3
|
-
declare const TableTr_base: (new (...args: any[]) => import("@supersoniks/concorde/core/mixins/Subscriber").SubscriberInterface<import("../../../_types/types").CoreJSType>) & typeof LitElement;
|
|
4
|
-
export declare class TableTr extends TableTr_base {
|
|
5
|
-
static styles: import("lit").CSSResult[];
|
|
6
|
-
_metadata_: ListItemMetadata;
|
|
7
|
-
even?: boolean;
|
|
8
|
-
odd?: boolean;
|
|
9
|
-
last?: boolean;
|
|
10
|
-
willUpdate(changedProperties: PropertyValues): void;
|
|
11
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
12
|
-
}
|
|
13
|
-
export {};
|