godown 2.7.5 → 2.7.7
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/README.md +18 -45
- package/{.deps.d.ts → _deps.d.ts} +1 -2
- package/{.deps.d.ts.map → _deps.d.ts.map} +1 -1
- package/{.deps.js → _deps.js} +1 -2
- package/_deps.js.map +1 -0
- package/alert.d.ts +8 -1
- package/alert.d.ts.map +1 -1
- package/alert.js +4 -1
- package/alert.js.map +1 -1
- package/avatar-group.d.ts +8 -1
- package/avatar-group.d.ts.map +1 -1
- package/avatar-group.js +4 -1
- package/avatar-group.js.map +1 -1
- package/avatar.d.ts +8 -1
- package/avatar.d.ts.map +1 -1
- package/avatar.js +4 -1
- package/avatar.js.map +1 -1
- package/button.d.ts +8 -1
- package/button.d.ts.map +1 -1
- package/button.js +4 -1
- package/button.js.map +1 -1
- package/card.d.ts +8 -1
- package/card.d.ts.map +1 -1
- package/card.js +4 -1
- package/card.js.map +1 -1
- package/carousel.d.ts +8 -1
- package/carousel.d.ts.map +1 -1
- package/carousel.js +4 -1
- package/carousel.js.map +1 -1
- package/components.json +194 -0
- package/conf.d.ts +6 -75
- package/conf.d.ts.map +1 -1
- package/conf.js +8 -34
- package/conf.js.map +1 -1
- package/decorators/godown.d.ts +4 -0
- package/decorators/godown.d.ts.map +1 -0
- package/decorators/godown.js +9 -0
- package/decorators/godown.js.map +1 -0
- package/decorators/part.d.ts +7 -0
- package/decorators/part.d.ts.map +1 -0
- package/decorators/part.js +8 -0
- package/decorators/part.js.map +1 -0
- package/decorators/styles.d.ts +3 -0
- package/decorators/styles.d.ts.map +1 -0
- package/decorators/styles.js +8 -0
- package/decorators/styles.js.map +1 -0
- package/details.d.ts +8 -1
- package/details.d.ts.map +1 -1
- package/details.js +4 -1
- package/details.js.map +1 -1
- package/dialog.d.ts +8 -1
- package/dialog.d.ts.map +1 -1
- package/dialog.js +4 -1
- package/dialog.js.map +1 -1
- package/divider.d.ts +8 -1
- package/divider.d.ts.map +1 -1
- package/divider.js +4 -1
- package/divider.js.map +1 -1
- package/dragbox.d.ts +8 -1
- package/dragbox.d.ts.map +1 -1
- package/dragbox.js +4 -1
- package/dragbox.js.map +1 -1
- package/flex-flow.d.ts +8 -1
- package/flex-flow.d.ts.map +1 -1
- package/flex-flow.js +4 -1
- package/flex-flow.js.map +1 -1
- package/form.d.ts +8 -1
- package/form.d.ts.map +1 -1
- package/form.js +4 -1
- package/form.js.map +1 -1
- package/grid-flow.d.ts +9 -0
- package/grid-flow.d.ts.map +1 -0
- package/grid-flow.js +5 -0
- package/grid-flow.js.map +1 -0
- package/index.d.ts +32 -3
- package/index.d.ts.map +1 -1
- package/index.js +32 -3
- package/index.js.map +1 -1
- package/input.d.ts +8 -1
- package/input.d.ts.map +1 -1
- package/input.js +4 -1
- package/input.js.map +1 -1
- package/label-input.d.ts +8 -1
- package/label-input.d.ts.map +1 -1
- package/label-input.js +4 -1
- package/label-input.js.map +1 -1
- package/layout.d.ts +9 -0
- package/layout.d.ts.map +1 -0
- package/layout.js +5 -0
- package/layout.js.map +1 -0
- package/lib/css.d.ts +13 -0
- package/lib/css.d.ts.map +1 -0
- package/lib/css.js +29 -0
- package/lib/css.js.map +1 -0
- package/lib/directives.d.ts +16 -20
- package/lib/directives.d.ts.map +1 -1
- package/lib/directives.js +33 -31
- package/lib/directives.js.map +1 -1
- package/lib/event-coll.d.ts +13 -0
- package/lib/event-coll.d.ts.map +1 -0
- package/lib/event-coll.js +45 -0
- package/lib/event-coll.js.map +1 -0
- package/lib/{templates.d.ts → icons.d.ts} +1 -17
- package/lib/icons.d.ts.map +1 -0
- package/lib/icons.js +73 -0
- package/lib/icons.js.map +1 -0
- package/lib/jsx.d.ts +4 -0
- package/lib/jsx.d.ts.map +1 -0
- package/lib/jsx.js +52 -0
- package/lib/jsx.js.map +1 -0
- package/lib/route-tree.d.ts +5 -5
- package/lib/route-tree.js +5 -5
- package/lib/route-tree.js.map +1 -1
- package/lib/utils.d.ts +6 -46
- package/lib/utils.d.ts.map +1 -1
- package/lib/utils.js +25 -110
- package/lib/utils.js.map +1 -1
- package/link.d.ts +9 -0
- package/link.d.ts.map +1 -0
- package/link.js +5 -0
- package/link.js.map +1 -0
- package/overbreath.d.ts +8 -1
- package/overbreath.d.ts.map +1 -1
- package/overbreath.js +4 -1
- package/overbreath.js.map +1 -1
- package/package.json +18 -23
- package/progress.d.ts +8 -1
- package/progress.d.ts.map +1 -1
- package/progress.js +4 -1
- package/progress.js.map +1 -1
- package/proto/godown-config.d.ts +41 -0
- package/proto/godown-config.d.ts.map +1 -0
- package/proto/godown-config.js +27 -0
- package/proto/godown-config.js.map +1 -0
- package/{godown-element.d.ts → proto/godown-element.d.ts} +48 -16
- package/proto/godown-element.d.ts.map +1 -0
- package/{godown-element.js → proto/godown-element.js} +82 -26
- package/proto/godown-element.js.map +1 -0
- package/proto/super-a.d.ts +30 -0
- package/proto/super-a.d.ts.map +1 -0
- package/proto/super-a.js +141 -0
- package/proto/super-a.js.map +1 -0
- package/proto/super-input.d.ts +44 -0
- package/proto/super-input.d.ts.map +1 -0
- package/proto/super-input.js +119 -0
- package/proto/super-input.js.map +1 -0
- package/proto/super-openable.d.ts +23 -0
- package/proto/super-openable.d.ts.map +1 -0
- package/proto/super-openable.js +43 -0
- package/proto/super-openable.js.map +1 -0
- package/range-input.d.ts +9 -0
- package/range-input.d.ts.map +1 -0
- package/range-input.js +5 -0
- package/range-input.js.map +1 -0
- package/react/create.d.ts.map +1 -1
- package/react/create.js +4 -1
- package/react/create.js.map +1 -1
- package/react/index.d.ts +64 -34
- package/react/index.d.ts.map +1 -1
- package/react/index.js +78 -51
- package/react/index.js.map +1 -1
- package/rotate.d.ts +9 -0
- package/rotate.d.ts.map +1 -0
- package/rotate.js +5 -0
- package/rotate.js.map +1 -0
- package/router-link.d.ts +9 -0
- package/router-link.d.ts.map +1 -0
- package/router-link.js +5 -0
- package/router-link.js.map +1 -0
- package/router.d.ts +8 -1
- package/router.d.ts.map +1 -1
- package/router.js +4 -1
- package/router.js.map +1 -1
- package/search-input.d.ts +8 -1
- package/search-input.d.ts.map +1 -1
- package/search-input.js +4 -1
- package/search-input.js.map +1 -1
- package/select-input.d.ts +8 -1
- package/select-input.d.ts.map +1 -1
- package/select-input.js +4 -1
- package/select-input.js.map +1 -1
- package/skeleton.d.ts +8 -1
- package/skeleton.d.ts.map +1 -1
- package/skeleton.js +4 -1
- package/skeleton.js.map +1 -1
- package/split-input.d.ts +8 -1
- package/split-input.d.ts.map +1 -1
- package/split-input.js +4 -1
- package/split-input.js.map +1 -1
- package/styles/colors/presets.d.ts +13 -0
- package/styles/colors/presets.d.ts.map +1 -0
- package/styles/colors/presets.js +6 -0
- package/styles/colors/presets.js.map +1 -0
- package/styles/colors/presetsRGB.d.ts +16 -0
- package/styles/colors/presetsRGB.d.ts.map +1 -0
- package/styles/colors/presetsRGB.js +134 -0
- package/styles/colors/presetsRGB.js.map +1 -0
- package/styles/global.d.ts +18 -0
- package/styles/global.d.ts.map +1 -0
- package/styles/global.js +78 -0
- package/styles/global.js.map +1 -0
- package/styles/inputStyle.d.ts +3 -0
- package/styles/inputStyle.d.ts.map +1 -0
- package/styles/inputStyle.js +59 -0
- package/styles/inputStyle.js.map +1 -0
- package/switch-input.d.ts +8 -1
- package/switch-input.d.ts.map +1 -1
- package/switch-input.js +4 -1
- package/switch-input.js.map +1 -1
- package/text.d.ts +8 -1
- package/text.d.ts.map +1 -1
- package/text.js +4 -1
- package/text.js.map +1 -1
- package/time.d.ts +8 -1
- package/time.d.ts.map +1 -1
- package/time.js +4 -1
- package/time.js.map +1 -1
- package/tooltip.d.ts +8 -1
- package/tooltip.d.ts.map +1 -1
- package/tooltip.js +4 -1
- package/tooltip.js.map +1 -1
- package/typewriter.d.ts +8 -1
- package/typewriter.d.ts.map +1 -1
- package/typewriter.js +4 -1
- package/typewriter.js.map +1 -1
- package/web-components/alert/alert.d.ts +2 -10
- package/web-components/alert/alert.d.ts.map +1 -1
- package/web-components/alert/alert.js +93 -91
- package/web-components/alert/alert.js.map +1 -1
- package/web-components/avatar/avatar-group.d.ts +21 -0
- package/web-components/avatar/avatar-group.d.ts.map +1 -0
- package/web-components/avatar/avatar-group.js +86 -0
- package/web-components/avatar/avatar-group.js.map +1 -0
- package/web-components/avatar/avatar.d.ts +5 -18
- package/web-components/avatar/avatar.d.ts.map +1 -1
- package/web-components/avatar/avatar.js +70 -85
- package/web-components/avatar/avatar.js.map +1 -1
- package/web-components/button/button.d.ts +10 -43
- package/web-components/button/button.d.ts.map +1 -1
- package/web-components/button/button.js +183 -226
- package/web-components/button/button.js.map +1 -1
- package/web-components/card/card.d.ts +2 -27
- package/web-components/card/card.d.ts.map +1 -1
- package/web-components/card/card.js +57 -132
- package/web-components/card/card.js.map +1 -1
- package/web-components/carousel/carousel.d.ts +5 -16
- package/web-components/carousel/carousel.d.ts.map +1 -1
- package/web-components/carousel/carousel.js +102 -106
- package/web-components/carousel/carousel.js.map +1 -1
- package/web-components/details/details.d.ts +4 -15
- package/web-components/details/details.d.ts.map +1 -1
- package/web-components/details/details.js +91 -97
- package/web-components/details/details.js.map +1 -1
- package/web-components/dialog/dialog.d.ts +6 -17
- package/web-components/dialog/dialog.d.ts.map +1 -1
- package/web-components/dialog/dialog.js +87 -137
- package/web-components/dialog/dialog.js.map +1 -1
- package/web-components/divider/divider.d.ts +13 -0
- package/web-components/divider/divider.d.ts.map +1 -0
- package/web-components/divider/divider.js +95 -0
- package/web-components/divider/divider.js.map +1 -0
- package/web-components/form/form.d.ts +15 -22
- package/web-components/form/form.d.ts.map +1 -1
- package/web-components/form/form.js +47 -117
- package/web-components/form/form.js.map +1 -1
- package/web-components/input/input.d.ts +5 -18
- package/web-components/input/input.d.ts.map +1 -1
- package/web-components/input/input.js +74 -169
- package/web-components/input/input.js.map +1 -1
- package/web-components/input/label-input.d.ts +5 -19
- package/web-components/input/label-input.d.ts.map +1 -1
- package/web-components/input/label-input.js +74 -141
- package/web-components/input/label-input.js.map +1 -1
- package/web-components/input/range-input.d.ts +53 -0
- package/web-components/input/range-input.d.ts.map +1 -0
- package/web-components/input/range-input.js +316 -0
- package/web-components/input/range-input.js.map +1 -0
- package/web-components/input/search-input.d.ts +4 -12
- package/web-components/input/search-input.d.ts.map +1 -1
- package/web-components/input/search-input.js +118 -113
- package/web-components/input/search-input.js.map +1 -1
- package/web-components/input/select-input.d.ts +17 -32
- package/web-components/input/select-input.d.ts.map +1 -1
- package/web-components/input/select-input.js +154 -286
- package/web-components/input/select-input.js.map +1 -1
- package/web-components/input/split-input.d.ts +8 -15
- package/web-components/input/split-input.d.ts.map +1 -1
- package/web-components/input/split-input.js +82 -72
- package/web-components/input/split-input.js.map +1 -1
- package/web-components/input/switch-input.d.ts +8 -17
- package/web-components/input/switch-input.d.ts.map +1 -1
- package/web-components/input/switch-input.js +122 -158
- package/web-components/input/switch-input.js.map +1 -1
- package/web-components/layout/flex-flow.d.ts +11 -19
- package/web-components/layout/flex-flow.d.ts.map +1 -1
- package/web-components/layout/flex-flow.js +57 -35
- package/web-components/layout/flex-flow.js.map +1 -1
- package/web-components/layout/grid-flow.d.ts +14 -0
- package/web-components/layout/grid-flow.d.ts.map +1 -0
- package/web-components/layout/grid-flow.js +56 -0
- package/web-components/layout/grid-flow.js.map +1 -0
- package/web-components/layout/layout.d.ts +18 -0
- package/web-components/layout/layout.d.ts.map +1 -0
- package/web-components/layout/layout.js +76 -0
- package/web-components/layout/layout.js.map +1 -0
- package/web-components/link/link.d.ts +10 -0
- package/web-components/link/link.d.ts.map +1 -0
- package/web-components/link/link.js +17 -0
- package/web-components/link/link.js.map +1 -0
- package/web-components/link/router-link.d.ts +19 -0
- package/web-components/link/router-link.d.ts.map +1 -0
- package/web-components/link/router-link.js +60 -0
- package/web-components/link/router-link.js.map +1 -0
- package/web-components/progress/progress.d.ts +2 -12
- package/web-components/progress/progress.d.ts.map +1 -1
- package/web-components/progress/progress.js +52 -48
- package/web-components/progress/progress.js.map +1 -1
- package/web-components/router/router.d.ts +15 -21
- package/web-components/router/router.d.ts.map +1 -1
- package/web-components/router/router.js +35 -37
- package/web-components/router/router.js.map +1 -1
- package/web-components/skeleton/skeleton.d.ts +5 -12
- package/web-components/skeleton/skeleton.d.ts.map +1 -1
- package/web-components/skeleton/skeleton.js +90 -98
- package/web-components/skeleton/skeleton.js.map +1 -1
- package/web-components/text/overbreath.d.ts +15 -20
- package/web-components/text/overbreath.d.ts.map +1 -1
- package/web-components/text/overbreath.js +108 -202
- package/web-components/text/overbreath.js.map +1 -1
- package/web-components/text/text.d.ts +5 -18
- package/web-components/text/text.d.ts.map +1 -1
- package/web-components/text/text.js +70 -80
- package/web-components/text/text.js.map +1 -1
- package/web-components/text/time.d.ts +5 -14
- package/web-components/text/time.d.ts.map +1 -1
- package/web-components/text/time.js +32 -31
- package/web-components/text/time.js.map +1 -1
- package/web-components/text/typewriter.d.ts +3 -11
- package/web-components/text/typewriter.d.ts.map +1 -1
- package/web-components/text/typewriter.js +42 -40
- package/web-components/text/typewriter.js.map +1 -1
- package/web-components/tooltip/tooltip.d.ts +21 -17
- package/web-components/tooltip/tooltip.d.ts.map +1 -1
- package/web-components/tooltip/tooltip.js +98 -60
- package/web-components/tooltip/tooltip.js.map +1 -1
- package/web-components/wrapper/dragbox.d.ts +5 -10
- package/web-components/wrapper/dragbox.d.ts.map +1 -1
- package/web-components/wrapper/dragbox.js +40 -31
- package/web-components/wrapper/dragbox.js.map +1 -1
- package/web-components/wrapper/rotate.d.ts +30 -0
- package/web-components/wrapper/rotate.d.ts.map +1 -0
- package/web-components/wrapper/rotate.js +92 -0
- package/web-components/wrapper/rotate.js.map +1 -0
- package/.deps.js.map +0 -1
- package/a.d.ts +0 -2
- package/a.d.ts.map +0 -1
- package/a.js +0 -2
- package/a.js.map +0 -1
- package/clip.d.ts +0 -2
- package/clip.d.ts.map +0 -1
- package/clip.js +0 -2
- package/clip.js.map +0 -1
- package/decorators/define.d.ts +0 -7
- package/decorators/define.d.ts.map +0 -1
- package/decorators/define.js +0 -11
- package/decorators/define.js.map +0 -1
- package/details-group.d.ts +0 -2
- package/details-group.d.ts.map +0 -1
- package/details-group.js +0 -2
- package/details-group.js.map +0 -1
- package/godown-element.d.ts.map +0 -1
- package/godown-element.js.map +0 -1
- package/lib/event-collection.d.ts +0 -14
- package/lib/event-collection.d.ts.map +0 -1
- package/lib/event-collection.js +0 -71
- package/lib/event-collection.js.map +0 -1
- package/lib/templates.d.ts.map +0 -1
- package/lib/templates.js +0 -76
- package/lib/templates.js.map +0 -1
- package/naming.d.ts +0 -91
- package/naming.d.ts.map +0 -1
- package/naming.js +0 -67
- package/naming.js.map +0 -1
- package/nav-layout.d.ts +0 -2
- package/nav-layout.d.ts.map +0 -1
- package/nav-layout.js +0 -2
- package/nav-layout.js.map +0 -1
- package/open-offset.d.ts +0 -2
- package/open-offset.d.ts.map +0 -1
- package/open-offset.js +0 -2
- package/open-offset.js.map +0 -1
- package/router-a.d.ts +0 -2
- package/router-a.d.ts.map +0 -1
- package/router-a.js +0 -2
- package/router-a.js.map +0 -1
- package/supers/anchor.d.ts +0 -26
- package/supers/anchor.d.ts.map +0 -1
- package/supers/anchor.js +0 -124
- package/supers/anchor.js.map +0 -1
- package/supers/input.d.ts +0 -28
- package/supers/input.d.ts.map +0 -1
- package/supers/input.js +0 -117
- package/supers/input.js.map +0 -1
- package/supers/openable.d.ts +0 -38
- package/supers/openable.d.ts.map +0 -1
- package/supers/openable.js +0 -77
- package/supers/openable.js.map +0 -1
- package/supers/root.d.ts +0 -18
- package/supers/root.d.ts.map +0 -1
- package/supers/root.js +0 -76
- package/supers/root.js.map +0 -1
- package/tabs.d.ts +0 -2
- package/tabs.d.ts.map +0 -1
- package/tabs.js +0 -2
- package/tabs.js.map +0 -1
- package/web-components/a/a.d.ts +0 -16
- package/web-components/a/a.d.ts.map +0 -1
- package/web-components/a/a.js +0 -17
- package/web-components/a/a.js.map +0 -1
- package/web-components/group/avatar-group.d.ts +0 -29
- package/web-components/group/avatar-group.d.ts.map +0 -1
- package/web-components/group/avatar-group.js +0 -88
- package/web-components/group/avatar-group.js.map +0 -1
- package/web-components/group/details-group.d.ts +0 -28
- package/web-components/group/details-group.d.ts.map +0 -1
- package/web-components/group/details-group.js +0 -59
- package/web-components/group/details-group.js.map +0 -1
- package/web-components/index.d.ts +0 -35
- package/web-components/index.d.ts.map +0 -1
- package/web-components/index.js +0 -35
- package/web-components/index.js.map +0 -1
- package/web-components/layout/divider.d.ts +0 -22
- package/web-components/layout/divider.d.ts.map +0 -1
- package/web-components/layout/divider.js +0 -85
- package/web-components/layout/divider.js.map +0 -1
- package/web-components/layout/nav-layout.d.ts +0 -38
- package/web-components/layout/nav-layout.d.ts.map +0 -1
- package/web-components/layout/nav-layout.js +0 -69
- package/web-components/layout/nav-layout.js.map +0 -1
- package/web-components/offset/open-offset.d.ts +0 -27
- package/web-components/offset/open-offset.d.ts.map +0 -1
- package/web-components/offset/open-offset.js +0 -130
- package/web-components/offset/open-offset.js.map +0 -1
- package/web-components/router/router-a.d.ts +0 -25
- package/web-components/router/router-a.d.ts.map +0 -1
- package/web-components/router/router-a.js +0 -70
- package/web-components/router/router-a.js.map +0 -1
- package/web-components/tabs/tabs.d.ts +0 -52
- package/web-components/tabs/tabs.d.ts.map +0 -1
- package/web-components/tabs/tabs.js +0 -165
- package/web-components/tabs/tabs.js.map +0 -1
- package/web-components/text/clip.d.ts +0 -22
- package/web-components/text/clip.d.ts.map +0 -1
- package/web-components/text/clip.js +0 -45
- package/web-components/text/clip.js.map +0 -1
- package/web-components/wrapper/wrapper.d.ts +0 -27
- package/web-components/wrapper/wrapper.d.ts.map +0 -1
- package/web-components/wrapper/wrapper.js +0 -95
- package/web-components/wrapper/wrapper.js.map +0 -1
- package/wrapper.d.ts +0 -2
- package/wrapper.d.ts.map +0 -1
- package/wrapper.js +0 -2
- package/wrapper.js.map +0 -1
@@ -1,130 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, query } from "../../.deps.js";
|
3
|
-
import { define } from "../../decorators/define.js";
|
4
|
-
import { htmlSlot } from "../../lib/templates.js";
|
5
|
-
import { debounce } from "../../lib/utils.js";
|
6
|
-
import { GodownOpenable } from "../../supers/openable.js";
|
7
|
-
const defineName = "open-offset";
|
8
|
-
/**
|
9
|
-
* {@linkcode OpenOffset} will calculate a lateral offset to try to keep the content within the allowable range.
|
10
|
-
*
|
11
|
-
* Content can be opened in 4 directions.
|
12
|
-
*/
|
13
|
-
let OpenOffset = class OpenOffset extends GodownOpenable {
|
14
|
-
render() {
|
15
|
-
return html `<main class="${this.direction || "bottom"}">
|
16
|
-
<span>${this.summary || htmlSlot("summary")}</span>
|
17
|
-
<aside>${htmlSlot()}</aside>
|
18
|
-
</main>`;
|
19
|
-
}
|
20
|
-
connectedCallback() {
|
21
|
-
super.connectedCallback();
|
22
|
-
this.addEvent(window, "resize", debounce(this._handelResize.bind(this), 500));
|
23
|
-
}
|
24
|
-
async firstUpdated() {
|
25
|
-
await this.updateComplete;
|
26
|
-
this.addEvent(document, "click", this._handelClick.bind(this));
|
27
|
-
this.resize();
|
28
|
-
}
|
29
|
-
_handelClick(e) {
|
30
|
-
if (e.target === this) {
|
31
|
-
this.show();
|
32
|
-
}
|
33
|
-
else if (!this.contains(e.target)) {
|
34
|
-
this.close();
|
35
|
-
}
|
36
|
-
}
|
37
|
-
_handelResize() {
|
38
|
-
this._balancer.style.transform = "none";
|
39
|
-
this.resize();
|
40
|
-
}
|
41
|
-
resize() {
|
42
|
-
if (!this._balancer) {
|
43
|
-
return;
|
44
|
-
}
|
45
|
-
const offsets = this.offsetParent?.getBoundingClientRect() || document.body.getBoundingClientRect();
|
46
|
-
const { left, right, top, bottom, height } = this._balancer.getBoundingClientRect();
|
47
|
-
if (this.direction === "left" || this.direction === "right") {
|
48
|
-
if (top < offsets.y) {
|
49
|
-
const topTranslate = -top;
|
50
|
-
this._balancer.style.transform = `translateY(${topTranslate}px)`;
|
51
|
-
}
|
52
|
-
if (bottom > offsets.bottom) {
|
53
|
-
const bottomTranslate = offsets.height - (top + height);
|
54
|
-
this._balancer.style.transform = `translateY(${bottomTranslate}px)`;
|
55
|
-
}
|
56
|
-
}
|
57
|
-
else {
|
58
|
-
if (right > offsets.right) {
|
59
|
-
const rightTranslate = offsets.width - (right - offsets.x);
|
60
|
-
this._balancer.style.transform = `translateX(${rightTranslate}px)`;
|
61
|
-
}
|
62
|
-
else if (left < 0) {
|
63
|
-
const leftTranslate = -left;
|
64
|
-
this._balancer.style.transform = `translateX(${leftTranslate}px)`;
|
65
|
-
}
|
66
|
-
else {
|
67
|
-
this._balancer.style.transform = "";
|
68
|
-
}
|
69
|
-
}
|
70
|
-
}
|
71
|
-
};
|
72
|
-
OpenOffset.styles = [
|
73
|
-
css `
|
74
|
-
:host {
|
75
|
-
display: block;
|
76
|
-
height: fit-content;
|
77
|
-
width: fit-content;
|
78
|
-
}
|
79
|
-
|
80
|
-
span {
|
81
|
-
user-select: none;
|
82
|
-
}
|
83
|
-
|
84
|
-
main {
|
85
|
-
height: inherit;
|
86
|
-
width: inherit;
|
87
|
-
display: flex;
|
88
|
-
position: relative;
|
89
|
-
align-items: center;
|
90
|
-
}
|
91
|
-
|
92
|
-
aside {
|
93
|
-
background-color: inherit;
|
94
|
-
visibility: hidden;
|
95
|
-
top: 100%;
|
96
|
-
z-index: 1;
|
97
|
-
}
|
98
|
-
|
99
|
-
:host([open]) aside {
|
100
|
-
visibility: visible;
|
101
|
-
}
|
102
|
-
|
103
|
-
:host([float]) aside {
|
104
|
-
position: absolute;
|
105
|
-
}
|
106
|
-
`,
|
107
|
-
css `
|
108
|
-
.left {
|
109
|
-
flex-direction: row-reverse;
|
110
|
-
}
|
111
|
-
.right {
|
112
|
-
flex-direction: row;
|
113
|
-
}
|
114
|
-
.top {
|
115
|
-
flex-direction: column-reverse;
|
116
|
-
}
|
117
|
-
.bottom {
|
118
|
-
flex-direction: column;
|
119
|
-
}
|
120
|
-
`,
|
121
|
-
];
|
122
|
-
__decorate([
|
123
|
-
query("aside")
|
124
|
-
], OpenOffset.prototype, "_balancer", void 0);
|
125
|
-
OpenOffset = __decorate([
|
126
|
-
define(defineName)
|
127
|
-
], OpenOffset);
|
128
|
-
export { OpenOffset };
|
129
|
-
export default OpenOffset;
|
130
|
-
//# sourceMappingURL=open-offset.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"open-offset.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/offset/open-offset.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, query } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { debounce } from \"../../lib/utils.js\";\nimport { type Direction4, GodownOpenable } from \"../../supers/openable.js\";\n\nconst defineName = \"open-offset\";\n\n/**\n * {@linkcode OpenOffset} will calculate a lateral offset to try to keep the content within the allowable range.\n *\n * Content can be opened in 4 directions.\n */\n@define(defineName)\nexport class OpenOffset extends GodownOpenable {\n direction: Direction4;\n\n @query(\"aside\") private _balancer: HTMLElement;\n\n static styles = [\n css`\n :host {\n display: block;\n height: fit-content;\n width: fit-content;\n }\n\n span {\n user-select: none;\n }\n\n main {\n height: inherit;\n width: inherit;\n display: flex;\n position: relative;\n align-items: center;\n }\n\n aside {\n background-color: inherit;\n visibility: hidden;\n top: 100%;\n z-index: 1;\n }\n\n :host([open]) aside {\n visibility: visible;\n }\n\n :host([float]) aside {\n position: absolute;\n }\n `,\n css`\n .left {\n flex-direction: row-reverse;\n }\n .right {\n flex-direction: row;\n }\n .top {\n flex-direction: column-reverse;\n }\n .bottom {\n flex-direction: column;\n }\n `,\n ] as CSSResultGroup;\n\n protected render(): HTMLTemplate {\n return html`<main class=\"${this.direction || \"bottom\"}\">\n <span>${this.summary || htmlSlot(\"summary\")}</span>\n <aside>${htmlSlot()}</aside>\n </main>`;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.addEvent(window, \"resize\", debounce(this._handelResize.bind(this), 500));\n }\n\n protected async firstUpdated() {\n await this.updateComplete;\n this.addEvent(document, \"click\", this._handelClick.bind(this));\n this.resize();\n }\n\n protected _handelClick(e: MouseEvent) {\n if (e.target === this) {\n this.show();\n } else if (!this.contains(e.target as HTMLElement)) {\n this.close();\n }\n }\n\n protected _handelResize() {\n this._balancer.style.transform = \"none\";\n this.resize();\n }\n\n resize() {\n if (!this._balancer) {\n return;\n }\n const offsets = this.offsetParent?.getBoundingClientRect() || document.body.getBoundingClientRect();\n const { left, right, top, bottom, height } = this._balancer.getBoundingClientRect();\n if (this.direction === \"left\" || this.direction === \"right\") {\n if (top < offsets.y) {\n const topTranslate = -top;\n this._balancer.style.transform = `translateY(${topTranslate}px)`;\n }\n if (bottom > offsets.bottom) {\n const bottomTranslate = offsets.height - (top + height);\n this._balancer.style.transform = `translateY(${bottomTranslate}px)`;\n }\n } else {\n if (right > offsets.right) {\n const rightTranslate = offsets.width - (right - offsets.x);\n this._balancer.style.transform = `translateX(${rightTranslate}px)`;\n } else if (left < 0) {\n const leftTranslate = -left;\n this._balancer.style.transform = `translateX(${leftTranslate}px)`;\n } else {\n this._balancer.style.transform = \"\";\n }\n }\n }\n}\n\nexport default OpenOffset;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"open-offset\": OpenOffset;\n \"g-open-offset\": OpenOffset;\n }\n}\n"]}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import GodownAnchor from "../../supers/anchor.js";
|
2
|
-
/**
|
3
|
-
* {@linkcode RouterA} works with {@linkcode Router}.
|
4
|
-
*
|
5
|
-
* @extends A
|
6
|
-
*/
|
7
|
-
export declare class RouterA extends GodownAnchor {
|
8
|
-
/**
|
9
|
-
* If true, replaceState, or pushState.
|
10
|
-
*/
|
11
|
-
replace: boolean;
|
12
|
-
connectedCallback(): void;
|
13
|
-
protected _handleClick(e: MouseEvent): void;
|
14
|
-
pushState(url?: string, data?: any): void;
|
15
|
-
replaceState(url?: string, data?: any): void;
|
16
|
-
updateRouter(): void;
|
17
|
-
}
|
18
|
-
export default RouterA;
|
19
|
-
declare global {
|
20
|
-
interface HTMLElementTagNameMap {
|
21
|
-
"link-a": RouterA;
|
22
|
-
"g-router-a": RouterA;
|
23
|
-
}
|
24
|
-
}
|
25
|
-
//# sourceMappingURL=router-a.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"router-a.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router-a.ts"],"names":[],"mappings":"AAEA,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAKlD;;;;GAIG;AACH,qBACa,OAAQ,SAAQ,YAAY;IACvC;;OAEG;IAC0B,OAAO,UAAS;IAE7C,iBAAiB;IAOjB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAapC,SAAS,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAMtC,YAAY,CAAC,GAAG,SAAY,EAAE,IAAI,MAAO;IAMzC,YAAY;CAYb;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,OAAO,CAAC;QAClB,YAAY,EAAE,OAAO,CAAC;KACvB;CACF"}
|
@@ -1,70 +0,0 @@
|
|
1
|
-
var RouterA_1;
|
2
|
-
import { __decorate } from "tslib";
|
3
|
-
import { property } from "../../.deps.js";
|
4
|
-
import { define } from "../../decorators/define.js";
|
5
|
-
import GodownAnchor from "../../supers/anchor.js";
|
6
|
-
const defineName = "router-a";
|
7
|
-
/**
|
8
|
-
* {@linkcode RouterA} works with {@linkcode Router}.
|
9
|
-
*
|
10
|
-
* @extends A
|
11
|
-
*/
|
12
|
-
let RouterA = RouterA_1 = class RouterA extends GodownAnchor {
|
13
|
-
constructor() {
|
14
|
-
super(...arguments);
|
15
|
-
/**
|
16
|
-
* If true, replaceState, or pushState.
|
17
|
-
*/
|
18
|
-
this.replace = false;
|
19
|
-
}
|
20
|
-
connectedCallback() {
|
21
|
-
super.connectedCallback();
|
22
|
-
this.addEvent(this, "click", this._handleClick);
|
23
|
-
this.addEvent(window, "popstate", this.useActive.bind(this));
|
24
|
-
this.useActive();
|
25
|
-
}
|
26
|
-
_handleClick(e) {
|
27
|
-
const href = this.href ?? this.querySelector("[href]")?.getAttribute("href");
|
28
|
-
const url = new URL(href, location.href);
|
29
|
-
if (url.origin === location.origin) {
|
30
|
-
e.preventDefault();
|
31
|
-
if (this.replace) {
|
32
|
-
this.replaceState(href);
|
33
|
-
}
|
34
|
-
else {
|
35
|
-
this.pushState(href);
|
36
|
-
}
|
37
|
-
}
|
38
|
-
}
|
39
|
-
pushState(url = this.href, data = null) {
|
40
|
-
history.pushState(data, "", url);
|
41
|
-
this.useActive();
|
42
|
-
this.updateRouter();
|
43
|
-
}
|
44
|
-
replaceState(url = this.href, data = null) {
|
45
|
-
history.replaceState(data, "", url);
|
46
|
-
this.useActive();
|
47
|
-
this.updateRouter();
|
48
|
-
}
|
49
|
-
updateRouter() {
|
50
|
-
const tagName = RouterA_1.conf.nameMap.get("route-view");
|
51
|
-
if (!tagName) {
|
52
|
-
return;
|
53
|
-
}
|
54
|
-
const routers = this.deepQuerySelectorAll(tagName, document.body);
|
55
|
-
routers.forEach((item) => {
|
56
|
-
if (!item.override) {
|
57
|
-
item.pathname = window.location.pathname;
|
58
|
-
}
|
59
|
-
});
|
60
|
-
}
|
61
|
-
};
|
62
|
-
__decorate([
|
63
|
-
property({ type: Boolean })
|
64
|
-
], RouterA.prototype, "replace", void 0);
|
65
|
-
RouterA = RouterA_1 = __decorate([
|
66
|
-
define(defineName)
|
67
|
-
], RouterA);
|
68
|
-
export { RouterA };
|
69
|
-
export default RouterA;
|
70
|
-
//# sourceMappingURL=router-a.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"router-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/router/router-a.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAGlD,MAAM,UAAU,GAAG,UAAU,CAAC;AAE9B;;;;GAIG;AAEI,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,YAAY;IAAlC;;QACL;;WAEG;QAC0B,YAAO,GAAG,KAAK,CAAC;IA8C/C,CAAC;IA5CC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAChD,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC7D,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;QAC7E,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,EAAE,CAAC;YACnC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAC1B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;QACpC,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,YAAY,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;QACvC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;QACpC,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAED,YAAY;QACV,MAAM,OAAO,GAAG,SAAO,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QACvD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,MAAM,OAAO,GAAG,IAAI,CAAC,oBAAoB,CAAS,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC1E,OAAO,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF,CAAA;AA9C8B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAiB;AAJlC,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAkDnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport GodownAnchor from \"../../supers/anchor.js\";\nimport { Router } from \"./router.js\";\n\nconst defineName = \"router-a\";\n\n/**\n * {@linkcode RouterA} works with {@linkcode Router}.\n *\n * @extends A\n */\n@define(defineName)\nexport class RouterA extends GodownAnchor {\n /**\n * If true, replaceState, or pushState.\n */\n @property({ type: Boolean }) replace = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.addEvent(this, \"click\", this._handleClick);\n this.addEvent(window, \"popstate\", this.useActive.bind(this));\n this.useActive();\n }\n\n protected _handleClick(e: MouseEvent) {\n const href = this.href ?? this.querySelector(\"[href]\")?.getAttribute(\"href\");\n const url = new URL(href, location.href);\n if (url.origin === location.origin) {\n e.preventDefault();\n if (this.replace) {\n this.replaceState(href);\n } else {\n this.pushState(href);\n }\n }\n }\n\n pushState(url = this.href, data = null) {\n history.pushState(data, \"\", url);\n this.useActive();\n this.updateRouter();\n }\n\n replaceState(url = this.href, data = null) {\n history.replaceState(data, \"\", url);\n this.useActive();\n this.updateRouter();\n }\n\n updateRouter() {\n const tagName = RouterA.conf.nameMap.get(\"route-view\");\n if (!tagName) {\n return;\n }\n const routers = this.deepQuerySelectorAll<Router>(tagName, document.body);\n routers.forEach((item) => {\n if (!item.override) {\n item.pathname = window.location.pathname;\n }\n });\n }\n}\n\nexport default RouterA;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"link-a\": RouterA;\n \"g-router-a\": RouterA;\n }\n}\n"]}
|
@@ -1,52 +0,0 @@
|
|
1
|
-
import { type CSSResultGroup, type PropertyValueMap } from "../../.deps.js";
|
2
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
3
|
-
import { GodownElement } from "../../supers/root.js";
|
4
|
-
/**
|
5
|
-
* {@linkcode GodownTab} used to support multiple tab.
|
6
|
-
*
|
7
|
-
* Inspired by Next-ui.
|
8
|
-
*/
|
9
|
-
export declare class Tabs extends GodownElement {
|
10
|
-
/**
|
11
|
-
* Active slot name.
|
12
|
-
*/
|
13
|
-
index: string;
|
14
|
-
/**
|
15
|
-
* Default slot name.
|
16
|
-
*/
|
17
|
-
def: string;
|
18
|
-
/**
|
19
|
-
* Align type.
|
20
|
-
*/
|
21
|
-
align: string;
|
22
|
-
/**
|
23
|
-
* Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode Tabs.contents}.
|
24
|
-
*/
|
25
|
-
headers: string[] | void;
|
26
|
-
/**
|
27
|
-
* Contents slot names.
|
28
|
-
*/
|
29
|
-
contents: string[];
|
30
|
-
static styles: CSSResultGroup;
|
31
|
-
protected render(): HTMLTemplate;
|
32
|
-
protected updated(changedProperties: PropertyValueMap<this>): void;
|
33
|
-
/**
|
34
|
-
* Select one tab.
|
35
|
-
* @param s New index.
|
36
|
-
* @param callSync if true, update all same elements (headers contains s).
|
37
|
-
*/
|
38
|
-
select(s: string, callSync?: boolean): void;
|
39
|
-
connectedCallback(): void;
|
40
|
-
/**
|
41
|
-
* Update content controls (this.headers, this.contents).
|
42
|
-
*/
|
43
|
-
getTabs(): void;
|
44
|
-
}
|
45
|
-
export default Tabs;
|
46
|
-
declare global {
|
47
|
-
interface HTMLElementTagNameMap {
|
48
|
-
"tab-group": Tabs;
|
49
|
-
"g-tabs": Tabs;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
//# sourceMappingURL=tabs.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,KAAK,gBAAgB,EAAS,MAAM,gBAAgB,CAAC;AAGxG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAA6B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAMhF;;;;GAIG;AACH,qBACa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,GAAG,SAAM;IACrB;;OAEG;IACS,KAAK,SAAW;IAC5B;;OAEG;IACM,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC;;OAEG;IACM,QAAQ,EAAE,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,MAAM,iBA0CO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAoBhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB3D;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAalC,iBAAiB;IAWjB;;OAEG;IACH,OAAO;CAGR;AAED,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,IAAI,CAAC;QAClB,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}
|
@@ -1,165 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, property, state } from "../../.deps.js";
|
3
|
-
import { define } from "../../decorators/define.js";
|
4
|
-
import { ifValue } from "../../lib/directives.js";
|
5
|
-
import { htmlSlot } from "../../lib/templates.js";
|
6
|
-
import { deepQuerySelectorAll } from "../../lib/utils.js";
|
7
|
-
import { createScope, cssvarValues, GodownElement } from "../../supers/root.js";
|
8
|
-
const defineName = "tabs";
|
9
|
-
const cssvarScope = createScope(defineName);
|
10
|
-
/**
|
11
|
-
* {@linkcode GodownTab} used to support multiple tab.
|
12
|
-
*
|
13
|
-
* Inspired by Next-ui.
|
14
|
-
*/
|
15
|
-
let Tabs = class Tabs extends GodownElement {
|
16
|
-
constructor() {
|
17
|
-
super(...arguments);
|
18
|
-
/**
|
19
|
-
* Active slot name.
|
20
|
-
*/
|
21
|
-
this.index = "";
|
22
|
-
/**
|
23
|
-
* Default slot name.
|
24
|
-
*/
|
25
|
-
this.def = "";
|
26
|
-
/**
|
27
|
-
* Align type.
|
28
|
-
*/
|
29
|
-
this.align = "start";
|
30
|
-
}
|
31
|
-
render() {
|
32
|
-
const headers = (this.headers || this.contents).map((value) => {
|
33
|
-
return html `<section
|
34
|
-
class="${ifValue(this.index === value, "active")}"
|
35
|
-
@click="${() => {
|
36
|
-
this.select(value, true);
|
37
|
-
}}"
|
38
|
-
>
|
39
|
-
${this.headers ? htmlSlot(value) : value}
|
40
|
-
</section>`;
|
41
|
-
});
|
42
|
-
return html `
|
43
|
-
<nav style="justify-content:${this.align}">
|
44
|
-
${headers}
|
45
|
-
<section id="slider"></section>
|
46
|
-
</nav>
|
47
|
-
${htmlSlot(this.index || this.def)}
|
48
|
-
`;
|
49
|
-
}
|
50
|
-
updated(changedProperties) {
|
51
|
-
if (changedProperties.has("index")) {
|
52
|
-
// Move slider.
|
53
|
-
const active = this.shadowRoot.querySelector("section.active");
|
54
|
-
const slider = this.shadowRoot.querySelector("#slider");
|
55
|
-
if (active) {
|
56
|
-
this.dispatchEvent(new CustomEvent("select", { detail: this.index }));
|
57
|
-
slider.style.width = `${active.clientWidth}px`;
|
58
|
-
slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {
|
59
|
-
duration: 180,
|
60
|
-
fill: "forwards",
|
61
|
-
});
|
62
|
-
}
|
63
|
-
else {
|
64
|
-
slider.style.width = "0";
|
65
|
-
}
|
66
|
-
}
|
67
|
-
}
|
68
|
-
/**
|
69
|
-
* Select one tab.
|
70
|
-
* @param s New index.
|
71
|
-
* @param callSync if true, update all same elements (headers contains s).
|
72
|
-
*/
|
73
|
-
select(s, callSync = false) {
|
74
|
-
if (callSync) {
|
75
|
-
const elements = deepQuerySelectorAll(this.tagName, document.body);
|
76
|
-
for (const e of elements) {
|
77
|
-
if ((e.headers || e.contents).includes(s)) {
|
78
|
-
e.select(s);
|
79
|
-
}
|
80
|
-
}
|
81
|
-
return;
|
82
|
-
}
|
83
|
-
this.index = s;
|
84
|
-
}
|
85
|
-
connectedCallback() {
|
86
|
-
super.connectedCallback();
|
87
|
-
if (!this.def) {
|
88
|
-
this.def = this.slottedNames[0] || "";
|
89
|
-
}
|
90
|
-
if (!this.index && this.def) {
|
91
|
-
this.index = this.def;
|
92
|
-
}
|
93
|
-
this.getTabs();
|
94
|
-
}
|
95
|
-
/**
|
96
|
-
* Update content controls (this.headers, this.contents).
|
97
|
-
*/
|
98
|
-
getTabs() {
|
99
|
-
this.contents = this.slottedNames;
|
100
|
-
}
|
101
|
-
};
|
102
|
-
Tabs.styles = [
|
103
|
-
GodownElement.styles,
|
104
|
-
css `
|
105
|
-
:host {
|
106
|
-
${cssvarScope}--background: var(${cssvarValues.main});
|
107
|
-
${cssvarScope}--background-active: rgb(var(${cssvarValues.textRGB}) / 18%);
|
108
|
-
${cssvarScope}--radius: .25em;
|
109
|
-
${cssvarScope}--cursor: default;
|
110
|
-
background: var(${cssvarScope}--background);
|
111
|
-
display: block;
|
112
|
-
color: var(${cssvarValues.text});
|
113
|
-
}
|
114
|
-
|
115
|
-
nav {
|
116
|
-
display: grid;
|
117
|
-
grid-auto-flow: column;
|
118
|
-
gap: 0.25em;
|
119
|
-
position: relative;
|
120
|
-
border-radius: inherit;
|
121
|
-
}
|
122
|
-
|
123
|
-
section {
|
124
|
-
white-space: nowrap;
|
125
|
-
border-radius: inherit;
|
126
|
-
padding: 0.15em 0.2em;
|
127
|
-
cursor: var(${cssvarScope}--cursor);
|
128
|
-
z-index: 1;
|
129
|
-
display: flex;
|
130
|
-
align-items: center;
|
131
|
-
justify-content: center;
|
132
|
-
}
|
133
|
-
|
134
|
-
#slider {
|
135
|
-
height: 100%;
|
136
|
-
position: absolute;
|
137
|
-
padding: 0;
|
138
|
-
background: var(${cssvarScope}--background-active);
|
139
|
-
transform: translateX(-50%);
|
140
|
-
transition: all 180ms ease 0s;
|
141
|
-
z-index: 0;
|
142
|
-
}
|
143
|
-
`,
|
144
|
-
];
|
145
|
-
__decorate([
|
146
|
-
property()
|
147
|
-
], Tabs.prototype, "index", void 0);
|
148
|
-
__decorate([
|
149
|
-
property()
|
150
|
-
], Tabs.prototype, "def", void 0);
|
151
|
-
__decorate([
|
152
|
-
property()
|
153
|
-
], Tabs.prototype, "align", void 0);
|
154
|
-
__decorate([
|
155
|
-
state()
|
156
|
-
], Tabs.prototype, "headers", void 0);
|
157
|
-
__decorate([
|
158
|
-
state()
|
159
|
-
], Tabs.prototype, "contents", void 0);
|
160
|
-
Tabs = __decorate([
|
161
|
-
define(defineName)
|
162
|
-
], Tabs);
|
163
|
-
export { Tabs };
|
164
|
-
export default Tabs;
|
165
|
-
//# sourceMappingURL=tabs.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/tabs/tabs.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, property, type PropertyValueMap, state } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { createScope, cssvarValues, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"tabs\";\n\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode GodownTab} used to support multiple tab.\n *\n * Inspired by Next-ui.\n */\n@define(defineName)\nexport class Tabs extends GodownElement {\n /**\n * Active slot name.\n */\n @property() index = \"\";\n /**\n * Default slot name.\n */\n @property() def = \"\";\n /**\n * Align type.\n */\n @property() align = \"start\";\n /**\n * Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode Tabs.contents}.\n */\n @state() headers: string[] | void;\n /**\n * Contents slot names.\n */\n @state() contents: string[];\n\n static styles = [\n GodownElement.styles,\n css`\n :host {\n ${cssvarScope}--background: var(${cssvarValues.main});\n ${cssvarScope}--background-active: rgb(var(${cssvarValues.textRGB}) / 18%);\n ${cssvarScope}--radius: .25em;\n ${cssvarScope}--cursor: default;\n background: var(${cssvarScope}--background);\n display: block;\n color: var(${cssvarValues.text});\n }\n\n nav {\n display: grid;\n grid-auto-flow: column;\n gap: 0.25em;\n position: relative;\n border-radius: inherit;\n }\n\n section {\n white-space: nowrap;\n border-radius: inherit;\n padding: 0.15em 0.2em;\n cursor: var(${cssvarScope}--cursor);\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n #slider {\n height: 100%;\n position: absolute;\n padding: 0;\n background: var(${cssvarScope}--background-active);\n transform: translateX(-50%);\n transition: all 180ms ease 0s;\n z-index: 0;\n }\n `,\n ] as CSSResultGroup;\n\n protected render(): HTMLTemplate {\n const headers = (this.headers || this.contents).map((value) => {\n return html`<section\n class=\"${ifValue(this.index === value, \"active\")}\"\n @click=\"${() => {\n this.select(value, true);\n }}\"\n >\n ${this.headers ? htmlSlot(value) : value}\n </section>`;\n });\n return html`\n <nav style=\"justify-content:${this.align}\">\n ${headers}\n <section id=\"slider\"></section>\n </nav>\n ${htmlSlot(this.index || this.def)}\n `;\n }\n\n protected updated(changedProperties: PropertyValueMap<this>) {\n if (changedProperties.has(\"index\")) {\n // Move slider.\n const active = this.shadowRoot.querySelector<HTMLElement>(\"section.active\");\n const slider = this.shadowRoot.querySelector<HTMLElement>(\"#slider\");\n if (active) {\n this.dispatchEvent(new CustomEvent(\"select\", { detail: this.index }));\n slider.style.width = `${active.clientWidth}px`;\n slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {\n duration: 180,\n fill: \"forwards\",\n });\n } else {\n slider.style.width = \"0\";\n }\n }\n }\n\n /**\n * Select one tab.\n * @param s New index.\n * @param callSync if true, update all same elements (headers contains s).\n */\n select(s: string, callSync = false) {\n if (callSync) {\n const elements = deepQuerySelectorAll<this>(this.tagName, document.body);\n for (const e of elements) {\n if ((e.headers || e.contents).includes(s)) {\n e.select(s);\n }\n }\n return;\n }\n this.index = s;\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (!this.def) {\n this.def = this.slottedNames[0] || \"\";\n }\n if (!this.index && this.def) {\n this.index = this.def;\n }\n this.getTabs();\n }\n\n /**\n * Update content controls (this.headers, this.contents).\n */\n getTabs() {\n this.contents = this.slottedNames;\n }\n}\n\nexport default Tabs;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"tab-group\": Tabs;\n \"g-tabs\": Tabs;\n }\n}\n"]}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { type CSSResultGroup } from "../../.deps.js";
|
2
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
3
|
-
import { GodownElement } from "../../supers/root.js";
|
4
|
-
/**
|
5
|
-
* {@linkcode Clip} renders a gradient text.
|
6
|
-
*/
|
7
|
-
export declare class Clip extends GodownElement {
|
8
|
-
/**
|
9
|
-
* The text to be clipped.
|
10
|
-
*/
|
11
|
-
text: string;
|
12
|
-
static styles: CSSResultGroup;
|
13
|
-
protected render(): HTMLTemplate | string;
|
14
|
-
}
|
15
|
-
export default Clip;
|
16
|
-
declare global {
|
17
|
-
interface HTMLElementTagNameMap {
|
18
|
-
"clip-text": Clip;
|
19
|
-
"g-clip": Clip;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
//# sourceMappingURL=clip.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"clip.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/clip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,gBAAgB,CAAC;AAEpE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAuB,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK1E;;GAEG;AACH,qBACa,IAAK,SAAQ,aAAa;IACrC;;OAEG;IACS,IAAI,SAAM;IAEtB,MAAM,CAAC,MAAM,iBAaO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY,GAAG,MAAM;CAG1C;AAED,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,IAAI,CAAC;QAClB,QAAQ,EAAE,IAAI,CAAC;KAChB;CACF"}
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, property } from "../../.deps.js";
|
3
|
-
import { define } from "../../decorators/define.js";
|
4
|
-
import { htmlSlot } from "../../lib/templates.js";
|
5
|
-
import { createScope, cssvar, GodownElement } from "../../supers/root.js";
|
6
|
-
const defineName = "clip";
|
7
|
-
const cssvarScope = createScope(defineName);
|
8
|
-
/**
|
9
|
-
* {@linkcode Clip} renders a gradient text.
|
10
|
-
*/
|
11
|
-
let Clip = class Clip extends GodownElement {
|
12
|
-
constructor() {
|
13
|
-
super(...arguments);
|
14
|
-
/**
|
15
|
-
* The text to be clipped.
|
16
|
-
*/
|
17
|
-
this.text = "";
|
18
|
-
}
|
19
|
-
render() {
|
20
|
-
return this.text || htmlSlot();
|
21
|
-
}
|
22
|
-
};
|
23
|
-
Clip.styles = [
|
24
|
-
GodownElement.styles,
|
25
|
-
css `
|
26
|
-
:host {
|
27
|
-
${cssvarScope}--clip-background: var(${cssvar}--clip-background);
|
28
|
-
background: var(${cssvarScope}--clip-background);
|
29
|
-
color: transparent;
|
30
|
-
-webkit-text-fill-color: transparent;
|
31
|
-
background-clip: text !important;
|
32
|
-
-webkit-background-clip: text !important;
|
33
|
-
display: inline-flex;
|
34
|
-
}
|
35
|
-
`,
|
36
|
-
];
|
37
|
-
__decorate([
|
38
|
-
property()
|
39
|
-
], Clip.prototype, "text", void 0);
|
40
|
-
Clip = __decorate([
|
41
|
-
define(defineName)
|
42
|
-
], Clip);
|
43
|
-
export { Clip };
|
44
|
-
export default Clip;
|
45
|
-
//# sourceMappingURL=clip.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"clip.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/text/clip.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1E,MAAM,UAAU,GAAG,MAAM,CAAC;AAC1B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,aAAa;IAAhC;;QACL;;WAEG;QACS,SAAI,GAAG,EAAE,CAAC;IAoBxB,CAAC;IAHW,MAAM;QACd,OAAO,IAAI,CAAC,IAAI,IAAI,QAAQ,EAAE,CAAC;IACjC,CAAC;;AAjBM,WAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW,0BAA0B,MAAM;0BAC3B,WAAW;;;;;;;KAOhC;CACgB,AAbN,CAaO;AAfR;IAAX,QAAQ,EAAE;kCAAW;AAJX,IAAI;IADhB,MAAM,CAAC,UAAU,CAAC;GACN,IAAI,CAwBhB;;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { css, type CSSResultGroup, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvar, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"clip\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode Clip} renders a gradient text.\n */\n@define(defineName)\nexport class Clip extends GodownElement {\n /**\n * The text to be clipped.\n */\n @property() text = \"\";\n\n static styles = [\n GodownElement.styles,\n css`\n :host {\n ${cssvarScope}--clip-background: var(${cssvar}--clip-background);\n background: var(${cssvarScope}--clip-background);\n color: transparent;\n -webkit-text-fill-color: transparent;\n background-clip: text !important;\n -webkit-background-clip: text !important;\n display: inline-flex;\n }\n `,\n ] as CSSResultGroup;\n\n protected render(): HTMLTemplate | string {\n return this.text || htmlSlot();\n }\n}\n\nexport default Clip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"clip-text\": Clip;\n \"g-clip\": Clip;\n }\n}\n"]}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
2
|
-
import { icons } from "../../lib/templates.js";
|
3
|
-
import { GodownElement } from "../../supers/root.js";
|
4
|
-
/**
|
5
|
-
* WithWrap is used for wrap content.
|
6
|
-
*/
|
7
|
-
export declare class Wrapper extends GodownElement {
|
8
|
-
/**
|
9
|
-
* Behavioral basis.
|
10
|
-
*/
|
11
|
-
with: string | keyof typeof icons | "expand" | "icon";
|
12
|
-
/**
|
13
|
-
* Rendered content or slot name.
|
14
|
-
*/
|
15
|
-
wrap: string | keyof typeof icons;
|
16
|
-
static styles: import("lit").CSSResult[];
|
17
|
-
protected render(): HTMLTemplate;
|
18
|
-
}
|
19
|
-
export default Wrapper;
|
20
|
-
declare global {
|
21
|
-
interface HTMLElementTagNameMap {
|
22
|
-
"wrap-view": Wrapper;
|
23
|
-
"with-wrap": Wrapper;
|
24
|
-
"g-wrapper": Wrapper;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
//# sourceMappingURL=wrapper.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"wrapper.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/wrapper/wrapper.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAM;IACvE;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,MAAM,OAAO,KAAK,CAAM;IAEnD,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;KACtB;CACF"}
|