godown 2.7.4 → 2.7.6
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 +20 -25
- 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,88 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, property } from "../../.deps.js";
|
3
|
-
import { define } from "../../decorators/define.js";
|
4
|
-
import { ifValue } from "../../lib/directives.js";
|
5
|
-
import { htmlSlot, htmlStyle } from "../../lib/templates.js";
|
6
|
-
import { append } from "../../lib/utils.js";
|
7
|
-
import { GodownElement } from "../../supers/root.js";
|
8
|
-
import Avatar from "../avatar/avatar.js";
|
9
|
-
const defineName = "avatar-group";
|
10
|
-
/**
|
11
|
-
* {@linkcode AvatarGroup} ensure that the display content does not exceed the maximum value, and display the excess quantity.
|
12
|
-
*/
|
13
|
-
let AvatarGroup = class AvatarGroup extends GodownElement {
|
14
|
-
constructor() {
|
15
|
-
super(...arguments);
|
16
|
-
/**
|
17
|
-
* The maximum number of elements that can be accepted for this element.
|
18
|
-
*/
|
19
|
-
this.max = 99;
|
20
|
-
/**
|
21
|
-
* When the content overflows, create an {@linkcode Avatar} with the same {@linkcode Avatar.more} attribute as more.
|
22
|
-
*/
|
23
|
-
this.more = 0;
|
24
|
-
}
|
25
|
-
render() {
|
26
|
-
const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;
|
27
|
-
return html `${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new Avatar({ more: this.more }))}`;
|
28
|
-
}
|
29
|
-
firstUpdated() {
|
30
|
-
if (!this.more && this.assigned.length > this.max) {
|
31
|
-
this.more = this.assigned.length - this.max;
|
32
|
-
}
|
33
|
-
}
|
34
|
-
append(args = new Avatar()) {
|
35
|
-
if (this.max && this.assigned.length === this.max) {
|
36
|
-
this.assigned.pop().style.display = "none";
|
37
|
-
append(this, args);
|
38
|
-
this.assigned.pop().style.display = "none";
|
39
|
-
this.more = 2;
|
40
|
-
}
|
41
|
-
else if (this.max && this.assigned.length > this.max) {
|
42
|
-
append(this, args);
|
43
|
-
this.assigned.pop().style.display = "none";
|
44
|
-
this.more += 1;
|
45
|
-
}
|
46
|
-
else {
|
47
|
-
append(this, args);
|
48
|
-
}
|
49
|
-
}
|
50
|
-
subtract() {
|
51
|
-
if (this.more === 2) {
|
52
|
-
this.assigned.pop().style.display = "";
|
53
|
-
this.more = 0;
|
54
|
-
return;
|
55
|
-
}
|
56
|
-
else if (this.more > 0) {
|
57
|
-
this.more -= 1;
|
58
|
-
}
|
59
|
-
if (this.assigned.length) {
|
60
|
-
this.assigned.pop().remove();
|
61
|
-
}
|
62
|
-
}
|
63
|
-
};
|
64
|
-
AvatarGroup.styles = [
|
65
|
-
css `
|
66
|
-
:host {
|
67
|
-
display: flex;
|
68
|
-
width: 100%;
|
69
|
-
height: 100%;
|
70
|
-
}
|
71
|
-
|
72
|
-
div {
|
73
|
-
display: contents;
|
74
|
-
}
|
75
|
-
`,
|
76
|
-
];
|
77
|
-
__decorate([
|
78
|
-
property({ type: Number })
|
79
|
-
], AvatarGroup.prototype, "max", void 0);
|
80
|
-
__decorate([
|
81
|
-
property({ type: Number })
|
82
|
-
], AvatarGroup.prototype, "more", void 0);
|
83
|
-
AvatarGroup = __decorate([
|
84
|
-
define(defineName)
|
85
|
-
], AvatarGroup);
|
86
|
-
export { AvatarGroup };
|
87
|
-
export default AvatarGroup;
|
88
|
-
//# sourceMappingURL=avatar-group.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"avatar-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/avatar-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAqB,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC;;GAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAAvC;;QACL;;WAEG;QACyB,QAAG,GAAG,EAAE,CAAC;QACrC;;WAEG;QACyB,SAAI,GAAG,CAAC,CAAC;IAsDvC,CAAC;IAtCW,MAAM;QACd,MAAM,MAAM,GAAG,kCAAkC,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,GAAG,CAAC,qBAAqB,CAAC;QAC1F,OAAO,IAAI,CAAA,GAAG,QAAQ,EAAE,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,IAAI,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC;IAC7G,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAClD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC;QAC9C,CAAC;IACH,CAAC;IAED,MAAM,CAAC,IAAI,GAAG,IAAI,MAAM,EAAE;QACxB,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC;YAClD,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC3C,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC3C,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACvD,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC3C,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACrB,CAAC;IACH,CAAC;IAED,QAAQ;QACN,IAAI,IAAI,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;YACd,OAAO;QACT,CAAC;aAAM,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC;QACjB,CAAC;QACD,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YACzB,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;;AAnDM,kBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;KAUF;CACF,AAZY,CAYX;AAlB0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCAAU;AAIT;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAU;AAR1B,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CA8DvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { css, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { append } from \"../../lib/utils.js\";\nimport { GodownElement } from \"../../supers/root.js\";\nimport Avatar from \"../avatar/avatar.js\";\n\nconst defineName = \"avatar-group\";\n\n/**\n * {@linkcode AvatarGroup} ensure that the display content does not exceed the maximum value, and display the excess quantity.\n */\n@define(defineName)\nexport class AvatarGroup extends GodownElement {\n /**\n * The maximum number of elements that can be accepted for this element.\n */\n @property({ type: Number }) max = 99;\n /**\n * When the content overflows, create an {@linkcode Avatar} with the same {@linkcode Avatar.more} attribute as more.\n */\n @property({ type: Number }) more = 0;\n\n static styles = [\n css`\n :host {\n display: flex;\n width: 100%;\n height: 100%;\n }\n\n div {\n display: contents;\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;\n return html`${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new Avatar({ more: this.more }))}`;\n }\n\n protected firstUpdated() {\n if (!this.more && this.assigned.length > this.max) {\n this.more = this.assigned.length - this.max;\n }\n }\n\n append(args = new Avatar()) {\n if (this.max && this.assigned.length === this.max) {\n this.assigned.pop().style.display = \"none\";\n append(this, args);\n this.assigned.pop().style.display = \"none\";\n this.more = 2;\n } else if (this.max && this.assigned.length > this.max) {\n append(this, args);\n this.assigned.pop().style.display = \"none\";\n this.more += 1;\n } else {\n append(this, args);\n }\n }\n\n subtract() {\n if (this.more === 2) {\n this.assigned.pop().style.display = \"\";\n this.more = 0;\n return;\n } else if (this.more > 0) {\n this.more -= 1;\n }\n if (this.assigned.length) {\n this.assigned.pop().remove();\n }\n }\n}\n\nexport default AvatarGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"avatar-group\": AvatarGroup;\n \"g-avatar-group\": AvatarGroup;\n }\n}\n"]}
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
2
|
-
import { GodownElement } from "../../supers/root.js";
|
3
|
-
/**
|
4
|
-
* {@linkcode DetailsGroup} used to support multiple details like.
|
5
|
-
*/
|
6
|
-
export declare class DetailsGroup extends GodownElement {
|
7
|
-
/**
|
8
|
-
* Default open element index.
|
9
|
-
*/
|
10
|
-
index: number;
|
11
|
-
/**
|
12
|
-
* If true, close the previous element when switching index.
|
13
|
-
*/
|
14
|
-
only: boolean;
|
15
|
-
static styles: import("lit").CSSResult[];
|
16
|
-
protected render(): HTMLTemplate;
|
17
|
-
connectedCallback(): void;
|
18
|
-
disconnectedCallback(): void;
|
19
|
-
protected _handleClick(e: MouseEvent): void;
|
20
|
-
}
|
21
|
-
export default DetailsGroup;
|
22
|
-
declare global {
|
23
|
-
interface HTMLElementTagNameMap {
|
24
|
-
"details-group": DetailsGroup;
|
25
|
-
"g-details-group": DetailsGroup;
|
26
|
-
}
|
27
|
-
}
|
28
|
-
//# sourceMappingURL=details-group.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"details-group.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/details-group.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAIrD;;GAEG;AACH,qBACa,YAAa,SAAQ,aAAa;IAC7C;;OAEG;IACyB,KAAK,SAAM;IACvC;;OAEG;IAC0B,IAAI,UAAS;IAE1C,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,iBAAiB;IAQjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAIrC;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;QAC9B,iBAAiB,EAAE,YAAY,CAAC;KACjC;CACF"}
|
@@ -1,59 +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 { GodownElement } from "../../supers/root.js";
|
6
|
-
const defineName = "details-group";
|
7
|
-
/**
|
8
|
-
* {@linkcode DetailsGroup} used to support multiple details like.
|
9
|
-
*/
|
10
|
-
let DetailsGroup = class DetailsGroup extends GodownElement {
|
11
|
-
constructor() {
|
12
|
-
super(...arguments);
|
13
|
-
/**
|
14
|
-
* Default open element index.
|
15
|
-
*/
|
16
|
-
this.index = -1;
|
17
|
-
/**
|
18
|
-
* If true, close the previous element when switching index.
|
19
|
-
*/
|
20
|
-
this.only = false;
|
21
|
-
}
|
22
|
-
render() {
|
23
|
-
return htmlSlot();
|
24
|
-
}
|
25
|
-
connectedCallback() {
|
26
|
-
super.connectedCallback();
|
27
|
-
if (this.only) {
|
28
|
-
this.addEvent(this, "click", this._handleClick);
|
29
|
-
}
|
30
|
-
this.children[this.index]?.setAttribute("open", "");
|
31
|
-
}
|
32
|
-
disconnectedCallback() {
|
33
|
-
super.disconnectedCallback();
|
34
|
-
this.index = -1;
|
35
|
-
}
|
36
|
-
_handleClick(e) {
|
37
|
-
this.children[this.index]?.removeAttribute("open");
|
38
|
-
this.index = this.assigned.indexOf(e.target);
|
39
|
-
}
|
40
|
-
};
|
41
|
-
DetailsGroup.styles = [
|
42
|
-
css `
|
43
|
-
:host {
|
44
|
-
display: block;
|
45
|
-
}
|
46
|
-
`,
|
47
|
-
];
|
48
|
-
__decorate([
|
49
|
-
property({ type: Number })
|
50
|
-
], DetailsGroup.prototype, "index", void 0);
|
51
|
-
__decorate([
|
52
|
-
property({ type: Boolean })
|
53
|
-
], DetailsGroup.prototype, "only", void 0);
|
54
|
-
DetailsGroup = __decorate([
|
55
|
-
define(defineName)
|
56
|
-
], DetailsGroup);
|
57
|
-
export { DetailsGroup };
|
58
|
-
export default DetailsGroup;
|
59
|
-
//# sourceMappingURL=details-group.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"details-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/details-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,MAAM,UAAU,GAAG,eAAe,CAAC;AAEnC;;GAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,aAAa;IAAxC;;QACL;;WAEG;QACyB,UAAK,GAAG,CAAC,CAAC,CAAC;QACvC;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;IA+B5C,CAAC;IArBW,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAClB,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;IAC9D,CAAC;;AA5BM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAY;AAIV;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAc;AAR/B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CAuCxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["import { css, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"details-group\";\n\n/**\n * {@linkcode DetailsGroup} used to support multiple details like.\n */\n@define(defineName)\nexport class DetailsGroup extends GodownElement {\n /**\n * Default open element index.\n */\n @property({ type: Number }) index = -1;\n /**\n * If true, close the previous element when switching index.\n */\n @property({ type: Boolean }) only = false;\n\n static styles = [\n css`\n :host {\n display: block;\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return htmlSlot();\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (this.only) {\n this.addEvent(this, \"click\", this._handleClick);\n }\n this.children[this.index]?.setAttribute(\"open\", \"\");\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.index = -1;\n }\n\n protected _handleClick(e: MouseEvent) {\n this.children[this.index]?.removeAttribute(\"open\");\n this.index = this.assigned.indexOf(e.target as HTMLElement);\n }\n}\n\nexport default DetailsGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"details-group\": DetailsGroup;\n \"g-details-group\": DetailsGroup;\n }\n}\n"]}
|
@@ -1,35 +0,0 @@
|
|
1
|
-
export { A } from "./a/a.js";
|
2
|
-
export { Alert } from "./alert/alert.js";
|
3
|
-
export { Avatar } from "./avatar/avatar.js";
|
4
|
-
export { Button } from "./button/button.js";
|
5
|
-
export { Card } from "./card/card.js";
|
6
|
-
export { Carousel } from "./carousel/carousel.js";
|
7
|
-
export { Details } from "./details/details.js";
|
8
|
-
export { Dialog } from "./dialog/dialog.js";
|
9
|
-
export { Form } from "./form/form.js";
|
10
|
-
export { AvatarGroup } from "./group/avatar-group.js";
|
11
|
-
export { DetailsGroup } from "./group/details-group.js";
|
12
|
-
export { Input } from "./input/input.js";
|
13
|
-
export { LabelInput } from "./input/label-input.js";
|
14
|
-
export { SearchInput } from "./input/search-input.js";
|
15
|
-
export { SelectInput } from "./input/select-input.js";
|
16
|
-
export { SplitInput } from "./input/split-input.js";
|
17
|
-
export { SwitchInput } from "./input/switch-input.js";
|
18
|
-
export { Divider } from "./layout/divider.js";
|
19
|
-
export { FlexFlow } from "./layout/flex-flow.js";
|
20
|
-
export { NavLayout } from "./layout/nav-layout.js";
|
21
|
-
export { OpenOffset } from "./offset/open-offset.js";
|
22
|
-
export { Progress } from "./progress/progress.js";
|
23
|
-
export { RouterA } from "./router/router-a.js";
|
24
|
-
export { Router } from "./router/router.js";
|
25
|
-
export { Skeleton } from "./skeleton/skeleton.js";
|
26
|
-
export { Tabs } from "./tabs/tabs.js";
|
27
|
-
export { Clip } from "./text/clip.js";
|
28
|
-
export { Overbreath } from "./text/overbreath.js";
|
29
|
-
export { Text } from "./text/text.js";
|
30
|
-
export { Time } from "./text/time.js";
|
31
|
-
export { Typewriter } from "./text/typewriter.js";
|
32
|
-
export { Tooltip } from "./tooltip/tooltip.js";
|
33
|
-
export { Dragbox } from "./wrapper/dragbox.js";
|
34
|
-
export { Wrapper } from "./wrapper/wrapper.js";
|
35
|
-
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}
|
package/web-components/index.js
DELETED
@@ -1,35 +0,0 @@
|
|
1
|
-
export { A } from "./a/a.js";
|
2
|
-
export { Alert } from "./alert/alert.js";
|
3
|
-
export { Avatar } from "./avatar/avatar.js";
|
4
|
-
export { Button } from "./button/button.js";
|
5
|
-
export { Card } from "./card/card.js";
|
6
|
-
export { Carousel } from "./carousel/carousel.js";
|
7
|
-
export { Details } from "./details/details.js";
|
8
|
-
export { Dialog } from "./dialog/dialog.js";
|
9
|
-
export { Form } from "./form/form.js";
|
10
|
-
export { AvatarGroup } from "./group/avatar-group.js";
|
11
|
-
export { DetailsGroup } from "./group/details-group.js";
|
12
|
-
export { Input } from "./input/input.js";
|
13
|
-
export { LabelInput } from "./input/label-input.js";
|
14
|
-
export { SearchInput } from "./input/search-input.js";
|
15
|
-
export { SelectInput } from "./input/select-input.js";
|
16
|
-
export { SplitInput } from "./input/split-input.js";
|
17
|
-
export { SwitchInput } from "./input/switch-input.js";
|
18
|
-
export { Divider } from "./layout/divider.js";
|
19
|
-
export { FlexFlow } from "./layout/flex-flow.js";
|
20
|
-
export { NavLayout } from "./layout/nav-layout.js";
|
21
|
-
export { OpenOffset } from "./offset/open-offset.js";
|
22
|
-
export { Progress } from "./progress/progress.js";
|
23
|
-
export { RouterA } from "./router/router-a.js";
|
24
|
-
export { Router } from "./router/router.js";
|
25
|
-
export { Skeleton } from "./skeleton/skeleton.js";
|
26
|
-
export { Tabs } from "./tabs/tabs.js";
|
27
|
-
export { Clip } from "./text/clip.js";
|
28
|
-
export { Overbreath } from "./text/overbreath.js";
|
29
|
-
export { Text } from "./text/text.js";
|
30
|
-
export { Time } from "./text/time.js";
|
31
|
-
export { Typewriter } from "./text/typewriter.js";
|
32
|
-
export { Tooltip } from "./tooltip/tooltip.js";
|
33
|
-
export { Dragbox } from "./wrapper/dragbox.js";
|
34
|
-
export { Wrapper } from "./wrapper/wrapper.js";
|
35
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,UAAU,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { A } from \"./a/a.js\";\nexport { Alert } from \"./alert/alert.js\";\nexport { Avatar } from \"./avatar/avatar.js\";\nexport { Button } from \"./button/button.js\";\nexport { Card } from \"./card/card.js\";\nexport { Carousel } from \"./carousel/carousel.js\";\nexport { Details } from \"./details/details.js\";\nexport { Dialog } from \"./dialog/dialog.js\";\nexport { Form } from \"./form/form.js\";\nexport { AvatarGroup } from \"./group/avatar-group.js\";\nexport { DetailsGroup } from \"./group/details-group.js\";\nexport { Input } from \"./input/input.js\";\nexport { LabelInput } from \"./input/label-input.js\";\nexport { SearchInput } from \"./input/search-input.js\";\nexport { SelectInput } from \"./input/select-input.js\";\nexport { SplitInput } from \"./input/split-input.js\";\nexport { SwitchInput } from \"./input/switch-input.js\";\nexport { Divider } from \"./layout/divider.js\";\nexport { FlexFlow } from \"./layout/flex-flow.js\";\nexport { NavLayout } from \"./layout/nav-layout.js\";\nexport { OpenOffset } from \"./offset/open-offset.js\";\nexport { Progress } from \"./progress/progress.js\";\nexport { RouterA } from \"./router/router-a.js\";\nexport { Router } from \"./router/router.js\";\nexport { Skeleton } from \"./skeleton/skeleton.js\";\nexport { Tabs } from \"./tabs/tabs.js\";\nexport { Clip } from \"./text/clip.js\";\nexport { Overbreath } from \"./text/overbreath.js\";\nexport { Text } from \"./text/text.js\";\nexport { Time } from \"./text/time.js\";\nexport { Typewriter } from \"./text/typewriter.js\";\nexport { Tooltip } from \"./tooltip/tooltip.js\";\nexport { Dragbox } from \"./wrapper/dragbox.js\";\nexport { Wrapper } from \"./wrapper/wrapper.js\";\n"]}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
2
|
-
import { GodownElement } from "../../supers/root.js";
|
3
|
-
/**
|
4
|
-
* {@linkcode Divider} similar to hr.
|
5
|
-
*/
|
6
|
-
export declare class Divider extends GodownElement {
|
7
|
-
/**
|
8
|
-
* Enable vertical.
|
9
|
-
*/
|
10
|
-
v: boolean;
|
11
|
-
static styles: import("lit").CSSResult[];
|
12
|
-
protected render(): HTMLTemplate;
|
13
|
-
}
|
14
|
-
export default Divider;
|
15
|
-
declare global {
|
16
|
-
interface HTMLElementTagNameMap {
|
17
|
-
"divider-line": Divider;
|
18
|
-
"div-line": Divider;
|
19
|
-
"g-divider": Divider;
|
20
|
-
}
|
21
|
-
}
|
22
|
-
//# sourceMappingURL=divider.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/divider.ts"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAe,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKlE;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;OAEG;IAC0B,CAAC,UAAS;IAEvC,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAOjC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,OAAO,CAAC;QACxB,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,OAAO,CAAC;KACtB;CACF"}
|
@@ -1,85 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, property } from "../../.deps.js";
|
3
|
-
import { define } from "../../decorators/define.js";
|
4
|
-
import { htmlSlot } from "../../lib/templates.js";
|
5
|
-
import { createScope, GodownElement } from "../../supers/root.js";
|
6
|
-
const defineName = "divider";
|
7
|
-
const cssvarScope = createScope(defineName);
|
8
|
-
/**
|
9
|
-
* {@linkcode Divider} similar to hr.
|
10
|
-
*/
|
11
|
-
let Divider = class Divider extends GodownElement {
|
12
|
-
constructor() {
|
13
|
-
super(...arguments);
|
14
|
-
/**
|
15
|
-
* Enable vertical.
|
16
|
-
*/
|
17
|
-
this.v = false;
|
18
|
-
}
|
19
|
-
render() {
|
20
|
-
return html `<div class="${this.v ? "v" : ""}">
|
21
|
-
<hr class="before" />
|
22
|
-
${htmlSlot()}
|
23
|
-
<hr class="after" />
|
24
|
-
</div>`;
|
25
|
-
}
|
26
|
-
};
|
27
|
-
Divider.styles = [
|
28
|
-
css `
|
29
|
-
:host {
|
30
|
-
${cssvarScope}--before-length: auto;
|
31
|
-
${cssvarScope}--after-length: auto;
|
32
|
-
${cssvarScope}--breadth: .125em;
|
33
|
-
display: block;
|
34
|
-
color: currentColor;
|
35
|
-
background: none;
|
36
|
-
}
|
37
|
-
|
38
|
-
div {
|
39
|
-
display: flex;
|
40
|
-
align-items: center;
|
41
|
-
border-radius: inherit;
|
42
|
-
width: 100%;
|
43
|
-
}
|
44
|
-
|
45
|
-
hr {
|
46
|
-
border-radius: inherit;
|
47
|
-
margin: 0;
|
48
|
-
border: 0;
|
49
|
-
flex: 1;
|
50
|
-
background: currentColor;
|
51
|
-
}
|
52
|
-
|
53
|
-
.v {
|
54
|
-
height: 100%;
|
55
|
-
display: flex;
|
56
|
-
flex-direction: column;
|
57
|
-
}
|
58
|
-
|
59
|
-
.before {
|
60
|
-
height: var(${cssvarScope}--breadth);
|
61
|
-
max-width: var(${cssvarScope}--before-length);
|
62
|
-
}
|
63
|
-
.after {
|
64
|
-
height: var(${cssvarScope}--breadth);
|
65
|
-
max-width: var(${cssvarScope}--after-length);
|
66
|
-
}
|
67
|
-
.v .before {
|
68
|
-
width: var(${cssvarScope}--breadth);
|
69
|
-
max-height: var(${cssvarScope}--before-length);
|
70
|
-
}
|
71
|
-
.v .after {
|
72
|
-
width: var(${cssvarScope}--breadth);
|
73
|
-
max-height: var(${cssvarScope}--after-length);
|
74
|
-
}
|
75
|
-
`,
|
76
|
-
];
|
77
|
-
__decorate([
|
78
|
-
property({ type: Boolean })
|
79
|
-
], Divider.prototype, "v", void 0);
|
80
|
-
Divider = __decorate([
|
81
|
-
define(defineName)
|
82
|
-
], Divider);
|
83
|
-
export { Divider };
|
84
|
-
export default Divider;
|
85
|
-
//# sourceMappingURL=divider.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,UAAU,GAAG,SAAS,CAAC;AAC7B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QACL;;WAEG;QAC0B,MAAC,GAAG,KAAK,CAAC;IA4DzC,CAAC;IAPW,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;QAEvC,QAAQ,EAAE;;WAEP,CAAC;IACV,CAAC;;AAzDM,cAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA4BC,WAAW;yBACR,WAAW;;;sBAGd,WAAW;yBACR,WAAW;;;qBAGf,WAAW;0BACN,WAAW;;;qBAGhB,WAAW;0BACN,WAAW;;KAEhC;CACF,AAjDY,CAiDX;AAnD2B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAAW;AAJ5B,OAAO;IADnB,MAAM,CAAC,UAAU,CAAC;GACN,OAAO,CAgEnB;;AAED,eAAe,OAAO,CAAC","sourcesContent":["import { css, html, property } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"divider\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode Divider} similar to hr.\n */\n@define(defineName)\nexport class Divider extends GodownElement {\n /**\n * Enable vertical.\n */\n @property({ type: Boolean }) v = false;\n\n static styles = [\n css`\n :host {\n ${cssvarScope}--before-length: auto;\n ${cssvarScope}--after-length: auto;\n ${cssvarScope}--breadth: .125em;\n display: block;\n color: currentColor;\n background: none;\n }\n\n div {\n display: flex;\n align-items: center;\n border-radius: inherit;\n width: 100%;\n }\n\n hr {\n border-radius: inherit;\n margin: 0;\n border: 0;\n flex: 1;\n background: currentColor;\n }\n\n .v {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .before {\n height: var(${cssvarScope}--breadth);\n max-width: var(${cssvarScope}--before-length);\n }\n .after {\n height: var(${cssvarScope}--breadth);\n max-width: var(${cssvarScope}--after-length);\n }\n .v .before {\n width: var(${cssvarScope}--breadth);\n max-height: var(${cssvarScope}--before-length);\n }\n .v .after {\n width: var(${cssvarScope}--breadth);\n max-height: var(${cssvarScope}--after-length);\n }\n `,\n ];\n\n protected render(): HTMLTemplate {\n return html`<div class=\"${this.v ? \"v\" : \"\"}\">\n <hr class=\"before\" />\n ${htmlSlot()}\n <hr class=\"after\" />\n </div>`;\n }\n}\n\nexport default Divider;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"divider-line\": Divider;\n \"div-line\": Divider;\n \"g-divider\": Divider;\n }\n}\n"]}
|
@@ -1,38 +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 NavLayout} renders a navigation, an optional top header, an optional bottom footer.
|
6
|
-
*
|
7
|
-
* @slot - The main content of the layout.
|
8
|
-
*
|
9
|
-
* @slot nav - The navigation of the layout.
|
10
|
-
*
|
11
|
-
* @slot header - The header of the layout.
|
12
|
-
*
|
13
|
-
* @slot footer - The footer of the layout.
|
14
|
-
*/
|
15
|
-
export declare class NavLayout extends GodownElement {
|
16
|
-
/**
|
17
|
-
* @deprecated
|
18
|
-
*/
|
19
|
-
host: string;
|
20
|
-
/**
|
21
|
-
* @deprecated
|
22
|
-
*/
|
23
|
-
subhead: string;
|
24
|
-
/**
|
25
|
-
* @deprecated
|
26
|
-
*/
|
27
|
-
set: 0 | 1 | 2;
|
28
|
-
static styles: CSSResultGroup;
|
29
|
-
protected render(): HTMLTemplate;
|
30
|
-
}
|
31
|
-
export default NavLayout;
|
32
|
-
declare global {
|
33
|
-
interface HTMLElementTagNameMap {
|
34
|
-
"nav-layout": NavLayout;
|
35
|
-
"g-nav-layout": NavLayout;
|
36
|
-
}
|
37
|
-
}
|
38
|
-
//# sourceMappingURL=nav-layout.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nav-layout.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAQ,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAA6B,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAKhF;;;;;;;;;;GAUG;AACH,qBACa,SAAU,SAAQ,aAAa;IAC1C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAEf,MAAM,CAAC,MAAM,iBAoCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;CAMjC;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;QACxB,cAAc,EAAE,SAAS,CAAC;KAC3B;CACF"}
|
@@ -1,69 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html } from "../../.deps.js";
|
3
|
-
import { define } from "../../decorators/define.js";
|
4
|
-
import { htmlSlot } from "../../lib/templates.js";
|
5
|
-
import { createScope, cssvarValues, GodownElement } from "../../supers/root.js";
|
6
|
-
const defineName = "nav-layout";
|
7
|
-
const cssvarScope = createScope(defineName);
|
8
|
-
/**
|
9
|
-
* {@linkcode NavLayout} renders a navigation, an optional top header, an optional bottom footer.
|
10
|
-
*
|
11
|
-
* @slot - The main content of the layout.
|
12
|
-
*
|
13
|
-
* @slot nav - The navigation of the layout.
|
14
|
-
*
|
15
|
-
* @slot header - The header of the layout.
|
16
|
-
*
|
17
|
-
* @slot footer - The footer of the layout.
|
18
|
-
*/
|
19
|
-
let NavLayout = class NavLayout extends GodownElement {
|
20
|
-
render() {
|
21
|
-
return html `${htmlSlot("header")}
|
22
|
-
<nav>${htmlSlot("nav")}</nav>
|
23
|
-
<main>${htmlSlot()}</main>
|
24
|
-
${htmlSlot("footer")}`;
|
25
|
-
}
|
26
|
-
};
|
27
|
-
NavLayout.styles = [
|
28
|
-
GodownElement.styles,
|
29
|
-
css `
|
30
|
-
:host {
|
31
|
-
${cssvarScope}--text: var(${cssvarValues.text});
|
32
|
-
${cssvarScope}--background: var(${cssvarValues.main});
|
33
|
-
${cssvarScope}--nav-height: 2.4em;
|
34
|
-
${cssvarScope}--title-font-size: 1.4em;
|
35
|
-
${cssvarScope}--nav-padding: 0 2.5%;
|
36
|
-
${cssvarScope}--main-flex: 1;
|
37
|
-
${cssvarScope}--main-padding: 0;
|
38
|
-
width: 100%;
|
39
|
-
height: 100%;
|
40
|
-
display: flex !important;
|
41
|
-
flex-direction: column;
|
42
|
-
justify-content: space-between;
|
43
|
-
align-items: center;
|
44
|
-
min-height: 100%;
|
45
|
-
color: var(${cssvarScope}--text);
|
46
|
-
}
|
47
|
-
|
48
|
-
nav {
|
49
|
-
color: var(${cssvarScope}--text);
|
50
|
-
background: var(${cssvarScope}--background);
|
51
|
-
padding: var(${cssvarScope}--nav-padding);
|
52
|
-
height: var(${cssvarScope}--nav-height);
|
53
|
-
width: 100%;
|
54
|
-
position: relative;
|
55
|
-
}
|
56
|
-
|
57
|
-
main {
|
58
|
-
position: relative;
|
59
|
-
flex: 1;
|
60
|
-
width: 100%;
|
61
|
-
}
|
62
|
-
`,
|
63
|
-
];
|
64
|
-
NavLayout = __decorate([
|
65
|
-
define(defineName)
|
66
|
-
], NavLayout);
|
67
|
-
export { NavLayout };
|
68
|
-
export default NavLayout;
|
69
|
-
//# sourceMappingURL=nav-layout.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"nav-layout.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/nav-layout.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;;;;;;;GAUG;AAEI,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,aAAa;IAoDhC,MAAM;QACd,OAAO,IAAI,CAAA,GAAG,QAAQ,CAAC,QAAQ,CAAC;aACvB,QAAQ,CAAC,KAAK,CAAC;cACd,QAAQ,EAAE;QAChB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;IAC3B,CAAC;;AA3CM,gBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW,eAAe,YAAY,CAAC,IAAI;UAC3C,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;qBAQA,WAAW;;;;qBAIX,WAAW;0BACN,WAAW;uBACd,WAAW;sBACZ,WAAW;;;;;;;;;;KAU5B;CACgB,AApCN,CAoCO;AAlDT,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CA0DrB;;AAED,eAAe,SAAS,CAAC","sourcesContent":["import { css, type CSSResultGroup, html } from \"../../.deps.js\";\nimport { define } from \"../../decorators/define.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, GodownElement } from \"../../supers/root.js\";\n\nconst defineName = \"nav-layout\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * {@linkcode NavLayout} renders a navigation, an optional top header, an optional bottom footer.\n *\n * @slot - The main content of the layout.\n *\n * @slot nav - The navigation of the layout.\n *\n * @slot header - The header of the layout.\n *\n * @slot footer - The footer of the layout.\n */\n@define(defineName)\nexport class NavLayout extends GodownElement {\n /**\n * @deprecated\n */\n host: string;\n /**\n * @deprecated\n */\n subhead: string;\n /**\n * @deprecated\n */\n set: 0 | 1 | 2;\n\n static styles = [\n GodownElement.styles,\n css`\n :host {\n ${cssvarScope}--text: var(${cssvarValues.text});\n ${cssvarScope}--background: var(${cssvarValues.main});\n ${cssvarScope}--nav-height: 2.4em;\n ${cssvarScope}--title-font-size: 1.4em;\n ${cssvarScope}--nav-padding: 0 2.5%;\n ${cssvarScope}--main-flex: 1;\n ${cssvarScope}--main-padding: 0;\n width: 100%;\n height: 100%;\n display: flex !important;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n min-height: 100%;\n color: var(${cssvarScope}--text);\n }\n\n nav {\n color: var(${cssvarScope}--text);\n background: var(${cssvarScope}--background);\n padding: var(${cssvarScope}--nav-padding);\n height: var(${cssvarScope}--nav-height);\n width: 100%;\n position: relative;\n }\n\n main {\n position: relative;\n flex: 1;\n width: 100%;\n }\n `,\n ] as CSSResultGroup;\n\n protected render(): HTMLTemplate {\n return html`${htmlSlot(\"header\")}\n <nav>${htmlSlot(\"nav\")}</nav>\n <main>${htmlSlot()}</main>\n ${htmlSlot(\"footer\")}`;\n }\n}\n\nexport default NavLayout;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"nav-layout\": NavLayout;\n \"g-nav-layout\": NavLayout;\n }\n}\n"]}
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import { type CSSResultGroup } from "../../.deps.js";
|
2
|
-
import { type HTMLTemplate } from "../../lib/templates.js";
|
3
|
-
import { type Direction4, GodownOpenable } from "../../supers/openable.js";
|
4
|
-
/**
|
5
|
-
* {@linkcode OpenOffset} will calculate a lateral offset to try to keep the content within the allowable range.
|
6
|
-
*
|
7
|
-
* Content can be opened in 4 directions.
|
8
|
-
*/
|
9
|
-
export declare class OpenOffset extends GodownOpenable {
|
10
|
-
direction: Direction4;
|
11
|
-
private _balancer;
|
12
|
-
static styles: CSSResultGroup;
|
13
|
-
protected render(): HTMLTemplate;
|
14
|
-
connectedCallback(): void;
|
15
|
-
protected firstUpdated(): Promise<void>;
|
16
|
-
protected _handelClick(e: MouseEvent): void;
|
17
|
-
protected _handelResize(): void;
|
18
|
-
resize(): void;
|
19
|
-
}
|
20
|
-
export default OpenOffset;
|
21
|
-
declare global {
|
22
|
-
interface HTMLElementTagNameMap {
|
23
|
-
"open-offset": OpenOffset;
|
24
|
-
"g-open-offset": OpenOffset;
|
25
|
-
}
|
26
|
-
}
|
27
|
-
//# sourceMappingURL=open-offset.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"open-offset.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/offset/open-offset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAe,MAAM,gBAAgB,CAAC;AAEvE,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,KAAK,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI3E;;;;GAIG;AACH,qBACa,UAAW,SAAQ,cAAc;IAC5C,SAAS,EAAE,UAAU,CAAC;IAEN,OAAO,CAAC,SAAS,CAAc;IAE/C,MAAM,CAAC,MAAM,iBAiDO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,iBAAiB;cAKD,YAAY;IAM5B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAQpC,SAAS,CAAC,aAAa;IAKvB,MAAM;CA2BP;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;QAC1B,eAAe,EAAE,UAAU,CAAC;KAC7B;CACF"}
|