godown 3.0.0-canary.9 → 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 +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 +14 -16
- 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 +20 -23
- 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 +22 -10
- 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 +6 -4
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +29 -26
- 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 +31 -17
- 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 +8 -11
- 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 +32 -26
- 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 +22 -27
- 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 +17 -16
- 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 +4 -2
- 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 +3 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +17 -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 +2 -3
- 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 +17 -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 +5 -1
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +17 -17
- 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 +23 -22
- 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 +12 -2
- 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 +41 -38
- 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 +53 -51
- 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 +3 -5
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +14 -16
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +14 -27
- 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 +44 -31
- 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 +8 -2
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +32 -24
- 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 +22 -25
- 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 +4 -2
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +7 -5
- 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 +37 -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 +22 -36
- 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 +11 -6
- 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 +4 -3
- 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 +26 -14
- package/src/components/badge.ts +107 -0
- package/src/components/breath.ts +36 -31
- package/src/components/button.ts +31 -32
- package/src/components/card.ts +9 -12
- package/src/components/carousel.ts +41 -34
- package/src/components/details.ts +24 -29
- package/src/components/dialog.ts +24 -25
- package/src/components/divider.ts +29 -17
- package/src/components/dragbox.ts +18 -13
- package/src/components/flex.ts +20 -10
- package/src/components/form.ts +6 -7
- package/src/components/grid.ts +20 -11
- package/src/components/heading.ts +105 -0
- package/src/components/input.ts +20 -20
- package/src/components/layout.ts +20 -23
- package/src/components/link.ts +12 -3
- package/src/components/progress.ts +46 -41
- package/src/components/range.ts +69 -76
- package/src/components/rotate.ts +11 -10
- package/src/components/router.ts +42 -40
- package/src/components/select.ts +57 -45
- package/src/components/skeleton.ts +11 -11
- package/src/components/split.ts +45 -35
- package/src/components/switch.ts +27 -30
- package/src/components/text.ts +14 -21
- package/src/components/time.ts +14 -12
- package/src/components/tooltip.ts +36 -32
- package/src/components/typewriter.ts +32 -45
- package/src/core/global-style.ts +25 -11
- package/src/core/super-anchor.ts +30 -26
- package/src/core/super-input.ts +53 -53
- 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/skeleton.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 Skeleton} renders a skeleton screen.
|
@@ -20,7 +21,8 @@ declare class Skeleton extends GlobalStyle {
|
|
20
21
|
* If false, render slot only.
|
21
22
|
*/
|
22
23
|
loading: boolean;
|
23
|
-
protected render():
|
24
|
+
protected render(): TemplateResult<1>;
|
24
25
|
}
|
25
26
|
export default Skeleton;
|
27
|
+
export { Skeleton };
|
26
28
|
//# sourceMappingURL=skeleton.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../src/components/skeleton.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;GAMG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IAEvB;;;OAGG;IAEH,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAE/C;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAMtC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
package/components/skeleton.js
CHANGED
@@ -1,55 +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 iconPhoto from '@godown/f7-icon/icons/photo.js';
|
6
|
-
import { html, css } from 'lit';
|
7
|
-
import { property, state } from 'lit/decorators.js';
|
8
|
-
import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
|
9
|
-
|
10
|
-
const protoName = "skeleton";
|
11
|
-
const cssScope = scopePrefix(protoName);
|
12
|
-
/**
|
13
|
-
* {@linkcode Skeleton} renders a skeleton screen.
|
14
|
-
*
|
15
|
-
* @slot loading - The content if loading is true.
|
16
|
-
* @slot - The content if loading is false.
|
17
|
-
* @category feedback
|
18
|
-
*/
|
19
|
-
let Skeleton = class Skeleton extends GlobalStyle {
|
20
|
-
constructor() {
|
21
|
-
super(...arguments);
|
22
|
-
/**
|
23
|
-
* Animation type.
|
24
|
-
* opacity animation only effect on slotted element and image icon.
|
25
|
-
*/
|
26
|
-
this.animation = "position";
|
27
|
-
/**
|
28
|
-
* If false, render slot only.
|
29
|
-
*/
|
30
|
-
this.loading = true;
|
31
|
-
}
|
32
|
-
render() {
|
33
|
-
if (!this.loading) {
|
34
|
-
return htmlSlot();
|
35
|
-
}
|
36
|
-
return html `<div part="root" class="${this.animation}">${this.type === "image" ? iconPhoto() : ""} ${htmlSlot("loading")}</div>`;
|
37
|
-
}
|
38
|
-
};
|
39
|
-
__decorate([
|
40
|
-
property()
|
41
|
-
], Skeleton.prototype, "type", void 0);
|
42
|
-
__decorate([
|
43
|
-
property()
|
44
|
-
], Skeleton.prototype, "animation", void 0);
|
45
|
-
__decorate([
|
46
|
-
state()
|
47
|
-
], Skeleton.prototype, "loading", void 0);
|
48
|
-
Skeleton = __decorate([
|
49
|
-
godown(protoName),
|
50
|
-
styles(css `:host{${cssScope}--from:var(${cssGlobalVars._colors.darkgray[9]});${cssScope}--to:var(${cssGlobalVars._colors.darkgray[7]});${cssScope}--deg:95deg;${cssScope}--duration:1.5s;${cssScope}--icon-size:5em;${cssScope}--icon-margin:.25em;color:var(${cssGlobalVars._colors.darkgray[5]});background:var(${cssScope}--from);min-height:1.5em;width:100%;flex-shrink:0;display:block;overflow:hidden}[part=root]{height:100%;min-height:inherit;text-align:center;animation:var(${cssScope}--duration) ease-in-out 0s infinite none running}svg{--size:var(${cssScope}--icon-size);font-size:var(--size);margin:calc(var(--size) * .05)}.position{background-image:linear-gradient(var(${cssScope}--deg),var(${cssScope}--from) 36%,var(${cssScope}--to) 50%,var(${cssScope}--from) 64%);background-color:transparent;background-size:200% 100%;animation-name:po}@keyframes po{from{background-position:150% center}to{background-position:-50% center}}.opacity{animation-name:op;animation-direction:alternate}@keyframes op{50%{opacity:.25}to{opacity:1}}`)
|
51
|
-
], Skeleton);
|
52
|
-
var Skeleton$1 = Skeleton;
|
53
|
-
|
54
|
-
export { Skeleton$1 as default };
|
1
|
+
import{__decorate as o}from"tslib";import{godown as i,styles as r,htmlSlot as t,attr as a}from"@godown/element";import n from"@godown/f7-icon/icons/photo.js";import{css as e,html as s}from"lit";import{property as m,state as d}from"lit/decorators.js";import{scopePrefix as c,cssGlobalVars as p,GlobalStyle as g}from"../core/global-style.js";const l="skeleton",v=c(l);let f=class Skeleton extends g{constructor(){super(...arguments),this.animation="position",this.loading=!0}render(){return this.loading?s`<div part="root" ${a(this.observedRecord)}>${"image"===this.type?n():""} ${t("loading")}</div>`:t()}};o([m()],f.prototype,"type",void 0),o([m()],f.prototype,"animation",void 0),o([d()],f.prototype,"loading",void 0),f=o([i(l),r(e`:host{${v}--from:var(${p._colors.darkgray[9]});${v}--to:var(${p._colors.darkgray[7]});${v}--deg:95deg;${v}--duration:1.5s;${v}--icon-size:5em;${v}--icon-margin:.25em;color:var(${p._colors.darkgray[5]});background:var(${v}--from);min-height:1.5em;width:100%;flex-shrink:0;display:block;overflow:hidden}[part=root]{height:100%;min-height:inherit;text-align:center;animation:var(${v}--duration) ease-in-out 0s infinite none running}svg{--size:var(${v}--icon-size);font-size:var(--size);margin:calc(var(--size) * .05)}[animation=position]{background-image:linear-gradient(var(${v}--deg),var(${v}--from) 36%,var(${v}--to) 50%,var(${v}--from) 64%);background-color:transparent;background-size:200% 100%;animation-name:po}@keyframes po{from{background-position:150% center}to{background-position:-50% center}}[animation=opacity]{animation-name:op;animation-direction:alternate}@keyframes op{50%{opacity:.25}to{opacity:1}}`)],f);var $=f;export{f as Skeleton,$ as default};
|
55
2
|
//# sourceMappingURL=skeleton.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","animation","loading","render","html","attr","observedRecord","type","iconPhoto","htmlSlot","__decorate","property","prototype","state","godown","styles","css","cssGlobalVars","_colors","darkgray","Skeleton$1"],"mappings":"oVAOA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,GAa7B,IAAMG,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAYEC,KAASC,UAA2B,WAMpCD,KAAOE,SAAG,EAEA,MAAAC,GACR,OAAKH,KAAKE,QAGHE,CAAI,oBAAoBC,EAAKL,KAAKM,mBACvB,UAAdN,KAAKO,KAAmBC,IAAc,MACtCC,EAAS,mBAJJA,MAjBXC,EAAA,CADCC,KACqBd,EAAAe,UAAA,YAAA,GAOtBF,EAAA,CADCC,KAC6Cd,EAAAe,UAAA,iBAAA,GAM9CF,EAAA,CADCG,KACahB,EAAAe,UAAA,eAAA,GAlBVf,EAAQa,EAAA,CAJbI,EAAOpB,GACPqB,EACCC,CAAG,SAASrB,eAAsBsB,EAAcC,QAAQC,SAAS,OAAOxB,aAAoBsB,EAAcC,QAAQC,SAAS,OAAOxB,gBAAuBA,oBAA2BA,oBAA2BA,kCAAyCsB,EAAcC,QAAQC,SAAS,sBAAsBxB,+JAAsKA,oEAA2EA,gIAAwIA,eAAsBA,oBAA2BA,kBAAyBA,mSAE5uBE,GA+BN,IAAAuB,EAAevB"}
|
package/components/split.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
|
-
import { type HandlerEvent } from "@godown/element
|
1
|
+
import { type HandlerEvent } from "@godown/element";
|
2
|
+
import { type TemplateResult } from "lit";
|
2
3
|
import SuperInput from "../core/super-input.js";
|
3
4
|
/**
|
4
5
|
* {@linkcode Split} renders multiple input boxes.
|
@@ -7,6 +8,10 @@ import SuperInput from "../core/super-input.js";
|
|
7
8
|
*
|
8
9
|
* Delete: will move the focus box forward until the first and no inputs for each.
|
9
10
|
*
|
11
|
+
* @fires input - Fires when the input value changes.
|
12
|
+
* @fires change - Fires when the input value changes.
|
13
|
+
* @fires focus - Fires when the input is focused.
|
14
|
+
* @fires blur - Fires when the input is blurred.
|
10
15
|
* @category input
|
11
16
|
*/
|
12
17
|
declare class Split extends SuperInput {
|
@@ -20,7 +25,7 @@ declare class Split extends SuperInput {
|
|
20
25
|
index: number;
|
21
26
|
current: number;
|
22
27
|
currentValue: (string | void)[];
|
23
|
-
protected render():
|
28
|
+
protected render(): TemplateResult<1>;
|
24
29
|
connectedCallback(): void;
|
25
30
|
protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void;
|
26
31
|
/**
|
@@ -46,4 +51,5 @@ declare class Split extends SuperInput {
|
|
46
51
|
reset(): void;
|
47
52
|
}
|
48
53
|
export default Split;
|
54
|
+
export { Split };
|
49
55
|
//# sourceMappingURL=split.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../src/components/split.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,KAAK,YAAY,EAAU,MAAM,iBAAiB,CAAC;AACrF,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9D,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAahD;;;;;;;;;;;;GAYG;AACH,cAIM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,IAAI;IAY3E;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA2C9C,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAMxB,IAAI,IAAI,IAAI;IAOZ,KAAK,IAAI,IAAI;CAQd;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
package/components/split.js
CHANGED
@@ -1,154 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { godown } from '@godown/element/decorators/godown.js';
|
3
|
-
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
-
import { classList } from '@godown/element/directives/class-list.js';
|
5
|
-
import { html, nothing, css } from 'lit';
|
6
|
-
import { property, state } from 'lit/decorators.js';
|
7
|
-
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
8
|
-
import SuperInput from '../core/super-input.js';
|
9
|
-
|
10
|
-
const protoName = "split";
|
11
|
-
const cssScope = scopePrefix(protoName);
|
12
|
-
const loop = (len, fn) => {
|
13
|
-
const result = new Array(len);
|
14
|
-
for (let index = 0; index < len; index++) {
|
15
|
-
result[index] = fn(index);
|
16
|
-
}
|
17
|
-
return result;
|
18
|
-
};
|
19
|
-
/**
|
20
|
-
* {@linkcode Split} renders multiple input boxes.
|
21
|
-
*
|
22
|
-
* Input: will move the focus box backward until the complete input from start to end.
|
23
|
-
*
|
24
|
-
* Delete: will move the focus box forward until the first and no inputs for each.
|
25
|
-
*
|
26
|
-
* @category input
|
27
|
-
*/
|
28
|
-
let Split = class Split extends SuperInput {
|
29
|
-
constructor() {
|
30
|
-
super(...arguments);
|
31
|
-
/**
|
32
|
-
* The number of input boxes.
|
33
|
-
*/
|
34
|
-
this.len = 6;
|
35
|
-
/**
|
36
|
-
* Focus index.
|
37
|
-
*/
|
38
|
-
this.index = -1;
|
39
|
-
this.current = -1;
|
40
|
-
this.currentValue = [];
|
41
|
-
}
|
42
|
-
render() {
|
43
|
-
return html `<div part="root">${loop(this.len, (index) => html `<span part="input-box" @click="${this.disabled ? null : () => this.focusAt(index)}" class="${classList({ focus: this.current === index }) || nothing}">${this.currentValue[index]}</span>`)} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${
|
44
|
-
/* Ensure that input always has a value of length this.len */
|
45
|
-
this.value.padStart(this.len, " ")}"></div>`;
|
46
|
-
}
|
47
|
-
connectedCallback() {
|
48
|
-
super.connectedCallback();
|
49
|
-
this.reset();
|
50
|
-
}
|
51
|
-
_handleInput(e) {
|
52
|
-
e.stopPropagation();
|
53
|
-
if (this.compositing) {
|
54
|
-
return;
|
55
|
-
}
|
56
|
-
this.fillInput(e.data);
|
57
|
-
this.value = this.currentValue.join("");
|
58
|
-
this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
|
59
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
|
60
|
-
}
|
61
|
-
/**
|
62
|
-
* Fill input with data.
|
63
|
-
*
|
64
|
-
* If data is null
|
65
|
-
* - If current value is null, move to before.
|
66
|
-
* - If current value is not null, delete it.
|
67
|
-
*
|
68
|
-
* If data is not null
|
69
|
-
* - If current value is null, input data.
|
70
|
-
* - If current value is not null, input data and move to after.
|
71
|
-
*
|
72
|
-
* If data is multiple characters,
|
73
|
-
* Fill input with data[0] and call fillInput with data.slice(1).
|
74
|
-
*
|
75
|
-
* @param data Input event data.
|
76
|
-
*/
|
77
|
-
fillInput(data) {
|
78
|
-
if (data === null) {
|
79
|
-
// delete
|
80
|
-
if (this.currentValue[this.current] !== null) {
|
81
|
-
// delete exist value
|
82
|
-
this.currentValue[this.current] = null;
|
83
|
-
}
|
84
|
-
else {
|
85
|
-
// go to before
|
86
|
-
this.currentValue[this.current - 1] = null;
|
87
|
-
const lastNotNull = this.currentValue.findLastIndex(a => a !== null);
|
88
|
-
this.current = this.current - 1 < 0 ? lastNotNull < 0 ? 0 : lastNotNull : this.current - 1;
|
89
|
-
}
|
90
|
-
return;
|
91
|
-
}
|
92
|
-
const multiple = data.length > 1;
|
93
|
-
// input
|
94
|
-
this.currentValue[this.current] = data[0];
|
95
|
-
if (this.current + 1 >= this.len) {
|
96
|
-
// index overflow
|
97
|
-
this.current = this.currentValue.indexOf(null);
|
98
|
-
if (this.current === -1) {
|
99
|
-
this.blur();
|
100
|
-
}
|
101
|
-
}
|
102
|
-
else {
|
103
|
-
// go to after
|
104
|
-
this.current += 1;
|
105
|
-
}
|
106
|
-
if (multiple) {
|
107
|
-
const after = data.slice(1);
|
108
|
-
if (after) {
|
109
|
-
this.fillInput(after);
|
110
|
-
}
|
111
|
-
}
|
112
|
-
}
|
113
|
-
focus() {
|
114
|
-
this.focusAt(this.current);
|
115
|
-
super.focus();
|
116
|
-
}
|
117
|
-
focusAt(i) {
|
118
|
-
this.current = i;
|
119
|
-
this._input.focus();
|
120
|
-
}
|
121
|
-
blur() {
|
122
|
-
this._input.blur();
|
123
|
-
this.current = -1;
|
124
|
-
super.blur();
|
125
|
-
}
|
126
|
-
reset() {
|
127
|
-
this.current = -1;
|
128
|
-
this.value = this.default;
|
129
|
-
this.currentValue = this.value.split("").concat(Array(this.len - this.value.length).fill(null));
|
130
|
-
if (this.index > -1) {
|
131
|
-
this.current = this.index;
|
132
|
-
}
|
133
|
-
}
|
134
|
-
};
|
135
|
-
__decorate([
|
136
|
-
property({ type: Number })
|
137
|
-
], Split.prototype, "len", void 0);
|
138
|
-
__decorate([
|
139
|
-
property({ type: Number })
|
140
|
-
], Split.prototype, "index", void 0);
|
141
|
-
__decorate([
|
142
|
-
state()
|
143
|
-
], Split.prototype, "current", void 0);
|
144
|
-
__decorate([
|
145
|
-
state()
|
146
|
-
], Split.prototype, "currentValue", void 0);
|
147
|
-
Split = __decorate([
|
148
|
-
godown(protoName),
|
149
|
-
styles(css `:host{color:var(${cssGlobalVars.foreground});display:block;border-radius:1px;width:-moz-fit-content;width:fit-content;${cssScope}--size:1.45em;${cssScope}--gap:.25em}[part=root]{gap:var(${cssScope}--gap);width:100%;position:relative;vertical-align:top;display:inline-flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${cssScope}--size);height:var(${cssScope}--size);vertical-align:top;text-align:center;background-color:var(${cssGlobalVars.input}-background);border-radius:inherit}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus{box-shadow:var(${cssGlobalVars.input}-box-shadow)}`)
|
150
|
-
], Split);
|
151
|
-
var Split$1 = Split;
|
152
|
-
|
153
|
-
export { Split$1 as default };
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as r,attr as i,classList as s}from"@godown/element";import{css as n,html as u,nothing as o}from"lit";import{property as l,state as c}from"lit/decorators.js";import{scopePrefix as a,cssGlobalVars as h}from"../core/global-style.js";import p from"../core/super-input.js";const d="split",b=a(d);let f=class Split extends p{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[]}render(){return u`<div part="root" ${i(this.observedRecord)}>${((t,e)=>{const r=new Array(t);for(let i=0;i<t;i++)r[i]=e(i);return r})(this.len,(t=>u`<span part="input-box" @click="${this.disabled?null:()=>this.focusAt(t)}" class="${s({focus:this.current===t})||o}">${this.currentValue[t]}</span>`))} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${this.value.padStart(this.len," ")}"></div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(t){t.stopPropagation(),this.compositing||(this.fillInput(t.data),this.value=this.currentValue.join(""),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0})))}fillInput(t){if(null===t){if(null!==this.currentValue[this.current])this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;const t=this.currentValue.findLastIndex((t=>null!==t));this.current=this.current-1<0?t<0?0:t:this.current-1}return}const e=t.length>1;if(this.currentValue[this.current]=t[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),-1===this.current&&this.blur()):this.current+=1,e){const e=t.slice(1);e&&this.fillInput(e)}}focus(){this.focusAt(this.current),super.focus()}focusAt(t){this.current=t,this._input.focus(),this.dispatchEvent(new CustomEvent("focus",{detail:t,bubbles:!0,composed:!0}))}blur(){this._input.blur(),this.current=-1,super.blur(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split("").concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};t([l({type:Number})],f.prototype,"len",void 0),t([l({type:Number})],f.prototype,"index",void 0),t([c()],f.prototype,"current",void 0),t([c()],f.prototype,"currentValue",void 0),f=t([e(d),r(n`:host{color:var(${h.foreground});display:block;border-radius:1px;width:-moz-fit-content;width:fit-content;${b}--size:1.45em;${b}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{gap:var(${b}--gap);width:100%;position:relative;vertical-align:top;display:flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${b}--size);height:var(${b}--size);vertical-align:top;text-align:center;background-color:var(${h.input}-background);border-radius:inherit}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus{box-shadow:var(${h.input}-box-shadow)}`)],f);var v=f;export{f as Split,v as default};
|
154
2
|
//# sourceMappingURL=split.js.map
|
package/components/split.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","this","len","index","current","currentValue","render","html","attr","observedRecord","fn","result","Array","loop","disabled","focusAt","classList","focus","nothing","makeId","blur","_handleInput","value","padStart","connectedCallback","super","reset","e","stopPropagation","compositing","fillInput","data","join","dispatchEvent","CustomEvent","detail","composed","bubbles","lastNotNull","findLastIndex","a","multiple","length","indexOf","after","slice","i","_input","default","split","concat","fill","__decorate","property","type","Number","prototype","state","godown","styles","css","cssGlobalVars","foreground","input","Split$1"],"mappings":"yUAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GA2B7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAKEC,KAAGC,IAAG,EAMND,KAAKE,OAAI,EAGTF,KAAOG,SAAI,EAGXH,KAAYI,aAAsB,GAExB,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKP,KAAKQ,mBA7ChC,EAAIP,EAAaQ,KAC5B,MAAMC,EAAc,IAAIC,MAAMV,GAC9B,IAAK,IAAIC,EAAQ,EAAGA,EAAQD,EAAKC,IAC/BQ,EAAOR,GAASO,EAAGP,GAErB,OAAOQ,CAAM,EA0CTE,CACEZ,KAAKC,KACJC,GACCI,CAAI,kCAEQN,KAAKa,SAAW,KAAO,IAAMb,KAAKc,QAAQZ,cAC3Ca,EAAU,CAAEC,MAAOhB,KAAKG,UAAYD,KAAYe,MACtDjB,KAAKI,aAAaF,yCAMnBF,KAAKkB,kBACHlB,KAAKmB,iBACHnB,KAAKoB,yBAGjBpB,KAAKqB,MAAMC,SAAStB,KAAKC,IAAK,eAKlC,iBAAAsB,GACEC,MAAMD,oBACNvB,KAAKyB,QAGG,YAAAL,CAAaM,GACrBA,EAAEC,kBACE3B,KAAK4B,cAIT5B,KAAK6B,UAAUH,EAAEI,MACjB9B,KAAKqB,MAAQrB,KAAKI,aAAa2B,KAAK,IAEpC/B,KAAKgC,cAAc,IAAIC,YAAY,QAAS,CAAEC,OAAQlC,KAAKqB,MAAOc,UAAU,EAAMC,SAAS,MAmBnF,SAAAP,CAAUC,GAClB,GAAa,OAATA,EAAe,CAGjB,GAAwC,OAApC9B,KAAKI,aAAaJ,KAAKG,SAGzBH,KAAKI,aAAaJ,KAAKG,SAAW,SAC7B,CAGLH,KAAKI,aAAaJ,KAAKG,QAAU,GAAK,KACtC,MAAMkC,EAAcrC,KAAKI,aAAakC,eAAcC,GAAW,OAANA,IACzDvC,KAAKG,QAAUH,KAAKG,QAAU,EAAI,EAAIkC,EAAc,EAAI,EAAIA,EAAcrC,KAAKG,QAAU,EAE3F,OAGF,MAAMqC,EAAWV,EAAKW,OAAS,EAiB/B,GAdAzC,KAAKI,aAAaJ,KAAKG,SAAW2B,EAAK,GACnC9B,KAAKG,QAAU,GAAKH,KAAKC,KAG3BD,KAAKG,QAAUH,KAAKI,aAAasC,QAAQ,OACnB,IAAlB1C,KAAKG,SACPH,KAAKmB,QAKPnB,KAAKG,SAAW,EAGdqC,EAAU,CACZ,MAAMG,EAAQb,EAAKc,MAAM,GACrBD,GACF3C,KAAK6B,UAAUc,IAKrB,KAAA3B,GACEhB,KAAKc,QAAQd,KAAKG,SAClBqB,MAAMR,QAGR,OAAAF,CAAQ+B,GACN7C,KAAKG,QAAU0C,EACf7C,KAAK8C,OAAO9B,QACZhB,KAAKgC,cAAc,IAAIC,YAAY,QAAS,CAAEC,OAAQW,EAAGT,SAAS,EAAMD,UAAU,KAGpF,IAAAhB,GACEnB,KAAK8C,OAAO3B,OACZnB,KAAKG,SAAW,EAChBqB,MAAML,OACNnB,KAAKgC,cAAc,IAAIC,YAAY,OAAQ,CAAEG,SAAS,EAAMD,UAAU,KAGxE,KAAAV,GACEzB,KAAKG,SAAW,EAChBH,KAAKqB,MAAQrB,KAAK+C,QAClB/C,KAAKI,aAAeJ,KAAKqB,MAAM2B,MAAM,IAAIC,OAAOtC,MAAMX,KAAKC,IAAMD,KAAKqB,MAAMoB,QAAQS,KAAK,OACrFlD,KAAKE,OAAS,IAChBF,KAAKG,QAAUH,KAAKE,SA3IxBiD,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXzD,EAAA0D,UAAA,WAAA,GAMPJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACRzD,EAAA0D,UAAA,aAAA,GAGVJ,EAAA,CADCK,KACW3D,EAAA0D,UAAA,eAAA,GAGZJ,EAAA,CADCK,KACmC3D,EAAA0D,UAAA,oBAAA,GAjBhC1D,EAAKsD,EAAA,CAJVM,EAAO/D,GACPgE,EACCC,CAAG,mBAAmBC,EAAcC,wFAAwFlE,kBAAyBA,2GAAkHA,uJAA8JA,uBAA8BA,sEAA6EiE,EAAcE,2JAA4JF,EAAcE,uBAEpsBjE,GAqJN,IAAAkE,EAAelE"}
|
package/components/switch.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 Switch} renders a switch.
|
@@ -5,11 +6,12 @@ import SuperInput from "../core/super-input.js";
|
|
5
6
|
* The switch is rectangular by default,
|
6
7
|
* set the round property to rounded switch.
|
7
8
|
*
|
9
|
+
* @fires change - Fires when the switch is switched.
|
8
10
|
* @category input
|
9
11
|
*/
|
10
12
|
declare class Switch extends SuperInput {
|
11
13
|
/**
|
12
|
-
*
|
14
|
+
* Display rounded.
|
13
15
|
*/
|
14
16
|
round: boolean;
|
15
17
|
/**
|
@@ -29,11 +31,12 @@ declare class Switch extends SuperInput {
|
|
29
31
|
*/
|
30
32
|
value: string;
|
31
33
|
protected _input: HTMLInputElement;
|
32
|
-
protected render():
|
34
|
+
protected render(): TemplateResult<1>;
|
33
35
|
reset(): void;
|
34
36
|
connectedCallback(): void;
|
35
37
|
protected _handleChange(): void;
|
36
38
|
namevalue(): [string, boolean];
|
37
39
|
}
|
38
40
|
export default Switch;
|
41
|
+
export { Switch };
|
39
42
|
//# sourceMappingURL=switch.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;;GAQG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAW;IAElB;;OAEG;IAEH,KAAK,SAAQ;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAKb,iBAAiB,IAAI,IAAI;IAUzB,SAAS,CAAC,aAAa,IAAI,IAAI;IAK/B,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
package/components/switch.js
CHANGED
@@ -1,93 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { godown } from '@godown/element/decorators/godown.js';
|
3
|
-
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
-
import { html, css } from 'lit';
|
5
|
-
import { property, query } from 'lit/decorators.js';
|
6
|
-
import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
|
7
|
-
import SuperInput from '../core/super-input.js';
|
8
|
-
|
9
|
-
const protoName = "switch";
|
10
|
-
const cssScope = scopePrefix(protoName);
|
11
|
-
/**
|
12
|
-
* {@linkcode Switch} renders a switch.
|
13
|
-
*
|
14
|
-
* The switch is rectangular by default,
|
15
|
-
* set the round property to rounded switch.
|
16
|
-
*
|
17
|
-
* @category input
|
18
|
-
*/
|
19
|
-
let Switch = class Switch extends SuperInput {
|
20
|
-
constructor() {
|
21
|
-
super(...arguments);
|
22
|
-
/**
|
23
|
-
* Border style.
|
24
|
-
*/
|
25
|
-
this.round = false;
|
26
|
-
/**
|
27
|
-
* Whether this element is selected or not.
|
28
|
-
*/
|
29
|
-
this.checked = false;
|
30
|
-
/**
|
31
|
-
* Disable this element.
|
32
|
-
*/
|
33
|
-
this.disabled = false;
|
34
|
-
/**
|
35
|
-
* Default checked state.
|
36
|
-
*/
|
37
|
-
this.default = "false";
|
38
|
-
/**
|
39
|
-
* Input value.
|
40
|
-
*/
|
41
|
-
this.value = "on";
|
42
|
-
}
|
43
|
-
render() {
|
44
|
-
return html `<div part="root" class="${this.round ? "round" : "rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span part="handle" class="${this.checked}"></span></div>`;
|
45
|
-
}
|
46
|
-
reset() {
|
47
|
-
this.checked = this.default === "true";
|
48
|
-
this._input.checked = this.checked;
|
49
|
-
}
|
50
|
-
connectedCallback() {
|
51
|
-
super.connectedCallback();
|
52
|
-
if (this.checked) {
|
53
|
-
this.default = "true";
|
54
|
-
}
|
55
|
-
if (this.default === "true") {
|
56
|
-
this.checked = true;
|
57
|
-
}
|
58
|
-
}
|
59
|
-
_handleChange() {
|
60
|
-
this.checked = this._input.checked;
|
61
|
-
this.dispatchEvent(new CustomEvent("input", { detail: this.checked, bubbles: true, composed: true }));
|
62
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.checked, composed: true }));
|
63
|
-
}
|
64
|
-
namevalue() {
|
65
|
-
return [this.name, this.checked];
|
66
|
-
}
|
67
|
-
};
|
68
|
-
__decorate([
|
69
|
-
property({ type: Boolean, reflect: true })
|
70
|
-
], Switch.prototype, "round", void 0);
|
71
|
-
__decorate([
|
72
|
-
property({ type: Boolean, reflect: true })
|
73
|
-
], Switch.prototype, "checked", void 0);
|
74
|
-
__decorate([
|
75
|
-
property({ type: Boolean, reflect: true })
|
76
|
-
], Switch.prototype, "disabled", void 0);
|
77
|
-
__decorate([
|
78
|
-
property()
|
79
|
-
], Switch.prototype, "default", void 0);
|
80
|
-
__decorate([
|
81
|
-
property()
|
82
|
-
], Switch.prototype, "value", void 0);
|
83
|
-
__decorate([
|
84
|
-
query("input")
|
85
|
-
], Switch.prototype, "_input", void 0);
|
86
|
-
Switch = __decorate([
|
87
|
-
godown(protoName),
|
88
|
-
styles(css `:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:.125em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block;vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=root],input{width:100%}input{opacity:0;height:100%;-webkit-appearance:none;appearance:none}span{height:100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:50%;pointer-events:none;border-radius:inherit}:host([round]){border-radius:calc(var(${cssScope}-height)/ 2)}:host([checked]) span{left:50%}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span{--size:var(${cssScope}-handle-size);border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size);margin:var(${cssScope}-handle-space)}.round{background:var(${cssGlobalVars.passive})}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
|
89
|
-
], Switch);
|
90
|
-
var Switch$1 = Switch;
|
91
|
-
|
92
|
-
export { Switch$1 as default };
|
1
|
+
import{__decorate as e}from"tslib";import{godown as t,styles as i,attr as r}from"@godown/element";import{css as a,html as o}from"lit";import{property as n,query as d}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as h}from"../core/global-style.js";import c from"../core/super-input.js";const p="switch",l=s(p);let u=class Switch extends c{constructor(){super(...arguments),this.round=!1,this.checked=!1,this.disabled=!1,this.default="false",this.value="on"}render(){return o`<div part="root" ${r(this.observedRecord)} class="${this.round?"round":"rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span part="handle" class="${this.checked}"></span></div>`}reset(){this.checked="true"===this.default,this._input.checked=this.checked}connectedCallback(){super.connectedCallback(),this.checked&&(this.default="true"),"true"===this.default&&(this.checked=!0)}_handleChange(){this.checked=this._input.checked,this.dispatchEvent(new CustomEvent("change",{detail:this.checked,composed:!0}))}namevalue(){return[this.name,this.checked]}};e([n({type:Boolean,reflect:!0})],u.prototype,"round",void 0),e([n({type:Boolean,reflect:!0})],u.prototype,"checked",void 0),e([n({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),e([n()],u.prototype,"default",void 0),e([n()],u.prototype,"value",void 0),e([d("input")],u.prototype,"_input",void 0),u=e([t(p),i(a`:host,:host([contents]) [part=root]{width:var(${l}-width);height:var(${l}-height);display:inline-block}:host{${l}-width:3em;${l}-height:calc(var(${l}-width)/ 2);${l}-handle-size:1.25em;${l}-handle-space:.125em;${l}-transition:.2s ease-in-out;background:var(${h.input}-background);vertical-align:bottom;border-radius:0}[part=handle],[part=root]{transition:var(${l}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=input]{opacity:0;width:100%;height:100%;-webkit-appearance:none;appearance:none}[part=handle]{height:100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:50%;pointer-events:none;border-radius:inherit}:host([round]){border-radius:calc(var(${l}-height)/ 2);background:var(${h.passive})}:host([checked]) [part=handle]{left:50%}.rect .true{background:var(${h.active})}.rect .false{background:var(${h.passive})}.round [part=handle]{--size:var(${l}-handle-size);border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size);margin:var(${l}-handle-space)}:host([checked]) .round{background:var(${h.active})}`)],u);var v=u;export{u as Switch,v as default};
|
93
2
|
//# sourceMappingURL=switch.js.map
|
package/components/switch.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","round","checked","disabled","default","value","render","html","attr","observedRecord","_handleChange","name","makeId","reset","_input","connectedCallback","super","dispatchEvent","CustomEvent","detail","composed","namevalue","__decorate","property","type","Boolean","reflect","prototype","query","godown","styles","css","cssGlobalVars","input","passive","active","Switch$1"],"mappings":"6SAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAKC,OAAG,EAMRD,KAAOE,SAAG,EAMVF,KAAQG,UAAG,EAMXH,KAAOI,QAAG,QAMVJ,KAAKK,MAAG,KAKE,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKR,KAAKS,0BAA0BT,KAAKC,MAAQ,QAAU,wCAG3ED,KAAKU,6BACHV,KAAKG,uBACNH,KAAKE,kBACTF,KAAKW,aACPX,KAAKY,uDAGgBZ,KAAKE,yBAItC,KAAAW,GACEb,KAAKE,QAA2B,SAAjBF,KAAKI,QACpBJ,KAAKc,OAAOZ,QAAUF,KAAKE,QAG7B,iBAAAa,GACEC,MAAMD,oBACFf,KAAKE,UACPF,KAAKI,QAAU,QAEI,SAAjBJ,KAAKI,UACPJ,KAAKE,SAAU,GAIT,aAAAQ,GACRV,KAAKE,QAAUF,KAAKc,OAAOZ,QAC3BF,KAAKiB,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQnB,KAAKE,QAASkB,UAAU,KAGjF,SAAAC,GACE,MAAO,CAACrB,KAAKW,KAAMX,KAAKE,WAjE1BoB,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACvB7B,EAAA8B,UAAA,aAAA,GAMbL,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACrB7B,EAAA8B,UAAA,eAAA,GAMfL,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpB7B,EAAA8B,UAAA,gBAAA,GAMhBL,EAAA,CADCC,KACgB1B,EAAA8B,UAAA,eAAA,GAMjBL,EAAA,CADCC,KACW1B,EAAA8B,UAAA,aAAA,GAGFL,EAAA,CADTM,EAAM,UAC2B/B,EAAA8B,UAAA,cAAA,GAhC9B9B,EAAMyB,EAAA,CAJXO,EAAOnC,GACPoC,EACCC,CAAG,iDAAiDpC,uBAA8BA,wCAA+CA,eAAsBA,qBAA4BA,gBAAwBA,wBAA+BA,yBAAgCA,+CAAsDqC,EAAcC,oGAAoGtC,qXAA4XA,gCAAwCqC,EAAcE,+EAA+EF,EAAcG,uCAAuCH,EAAcE,4CAA4CvC,6HAAoIA,0DAAiEqC,EAAcG,aAEjvCtC,GA0EN,IAAAuC,EAAevC"}
|
package/components/text.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 Text} renders nowrap text.
|
@@ -13,7 +14,8 @@ declare class Text extends GlobalStyle {
|
|
13
14
|
* Set background-clip to text.
|
14
15
|
*/
|
15
16
|
clip: boolean;
|
16
|
-
protected render():
|
17
|
+
protected render(): TemplateResult<1>;
|
17
18
|
}
|
18
19
|
export default Text;
|
20
|
+
export { Text };
|
19
21
|
//# sourceMappingURL=text.d.ts.map
|
package/components/text.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAMlF;;;;GAIG;AACH,cAIM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAU;IAE3D;;OAEG;IAEH,IAAI,UAAS;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/components/text.js
CHANGED
@@ -1,44 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { godown } from '@godown/element/decorators/godown.js';
|
3
|
-
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
-
import { classList } from '@godown/element/directives/class-list.js';
|
5
|
-
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
6
|
-
import { html, css } from 'lit';
|
7
|
-
import { property } from 'lit/decorators.js';
|
8
|
-
import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
|
9
|
-
|
10
|
-
const protoName = "text";
|
11
|
-
const cssScope = scopePrefix(protoName);
|
12
|
-
/**
|
13
|
-
* {@linkcode Text} renders nowrap text.
|
14
|
-
*
|
15
|
-
* @category display
|
16
|
-
*/
|
17
|
-
let Text = class Text extends GlobalStyle {
|
18
|
-
constructor() {
|
19
|
-
super(...arguments);
|
20
|
-
/**
|
21
|
-
* Underline behavior.
|
22
|
-
*/
|
23
|
-
this.underline = "none";
|
24
|
-
}
|
25
|
-
render() {
|
26
|
-
return html `<span part="root" class="${classList(this.underline, {
|
27
|
-
clip: this.clip,
|
28
|
-
})}">${htmlSlot()}</span>`;
|
29
|
-
}
|
30
|
-
};
|
31
|
-
__decorate([
|
32
|
-
property()
|
33
|
-
], Text.prototype, "underline", void 0);
|
34
|
-
__decorate([
|
35
|
-
property({ type: Boolean })
|
36
|
-
], Text.prototype, "clip", void 0);
|
37
|
-
Text = __decorate([
|
38
|
-
godown(protoName),
|
39
|
-
styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}[part=root]{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}[part=root]:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}[part=root]:active{color:var(${cssScope}--color-active,var(${cssScope}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}.clip{background:var(${cssGlobalVars.clipBackground});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)
|
40
|
-
], Text);
|
41
|
-
var Text$1 = Text;
|
42
|
-
|
43
|
-
export { Text$1 as default };
|
1
|
+
import{__decorate as o}from"tslib";import{godown as r,styles as e,attr as t,classList as l,htmlSlot as i}from"@godown/element";import{css as n,html as a}from"lit";import{property as c}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as s,GlobalStyle as d}from"../core/global-style.js";const v="text",h=p(v);let u=class Text extends d{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return a`<span part="root" ${t(this.observedRecord)} class="${l(this.underline)}">${i()}</span>`}};o([c()],u.prototype,"underline",void 0),o([c({type:Boolean})],u.prototype,"clip",void 0),u=o([r(v),e(n`:host{${h}--color:currentColor;${h}--color-hover:currentColor;${h}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}[part=root]{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${h}--color)}[part=root]:hover{color:var(${h}--color-hover,var(${h}--color))}[part=root]:active{color:var(${h}--color-active,var(${h}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${s.clipBackground});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)],u);var w=u;export{u as Text,w as default};
|
44
2
|
//# sourceMappingURL=text.js.map
|
package/components/text.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Text","GlobalStyle","constructor","this","underline","clip","render","html","attr","observedRecord","classList","htmlSlot","__decorate","property","prototype","type","Boolean","godown","styles","css","cssGlobalVars","clipBackground","Text$1"],"mappings":"0SAMA,MAAMA,EAAY,OAEZC,EAAWC,EAAYF,GAW7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAASC,UAA2C,OAMpDD,KAAIE,MAAG,EAEG,MAAAC,GACR,OAAOC,CAAI,qBAAqBC,EAAKL,KAAKM,0BAA0BC,EAAUP,KAAKC,eAC/EO,eAVNC,EAAA,CADCC,KACyDb,EAAAc,UAAA,iBAAA,GAM1DF,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACNhB,EAAAc,UAAA,YAAA,GAXRd,EAAIY,EAAA,CAJTK,EAAOpB,GACPqB,EACCC,CAAG,SAASrB,yBAAgCA,+BAAsCA,gQAAuQA,yCAAgDA,sBAA6BA,2CAAkDA,uBAA8BA,6HAAoIsB,EAAcC,kJAEpoBrB,GAoBN,IAAAsB,EAAetB"}
|
package/components/time.d.ts
CHANGED
@@ -1,8 +1,9 @@
|
|
1
|
-
import { type PropertyValues } from "lit";
|
1
|
+
import { type PropertyValues, type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../core/global-style.js";
|
3
3
|
/**
|
4
4
|
* {@linkcode Time} renders a formatting time.
|
5
5
|
*
|
6
|
+
* @fires time - Fires when the time changes.
|
6
7
|
* @category display
|
7
8
|
*/
|
8
9
|
declare class Time extends GlobalStyle {
|
@@ -27,11 +28,12 @@ declare class Time extends GlobalStyle {
|
|
27
28
|
*/
|
28
29
|
gap: any;
|
29
30
|
protected timeoutId: number;
|
30
|
-
protected render():
|
31
|
+
protected render(): TemplateResult<1>;
|
31
32
|
protected firstUpdated(): void;
|
32
33
|
protected updated(changedProperties: PropertyValues): void;
|
33
34
|
disconnectedCallback(): void;
|
34
35
|
startTimeout(): number;
|
35
36
|
}
|
36
37
|
export default Time;
|
38
|
+
export { Time };
|
37
39
|
//# sourceMappingURL=time.d.ts.map
|
package/components/time.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;GAKG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IAEb;;OAEG;IAEH,MAAM,SAA8B;IAEpC;;OAEG;IAEH,IAAI,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB,IAAI,IAAI;IAI5B,YAAY,IAAI,MAAM;CAMvB;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
|