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
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import SuperInput from "../core/super-input.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Range} is similar to `<input type="range">`.
|
@@ -6,6 +7,11 @@ import SuperInput from "../core/super-input.js";
|
|
6
7
|
*
|
7
8
|
* Number has 1 handle, the array has the number of its elements and the minimum is 2.
|
8
9
|
*
|
10
|
+
* @fires input - Fires when the input value changes.
|
11
|
+
* @fires change - Fires when the input value changes.
|
12
|
+
* @fires range - Fires when the value changes.
|
13
|
+
* @fires focus - Fires when the handle is focused.
|
14
|
+
* @fires blur - Fires when the handle is blurred.
|
9
15
|
* @category input
|
10
16
|
*/
|
11
17
|
declare class Range extends SuperInput {
|
@@ -38,6 +44,7 @@ declare class Range extends SuperInput {
|
|
38
44
|
protected _root: HTMLElement;
|
39
45
|
protected _handles: NodeListOf<HTMLElement>;
|
40
46
|
lastFocus?: number;
|
47
|
+
protected _focusStack: number[];
|
41
48
|
/**
|
42
49
|
* Returns true when the second number is greater than the first number.
|
43
50
|
*/
|
@@ -56,16 +63,14 @@ declare class Range extends SuperInput {
|
|
56
63
|
* @returns Array with length of len.
|
57
64
|
*/
|
58
65
|
padValue(len: number, value?: number): number[];
|
59
|
-
protected render():
|
60
|
-
protected renderHandle(index: number):
|
66
|
+
protected render(): TemplateResult<1>;
|
67
|
+
protected renderHandle(index: number): TemplateResult<1>;
|
61
68
|
private _keydownEvent;
|
62
69
|
focusHandle(index: number): void;
|
63
70
|
blurHandle(): void;
|
64
71
|
protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
|
65
72
|
createMouseDown(index: number): (e: MouseEvent) => void;
|
66
|
-
protected _handleMousedownEnd(e: MouseEvent): void;
|
67
73
|
createSetValue(index: number): (numberOrModifier: number | ((value: number) => number)) => void;
|
68
|
-
setEnd(value: number): void;
|
69
74
|
/**
|
70
75
|
* Compute value from event.
|
71
76
|
*/
|
@@ -83,4 +88,5 @@ declare class Range extends SuperInput {
|
|
83
88
|
toSorted(): number | number[];
|
84
89
|
}
|
85
90
|
export default Range;
|
91
|
+
export { Range };
|
86
92
|
//# sourceMappingURL=range.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;;;;;;GAaG;AACH,cA8FM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC;IAG3B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,WAAW,EAAE,MAAM,EAAE,CAAM;IAErC;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;;;OAIG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA2BrC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAmBxD,OAAO,CAAC,aAAa,CAAqC;IAE1D,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAehC,UAAU,IAAI,IAAI;IAMlB,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAI7B,aAAa,KAAG,IAAI;IAWjC,eAAe,CAAC,KAAK,EAAE,MAAM,OAChB,UAAU,KAAG,IAAI;IAM9B,cAAc,CAAC,KAAK,EAAE,MAAM,sBACA,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,KAAG,IAAI;IAevE;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM;IAO9C;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAS/C,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAgBnD,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACrD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,MAAM,GAAG,MAAM,EAAE;IAIzB,QAAQ,IAAI,MAAM,GAAG,MAAM,EAAE;CAM9B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/dev/components/range.js
CHANGED
@@ -1,10 +1,5 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { godown } from "@godown/element
|
3
|
-
import { part } from "@godown/element/decorators/part.js";
|
4
|
-
import { styles } from "@godown/element/decorators/styles.js";
|
5
|
-
import { classList } from "@godown/element/directives/class-list.js";
|
6
|
-
import { joinProperties } from "@godown/element/tools/css.js";
|
7
|
-
import { isNil } from "@godown/element/tools/lib.js";
|
2
|
+
import { attr, classList, godown, isNil, joinProperties, part, styles } from "@godown/element";
|
8
3
|
import { css, html } from "lit";
|
9
4
|
import { property, queryAll, state } from "lit/decorators.js";
|
10
5
|
import { cssGlobalVars, scopePrefix } from "../core/global-style.js";
|
@@ -18,6 +13,11 @@ const cssScope = scopePrefix(protoName);
|
|
18
13
|
*
|
19
14
|
* Number has 1 handle, the array has the number of its elements and the minimum is 2.
|
20
15
|
*
|
16
|
+
* @fires input - Fires when the input value changes.
|
17
|
+
* @fires change - Fires when the input value changes.
|
18
|
+
* @fires range - Fires when the value changes.
|
19
|
+
* @fires focus - Fires when the handle is focused.
|
20
|
+
* @fires blur - Fires when the handle is blurred.
|
21
21
|
* @category input
|
22
22
|
*/
|
23
23
|
let Range = class Range extends SuperInput {
|
@@ -31,6 +31,11 @@ let Range = class Range extends SuperInput {
|
|
31
31
|
* Maximum value.
|
32
32
|
*/
|
33
33
|
this.max = 100;
|
34
|
+
/**
|
35
|
+
* Display vertically.
|
36
|
+
*/
|
37
|
+
this.vertical = false;
|
38
|
+
this._focusStack = [];
|
34
39
|
}
|
35
40
|
/**
|
36
41
|
* Returns true when the second number is greater than the first number.
|
@@ -68,56 +73,59 @@ let Range = class Range extends SuperInput {
|
|
68
73
|
const from = Math.min(...rangeValue);
|
69
74
|
const to = Math.max(...rangeValue);
|
70
75
|
const gap = this.max - this.min;
|
71
|
-
return html
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
})}"
|
78
|
-
@mousedown="${this.disabled ? null : this._handleMousedownRoot}"
|
79
|
-
style="${joinProperties({
|
76
|
+
return html `
|
77
|
+
<div
|
78
|
+
part="root"
|
79
|
+
${attr(this.observedRecord)}
|
80
|
+
@mousedown="${this.disabled ? null : this._handleMousedownRoot}"
|
81
|
+
style="${joinProperties({
|
80
82
|
"--from": `${((from - this.min) / gap) * 100}%`,
|
81
83
|
"--to": `${((to - this.min) / gap) * 100}%`,
|
82
84
|
...(this.range
|
83
|
-
? Object.fromEntries(rangeValue.map((value, index) => [
|
84
|
-
`--handle-${index}`,
|
85
|
-
`${((value - this.min) / gap) * 100}%`,
|
86
|
-
]))
|
85
|
+
? Object.fromEntries(rangeValue.map((value, index) => [`--handle-${index}`, `${((value - this.min) / gap) * 100}%`]))
|
87
86
|
: {}),
|
88
|
-
})}"
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
87
|
+
})}"
|
88
|
+
>
|
89
|
+
<div part="track"></div>
|
90
|
+
${this.range ? this.value.map((_, index) => this.renderHandle(index)) : this.renderHandle(0)}
|
91
|
+
</div>
|
92
|
+
`;
|
93
93
|
}
|
94
94
|
renderHandle(index) {
|
95
95
|
const { range } = this;
|
96
96
|
const end = !range || index === this.value.length - 1;
|
97
|
-
return html
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
97
|
+
return html `
|
98
|
+
<i
|
99
|
+
tabindex="0"
|
100
|
+
part="handle"
|
101
|
+
class="${classList({ "last-focus": this.lastFocus === index })}"
|
102
|
+
@mousedown="${this.disabled ? null : this.createMouseDown(index)}"
|
103
|
+
@focus="${this.disabled ? null : () => this.focusHandle(index)}"
|
104
|
+
@blur="${this.disabled ? null : this.blurHandle}"
|
105
|
+
style="z-index:${this._focusStack.indexOf(index) + 1};--handle:var(--${
|
105
106
|
/* In single-handle mod or end, it is max value */
|
106
|
-
|
107
|
+
!range && end ? "to" : `handle-${index}`})"
|
107
108
|
></i>
|
108
|
-
|
109
|
+
`;
|
109
110
|
}
|
110
111
|
focusHandle(index) {
|
111
112
|
this.lastFocus = index;
|
113
|
+
const indexOfFocusStack = this._focusStack.indexOf(index);
|
114
|
+
if (indexOfFocusStack !== -1) {
|
115
|
+
this._focusStack.splice(indexOfFocusStack, 1);
|
116
|
+
}
|
117
|
+
this._focusStack.push(index);
|
112
118
|
const handleItem = this._handles.item(index);
|
113
119
|
handleItem?.focus();
|
114
120
|
if (!this._keydownEvent) {
|
115
121
|
this._keydownEvent = this.events.add(document, "keydown", this.createKeydownEvent(index));
|
116
122
|
}
|
123
|
+
this.dispatchEvent(new CustomEvent("focus", { detail: index }));
|
117
124
|
}
|
118
125
|
blurHandle() {
|
119
126
|
this.lastFocus = undefined;
|
120
127
|
this._keydownEvent = this.events.remove(document, "keydown", this._keydownEvent);
|
128
|
+
this.dispatchEvent(new CustomEvent("blur"));
|
121
129
|
}
|
122
130
|
createKeydownEvent(index) {
|
123
131
|
if (!this.range) {
|
@@ -126,11 +134,11 @@ let Range = class Range extends SuperInput {
|
|
126
134
|
return (e) => {
|
127
135
|
if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
|
128
136
|
e.preventDefault();
|
129
|
-
this.createSetValue(index)(old => old - this.step);
|
137
|
+
this.createSetValue(index)((old) => old - this.step);
|
130
138
|
}
|
131
139
|
else if (e.key === "ArrowRight" || e.key === "ArrowUp") {
|
132
140
|
e.preventDefault();
|
133
|
-
this.createSetValue(index)(old => old + this.step);
|
141
|
+
this.createSetValue(index)((old) => old + this.step);
|
134
142
|
}
|
135
143
|
};
|
136
144
|
}
|
@@ -140,11 +148,6 @@ let Range = class Range extends SuperInput {
|
|
140
148
|
this.createMousedownListener(this.createSetValue(index))(e);
|
141
149
|
};
|
142
150
|
}
|
143
|
-
_handleMousedownEnd(e) {
|
144
|
-
this.lastFocus = 0;
|
145
|
-
this.createMousedownListener(this.setEnd)(e);
|
146
|
-
this.focusHandle(0);
|
147
|
-
}
|
148
151
|
createSetValue(index) {
|
149
152
|
return (numberOrModifier) => {
|
150
153
|
const number = typeof numberOrModifier === "number"
|
@@ -156,11 +159,9 @@ let Range = class Range extends SuperInput {
|
|
156
159
|
newValue[index] = number;
|
157
160
|
}
|
158
161
|
this.value = newValue;
|
162
|
+
this.dispatchEvent(new CustomEvent("range", { detail: this.value }));
|
159
163
|
};
|
160
164
|
}
|
161
|
-
setEnd(value) {
|
162
|
-
this.createSetValue(this.value?.length - 1 || 0)(value);
|
163
|
-
}
|
164
165
|
/**
|
165
166
|
* Compute value from event.
|
166
167
|
*/
|
@@ -235,7 +236,7 @@ let Range = class Range extends SuperInput {
|
|
235
236
|
this.value = this.default;
|
236
237
|
}
|
237
238
|
sort() {
|
238
|
-
return this.value = this.toSorted();
|
239
|
+
return (this.value = this.toSorted());
|
239
240
|
}
|
240
241
|
toSorted() {
|
241
242
|
if (this.range) {
|
@@ -275,38 +276,41 @@ Range = __decorate([
|
|
275
276
|
godown(protoName),
|
276
277
|
styles(css `
|
277
278
|
:host {
|
278
|
-
${cssScope}
|
279
|
-
${cssScope}
|
279
|
+
${cssScope}--handle-active: var(${cssGlobalVars.active});
|
280
|
+
${cssScope}--track-width: .5em;
|
281
|
+
${cssScope}--length: var(${cssGlobalVars.input}-width);
|
280
282
|
background: var(${cssGlobalVars.input}-background);
|
281
|
-
width: var(${
|
282
|
-
display:
|
283
|
-
|
283
|
+
width: var(${cssScope}--length);
|
284
|
+
display: block;
|
285
|
+
}
|
286
|
+
|
287
|
+
:host([contents]) [part="root"] {
|
288
|
+
width: inherit;
|
284
289
|
}
|
285
290
|
|
286
291
|
:host([vertical]) {
|
287
|
-
height: var(${
|
292
|
+
height: var(${cssScope}--length);
|
288
293
|
width: fit-content;
|
289
294
|
}
|
290
295
|
|
291
296
|
:host(:not([disabled])) .last-focus {
|
292
|
-
|
293
|
-
${cssScope}
|
294
|
-
background: var(${cssScope}-handle-active);
|
297
|
+
${cssScope}--handle-scale: 1.05;
|
298
|
+
background: var(${cssScope}--handle-active);
|
295
299
|
}
|
296
300
|
|
297
301
|
[part="root"] {
|
298
|
-
min-height:inherit;
|
302
|
+
min-height: inherit;
|
299
303
|
position: relative;
|
300
304
|
border-radius: inherit;
|
301
305
|
width: 100%;
|
302
306
|
--from: 0%;
|
303
307
|
--to: 50%;
|
304
|
-
height: var(${cssScope}
|
308
|
+
height: var(${cssScope}--track-width);
|
305
309
|
}
|
306
310
|
|
307
311
|
[part="track"] {
|
308
312
|
height: 100%;
|
309
|
-
min-height:inherit;
|
313
|
+
min-height: inherit;
|
310
314
|
display: flex;
|
311
315
|
position: absolute;
|
312
316
|
pointer-events: none;
|
@@ -328,21 +332,21 @@ Range = __decorate([
|
|
328
332
|
border: 0.1em solid;
|
329
333
|
border-radius: 50%;
|
330
334
|
transform-origin: 0% 25%;
|
331
|
-
transform: scale(var(${cssScope}
|
335
|
+
transform: scale(var(${cssScope}--handle-scale, 1)) translate(-50%, -25%);
|
332
336
|
background: var(${cssGlobalVars.active});
|
333
337
|
border-color: var(${cssGlobalVars.input}-control);
|
334
338
|
}
|
335
339
|
`, css `
|
336
|
-
|
337
|
-
height:
|
338
|
-
width: var(${cssScope}
|
340
|
+
[vertical] {
|
341
|
+
height: inherit;
|
342
|
+
width: var(${cssScope}--track-width);
|
339
343
|
}
|
340
344
|
|
341
|
-
|
345
|
+
[vertical] i {
|
342
346
|
transform: translate(-25%, -50%);
|
343
347
|
}
|
344
348
|
|
345
|
-
|
349
|
+
[vertical] [part="track"] {
|
346
350
|
width: 100%;
|
347
351
|
height: max(calc(var(--to) - var(--from)), calc(var(--from) - var(--to)));
|
348
352
|
top: min(var(--from), var(--to));
|
@@ -354,11 +358,12 @@ Range = __decorate([
|
|
354
358
|
top: 0;
|
355
359
|
}
|
356
360
|
|
357
|
-
|
361
|
+
[vertical] [part="handle"] {
|
358
362
|
top: var(--handle);
|
359
363
|
left: 0;
|
360
364
|
}
|
361
365
|
`)
|
362
366
|
], Range);
|
363
367
|
export default Range;
|
368
|
+
export { Range };
|
364
369
|
//# sourceMappingURL=range.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.js","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"range.js","sourceRoot":"","sources":["../../src/components/range.ts"],"names":[],"mappings":"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"}
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "../core/global-style.js";
|
2
3
|
/**
|
3
4
|
* {@linkcode Rotate} Make child elements rotate.
|
@@ -6,7 +7,7 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
6
7
|
*/
|
7
8
|
declare class Rotate extends GlobalStyle {
|
8
9
|
protected _root: HTMLElement;
|
9
|
-
protected render():
|
10
|
+
protected render(): TemplateResult<1>;
|
10
11
|
reset(): void;
|
11
12
|
protected _handleRotate(e: MouseEvent): void;
|
12
13
|
/**
|
@@ -23,4 +24,5 @@ declare class Rotate extends GlobalStyle {
|
|
23
24
|
};
|
24
25
|
}
|
25
26
|
export default Rotate;
|
27
|
+
export { Rotate };
|
26
28
|
//# sourceMappingURL=rotate.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/components/rotate.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"rotate.d.ts","sourceRoot":"","sources":["../../src/components/rotate.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cA+BM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAM5C;;;;;;;OAOG;IACH,cAAc,CAAC,CAAC,EAAE,UAAU,GAAG;QAC7B,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB;CAUF;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/dev/components/rotate.js
CHANGED
@@ -1,8 +1,5 @@
|
|
1
1
|
import { __decorate } from "tslib";
|
2
|
-
import { godown } from "@godown/element
|
3
|
-
import { part } from "@godown/element/decorators/part.js";
|
4
|
-
import { styles } from "@godown/element/decorators/styles.js";
|
5
|
-
import { htmlSlot } from "@godown/element/directives/html-slot.js";
|
2
|
+
import { godown, htmlSlot, part, styles } from "@godown/element";
|
6
3
|
import { css, html } from "lit";
|
7
4
|
import { GlobalStyle, scopePrefix } from "../core/global-style.js";
|
8
5
|
const protoName = "rotate";
|
@@ -14,10 +11,17 @@ const cssScope = scopePrefix(protoName);
|
|
14
11
|
*/
|
15
12
|
let Rotate = class Rotate extends GlobalStyle {
|
16
13
|
render() {
|
17
|
-
return html
|
18
|
-
<div part="
|
19
|
-
|
20
|
-
|
14
|
+
return html `
|
15
|
+
<div part="root">
|
16
|
+
<div
|
17
|
+
part="slot"
|
18
|
+
@mousemove="${this._handleRotate}"
|
19
|
+
>
|
20
|
+
${htmlSlot()}
|
21
|
+
</div>
|
22
|
+
<i @mouseleave="${this.reset}"></i>
|
23
|
+
</div>
|
24
|
+
`;
|
21
25
|
}
|
22
26
|
reset() {
|
23
27
|
this._root.style.removeProperty("transform");
|
@@ -77,10 +81,11 @@ Rotate = __decorate([
|
|
77
81
|
margin: calc(-1 * var(${cssScope}--offset));
|
78
82
|
}
|
79
83
|
|
80
|
-
[part="slot"]{
|
84
|
+
[part="slot"] {
|
81
85
|
z-index: 2;
|
82
86
|
}
|
83
87
|
`)
|
84
88
|
], Rotate);
|
85
89
|
export default Rotate;
|
90
|
+
export { Rotate };
|
86
91
|
//# sourceMappingURL=rotate.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"rotate.js","sourceRoot":"","sources":["../../src/components/rotate.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,
|
1
|
+
{"version":3,"file":"rotate.js","sourceRoot":"","sources":["../../src/components/rotate.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEnE,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;GAIG;AAgCH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAIpB,MAAM;QACd,OAAO,IAAI,CAAA;;;;wBAIS,IAAI,CAAC,aAAa;;YAE9B,QAAQ,EAAE;;0BAEI,IAAI,CAAC,KAAK;;KAE/B,CAAC;IACJ,CAAC;IAED,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAC7C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAChD,CAAC;IAES,aAAa,CAAC,CAAa;QACnC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,WAAW,EAAE,WAAW,OAAO,gBAAgB,OAAO,MAAM,CAAC,CAAC;QAC3F,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC;IAED;;;;;;;OAOG;IACH,cAAc,CAAC,CAAa;QAI1B,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACxE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC;QAE9B,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC;QACrD,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;QAClD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;IAC9B,CAAC;CACF,CAAA;AAhDW;IADT,IAAI,CAAC,MAAM,CAAC;qCACgB;AAFzB,MAAM;IA/BX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;;;;;MAML,QAAQ;MACR,QAAQ;;;;;;;;;;;;;;;mBAeK,QAAQ;4BACC,QAAQ;;;;;;CAMnC,CAAC;GACI,MAAM,CAkDX;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
@@ -1,5 +1,19 @@
|
|
1
1
|
import { type PropertyValueMap, type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
|
+
interface RouteState {
|
4
|
+
pathname: string;
|
5
|
+
params: Record<string, string>;
|
6
|
+
path: string;
|
7
|
+
}
|
8
|
+
interface RouteResult extends RouteState {
|
9
|
+
component: unknown;
|
10
|
+
}
|
11
|
+
interface RouteItem {
|
12
|
+
[key: PropertyKey]: unknown;
|
13
|
+
path: string;
|
14
|
+
render?: (state?: RouteState) => unknown;
|
15
|
+
component?: unknown;
|
16
|
+
}
|
3
17
|
/**
|
4
18
|
* {@linkcode Router} has basic routing control.
|
5
19
|
*
|
@@ -22,8 +36,8 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
22
36
|
* @slot * - Matching slot will be displayed.
|
23
37
|
* @category navigation
|
24
38
|
*/
|
25
|
-
declare class Router
|
26
|
-
static routerInstances: Set<Router
|
39
|
+
declare class Router extends GlobalStyle {
|
40
|
+
static routerInstances: Set<Router>;
|
27
41
|
private __fieldRouteTree;
|
28
42
|
private __slottedRouteTree;
|
29
43
|
private __cacheRecord;
|
@@ -31,23 +45,19 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
31
45
|
/**
|
32
46
|
* Render result.
|
33
47
|
*/
|
34
|
-
component:
|
48
|
+
component: unknown | TemplateResult;
|
35
49
|
/**
|
36
50
|
* Dynamic parameters record.
|
37
51
|
*/
|
38
|
-
params: Record<string, string>;
|
52
|
+
get params(): Record<string, string>;
|
39
53
|
/**
|
40
54
|
* Value of matched path in routes.
|
41
55
|
*/
|
42
|
-
path
|
56
|
+
path?: string;
|
43
57
|
/**
|
44
58
|
* Current pathname (equals to location.pathname).
|
45
59
|
*/
|
46
60
|
pathname: string;
|
47
|
-
/**
|
48
|
-
* Path prefix.
|
49
|
-
*/
|
50
|
-
baseURL: string;
|
51
61
|
/**
|
52
62
|
* Rendered content when there is no match.
|
53
63
|
*/
|
@@ -66,42 +76,26 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
66
76
|
* Emptied at each re-collection.
|
67
77
|
*/
|
68
78
|
cache: boolean;
|
69
|
-
set routes(value:
|
70
|
-
|
71
|
-
component?: C;
|
72
|
-
})[]);
|
73
|
-
get routes(): (Record<string, any> & {
|
74
|
-
path: string;
|
75
|
-
component?: C;
|
76
|
-
})[];
|
79
|
+
set routes(value: RouteItem[]);
|
80
|
+
get routes(): RouteItem[];
|
77
81
|
clear(): void;
|
78
|
-
protected render():
|
82
|
+
protected render(): unknown;
|
79
83
|
connectedCallback(): void;
|
80
84
|
disconnectedCallback(): void;
|
81
|
-
useRouter():
|
82
|
-
pathname: string;
|
83
|
-
params: Record<string, string>;
|
84
|
-
path: string;
|
85
|
-
component: C | TemplateResult;
|
86
|
-
};
|
85
|
+
useRouter(): RouteResult;
|
87
86
|
/**
|
88
87
|
* Callback function when the route changes.
|
89
88
|
*/
|
90
|
-
routeChangeCallback: (params:
|
91
|
-
pathname: string;
|
92
|
-
params: Record<string, string>;
|
93
|
-
path: string;
|
94
|
-
component: C | TemplateResult;
|
95
|
-
}, first: boolean) => void;
|
89
|
+
routeChangeCallback: (params: RouteResult, first: boolean) => void;
|
96
90
|
protected updated(changedProperties: PropertyValueMap<this>): void;
|
97
91
|
/**
|
98
92
|
* Get component from {@linkcode routes} by query.
|
99
93
|
*/
|
100
|
-
fieldComponent(query?: string):
|
94
|
+
fieldComponent(query?: string): unknown;
|
101
95
|
/**
|
102
96
|
* Get component from slotted elements by query.
|
103
97
|
*/
|
104
|
-
slottedComponent(
|
98
|
+
slottedComponent(query?: string): TemplateResult<1>;
|
105
99
|
/**
|
106
100
|
* Reset the route tree, clear cache, collect routes from child elements.
|
107
101
|
*/
|
@@ -110,10 +104,9 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
110
104
|
* Reset the route tree, clear cache, collect routes from value.
|
111
105
|
*/
|
112
106
|
collectFieldRoutes(value: typeof this.routes): void;
|
113
|
-
useWhich(path: string): string;
|
114
|
-
parseParams(routeTemplate: string, path: string): Record<string, string>;
|
115
107
|
static updateAll(): void;
|
116
108
|
handlePopstate: () => void;
|
117
109
|
}
|
118
110
|
export default Router;
|
111
|
+
export { Router };
|
119
112
|
//# sourceMappingURL=router.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/components/router.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/components/router.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,UAAU,UAAU;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAqB;IAExD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,QAAQ,CAAc;IAE9B;;OAEG;IAEH,SAAS,EAAE,OAAO,GAAG,cAAc,CAAQ;IAE3C;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAEnC;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAqB;IAErC;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IAErC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAEhD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK,EAKF,SAAS,EAAE,AALT,EAGf;IAED,IAAI,MAAM,IAAI,SAAS,EAAE,CAExB;IAED,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,MAAM,IAAI,OAAO;IAqB3B,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,IAAI,WAAW;IASxB;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAE1E,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAalE;;OAEG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAoBvC;;OAEG;IACH,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAiBnD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAQ5B;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI;IAQnD,MAAM,CAAC,SAAS,IAAI,IAAI;IAMxB,cAAc,EAAE,MAAM,IAAI,CAEvB;CACJ;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|