godown 3.0.0-canary.8 → 3.0.0
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 +8 -2
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +1 -61
- 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 +7 -4
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +1 -79
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +19 -10
- package/components/button.d.ts.map +1 -1
- package/components/button.js +1 -165
- package/components/button.js.map +1 -1
- package/components/card.d.ts +3 -2
- package/components/card.d.ts.map +1 -1
- package/components/card.js +1 -53
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +10 -5
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -112
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +6 -2
- package/components/details.d.ts.map +1 -1
- package/components/details.js +1 -49
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +8 -3
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +1 -93
- 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 +11 -9
- 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 +4 -1
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +1 -54
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +3 -3
- package/components/form.d.ts.map +1 -1
- package/components/form.js +1 -77
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +10 -3
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +1 -55
- 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 +7 -3
- 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 +8 -9
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +1 -46
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +8 -1
- package/components/link.d.ts.map +1 -1
- package/components/link.js +1 -42
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +4 -11
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +1 -67
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +22 -15
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -273
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +4 -2
- 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 +20 -24
- 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 +8 -4
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -212
- 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 +25 -2
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -128
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +8 -5
- 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 +8 -6
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -85
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +14 -2
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +1 -66
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +8 -14
- 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 -45
- 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 +6 -5
- 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 +20 -23
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +8 -2
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +23 -13
- 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 +107 -0
- package/dev/components/badge.js.map +1 -0
- package/dev/components/breath.d.ts +7 -4
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +30 -26
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +19 -10
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +47 -28
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +3 -2
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +23 -33
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +10 -5
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +33 -26
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +6 -2
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +24 -26
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +8 -3
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +21 -17
- 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 +29 -17
- package/dev/components/divider.js.map +1 -1
- package/dev/components/dragbox.d.ts +11 -9
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js +11 -4
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +4 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +25 -9
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +3 -3
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +2 -5
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +10 -3
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +18 -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 +103 -0
- package/dev/components/heading.js.map +1 -0
- package/dev/components/input.d.ts +7 -3
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +18 -18
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +8 -9
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +38 -25
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +8 -1
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +15 -3
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +4 -11
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +43 -49
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +22 -15
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +56 -61
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +4 -2
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +3 -5
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +20 -24
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +23 -36
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +8 -4
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +44 -32
- 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 +9 -9
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +25 -2
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +71 -38
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +8 -5
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +28 -31
- 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 +12 -15
- package/dev/components/text.js.map +1 -1
- package/dev/components/time.d.ts +8 -6
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +8 -14
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +14 -2
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +54 -24
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +8 -14
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +22 -37
- 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 +18 -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 +25 -23
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts +6 -5
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +43 -36
- 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 +2 -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 +11 -6
- 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 +26 -29
- package/src/components/avatar.ts +28 -17
- package/src/components/badge.ts +107 -0
- package/src/components/breath.ts +38 -31
- package/src/components/button.ts +55 -46
- package/src/components/card.ts +26 -34
- package/src/components/carousel.ts +48 -38
- package/src/components/details.ts +27 -28
- package/src/components/dialog.ts +30 -26
- package/src/components/divider.ts +29 -17
- package/src/components/dragbox.ts +25 -19
- package/src/components/flex.ts +26 -11
- package/src/components/form.ts +7 -9
- package/src/components/grid.ts +31 -13
- package/src/components/heading.ts +105 -0
- package/src/components/input.ts +23 -22
- package/src/components/layout.ts +26 -31
- package/src/components/link.ts +15 -4
- package/src/components/progress.ts +51 -52
- package/src/components/range.ts +82 -94
- package/src/components/rotate.ts +12 -11
- package/src/components/router.ts +59 -48
- package/src/components/select.ts +59 -47
- package/src/components/skeleton.ts +13 -11
- package/src/components/split.ts +90 -49
- package/src/components/switch.ts +38 -37
- package/src/components/text.ts +14 -21
- package/src/components/time.ts +20 -14
- package/src/components/tooltip.ts +54 -29
- package/src/components/typewriter.ts +41 -47
- package/src/core/global-style.ts +33 -19
- package/src/core/super-anchor.ts +30 -26
- package/src/core/super-input.ts +54 -54
- package/src/core/super-openable.ts +7 -7
- 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/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,9 +31,14 @@ 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
|
-
* Returns true when the second number is greater than the first number
|
41
|
+
* Returns true when the second number is greater than the first number.
|
37
42
|
*/
|
38
43
|
get reverse() {
|
39
44
|
return this.range ? this.value[0] > this.value[1] : false;
|
@@ -70,25 +75,18 @@ let Range = class Range extends SuperInput {
|
|
70
75
|
const gap = this.max - this.min;
|
71
76
|
return html `<div
|
72
77
|
part="root"
|
73
|
-
|
74
|
-
vertical: this.vertical,
|
75
|
-
range: this.range,
|
76
|
-
reverse: this.reverse,
|
77
|
-
})}"
|
78
|
+
${attr(this.observedRecord)}
|
78
79
|
@mousedown="${this.disabled ? null : this._handleMousedownRoot}"
|
79
80
|
style="${joinProperties({
|
80
81
|
"--from": `${((from - this.min) / gap) * 100}%`,
|
81
82
|
"--to": `${((to - this.min) / gap) * 100}%`,
|
82
83
|
...(this.range
|
83
|
-
? Object.fromEntries(rangeValue.map((value, index) => [
|
84
|
-
`--handle-${index}`,
|
85
|
-
`${((value - this.min) / gap) * 100}%`,
|
86
|
-
]))
|
84
|
+
? Object.fromEntries(rangeValue.map((value, index) => [`--handle-${index}`, `${((value - this.min) / gap) * 100}%`]))
|
87
85
|
: {}),
|
88
|
-
})}"
|
89
|
-
|
90
|
-
|
91
|
-
|
86
|
+
})}"
|
87
|
+
>
|
88
|
+
<div part="track"></div>
|
89
|
+
${this.range ? this.value.map((_, index) => this.renderHandle(index)) : this.renderHandle(0)}
|
92
90
|
</div>`;
|
93
91
|
}
|
94
92
|
renderHandle(index) {
|
@@ -101,23 +99,30 @@ let Range = class Range extends SuperInput {
|
|
101
99
|
@mousedown="${this.disabled ? null : this.createMouseDown(index)}"
|
102
100
|
@focus="${this.disabled ? null : () => this.focusHandle(index)}"
|
103
101
|
@blur="${this.disabled ? null : this.blurHandle}"
|
104
|
-
style="
|
102
|
+
style="z-index:${this._focusStack.indexOf(index) + 1};--handle:var(--${
|
105
103
|
/* In single-handle mod or end, it is max value */
|
106
|
-
(!range && end) ?
|
104
|
+
(!range && end) ? "to" : `handle-${index}`})"
|
107
105
|
></i>
|
108
106
|
`;
|
109
107
|
}
|
110
108
|
focusHandle(index) {
|
111
109
|
this.lastFocus = index;
|
110
|
+
const indexOfFocusStack = this._focusStack.indexOf(index);
|
111
|
+
if (indexOfFocusStack !== -1) {
|
112
|
+
this._focusStack.splice(indexOfFocusStack, 1);
|
113
|
+
}
|
114
|
+
this._focusStack.push(index);
|
112
115
|
const handleItem = this._handles.item(index);
|
113
116
|
handleItem?.focus();
|
114
117
|
if (!this._keydownEvent) {
|
115
118
|
this._keydownEvent = this.events.add(document, "keydown", this.createKeydownEvent(index));
|
116
119
|
}
|
120
|
+
this.dispatchEvent(new CustomEvent("focus", { detail: index }));
|
117
121
|
}
|
118
122
|
blurHandle() {
|
119
123
|
this.lastFocus = undefined;
|
120
124
|
this._keydownEvent = this.events.remove(document, "keydown", this._keydownEvent);
|
125
|
+
this.dispatchEvent(new CustomEvent("blur"));
|
121
126
|
}
|
122
127
|
createKeydownEvent(index) {
|
123
128
|
if (!this.range) {
|
@@ -140,11 +145,6 @@ let Range = class Range extends SuperInput {
|
|
140
145
|
this.createMousedownListener(this.createSetValue(index))(e);
|
141
146
|
};
|
142
147
|
}
|
143
|
-
_handleMousedownEnd(e) {
|
144
|
-
this.lastFocus = 0;
|
145
|
-
this.createMousedownListener(this.setEnd)(e);
|
146
|
-
this.focusHandle(0);
|
147
|
-
}
|
148
148
|
createSetValue(index) {
|
149
149
|
return (numberOrModifier) => {
|
150
150
|
const number = typeof numberOrModifier === "number"
|
@@ -156,11 +156,9 @@ let Range = class Range extends SuperInput {
|
|
156
156
|
newValue[index] = number;
|
157
157
|
}
|
158
158
|
this.value = newValue;
|
159
|
+
this.dispatchEvent(new CustomEvent("range", { detail: this.value }));
|
159
160
|
};
|
160
161
|
}
|
161
|
-
setEnd(value) {
|
162
|
-
this.createSetValue(this.value?.length - 1 || 0)(value);
|
163
|
-
}
|
164
162
|
/**
|
165
163
|
* Compute value from event.
|
166
164
|
*/
|
@@ -234,19 +232,12 @@ let Range = class Range extends SuperInput {
|
|
234
232
|
reset() {
|
235
233
|
this.value = this.default;
|
236
234
|
}
|
237
|
-
swap() {
|
238
|
-
if (this.range) {
|
239
|
-
const [a, b] = this.value;
|
240
|
-
this.value = [b, a];
|
241
|
-
}
|
242
|
-
}
|
243
235
|
sort() {
|
244
|
-
this.value = this.toSorted();
|
236
|
+
return this.value = this.toSorted();
|
245
237
|
}
|
246
238
|
toSorted() {
|
247
239
|
if (this.range) {
|
248
|
-
|
249
|
-
return a > b ? [b, a] : [a, b];
|
240
|
+
return [...this.value].sort((a, b) => a - b);
|
250
241
|
}
|
251
242
|
return this.value;
|
252
243
|
}
|
@@ -282,36 +273,39 @@ Range = __decorate([
|
|
282
273
|
godown(protoName),
|
283
274
|
styles(css `
|
284
275
|
:host {
|
285
|
-
${cssScope}
|
286
|
-
${cssScope}
|
276
|
+
${cssScope}--handle-active: var(${cssGlobalVars.active});
|
277
|
+
${cssScope}--track-width: .5em;
|
278
|
+
${cssScope}--length: var(${cssGlobalVars.input}-width);
|
287
279
|
background: var(${cssGlobalVars.input}-background);
|
288
|
-
width: var(${
|
289
|
-
display:
|
290
|
-
|
280
|
+
width: var(${cssScope}--length);
|
281
|
+
display: block;
|
282
|
+
}
|
283
|
+
|
284
|
+
:host([contents]) [part=root] {
|
285
|
+
width: inherit;
|
291
286
|
}
|
292
287
|
|
293
288
|
:host([vertical]) {
|
294
|
-
height: var(${
|
289
|
+
height: var(${cssScope}--length);
|
295
290
|
width: fit-content;
|
296
291
|
}
|
297
292
|
|
298
293
|
:host(:not([disabled])) .last-focus {
|
299
|
-
|
300
|
-
${cssScope}
|
301
|
-
background: var(${cssScope}-handle-active);
|
294
|
+
${cssScope}--handle-scale: 1.05;
|
295
|
+
background: var(${cssScope}--handle-active);
|
302
296
|
}
|
303
297
|
|
304
|
-
[part=
|
305
|
-
min-height:inherit;
|
298
|
+
[part=root] {
|
299
|
+
min-height: inherit;
|
306
300
|
position: relative;
|
307
301
|
border-radius: inherit;
|
308
302
|
width: 100%;
|
309
303
|
--from: 0%;
|
310
304
|
--to: 50%;
|
311
|
-
height: var(${cssScope}
|
305
|
+
height: var(${cssScope}--track-width);
|
312
306
|
}
|
313
307
|
|
314
|
-
[part=
|
308
|
+
[part=track] {
|
315
309
|
height: 100%;
|
316
310
|
min-height:inherit;
|
317
311
|
display: flex;
|
@@ -324,7 +318,7 @@ Range = __decorate([
|
|
324
318
|
width: max(calc(var(--to) - var(--from)), calc(var(--from) - var(--to)));
|
325
319
|
}
|
326
320
|
|
327
|
-
[part=
|
321
|
+
[part=handle] {
|
328
322
|
width: 1em;
|
329
323
|
height: 1em;
|
330
324
|
display: flex;
|
@@ -335,37 +329,38 @@ Range = __decorate([
|
|
335
329
|
border: 0.1em solid;
|
336
330
|
border-radius: 50%;
|
337
331
|
transform-origin: 0% 25%;
|
338
|
-
transform: scale(var(${cssScope}
|
332
|
+
transform: scale(var(${cssScope}--handle-scale, 1)) translate(-50%, -25%);
|
339
333
|
background: var(${cssGlobalVars.active});
|
340
334
|
border-color: var(${cssGlobalVars.input}-control);
|
341
335
|
}
|
342
336
|
`, css `
|
343
|
-
|
344
|
-
height:
|
345
|
-
width: var(${cssScope}
|
337
|
+
[vertical] {
|
338
|
+
height: inherit;
|
339
|
+
width: var(${cssScope}--track-width);
|
346
340
|
}
|
347
341
|
|
348
|
-
|
342
|
+
[vertical] i {
|
349
343
|
transform: translate(-25%, -50%);
|
350
344
|
}
|
351
345
|
|
352
|
-
|
346
|
+
[vertical] [part=track] {
|
353
347
|
width: 100%;
|
354
348
|
height: max(calc(var(--to) - var(--from)), calc(var(--from) - var(--to)));
|
355
349
|
top: min(var(--from), var(--to));
|
356
350
|
left: 0;
|
357
351
|
}
|
358
352
|
`, css `
|
359
|
-
[part=
|
353
|
+
[part=handle] {
|
360
354
|
left: var(--handle);
|
361
355
|
top: 0;
|
362
356
|
}
|
363
357
|
|
364
|
-
|
358
|
+
[vertical] [part=handle] {
|
365
359
|
top: var(--handle);
|
366
360
|
left: 0;
|
367
361
|
}
|
368
362
|
`)
|
369
363
|
], Range);
|
370
364
|
export default Range;
|
365
|
+
export { Range };
|
371
366
|
//# 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.
|
@@ -5,8 +6,8 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
5
6
|
* @category wrapper
|
6
7
|
*/
|
7
8
|
declare class Rotate extends GlobalStyle {
|
8
|
-
_root: HTMLElement;
|
9
|
-
protected render():
|
9
|
+
protected _root: HTMLElement;
|
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,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAiCM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAOrC,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";
|
@@ -77,10 +74,11 @@ Rotate = __decorate([
|
|
77
74
|
margin: calc(-1 * var(${cssScope}--offset));
|
78
75
|
}
|
79
76
|
|
80
|
-
[part=
|
77
|
+
[part=slot] {
|
81
78
|
z-index: 2;
|
82
79
|
}
|
83
80
|
`)
|
84
81
|
], Rotate);
|
85
82
|
export default Rotate;
|
83
|
+
export { Rotate };
|
86
84
|
//# 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,EAAE,GAAG,EAAE,IAAI,EAAuB,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;AAkCH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAIpB,MAAM;QACd,OAAO,IAAI,CAAA;qCACsB,IAAI,CAAC,aAAa,KAAK,QAAQ,EAAE;wBAC9C,IAAI,CAAC,KAAK;WACvB,CAAC;IACV,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;AAzCW;IADT,IAAI,CAAC,MAAM,CAAC;qCACgB;AAFzB,MAAM;IAjCX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;;;;;MAMC,QAAQ;MACR,QAAQ;;;;;;;;;;;;;;;mBAeK,QAAQ;4BACC,QAAQ;;;;;;CAMnC,CACA;GACK,MAAM,CA2CX;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
@@ -18,10 +18,12 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
18
18
|
*
|
19
19
|
* If no routes are matched, the default value (no named slot) will be rendered.
|
20
20
|
*
|
21
|
+
* @slot - Display slot when there is no match.
|
22
|
+
* @slot * - Matching slot will be displayed.
|
21
23
|
* @category navigation
|
22
24
|
*/
|
23
|
-
declare class Router
|
24
|
-
static routerInstances: Set<Router
|
25
|
+
declare class Router extends GlobalStyle {
|
26
|
+
static routerInstances: Set<Router>;
|
25
27
|
private __fieldRouteTree;
|
26
28
|
private __slottedRouteTree;
|
27
29
|
private __cacheRecord;
|
@@ -29,7 +31,7 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
29
31
|
/**
|
30
32
|
* Render result.
|
31
33
|
*/
|
32
|
-
component:
|
34
|
+
component: unknown | TemplateResult;
|
33
35
|
/**
|
34
36
|
* Dynamic parameters record.
|
35
37
|
*/
|
@@ -42,10 +44,6 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
42
44
|
* Current pathname (equals to location.pathname).
|
43
45
|
*/
|
44
46
|
pathname: string;
|
45
|
-
/**
|
46
|
-
* Path prefix.
|
47
|
-
*/
|
48
|
-
baseURL: string;
|
49
47
|
/**
|
50
48
|
* Rendered content when there is no match.
|
51
49
|
*/
|
@@ -66,45 +64,42 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
66
64
|
cache: boolean;
|
67
65
|
set routes(value: (Record<string, any> & {
|
68
66
|
path: string;
|
69
|
-
|
67
|
+
render?: (ur: ReturnType<Router["useRouter"]>) => unknown;
|
68
|
+
component?: unknown;
|
70
69
|
})[]);
|
71
70
|
get routes(): (Record<string, any> & {
|
72
71
|
path: string;
|
73
|
-
|
72
|
+
render?: (ur: ReturnType<Router["useRouter"]>) => unknown;
|
73
|
+
component?: unknown;
|
74
74
|
})[];
|
75
75
|
clear(): void;
|
76
|
-
protected render():
|
76
|
+
protected render(): unknown;
|
77
77
|
connectedCallback(): void;
|
78
78
|
disconnectedCallback(): void;
|
79
79
|
useRouter(): {
|
80
80
|
pathname: string;
|
81
81
|
params: Record<string, string>;
|
82
82
|
path: string;
|
83
|
-
component:
|
83
|
+
component: unknown;
|
84
84
|
};
|
85
85
|
/**
|
86
|
-
*
|
87
|
-
* @param first whether this path is loaded for the first time.
|
86
|
+
* Callback function when the route changes.
|
88
87
|
*/
|
89
88
|
routeChangeCallback: (params: {
|
90
89
|
pathname: string;
|
91
90
|
params: Record<string, string>;
|
92
91
|
path: string;
|
93
|
-
component:
|
92
|
+
component: unknown | TemplateResult;
|
94
93
|
}, first: boolean) => void;
|
95
94
|
protected updated(changedProperties: PropertyValueMap<this>): void;
|
96
95
|
/**
|
97
|
-
*
|
98
|
-
* @param query Query string.
|
99
|
-
* @returns Components or null.
|
96
|
+
* Get component from {@linkcode routes} by query.
|
100
97
|
*/
|
101
|
-
fieldComponent(query?: string):
|
98
|
+
fieldComponent(query?: string): unknown;
|
102
99
|
/**
|
103
|
-
*
|
104
|
-
* @param query Query string.
|
105
|
-
* @returns Named slot element template result or null.
|
100
|
+
* Get component from slotted elements by query.
|
106
101
|
*/
|
107
|
-
slottedComponent(
|
102
|
+
slottedComponent(query?: string): TemplateResult<1>;
|
108
103
|
/**
|
109
104
|
* Reset the route tree, clear cache, collect routes from child elements.
|
110
105
|
*/
|
@@ -113,9 +108,10 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
113
108
|
* Reset the route tree, clear cache, collect routes from value.
|
114
109
|
*/
|
115
110
|
collectFieldRoutes(value: typeof this.routes): void;
|
116
|
-
|
117
|
-
parseParams(routeTemplate: string, path: string): Record<string, string>;
|
111
|
+
parseParams(routeTemplate: string, path?: string): Record<string, string>;
|
118
112
|
static updateAll(): void;
|
113
|
+
handlePopstate: () => void;
|
119
114
|
}
|
120
115
|
export default Router;
|
116
|
+
export { Router };
|
121
117
|
//# 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":"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"}
|
package/dev/components/router.js
CHANGED
@@ -1,9 +1,6 @@
|
|
1
1
|
var Router_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";
|
6
|
-
import { RouteTree } from "@godown/element/tools/route-tree.js";
|
3
|
+
import { godown, htmlSlot, RouteTree, styles } from "@godown/element";
|
7
4
|
import { css } from "lit";
|
8
5
|
import { property, state } from "lit/decorators.js";
|
9
6
|
import { GlobalStyle } from "../core/global-style.js";
|
@@ -26,6 +23,8 @@ const protoName = "router";
|
|
26
23
|
*
|
27
24
|
* If no routes are matched, the default value (no named slot) will be rendered.
|
28
25
|
*
|
26
|
+
* @slot - Display slot when there is no match.
|
27
|
+
* @slot * - Matching slot will be displayed.
|
29
28
|
* @category navigation
|
30
29
|
*/
|
31
30
|
let Router = Router_1 = class Router extends GlobalStyle {
|
@@ -42,14 +41,6 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
42
41
|
* Dynamic parameters record.
|
43
42
|
*/
|
44
43
|
this.params = {};
|
45
|
-
/**
|
46
|
-
* Current pathname (equals to location.pathname).
|
47
|
-
*/
|
48
|
-
this.pathname = "";
|
49
|
-
/**
|
50
|
-
* Path prefix.
|
51
|
-
*/
|
52
|
-
this.baseURL = "";
|
53
44
|
/**
|
54
45
|
* Rendered content when there is no match.
|
55
46
|
*/
|
@@ -69,10 +60,12 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
69
60
|
*/
|
70
61
|
this.cache = false;
|
71
62
|
/**
|
72
|
-
*
|
73
|
-
* @param first whether this path is loaded for the first time.
|
63
|
+
* Callback function when the route changes.
|
74
64
|
*/
|
75
65
|
this.routeChangeCallback = null;
|
66
|
+
this.handlePopstate = this.events.add(window, "popstate", () => {
|
67
|
+
this.pathname = location.pathname;
|
68
|
+
});
|
76
69
|
}
|
77
70
|
set routes(value) {
|
78
71
|
this.__routes = value;
|
@@ -144,12 +137,10 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
144
137
|
}
|
145
138
|
}
|
146
139
|
/**
|
147
|
-
*
|
148
|
-
* @param query Query string.
|
149
|
-
* @returns Components or null.
|
140
|
+
* Get component from {@linkcode routes} by query.
|
150
141
|
*/
|
151
142
|
fieldComponent(query) {
|
152
|
-
query ||= this.
|
143
|
+
query ||= this.__fieldRouteTree.search(this.pathname)?.pattern;
|
153
144
|
this.path = query;
|
154
145
|
if (!query) {
|
155
146
|
return null;
|
@@ -159,25 +150,26 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
159
150
|
if (!route) {
|
160
151
|
return null;
|
161
152
|
}
|
153
|
+
if ("render" in route) {
|
154
|
+
return route.render?.(this.useRouter()) || null;
|
155
|
+
}
|
162
156
|
return route.component;
|
163
157
|
}
|
164
158
|
/**
|
165
|
-
*
|
166
|
-
* @param query Query string.
|
167
|
-
* @returns Named slot element template result or null.
|
159
|
+
* Get component from slotted elements by query.
|
168
160
|
*/
|
169
|
-
slottedComponent(
|
161
|
+
slottedComponent(query) {
|
170
162
|
const slottedPaths = this._slottedNames;
|
171
|
-
|
172
|
-
this.path =
|
173
|
-
if (!
|
163
|
+
query ||= this.__slottedRouteTree.search(this.pathname)?.pattern;
|
164
|
+
this.path = query;
|
165
|
+
if (!query) {
|
174
166
|
return null;
|
175
167
|
}
|
176
|
-
this.path = slottedPaths.find((s) => s ===
|
168
|
+
this.path = slottedPaths.find((s) => s === query);
|
177
169
|
if (!this.path) {
|
178
170
|
return null;
|
179
171
|
}
|
180
|
-
this.params = this.parseParams(
|
172
|
+
this.params = this.parseParams(query, this.pathname);
|
181
173
|
return htmlSlot(this.path);
|
182
174
|
}
|
183
175
|
/**
|
@@ -200,15 +192,12 @@ let Router = Router_1 = class Router extends GlobalStyle {
|
|
200
192
|
this.__fieldRouteTree.insert(path);
|
201
193
|
});
|
202
194
|
}
|
203
|
-
|
204
|
-
return
|
205
|
-
}
|
206
|
-
parseParams(routeTemplate, path) {
|
207
|
-
return this.__fieldRouteTree.parseParams(path, routeTemplate);
|
195
|
+
parseParams(routeTemplate, path = this.pathname) {
|
196
|
+
return RouteTree.parseParams(path, routeTemplate);
|
208
197
|
}
|
209
198
|
static updateAll() {
|
210
199
|
this.routerInstances.forEach((i) => {
|
211
|
-
i.
|
200
|
+
i.handlePopstate();
|
212
201
|
});
|
213
202
|
}
|
214
203
|
};
|
@@ -225,9 +214,6 @@ __decorate([
|
|
225
214
|
__decorate([
|
226
215
|
property()
|
227
216
|
], Router.prototype, "pathname", void 0);
|
228
|
-
__decorate([
|
229
|
-
property()
|
230
|
-
], Router.prototype, "baseURL", void 0);
|
231
217
|
__decorate([
|
232
218
|
state()
|
233
219
|
], Router.prototype, "default", void 0);
|
@@ -245,4 +231,5 @@ Router = Router_1 = __decorate([
|
|
245
231
|
styles(css `:host{display:contents;}`)
|
246
232
|
], Router);
|
247
233
|
export default Router;
|
234
|
+
export { Router };
|
248
235
|
//# sourceMappingURL=router.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/components/router.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,
|
1
|
+
{"version":3,"file":"router.js","sourceRoot":"","sources":["../../src/components/router.ts"],"names":[],"mappings":"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"}
|