godown 3.0.0-canary.9 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -9
- package/alert.d.ts +1 -0
- package/alert.d.ts.map +1 -1
- package/alert.js +1 -5
- package/alert.js.map +1 -1
- package/avatar.d.ts +1 -0
- package/avatar.d.ts.map +1 -1
- package/avatar.js +1 -5
- package/avatar.js.map +1 -1
- package/badge.d.ts +9 -0
- package/badge.d.ts.map +1 -0
- package/badge.js +2 -0
- package/badge.js.map +1 -0
- package/breath.js +1 -5
- package/breath.js.map +1 -1
- package/build/godown+lit.iife.js +59 -0
- package/build/godown+lit.iife.js.map +1 -0
- package/build/godown+lit.js +59 -0
- package/build/godown+lit.js.map +1 -0
- package/build/godown+lit.umd.js +59 -0
- package/build/godown+lit.umd.js.map +1 -0
- package/build/godown.iife.js +47 -0
- package/build/godown.js +48 -0
- package/build/godown.js.map +1 -0
- package/build/godown.umd.js +48 -0
- package/build/godown.umd.js.map +1 -0
- package/button.d.ts +1 -0
- package/button.d.ts.map +1 -1
- package/button.js +1 -5
- package/button.js.map +1 -1
- package/card.d.ts +1 -0
- package/card.d.ts.map +1 -1
- package/card.js +1 -5
- package/card.js.map +1 -1
- package/carousel.d.ts +1 -0
- package/carousel.d.ts.map +1 -1
- package/carousel.js +1 -5
- package/carousel.js.map +1 -1
- package/components/alert.d.ts +4 -1
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +1 -176
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +7 -2
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +1 -62
- package/components/avatar.js.map +1 -1
- package/components/badge.d.ts +23 -0
- package/components/badge.d.ts.map +1 -0
- package/components/badge.js +2 -0
- package/components/badge.js.map +1 -0
- package/components/breath.d.ts +6 -4
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +1 -80
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +8 -5
- package/components/button.d.ts.map +1 -1
- package/components/button.js +1 -168
- package/components/button.js.map +1 -1
- package/components/card.d.ts +3 -1
- package/components/card.d.ts.map +1 -1
- package/components/card.js +1 -48
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +5 -1
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -113
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +4 -3
- package/components/details.d.ts.map +1 -1
- package/components/details.js +1 -52
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +4 -2
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +1 -96
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts +3 -3
- package/components/divider.d.ts.map +1 -1
- package/components/divider.js +1 -36
- package/components/divider.js.map +1 -1
- package/components/dragbox.d.ts +4 -2
- package/components/dragbox.d.ts.map +1 -1
- package/components/dragbox.js +1 -109
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts +3 -1
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +1 -62
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +3 -1
- package/components/form.d.ts.map +1 -1
- package/components/form.js +1 -75
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +3 -1
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +1 -56
- package/components/grid.js.map +1 -1
- package/components/heading.d.ts +29 -0
- package/components/heading.d.ts.map +1 -0
- package/components/heading.js +2 -0
- package/components/heading.js.map +1 -0
- package/components/input.d.ts +5 -1
- package/components/input.d.ts.map +1 -1
- package/components/input.js +1 -50
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +6 -4
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +1 -58
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +5 -0
- package/components/link.d.ts.map +1 -1
- package/components/link.js +1 -44
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +3 -1
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +1 -58
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +10 -4
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -266
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +3 -1
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -56
- package/components/rotate.js.map +1 -1
- package/components/router.d.ts +27 -34
- package/components/router.d.ts.map +1 -1
- package/components/router.js +1 -250
- package/components/router.js.map +1 -1
- package/components/select.d.ts +7 -2
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -211
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts +3 -1
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +1 -54
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +8 -2
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -153
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +5 -2
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +1 -92
- package/components/switch.js.map +1 -1
- package/components/text.d.ts +3 -1
- package/components/text.d.ts.map +1 -1
- package/components/text.js +1 -43
- package/components/text.js.map +1 -1
- package/components/time.d.ts +4 -2
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -77
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +4 -2
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +1 -80
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +6 -12
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +1 -129
- package/components/typewriter.js.map +1 -1
- package/core/global-style.d.ts +2 -2
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +1 -52
- package/core/global-style.js.map +1 -1
- package/core/super-anchor.d.ts +2 -1
- package/core/super-anchor.d.ts.map +1 -1
- package/core/super-anchor.js +1 -38
- package/core/super-anchor.js.map +1 -1
- package/core/super-input.d.ts +4 -3
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +1 -111
- package/core/super-input.js.map +1 -1
- package/core/super-openable.d.ts +1 -1
- package/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js +1 -37
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/details.d.ts +1 -0
- package/details.d.ts.map +1 -1
- package/details.js +1 -5
- package/details.js.map +1 -1
- package/dev/alert.d.ts +1 -0
- package/dev/alert.d.ts.map +1 -1
- package/dev/alert.js +1 -0
- package/dev/alert.js.map +1 -1
- package/dev/avatar.d.ts +1 -0
- package/dev/avatar.d.ts.map +1 -1
- package/dev/avatar.js +1 -0
- package/dev/avatar.js.map +1 -1
- package/dev/badge.d.ts +9 -0
- package/dev/badge.d.ts.map +1 -0
- package/dev/badge.js +5 -0
- package/dev/badge.js.map +1 -0
- package/dev/button.d.ts +1 -0
- package/dev/button.d.ts.map +1 -1
- package/dev/button.js +1 -0
- package/dev/button.js.map +1 -1
- package/dev/card.d.ts +1 -0
- package/dev/card.d.ts.map +1 -1
- package/dev/card.js +1 -0
- package/dev/card.js.map +1 -1
- package/dev/carousel.d.ts +1 -0
- package/dev/carousel.d.ts.map +1 -1
- package/dev/carousel.js +1 -0
- package/dev/carousel.js.map +1 -1
- package/dev/components/alert.d.ts +4 -1
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +87 -77
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +7 -2
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +60 -32
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/badge.d.ts +23 -0
- package/dev/components/badge.d.ts.map +1 -0
- package/dev/components/badge.js +114 -0
- package/dev/components/badge.js.map +1 -0
- package/dev/components/breath.d.ts +6 -4
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +40 -31
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +8 -5
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +38 -21
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +3 -1
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +43 -41
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +5 -1
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +81 -55
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +4 -3
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +76 -70
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +4 -2
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +65 -60
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +3 -3
- package/dev/components/divider.d.ts.map +1 -1
- package/dev/components/divider.js +27 -10
- package/dev/components/divider.js.map +1 -1
- package/dev/components/dragbox.d.ts +4 -2
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js +22 -13
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +3 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +22 -9
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +3 -1
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +6 -7
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +3 -1
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +22 -10
- package/dev/components/grid.js.map +1 -1
- package/dev/components/heading.d.ts +29 -0
- package/dev/components/heading.d.ts.map +1 -0
- package/dev/components/heading.js +125 -0
- package/dev/components/heading.js.map +1 -0
- package/dev/components/input.d.ts +5 -1
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +36 -28
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +6 -4
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +53 -39
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +5 -0
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +13 -3
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +3 -1
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +20 -8
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +10 -4
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +69 -64
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +3 -1
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +14 -9
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +27 -34
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +25 -38
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +7 -2
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +79 -58
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts +3 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +67 -63
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +8 -2
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +67 -51
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +5 -2
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +91 -85
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.d.ts +3 -1
- package/dev/components/text.d.ts.map +1 -1
- package/dev/components/text.js +56 -53
- package/dev/components/text.js.map +1 -1
- package/dev/components/time.d.ts +4 -2
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +19 -6
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +4 -2
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +45 -27
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +6 -12
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +48 -54
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts +2 -2
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +19 -14
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-anchor.d.ts +2 -1
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +15 -12
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts +4 -3
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +64 -42
- package/dev/core/super-input.js.map +1 -1
- package/dev/core/super-openable.d.ts +1 -1
- package/dev/core/super-openable.d.ts.map +1 -1
- package/dev/core/super-openable.js +1 -2
- package/dev/core/super-openable.js.map +1 -1
- package/dev/details.d.ts +1 -0
- package/dev/details.d.ts.map +1 -1
- package/dev/details.js +1 -0
- package/dev/details.js.map +1 -1
- package/dev/dialog.d.ts +1 -0
- package/dev/dialog.d.ts.map +1 -1
- package/dev/dialog.js +1 -0
- package/dev/dialog.js.map +1 -1
- package/dev/divider.d.ts +1 -0
- package/dev/divider.d.ts.map +1 -1
- package/dev/divider.js +1 -0
- package/dev/divider.js.map +1 -1
- package/dev/dragbox.d.ts +1 -0
- package/dev/dragbox.d.ts.map +1 -1
- package/dev/dragbox.js +1 -0
- package/dev/dragbox.js.map +1 -1
- package/dev/flex.d.ts +1 -0
- package/dev/flex.d.ts.map +1 -1
- package/dev/flex.js +1 -0
- package/dev/flex.js.map +1 -1
- package/dev/form.d.ts +1 -0
- package/dev/form.d.ts.map +1 -1
- package/dev/form.js +1 -0
- package/dev/form.js.map +1 -1
- package/dev/grid.d.ts +1 -0
- package/dev/grid.d.ts.map +1 -1
- package/dev/grid.js +1 -0
- package/dev/grid.js.map +1 -1
- package/dev/heading.d.ts +9 -0
- package/dev/heading.d.ts.map +1 -0
- package/dev/heading.js +5 -0
- package/dev/heading.js.map +1 -0
- package/dev/index.d.ts +2 -0
- package/dev/index.d.ts.map +1 -1
- package/dev/index.js +2 -0
- package/dev/index.js.map +1 -1
- package/dev/layout.d.ts.map +1 -1
- package/dev/progress.d.ts.map +1 -1
- package/dev/router.d.ts.map +1 -1
- package/dev/split.d.ts +1 -1
- package/dev/split.d.ts.map +1 -1
- package/dev/typewriter.d.ts +1 -0
- package/dev/typewriter.d.ts.map +1 -1
- package/dev/typewriter.js +1 -0
- package/dev/typewriter.js.map +1 -1
- package/dialog.d.ts +1 -0
- package/dialog.d.ts.map +1 -1
- package/dialog.js +1 -5
- package/dialog.js.map +1 -1
- package/divider.d.ts +1 -0
- package/divider.d.ts.map +1 -1
- package/divider.js +1 -5
- package/divider.js.map +1 -1
- package/dragbox.d.ts +1 -0
- package/dragbox.d.ts.map +1 -1
- package/dragbox.js +1 -5
- package/dragbox.js.map +1 -1
- package/flex.d.ts +1 -0
- package/flex.d.ts.map +1 -1
- package/flex.js +1 -5
- package/flex.js.map +1 -1
- package/form.d.ts +1 -0
- package/form.d.ts.map +1 -1
- package/form.js +1 -5
- package/form.js.map +1 -1
- package/grid.d.ts +1 -0
- package/grid.d.ts.map +1 -1
- package/grid.js +1 -5
- package/grid.js.map +1 -1
- package/heading.d.ts +9 -0
- package/heading.d.ts.map +1 -0
- package/heading.js +2 -0
- package/heading.js.map +1 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -56
- package/index.js.map +1 -1
- package/input.js +1 -5
- package/input.js.map +1 -1
- package/layout.d.ts.map +1 -1
- package/layout.js +1 -5
- package/layout.js.map +1 -1
- package/link.js +1 -5
- package/link.js.map +1 -1
- package/package.json +13 -8
- package/progress.d.ts.map +1 -1
- package/progress.js +1 -5
- package/progress.js.map +1 -1
- package/range.js +1 -5
- package/range.js.map +1 -1
- package/rotate.js +1 -5
- package/rotate.js.map +1 -1
- package/router.d.ts.map +1 -1
- package/router.js +1 -5
- package/router.js.map +1 -1
- package/select.js +1 -5
- package/select.js.map +1 -1
- package/skeleton.js +1 -5
- package/skeleton.js.map +1 -1
- package/split.d.ts +1 -1
- package/split.d.ts.map +1 -1
- package/split.js +1 -5
- package/split.js.map +1 -1
- package/src/alert.ts +2 -0
- package/src/avatar.ts +2 -0
- package/src/badge.ts +13 -0
- package/src/button.ts +2 -0
- package/src/card.ts +2 -0
- package/src/carousel.ts +2 -0
- package/src/components/alert.ts +92 -86
- package/src/components/avatar.ts +65 -39
- package/src/components/badge.ts +110 -0
- package/src/components/breath.ts +47 -38
- package/src/components/button.ts +38 -36
- package/src/components/card.ts +45 -46
- package/src/components/carousel.ts +91 -66
- package/src/components/details.ts +79 -75
- package/src/components/dialog.ts +74 -73
- package/src/components/divider.ts +28 -13
- package/src/components/dragbox.ts +30 -25
- package/src/components/flex.ts +35 -22
- package/src/components/form.ts +12 -15
- package/src/components/grid.ts +35 -23
- package/src/components/heading.ts +123 -0
- package/src/components/input.ts +43 -37
- package/src/components/layout.ts +52 -44
- package/src/components/link.ts +13 -4
- package/src/components/progress.ts +22 -10
- package/src/components/range.ts +107 -108
- package/src/components/rotate.ts +24 -18
- package/src/components/router.ts +64 -67
- package/src/components/select.ts +94 -78
- package/src/components/skeleton.ts +70 -68
- package/src/components/split.ts +81 -67
- package/src/components/switch.ts +97 -93
- package/src/components/text.ts +55 -58
- package/src/components/time.ts +26 -13
- package/src/components/tooltip.ts +44 -32
- package/src/components/typewriter.ts +54 -61
- package/src/core/global-style.ts +34 -21
- package/src/core/super-anchor.ts +17 -14
- package/src/core/super-input.ts +76 -63
- package/src/core/super-openable.ts +8 -14
- package/src/details.ts +2 -0
- package/src/dialog.ts +2 -0
- package/src/divider.ts +2 -0
- package/src/dragbox.ts +2 -0
- package/src/flex.ts +2 -0
- package/src/form.ts +2 -0
- package/src/grid.ts +2 -0
- package/src/heading.ts +13 -0
- package/src/index.ts +2 -0
- package/src/layout.ts +1 -0
- package/src/progress.ts +1 -0
- package/src/router.ts +1 -0
- package/src/split.ts +1 -1
- package/src/typewriter.ts +2 -0
- package/switch.js +1 -5
- package/switch.js.map +1 -1
- package/text.js +1 -5
- package/text.js.map +1 -1
- package/time.js +1 -5
- package/time.js.map +1 -1
- package/tooltip.js +1 -5
- package/tooltip.js.map +1 -1
- package/typewriter.d.ts +1 -0
- package/typewriter.d.ts.map +1 -1
- package/typewriter.js +1 -5
- package/typewriter.js.map +1 -1
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/dev/components/dialog.js
CHANGED
@@ -1,7 +1,5 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { godown } from "@godown/element
|
3
|
-
import { styles } from "@godown/element/decorators/styles.js";
|
4
|
-
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
2
|
+
import { attr, godown, htmlSlot, styles } from "@godown/element";
|
5
3
|
import { css, html } from "lit";
|
6
4
|
import { property } from "lit/decorators.js";
|
7
5
|
import { cssGlobalVars, scopePrefix } from "../core/global-style.js";
|
@@ -15,6 +13,7 @@ const cssScope = scopePrefix(protoName);
|
|
15
13
|
*
|
16
14
|
* It listens for the keydown event and also closes itself when the {@linkcode key} contained in the key is pressed.
|
17
15
|
*
|
16
|
+
* @fires change - Fires when the open changes.
|
18
17
|
* @category feedback
|
19
18
|
*/
|
20
19
|
let Dialog = class Dialog extends SuperOpenable {
|
@@ -32,12 +31,18 @@ let Dialog = class Dialog extends SuperOpenable {
|
|
32
31
|
* Close key.
|
33
32
|
*/
|
34
33
|
this.key = "Escape";
|
34
|
+
this._modalInvoke = false;
|
35
35
|
}
|
36
36
|
render() {
|
37
|
-
return html
|
38
|
-
<div
|
39
|
-
|
40
|
-
|
37
|
+
return html `
|
38
|
+
<div
|
39
|
+
part="root"
|
40
|
+
${attr(this.observedRecord)}
|
41
|
+
>
|
42
|
+
<div part="modal"></div>
|
43
|
+
<div part="container">${htmlSlot()}</div>
|
44
|
+
</div>
|
45
|
+
`;
|
41
46
|
}
|
42
47
|
showModal() {
|
43
48
|
if (!this.modal) {
|
@@ -92,68 +97,68 @@ __decorate([
|
|
92
97
|
Dialog = __decorate([
|
93
98
|
godown(protoName),
|
94
99
|
styles(css `
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
100
|
+
:host {
|
101
|
+
${cssScope}--background: none;
|
102
|
+
${cssScope}--background-modal: var(${cssGlobalVars.background});
|
103
|
+
${cssScope}--opacity-modal: 0.2;
|
104
|
+
background: var(${cssScope}--background);
|
105
|
+
pointer-events: none;
|
106
|
+
visibility: hidden;
|
107
|
+
position: fixed;
|
108
|
+
z-index: 1;
|
109
|
+
inset: 0;
|
110
|
+
}
|
106
111
|
|
107
|
-
|
108
|
-
|
109
|
-
|
112
|
+
:host([open]) {
|
113
|
+
visibility: visible;
|
114
|
+
}
|
110
115
|
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
116
|
+
:host([open][modal]) [part="modal"] {
|
117
|
+
pointer-events: all;
|
118
|
+
visibility: visible;
|
119
|
+
opacity: var(${cssScope}--opacity-modal);
|
120
|
+
}
|
115
121
|
|
116
|
-
|
122
|
+
[part="modal"] {
|
123
|
+
visibility: hidden;
|
124
|
+
opacity: 0;
|
125
|
+
width: 100%;
|
126
|
+
height: 100%;
|
127
|
+
position: absolute;
|
128
|
+
background: var(${cssScope}--background-modal);
|
129
|
+
}
|
117
130
|
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
131
|
+
[part="root"] {
|
132
|
+
width: 100%;
|
133
|
+
height: 100%;
|
134
|
+
display: flex;
|
135
|
+
position: relative;
|
136
|
+
align-items: center;
|
137
|
+
justify-content: center;
|
138
|
+
}
|
126
139
|
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
position: relative;
|
132
|
-
align-items: center;
|
133
|
-
justify-content: center;
|
134
|
-
}
|
140
|
+
[part="container"] {
|
141
|
+
pointer-events: all;
|
142
|
+
position: absolute;
|
143
|
+
}
|
135
144
|
|
136
|
-
|
137
|
-
|
138
|
-
|
139
|
-
}
|
145
|
+
[direction^="top"] [part="container"] {
|
146
|
+
top: 0;
|
147
|
+
}
|
140
148
|
|
141
|
-
|
142
|
-
|
143
|
-
|
149
|
+
[direction^="bottom"] [part="container"] {
|
150
|
+
bottom: 0;
|
151
|
+
}
|
144
152
|
|
145
|
-
|
146
|
-
|
147
|
-
|
153
|
+
[direction$="right"] [part="container"] {
|
154
|
+
right: 0;
|
155
|
+
}
|
148
156
|
|
149
|
-
|
150
|
-
|
151
|
-
|
152
|
-
|
153
|
-
[direction$="left"] {
|
154
|
-
left: 0%;
|
155
|
-
}
|
156
|
-
`)
|
157
|
+
[direction$="left"] [part="container"] {
|
158
|
+
left: 0;
|
159
|
+
}
|
160
|
+
`)
|
157
161
|
], Dialog);
|
158
162
|
export default Dialog;
|
163
|
+
export { Dialog };
|
159
164
|
//# sourceMappingURL=dialog.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../src/components/dialog.ts"],"names":[],"mappings":"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"}
|
@@ -1,9 +1,8 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "../core/global-style.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Divider} similar to `<hr>`.
|
4
5
|
*
|
5
|
-
* This component does not render content.
|
6
|
-
*
|
7
6
|
* @category layout
|
8
7
|
*/
|
9
8
|
declare class Divider extends GlobalStyle {
|
@@ -11,7 +10,8 @@ declare class Divider extends GlobalStyle {
|
|
11
10
|
* Vertical display.
|
12
11
|
*/
|
13
12
|
vertical: boolean;
|
14
|
-
|
13
|
+
protected render(): TemplateResult<1>;
|
15
14
|
}
|
16
15
|
export default Divider;
|
16
|
+
export { Divider };
|
17
17
|
//# sourceMappingURL=divider.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/components/divider.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/components/divider.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cA2BM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAQtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -1,14 +1,12 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { godown, styles } from "@godown/element
|
3
|
-
import { css } from "lit";
|
2
|
+
import { attr, godown, styles } from "@godown/element";
|
3
|
+
import { css, html } from "lit";
|
4
4
|
import { property } from "lit/decorators.js";
|
5
5
|
import { GlobalStyle } from "../core/global-style.js";
|
6
6
|
const protoName = "divider";
|
7
7
|
/**
|
8
8
|
* {@linkcode Divider} similar to `<hr>`.
|
9
9
|
*
|
10
|
-
* This component does not render content.
|
11
|
-
*
|
12
10
|
* @category layout
|
13
11
|
*/
|
14
12
|
let Divider = class Divider extends GlobalStyle {
|
@@ -19,8 +17,13 @@ let Divider = class Divider extends GlobalStyle {
|
|
19
17
|
*/
|
20
18
|
this.vertical = false;
|
21
19
|
}
|
22
|
-
|
23
|
-
|
20
|
+
render() {
|
21
|
+
return html `
|
22
|
+
<div
|
23
|
+
part="root"
|
24
|
+
${attr(this.observedRecord)}
|
25
|
+
></div>
|
26
|
+
`;
|
24
27
|
}
|
25
28
|
};
|
26
29
|
__decorate([
|
@@ -29,18 +32,32 @@ __decorate([
|
|
29
32
|
Divider = __decorate([
|
30
33
|
godown(protoName),
|
31
34
|
styles(css `
|
32
|
-
:host{
|
35
|
+
:host {
|
33
36
|
width: 100%;
|
34
|
-
height: .05em;
|
37
|
+
height: 0.05em;
|
35
38
|
margin: auto;
|
36
39
|
display: block;
|
37
40
|
background: currentColor;
|
38
41
|
}
|
42
|
+
|
39
43
|
:host([vertical]) {
|
40
|
-
width: .05em;
|
44
|
+
width: 0.05em;
|
41
45
|
height: max(1em, 100%);
|
42
46
|
}
|
43
|
-
|
47
|
+
|
48
|
+
:host([contents]) [part="root"] {
|
49
|
+
width: 100%;
|
50
|
+
height: 0.05em;
|
51
|
+
margin: auto;
|
52
|
+
display: block;
|
53
|
+
background: currentColor;
|
54
|
+
}
|
55
|
+
|
56
|
+
[part="root"] {
|
57
|
+
display: contents;
|
58
|
+
}
|
59
|
+
`)
|
44
60
|
], Divider);
|
45
61
|
export default Divider;
|
62
|
+
export { Divider };
|
46
63
|
//# sourceMappingURL=divider.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/components/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../src/components/divider.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B;;;;GAIG;AA4BH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QACE;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAUnB,CAAC;IARW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;KAE9B,CAAC;IACJ,CAAC;CACF,CAAA;AAVC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAC1B;AALb,OAAO;IA3BZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBV,CAAC;GACI,OAAO,CAeZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -1,4 +1,5 @@
|
|
1
|
-
import { EventListenerFunc } from "@godown/element
|
1
|
+
import { type EventListenerFunc } from "@godown/element";
|
2
|
+
import { type TemplateResult } from "lit";
|
2
3
|
import { GlobalStyle } from "../core/global-style.js";
|
3
4
|
/**
|
4
5
|
* {@linkcode Dragbox} does not extend beyond the range of {@linkcode Dragbox.offsetsWidth} and {@linkcode Dragbox.offsetsHeight}.
|
@@ -27,7 +28,7 @@ declare class Dragbox extends GlobalStyle {
|
|
27
28
|
* Position y.
|
28
29
|
*/
|
29
30
|
y: string;
|
30
|
-
protected render():
|
31
|
+
protected render(): TemplateResult<1>;
|
31
32
|
protected firstUpdated(): void;
|
32
33
|
protected _handleDragStart(e: MouseEvent): void;
|
33
34
|
protected _handleMouseMove: EventListenerFunc;
|
@@ -37,4 +38,5 @@ declare class Dragbox extends GlobalStyle {
|
|
37
38
|
reset(): void;
|
38
39
|
}
|
39
40
|
export default Dragbox;
|
41
|
+
export { Dragbox };
|
40
42
|
//# sourceMappingURL=dragbox.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dragbox.d.ts","sourceRoot":"","sources":["../../src/components/dragbox.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"dragbox.d.ts","sourceRoot":"","sources":["../../src/components/dragbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAkC,MAAM,iBAAiB,CAAC;AACzF,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAYM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IACH,IAAI,YAAY,IAAI,MAAM,CAEzB;IAED;;OAEG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAED,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,CAAC,CAAS;IAClB,OAAO,CAAC,EAAE,CAAS;IACnB,OAAO,CAAC,EAAE,CAAS;IAEnB;;OAEG;IAEH,CAAC,SAAU;IAEX;;OAEG;IAEH,CAAC,SAAU;IAEX,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAarC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAU/C,SAAS,CAAC,gBAAgB,EAAE,iBAAiB,CAAC;IAC9C,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAE/C,SAAS,CAAC,cAAc,IAAI,IAAI;IAMhC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAuB1C,KAAK,IAAI,IAAI;CAWd;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -1,7 +1,5 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { godown } from "@godown/element
|
3
|
-
import { styles } from "@godown/element/decorators/styles.js";
|
4
|
-
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
2
|
+
import { attr, godown, htmlSlot, styles } from "@godown/element";
|
5
3
|
import { css, html } from "lit";
|
6
4
|
import { property } from "lit/decorators.js";
|
7
5
|
import { GlobalStyle } from "../core/global-style.js";
|
@@ -14,6 +12,7 @@ const protoName = "dragbox";
|
|
14
12
|
let Dragbox = class Dragbox extends GlobalStyle {
|
15
13
|
constructor() {
|
16
14
|
super(...arguments);
|
15
|
+
this.drag = false;
|
17
16
|
/**
|
18
17
|
* Position x.
|
19
18
|
*/
|
@@ -36,7 +35,16 @@ let Dragbox = class Dragbox extends GlobalStyle {
|
|
36
35
|
return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
|
37
36
|
}
|
38
37
|
render() {
|
39
|
-
return html
|
38
|
+
return html `
|
39
|
+
<div
|
40
|
+
part="root"
|
41
|
+
${attr(this.observedRecord)}
|
42
|
+
@mousedown="${this._handleDragStart}"
|
43
|
+
@mouseup="${this._handleDragEnd}"
|
44
|
+
>
|
45
|
+
${htmlSlot()}
|
46
|
+
</div>
|
47
|
+
`;
|
40
48
|
}
|
41
49
|
firstUpdated() {
|
42
50
|
this.reset();
|
@@ -102,16 +110,17 @@ __decorate([
|
|
102
110
|
Dragbox = __decorate([
|
103
111
|
godown(protoName),
|
104
112
|
styles(css `
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
113
|
+
:host {
|
114
|
+
position: absolute;
|
115
|
+
display: block;
|
116
|
+
}
|
109
117
|
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
118
|
+
:host(:active) {
|
119
|
+
-webkit-user-select: none;
|
120
|
+
user-select: none;
|
121
|
+
}
|
122
|
+
`)
|
115
123
|
], Dragbox);
|
116
124
|
export default Dragbox;
|
125
|
+
export { Dragbox };
|
117
126
|
//# sourceMappingURL=dragbox.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"dragbox.js","sourceRoot":"","sources":["../../src/components/dragbox.ts"],"names":[],"mappings":";AAAA,OAAO,
|
1
|
+
{"version":3,"file":"dragbox.js","sourceRoot":"","sources":["../../src/components/dragbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAA0B,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzF,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B;;;;GAIG;AAaH,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,WAAW;IAAjC;;QAeU,SAAI,GAAG,KAAK,CAAC;QAMrB;;WAEG;QAEH,MAAC,GAAG,MAAM,CAAC;QAEX;;WAEG;QAEH,MAAC,GAAG,MAAM,CAAC;IAwEb,CAAC;IAtGC;;OAEG;IACH,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;IACrE,CAAC;IAED;;OAEG;IACH,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,YAAY,EAAE,YAAY,IAAI,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;IACvE,CAAC;IAoBS,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;sBACb,IAAI,CAAC,gBAAgB;oBACvB,IAAI,CAAC,cAAc;;UAE7B,QAAQ,EAAE;;KAEf,CAAC;IACJ,CAAC;IAES,YAAY;QACpB,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;IAES,gBAAgB,CAAC,CAAa;QACtC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;QACpB,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC;QACpB,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;QACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAC5F,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACnG,CAAC;IAKS,cAAc;QACtB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC;QACjE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACrE,CAAC;IAES,WAAW,CAAC,CAAa;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,OAAO;QACT,CAAC;QACD,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;QAC1C,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QAC/E,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;YACX,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC;QACnB,CAAC;aAAM,IAAI,EAAE,GAAG,YAAY,GAAG,WAAW,EAAE,CAAC;YAC3C,KAAK,CAAC,IAAI,GAAG,GAAG,EAAE,IAAI,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,IAAI,GAAG,GAAG,YAAY,GAAG,WAAW,MAAM,CAAC;QACnD,CAAC;QACD,IAAI,EAAE,GAAG,CAAC,EAAE,CAAC;YACX,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;QAClB,CAAC;aAAM,IAAI,EAAE,GAAG,aAAa,GAAG,YAAY,EAAE,CAAC;YAC7C,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,KAAK,CAAC,GAAG,GAAG,GAAG,aAAa,GAAG,YAAY,IAAI,CAAC;QAClD,CAAC;IACH,CAAC;IAED,KAAK;QACH,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC5G,KAAK,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC;QACtB,KAAK,CAAC,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC;QACrB,IAAI,UAAU,GAAG,YAAY,GAAG,WAAW,EAAE,CAAC;YAC5C,KAAK,CAAC,IAAI,GAAG,GAAG,YAAY,GAAG,WAAW,IAAI,CAAC;QACjD,CAAC;QACD,IAAI,SAAS,GAAG,aAAa,GAAG,YAAY,EAAE,CAAC;YAC7C,KAAK,CAAC,GAAG,GAAG,GAAG,aAAa,GAAG,YAAY,IAAI,CAAC;QAClD,CAAC;IACH,CAAC;CACF,CAAA;AA9EC;IADC,QAAQ,EAAE;kCACA;AAMX;IADC,QAAQ,EAAE;kCACA;AA/BP,OAAO;IAZZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;CAUV,CAAC;GACI,OAAO,CAuGZ;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
package/dev/components/flex.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "../core/global-style.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Flex} provides flex layout.
|
@@ -26,7 +27,8 @@ declare class Flex extends GlobalStyle {
|
|
26
27
|
* If true, set flex-direction to "column".
|
27
28
|
*/
|
28
29
|
vertical: boolean;
|
29
|
-
protected render():
|
30
|
+
protected render(): TemplateResult<1>;
|
30
31
|
}
|
31
32
|
export default Flex;
|
33
|
+
export { Flex };
|
32
34
|
//# sourceMappingURL=flex.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../src/components/flex.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"flex.d.ts","sourceRoot":"","sources":["../../src/components/flex.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAWM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAuBtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dev/components/flex.js
CHANGED
@@ -1,10 +1,6 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { godown } from "@godown/element
|
3
|
-
import {
|
4
|
-
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
5
|
-
import { htmlStyle } from "@godown/element/directives/html-style.js";
|
6
|
-
import { joinRules } from "@godown/element/tools/css.js";
|
7
|
-
import { css } from "lit";
|
2
|
+
import { attr, godown, htmlSlot, htmlStyle, joinRules, styles } from "@godown/element";
|
3
|
+
import { css, html } from "lit";
|
8
4
|
import { property } from "lit/decorators.js";
|
9
5
|
import { GlobalStyle } from "../core/global-style.js";
|
10
6
|
const protoName = "flex";
|
@@ -23,7 +19,12 @@ let Flex = class Flex extends GlobalStyle {
|
|
23
19
|
this.vertical = false;
|
24
20
|
}
|
25
21
|
render() {
|
26
|
-
return
|
22
|
+
return html `
|
23
|
+
<div
|
24
|
+
part="root"
|
25
|
+
${attr(this.observedRecord)}
|
26
|
+
>
|
27
|
+
${[
|
27
28
|
htmlSlot(),
|
28
29
|
htmlStyle(joinRules({
|
29
30
|
":host": {
|
@@ -34,7 +35,9 @@ let Flex = class Flex extends GlobalStyle {
|
|
34
35
|
"justify-content": this.content,
|
35
36
|
},
|
36
37
|
})),
|
37
|
-
]
|
38
|
+
]}
|
39
|
+
</div>
|
40
|
+
`;
|
38
41
|
}
|
39
42
|
};
|
40
43
|
__decorate([
|
@@ -54,7 +57,17 @@ __decorate([
|
|
54
57
|
], Flex.prototype, "vertical", void 0);
|
55
58
|
Flex = __decorate([
|
56
59
|
godown(protoName),
|
57
|
-
styles(css
|
60
|
+
styles(css `
|
61
|
+
:host,
|
62
|
+
:host([contents]) [part="root"] {
|
63
|
+
display: flex;
|
64
|
+
}
|
65
|
+
|
66
|
+
[part="root"] {
|
67
|
+
display: contents;
|
68
|
+
}
|
69
|
+
`)
|
58
70
|
], Flex);
|
59
71
|
export default Flex;
|
72
|
+
export { Flex };
|
60
73
|
//# sourceMappingURL=flex.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/components/flex.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/components/flex.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAYH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QAyBE;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAyBnB,CAAC;IAvBW,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB;YACA,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;gBACR,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,WAAW,EAAE,IAAI,CAAC,QAAQ;oBAC1B,gBAAgB,EAAE,IAAI,CAAC,QAAQ,IAAI,QAAQ;oBAC3C,aAAa,EAAE,IAAI,CAAC,KAAK;oBACzB,iBAAiB,EAAE,IAAI,CAAC,OAAO;iBAChC;aACF,CAAC,CACH;SACF;;KAEJ,CAAC;IACJ,CAAC;CACF,CAAA;AAjDC;IADC,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;sCACpB;AAMjB;IADC,QAAQ,EAAE;iCACC;AAMZ;IADC,QAAQ,EAAE;qCACK;AAMhB;IADC,QAAQ,EAAE;mCACG;AAMd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCACX;AA7Bb,IAAI;IAXT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASV,CAAC;GACI,IAAI,CAsDT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dev/components/form.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "../core/global-style.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Form} Gets child element key-value object,
|
@@ -9,7 +10,7 @@ declare class Form<T = object> extends GlobalStyle {
|
|
9
10
|
name: string;
|
10
11
|
get value(): T;
|
11
12
|
nameValue: () => [string, T];
|
12
|
-
protected render():
|
13
|
+
protected render(): TemplateResult<1>;
|
13
14
|
reset(): void;
|
14
15
|
namevalue(): [string, T];
|
15
16
|
static buildValue(elements: (Element & {
|
@@ -19,4 +20,5 @@ declare class Form<T = object> extends GlobalStyle {
|
|
19
20
|
})[]): Record<string, any>;
|
20
21
|
}
|
21
22
|
export default Form;
|
23
|
+
export { Form };
|
22
24
|
//# sourceMappingURL=form.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAMM,IAAI,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAExC,IAAI,SAAM;IAEV,IAAI,KAAK,IAAI,CAAC,CAEb;IAED,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAkB;IAE9C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAWb,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAIxB,MAAM,CAAC,UAAU,CACf,QAAQ,EAAE,CAAC,OAAO,GAAG;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACrC,CAAC,EAAE,GACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAoBvB;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dev/components/form.js
CHANGED
@@ -1,8 +1,6 @@
|
|
1
1
|
var Form_1;
|
2
2
|
import { __decorate } from "tslib";
|
3
|
-
import { godown } from "@godown/element
|
4
|
-
import { styles } from "@godown/element/decorators/styles.js";
|
5
|
-
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
3
|
+
import { godown, htmlSlot, styles } from "@godown/element";
|
6
4
|
import { css } from "lit";
|
7
5
|
import { property } from "lit/decorators.js";
|
8
6
|
import { GlobalStyle } from "../core/global-style.js";
|
@@ -68,10 +66,11 @@ __decorate([
|
|
68
66
|
Form = Form_1 = __decorate([
|
69
67
|
godown(protoName),
|
70
68
|
styles(css `
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
69
|
+
:host {
|
70
|
+
display: block;
|
71
|
+
}
|
72
|
+
`)
|
75
73
|
], Form);
|
76
74
|
export default Form;
|
75
|
+
export { Form };
|
77
76
|
//# sourceMappingURL=form.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,
|
1
|
+
{"version":3,"file":"form.js","sourceRoot":"","sources":["../../src/components/form.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAuB,GAAG,EAAE,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAOH,IAAM,IAAI,YAAV,MAAM,IAAiB,SAAQ,WAAW;IAA1C;;QAEE,SAAI,GAAG,EAAE,CAAC;QAMV,cAAS,GAAsB,IAAI,CAAC,SAAS,CAAC;IA+ChD,CAAC;IAnDC,IAAI,KAAK;QACP,OAAO,MAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAM,CAAC;IAC7D,CAAC;IAIS,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,oBAAoB,CAAuC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAClF,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBAChC,OAAO;YACT,CAAC;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;gBACb,EAAE,CAAC,KAAK,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,UAAU,CACf,QAII;QAEJ,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;YAC1B,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;gBAC1B,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,EAAqB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YAC3F,CAAC;iBAAM,IAAI,EAAE,CAAC,SAAS,EAAE,CAAC;gBACxB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC;gBACrC,IAAI,IAAI,EAAE,CAAC;oBACT,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACvB,CAAC;YACH,CAAC;iBAAM,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC7C,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;YAC7B,CAAC;iBAAM,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;gBACzB,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC1D,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;gBAClE,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAA;AArDC;IADC,QAAQ,EAAE;kCACD;AAFN,IAAI;IANT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;CAIV,CAAC;GACI,IAAI,CAuDT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dev/components/grid.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "../core/global-style.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Grid} provides gird layout.
|
@@ -30,7 +31,8 @@ declare class Grid extends GlobalStyle {
|
|
30
31
|
* CSS property `place-items` (`align-items justify-items`).
|
31
32
|
*/
|
32
33
|
items: string;
|
33
|
-
protected render():
|
34
|
+
protected render(): TemplateResult<1>;
|
34
35
|
}
|
35
36
|
export default Grid;
|
37
|
+
export { Grid };
|
36
38
|
//# sourceMappingURL=grid.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/components/grid.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/components/grid.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAWM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAuBtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/dev/components/grid.js
CHANGED
@@ -1,11 +1,6 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { godown } from "@godown/element
|
3
|
-
import {
|
4
|
-
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
5
|
-
import { htmlStyle } from "@godown/element/directives/html-style.js";
|
6
|
-
import { joinRules } from "@godown/element/tools/css.js";
|
7
|
-
import { isNumerical } from "@godown/element/tools/lib.js";
|
8
|
-
import { css } from "lit";
|
2
|
+
import { attr, godown, htmlSlot, htmlStyle, isNumerical, joinRules, styles } from "@godown/element";
|
3
|
+
import { css, html } from "lit";
|
9
4
|
import { property } from "lit/decorators.js";
|
10
5
|
import { GlobalStyle } from "../core/global-style.js";
|
11
6
|
const protoName = "grid";
|
@@ -17,7 +12,12 @@ const protoName = "grid";
|
|
17
12
|
*/
|
18
13
|
let Grid = class Grid extends GlobalStyle {
|
19
14
|
render() {
|
20
|
-
return
|
15
|
+
return html `
|
16
|
+
<div
|
17
|
+
part="root"
|
18
|
+
${attr(this.observedRecord)}
|
19
|
+
>
|
20
|
+
${[
|
21
21
|
htmlSlot(),
|
22
22
|
htmlStyle(joinRules({
|
23
23
|
":host": {
|
@@ -28,7 +28,9 @@ let Grid = class Grid extends GlobalStyle {
|
|
28
28
|
"place-items": this.items,
|
29
29
|
},
|
30
30
|
})),
|
31
|
-
]
|
31
|
+
]}
|
32
|
+
</div>
|
33
|
+
`;
|
32
34
|
}
|
33
35
|
};
|
34
36
|
__decorate([
|
@@ -48,7 +50,17 @@ __decorate([
|
|
48
50
|
], Grid.prototype, "items", void 0);
|
49
51
|
Grid = __decorate([
|
50
52
|
godown(protoName),
|
51
|
-
styles(css
|
53
|
+
styles(css `
|
54
|
+
:host,
|
55
|
+
:host([contents]) [part="root"] {
|
56
|
+
display: grid;
|
57
|
+
}
|
58
|
+
|
59
|
+
[part="root"] {
|
60
|
+
display: contents;
|
61
|
+
}
|
62
|
+
`)
|
52
63
|
], Grid);
|
53
64
|
export default Grid;
|
65
|
+
export { Grid };
|
54
66
|
//# sourceMappingURL=grid.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/components/grid.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpG,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;;GAKG;AAYH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAmClB,MAAM;QACd,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB;YACA,QAAQ,EAAE;YACV,SAAS,CACP,SAAS,CAAC;gBACR,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,GAAG;oBACb,uBAAuB,EAAE,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO;oBACjG,oBAAoB,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;oBACrF,eAAe,EAAE,IAAI,CAAC,OAAO;oBAC7B,aAAa,EAAE,IAAI,CAAC,KAAK;iBAC1B;aACF,CAAC,CACH;SACF;;KAEJ,CAAC;IACJ,CAAC;CACF,CAAA;AArDC;IADC,QAAQ,EAAE;iCACC;AAQZ;IADC,QAAQ,EAAE;qCACc;AAQzB;IADC,QAAQ,EAAE;kCACW;AAMtB;IADC,QAAQ,EAAE;qCACK;AAMhB;IADC,QAAQ,EAAE;mCACG;AAjCV,IAAI;IAXT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASV,CAAC;GACI,IAAI,CA0DT;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|