godown 3.0.0-canary.8 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +38 -9
- package/alert.d.ts +1 -0
- package/alert.d.ts.map +1 -1
- package/alert.js +1 -5
- package/alert.js.map +1 -1
- package/avatar.d.ts +1 -0
- package/avatar.d.ts.map +1 -1
- package/avatar.js +1 -5
- package/avatar.js.map +1 -1
- package/badge.d.ts +9 -0
- package/badge.d.ts.map +1 -0
- package/badge.js +2 -0
- package/badge.js.map +1 -0
- package/breath.js +1 -5
- package/breath.js.map +1 -1
- package/build/godown+lit.iife.js +59 -0
- package/build/godown+lit.iife.js.map +1 -0
- package/build/godown+lit.js +59 -0
- package/build/godown+lit.js.map +1 -0
- package/build/godown+lit.umd.js +59 -0
- package/build/godown+lit.umd.js.map +1 -0
- package/build/godown.iife.js +47 -0
- package/build/godown.js +48 -0
- package/build/godown.js.map +1 -0
- package/build/godown.umd.js +48 -0
- package/build/godown.umd.js.map +1 -0
- package/button.d.ts +1 -0
- package/button.d.ts.map +1 -1
- package/button.js +1 -5
- package/button.js.map +1 -1
- package/card.d.ts +1 -0
- package/card.d.ts.map +1 -1
- package/card.js +1 -5
- package/card.js.map +1 -1
- package/carousel.d.ts +1 -0
- package/carousel.d.ts.map +1 -1
- package/carousel.js +1 -5
- package/carousel.js.map +1 -1
- package/components/alert.d.ts +4 -1
- package/components/alert.d.ts.map +1 -1
- package/components/alert.js +1 -176
- package/components/alert.js.map +1 -1
- package/components/avatar.d.ts +8 -2
- package/components/avatar.d.ts.map +1 -1
- package/components/avatar.js +1 -61
- package/components/avatar.js.map +1 -1
- package/components/badge.d.ts +23 -0
- package/components/badge.d.ts.map +1 -0
- package/components/badge.js +2 -0
- package/components/badge.js.map +1 -0
- package/components/breath.d.ts +7 -4
- package/components/breath.d.ts.map +1 -1
- package/components/breath.js +1 -79
- package/components/breath.js.map +1 -1
- package/components/button.d.ts +19 -10
- package/components/button.d.ts.map +1 -1
- package/components/button.js +1 -165
- package/components/button.js.map +1 -1
- package/components/card.d.ts +3 -2
- package/components/card.d.ts.map +1 -1
- package/components/card.js +1 -53
- package/components/card.js.map +1 -1
- package/components/carousel.d.ts +10 -5
- package/components/carousel.d.ts.map +1 -1
- package/components/carousel.js +1 -112
- package/components/carousel.js.map +1 -1
- package/components/details.d.ts +6 -2
- package/components/details.d.ts.map +1 -1
- package/components/details.js +1 -49
- package/components/details.js.map +1 -1
- package/components/dialog.d.ts +8 -3
- package/components/dialog.d.ts.map +1 -1
- package/components/dialog.js +1 -93
- package/components/dialog.js.map +1 -1
- package/components/divider.d.ts +3 -3
- package/components/divider.d.ts.map +1 -1
- package/components/divider.js +1 -36
- package/components/divider.js.map +1 -1
- package/components/dragbox.d.ts +11 -9
- package/components/dragbox.d.ts.map +1 -1
- package/components/dragbox.js +1 -109
- package/components/dragbox.js.map +1 -1
- package/components/flex.d.ts +4 -1
- package/components/flex.d.ts.map +1 -1
- package/components/flex.js +1 -54
- package/components/flex.js.map +1 -1
- package/components/form.d.ts +3 -3
- package/components/form.d.ts.map +1 -1
- package/components/form.js +1 -77
- package/components/form.js.map +1 -1
- package/components/grid.d.ts +10 -3
- package/components/grid.d.ts.map +1 -1
- package/components/grid.js +1 -55
- package/components/grid.js.map +1 -1
- package/components/heading.d.ts +29 -0
- package/components/heading.d.ts.map +1 -0
- package/components/heading.js +2 -0
- package/components/heading.js.map +1 -0
- package/components/input.d.ts +7 -3
- package/components/input.d.ts.map +1 -1
- package/components/input.js +1 -50
- package/components/input.js.map +1 -1
- package/components/layout.d.ts +8 -9
- package/components/layout.d.ts.map +1 -1
- package/components/layout.js +1 -46
- package/components/layout.js.map +1 -1
- package/components/link.d.ts +8 -1
- package/components/link.d.ts.map +1 -1
- package/components/link.js +1 -42
- package/components/link.js.map +1 -1
- package/components/progress.d.ts +4 -11
- package/components/progress.d.ts.map +1 -1
- package/components/progress.js +1 -67
- package/components/progress.js.map +1 -1
- package/components/range.d.ts +22 -15
- package/components/range.d.ts.map +1 -1
- package/components/range.js +1 -273
- package/components/range.js.map +1 -1
- package/components/rotate.d.ts +4 -2
- package/components/rotate.d.ts.map +1 -1
- package/components/rotate.js +1 -56
- package/components/rotate.js.map +1 -1
- package/components/router.d.ts +20 -24
- package/components/router.d.ts.map +1 -1
- package/components/router.js +1 -250
- package/components/router.js.map +1 -1
- package/components/select.d.ts +8 -4
- package/components/select.d.ts.map +1 -1
- package/components/select.js +1 -212
- package/components/select.js.map +1 -1
- package/components/skeleton.d.ts +3 -1
- package/components/skeleton.d.ts.map +1 -1
- package/components/skeleton.js +1 -54
- package/components/skeleton.js.map +1 -1
- package/components/split.d.ts +25 -2
- package/components/split.d.ts.map +1 -1
- package/components/split.js +1 -128
- package/components/split.js.map +1 -1
- package/components/switch.d.ts +8 -5
- package/components/switch.d.ts.map +1 -1
- package/components/switch.js +1 -92
- package/components/switch.js.map +1 -1
- package/components/text.d.ts +3 -1
- package/components/text.d.ts.map +1 -1
- package/components/text.js +1 -43
- package/components/text.js.map +1 -1
- package/components/time.d.ts +8 -6
- package/components/time.d.ts.map +1 -1
- package/components/time.js +1 -85
- package/components/time.js.map +1 -1
- package/components/tooltip.d.ts +14 -2
- package/components/tooltip.d.ts.map +1 -1
- package/components/tooltip.js +1 -66
- package/components/tooltip.js.map +1 -1
- package/components/typewriter.d.ts +8 -14
- package/components/typewriter.d.ts.map +1 -1
- package/components/typewriter.js +1 -129
- package/components/typewriter.js.map +1 -1
- package/core/global-style.d.ts +2 -2
- package/core/global-style.d.ts.map +1 -1
- package/core/global-style.js +1 -45
- package/core/global-style.js.map +1 -1
- package/core/super-anchor.d.ts +2 -1
- package/core/super-anchor.d.ts.map +1 -1
- package/core/super-anchor.js +1 -38
- package/core/super-anchor.js.map +1 -1
- package/core/super-input.d.ts +6 -5
- package/core/super-input.d.ts.map +1 -1
- package/core/super-input.js +1 -111
- package/core/super-input.js.map +1 -1
- package/core/super-openable.d.ts +1 -1
- package/core/super-openable.d.ts.map +1 -1
- package/core/super-openable.js +1 -37
- package/core/super-openable.js.map +1 -1
- package/custom-elements.json +1 -1
- package/details.d.ts +1 -0
- package/details.d.ts.map +1 -1
- package/details.js +1 -5
- package/details.js.map +1 -1
- package/dev/alert.d.ts +1 -0
- package/dev/alert.d.ts.map +1 -1
- package/dev/alert.js +1 -0
- package/dev/alert.js.map +1 -1
- package/dev/avatar.d.ts +1 -0
- package/dev/avatar.d.ts.map +1 -1
- package/dev/avatar.js +1 -0
- package/dev/avatar.js.map +1 -1
- package/dev/badge.d.ts +9 -0
- package/dev/badge.d.ts.map +1 -0
- package/dev/badge.js +5 -0
- package/dev/badge.js.map +1 -0
- package/dev/button.d.ts +1 -0
- package/dev/button.d.ts.map +1 -1
- package/dev/button.js +1 -0
- package/dev/button.js.map +1 -1
- package/dev/card.d.ts +1 -0
- package/dev/card.d.ts.map +1 -1
- package/dev/card.js +1 -0
- package/dev/card.js.map +1 -1
- package/dev/carousel.d.ts +1 -0
- package/dev/carousel.d.ts.map +1 -1
- package/dev/carousel.js +1 -0
- package/dev/carousel.js.map +1 -1
- package/dev/components/alert.d.ts +4 -1
- package/dev/components/alert.d.ts.map +1 -1
- package/dev/components/alert.js +20 -23
- package/dev/components/alert.js.map +1 -1
- package/dev/components/avatar.d.ts +8 -2
- package/dev/components/avatar.d.ts.map +1 -1
- package/dev/components/avatar.js +23 -13
- package/dev/components/avatar.js.map +1 -1
- package/dev/components/badge.d.ts +23 -0
- package/dev/components/badge.d.ts.map +1 -0
- package/dev/components/badge.js +107 -0
- package/dev/components/badge.js.map +1 -0
- package/dev/components/breath.d.ts +7 -4
- package/dev/components/breath.d.ts.map +1 -1
- package/dev/components/breath.js +30 -26
- package/dev/components/breath.js.map +1 -1
- package/dev/components/button.d.ts +19 -10
- package/dev/components/button.d.ts.map +1 -1
- package/dev/components/button.js +47 -28
- package/dev/components/button.js.map +1 -1
- package/dev/components/card.d.ts +3 -2
- package/dev/components/card.d.ts.map +1 -1
- package/dev/components/card.js +23 -33
- package/dev/components/card.js.map +1 -1
- package/dev/components/carousel.d.ts +10 -5
- package/dev/components/carousel.d.ts.map +1 -1
- package/dev/components/carousel.js +33 -26
- package/dev/components/carousel.js.map +1 -1
- package/dev/components/details.d.ts +6 -2
- package/dev/components/details.d.ts.map +1 -1
- package/dev/components/details.js +24 -26
- package/dev/components/details.js.map +1 -1
- package/dev/components/dialog.d.ts +8 -3
- package/dev/components/dialog.d.ts.map +1 -1
- package/dev/components/dialog.js +21 -17
- package/dev/components/dialog.js.map +1 -1
- package/dev/components/divider.d.ts +3 -3
- package/dev/components/divider.d.ts.map +1 -1
- package/dev/components/divider.js +29 -17
- package/dev/components/divider.js.map +1 -1
- package/dev/components/dragbox.d.ts +11 -9
- package/dev/components/dragbox.d.ts.map +1 -1
- package/dev/components/dragbox.js +11 -4
- package/dev/components/dragbox.js.map +1 -1
- package/dev/components/flex.d.ts +4 -1
- package/dev/components/flex.d.ts.map +1 -1
- package/dev/components/flex.js +25 -9
- package/dev/components/flex.js.map +1 -1
- package/dev/components/form.d.ts +3 -3
- package/dev/components/form.d.ts.map +1 -1
- package/dev/components/form.js +2 -5
- package/dev/components/form.js.map +1 -1
- package/dev/components/grid.d.ts +10 -3
- package/dev/components/grid.d.ts.map +1 -1
- package/dev/components/grid.js +18 -10
- package/dev/components/grid.js.map +1 -1
- package/dev/components/heading.d.ts +29 -0
- package/dev/components/heading.d.ts.map +1 -0
- package/dev/components/heading.js +103 -0
- package/dev/components/heading.js.map +1 -0
- package/dev/components/input.d.ts +7 -3
- package/dev/components/input.d.ts.map +1 -1
- package/dev/components/input.js +18 -18
- package/dev/components/input.js.map +1 -1
- package/dev/components/layout.d.ts +8 -9
- package/dev/components/layout.d.ts.map +1 -1
- package/dev/components/layout.js +38 -25
- package/dev/components/layout.js.map +1 -1
- package/dev/components/link.d.ts +8 -1
- package/dev/components/link.d.ts.map +1 -1
- package/dev/components/link.js +15 -3
- package/dev/components/link.js.map +1 -1
- package/dev/components/progress.d.ts +4 -11
- package/dev/components/progress.d.ts.map +1 -1
- package/dev/components/progress.js +43 -49
- package/dev/components/progress.js.map +1 -1
- package/dev/components/range.d.ts +22 -15
- package/dev/components/range.d.ts.map +1 -1
- package/dev/components/range.js +56 -61
- package/dev/components/range.js.map +1 -1
- package/dev/components/rotate.d.ts +4 -2
- package/dev/components/rotate.d.ts.map +1 -1
- package/dev/components/rotate.js +3 -5
- package/dev/components/rotate.js.map +1 -1
- package/dev/components/router.d.ts +20 -24
- package/dev/components/router.d.ts.map +1 -1
- package/dev/components/router.js +23 -36
- package/dev/components/router.js.map +1 -1
- package/dev/components/select.d.ts +8 -4
- package/dev/components/select.d.ts.map +1 -1
- package/dev/components/select.js +44 -32
- package/dev/components/select.js.map +1 -1
- package/dev/components/skeleton.d.ts +3 -1
- package/dev/components/skeleton.d.ts.map +1 -1
- package/dev/components/skeleton.js +9 -9
- package/dev/components/skeleton.js.map +1 -1
- package/dev/components/split.d.ts +25 -2
- package/dev/components/split.d.ts.map +1 -1
- package/dev/components/split.js +71 -38
- package/dev/components/split.js.map +1 -1
- package/dev/components/switch.d.ts +8 -5
- package/dev/components/switch.d.ts.map +1 -1
- package/dev/components/switch.js +28 -31
- package/dev/components/switch.js.map +1 -1
- package/dev/components/text.d.ts +3 -1
- package/dev/components/text.d.ts.map +1 -1
- package/dev/components/text.js +12 -15
- package/dev/components/text.js.map +1 -1
- package/dev/components/time.d.ts +8 -6
- package/dev/components/time.d.ts.map +1 -1
- package/dev/components/time.js +8 -14
- package/dev/components/time.js.map +1 -1
- package/dev/components/tooltip.d.ts +14 -2
- package/dev/components/tooltip.d.ts.map +1 -1
- package/dev/components/tooltip.js +54 -24
- package/dev/components/tooltip.js.map +1 -1
- package/dev/components/typewriter.d.ts +8 -14
- package/dev/components/typewriter.d.ts.map +1 -1
- package/dev/components/typewriter.js +22 -37
- package/dev/components/typewriter.js.map +1 -1
- package/dev/core/global-style.d.ts +2 -2
- package/dev/core/global-style.d.ts.map +1 -1
- package/dev/core/global-style.js +18 -14
- package/dev/core/global-style.js.map +1 -1
- package/dev/core/super-anchor.d.ts +2 -1
- package/dev/core/super-anchor.d.ts.map +1 -1
- package/dev/core/super-anchor.js +25 -23
- package/dev/core/super-anchor.js.map +1 -1
- package/dev/core/super-input.d.ts +6 -5
- package/dev/core/super-input.d.ts.map +1 -1
- package/dev/core/super-input.js +43 -36
- package/dev/core/super-input.js.map +1 -1
- package/dev/core/super-openable.d.ts +1 -1
- package/dev/core/super-openable.d.ts.map +1 -1
- package/dev/core/super-openable.js +2 -2
- package/dev/core/super-openable.js.map +1 -1
- package/dev/details.d.ts +1 -0
- package/dev/details.d.ts.map +1 -1
- package/dev/details.js +1 -0
- package/dev/details.js.map +1 -1
- package/dev/dialog.d.ts +1 -0
- package/dev/dialog.d.ts.map +1 -1
- package/dev/dialog.js +1 -0
- package/dev/dialog.js.map +1 -1
- package/dev/divider.d.ts +1 -0
- package/dev/divider.d.ts.map +1 -1
- package/dev/divider.js +1 -0
- package/dev/divider.js.map +1 -1
- package/dev/dragbox.d.ts +1 -0
- package/dev/dragbox.d.ts.map +1 -1
- package/dev/dragbox.js +1 -0
- package/dev/dragbox.js.map +1 -1
- package/dev/flex.d.ts +1 -0
- package/dev/flex.d.ts.map +1 -1
- package/dev/flex.js +1 -0
- package/dev/flex.js.map +1 -1
- package/dev/form.d.ts +1 -0
- package/dev/form.d.ts.map +1 -1
- package/dev/form.js +1 -0
- package/dev/form.js.map +1 -1
- package/dev/grid.d.ts +1 -0
- package/dev/grid.d.ts.map +1 -1
- package/dev/grid.js +1 -0
- package/dev/grid.js.map +1 -1
- package/dev/heading.d.ts +9 -0
- package/dev/heading.d.ts.map +1 -0
- package/dev/heading.js +5 -0
- package/dev/heading.js.map +1 -0
- package/dev/index.d.ts +2 -0
- package/dev/index.d.ts.map +1 -1
- package/dev/index.js +2 -0
- package/dev/index.js.map +1 -1
- package/dev/layout.d.ts.map +1 -1
- package/dev/progress.d.ts.map +1 -1
- package/dev/router.d.ts.map +1 -1
- package/dev/split.d.ts +1 -1
- package/dev/split.d.ts.map +1 -1
- package/dev/typewriter.d.ts +1 -0
- package/dev/typewriter.d.ts.map +1 -1
- package/dev/typewriter.js +1 -0
- package/dev/typewriter.js.map +1 -1
- package/dialog.d.ts +1 -0
- package/dialog.d.ts.map +1 -1
- package/dialog.js +1 -5
- package/dialog.js.map +1 -1
- package/divider.d.ts +1 -0
- package/divider.d.ts.map +1 -1
- package/divider.js +1 -5
- package/divider.js.map +1 -1
- package/dragbox.d.ts +1 -0
- package/dragbox.d.ts.map +1 -1
- package/dragbox.js +1 -5
- package/dragbox.js.map +1 -1
- package/flex.d.ts +1 -0
- package/flex.d.ts.map +1 -1
- package/flex.js +1 -5
- package/flex.js.map +1 -1
- package/form.d.ts +1 -0
- package/form.d.ts.map +1 -1
- package/form.js +1 -5
- package/form.js.map +1 -1
- package/grid.d.ts +1 -0
- package/grid.d.ts.map +1 -1
- package/grid.js +1 -5
- package/grid.js.map +1 -1
- package/heading.d.ts +9 -0
- package/heading.d.ts.map +1 -0
- package/heading.js +2 -0
- package/heading.js.map +1 -0
- package/index.d.ts +2 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -56
- package/index.js.map +1 -1
- package/input.js +1 -5
- package/input.js.map +1 -1
- package/layout.d.ts.map +1 -1
- package/layout.js +1 -5
- package/layout.js.map +1 -1
- package/link.js +1 -5
- package/link.js.map +1 -1
- package/package.json +11 -6
- package/progress.d.ts.map +1 -1
- package/progress.js +1 -5
- package/progress.js.map +1 -1
- package/range.js +1 -5
- package/range.js.map +1 -1
- package/rotate.js +1 -5
- package/rotate.js.map +1 -1
- package/router.d.ts.map +1 -1
- package/router.js +1 -5
- package/router.js.map +1 -1
- package/select.js +1 -5
- package/select.js.map +1 -1
- package/skeleton.js +1 -5
- package/skeleton.js.map +1 -1
- package/split.d.ts +1 -1
- package/split.d.ts.map +1 -1
- package/split.js +1 -5
- package/split.js.map +1 -1
- package/src/alert.ts +2 -0
- package/src/avatar.ts +2 -0
- package/src/badge.ts +13 -0
- package/src/button.ts +2 -0
- package/src/card.ts +2 -0
- package/src/carousel.ts +2 -0
- package/src/components/alert.ts +26 -29
- package/src/components/avatar.ts +28 -17
- package/src/components/badge.ts +107 -0
- package/src/components/breath.ts +38 -31
- package/src/components/button.ts +55 -46
- package/src/components/card.ts +26 -34
- package/src/components/carousel.ts +48 -38
- package/src/components/details.ts +27 -28
- package/src/components/dialog.ts +30 -26
- package/src/components/divider.ts +29 -17
- package/src/components/dragbox.ts +25 -19
- package/src/components/flex.ts +26 -11
- package/src/components/form.ts +7 -9
- package/src/components/grid.ts +31 -13
- package/src/components/heading.ts +105 -0
- package/src/components/input.ts +23 -22
- package/src/components/layout.ts +26 -31
- package/src/components/link.ts +15 -4
- package/src/components/progress.ts +51 -52
- package/src/components/range.ts +82 -94
- package/src/components/rotate.ts +12 -11
- package/src/components/router.ts +59 -48
- package/src/components/select.ts +59 -47
- package/src/components/skeleton.ts +13 -11
- package/src/components/split.ts +90 -49
- package/src/components/switch.ts +38 -37
- package/src/components/text.ts +14 -21
- package/src/components/time.ts +20 -14
- package/src/components/tooltip.ts +54 -29
- package/src/components/typewriter.ts +41 -47
- package/src/core/global-style.ts +33 -19
- package/src/core/super-anchor.ts +30 -26
- package/src/core/super-input.ts +54 -54
- package/src/core/super-openable.ts +7 -7
- package/src/details.ts +2 -0
- package/src/dialog.ts +2 -0
- package/src/divider.ts +2 -0
- package/src/dragbox.ts +2 -0
- package/src/flex.ts +2 -0
- package/src/form.ts +2 -0
- package/src/grid.ts +2 -0
- package/src/heading.ts +13 -0
- package/src/index.ts +2 -0
- package/src/layout.ts +1 -0
- package/src/progress.ts +1 -0
- package/src/router.ts +1 -0
- package/src/split.ts +1 -1
- package/src/typewriter.ts +2 -0
- package/switch.js +1 -5
- package/switch.js.map +1 -1
- package/text.js +1 -5
- package/text.js.map +1 -1
- package/time.js +1 -5
- package/time.js.map +1 -1
- package/tooltip.js +1 -5
- package/tooltip.js.map +1 -1
- package/typewriter.d.ts +1 -0
- package/typewriter.d.ts.map +1 -1
- package/typewriter.js +1 -5
- package/typewriter.js.map +1 -1
- package/vscode.html-custom-data.json +1 -1
- package/web-types.json +1 -1
package/components/typewriter.js
CHANGED
@@ -1,130 +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 { random } from '@godown/element/tools/lib.js';
|
7
|
-
import { css, html } from 'lit';
|
8
|
-
import { property, state, query } from 'lit/decorators.js';
|
9
|
-
import { scopePrefix, GlobalStyle } from '../core/global-style.js';
|
10
|
-
|
11
|
-
const protoName = "typewriter";
|
12
|
-
const cssScope = scopePrefix(protoName);
|
13
|
-
/**
|
14
|
-
* {@linkcode Typewriter} renders a typewriter effect to text.
|
15
|
-
*
|
16
|
-
* @category effect
|
17
|
-
*/
|
18
|
-
let Typewriter = class Typewriter extends GlobalStyle {
|
19
|
-
constructor() {
|
20
|
-
super(...arguments);
|
21
|
-
/**
|
22
|
-
* Raw text.
|
23
|
-
*/
|
24
|
-
this.text = "";
|
25
|
-
/**
|
26
|
-
* Start immediately after {@linkcode Typewriter.firstUpdated}.
|
27
|
-
*/
|
28
|
-
this.stopped = false;
|
29
|
-
/**
|
30
|
-
* If true, hide the cursor
|
31
|
-
*/
|
32
|
-
this.ended = false;
|
33
|
-
/**
|
34
|
-
* Maximum random time.
|
35
|
-
*/
|
36
|
-
this.max = 100;
|
37
|
-
/**
|
38
|
-
* Minimum random time.
|
39
|
-
*/
|
40
|
-
this.min = 50;
|
41
|
-
/**
|
42
|
-
* Fixed time.
|
43
|
-
*/
|
44
|
-
this.delay = 0;
|
45
|
-
/**
|
46
|
-
* The index at the beginning.
|
47
|
-
*/
|
48
|
-
this.index = 0;
|
49
|
-
/**
|
50
|
-
* Internal text.
|
51
|
-
*/
|
52
|
-
this.content = "";
|
53
|
-
}
|
54
|
-
/**
|
55
|
-
* {@linkcode Typewriter.text} length.
|
56
|
-
*/
|
57
|
-
get len() {
|
58
|
-
return this.text.length;
|
59
|
-
}
|
60
|
-
render() {
|
61
|
-
return html `${htmlSlot()}${this.content}<i part="cursor" class="${classList({
|
62
|
-
hidden: this.ended,
|
63
|
-
})}"></i>`;
|
64
|
-
}
|
65
|
-
firstUpdated() {
|
66
|
-
if (!this.text) {
|
67
|
-
this.text = this._slot?.assignedNodes()[0]?.textContent.trim() || "";
|
68
|
-
}
|
69
|
-
if (!this.stopped && this.len) {
|
70
|
-
this.write();
|
71
|
-
}
|
72
|
-
}
|
73
|
-
updated(changedProperties) {
|
74
|
-
if (changedProperties.has("index")) {
|
75
|
-
this.dispatchEvent(new CustomEvent(this.index === this.len ? "done" : "write", { detail: this.content }));
|
76
|
-
}
|
77
|
-
}
|
78
|
-
write(at = this.index) {
|
79
|
-
this.content = this.text.slice(0, at + 1);
|
80
|
-
const timeout = this.delay || random(this.max, this.min);
|
81
|
-
this.timeoutID = window.setTimeout(() => {
|
82
|
-
const nx = at + 1;
|
83
|
-
if (nx <= this.len) {
|
84
|
-
this.index = nx;
|
85
|
-
this.write();
|
86
|
-
}
|
87
|
-
}, timeout);
|
88
|
-
}
|
89
|
-
stop() {
|
90
|
-
clearTimeout(this.timeoutID);
|
91
|
-
}
|
92
|
-
end() {
|
93
|
-
this.ended = true;
|
94
|
-
}
|
95
|
-
};
|
96
|
-
__decorate([
|
97
|
-
property()
|
98
|
-
], Typewriter.prototype, "text", void 0);
|
99
|
-
__decorate([
|
100
|
-
property({ type: Boolean })
|
101
|
-
], Typewriter.prototype, "stopped", void 0);
|
102
|
-
__decorate([
|
103
|
-
property({ type: Boolean })
|
104
|
-
], Typewriter.prototype, "ended", void 0);
|
105
|
-
__decorate([
|
106
|
-
property({ type: Number })
|
107
|
-
], Typewriter.prototype, "max", void 0);
|
108
|
-
__decorate([
|
109
|
-
property({ type: Number })
|
110
|
-
], Typewriter.prototype, "min", void 0);
|
111
|
-
__decorate([
|
112
|
-
property({ type: Number })
|
113
|
-
], Typewriter.prototype, "delay", void 0);
|
114
|
-
__decorate([
|
115
|
-
property({ type: Number })
|
116
|
-
], Typewriter.prototype, "index", void 0);
|
117
|
-
__decorate([
|
118
|
-
state()
|
119
|
-
], Typewriter.prototype, "content", void 0);
|
120
|
-
__decorate([
|
121
|
-
query("i")
|
122
|
-
], Typewriter.prototype, "_i", void 0);
|
123
|
-
Typewriter = __decorate([
|
124
|
-
godown(protoName),
|
125
|
-
styles(css `:host{${cssScope}--cursor-width:.05em;font-family:monospace;white-space:nowrap}i{border-right:var(${cssScope}--cursor-width) solid;margin-left:.02em;animation:s 1.5s steps(1) infinite}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}.hidden{visibility:hidden}`)
|
126
|
-
], Typewriter);
|
127
|
-
var Typewriter$1 = Typewriter;
|
128
|
-
|
129
|
-
export { Typewriter$1 as default };
|
1
|
+
import{__decorate as t}from"tslib";import{godown as e,styles as i,attr as o,htmlSlot as n,random as r}from"@godown/element";import{css as s,html as d}from"lit";import{property as h,state as p,query as l}from"lit/decorators.js";import{scopePrefix as a,GlobalStyle as m}from"../core/global-style.js";const c="typewriter",y=a(c);let u=class Typewriter extends m{constructor(){super(...arguments),this.content="",this.ended=!1,this.max=100,this.min=50,this.delay=0,this.index=0,this.contentInternal=""}get len(){return this.content.length}render(){return d`<div part="root" ${o(this.observedRecord)}>${n()} ${this.contentInternal} <i part="cursor" ?hidden="${this.ended}"></i></div>`}firstUpdated(){this.content||=this._slot?.assignedNodes()[0]?.textContent.trim()||"",!this.ended&&this.len&&this.write()}updated(t){t.has("index")&&this.dispatchEvent(new CustomEvent(this.index===this.len?"done":"write",{detail:this.contentInternal}))}write(t=this.index){this.contentInternal=this.content.slice(0,t+1);const e=this.delay||r(this.max,this.min);this.timeoutID=setTimeout((()=>{const e=t+1;e<=this.len&&(this.index=e,this.write())}),e)}stop(){clearTimeout(this.timeoutID)}end(){this.ended=!0}};t([h()],u.prototype,"content",void 0),t([h({type:Boolean})],u.prototype,"ended",void 0),t([h({type:Number})],u.prototype,"max",void 0),t([h({type:Number})],u.prototype,"min",void 0),t([h({type:Number})],u.prototype,"delay",void 0),t([h({type:Number})],u.prototype,"index",void 0),t([p()],u.prototype,"contentInternal",void 0),t([l("i")],u.prototype,"_i",void 0),u=t([e(c),i(s`:host{${y}--cursor-width:.05em}:host,:host([contents]) [part=root]{display:inline-block}i{border-right:var(${y}--cursor-width) solid;margin-left:.02em;animation:s 1.5s steps(1) infinite}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}`)],u);var v=u;export{u as Typewriter,v as default};
|
130
2
|
//# sourceMappingURL=typewriter.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"typewriter.js","sources":["../src/components/typewriter.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"typewriter.js","sources":["../src/components/typewriter.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Typewriter","GlobalStyle","constructor","this","content","ended","max","min","delay","index","contentInternal","len","length","render","html","attr","observedRecord","htmlSlot","firstUpdated","_slot","assignedNodes","textContent","trim","write","updated","changedProperties","has","dispatchEvent","CustomEvent","detail","at","slice","timeout","random","timeoutID","setTimeout","nx","stop","clearTimeout","end","__decorate","property","prototype","type","Boolean","Number","state","query","godown","styles","css","Typewriter$1"],"mappings":"0SAMA,MAAMA,EAAY,aACZC,EAAWC,EAAYF,GAW7B,IAAMG,EAAN,MAAMA,mBAAmBC,EAAzB,WAAAC,uBAKEC,KAAOC,QAAG,GAMVD,KAAKE,OAAG,EAMRF,KAAGG,IAAG,IAMNH,KAAGI,IAAG,GAMNJ,KAAKK,MAAG,EAMRL,KAAKM,MAAG,EAGRN,KAAeO,gBAAG,GAUlB,OAAIC,GACF,OAAOR,KAAKC,QAAQQ,OAGZ,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKZ,KAAKa,mBACrCC,OAAcd,KAAKO,6CACOP,KAAKE,oBAI3B,YAAAa,GACRf,KAAKC,UAAYD,KAAKgB,OAAOC,gBAAgB,IAAIC,YAAYC,QAAU,IAClEnB,KAAKE,OAASF,KAAKQ,KACtBR,KAAKoB,QAIC,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACxBvB,KAAKwB,cAAc,IAAIC,YAAYzB,KAAKM,QAAUN,KAAKQ,IAAM,OAAS,QAAS,CAAEkB,OAAQ1B,KAAKO,mBAIlG,KAAAa,CAAMO,EAAa3B,KAAKM,OACtBN,KAAKO,gBAAkBP,KAAKC,QAAQ2B,MAAM,EAAGD,EAAK,GAClD,MAAME,EAAU7B,KAAKK,OAASyB,EAAO9B,KAAKG,IAAKH,KAAKI,KACpDJ,KAAK+B,UAAYC,YAAW,KAC1B,MAAMC,EAAKN,EAAK,EACZM,GAAMjC,KAAKQ,MACbR,KAAKM,MAAQ2B,EACbjC,KAAKoB,WAENS,GAGL,IAAAK,GACEC,aAAanC,KAAK+B,WAGpB,GAAAK,GACEpC,KAAKE,OAAQ,IApFfmC,EAAA,CADCC,KACWzC,EAAA0C,UAAA,eAAA,GAMZF,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACL5C,EAAA0C,UAAA,aAAA,GAMbF,EAAA,CADCC,EAAS,CAAEE,KAAME,UACT7C,EAAA0C,UAAA,WAAA,GAMTF,EAAA,CADCC,EAAS,CAAEE,KAAME,UACV7C,EAAA0C,UAAA,WAAA,GAMRF,EAAA,CADCC,EAAS,CAAEE,KAAME,UACT7C,EAAA0C,UAAA,aAAA,GAMTF,EAAA,CADCC,EAAS,CAAEE,KAAME,UACT7C,EAAA0C,UAAA,aAAA,GAGTF,EAAA,CADCM,KACmB9C,EAAA0C,UAAA,uBAAA,GAKVF,EAAA,CADTO,EAAM,MACkB/C,EAAA0C,UAAA,UAAA,GA3CrB1C,EAAUwC,EAAA,CAJfQ,EAAOnD,GACPoD,EACCC,CAAG,SAASpD,qGAA8GA,2KAEtHE,GA6FN,IAAAmD,EAAenD"}
|
package/core/global-style.d.ts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import { type Gradients, presetsRGB } from "@godown/colors/presets-rgb.js";
|
2
|
-
import GodownElement from "@godown/element";
|
3
|
-
import { CSSResult } from "lit";
|
2
|
+
import { GodownElement } from "@godown/element";
|
3
|
+
import { type CSSResult } from "lit";
|
4
4
|
export declare class GlobalStyle extends GodownElement {
|
5
5
|
}
|
6
6
|
export declare function scopePrefix(scope: string, len?: number): CSSResult;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,aAAa,MAAM,iBAAiB,CAAC;
|
1
|
+
{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAwB,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAO,KAAK,SAAS,EAAa,MAAM,KAAK,CAAC;AAErD,qBAAa,WAAY,SAAQ,aAAa;CAC7C;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,OAAO,EAAE,yBAAyB,CAAC;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;CAWlB,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}
|
package/core/global-style.js
CHANGED
@@ -1,46 +1,2 @@
|
|
1
|
-
import
|
2
|
-
import { travel } from '@godown/colors/travel.js';
|
3
|
-
import GodownElement from '@godown/element';
|
4
|
-
import GodownConfig from '@godown/element/config.js';
|
5
|
-
import { trim } from '@godown/element/tools/lib.js';
|
6
|
-
import { unsafeCSS, css } from 'lit';
|
7
|
-
|
8
|
-
GodownElement.godownConfig ||= new GodownConfig();
|
9
|
-
class GlobalStyle extends GodownElement {
|
10
|
-
}
|
11
|
-
const cssvar = trim(GlobalStyle.godownConfig.prefix, "-");
|
12
|
-
function scopePrefix(scope, len = 1) {
|
13
|
-
return variablePrefix(cssvar + "-".repeat(len) + scope);
|
14
|
-
}
|
15
|
-
function variablePrefix(variable) {
|
16
|
-
return unsafeCSS("--" + variable);
|
17
|
-
}
|
18
|
-
const cssGlobalVars = {
|
19
|
-
foreground: scopePrefix("foreground", 2),
|
20
|
-
background: scopePrefix("background", 2),
|
21
|
-
clipBackground: scopePrefix("clip-background", 2),
|
22
|
-
active: scopePrefix("active", 2),
|
23
|
-
passive: scopePrefix("passive", 2),
|
24
|
-
_colors: {},
|
25
|
-
input: scopePrefix("input", 2),
|
26
|
-
white: scopePrefix("color-white", 2),
|
27
|
-
black: scopePrefix("color-black", 2),
|
28
|
-
};
|
29
|
-
GlobalStyle.styles = [
|
30
|
-
unsafeCSS(":host{"
|
31
|
-
+ `${cssGlobalVars.black}:rgb(0 0 0);`
|
32
|
-
+ `${cssGlobalVars.white}:rgb(255 255 255);`
|
33
|
-
+ travel((key, gradient, rgb) => {
|
34
|
-
cssGlobalVars._colors[key] ||= [];
|
35
|
-
cssGlobalVars._colors[key].push(unsafeCSS(scopePrefix("color", 2) + "-" + key + "-" + gradient));
|
36
|
-
const endKey = `-${key}-${gradient}`;
|
37
|
-
const colorKey = scopePrefix("color", 2) + endKey;
|
38
|
-
return `${colorKey}:rgb(${rgb});`;
|
39
|
-
}, presetsRGB).join("")
|
40
|
-
+ "}"),
|
41
|
-
css `:host{${cssGlobalVars.background}:var(${cssGlobalVars._colors.darkgray[9]});${cssGlobalVars.foreground}:var(${cssGlobalVars._colors.lightgray[0]});${cssGlobalVars.active}:var(${cssGlobalVars._colors.blue[6]});${cssGlobalVars.passive}:var(${cssGlobalVars._colors.darkgray[6]});${cssGlobalVars.clipBackground}:linear-gradient(180deg,var(${cssGlobalVars.foreground}),var(${cssGlobalVars.passive}))}`,
|
42
|
-
css `*{border:0;outline:0;margin:0;padding:0;font-size:100%;font-style:normal;box-sizing:border-box}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}`,
|
43
|
-
];
|
44
|
-
|
45
|
-
export { GlobalStyle, cssGlobalVars, scopePrefix, variablePrefix };
|
1
|
+
import{presetsRGB as o}from"@godown/colors/presets-rgb.js";import{travel as r}from"@godown/colors/travel.js";import{trim as e,joinProperties as t,GodownElement as n}from"@godown/element";import{unsafeCSS as s,css as a}from"lit";class GlobalStyle extends n{}const l=e(GlobalStyle.godownConfig.prefix,"-");function i(o,r=1){return c(l+"-".repeat(r)+o)}function c(o){return s(`--${o}`)}const g={foreground:i("foreground",2),background:i("background",2),clipBackground:i("clip-background",2),active:i("active",2),passive:i("passive",2),_colors:{},input:i("input",2),white:i("color-white",2),black:i("color-black",2)};GlobalStyle.styles=[s(`:host{${g.black}:rgb(0 0 0);${g.white}:rgb(255 255 255);`+r(((o,r,e)=>{g._colors[o]||=[],g._colors[o].push(s(i("color",2)+"-"+o+"-"+r));const t=`-${o}-${r}`;return`${i("color",2)+t}:rgb(${e});`}),o).join("")+t({[g.background+""]:`var(${g._colors.darkgray[9]})`,[g.foreground+""]:`var(${g._colors.lightgray[0]})`,[g.active+""]:`var(${g._colors.blue[6]})`,[g.passive+""]:`var(${g._colors.darkgray[6]})`,[g.clipBackground+""]:`linear-gradient(to bottom, var(${g.foreground}), var(${g.passive}))`})+"}"),a`*{border:0;outline:0;margin:0;padding:0;font-size:100%;font-style:normal;box-sizing:border-box}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}:host([contents]){display:contents}:where(:host([contents]) [part=root]){all:inherit;display:revert}`];export{GlobalStyle,g as cssGlobalVars,i as scopePrefix,c as variablePrefix};
|
46
2
|
//# sourceMappingURL=global-style.js.map
|
package/core/global-style.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"global-style.js","sources":["../src/core/global-style.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"global-style.js","sources":["../src/core/global-style.ts"],"sourcesContent":null,"names":["GlobalStyle","GodownElement","cssvar","trim","godownConfig","prefix","scopePrefix","scope","len","variablePrefix","repeat","variable","unsafeCSS","cssGlobalVars","foreground","background","clipBackground","active","passive","_colors","input","white","black","styles","travel","key","gradient","rgb","push","endKey","presetsRGB","join","joinProperties","darkgray","lightgray","blue","css"],"mappings":"oOAKM,MAAOA,oBAAoBC,GAGjC,MAAMC,EAASC,EAAKH,YAAYI,aAAaC,OAAQ,cAErCC,EAAYC,EAAeC,EAAM,GAC/C,OAAOC,EAAeP,EAAS,IAAIQ,OAAOF,GAAOD,EACnD,CAEM,SAAUE,EAAeE,GAC7B,OAAOC,EAAU,KAAKD,IACxB,CAEa,MAAAE,EAUT,CACFC,WAAYR,EAAY,aAAc,GACtCS,WAAYT,EAAY,aAAc,GACtCU,eAAgBV,EAAY,kBAAmB,GAC/CW,OAAQX,EAAY,SAAU,GAC9BY,QAASZ,EAAY,UAAW,GAChCa,QAAS,CAA+B,EACxCC,MAAOd,EAAY,QAAS,GAC5Be,MAAOf,EAAY,cAAe,GAClCgB,MAAOhB,EAAY,cAAe,IAIpCN,YAAYuB,OAAS,CACnBX,EAEM,SAAGC,EAAcS,oBACdT,EAAcQ,0BACjBG,GAAO,CAACC,EAAKC,EAAUC,KACvBd,EAAcM,QAAQM,KAAS,GAC/BZ,EAAcM,QAAQM,GAAKG,KAAKhB,EAAUN,EAAY,QAAS,GAAK,IAAMmB,EAAM,IAAMC,IACtF,MAAMG,EAAS,IAAIJ,KAAOC,IAE1B,MAAO,GADUpB,EAAY,QAAS,GAAKuB,SACjBF,KAAO,GAChCG,GAAYC,KAAK,IAClBC,EAAe,CACf,CAACnB,EAAcE,WAAa,IAAK,OAAOF,EAAcM,QAAQc,SAAS,MACvE,CAACpB,EAAcC,WAAa,IAAK,OAAOD,EAAcM,QAAQe,UAAU,MACxE,CAACrB,EAAcI,OAAS,IAAK,OAAOJ,EAAcM,QAAQgB,KAAK,MAC/D,CAACtB,EAAcK,QAAU,IAAK,OAAOL,EAAcM,QAAQc,SAAS,MACpE,CAACpB,EAAcG,eAAiB,IAC9B,kCAAkCH,EAAcC,oBAAoBD,EAAcK,cAEpF,KAENkB,CAAG"}
|
package/core/super-anchor.d.ts
CHANGED
@@ -1,3 +1,4 @@
|
|
1
|
+
import { type TemplateResult } from "lit";
|
1
2
|
import { GlobalStyle } from "./global-style.js";
|
2
3
|
declare class SuperAnchor extends GlobalStyle {
|
3
4
|
/**
|
@@ -8,7 +9,7 @@ declare class SuperAnchor extends GlobalStyle {
|
|
8
9
|
* A element target.
|
9
10
|
*/
|
10
11
|
target: "_blank" | "_self" | "_parent" | "_top";
|
11
|
-
protected render():
|
12
|
+
protected render(): TemplateResult<1>;
|
12
13
|
protected _handleClick(_: MouseEvent): void;
|
13
14
|
}
|
14
15
|
export default SuperAnchor;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../src/core/super-anchor.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../src/core/super-anchor.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAGM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAa;IACzB;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAC5C;AAED,eAAe,WAAW,CAAC"}
|
package/core/super-anchor.js
CHANGED
@@ -1,39 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { styles } from '@godown/element/decorators/index.js';
|
3
|
-
import { htmlSlot } from '@godown/element/directives/html-slot.js';
|
4
|
-
import { css, html } from 'lit';
|
5
|
-
import { property } from 'lit/decorators.js';
|
6
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
7
|
-
import { GlobalStyle } from './global-style.js';
|
8
|
-
|
9
|
-
let SuperAnchor = class SuperAnchor extends GlobalStyle {
|
10
|
-
constructor() {
|
11
|
-
super(...arguments);
|
12
|
-
/**
|
13
|
-
* A element href.
|
14
|
-
*/
|
15
|
-
this.href = undefined;
|
16
|
-
/**
|
17
|
-
* A element target.
|
18
|
-
*/
|
19
|
-
this.target = "_self";
|
20
|
-
}
|
21
|
-
render() {
|
22
|
-
return html `<a part="root" href="${ifDefined(this.href)}" target="${this.target}" @click="${this._handleClick}">${htmlSlot()}</a>`;
|
23
|
-
}
|
24
|
-
// eslint-disable-next-line
|
25
|
-
_handleClick(_) { }
|
26
|
-
};
|
27
|
-
__decorate([
|
28
|
-
property()
|
29
|
-
], SuperAnchor.prototype, "href", void 0);
|
30
|
-
__decorate([
|
31
|
-
property()
|
32
|
-
], SuperAnchor.prototype, "target", void 0);
|
33
|
-
SuperAnchor = __decorate([
|
34
|
-
styles(css `:host{display:inline-block;color:currentColor;text-decoration:none;cursor:default}:host([href]){cursor:pointer}a{width:100%;display:flex;color:inherit;text-decoration:inherit;justify-content:space-between;align-items:center}`)
|
35
|
-
], SuperAnchor);
|
36
|
-
var SuperAnchor$1 = SuperAnchor;
|
37
|
-
|
38
|
-
export { SuperAnchor$1 as default };
|
1
|
+
import{__decorate as r}from"tslib";import{styles as t,attr as o,htmlSlot as e}from"@godown/element";import{css as i,html as l,nothing as s}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as n}from"./global-style.js";let c=class SuperAnchor extends n{constructor(){super(...arguments),this.href=void 0,this.target="_self"}render(){return l`<a part="root" ${o(this.observedRecord)} href="${this.href||s}" target="${this.target}" @click="${this._handleClick}">${e()}</a>`}_handleClick(r){}};r([a()],c.prototype,"href",void 0),r([a()],c.prototype,"target",void 0),c=r([t(i`:host{display:inline-block;color:currentColor;text-decoration:none;cursor:default}:host([href]){cursor:pointer}[part=root]{width:100%;color:inherit;display:inline-block;text-decoration:inherit}`)],c);var h=c;export{h as default};
|
39
2
|
//# sourceMappingURL=super-anchor.js.map
|
package/core/super-anchor.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-anchor.js","sources":["../src/core/super-anchor.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"super-anchor.js","sources":["../src/core/super-anchor.ts"],"sourcesContent":null,"names":["SuperAnchor","GlobalStyle","constructor","this","href","undefined","target","render","html","attr","observedRecord","nothing","_handleClick","htmlSlot","_","__decorate","property","prototype","styles","css","SuperAnchor$1"],"mappings":"kPASA,IAAMA,EAAN,MAAMA,oBAAoBC,EAA1B,WAAAC,uBAKEC,KAAIC,UAAWC,EAKfF,KAAMG,OAA4C,QAExC,MAAAC,GACR,OAAOC,CAAI,kBAEPC,EAAKN,KAAKO,yBACJP,KAAKC,MAAQO,cACXR,KAAKG,mBACNH,KAAKS,iBAEZC,UAKI,YAAAD,CAAaE,GAAa,GApBpCC,EAAA,CADCC,KACuBhB,EAAAiB,UAAA,YAAA,GAKxBF,EAAA,CADCC,KACwDhB,EAAAiB,UAAA,cAAA,GAVrDjB,EAAWe,EAAA,CAHhBG,EACCC,CAAG,sMAECnB,GA4BN,IAAAoB,EAAepB"}
|
package/core/super-input.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 { GlobalStyle } from "./global-style.js";
|
3
4
|
declare class SuperInput extends GlobalStyle {
|
4
5
|
autofocus: boolean;
|
@@ -12,14 +13,14 @@ declare class SuperInput extends GlobalStyle {
|
|
12
13
|
* default property records the default or initial value and is used to reset the input.
|
13
14
|
*/
|
14
15
|
default: any;
|
15
|
-
_input: HTMLInputElement;
|
16
|
+
protected _input: HTMLInputElement;
|
16
17
|
/**
|
17
18
|
* Returns true when the input is compositing.
|
18
19
|
*/
|
19
20
|
compositing: boolean;
|
20
21
|
set defaultValue(value: typeof this.default);
|
21
22
|
get defaultValue(): typeof this.default;
|
22
|
-
makeId: string;
|
23
|
+
protected makeId: string;
|
23
24
|
namevalue(): [string, any];
|
24
25
|
nameValue: () => [string, any];
|
25
26
|
reset(): void;
|
@@ -30,8 +31,8 @@ declare class SuperInput extends GlobalStyle {
|
|
30
31
|
protected _changeInputType(t: typeof this.type): void;
|
31
32
|
focus(options?: FocusOptions): void;
|
32
33
|
protected firstUpdated(): void;
|
33
|
-
protected _renderPrefix():
|
34
|
-
protected _renderSuffix():
|
34
|
+
protected _renderPrefix(): TemplateResult<1>;
|
35
|
+
protected _renderSuffix(): TemplateResult<1>;
|
35
36
|
}
|
36
37
|
export default SuperInput;
|
37
38
|
type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AAE5E,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAM/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAiB/D,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI;IAMrD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAI5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAQ7C;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}
|
package/core/super-input.js
CHANGED
@@ -1,112 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { part } from '@godown/element/decorators/part.js';
|
3
|
-
import { styles } from '@godown/element/decorators/styles.js';
|
4
|
-
import { htmlSlot } from '@godown/element/directives/index.js';
|
5
|
-
import iconEyeSlashFill from '@godown/f7-icon/icons/eye-slash-fill.js';
|
6
|
-
import { css, html } from 'lit';
|
7
|
-
import { property } from 'lit/decorators.js';
|
8
|
-
import { cssGlobalVars, GlobalStyle } from './global-style.js';
|
9
|
-
|
10
|
-
const fieldStyle = css `.input-field{display:flex;position:relative;align-items:center;border-radius:inherit;height:inherit}.input-field [part=input]{background:0 0;height:100%;width:100%;color:inherit}.input-field.outline,.input-field:focus-within{box-shadow:var(${cssGlobalVars.input}-box-shadow)}.input-field [part=icon]{display:flex;align-items:center;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{height:100%;display:flex}.input-field [part=space]{width:var(${cssGlobalVars.input}-space)}`;
|
11
|
-
const inputStyle = css `:host{${cssGlobalVars.input}-width:10em;${cssGlobalVars.input}-height:1.6em;${cssGlobalVars.input}-space:.2em;${cssGlobalVars.input}-background:var(${cssGlobalVars.background});${cssGlobalVars.input}-control:var(${cssGlobalVars.foreground});${cssGlobalVars.input}-control-edge:var(${cssGlobalVars.active});${cssGlobalVars.input}-radius:.2em;${cssGlobalVars.input}-box-shadow:0 0 0 .1em var(${cssGlobalVars.active});border-radius:var(${cssGlobalVars.input}-radius)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;
|
12
|
-
let SuperInput = class SuperInput extends GlobalStyle {
|
13
|
-
constructor() {
|
14
|
-
super(...arguments);
|
15
|
-
this.makeId = Math.random().toString(36).slice(1);
|
16
|
-
this.nameValue = this.namevalue;
|
17
|
-
}
|
18
|
-
set defaultValue(value) {
|
19
|
-
this.default = value;
|
20
|
-
}
|
21
|
-
get defaultValue() {
|
22
|
-
return this.default;
|
23
|
-
}
|
24
|
-
namevalue() {
|
25
|
-
return [this.name, this.value];
|
26
|
-
}
|
27
|
-
reset() {
|
28
|
-
this.value = this.default;
|
29
|
-
this._input.value = this.default;
|
30
|
-
}
|
31
|
-
_handleInput(e) {
|
32
|
-
e.stopPropagation();
|
33
|
-
if (this.compositing) {
|
34
|
-
return;
|
35
|
-
}
|
36
|
-
this.value = e.target.value?.trim();
|
37
|
-
this.dispatchEvent(new CustomEvent("input", {
|
38
|
-
detail: this.value,
|
39
|
-
bubbles: true,
|
40
|
-
composed: true,
|
41
|
-
}));
|
42
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
|
43
|
-
}
|
44
|
-
connectedCallback() {
|
45
|
-
super.connectedCallback();
|
46
|
-
this._connectedInit();
|
47
|
-
}
|
48
|
-
_connectedInit() {
|
49
|
-
this.default ??= this.value || "";
|
50
|
-
this.value ??= this.default;
|
51
|
-
}
|
52
|
-
_compositionInit() {
|
53
|
-
if (this._input) {
|
54
|
-
this.events.add(this._input, "compositionstart", () => this.compositing = true);
|
55
|
-
this.events.add(this._input, "compositionend", (e) => {
|
56
|
-
this.compositing = false;
|
57
|
-
this._handleInput(e);
|
58
|
-
});
|
59
|
-
}
|
60
|
-
}
|
61
|
-
_changeInputType(t) {
|
62
|
-
if (this._input) {
|
63
|
-
this._input.type = t;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
focus(options) {
|
67
|
-
this._input?.focus(options);
|
68
|
-
}
|
69
|
-
firstUpdated() {
|
70
|
-
this._compositionInit();
|
71
|
-
}
|
72
|
-
_renderPrefix() {
|
73
|
-
return html `<label for="${this.makeId}" part="prefix"><i part="space"></i> ${htmlSlot("prefix")}</label>`;
|
74
|
-
}
|
75
|
-
_renderSuffix() {
|
76
|
-
const PASSWORD = "password";
|
77
|
-
return html `<label for="${this.makeId}" part="suffix">${this.type === "password"
|
78
|
-
? html `<i part="space"></i> <i part="icon" @mousedown="${() => this._changeInputType("text")}" @mouseup="${() => this._changeInputType(PASSWORD)}" @mouseleave="${() => this._changeInputType(PASSWORD)}">${iconEyeSlashFill()}</i>`
|
79
|
-
: htmlSlot("suffix")} <i part="space"></i></label>`;
|
80
|
-
}
|
81
|
-
};
|
82
|
-
__decorate([
|
83
|
-
property()
|
84
|
-
], SuperInput.prototype, "autocomplete", void 0);
|
85
|
-
__decorate([
|
86
|
-
property({ type: Boolean, reflect: true })
|
87
|
-
], SuperInput.prototype, "disabled", void 0);
|
88
|
-
__decorate([
|
89
|
-
property({ reflect: true })
|
90
|
-
], SuperInput.prototype, "type", void 0);
|
91
|
-
__decorate([
|
92
|
-
property({ reflect: true })
|
93
|
-
], SuperInput.prototype, "placeholder", void 0);
|
94
|
-
__decorate([
|
95
|
-
property({ reflect: true })
|
96
|
-
], SuperInput.prototype, "name", void 0);
|
97
|
-
__decorate([
|
98
|
-
property()
|
99
|
-
], SuperInput.prototype, "value", void 0);
|
100
|
-
__decorate([
|
101
|
-
property()
|
102
|
-
], SuperInput.prototype, "default", void 0);
|
103
|
-
__decorate([
|
104
|
-
part("input")
|
105
|
-
], SuperInput.prototype, "_input", void 0);
|
106
|
-
SuperInput = __decorate([
|
107
|
-
styles(fieldStyle, inputStyle)
|
108
|
-
], SuperInput);
|
109
|
-
var SuperInput$1 = SuperInput;
|
110
|
-
|
111
|
-
export { SuperInput$1 as default };
|
1
|
+
import{__decorate as t}from"tslib";import{part as e,styles as i,htmlSlot as n}from"@godown/element";import o from"@godown/f7-icon/icons/eye-slash-fill.js";import{css as s,html as a}from"lit";import{property as p}from"lit/decorators.js";import{cssGlobalVars as r,GlobalStyle as u}from"./global-style.js";const l=s`.input-field{display:flex;position:relative;align-items:center;border-radius:inherit;height:inherit}.input-field [part=input]{background:0 0;height:100%;width:100%;color:inherit;padding:0 var(${r.input}-space)}.input-field.outline,.input-field:focus-within{box-shadow:var(${r.input}-box-shadow)}.input-field [part=icon]{display:flex;align-items:center;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{height:100%;display:flex}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${r.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${r.input}-space)}`,d=s`:host{${r.input}-width:10em;${r.input}-height:1.6em;${r.input}-space:.2em;${r.input}-background:var(${r.background});${r.input}-control:var(${r.foreground});${r.input}-control-edge:var(${r.active});${r.input}-radius:.2em;${r.input}-box-shadow:0 0 0 .1em var(${r.active});border-radius:var(${r.input}-radius)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let h=class SuperInput extends u{constructor(){super(...arguments),this.autofocus=!1,this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchEvent(new CustomEvent("input",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:this.value,composed:!0})))}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||"",this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,"compositionstart",(()=>this.compositing=!0)),this.events.add(this._input,"compositionend",(t=>{this.compositing=!1,this._handleInput(t)})))}_changeInputType(t){this._input&&(this._input.type=t)}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return a`<label for="${this.makeId}" part="prefix">${n("prefix")}</label>`}_renderSuffix(){const t="password";return a`<label for="${this.makeId}" part="suffix">${"password"===this.type?a`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}">${o()}</i>`:n("suffix")}</label>`}};t([p()],h.prototype,"autocomplete",void 0),t([p({type:Boolean,reflect:!0})],h.prototype,"disabled",void 0),t([p({reflect:!0})],h.prototype,"type",void 0),t([p({reflect:!0})],h.prototype,"placeholder",void 0),t([p({reflect:!0})],h.prototype,"name",void 0),t([p()],h.prototype,"value",void 0),t([p()],h.prototype,"default",void 0),t([e("input")],h.prototype,"_input",void 0),h=t([i(l,d)],h);var c=h;export{c as default};
|
112
2
|
//# sourceMappingURL=super-input.js.map
|
package/core/super-input.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-input.js","sources":["../src/core/super-input.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"super-input.js","sources":["../src/core/super-input.ts"],"sourcesContent":null,"names":["fieldStyle","css","cssGlobalVars","input","inputStyle","background","foreground","active","SuperInput","GlobalStyle","constructor","this","autofocus","disabled","compositing","makeId","Math","random","toString","slice","nameValue","namevalue","defaultValue","value","default","name","reset","_input","_handleInput","e","stopPropagation","target","trim","dispatchEvent","CustomEvent","detail","bubbles","composed","connectedCallback","super","_connectedInit","_compositionInit","events","add","_changeInputType","t","type","focus","options","firstUpdated","_renderPrefix","html","htmlSlot","_renderSuffix","PASSWORD","iconEyeSlashFill","__decorate","property","prototype","Boolean","reflect","part","styles","SuperInput$1"],"mappings":"+SAOA,MAAMA,EAAaC,CAAG,mMAA2MC,EAAcC,8EAA8ED,EAAcC,kPAAkPD,EAAcC,gFAAgFD,EAAcC,gBAEnqBC,EAAaH,CAAG,SAASC,EAAcC,oBAAoBD,EAAcC,sBAAsBD,EAAcC,oBAAqBD,EAAcC,wBAAwBD,EAAcG,eAAeH,EAAcC,qBAAqBD,EAAcI,eAAeJ,EAAcC,0BAA0BD,EAAcK,WAAWL,EAAcC,qBAAsBD,EAAcC,mCAAyCD,EAAcK,6BAA6BL,EAAcC,2JAGhe,IAAMK,EAAN,MAAMA,mBAAmBC,EAAzB,WAAAC,uBACEC,KAASC,WAAG,EAKZD,KAAQE,UAAG,EA0BXF,KAAWG,aAAG,EAUJH,KAAAI,OAAiBC,KAAKC,SAASC,SAAS,IAAIC,MAAM,GAM5DR,KAAAS,UAAiCT,KAAKU,UAdtC,gBAAIC,CAAaC,GACfZ,KAAKa,QAAUD,EAGjB,gBAAID,GACF,OAAOX,KAAKa,QAKd,SAAAH,GACE,MAAO,CAACV,KAAKc,KAAMd,KAAKY,OAK1B,KAAAG,GACEf,KAAKY,MAAQZ,KAAKa,QAClBb,KAAKgB,OAAOJ,MAAQZ,KAAKa,QAGjB,YAAAI,CAAaC,GACrBA,EAAEC,kBACEnB,KAAKG,cAGTH,KAAKY,MAAQM,EAAEE,OAAOR,OAAOS,OAC7BrB,KAAKsB,cACH,IAAIC,YAAY,QAAS,CACvBC,OAAQxB,KAAKY,MACba,SAAS,EACTC,UAAU,KAGd1B,KAAKsB,cAAc,IAAIC,YAAY,QAAS,CAAEC,OAAQxB,KAAKY,MAAOc,UAAU,EAAMD,SAAS,KAC3FzB,KAAKsB,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQxB,KAAKY,MAAOc,UAAU,MAG/E,iBAAAC,GACEC,MAAMD,oBACN3B,KAAK6B,iBAGG,cAAAA,GACR7B,KAAKa,UAAYb,KAAKY,OAAS,GAC/BZ,KAAKY,QAAUZ,KAAKa,QAGZ,gBAAAiB,GACJ9B,KAAKgB,SACPhB,KAAK+B,OAAOC,IAAIhC,KAAKgB,OAAQ,oBAAoB,IAAMhB,KAAKG,aAAc,IAC1EH,KAAK+B,OAAOC,IAAIhC,KAAKgB,OAAQ,kBAAmBE,IAC9ClB,KAAKG,aAAc,EACnBH,KAAKiB,aAAaC,EAAE,KAKhB,gBAAAe,CAAiBC,GACrBlC,KAAKgB,SACPhB,KAAKgB,OAAOmB,KAAOD,GAIvB,KAAAE,CAAMC,GACJrC,KAAKgB,QAAQoB,MAAMC,GAGX,YAAAC,GACRtC,KAAK8B,mBAGG,aAAAS,GACR,OAAOC,CAAI,eAAcxC,KAAKI,yBAC5BqC,EAAS,oBAGH,aAAAC,GACR,MAAMC,EAAW,WACjB,OAAOH,CAAI,eAAcxC,KAAKI,yBACd,aAAdJ,KAAKmC,KACDK,CAAI,8BAGU,IAAMxC,KAAKiC,iBAAiB,sBAC9B,IAAMjC,KAAKiC,iBAAiBU,oBACzB,IAAM3C,KAAKiC,iBAAiBU,OAC1CC,UACDH,EAAS,sBAvHjBI,EAAA,CADCC,KAC6BjD,EAAAkD,UAAA,oBAAA,GAG9BF,EAAA,CADCC,EAAS,CAAEX,KAAMa,QAASC,SAAS,KACpBpD,EAAAkD,UAAA,gBAAA,GAGhBF,EAAA,CADCC,EAAS,CAAEG,SAAS,KACNpD,EAAAkD,UAAA,YAAA,GAGfF,EAAA,CADCC,EAAS,CAAEG,SAAS,KACFpD,EAAAkD,UAAA,mBAAA,GAGnBF,EAAA,CADCC,EAAS,CAAEG,SAAS,KACTpD,EAAAkD,UAAA,YAAA,GAGZF,EAAA,CADCC,KACSjD,EAAAkD,UAAA,aAAA,GAMVF,EAAA,CADCC,KACWjD,EAAAkD,UAAA,eAAA,GAGFF,EAAA,CADTK,EAAK,UAC4BrD,EAAAkD,UAAA,cAAA,GA3B9BlD,EAAUgD,EAAA,CADfM,EAAO9D,EAAYI,IACdI,GAgIN,IAAAuD,EAAevD"}
|
package/core/super-openable.d.ts
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"super-openable.d.ts","sourceRoot":"","sources":["../src/core/super-openable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cAAM,aAAc,SAAQ,WAAW;IACrC;;OAEG;IAEH,IAAI,UAAS;IAEb,MAAM,CAAC,EAAE,GAAE,OAAwC,GAAG,IAAI;IAI1D,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIZ,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAQlE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAG5C;AAED,eAAe,aAAa,CAAC;AAE7B,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,QAAQ,CAAC;AAE/C,MAAM,MAAM,UAAU,GAClB,UAAU,GACV,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,CAAC;AAEnB,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC"}
|
package/core/super-openable.js
CHANGED
@@ -1,38 +1,2 @@
|
|
1
|
-
import {
|
2
|
-
import { property } from 'lit/decorators.js';
|
3
|
-
import { GlobalStyle } from './global-style.js';
|
4
|
-
|
5
|
-
class SuperOpenable extends GlobalStyle {
|
6
|
-
constructor() {
|
7
|
-
super(...arguments);
|
8
|
-
/**
|
9
|
-
* Open the content.
|
10
|
-
*/
|
11
|
-
this.open = false;
|
12
|
-
}
|
13
|
-
toggle(to = !this.open) {
|
14
|
-
this.open = to;
|
15
|
-
}
|
16
|
-
close() {
|
17
|
-
this.open = false;
|
18
|
-
}
|
19
|
-
show() {
|
20
|
-
this.open = true;
|
21
|
-
}
|
22
|
-
updated(changedProperties) {
|
23
|
-
const open = changedProperties.get("open");
|
24
|
-
if (open !== undefined) {
|
25
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.open }));
|
26
|
-
}
|
27
|
-
}
|
28
|
-
// eslint-disable-next-line
|
29
|
-
_handelClick(_) {
|
30
|
-
this.toggle();
|
31
|
-
}
|
32
|
-
}
|
33
|
-
__decorate([
|
34
|
-
property({ type: Boolean, reflect: true })
|
35
|
-
], SuperOpenable.prototype, "open", void 0);
|
36
|
-
|
37
|
-
export { SuperOpenable as default };
|
1
|
+
import{__decorate as e}from"tslib";import{property as o}from"lit/decorators.js";import{GlobalStyle as t}from"./global-style.js";class SuperOpenable extends t{constructor(){super(...arguments),this.open=!1}toggle(e=!this.open){this.open=e}close(){this.open=!1}show(){this.open=!0}updated(e){void 0!==e.get("open")&&this.dispatchEvent(new CustomEvent("change",{detail:this.open,composed:!0}))}_handelClick(e){this.toggle()}}e([o({type:Boolean,reflect:!0})],SuperOpenable.prototype,"open",void 0);export{SuperOpenable as default};
|
38
2
|
//# sourceMappingURL=super-openable.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"super-openable.js","sources":["../src/core/super-openable.ts"],"sourcesContent":null,"names":[
|
1
|
+
{"version":3,"file":"super-openable.js","sources":["../src/core/super-openable.ts"],"sourcesContent":null,"names":["SuperOpenable","GlobalStyle","constructor","this","open","toggle","to","close","show","updated","changedProperties","undefined","get","dispatchEvent","CustomEvent","detail","composed","_handelClick","_","__decorate","property","type","Boolean","reflect","prototype"],"mappings":"gIAKA,MAAMA,sBAAsBC,EAA5B,WAAAC,uBAKEC,KAAIC,MAAG,EAEP,MAAAC,CAAOC,GAAgBH,KAAKC,MAC1BD,KAAKC,KAAOE,EAGd,KAAAC,GACEJ,KAAKC,MAAO,EAGd,IAAAI,GACEL,KAAKC,MAAO,EAGJ,OAAAK,CAAQC,QAEHC,IADAD,EAAkBE,IAAI,SAEjCT,KAAKU,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQZ,KAAKC,KAAMY,UAAU,KAKtE,YAAAC,CAAaC,GACrBf,KAAKE,UAvBPc,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACxBvB,cAAAwB,UAAA,YAAA"}
|