godown 3.0.0-canary.9 → 3.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -9
- package/alert.d.ts +1 -0
- package/alert.d.ts.map +1 -1
- package/alert.js +1 -5
- package/alert.js.map +1 -1
- package/avatar.d.ts +1 -0
- package/avatar.d.ts.map +1 -1
- package/avatar.js +1 -5
- package/avatar.js.map +1 -1
- package/badge.d.ts +9 -0
- package/badge.d.ts.map +1 -0
- package/badge.js +2 -0
- package/badge.js.map +1 -0
- package/breath.js +1 -5
- package/breath.js.map +1 -1
- package/build/godown+lit.iife.js +59 -0
- package/build/godown+lit.iife.js.map +1 -0
- package/build/godown+lit.js +59 -0
- package/build/godown+lit.js.map +1 -0
- package/build/godown+lit.umd.js +59 -0
- package/build/godown+lit.umd.js.map +1 -0
- package/build/godown.iife.js +47 -0
- package/build/godown.js +48 -0
- package/build/godown.js.map +1 -0
- package/build/godown.umd.js +48 -0
- package/build/godown.umd.js.map +1 -0
- package/button.d.ts +1 -0
- package/button.d.ts.map +1 -1
- package/button.js +1 -5
- package/button.js.map +1 -1
- package/card.d.ts +1 -0
- package/card.d.ts.map +1 -1
- package/card.js +1 -5
- package/card.js.map +1 -1
- package/carousel.d.ts +1 -0
- package/carousel.d.ts.map +1 -1
- package/carousel.js +1 -5
- package/carousel.js.map +1 -1
- package/components/alert.d.ts +4 -1
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +1 -176
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +7 -2
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +1 -62
- package/components/avatar.js.map +1 -1
- package/components/badge.d.ts +23 -0
- package/components/badge.d.ts.map +1 -0
- package/components/badge.js +2 -0
- package/components/badge.js.map +1 -0
- package/components/breath.d.ts +6 -4
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +1 -80
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +8 -5
- package/components/button.d.ts.map +1 -1
- package/components/button.js +1 -168
- package/components/button.js.map +1 -1
- package/components/card.d.ts +3 -1
- package/components/card.d.ts.map +1 -1
- package/components/card.js +1 -48
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +5 -1
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -113
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +4 -3
- package/components/details.d.ts.map +1 -1
- package/components/details.js +1 -52
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +4 -2
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +1 -96
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts +3 -3
- package/components/divider.d.ts.map +1 -1
- package/components/divider.js +1 -36
- package/components/divider.js.map +1 -1
- package/components/dragbox.d.ts +4 -2
- package/components/dragbox.d.ts.map +1 -1
- package/components/dragbox.js +1 -109
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts +3 -1
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +1 -62
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +3 -1
- package/components/form.d.ts.map +1 -1
- package/components/form.js +1 -75
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +3 -1
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +1 -56
- package/components/grid.js.map +1 -1
- package/components/heading.d.ts +29 -0
- package/components/heading.d.ts.map +1 -0
- package/components/heading.js +2 -0
- package/components/heading.js.map +1 -0
- package/components/input.d.ts +5 -1
- package/components/input.d.ts.map +1 -1
- package/components/input.js +1 -50
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +6 -4
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +1 -58
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +5 -0
- package/components/link.d.ts.map +1 -1
- package/components/link.js +1 -44
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +3 -1
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +1 -58
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +10 -4
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -266
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +3 -1
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -56
- package/components/rotate.js.map +1 -1
- package/components/router.d.ts +27 -34
- package/components/router.d.ts.map +1 -1
- package/components/router.js +1 -250
- package/components/router.js.map +1 -1
- package/components/select.d.ts +7 -2
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -211
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts +3 -1
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +1 -54
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +8 -2
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -153
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +5 -2
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +1 -92
- package/components/switch.js.map +1 -1
- package/components/text.d.ts +3 -1
- package/components/text.d.ts.map +1 -1
- package/components/text.js +1 -43
- package/components/text.js.map +1 -1
- package/components/time.d.ts +4 -2
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -77
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +4 -2
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +1 -80
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +6 -12
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +1 -129
- package/components/typewriter.js.map +1 -1
- package/core/global-style.d.ts +2 -2
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +1 -52
- package/core/global-style.js.map +1 -1
- package/core/super-anchor.d.ts +2 -1
- package/core/super-anchor.d.ts.map +1 -1
- package/core/super-anchor.js +1 -38
- package/core/super-anchor.js.map +1 -1
- package/core/super-input.d.ts +4 -3
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +1 -111
- package/core/super-input.js.map +1 -1
- package/core/super-openable.d.ts +1 -1
- package/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js +1 -37
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/details.d.ts +1 -0
- package/details.d.ts.map +1 -1
- package/details.js +1 -5
- package/details.js.map +1 -1
- package/dev/alert.d.ts +1 -0
- package/dev/alert.d.ts.map +1 -1
- package/dev/alert.js +1 -0
- package/dev/alert.js.map +1 -1
- package/dev/avatar.d.ts +1 -0
- package/dev/avatar.d.ts.map +1 -1
- package/dev/avatar.js +1 -0
- package/dev/avatar.js.map +1 -1
- package/dev/badge.d.ts +9 -0
- package/dev/badge.d.ts.map +1 -0
- package/dev/badge.js +5 -0
- package/dev/badge.js.map +1 -0
- package/dev/button.d.ts +1 -0
- package/dev/button.d.ts.map +1 -1
- package/dev/button.js +1 -0
- package/dev/button.js.map +1 -1
- package/dev/card.d.ts +1 -0
- package/dev/card.d.ts.map +1 -1
- package/dev/card.js +1 -0
- package/dev/card.js.map +1 -1
- package/dev/carousel.d.ts +1 -0
- package/dev/carousel.d.ts.map +1 -1
- package/dev/carousel.js +1 -0
- package/dev/carousel.js.map +1 -1
- package/dev/components/alert.d.ts +4 -1
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +87 -77
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +7 -2
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +60 -32
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/badge.d.ts +23 -0
- package/dev/components/badge.d.ts.map +1 -0
- package/dev/components/badge.js +114 -0
- package/dev/components/badge.js.map +1 -0
- package/dev/components/breath.d.ts +6 -4
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +40 -31
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +8 -5
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +38 -21
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +3 -1
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +43 -41
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +5 -1
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +81 -55
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +4 -3
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +76 -70
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +4 -2
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +65 -60
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +3 -3
- package/dev/components/divider.d.ts.map +1 -1
- package/dev/components/divider.js +27 -10
- package/dev/components/divider.js.map +1 -1
- package/dev/components/dragbox.d.ts +4 -2
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js +22 -13
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +3 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +22 -9
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +3 -1
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +6 -7
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +3 -1
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +22 -10
- package/dev/components/grid.js.map +1 -1
- package/dev/components/heading.d.ts +29 -0
- package/dev/components/heading.d.ts.map +1 -0
- package/dev/components/heading.js +125 -0
- package/dev/components/heading.js.map +1 -0
- package/dev/components/input.d.ts +5 -1
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +36 -28
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +6 -4
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +53 -39
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +5 -0
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +13 -3
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +3 -1
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +20 -8
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +10 -4
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +69 -64
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +3 -1
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +14 -9
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +27 -34
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +25 -38
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +7 -2
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +79 -58
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts +3 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +67 -63
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +8 -2
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +67 -51
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +5 -2
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +91 -85
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.d.ts +3 -1
- package/dev/components/text.d.ts.map +1 -1
- package/dev/components/text.js +56 -53
- package/dev/components/text.js.map +1 -1
- package/dev/components/time.d.ts +4 -2
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +19 -6
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +4 -2
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +45 -27
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +6 -12
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +48 -54
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts +2 -2
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +19 -14
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-anchor.d.ts +2 -1
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +15 -12
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts +4 -3
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +64 -42
- package/dev/core/super-input.js.map +1 -1
- package/dev/core/super-openable.d.ts +1 -1
- package/dev/core/super-openable.d.ts.map +1 -1
- package/dev/core/super-openable.js +1 -2
- package/dev/core/super-openable.js.map +1 -1
- package/dev/details.d.ts +1 -0
- package/dev/details.d.ts.map +1 -1
- package/dev/details.js +1 -0
- package/dev/details.js.map +1 -1
- package/dev/dialog.d.ts +1 -0
- package/dev/dialog.d.ts.map +1 -1
- package/dev/dialog.js +1 -0
- package/dev/dialog.js.map +1 -1
- package/dev/divider.d.ts +1 -0
- package/dev/divider.d.ts.map +1 -1
- package/dev/divider.js +1 -0
- package/dev/divider.js.map +1 -1
- package/dev/dragbox.d.ts +1 -0
- package/dev/dragbox.d.ts.map +1 -1
- package/dev/dragbox.js +1 -0
- package/dev/dragbox.js.map +1 -1
- package/dev/flex.d.ts +1 -0
- package/dev/flex.d.ts.map +1 -1
- package/dev/flex.js +1 -0
- package/dev/flex.js.map +1 -1
- package/dev/form.d.ts +1 -0
- package/dev/form.d.ts.map +1 -1
- package/dev/form.js +1 -0
- package/dev/form.js.map +1 -1
- package/dev/grid.d.ts +1 -0
- package/dev/grid.d.ts.map +1 -1
- package/dev/grid.js +1 -0
- package/dev/grid.js.map +1 -1
- package/dev/heading.d.ts +9 -0
- package/dev/heading.d.ts.map +1 -0
- package/dev/heading.js +5 -0
- package/dev/heading.js.map +1 -0
- package/dev/index.d.ts +2 -0
- package/dev/index.d.ts.map +1 -1
- package/dev/index.js +2 -0
- package/dev/index.js.map +1 -1
- package/dev/layout.d.ts.map +1 -1
- package/dev/progress.d.ts.map +1 -1
- package/dev/router.d.ts.map +1 -1
- package/dev/split.d.ts +1 -1
- package/dev/split.d.ts.map +1 -1
- package/dev/typewriter.d.ts +1 -0
- package/dev/typewriter.d.ts.map +1 -1
- package/dev/typewriter.js +1 -0
- package/dev/typewriter.js.map +1 -1
- package/dialog.d.ts +1 -0
- package/dialog.d.ts.map +1 -1
- package/dialog.js +1 -5
- package/dialog.js.map +1 -1
- package/divider.d.ts +1 -0
- package/divider.d.ts.map +1 -1
- package/divider.js +1 -5
- package/divider.js.map +1 -1
- package/dragbox.d.ts +1 -0
- package/dragbox.d.ts.map +1 -1
- package/dragbox.js +1 -5
- package/dragbox.js.map +1 -1
- package/flex.d.ts +1 -0
- package/flex.d.ts.map +1 -1
- package/flex.js +1 -5
- package/flex.js.map +1 -1
- package/form.d.ts +1 -0
- package/form.d.ts.map +1 -1
- package/form.js +1 -5
- package/form.js.map +1 -1
- package/grid.d.ts +1 -0
- package/grid.d.ts.map +1 -1
- package/grid.js +1 -5
- package/grid.js.map +1 -1
- package/heading.d.ts +9 -0
- package/heading.d.ts.map +1 -0
- package/heading.js +2 -0
- package/heading.js.map +1 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -56
- package/index.js.map +1 -1
- package/input.js +1 -5
- package/input.js.map +1 -1
- package/layout.d.ts.map +1 -1
- package/layout.js +1 -5
- package/layout.js.map +1 -1
- package/link.js +1 -5
- package/link.js.map +1 -1
- package/package.json +13 -8
- package/progress.d.ts.map +1 -1
- package/progress.js +1 -5
- package/progress.js.map +1 -1
- package/range.js +1 -5
- package/range.js.map +1 -1
- package/rotate.js +1 -5
- package/rotate.js.map +1 -1
- package/router.d.ts.map +1 -1
- package/router.js +1 -5
- package/router.js.map +1 -1
- package/select.js +1 -5
- package/select.js.map +1 -1
- package/skeleton.js +1 -5
- package/skeleton.js.map +1 -1
- package/split.d.ts +1 -1
- package/split.d.ts.map +1 -1
- package/split.js +1 -5
- package/split.js.map +1 -1
- package/src/alert.ts +2 -0
- package/src/avatar.ts +2 -0
- package/src/badge.ts +13 -0
- package/src/button.ts +2 -0
- package/src/card.ts +2 -0
- package/src/carousel.ts +2 -0
- package/src/components/alert.ts +92 -86
- package/src/components/avatar.ts +65 -39
- package/src/components/badge.ts +110 -0
- package/src/components/breath.ts +47 -38
- package/src/components/button.ts +38 -36
- package/src/components/card.ts +45 -46
- package/src/components/carousel.ts +91 -66
- package/src/components/details.ts +79 -75
- package/src/components/dialog.ts +74 -73
- package/src/components/divider.ts +28 -13
- package/src/components/dragbox.ts +30 -25
- package/src/components/flex.ts +35 -22
- package/src/components/form.ts +12 -15
- package/src/components/grid.ts +35 -23
- package/src/components/heading.ts +123 -0
- package/src/components/input.ts +43 -37
- package/src/components/layout.ts +52 -44
- package/src/components/link.ts +13 -4
- package/src/components/progress.ts +22 -10
- package/src/components/range.ts +107 -108
- package/src/components/rotate.ts +24 -18
- package/src/components/router.ts +64 -67
- package/src/components/select.ts +94 -78
- package/src/components/skeleton.ts +70 -68
- package/src/components/split.ts +81 -67
- package/src/components/switch.ts +97 -93
- package/src/components/text.ts +55 -58
- package/src/components/time.ts +26 -13
- package/src/components/tooltip.ts +44 -32
- package/src/components/typewriter.ts +54 -61
- package/src/core/global-style.ts +34 -21
- package/src/core/super-anchor.ts +17 -14
- package/src/core/super-input.ts +76 -63
- package/src/core/super-openable.ts +8 -14
- package/src/details.ts +2 -0
- package/src/dialog.ts +2 -0
- package/src/divider.ts +2 -0
- package/src/dragbox.ts +2 -0
- package/src/flex.ts +2 -0
- package/src/form.ts +2 -0
- package/src/grid.ts +2 -0
- package/src/heading.ts +13 -0
- package/src/index.ts +2 -0
- package/src/layout.ts +1 -0
- package/src/progress.ts +1 -0
- package/src/router.ts +1 -0
- package/src/split.ts +1 -1
- package/src/typewriter.ts +2 -0
- package/switch.js +1 -5
- package/switch.js.map +1 -1
- package/text.js +1 -5
- package/text.js.map +1 -1
- package/time.js +1 -5
- package/time.js.map +1 -1
- package/tooltip.js +1 -5
- package/tooltip.js.map +1 -1
- package/typewriter.d.ts +1 -0
- package/typewriter.d.ts.map +1 -1
- package/typewriter.js +1 -5
- package/typewriter.js.map +1 -1
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/components/router.d.ts
CHANGED
@@ -1,5 +1,19 @@
|
|
1
1
|
import { type PropertyValueMap, type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
|
+
interface RouteState {
|
4
|
+
pathname: string;
|
5
|
+
params: Record<string, string>;
|
6
|
+
path: string;
|
7
|
+
}
|
8
|
+
interface RouteResult extends RouteState {
|
9
|
+
component: unknown;
|
10
|
+
}
|
11
|
+
interface RouteItem {
|
12
|
+
[key: PropertyKey]: unknown;
|
13
|
+
path: string;
|
14
|
+
render?: (state?: RouteState) => unknown;
|
15
|
+
component?: unknown;
|
16
|
+
}
|
3
17
|
/**
|
4
18
|
* {@linkcode Router} has basic routing control.
|
5
19
|
*
|
@@ -22,8 +36,8 @@ import { GlobalStyle } from "../core/global-style.js";
|
|
22
36
|
* @slot * - Matching slot will be displayed.
|
23
37
|
* @category navigation
|
24
38
|
*/
|
25
|
-
declare class Router
|
26
|
-
static routerInstances: Set<Router
|
39
|
+
declare class Router extends GlobalStyle {
|
40
|
+
static routerInstances: Set<Router>;
|
27
41
|
private __fieldRouteTree;
|
28
42
|
private __slottedRouteTree;
|
29
43
|
private __cacheRecord;
|
@@ -31,23 +45,19 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
31
45
|
/**
|
32
46
|
* Render result.
|
33
47
|
*/
|
34
|
-
component:
|
48
|
+
component: unknown | TemplateResult;
|
35
49
|
/**
|
36
50
|
* Dynamic parameters record.
|
37
51
|
*/
|
38
|
-
params: Record<string, string>;
|
52
|
+
get params(): Record<string, string>;
|
39
53
|
/**
|
40
54
|
* Value of matched path in routes.
|
41
55
|
*/
|
42
|
-
path
|
56
|
+
path?: string;
|
43
57
|
/**
|
44
58
|
* Current pathname (equals to location.pathname).
|
45
59
|
*/
|
46
60
|
pathname: string;
|
47
|
-
/**
|
48
|
-
* Path prefix.
|
49
|
-
*/
|
50
|
-
baseURL: string;
|
51
61
|
/**
|
52
62
|
* Rendered content when there is no match.
|
53
63
|
*/
|
@@ -66,42 +76,26 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
66
76
|
* Emptied at each re-collection.
|
67
77
|
*/
|
68
78
|
cache: boolean;
|
69
|
-
set routes(value:
|
70
|
-
|
71
|
-
component?: C;
|
72
|
-
})[]);
|
73
|
-
get routes(): (Record<string, any> & {
|
74
|
-
path: string;
|
75
|
-
component?: C;
|
76
|
-
})[];
|
79
|
+
set routes(value: RouteItem[]);
|
80
|
+
get routes(): RouteItem[];
|
77
81
|
clear(): void;
|
78
|
-
protected render():
|
82
|
+
protected render(): unknown;
|
79
83
|
connectedCallback(): void;
|
80
84
|
disconnectedCallback(): void;
|
81
|
-
useRouter():
|
82
|
-
pathname: string;
|
83
|
-
params: Record<string, string>;
|
84
|
-
path: string;
|
85
|
-
component: C | TemplateResult;
|
86
|
-
};
|
85
|
+
useRouter(): RouteResult;
|
87
86
|
/**
|
88
87
|
* Callback function when the route changes.
|
89
88
|
*/
|
90
|
-
routeChangeCallback: (params:
|
91
|
-
pathname: string;
|
92
|
-
params: Record<string, string>;
|
93
|
-
path: string;
|
94
|
-
component: C | TemplateResult;
|
95
|
-
}, first: boolean) => void;
|
89
|
+
routeChangeCallback: (params: RouteResult, first: boolean) => void;
|
96
90
|
protected updated(changedProperties: PropertyValueMap<this>): void;
|
97
91
|
/**
|
98
92
|
* Get component from {@linkcode routes} by query.
|
99
93
|
*/
|
100
|
-
fieldComponent(query?: string):
|
94
|
+
fieldComponent(query?: string): unknown;
|
101
95
|
/**
|
102
96
|
* Get component from slotted elements by query.
|
103
97
|
*/
|
104
|
-
slottedComponent(
|
98
|
+
slottedComponent(query?: string): TemplateResult<1>;
|
105
99
|
/**
|
106
100
|
* Reset the route tree, clear cache, collect routes from child elements.
|
107
101
|
*/
|
@@ -110,10 +104,9 @@ declare class Router<C = unknown> extends GlobalStyle {
|
|
110
104
|
* Reset the route tree, clear cache, collect routes from value.
|
111
105
|
*/
|
112
106
|
collectFieldRoutes(value: typeof this.routes): void;
|
113
|
-
useWhich(path: string): string;
|
114
|
-
parseParams(routeTemplate: string, path: string): Record<string, string>;
|
115
107
|
static updateAll(): void;
|
116
108
|
handlePopstate: () => void;
|
117
109
|
}
|
118
110
|
export default Router;
|
111
|
+
export { Router };
|
119
112
|
//# sourceMappingURL=router.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,UAAU,UAAU;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAqB;IAExD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,QAAQ,CAAc;IAE9B;;OAEG;IAEH,SAAS,EAAE,OAAO,GAAG,cAAc,CAAQ;IAE3C;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAEnC;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAqB;IAErC;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IAErC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAEhD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK,EAKF,SAAS,EAAE,AALT,EAGf;IAED,IAAI,MAAM,IAAI,SAAS,EAAE,CAExB;IAED,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,MAAM,IAAI,OAAO;IAqB3B,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,IAAI,WAAW;IASxB;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAE1E,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAalE;;OAEG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAoBvC;;OAEG;IACH,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAiBnD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAQ5B;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI;IAQnD,MAAM,CAAC,SAAS,IAAI,IAAI;IAMxB,cAAc,EAAE,MAAM,IAAI,CAEvB;CACJ;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/router.js
CHANGED
@@ -1,251 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { godown } from '@godown/element/decorators/godown.js';
|
3
|
-
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
-
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
5
|
-
import { RouteTree } from '@godown/element/tools/route-tree.js';
|
6
|
-
import { css } from 'lit';
|
7
|
-
import { state, property } from 'lit/decorators.js';
|
8
|
-
import { GlobalStyle } from '../core/global-style.js';
|
9
|
-
|
10
|
-
var Router_1;
|
11
|
-
const protoName = "router";
|
12
|
-
/**
|
13
|
-
* {@linkcode Router} has basic routing control.
|
14
|
-
*
|
15
|
-
* To switch routes, use `router-link component`.
|
16
|
-
*
|
17
|
-
* It has two methods to collect routes.
|
18
|
-
*
|
19
|
-
* 1. From field `routes`, an array, each elements require "path" and "component".
|
20
|
-
* 2. From child elements, which have the slot attribute for matching routes.
|
21
|
-
*
|
22
|
-
* If only the method 1 is used, set `type` to `"field"`.
|
23
|
-
*
|
24
|
-
* If only the method 2 is used, set `type` to `"slotted"`.
|
25
|
-
*
|
26
|
-
* `type` defaults to `"united"`, which will try method 1, then method 2.
|
27
|
-
*
|
28
|
-
* If no routes are matched, the default value (no named slot) will be rendered.
|
29
|
-
*
|
30
|
-
* @slot - Display slot when there is no match.
|
31
|
-
* @slot * - Matching slot will be displayed.
|
32
|
-
* @category navigation
|
33
|
-
*/
|
34
|
-
let Router = Router_1 = class Router extends GlobalStyle {
|
35
|
-
constructor() {
|
36
|
-
super(...arguments);
|
37
|
-
this.__fieldRouteTree = new RouteTree();
|
38
|
-
this.__slottedRouteTree = new RouteTree();
|
39
|
-
this.__cacheRecord = new Map();
|
40
|
-
/**
|
41
|
-
* Render result.
|
42
|
-
*/
|
43
|
-
this.component = null;
|
44
|
-
/**
|
45
|
-
* Dynamic parameters record.
|
46
|
-
*/
|
47
|
-
this.params = {};
|
48
|
-
/**
|
49
|
-
* Current pathname (equals to location.pathname).
|
50
|
-
*/
|
51
|
-
this.pathname = "";
|
52
|
-
/**
|
53
|
-
* Path prefix.
|
54
|
-
*/
|
55
|
-
this.baseURL = "";
|
56
|
-
/**
|
57
|
-
* Rendered content when there is no match.
|
58
|
-
*/
|
59
|
-
this.default = htmlSlot();
|
60
|
-
/**
|
61
|
-
* The type of routing sources.
|
62
|
-
*
|
63
|
-
* If field, it won't collect the slot attribute of the child elements.
|
64
|
-
*
|
65
|
-
* This property should not be changed after the rendering is complete.
|
66
|
-
*/
|
67
|
-
this.type = "united";
|
68
|
-
/**
|
69
|
-
* Cache accessed records.
|
70
|
-
*
|
71
|
-
* Emptied at each re-collection.
|
72
|
-
*/
|
73
|
-
this.cache = false;
|
74
|
-
/**
|
75
|
-
* Callback function when the route changes.
|
76
|
-
*/
|
77
|
-
this.routeChangeCallback = null;
|
78
|
-
this.handlePopstate = this.events.add(window, "popstate", () => {
|
79
|
-
this.pathname = location.pathname;
|
80
|
-
});
|
81
|
-
}
|
82
|
-
set routes(value) {
|
83
|
-
this.__routes = value;
|
84
|
-
this.collectFieldRoutes(value);
|
85
|
-
}
|
86
|
-
get routes() {
|
87
|
-
return this.__routes;
|
88
|
-
}
|
89
|
-
clear() {
|
90
|
-
this.__cacheRecord.clear();
|
91
|
-
}
|
92
|
-
render() {
|
93
|
-
this.params = {};
|
94
|
-
if (this.cache) {
|
95
|
-
const cached = this.__cacheRecord.get(this.pathname);
|
96
|
-
if (cached) {
|
97
|
-
Object.assign(this, cached);
|
98
|
-
return this.component;
|
99
|
-
}
|
100
|
-
}
|
101
|
-
switch (this.type) {
|
102
|
-
case "field":
|
103
|
-
this.component = this.fieldComponent();
|
104
|
-
break;
|
105
|
-
case "slotted":
|
106
|
-
this.component = this.slottedComponent();
|
107
|
-
break;
|
108
|
-
default:
|
109
|
-
this.component = this.fieldComponent() ?? this.slottedComponent();
|
110
|
-
}
|
111
|
-
return this.component ?? this.default ?? null;
|
112
|
-
}
|
113
|
-
connectedCallback() {
|
114
|
-
super.connectedCallback();
|
115
|
-
Router_1.routerInstances.add(this);
|
116
|
-
this.pathname ??= location.pathname;
|
117
|
-
if (this.type !== "field") {
|
118
|
-
const mutationObserver = new MutationObserver(this.collectSlottedRoutes);
|
119
|
-
mutationObserver.observe(this, {
|
120
|
-
attributeFilter: ["slot"],
|
121
|
-
attributes: true,
|
122
|
-
subtree: true,
|
123
|
-
});
|
124
|
-
this.collectSlottedRoutes();
|
125
|
-
}
|
126
|
-
}
|
127
|
-
disconnectedCallback() {
|
128
|
-
super.disconnectedCallback();
|
129
|
-
Router_1.routerInstances.delete(this);
|
130
|
-
}
|
131
|
-
useRouter() {
|
132
|
-
return {
|
133
|
-
pathname: this.pathname,
|
134
|
-
params: this.params,
|
135
|
-
path: this.path,
|
136
|
-
component: this.component,
|
137
|
-
};
|
138
|
-
}
|
139
|
-
updated(changedProperties) {
|
140
|
-
const shouldDispatch = changedProperties.has("pathname") || changedProperties.has("path");
|
141
|
-
if (shouldDispatch) {
|
142
|
-
const ur = this.useRouter();
|
143
|
-
const noRecord = !this.__cacheRecord.has(this.pathname);
|
144
|
-
if (noRecord) {
|
145
|
-
this.__cacheRecord.set(this.pathname, ur);
|
146
|
-
}
|
147
|
-
this.routeChangeCallback?.(ur, noRecord);
|
148
|
-
this.dispatchEvent(new CustomEvent("change", { detail: ur }));
|
149
|
-
}
|
150
|
-
}
|
151
|
-
/**
|
152
|
-
* Get component from {@linkcode routes} by query.
|
153
|
-
*/
|
154
|
-
fieldComponent(query) {
|
155
|
-
query ||= this.useWhich(this.pathname);
|
156
|
-
this.path = query;
|
157
|
-
if (!query) {
|
158
|
-
return null;
|
159
|
-
}
|
160
|
-
this.params = this.parseParams(this.path, this.pathname);
|
161
|
-
const route = this.routes.find((r) => r.path === query);
|
162
|
-
if (!route) {
|
163
|
-
return null;
|
164
|
-
}
|
165
|
-
return route.component;
|
166
|
-
}
|
167
|
-
/**
|
168
|
-
* Get component from slotted elements by query.
|
169
|
-
*/
|
170
|
-
slottedComponent(usedRouteTemplate) {
|
171
|
-
const slottedPaths = this._slottedNames;
|
172
|
-
usedRouteTemplate ||= this.__slottedRouteTree.useWhich(this.pathname);
|
173
|
-
this.path = usedRouteTemplate;
|
174
|
-
if (!usedRouteTemplate) {
|
175
|
-
return null;
|
176
|
-
}
|
177
|
-
this.path = slottedPaths.find((s) => s === usedRouteTemplate);
|
178
|
-
if (!this.path) {
|
179
|
-
return null;
|
180
|
-
}
|
181
|
-
this.params = this.parseParams(usedRouteTemplate, this.pathname);
|
182
|
-
return htmlSlot(this.path);
|
183
|
-
}
|
184
|
-
/**
|
185
|
-
* Reset the route tree, clear cache, collect routes from child elements.
|
186
|
-
*/
|
187
|
-
collectSlottedRoutes() {
|
188
|
-
this.__slottedRouteTree = new RouteTree();
|
189
|
-
this.clear();
|
190
|
-
this._slottedNames.forEach(slotName => {
|
191
|
-
this.__slottedRouteTree.insert(slotName);
|
192
|
-
});
|
193
|
-
}
|
194
|
-
/**
|
195
|
-
* Reset the route tree, clear cache, collect routes from value.
|
196
|
-
*/
|
197
|
-
collectFieldRoutes(value) {
|
198
|
-
this.__fieldRouteTree = new RouteTree();
|
199
|
-
this.clear();
|
200
|
-
value.forEach(({ path }) => {
|
201
|
-
this.__fieldRouteTree.insert(path);
|
202
|
-
});
|
203
|
-
}
|
204
|
-
useWhich(path) {
|
205
|
-
return this.__fieldRouteTree.useWhich(this.baseURL + path);
|
206
|
-
}
|
207
|
-
parseParams(routeTemplate, path) {
|
208
|
-
return this.__fieldRouteTree.parseParams(path, routeTemplate);
|
209
|
-
}
|
210
|
-
static updateAll() {
|
211
|
-
this.routerInstances.forEach((i) => {
|
212
|
-
i.handlePopstate();
|
213
|
-
});
|
214
|
-
}
|
215
|
-
};
|
216
|
-
Router.routerInstances = new Set();
|
217
|
-
__decorate([
|
218
|
-
state()
|
219
|
-
], Router.prototype, "component", void 0);
|
220
|
-
__decorate([
|
221
|
-
state()
|
222
|
-
], Router.prototype, "params", void 0);
|
223
|
-
__decorate([
|
224
|
-
state()
|
225
|
-
], Router.prototype, "path", void 0);
|
226
|
-
__decorate([
|
227
|
-
property()
|
228
|
-
], Router.prototype, "pathname", void 0);
|
229
|
-
__decorate([
|
230
|
-
property()
|
231
|
-
], Router.prototype, "baseURL", void 0);
|
232
|
-
__decorate([
|
233
|
-
state()
|
234
|
-
], Router.prototype, "default", void 0);
|
235
|
-
__decorate([
|
236
|
-
property()
|
237
|
-
], Router.prototype, "type", void 0);
|
238
|
-
__decorate([
|
239
|
-
property({ type: Boolean })
|
240
|
-
], Router.prototype, "cache", void 0);
|
241
|
-
__decorate([
|
242
|
-
state()
|
243
|
-
], Router.prototype, "routes", null);
|
244
|
-
Router = Router_1 = __decorate([
|
245
|
-
godown(protoName),
|
246
|
-
styles(css `:host{display:contents}`)
|
247
|
-
], Router);
|
248
|
-
var Router$1 = Router;
|
249
|
-
|
250
|
-
export { Router$1 as default };
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as s,RouteTree as o,htmlSlot as a,omit as n}from"@godown/element";import{css as i}from"lit";import{state as h,property as r}from"lit/decorators.js";import{GlobalStyle as l}from"../core/global-style.js";var c;let p=c=class Router extends l{constructor(){super(...arguments),this.__fieldRouteTree=new o,this.__slottedRouteTree=new o,this.__cacheRecord=new Map,this.component=null,this.pathname=location.pathname,this.default=a(),this.type="united",this.cache=!1,this.routeChangeCallback=null,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}get params(){return o.parseParams(this.pathname,this.path)}set routes(t){this.__routes=t,this.collectFieldRoutes(t)}get routes(){return this.__routes}clear(){this.__cacheRecord.clear()}render(){if(this.cache){const t=this.__cacheRecord.get(this.pathname);if(t)return Object.assign(this,t),this.component}switch(this.type){case"field":this.component=this.fieldComponent();break;case"slotted":this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){if(super.connectedCallback(),c.routerInstances.add(this),"field"!==this.type){new MutationObserver(this.collectSlottedRoutes).observe(this,{attributeFilter:["slot"],attributes:!0,subtree:!0}),this.collectSlottedRoutes()}}disconnectedCallback(){super.disconnectedCallback(),c.routerInstances.delete(this)}useRouter(){return{pathname:this.pathname,params:this.params,path:this.path,component:this.component}}updated(t){if(t.has("pathname")||t.has("path")){const t=this.useRouter(),e=!this.__cacheRecord.has(this.pathname);e&&this.__cacheRecord.set(this.pathname,t),this.routeChangeCallback?.(t,e),this.dispatchEvent(new CustomEvent("change",{detail:t}))}}fieldComponent(t){if(t||=this.__fieldRouteTree.search(this.pathname)?.pattern,this.path=t,!t)return null;const e=this.routes.find((e=>e.path===t));return e?"render"in e?e.render?.(n(this.useRouter(),"component"))||null:e.component:null}slottedComponent(t){const e=this._slottedNames;return t||=this.__slottedRouteTree.search(this.pathname)?.pattern,this.path=t,t?(this.path=e.find((e=>e===t)),this.path?a(this.path):null):null}collectSlottedRoutes(){this.__slottedRouteTree=new o,this.clear(),this._slottedNames.forEach((t=>{this.__slottedRouteTree.insert(t)}))}collectFieldRoutes(t){this.__fieldRouteTree=new o,this.clear(),t.forEach((({path:t})=>{this.__fieldRouteTree.insert(t)}))}static updateAll(){this.routerInstances.forEach((t=>{t.handlePopstate()}))}};p.routerInstances=new Set,t([h()],p.prototype,"component",void 0),t([h()],p.prototype,"path",void 0),t([r()],p.prototype,"pathname",void 0),t([h()],p.prototype,"default",void 0),t([r()],p.prototype,"type",void 0),t([r({type:Boolean})],p.prototype,"cache",void 0),t([h()],p.prototype,"routes",null),p=c=t([e("router"),s(i`:host{display:contents}`)],p);var d=p;export{p as Router,d as default};
|
251
2
|
//# sourceMappingURL=router.js.map
|
package/components/router.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":["Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","pathname","location","default","htmlSlot","type","cache","routeChangeCallback","handlePopstate","events","add","window","params","parseParams","path","routes","value","__routes","collectFieldRoutes","clear","render","cached","get","Object","assign","fieldComponent","slottedComponent","connectedCallback","super","routerInstances","MutationObserver","collectSlottedRoutes","observe","attributeFilter","attributes","subtree","disconnectedCallback","delete","useRouter","updated","changedProperties","has","ur","noRecord","set","dispatchEvent","CustomEvent","detail","query","search","pattern","route","find","r","omit","slottedPaths","_slottedNames","s","forEach","slotName","insert","updateAll","i","Set","__decorate","state","prototype","undefined","property","Boolean","godown","styles","css","Router$1"],"mappings":"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"}
|
package/components/select.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
|
-
import { HandlerEvent } from "@godown/element";
|
1
|
+
import { type HandlerEvent } from "@godown/element";
|
2
|
+
import { type TemplateResult } from "lit";
|
2
3
|
import Input from "./input.js";
|
3
4
|
/**
|
4
5
|
* {@linkcode Select} is similar to `<select>`.
|
@@ -11,6 +12,9 @@ import Input from "./input.js";
|
|
11
12
|
*
|
12
13
|
* Input will filter the element.
|
13
14
|
*
|
15
|
+
* @fires input - Fires when the input value changes.
|
16
|
+
* @fires change - Fires when the input value changes.
|
17
|
+
* @fires select - Fires when select an option.
|
14
18
|
* @slot - Options.
|
15
19
|
* @category input
|
16
20
|
*/
|
@@ -29,7 +33,7 @@ declare class Select extends Input {
|
|
29
33
|
protected defaultText: string;
|
30
34
|
protected defaultChecked: HTMLElement[];
|
31
35
|
private _store;
|
32
|
-
protected render():
|
36
|
+
protected render(): TemplateResult<1>;
|
33
37
|
protected _handleFocus(): void;
|
34
38
|
protected firstUpdated(): void;
|
35
39
|
protected _connectedInit(): void;
|
@@ -43,4 +47,5 @@ declare class Select extends Input {
|
|
43
47
|
optionValue(option: HTMLElement): string;
|
44
48
|
}
|
45
49
|
export default Select;
|
50
|
+
export { Select };
|
46
51
|
//# sourceMappingURL=select.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../src/components/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAwC,MAAM,iBAAiB,CAAC;AAE1F,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,KAAK,MAAM,YAAY,CAAC;AAyB/B;;;;;;;;;;;;;;;;GAgBG;AACH,cAEM,MAAO,SAAQ,KAAK;IAExB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAGhC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IAGxC,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,CAAC,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAY;IAErD,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,MAAM,CAAyC;IAEvD,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,YAAY,IAAI,IAAI;IA0B9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAkBhC,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;IA4B3C,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAW5B,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAW/D,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,IAAI,IAAI,IAAI;IAMZ,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;CAGzC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|