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/components/progress.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 Progress} similar to `<progress>`.
|
@@ -5,19 +6,10 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
5
6
|
* @category feedback
|
6
7
|
*/
|
7
8
|
declare class Progress extends GlobalStyle {
|
8
|
-
/**
|
9
|
-
* Maximum.
|
10
|
-
*/
|
11
9
|
max: number;
|
12
|
-
/**
|
13
|
-
* Minimum.
|
14
|
-
*/
|
15
10
|
min: number;
|
16
|
-
|
17
|
-
|
18
|
-
*/
|
19
|
-
value: any;
|
20
|
-
protected render(): import("lit").TemplateResult<1>;
|
11
|
+
value: number;
|
12
|
+
protected render(): TemplateResult<1>;
|
21
13
|
/**
|
22
14
|
* Convert s to a percentage without a percent sign.
|
23
15
|
*
|
@@ -27,4 +19,5 @@ declare class Progress extends GlobalStyle {
|
|
27
19
|
parsePercent(s?: string | number): number;
|
28
20
|
}
|
29
21
|
export default Progress;
|
22
|
+
export { Progress };
|
30
23
|
//# sourceMappingURL=progress.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/components/progress.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../src/components/progress.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIrE;;;;GAIG;AACH,cAIM,QAAS,SAAQ,WAAW;IAEhC,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/components/progress.js
CHANGED
@@ -1,68 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { godown } from '@godown/element/decorators/godown.js';
|
3
|
-
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
-
import { css, html } from 'lit';
|
5
|
-
import { property } from 'lit/decorators.js';
|
6
|
-
import { cssGlobalVars, GlobalStyle } from '../core/global-style.js';
|
7
|
-
|
8
|
-
const protoName = "progress";
|
9
|
-
/**
|
10
|
-
* {@linkcode Progress} similar to `<progress>`.
|
11
|
-
*
|
12
|
-
* @category feedback
|
13
|
-
*/
|
14
|
-
let Progress = class Progress extends GlobalStyle {
|
15
|
-
constructor() {
|
16
|
-
super(...arguments);
|
17
|
-
/**
|
18
|
-
* Maximum.
|
19
|
-
*/
|
20
|
-
this.max = 1;
|
21
|
-
/**
|
22
|
-
* Minimum.
|
23
|
-
*/
|
24
|
-
this.min = 0;
|
25
|
-
/**
|
26
|
-
* Input value.
|
27
|
-
*/
|
28
|
-
this.value = null;
|
29
|
-
}
|
30
|
-
render() {
|
31
|
-
let width = 20;
|
32
|
-
let className;
|
33
|
-
if (this.value !== null) {
|
34
|
-
width = this.parsePercent(this.value);
|
35
|
-
className = "static";
|
36
|
-
}
|
37
|
-
return html `<div part="root" class="${className}"><i part="value" style="width:${width}"></i></div>`;
|
38
|
-
}
|
39
|
-
/**
|
40
|
-
* Convert s to a percentage without a percent sign.
|
41
|
-
*
|
42
|
-
* @param s String or number to convert.
|
43
|
-
* @returns Percentage without a percent sign.
|
44
|
-
*/
|
45
|
-
parsePercent(s = "0") {
|
46
|
-
if (String(s).includes("%")) {
|
47
|
-
return parseFloat(String(s));
|
48
|
-
}
|
49
|
-
return (parseFloat(String(s)) / (this.max - this.min)) * 100;
|
50
|
-
}
|
51
|
-
};
|
52
|
-
__decorate([
|
53
|
-
property({ type: Number })
|
54
|
-
], Progress.prototype, "max", void 0);
|
55
|
-
__decorate([
|
56
|
-
property({ type: Number })
|
57
|
-
], Progress.prototype, "min", void 0);
|
58
|
-
__decorate([
|
59
|
-
property({ type: Number, reflect: true })
|
60
|
-
], Progress.prototype, "value", void 0);
|
61
|
-
Progress = __decorate([
|
62
|
-
godown(protoName),
|
63
|
-
styles(css `:host{width:100%;height:.5em;display:inline-block;border-radius:.25em;background:var(${cssGlobalVars.passive});color:var(${cssGlobalVars.active})}[part=root]{height:inherit;z-index:1;position:relative;border-radius:inherit}[part=value]{position:absolute;z-index:2;top:0;left:0;height:100%;border-radius:inherit;transition:all .3s;animation:progress 1.8s ease-in-out infinite alternate;background:currentColor}@keyframes progress{from{left:0}to{left:80%}}.static [part=value]{animation:none}`)
|
64
|
-
], Progress);
|
65
|
-
var Progress$1 = Progress;
|
66
|
-
|
67
|
-
export { Progress$1 as default };
|
1
|
+
import{__decorate as t}from"tslib";import{godown as r,styles as e,isNil as o,attr as i}from"@godown/element";import{css as s,html as a}from"lit";import{property as n}from"lit/decorators.js";import{cssGlobalVars as l,GlobalStyle as p}from"../core/global-style.js";let d=class Progress extends p{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;return o(this.value)||(r=this.parsePercent(this.value),t="static"),a`<div part="root" ${i(this.observedRecord)} class="${t}"><i part="value" style="width:${r}"></i></div>`}parsePercent(t="0"){return String(t).includes("%")?parseFloat(String(t)):parseFloat(String(t))/(this.max-this.min)*100}};t([n({type:Number})],d.prototype,"max",void 0),t([n({type:Number})],d.prototype,"min",void 0),t([n({type:Number})],d.prototype,"value",void 0),d=t([r("progress"),e(s`:host{width:100%;height:.5em;border-radius:.25em;background:var(${l.passive});color:var(${l.active})}:host,[part=root]{display:block}[part=root]{height:inherit;z-index:1;position:relative;border-radius:inherit}[part=value]{position:absolute;z-index:2;top:0;left:0;height:100%;border-radius:inherit;transition:all .3s;animation:progress 1.8s ease-in-out infinite alternate;background:currentColor}@keyframes progress{from{left:0}to{left:80%}}.static [part=value]{animation:none}`)],d);var m=d;export{d as Progress,m as default};
|
68
2
|
//# sourceMappingURL=progress.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNil","value","parsePercent","html","attr","observedRecord","s","String","includes","parseFloat","__decorate","property","type","Number","prototype","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"uQAiBA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAMZ,OAJKC,EAAMN,KAAKO,SACdF,EAAQL,KAAKQ,aAAaR,KAAKO,OAC/BH,EAAY,UAEPK,CAAI,oBAAoBC,EAAKV,KAAKW,0BAA0BP,mCAClCC,gBAUnC,YAAAG,CAAaI,EAAqB,KAChC,OAAIC,OAAOD,GAAGE,SAAS,KACdC,WAAWF,OAAOD,IAEnBG,WAAWF,OAAOD,KAAOZ,KAAKC,IAAMD,KAAKE,KAAQ,MA9B3Dc,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAA,GAGPJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAA,GAGPJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLtB,EAAAuB,UAAA,aAAA,GARTvB,EAAQmB,EAAA,CAJbK,EAPiB,YAQjBC,EACCC,CAAG,mEAAqEC,EAAcC,sBAAsBD,EAAcE,qYAEtH7B,GAoCN,IAAA8B,EAAe9B"}
|
package/components/range.d.ts
CHANGED
@@ -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 {
|
@@ -22,22 +28,25 @@ declare class Range extends SuperInput {
|
|
22
28
|
*/
|
23
29
|
step: number;
|
24
30
|
/**
|
25
|
-
* Display vertically
|
31
|
+
* Display vertically.
|
26
32
|
*/
|
27
33
|
vertical: boolean;
|
28
34
|
/**
|
29
|
-
*
|
35
|
+
* Value, or each of values, will render a handle.
|
36
|
+
*
|
37
|
+
* Accepts number or array of numbers.
|
30
38
|
*/
|
31
39
|
value: number | number[];
|
32
40
|
/**
|
33
|
-
* The default of `this.value`.
|
41
|
+
* The default of `{@linkcode this.value}`.
|
34
42
|
*/
|
35
43
|
default: typeof this.value;
|
36
|
-
_root: HTMLElement;
|
37
|
-
_handles: NodeListOf<HTMLElement>;
|
44
|
+
protected _root: HTMLElement;
|
45
|
+
protected _handles: NodeListOf<HTMLElement>;
|
38
46
|
lastFocus?: number;
|
47
|
+
protected _focusStack: number[];
|
39
48
|
/**
|
40
|
-
* Returns true when the second number is greater than the first number
|
49
|
+
* Returns true when the second number is greater than the first number.
|
41
50
|
*/
|
42
51
|
get reverse(): boolean;
|
43
52
|
/**
|
@@ -54,16 +63,14 @@ declare class Range extends SuperInput {
|
|
54
63
|
* @returns Array with length of len.
|
55
64
|
*/
|
56
65
|
padValue(len: number, value?: number): number[];
|
57
|
-
protected render():
|
58
|
-
protected renderHandle(index: number):
|
66
|
+
protected render(): TemplateResult<1>;
|
67
|
+
protected renderHandle(index: number): TemplateResult<1>;
|
59
68
|
private _keydownEvent;
|
60
69
|
focusHandle(index: number): void;
|
61
70
|
blurHandle(): void;
|
62
71
|
protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
|
63
|
-
createMouseDown(index:
|
64
|
-
|
65
|
-
createSetValue(index?: number): (numberOrModifier: number | ((value: number) => number)) => void;
|
66
|
-
setEnd(value: number): void;
|
72
|
+
createMouseDown(index: number): (e: MouseEvent) => void;
|
73
|
+
createSetValue(index: number): (numberOrModifier: number | ((value: number) => number)) => void;
|
67
74
|
/**
|
68
75
|
* Compute value from event.
|
69
76
|
*/
|
@@ -77,9 +84,9 @@ declare class Range extends SuperInput {
|
|
77
84
|
protected createMousemoveListener(callback: (arg0: number) => void): (e: MouseEvent) => void;
|
78
85
|
protected _connectedInit(): void;
|
79
86
|
reset(): void;
|
80
|
-
|
81
|
-
|
82
|
-
toSorted(): typeof this.value;
|
87
|
+
sort(): number | number[];
|
88
|
+
toSorted(): number | number[];
|
83
89
|
}
|
84
90
|
export default Range;
|
91
|
+
export { Range };
|
85
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,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;;;;;;GAaG;AACH,cAMM,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;IAmBrC,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAQxD,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;IAcvE;;OAEG;IACH,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,MAAM;IAO9C;;OAEG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAM/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/components/range.js
CHANGED
@@ -1,274 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { godown } from '@godown/element/decorators/godown.js';
|
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';
|
8
|
-
import { css, html } from 'lit';
|
9
|
-
import { property, queryAll, state } from 'lit/decorators.js';
|
10
|
-
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
11
|
-
import SuperInput from '../core/super-input.js';
|
12
|
-
|
13
|
-
const protoName = "range";
|
14
|
-
const cssScope = scopePrefix(protoName);
|
15
|
-
/**
|
16
|
-
* {@linkcode Range} is similar to `<input type="range">`.
|
17
|
-
*
|
18
|
-
* Value accepts number, or array.
|
19
|
-
*
|
20
|
-
* Number has 1 handle, the array has the number of its elements and the minimum is 2.
|
21
|
-
*
|
22
|
-
* @category input
|
23
|
-
*/
|
24
|
-
let Range = class Range extends SuperInput {
|
25
|
-
constructor() {
|
26
|
-
super(...arguments);
|
27
|
-
/**
|
28
|
-
* Minimum value.
|
29
|
-
*/
|
30
|
-
this.min = 0;
|
31
|
-
/**
|
32
|
-
* Maximum value.
|
33
|
-
*/
|
34
|
-
this.max = 100;
|
35
|
-
}
|
36
|
-
/**
|
37
|
-
* Returns true when the second number is greater than the first number
|
38
|
-
*/
|
39
|
-
get reverse() {
|
40
|
-
return this.range ? this.value[0] > this.value[1] : false;
|
41
|
-
}
|
42
|
-
/**
|
43
|
-
* If value is array.
|
44
|
-
*/
|
45
|
-
get range() {
|
46
|
-
return Array.isArray(this.value);
|
47
|
-
}
|
48
|
-
/**
|
49
|
-
* Return values in the form of an array.
|
50
|
-
*/
|
51
|
-
get rangeValue() {
|
52
|
-
return (this.range ? this.value : [this.value]);
|
53
|
-
}
|
54
|
-
/**
|
55
|
-
* @param len Minimum result length.
|
56
|
-
* @param value Fill value.
|
57
|
-
* @returns Array with length of len.
|
58
|
-
*/
|
59
|
-
padValue(len, value = 0) {
|
60
|
-
const { rangeValue } = this;
|
61
|
-
const miss = len - rangeValue.length;
|
62
|
-
if (miss > 0) {
|
63
|
-
return new Array(miss).fill(value).concat(rangeValue);
|
64
|
-
}
|
65
|
-
return rangeValue;
|
66
|
-
}
|
67
|
-
render() {
|
68
|
-
const rangeValue = this.padValue(2);
|
69
|
-
const from = Math.min(...rangeValue);
|
70
|
-
const to = Math.max(...rangeValue);
|
71
|
-
const gap = this.max - this.min;
|
72
|
-
return html `<div part="root" class="${classList({
|
73
|
-
vertical: this.vertical,
|
74
|
-
range: this.range,
|
75
|
-
reverse: this.reverse,
|
76
|
-
})}" @mousedown="${this.disabled ? null : this._handleMousedownRoot}" style="${joinProperties({
|
77
|
-
"--from": `${((from - this.min) / gap) * 100}%`,
|
78
|
-
"--to": `${((to - this.min) / gap) * 100}%`,
|
79
|
-
...(this.range
|
80
|
-
? Object.fromEntries(rangeValue.map((value, index) => [
|
81
|
-
`--handle-${index}`,
|
82
|
-
`${((value - this.min) / gap) * 100}%`,
|
83
|
-
]))
|
84
|
-
: {}),
|
85
|
-
})}"><div part="track"></div>${this.range
|
86
|
-
? this.value.map((_, index) => this.renderHandle(index))
|
87
|
-
: this.renderHandle(0)}</div>`;
|
88
|
-
}
|
89
|
-
renderHandle(index) {
|
90
|
-
const { range } = this;
|
91
|
-
const end = !range || index === this.value.length - 1;
|
92
|
-
return html `<i tabindex="0" part="handle" class="${classList({ "last-focus": this.lastFocus === index })}" @mousedown="${this.disabled ? null : this.createMouseDown(index)}" @focus="${this.disabled ? null : () => this.focusHandle(index)}" @blur="${this.disabled ? null : this.blurHandle}" style="--handle:var(--${
|
93
|
-
/* In single-handle mod or end, it is max value */
|
94
|
-
(!range && end) ? `to` : `handle-${index}`})"></i>`;
|
95
|
-
}
|
96
|
-
focusHandle(index) {
|
97
|
-
this.lastFocus = index;
|
98
|
-
const handleItem = this._handles.item(index);
|
99
|
-
handleItem?.focus();
|
100
|
-
if (!this._keydownEvent) {
|
101
|
-
this._keydownEvent = this.events.add(document, "keydown", this.createKeydownEvent(index));
|
102
|
-
}
|
103
|
-
}
|
104
|
-
blurHandle() {
|
105
|
-
this.lastFocus = undefined;
|
106
|
-
this._keydownEvent = this.events.remove(document, "keydown", this._keydownEvent);
|
107
|
-
}
|
108
|
-
createKeydownEvent(index) {
|
109
|
-
if (!this.range) {
|
110
|
-
index = 0;
|
111
|
-
}
|
112
|
-
return (e) => {
|
113
|
-
if (e.key === "ArrowLeft" || e.key === "ArrowDown") {
|
114
|
-
e.preventDefault();
|
115
|
-
this.createSetValue(index)(old => old - this.step);
|
116
|
-
}
|
117
|
-
else if (e.key === "ArrowRight" || e.key === "ArrowUp") {
|
118
|
-
e.preventDefault();
|
119
|
-
this.createSetValue(index)(old => old + this.step);
|
120
|
-
}
|
121
|
-
};
|
122
|
-
}
|
123
|
-
createMouseDown(index) {
|
124
|
-
return (e) => {
|
125
|
-
this.focusHandle(index);
|
126
|
-
this.createMousedownListener(this.createSetValue(index))(e);
|
127
|
-
};
|
128
|
-
}
|
129
|
-
_handleMousedownEnd(e) {
|
130
|
-
this.lastFocus = 0;
|
131
|
-
this.createMousedownListener(this.setEnd)(e);
|
132
|
-
this.focusHandle(0);
|
133
|
-
}
|
134
|
-
createSetValue(index) {
|
135
|
-
return (numberOrModifier) => {
|
136
|
-
const number = typeof numberOrModifier === "number"
|
137
|
-
? this.normalizeValue(numberOrModifier)
|
138
|
-
: numberOrModifier(this.rangeValue[index]);
|
139
|
-
let newValue = number;
|
140
|
-
if (this.range) {
|
141
|
-
newValue = [...this.rangeValue];
|
142
|
-
newValue[index] = number;
|
143
|
-
}
|
144
|
-
this.value = newValue;
|
145
|
-
};
|
146
|
-
}
|
147
|
-
setEnd(value) {
|
148
|
-
this.createSetValue(this.value?.length - 1 || 0)(value);
|
149
|
-
}
|
150
|
-
/**
|
151
|
-
* Compute value from event.
|
152
|
-
*/
|
153
|
-
_computeValue(e) {
|
154
|
-
const rect = this._root.getBoundingClientRect();
|
155
|
-
const div = this.vertical ? (e.clientY - rect.top) / rect.height : (e.clientX - rect.left) / rect.width;
|
156
|
-
const value = Math.round((div * (this.max - this.min)) / this.step) * this.step;
|
157
|
-
return this.normalizeValue(value);
|
158
|
-
}
|
159
|
-
/**
|
160
|
-
* Ensure that the values do not exceed the range of max and min.
|
161
|
-
*/
|
162
|
-
normalizeValue(value) {
|
163
|
-
if (value > this.max) {
|
164
|
-
value -= this.step;
|
165
|
-
}
|
166
|
-
else if (value < this.min) {
|
167
|
-
value += this.step;
|
168
|
-
}
|
169
|
-
return value;
|
170
|
-
}
|
171
|
-
_handleMousedownRoot(e) {
|
172
|
-
const value = this._computeValue(e);
|
173
|
-
const index = this.range
|
174
|
-
? this.rangeValue.reduce((acc, item, index) => {
|
175
|
-
const diff = Math.abs(value - item);
|
176
|
-
const prevDiff = Math.abs(value - this.rangeValue[acc]);
|
177
|
-
return diff < prevDiff ? index : acc;
|
178
|
-
}, 0)
|
179
|
-
: 0;
|
180
|
-
const set = this.createSetValue(index);
|
181
|
-
set(value);
|
182
|
-
this.createMousedownListener(set)(e);
|
183
|
-
this.focusHandle(index);
|
184
|
-
}
|
185
|
-
createMousedownListener(mouseMoveCallback) {
|
186
|
-
return (e) => {
|
187
|
-
e.preventDefault();
|
188
|
-
e.stopPropagation();
|
189
|
-
const move = this.createMousemoveListener(mouseMoveCallback);
|
190
|
-
this.events.add(document, "mousemove", move);
|
191
|
-
const stop = () => {
|
192
|
-
this.events.remove(document, "mousemove", move);
|
193
|
-
this.events.remove(document, "mouseup", stop);
|
194
|
-
};
|
195
|
-
this.events.add(document, "mouseup", stop);
|
196
|
-
};
|
197
|
-
}
|
198
|
-
createMousemoveListener(callback) {
|
199
|
-
return (e) => {
|
200
|
-
const value = this._computeValue(e);
|
201
|
-
if (value > this.max || value < this.min) {
|
202
|
-
return;
|
203
|
-
}
|
204
|
-
callback?.call(this, value);
|
205
|
-
};
|
206
|
-
}
|
207
|
-
_connectedInit() {
|
208
|
-
const gap = this.max - this.min;
|
209
|
-
this.step ||= gap / 100;
|
210
|
-
if (isNil(this.value)) {
|
211
|
-
if (!isNil(this.default)) {
|
212
|
-
this.value = this.default;
|
213
|
-
}
|
214
|
-
else {
|
215
|
-
this.value = Math.round(gap / 2 / this.step) * this.step;
|
216
|
-
}
|
217
|
-
}
|
218
|
-
this.default ??= this.value;
|
219
|
-
}
|
220
|
-
reset() {
|
221
|
-
this.value = this.default;
|
222
|
-
}
|
223
|
-
swap() {
|
224
|
-
if (this.range) {
|
225
|
-
const [a, b] = this.value;
|
226
|
-
this.value = [b, a];
|
227
|
-
}
|
228
|
-
}
|
229
|
-
sort() {
|
230
|
-
this.value = this.toSorted();
|
231
|
-
}
|
232
|
-
toSorted() {
|
233
|
-
if (this.range) {
|
234
|
-
const [a, b] = this.value;
|
235
|
-
return a > b ? [b, a] : [a, b];
|
236
|
-
}
|
237
|
-
return this.value;
|
238
|
-
}
|
239
|
-
};
|
240
|
-
__decorate([
|
241
|
-
property({ type: Number })
|
242
|
-
], Range.prototype, "min", void 0);
|
243
|
-
__decorate([
|
244
|
-
property({ type: Number })
|
245
|
-
], Range.prototype, "max", void 0);
|
246
|
-
__decorate([
|
247
|
-
property({ type: Number })
|
248
|
-
], Range.prototype, "step", void 0);
|
249
|
-
__decorate([
|
250
|
-
property({ type: Boolean, reflect: true })
|
251
|
-
], Range.prototype, "vertical", void 0);
|
252
|
-
__decorate([
|
253
|
-
property({ type: Array })
|
254
|
-
], Range.prototype, "value", void 0);
|
255
|
-
__decorate([
|
256
|
-
property({ type: Array })
|
257
|
-
], Range.prototype, "default", void 0);
|
258
|
-
__decorate([
|
259
|
-
part("root")
|
260
|
-
], Range.prototype, "_root", void 0);
|
261
|
-
__decorate([
|
262
|
-
queryAll("[part=handle]")
|
263
|
-
], Range.prototype, "_handles", void 0);
|
264
|
-
__decorate([
|
265
|
-
state()
|
266
|
-
], Range.prototype, "lastFocus", void 0);
|
267
|
-
Range = __decorate([
|
268
|
-
godown(protoName),
|
269
|
-
styles(css `:host{${cssScope}-handle-active:var(${cssGlobalVars._colors.blue[7]});${cssScope}-track-width:.5em;background:var(${cssGlobalVars.input}-background);width:var(${cssGlobalVars.input}-width);display:inline-block;margin:.25em 0}:host([vertical]){height:var(${cssGlobalVars.input}-width);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{z-index:1;${cssScope}-handle-scale:1.05;background:var(${cssScope}-handle-active)}[part=root]{min-height:inherit;position:relative;border-radius:inherit;width:100%;--from:0%;--to:50%;height:var(${cssScope}-track-width)}[part=track]{height:100%;min-height:inherit;display:flex;position:absolute;pointer-events:none;border-radius:inherit;justify-content:space-between;left:min(var(--from),var(--to));background:var(${cssGlobalVars.active});width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle]{width:1em;height:1em;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:absolute;border:.1em solid;border-radius:50%;transform-origin:0 25%;transform:scale(var(${cssScope}-handle-scale,1)) translate(-50%,-25%);background:var(${cssGlobalVars.active});border-color:var(${cssGlobalVars.input}-control)}`, css `.vertical{height:100%;width:var(${cssScope}-track-width)}.vertical i{transform:translate(-25%,-50%)}.vertical [part=track]{width:100%;height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));top:min(var(--from),var(--to));left:0}`, css `[part=handle]{left:var(--handle);top:0}.vertical [part=handle]{top:var(--handle);left:0}`)
|
270
|
-
], Range);
|
271
|
-
var Range$1 = Range;
|
272
|
-
|
273
|
-
export { Range$1 as default };
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,godown as r,styles as i,attr as s,joinProperties as a,classList as o,isNil as n}from"@godown/element";import{css as h,html as l}from"lit";import{property as u,queryAll as d,state as c}from"lit/decorators.js";import{scopePrefix as v,cssGlobalVars as m}from"../core/global-style.js";import p from"../core/super-input.js";const f="range",g=v(f);let w=class Range extends p{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this._focusStack=[]}get reverse(){return!!this.range&&this.value[0]>this.value[1]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:r}=this,i=t-r.length;return i>0?new Array(i).fill(e).concat(r):r}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),i=this.max-this.min;return l`<div part="root" ${s(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${a({"--from":(e-this.min)/i*100+"%","--to":(r-this.min)/i*100+"%",...this.range?Object.fromEntries(t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/i*100+"%"]))):{}})}"><div part="track"></div>${this.range?this.value.map(((t,e)=>this.renderHandle(e))):this.renderHandle(0)}</div>`}renderHandle(t){const{range:e}=this,r=!e||t===this.value.length-1;return l`<i tabindex="0" part="handle" class="${o({"last-focus":this.lastFocus===t})}" @mousedown="${this.disabled?null:this.createMouseDown(t)}" @focus="${this.disabled?null:()=>this.focusHandle(t)}" @blur="${this.disabled?null:this.blurHandle}" style="z-index:${this._focusStack.indexOf(t)+1};--handle:var(--${!e&&r?"to":`handle-${t}`})"></i>`}focusHandle(t){this.lastFocus=t;const e=this._focusStack.indexOf(t);-1!==e&&this._focusStack.splice(e,1),this._focusStack.push(t);const r=this._handles.item(t);r?.focus(),this._keydownEvent||(this._keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this._keydownEvent=this.events.remove(document,"keydown",this._keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}createKeydownEvent(t){return this.range||(t=0),e=>{"ArrowLeft"===e.key||"ArrowDown"===e.key?(e.preventDefault(),this.createSetValue(t)((t=>t-this.step))):"ArrowRight"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),this.createSetValue(t)((t=>t+this.step)))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const r="number"==typeof e?this.normalizeValue(e):e(this.rangeValue[t]);let i=r;this.range&&(i=[...this.rangeValue],i[t]=r),this.value=i,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue(t){const e=this._root.getBoundingClientRect(),r=this.vertical?(t.clientY-e.top)/e.height:(t.clientX-e.left)/e.width,i=Math.round(r*(this.max-this.min)/this.step)*this.step;return this.normalizeValue(i)}normalizeValue(t){return t>this.max?t-=this.step:t<this.min&&(t+=this.step),t}_handleMousedownRoot(t){const e=this._computeValue(t),r=this.range?this.rangeValue.reduce(((t,r,i)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?i:t),0):0,i=this.createSetValue(r);i(e),this.createMousedownListener(i)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const i=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",i)};this.events.add(document,"mouseup",i)}}createMousemoveListener(t){return e=>{const r=this._computeValue(e);r>this.max||r<this.min||t?.call(this,r)}}_connectedInit(){const t=this.max-this.min;this.step||=t/100,n(this.value)&&(n(this.default)?this.value=Math.round(t/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort(((t,e)=>t-e)):this.value}};t([u({type:Number})],w.prototype,"min",void 0),t([u({type:Number})],w.prototype,"max",void 0),t([u({type:Number})],w.prototype,"step",void 0),t([u({type:Boolean,reflect:!0})],w.prototype,"vertical",void 0),t([u({type:Array})],w.prototype,"value",void 0),t([u({type:Array})],w.prototype,"default",void 0),t([e("root")],w.prototype,"_root",void 0),t([d("[part=handle]")],w.prototype,"_handles",void 0),t([c()],w.prototype,"lastFocus",void 0),w=t([r(f),i(h`:host{${g}--handle-active:var(${m.active});${g}--track-width:.5em;${g}--length:var(${m.input}-width);background:var(${m.input}-background);width:var(${g}--length);display:block}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${g}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${g}--handle-scale:1.05;background:var(${g}--handle-active)}[part=root]{min-height:inherit;position:relative;border-radius:inherit;width:100%;--from:0%;--to:50%;height:var(${g}--track-width)}[part=track]{height:100%;min-height:inherit;display:flex;position:absolute;pointer-events:none;border-radius:inherit;justify-content:space-between;left:min(var(--from),var(--to));background:var(${m.active});width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle]{width:1em;height:1em;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;position:absolute;border:.1em solid;border-radius:50%;transform-origin:0 25%;transform:scale(var(${g}--handle-scale,1)) translate(-50%,-25%);background:var(${m.active});border-color:var(${m.input}-control)}`,h`[vertical]{height:inherit;width:var(${g}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{width:100%;height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));top:min(var(--from),var(--to));left:0}`,h`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{top:var(--handle);left:0}`)],w);var y=w;export{w as Range,y as default};
|
274
2
|
//# sourceMappingURL=range.js.map
|
package/components/range.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","_focusStack","reverse","range","value","Array","isArray","rangeValue","padValue","len","miss","length","fill","concat","render","from","Math","to","gap","html","attr","observedRecord","disabled","_handleMousedownRoot","joinProperties","Object","fromEntries","map","index","_","renderHandle","end","classList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","_keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","key","preventDefault","createSetValue","old","step","createMousedownListener","numberOrModifier","number","normalizeValue","newValue","_computeValue","rect","_root","getBoundingClientRect","div","clientY","top","height","clientX","left","width","round","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","call","_connectedInit","isNil","default","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","Range$1"],"mappings":"mXAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAsB7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAKEC,KAAGC,IAAG,EAMND,KAAGE,IAAG,IAYNF,KAAQG,UAAG,EAyBDH,KAAWI,YAAa,GAKlC,WAAIC,GACF,QAAOL,KAAKM,OAAQN,KAAKO,MAAM,GAAKP,KAAKO,MAAM,GAMjD,SAAID,GACF,OAAOE,MAAMC,QAAQT,KAAKO,OAM5B,cAAIG,GACF,OAAQV,KAAKM,MAAQN,KAAKO,MAAQ,CAACP,KAAKO,OAQ1C,QAAAI,CAASC,EAAaL,EAAQ,GAC5B,MAAMG,WAAEA,GAAeV,KACjBa,EAAOD,EAAMF,EAAWI,OAC9B,OAAID,EAAO,EACF,IAAIL,MAAMK,GAAME,KAAKR,GAAOS,OAAON,GAErCA,EAGC,MAAAO,GACR,MAAMP,EAAaV,KAAKW,SAAS,GAC3BO,EAAOC,KAAKlB,OAAOS,GACnBU,EAAKD,KAAKjB,OAAOQ,GACjBW,EAAMrB,KAAKE,IAAMF,KAAKC,IAE5B,OAAOqB,CAAI,oBAEPC,EAAKvB,KAAKwB,+BACExB,KAAKyB,SAAW,KAAOzB,KAAK0B,gCAE1CC,EAAe,CACb,UAAeT,EAAOlB,KAAKC,KAAOoB,EAAO,IAA/B,IACV,QAAaD,EAAKpB,KAAKC,KAAOoB,EAAO,IAA7B,OACJrB,KAAKM,MACLsB,OAAOC,YACPnB,EAAWoB,KAAI,CAACvB,EAAOwB,IAAU,CAAC,YAAYA,KAAcxB,EAAQP,KAAKC,KAAOoB,EAAO,IAAhC,QAEvD,iCAKJrB,KAAKM,MAASN,KAAKO,MAAmBuB,KAAI,CAACE,EAAGD,IAAU/B,KAAKiC,aAAaF,KAAU/B,KAAKiC,aAAa,WAIlG,YAAAA,CAAaF,GACrB,MAAMzB,MAAEA,GAAUN,KACZkC,GAAO5B,GAASyB,IAAW/B,KAAKO,MAAmBO,OAAS,EAClE,OAAOQ,CAAI,wCAGAa,EAAU,CAAE,aAAcnC,KAAKoC,YAAcL,oBACxC/B,KAAKyB,SAAW,KAAOzB,KAAKqC,gBAAgBN,eAChD/B,KAAKyB,SAAW,KAAO,IAAMzB,KAAKsC,YAAYP,cAC/C/B,KAAKyB,SAAW,KAAOzB,KAAKuC,8BACpBvC,KAAKI,YAAYoC,QAAQT,GAAS,qBAEjDzB,GAAS4B,EAAO,KAAO,UAAUH,aAOvC,WAAAO,CAAYP,GACV/B,KAAKoC,UAAYL,EACjB,MAAMU,EAAoBzC,KAAKI,YAAYoC,QAAQT,IACxB,IAAvBU,GACFzC,KAAKI,YAAYsC,OAAOD,EAAmB,GAE7CzC,KAAKI,YAAYuC,KAAKZ,GACtB,MAAMa,EAAa5C,KAAK6C,SAASC,KAAKf,GACtCa,GAAYG,QACP/C,KAAKgD,gBACRhD,KAAKgD,cAAgBhD,KAAKiD,OAAOC,IAAIC,SAAU,UAAWnD,KAAKoD,mBAAmBrB,KAEpF/B,KAAKqD,cAAc,IAAIC,YAAY,QAAS,CAAEC,OAAQxB,KAGxD,UAAAQ,GACEvC,KAAKoC,eAAYoB,EACjBxD,KAAKgD,cAAgBhD,KAAKiD,OAAOQ,OAAON,SAAU,UAAWnD,KAAKgD,eAClEhD,KAAKqD,cAAc,IAAIC,YAAY,SAG3B,kBAAAF,CAAmBrB,GAI3B,OAHK/B,KAAKM,QACRyB,EAAQ,GAEF2B,IACQ,cAAVA,EAAEC,KAAiC,cAAVD,EAAEC,KAC7BD,EAAEE,iBACF5D,KAAK6D,eAAe9B,EAApB/B,EAA2B8D,GAAOA,EAAM9D,KAAK+D,QAC1B,eAAVL,EAAEC,KAAkC,YAAVD,EAAEC,MACrCD,EAAEE,iBACF5D,KAAK6D,eAAe9B,EAApB/B,EAA2B8D,GAAOA,EAAM9D,KAAK+D,SAKnD,eAAA1B,CAAgBN,GACd,OAAQ2B,IACN1D,KAAKsC,YAAYP,GACjB/B,KAAKgE,wBAAwBhE,KAAK6D,eAAe9B,GAAjD/B,CAAyD0D,EAAE,EAI/D,cAAAG,CAAe9B,GACb,OAAQkC,IACN,MAAMC,EAAqC,iBAArBD,EAClBjE,KAAKmE,eAAeF,GACpBA,EAAiBjE,KAAKU,WAAWqB,IACrC,IAAIqC,EAAgBF,EAChBlE,KAAKM,QACP8D,EAAW,IAAIpE,KAAKU,YACpB0D,EAASrC,GAASmC,GAEpBlE,KAAKO,MAAQ6D,EACbpE,KAAKqD,cAAc,IAAIC,YAAY,QAAS,CAAEC,OAAQvD,KAAKO,QAAS,EAO9D,aAAA8D,CAAcX,GACtB,MAAMY,EAAOtE,KAAKuE,MAAMC,wBAClBC,EAAMzE,KAAKG,UAAYuD,EAAEgB,QAAUJ,EAAKK,KAAOL,EAAKM,QAAUlB,EAAEmB,QAAUP,EAAKQ,MAAQR,EAAKS,MAC5FxE,EAAQY,KAAK6D,MAAOP,GAAOzE,KAAKE,IAAMF,KAAKC,KAAQD,KAAK+D,MAAQ/D,KAAK+D,KAC3E,OAAO/D,KAAKmE,eAAe5D,GAMnB,cAAA4D,CAAe5D,GAGvB,OAFIA,EAAQP,KAAKE,IAAOK,GAASP,KAAK+D,KAC7BxD,EAAQP,KAAKC,MAAOM,GAASP,KAAK+D,MACpCxD,EAGC,oBAAAmB,CAAqBgC,GAC7B,MAAMnD,EAAQP,KAAKqE,cAAcX,GAC3B3B,EAAQ/B,KAAKM,MACfN,KAAKU,WAAWuE,QAAO,CAACC,EAAKpC,EAAMf,IACtBZ,KAAKgE,IAAI5E,EAAQuC,GACb3B,KAAKgE,IAAI5E,EAAQP,KAAKU,WAAWwE,IACzBnD,EAAQmD,GAChC,GACD,EAEEE,EAAMpF,KAAK6D,eAAe9B,GAChCqD,EAAI7E,GACJP,KAAKgE,wBAAwBoB,EAA7BpF,CAAkC0D,GAClC1D,KAAKsC,YAAYP,GAGT,uBAAAiC,CAAwBqB,GAChC,OAAQ3B,IACNA,EAAEE,iBACFF,EAAE4B,kBACF,MAAMC,EAAOvF,KAAKwF,wBAAwBH,GAC1CrF,KAAKiD,OAAOC,IAAIC,SAAU,YAAaoC,GACvC,MAAME,EAAO,KACXzF,KAAKiD,OAAOQ,OAAON,SAAU,YAAaoC,GAC1CvF,KAAKiD,OAAOQ,OAAON,SAAU,UAAWsC,EAAK,EAE/CzF,KAAKiD,OAAOC,IAAIC,SAAU,UAAWsC,EAAK,EAIpC,uBAAAD,CAAwBE,GAChC,OAAQhC,IACN,MAAMnD,EAAQP,KAAKqE,cAAcX,GAC7BnD,EAAQP,KAAKE,KAAOK,EAAQP,KAAKC,KAGrCyF,GAAUC,KAAK3F,KAAMO,EAAM,EAIrB,cAAAqF,GACR,MAAMvE,EAAMrB,KAAKE,IAAMF,KAAKC,IAC5BD,KAAK+D,OAAS1C,EAAM,IAChBwE,EAAM7F,KAAKO,SACRsF,EAAM7F,KAAK8F,SAGd9F,KAAKO,MAAQY,KAAK6D,MAAM3D,EAAM,EAAIrB,KAAK+D,MAAQ/D,KAAK+D,KAFpD/D,KAAKO,MAAQP,KAAK8F,SAKtB9F,KAAK8F,UAAY9F,KAAKO,MAGxB,KAAAwF,GACE/F,KAAKO,MAAQP,KAAK8F,QAGpB,IAAAE,GACE,OAAOhG,KAAKO,MAAQP,KAAKiG,WAG3B,QAAAA,GACE,OAAIjG,KAAKM,MACA,IAAIN,KAAKO,OAAmByF,MAAK,CAACE,EAAGC,IAAMD,EAAIC,IAEjDnG,KAAKO,QA5Qd6F,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACX1G,EAAA2G,UAAA,WAAA,GAMPJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACT1G,EAAA2G,UAAA,WAAA,GAMTJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACN1G,EAAA2G,UAAA,YAAA,GAMZJ,EAAA,CADCC,EAAS,CAAEC,KAAMG,QAASC,SAAS,KACpB7G,EAAA2G,UAAA,gBAAA,GAQhBJ,EAAA,CADCC,EAAS,CAAEC,KAAM9F,SACMX,EAAA2G,UAAA,aAAA,GAMxBJ,EAAA,CADCC,EAAS,CAAEC,KAAM9F,SACQX,EAAA2G,UAAA,eAAA,GAGhBJ,EAAA,CADTO,EAAK,SACsB9G,EAAA2G,UAAA,aAAA,GAGlBJ,EAAA,CADTQ,EAAS,kBACiC/G,EAAA2G,UAAA,gBAAA,GAG3CJ,EAAA,CADCS,KACiBhH,EAAA2G,UAAA,iBAAA,GA9Cd3G,EAAKuG,EAAA,CANVU,EAAOpH,GACPqH,EACCC,CAAG,SAASrH,wBAA+BsH,EAAcC,WAAWvH,uBAA8BA,iBAAwBsH,EAAcE,+BAA+BF,EAAcE,+BAA+BxH,qGAA4GA,2FAAkGA,uCAA8CA,qIAA4IA,qNAA4NsH,EAAcC,uTAAyTvH,2DAAkEsH,EAAcC,4BAA4BD,EAAcE,kBACzvCH,CAAG,uCAAuCrH,gNAC1CqH,CAAG,8FAECnH,GAqRN,IAAAuH,EAAevH"}
|
package/components/rotate.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 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,cAIM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,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"}
|