godown 3.13.1 → 3.13.2
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/alert.d.ts +0 -1
- package/alert.d.ts.map +1 -1
- package/alert.js.map +1 -1
- package/avatar.d.ts +0 -1
- package/avatar.d.ts.map +1 -1
- package/avatar.js.map +1 -1
- package/badge.d.ts +0 -1
- package/badge.d.ts.map +1 -1
- package/badge.js.map +1 -1
- package/breath.d.ts +0 -1
- package/breath.d.ts.map +1 -1
- package/breath.js.map +1 -1
- package/build/godown+lit.iife.js +16 -57
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +16 -57
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +16 -57
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +15 -47
- package/build/godown.iife.js.map +1 -1
- package/build/godown.js +15 -47
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +15 -47
- package/build/godown.umd.js.map +1 -1
- package/button.d.ts +0 -1
- package/button.d.ts.map +1 -1
- package/button.js.map +1 -1
- package/card.d.ts +0 -1
- package/card.d.ts.map +1 -1
- package/card.js.map +1 -1
- package/carousel.d.ts +0 -1
- package/carousel.d.ts.map +1 -1
- package/carousel.js.map +1 -1
- package/chip.d.ts +0 -1
- package/chip.d.ts.map +1 -1
- package/chip.js.map +1 -1
- package/custom-elements.json +1 -1
- package/details.d.ts +0 -1
- package/details.d.ts.map +1 -1
- package/details.js.map +1 -1
- package/dialog.d.ts +0 -1
- package/dialog.d.ts.map +1 -1
- package/dialog.js.map +1 -1
- package/divider.d.ts +0 -1
- package/divider.d.ts.map +1 -1
- package/divider.js.map +1 -1
- package/dragbox.d.ts +0 -1
- package/dragbox.d.ts.map +1 -1
- package/dragbox.js.map +1 -1
- package/flex.d.ts +0 -1
- package/flex.d.ts.map +1 -1
- package/flex.js.map +1 -1
- package/form.d.ts +0 -1
- package/form.d.ts.map +1 -1
- package/form.js.map +1 -1
- package/grid.d.ts +0 -1
- package/grid.d.ts.map +1 -1
- package/grid.js.map +1 -1
- package/heading.d.ts +0 -1
- package/heading.d.ts.map +1 -1
- package/heading.js.map +1 -1
- package/index.d.ts +0 -1
- package/index.d.ts.map +1 -1
- package/index.js.map +1 -1
- package/input.d.ts +0 -1
- package/input.d.ts.map +1 -1
- package/input.js.map +1 -1
- package/internal/global-style.d.ts +13 -15
- package/internal/global-style.d.ts.map +1 -1
- package/internal/global-style.js +1 -1
- package/internal/global-style.js.map +1 -1
- package/internal/icons/caret-down.d.ts +0 -1
- package/internal/icons/caret-down.d.ts.map +1 -1
- package/internal/icons/caret-down.js +1 -1
- package/internal/icons/caret-down.js.map +1 -1
- package/internal/icons/caret-left.d.ts +0 -1
- package/internal/icons/caret-left.d.ts.map +1 -1
- package/internal/icons/caret-left.js +1 -1
- package/internal/icons/caret-left.js.map +1 -1
- package/internal/icons/caret-right.d.ts +0 -1
- package/internal/icons/caret-right.d.ts.map +1 -1
- package/internal/icons/caret-right.js +1 -1
- package/internal/icons/caret-right.js.map +1 -1
- package/internal/icons/eye-slash.d.ts +0 -1
- package/internal/icons/eye-slash.d.ts.map +1 -1
- package/internal/icons/eye-slash.js +1 -1
- package/internal/icons/eye-slash.js.map +1 -1
- package/internal/popover.d.ts +0 -1
- package/internal/popover.d.ts.map +1 -1
- package/internal/popover.js +1 -1
- package/internal/popover.js.map +1 -1
- package/internal/reset-style.d.ts +0 -1
- package/internal/reset-style.d.ts.map +1 -1
- package/internal/reset-style.js +2 -1
- package/internal/reset-style.js.map +1 -1
- package/internal/ring.d.ts +9 -10
- package/internal/ring.d.ts.map +1 -1
- package/internal/ring.js +1 -1
- package/internal/ring.js.map +1 -1
- package/internal/super-input.d.ts +32 -33
- package/internal/super-input.d.ts.map +1 -1
- package/internal/super-input.js +2 -1
- package/internal/super-input.js.map +1 -1
- package/internal/utils.d.ts +0 -1
- package/internal/utils.d.ts.map +1 -1
- package/internal/utils.js +1 -1
- package/internal/utils.js.map +1 -1
- package/layout.d.ts +0 -1
- package/layout.d.ts.map +1 -1
- package/layout.js.map +1 -1
- package/link.d.ts +0 -1
- package/link.d.ts.map +1 -1
- package/link.js.map +1 -1
- package/package.json +5 -5
- package/popover.d.ts +0 -1
- package/popover.d.ts.map +1 -1
- package/popover.js.map +1 -1
- package/progress.d.ts +0 -1
- package/progress.d.ts.map +1 -1
- package/progress.js.map +1 -1
- package/range.d.ts +0 -1
- package/range.d.ts.map +1 -1
- package/range.js.map +1 -1
- package/rotate.d.ts +0 -1
- package/rotate.d.ts.map +1 -1
- package/rotate.js.map +1 -1
- package/router.d.ts +0 -1
- package/router.d.ts.map +1 -1
- package/router.js.map +1 -1
- package/select.d.ts +0 -1
- package/select.d.ts.map +1 -1
- package/select.js.map +1 -1
- package/skeleton.d.ts +0 -1
- package/skeleton.d.ts.map +1 -1
- package/skeleton.js.map +1 -1
- package/split.d.ts +0 -1
- package/split.d.ts.map +1 -1
- package/split.js.map +1 -1
- package/src/internal/popover.ts +1 -1
- package/src/web-components/alert/component.ts +1 -1
- package/src/web-components/breath/component.ts +1 -1
- package/src/web-components/router/component.ts +12 -12
- package/src/web-components/skeleton/component.ts +2 -2
- package/src/web-components/time/component.ts +1 -1
- package/switch.d.ts +0 -1
- package/switch.d.ts.map +1 -1
- package/switch.js.map +1 -1
- package/tabs.d.ts +0 -1
- package/tabs.d.ts.map +1 -1
- package/tabs.js.map +1 -1
- package/text.d.ts +0 -1
- package/text.d.ts.map +1 -1
- package/text.js.map +1 -1
- package/time.d.ts +0 -1
- package/time.d.ts.map +1 -1
- package/time.js.map +1 -1
- package/tooltip.d.ts +0 -1
- package/tooltip.d.ts.map +1 -1
- package/tooltip.js.map +1 -1
- package/typewriter.d.ts +0 -1
- package/typewriter.d.ts.map +1 -1
- package/typewriter.js.map +1 -1
- package/web-components/alert/component.d.ts +20 -21
- package/web-components/alert/component.d.ts.map +1 -1
- package/web-components/alert/component.js +1 -1
- package/web-components/alert/component.js.map +1 -1
- package/web-components/alert/definition.d.ts +3 -4
- package/web-components/alert/definition.d.ts.map +1 -1
- package/web-components/alert/definition.js +1 -1
- package/web-components/alert/definition.js.map +1 -1
- package/web-components/avatar/component.d.ts +25 -26
- package/web-components/avatar/component.d.ts.map +1 -1
- package/web-components/avatar/component.js +1 -1
- package/web-components/avatar/component.js.map +1 -1
- package/web-components/avatar/definition.d.ts +3 -4
- package/web-components/avatar/definition.d.ts.map +1 -1
- package/web-components/avatar/definition.js +1 -1
- package/web-components/avatar/definition.js.map +1 -1
- package/web-components/badge/component.d.ts +7 -8
- package/web-components/badge/component.d.ts.map +1 -1
- package/web-components/badge/component.js +2 -1
- package/web-components/badge/component.js.map +1 -1
- package/web-components/badge/definition.d.ts +3 -4
- package/web-components/badge/definition.d.ts.map +1 -1
- package/web-components/badge/definition.js +1 -1
- package/web-components/badge/definition.js.map +1 -1
- package/web-components/breath/component.d.ts +28 -29
- package/web-components/breath/component.d.ts.map +1 -1
- package/web-components/breath/component.js +1 -1
- package/web-components/breath/component.js.map +1 -1
- package/web-components/breath/definition.d.ts +3 -4
- package/web-components/breath/definition.d.ts.map +1 -1
- package/web-components/breath/definition.js +1 -1
- package/web-components/breath/definition.js.map +1 -1
- package/web-components/button/component.d.ts +35 -36
- package/web-components/button/component.d.ts.map +1 -1
- package/web-components/button/component.js +1 -1
- package/web-components/button/component.js.map +1 -1
- package/web-components/button/definition.d.ts +3 -4
- package/web-components/button/definition.d.ts.map +1 -1
- package/web-components/button/definition.js +1 -1
- package/web-components/button/definition.js.map +1 -1
- package/web-components/card/component.d.ts +21 -22
- package/web-components/card/component.d.ts.map +1 -1
- package/web-components/card/component.js +1 -1
- package/web-components/card/component.js.map +1 -1
- package/web-components/card/definition.d.ts +3 -4
- package/web-components/card/definition.d.ts.map +1 -1
- package/web-components/card/definition.js +1 -1
- package/web-components/card/definition.js.map +1 -1
- package/web-components/carousel/component.d.ts +32 -33
- package/web-components/carousel/component.d.ts.map +1 -1
- package/web-components/carousel/component.js +2 -1
- package/web-components/carousel/component.js.map +1 -1
- package/web-components/carousel/definition.d.ts +3 -4
- package/web-components/carousel/definition.d.ts.map +1 -1
- package/web-components/carousel/definition.js +1 -1
- package/web-components/carousel/definition.js.map +1 -1
- package/web-components/chip/component.d.ts +21 -22
- package/web-components/chip/component.d.ts.map +1 -1
- package/web-components/chip/component.js +1 -1
- package/web-components/chip/component.js.map +1 -1
- package/web-components/chip/definition.d.ts +3 -4
- package/web-components/chip/definition.d.ts.map +1 -1
- package/web-components/chip/definition.js +1 -1
- package/web-components/chip/definition.js.map +1 -1
- package/web-components/details/component.d.ts +16 -17
- package/web-components/details/component.d.ts.map +1 -1
- package/web-components/details/component.js +1 -1
- package/web-components/details/component.js.map +1 -1
- package/web-components/details/definition.d.ts +3 -4
- package/web-components/details/definition.d.ts.map +1 -1
- package/web-components/details/definition.js +1 -1
- package/web-components/details/definition.js.map +1 -1
- package/web-components/dialog/component.d.ts +30 -31
- package/web-components/dialog/component.d.ts.map +1 -1
- package/web-components/dialog/component.js +1 -1
- package/web-components/dialog/component.js.map +1 -1
- package/web-components/dialog/definition.d.ts +3 -4
- package/web-components/dialog/definition.d.ts.map +1 -1
- package/web-components/dialog/definition.js +1 -1
- package/web-components/dialog/definition.js.map +1 -1
- package/web-components/divider/component.d.ts +9 -10
- package/web-components/divider/component.d.ts.map +1 -1
- package/web-components/divider/component.js +1 -1
- package/web-components/divider/component.js.map +1 -1
- package/web-components/divider/definition.d.ts +3 -4
- package/web-components/divider/definition.d.ts.map +1 -1
- package/web-components/divider/definition.js +1 -1
- package/web-components/divider/definition.js.map +1 -1
- package/web-components/dragbox/component.d.ts +31 -32
- package/web-components/dragbox/component.d.ts.map +1 -1
- package/web-components/dragbox/component.js +2 -1
- package/web-components/dragbox/component.js.map +1 -1
- package/web-components/dragbox/definition.d.ts +3 -4
- package/web-components/dragbox/definition.d.ts.map +1 -1
- package/web-components/dragbox/definition.js +1 -1
- package/web-components/dragbox/definition.js.map +1 -1
- package/web-components/flex/component.d.ts +26 -27
- package/web-components/flex/component.d.ts.map +1 -1
- package/web-components/flex/component.js +2 -1
- package/web-components/flex/component.js.map +1 -1
- package/web-components/flex/definition.d.ts +3 -4
- package/web-components/flex/definition.d.ts.map +1 -1
- package/web-components/flex/definition.js +1 -1
- package/web-components/flex/definition.js.map +1 -1
- package/web-components/form/component.d.ts +16 -17
- package/web-components/form/component.d.ts.map +1 -1
- package/web-components/form/component.js +2 -1
- package/web-components/form/component.js.map +1 -1
- package/web-components/form/definition.d.ts +3 -4
- package/web-components/form/definition.d.ts.map +1 -1
- package/web-components/form/definition.js +1 -1
- package/web-components/form/definition.js.map +1 -1
- package/web-components/grid/component.d.ts +30 -31
- package/web-components/grid/component.d.ts.map +1 -1
- package/web-components/grid/component.js +2 -1
- package/web-components/grid/component.js.map +1 -1
- package/web-components/grid/definition.d.ts +3 -4
- package/web-components/grid/definition.d.ts.map +1 -1
- package/web-components/grid/definition.js +1 -1
- package/web-components/grid/definition.js.map +1 -1
- package/web-components/heading/component.d.ts +23 -24
- package/web-components/heading/component.d.ts.map +1 -1
- package/web-components/heading/component.js +2 -1
- package/web-components/heading/component.js.map +1 -1
- package/web-components/heading/definition.d.ts +3 -4
- package/web-components/heading/definition.d.ts.map +1 -1
- package/web-components/heading/definition.js +1 -1
- package/web-components/heading/definition.js.map +1 -1
- package/web-components/input/component.d.ts +17 -18
- package/web-components/input/component.d.ts.map +1 -1
- package/web-components/input/component.js +1 -1
- package/web-components/input/component.js.map +1 -1
- package/web-components/input/definition.d.ts +3 -4
- package/web-components/input/definition.d.ts.map +1 -1
- package/web-components/input/definition.js +1 -1
- package/web-components/input/definition.js.map +1 -1
- package/web-components/layout/component.d.ts +18 -19
- package/web-components/layout/component.d.ts.map +1 -1
- package/web-components/layout/component.js +2 -1
- package/web-components/layout/component.js.map +1 -1
- package/web-components/layout/definition.d.ts +3 -4
- package/web-components/layout/definition.d.ts.map +1 -1
- package/web-components/layout/definition.js +1 -1
- package/web-components/layout/definition.js.map +1 -1
- package/web-components/link/component.d.ts +54 -55
- package/web-components/link/component.d.ts.map +1 -1
- package/web-components/link/component.js +2 -1
- package/web-components/link/component.js.map +1 -1
- package/web-components/link/definition.d.ts +3 -4
- package/web-components/link/definition.d.ts.map +1 -1
- package/web-components/link/definition.js +1 -1
- package/web-components/link/definition.js.map +1 -1
- package/web-components/popover/component.d.ts +28 -29
- package/web-components/popover/component.d.ts.map +1 -1
- package/web-components/popover/component.js +2 -1
- package/web-components/popover/component.js.map +1 -1
- package/web-components/popover/definition.d.ts +3 -4
- package/web-components/popover/definition.d.ts.map +1 -1
- package/web-components/popover/definition.js +1 -1
- package/web-components/popover/definition.js.map +1 -1
- package/web-components/progress/component.d.ts +8 -9
- package/web-components/progress/component.d.ts.map +1 -1
- package/web-components/progress/component.js +1 -1
- package/web-components/progress/component.js.map +1 -1
- package/web-components/progress/definition.d.ts +3 -4
- package/web-components/progress/definition.d.ts.map +1 -1
- package/web-components/progress/definition.js +1 -1
- package/web-components/progress/definition.js.map +1 -1
- package/web-components/range/component.d.ts +108 -109
- package/web-components/range/component.d.ts.map +1 -1
- package/web-components/range/component.js +1 -1
- package/web-components/range/component.js.map +1 -1
- package/web-components/range/definition.d.ts +3 -4
- package/web-components/range/definition.d.ts.map +1 -1
- package/web-components/range/definition.js +1 -1
- package/web-components/range/definition.js.map +1 -1
- package/web-components/rotate/component.d.ts +22 -23
- package/web-components/rotate/component.d.ts.map +1 -1
- package/web-components/rotate/component.js +1 -1
- package/web-components/rotate/component.js.map +1 -1
- package/web-components/rotate/definition.d.ts +3 -4
- package/web-components/rotate/definition.d.ts.map +1 -1
- package/web-components/rotate/definition.js +1 -1
- package/web-components/rotate/definition.js.map +1 -1
- package/web-components/router/component.d.ts +99 -100
- package/web-components/router/component.d.ts.map +1 -1
- package/web-components/router/component.js +2 -1
- package/web-components/router/component.js.map +1 -1
- package/web-components/router/definition.d.ts +3 -4
- package/web-components/router/definition.d.ts.map +1 -1
- package/web-components/router/definition.js +1 -1
- package/web-components/router/definition.js.map +1 -1
- package/web-components/select/component.d.ts +30 -31
- package/web-components/select/component.d.ts.map +1 -1
- package/web-components/select/component.js +2 -1
- package/web-components/select/component.js.map +1 -1
- package/web-components/select/definition.d.ts +3 -4
- package/web-components/select/definition.d.ts.map +1 -1
- package/web-components/select/definition.js +1 -1
- package/web-components/select/definition.js.map +1 -1
- package/web-components/skeleton/component.d.ts +11 -12
- package/web-components/skeleton/component.d.ts.map +1 -1
- package/web-components/skeleton/component.js +1 -1
- package/web-components/skeleton/component.js.map +1 -1
- package/web-components/skeleton/definition.d.ts +3 -4
- package/web-components/skeleton/definition.d.ts.map +1 -1
- package/web-components/skeleton/definition.js +1 -1
- package/web-components/skeleton/definition.js.map +1 -1
- package/web-components/split/component.d.ts +48 -49
- package/web-components/split/component.d.ts.map +1 -1
- package/web-components/split/component.js +1 -1
- package/web-components/split/component.js.map +1 -1
- package/web-components/split/definition.d.ts +3 -4
- package/web-components/split/definition.d.ts.map +1 -1
- package/web-components/split/definition.js +1 -1
- package/web-components/split/definition.js.map +1 -1
- package/web-components/switch/component.d.ts +20 -21
- package/web-components/switch/component.d.ts.map +1 -1
- package/web-components/switch/component.js +1 -1
- package/web-components/switch/component.js.map +1 -1
- package/web-components/switch/definition.d.ts +3 -4
- package/web-components/switch/definition.d.ts.map +1 -1
- package/web-components/switch/definition.js +1 -1
- package/web-components/switch/definition.js.map +1 -1
- package/web-components/tabs/component.d.ts +39 -40
- package/web-components/tabs/component.d.ts.map +1 -1
- package/web-components/tabs/component.js +1 -1
- package/web-components/tabs/component.js.map +1 -1
- package/web-components/tabs/definition.d.ts +3 -4
- package/web-components/tabs/definition.d.ts.map +1 -1
- package/web-components/tabs/definition.js +1 -1
- package/web-components/tabs/definition.js.map +1 -1
- package/web-components/text/component.d.ts +10 -11
- package/web-components/text/component.d.ts.map +1 -1
- package/web-components/text/component.js +1 -1
- package/web-components/text/component.js.map +1 -1
- package/web-components/text/definition.d.ts +3 -4
- package/web-components/text/definition.d.ts.map +1 -1
- package/web-components/text/definition.js +1 -1
- package/web-components/text/definition.js.map +1 -1
- package/web-components/time/component.d.ts +28 -29
- package/web-components/time/component.d.ts.map +1 -1
- package/web-components/time/component.js +1 -1
- package/web-components/time/component.js.map +1 -1
- package/web-components/time/definition.d.ts +3 -4
- package/web-components/time/definition.d.ts.map +1 -1
- package/web-components/time/definition.js +1 -1
- package/web-components/time/definition.js.map +1 -1
- package/web-components/tooltip/component.d.ts +19 -20
- package/web-components/tooltip/component.d.ts.map +1 -1
- package/web-components/tooltip/component.js +1 -1
- package/web-components/tooltip/component.js.map +1 -1
- package/web-components/tooltip/definition.d.ts +3 -4
- package/web-components/tooltip/definition.d.ts.map +1 -1
- package/web-components/tooltip/definition.js +1 -1
- package/web-components/tooltip/definition.js.map +1 -1
- package/web-components/typewriter/component.d.ts +43 -44
- package/web-components/typewriter/component.d.ts.map +1 -1
- package/web-components/typewriter/component.js +1 -1
- package/web-components/typewriter/component.js.map +1 -1
- package/web-components/typewriter/definition.d.ts +3 -4
- package/web-components/typewriter/definition.d.ts.map +1 -1
- package/web-components/typewriter/definition.js +1 -1
- package/web-components/typewriter/definition.js.map +1 -1
- package/web-types.json +1 -1
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;;AAazF,cA0DM,eAAe,YAAY;;;;CAI/B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UACU,YAAY;CACtB,UACU,OAAO;CAEjB,UAAU,UAAU,eAAe;CAYnC;CAQA;CAKA;CAKA,UAAU,aAAaA,GAAG;CAW1B,UAAU,aAAaA,GAAG;AA6B3B;AAED,eAAe;AACf,SAAS","names":["e: MouseEvent"],"sources":["../../../src/web-components/button/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"button\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Button} renders a button.\n *\n * Create modal animation upon clicking.\n *\n * @slot - The content of the button.\n * @category input\n */\n@godown(protoName)\n@styles(\n css`\n :host(:not([disabled]):active) {\n transform: scale(var(${cssScope}--focus-scale));\n }\n\n :host([round]) {\n border-radius: calc(infinity * 1px);\n }\n\n :host([disabled]) {\n cursor: not-allowed;\n filter: brightness(0.85);\n }\n\n :host([plain]) {\n ${cssScope}--gradients: unset;\n ${cssScope}--focus-scale: unset;\n }\n `,\n css`\n :host {\n ${cssScope}--modal-animation-duration: 1.5s;\n ${cssScope}--focus-scale: .97;\n ${cssScope}--deg: 45deg;\n color: var(${cssGlobalVars.primaryForeground});\n background: var(${cssGlobalVars.primaryBackground});\n display: inline-block;\n overflow: hidden;\n text-align: center;\n cursor: pointer;\n }\n\n [part=\"root\"] {\n padding-block: 0.25em;\n padding-inline: 1em;\n position: relative;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n i {\n position: absolute;\n inset: 0;\n opacity: 0;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n visibility: visible;\n pointer-events: none;\n transform-origin: 0 0;\n background: currentColor;\n }\n `,\n)\nclass Button extends GlobalStyle {\n /**\n * If true, remove gradient, modal animation, focus scale.\n */\n @property({ type: Boolean, reflect: true })\n plain = false;\n\n /**\n * Whether this element is disabled or not.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Whether this element is active or not.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * Display rounded.\n */\n @property({ type: Boolean, reflect: true })\n round = false;\n\n /**\n * Content text.\n */\n @property()\n content: string;\n\n @queryPart(\"modal-root\")\n protected _modalRoot: HTMLElement;\n @queryPart(\"root\")\n protected _root: HTMLElement;\n\n protected render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n ${htmlSlot(\"\", this.content)}\n <span part=\"modal-root\"></span>\n </div>\n `;\n }\n\n focus(): void {\n if (this.disabled) {\n return;\n }\n this.active = true;\n super.focus();\n }\n\n blur(): void {\n this.active = false;\n super.blur();\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n this.events.add(this, \"click\", this._handelClick);\n }\n\n protected _handelClick(e: MouseEvent): void {\n if (this.disabled) {\n e.stopPropagation();\n e.preventDefault();\n return;\n }\n if (!this.plain) {\n this._handleModal(e);\n }\n }\n\n protected _handleModal(e: MouseEvent): void {\n const modal = document.createElement(\"i\");\n const { width, height } = this.getBoundingClientRect();\n const { x, y } = this._root.getBoundingClientRect();\n const size = `${Math.sqrt(height ** 2 + width ** 2) * 2}px`;\n modal.style.height = size;\n modal.style.width = size;\n modal.style.left = `${e.x - x}px`;\n modal.style.top = `${e.y - y}px`;\n this._modalRoot.appendChild(modal);\n const keyframes = [\n {\n transform: \"scale(0) translate(-50%, -50%)\",\n opacity: 0.1,\n },\n {\n transform: \"scale(1) translate(-50%, -50%)\",\n offset: 0.8,\n },\n {\n opacity: 0,\n },\n ];\n modal.animate(keyframes, {\n duration: 800,\n iterations: 1,\n });\n modal.addEventListener(\"animationend\", () => modal.remove(), { once: true });\n }\n}\n\nexport default Button;\nexport { Button };\n"],"version":3,"file":"component.d.ts"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{
|
1
|
+
import{queryPart,godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`button`,cssScope=scopePrefix(protoName);let Button=class e extends GlobalStyle{constructor(...e){super(...e),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot(``,this.content)} <span part="modal-root"></span> </div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,`click`,this._handelClick)}_handelClick(e){if(this.disabled){e.stopPropagation(),e.preventDefault();return}this.plain||this._handleModal(e)}_handleModal(e){let l=document.createElement(`i`),{width:u,height:d}=this.getBoundingClientRect(),{x:f,y:p}=this._root.getBoundingClientRect(),m=`${Math.sqrt(d**2+u**2)*2}px`;l.style.height=m,l.style.width=m,l.style.left=`${e.x-f}px`,l.style.top=`${e.y-p}px`,this._modalRoot.appendChild(l);let h=[{transform:`scale(0) translate(-50%, -50%)`,opacity:.1},{transform:`scale(1) translate(-50%, -50%)`,offset:.8},{opacity:0}];l.animate(h,{duration:800,iterations:1}),l.addEventListener(`animationend`,()=>l.remove(),{once:!0})}};_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`plain`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`disabled`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`active`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`round`,void 0),_decorate([property()],Button.prototype,`content`,void 0),_decorate([queryPart(`modal-root`)],Button.prototype,`_modalRoot`,void 0),_decorate([queryPart(`root`)],Button.prototype,`_root`,void 0),Button=_decorate([godown(protoName),styles(css`:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${cssScope}--gradients:unset;${cssScope}--focus-scale:unset}`,css`:host{${cssScope}--modal-animation-duration:1.5s;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;color:var(${cssGlobalVars.primaryForeground});background:var(${cssGlobalVars.primaryBackground});display:inline-block;overflow:hidden;text-align:center;cursor:pointer}[part=root]{padding-block:.25em;padding-inline:1em;position:relative;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:currentColor}`)],Button);var Button$1=Button;export{Button,Button$1 as default};
|
2
2
|
//# sourceMappingURL=component.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../src/web-components/button/component.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"component.js","sources":["../../src/web-components/button/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"button\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Button} renders a button.\n *\n * Create modal animation upon clicking.\n *\n * @slot - The content of the button.\n * @category input\n */\n@godown(protoName)\n@styles(\n css`\n :host(:not([disabled]):active) {\n transform: scale(var(${cssScope}--focus-scale));\n }\n\n :host([round]) {\n border-radius: calc(infinity * 1px);\n }\n\n :host([disabled]) {\n cursor: not-allowed;\n filter: brightness(0.85);\n }\n\n :host([plain]) {\n ${cssScope}--gradients: unset;\n ${cssScope}--focus-scale: unset;\n }\n `,\n css`\n :host {\n ${cssScope}--modal-animation-duration: 1.5s;\n ${cssScope}--focus-scale: .97;\n ${cssScope}--deg: 45deg;\n color: var(${cssGlobalVars.primaryForeground});\n background: var(${cssGlobalVars.primaryBackground});\n display: inline-block;\n overflow: hidden;\n text-align: center;\n cursor: pointer;\n }\n\n [part=\"root\"] {\n padding-block: 0.25em;\n padding-inline: 1em;\n position: relative;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n }\n\n i {\n position: absolute;\n inset: 0;\n opacity: 0;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n visibility: visible;\n pointer-events: none;\n transform-origin: 0 0;\n background: currentColor;\n }\n `,\n)\nclass Button extends GlobalStyle {\n /**\n * If true, remove gradient, modal animation, focus scale.\n */\n @property({ type: Boolean, reflect: true })\n plain = false;\n\n /**\n * Whether this element is disabled or not.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Whether this element is active or not.\n */\n @property({ type: Boolean, reflect: true })\n active = false;\n\n /**\n * Display rounded.\n */\n @property({ type: Boolean, reflect: true })\n round = false;\n\n /**\n * Content text.\n */\n @property()\n content: string;\n\n @queryPart(\"modal-root\")\n protected _modalRoot: HTMLElement;\n @queryPart(\"root\")\n protected _root: HTMLElement;\n\n protected render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n ${htmlSlot(\"\", this.content)}\n <span part=\"modal-root\"></span>\n </div>\n `;\n }\n\n focus(): void {\n if (this.disabled) {\n return;\n }\n this.active = true;\n super.focus();\n }\n\n blur(): void {\n this.active = false;\n super.blur();\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n this.events.add(this, \"click\", this._handelClick);\n }\n\n protected _handelClick(e: MouseEvent): void {\n if (this.disabled) {\n e.stopPropagation();\n e.preventDefault();\n return;\n }\n if (!this.plain) {\n this._handleModal(e);\n }\n }\n\n protected _handleModal(e: MouseEvent): void {\n const modal = document.createElement(\"i\");\n const { width, height } = this.getBoundingClientRect();\n const { x, y } = this._root.getBoundingClientRect();\n const size = `${Math.sqrt(height ** 2 + width ** 2) * 2}px`;\n modal.style.height = size;\n modal.style.width = size;\n modal.style.left = `${e.x - x}px`;\n modal.style.top = `${e.y - y}px`;\n this._modalRoot.appendChild(modal);\n const keyframes = [\n {\n transform: \"scale(0) translate(-50%, -50%)\",\n opacity: 0.1,\n },\n {\n transform: \"scale(1) translate(-50%, -50%)\",\n offset: 0.8,\n },\n {\n opacity: 0,\n },\n ];\n modal.animate(keyframes, {\n duration: 800,\n iterations: 1,\n });\n modal.addEventListener(\"animationend\", () => modal.remove(), { once: true });\n }\n}\n\nexport default Button;\nexport { Button };\n"],"names":["Button","e: MouseEvent","modal","size","height","width","x","y","keyframes"],"mappings":"oRAMA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAUvC,IAAA,OAAA,MA0DMA,UAAe,WAAY,oCAK/B,OAAQ,OAMR,UAAW,OAMX,QAAS,OAMT,OAAQ,EAaE,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,SAAS,GAAI,KAAK,QAAQ,CAAA,uCAGhC,CAAC,AACF,CAED,OAAc,CACR,KAAK,WAGT,KAAK,QAAS,EACd,MAAM,OAAO,CACd,CAED,MAAa,CAEX,AADA,KAAK,QAAS,EACd,MAAM,MAAM,AACb,CAED,mBAA0B,CAExB,AADA,MAAM,mBAAmB,CACzB,KAAK,OAAO,IAAI,KAAM,QAAS,KAAK,aAAa,AAClD,CAES,aAAaC,EAAqB,CAC1C,GAAI,KAAK,SAAU,CAEjB,AADA,EAAE,iBAAiB,CACnB,EAAE,gBAAgB,CAClB,MACD,CACD,AAAK,KAAK,OACR,KAAK,aAAa,EAAE,AAEvB,CAES,aAAaA,EAAqB,CAC1C,IAAMC,EAAQ,SAAS,cAAc,IAAI,CACnC,CAAE,QAAO,SAAQ,CAAG,KAAK,uBAAuB,CAChD,CAAE,IAAG,IAAG,CAAG,KAAK,MAAM,uBAAuB,CAC7CC,EAAO,GAAG,KAAK,KAAKC,GAAU,EAAIC,GAAS,EAAE,CAAG,EAAE,EAAE,CAAC,CAK3D,AAJAH,EAAM,MAAM,OAASC,EACrBD,EAAM,MAAM,MAAQC,EACpBD,EAAM,MAAM,KAAO,GAAG,EAAE,EAAII,EAAE,EAAE,CAAC,CACjCJ,EAAM,MAAM,IAAM,GAAG,EAAE,EAAIK,EAAE,EAAE,CAAC,CAChC,KAAK,WAAW,YAAYL,EAAM,CAClC,IAAMM,EAAY,CAChB,CACE,UAAW,iCACX,QAAS,EACV,EACD,CACE,UAAW,iCACX,OAAQ,EACT,EACD,CACE,QAAS,CAAA,CAEZ,EAKD,AAJA,EAAM,QAAQA,EAAW,CACvB,SAAU,IACV,WAAY,CACb,EAAC,CACF,EAAM,iBAAiB,eAAgB,IAAM,EAAM,QAAQ,CAAE,CAAE,MAAM,CAAM,EAAC,AAC7E,CACF,EApKA,WA8DE,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,YAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,eAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,aAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,YAAA,GAAA,YAM1C,UAAU,AAAA,EAAA,OAAA,UAAA,iBAAA,CAGV,UAAA,CAAA,UAAU,aAAa,AAAA,EAAA,OAAA,UAAA,oBAAA,CAEvB,UAAA,CAAA,UAAU,OAAO,AAAA,EAAA,OAAA,UAAA,eAAA,CA3FnB,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OACC,GAAG,CAAC,mDAEqB,EAAE,SAAS,2IAahC,EAAE,SAAS,kBACX,EAAE,SAAS,oBAEf,CAAC,CACD,GAAG,CAAC,MAEA,EAAE,SAAS,gCACX,EAAE,SAAS,kBACX,EAAE,SAAS,sBACA,EAAE,cAAc,kBAAkB,iBAC7B,EAAE,cAAc,kBAAkB,wZA6BtD,CAAC,CACF,AAAA,EAAA,OAAA,CA6GD,IAAA,SAAe"}
|
@@ -1,8 +1,7 @@
|
|
1
1
|
import Button from "./component.js";
|
2
2
|
export default Button;
|
3
3
|
declare global {
|
4
|
-
|
5
|
-
|
6
|
-
|
4
|
+
interface HTMLElementTagNameMap {
|
5
|
+
"godown-button": Button;
|
6
|
+
}
|
7
7
|
}
|
8
|
-
//# sourceMappingURL=definition.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AAAA,OAAO,YAAY,gBAAiB;AAIpC,eAAe;eAEA;WACH,sBAAsB;EAC9B,iBAAiB;CAClB;AACF","names":[],"sources":["../../../src/web-components/button/definition.ts"],"sourcesContent":["import Button from \"./component.js\";\n\nButton.define();\n\nexport default Button;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-button\": Button;\n }\n}\n"],"version":3,"file":"definition.d.ts"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import
|
1
|
+
import Button from"./component.js";Button.define();export{Button as default};
|
2
2
|
//# sourceMappingURL=definition.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"definition.js","sources":["../../src/web-components/button/definition.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"definition.js","sources":["../../src/web-components/button/definition.ts"],"sourcesContent":["import Button from \"./component.js\";\n\nButton.define();\n\nexport default Button;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-button\": Button;\n }\n}\n"],"names":[],"mappings":"mCAEA,OAAO,QAAQ"}
|
@@ -2,29 +2,28 @@ import { type TemplateResult } from "lit";
|
|
2
2
|
import { GlobalStyle } from "../../internal/global-style.js";
|
3
3
|
import { type RingType } from "../../internal/ring.js";
|
4
4
|
/**
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
5
|
+
* {@linkcode Card} renders a card.
|
6
|
+
*
|
7
|
+
* This may be similar to {@linkcode Layout},
|
8
|
+
* but it needs to be specified to enable header and footer.
|
9
|
+
*
|
10
|
+
* @slot - The main content of the card.
|
11
|
+
* @slot header - The header of the card.
|
12
|
+
* @slot footer - The footer of the card.
|
13
|
+
* @category display
|
14
|
+
*/
|
15
15
|
declare class Card extends GlobalStyle {
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
16
|
+
constructor();
|
17
|
+
ringType: RingType;
|
18
|
+
/**
|
19
|
+
* Whether to display the header.
|
20
|
+
*/
|
21
|
+
footer: boolean;
|
22
|
+
/**
|
23
|
+
* Whether to display the footer.
|
24
|
+
*/
|
25
|
+
header: boolean;
|
26
|
+
protected render(): TemplateResult<1>;
|
27
27
|
}
|
28
28
|
export default Card;
|
29
29
|
export { Card };
|
30
|
-
//# sourceMappingURL=component.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;AAEzF,cAA8C,gBAAgB,wBAAyB;;;;;;;;;;;;AAgBvF,cA0BM,aAAa,YAAY;CAC7B;CAKA,AACA,UAAU;;;;CAKV,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;AAUpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/card/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport type Layout from \"../layout/component.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"card\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Card} renders a card.\n *\n * This may be similar to {@linkcode Layout},\n * but it needs to be specified to enable header and footer.\n *\n * @slot - The main content of the card.\n * @slot header - The header of the card.\n * @slot footer - The footer of the card.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n :host {\n background: var(${cssGlobalVars.background});\n color: var(${cssGlobalVars.foreground});\n display: block;\n flex-shrink: 0;\n }\n\n slot {\n display: block;\n padding: 1em;\n }\n\n [part=\"root\"] {\n border-radius: inherit;\n }\n\n [name=\"footer\"] {\n padding-top: 0;\n }\n\n [name=\"header\"] {\n padding-bottom: 0;\n }\n`)\nclass Card extends GlobalStyle {\n constructor() {\n super();\n new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n }\n\n @property({ attribute: ringTypeAttribute })\n ringType: RingType = \"border\";\n\n /**\n * Whether to display the header.\n */\n @property({ type: Boolean })\n footer = false;\n\n /**\n * Whether to display the footer.\n */\n @property({ type: Boolean })\n header = false;\n\n protected render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n ${[this.header ? htmlSlot(\"header\") : \"\", htmlSlot(), this.footer ? htmlSlot(\"footer\") : \"\"]}\n </div>\n `;\n }\n}\n\nexport default Card;\nexport { Card };\n"],"version":3,"file":"component.d.ts"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{
|
1
|
+
import{godown,styles,StyleController,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import{ringTypeAttribute,RingBuilder}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`card`;scopePrefix(protoName);let Card=class e extends GlobalStyle{constructor(){super(),this.ringType=`border`,this.footer=!1,this.header=!1,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[this.header?htmlSlot(`header`):``,htmlSlot(),this.footer?htmlSlot(`footer`):``]} </div>`}};_decorate([property({attribute:ringTypeAttribute})],Card.prototype,`ringType`,void 0),_decorate([property({type:Boolean})],Card.prototype,`footer`,void 0),_decorate([property({type:Boolean})],Card.prototype,`header`,void 0),Card=_decorate([godown(protoName),styles(css`:host{background:var(${cssGlobalVars.background});color:var(${cssGlobalVars.foreground});display:block;flex-shrink:0}slot{display:block;padding:1em}[part=root]{border-radius:inherit}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],Card);var Card$1=Card;export{Card,Card$1 as default};
|
2
2
|
//# sourceMappingURL=component.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../src/web-components/card/component.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"component.js","sources":["../../src/web-components/card/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport type Layout from \"../layout/component.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"card\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Card} renders a card.\n *\n * This may be similar to {@linkcode Layout},\n * but it needs to be specified to enable header and footer.\n *\n * @slot - The main content of the card.\n * @slot header - The header of the card.\n * @slot footer - The footer of the card.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n :host {\n background: var(${cssGlobalVars.background});\n color: var(${cssGlobalVars.foreground});\n display: block;\n flex-shrink: 0;\n }\n\n slot {\n display: block;\n padding: 1em;\n }\n\n [part=\"root\"] {\n border-radius: inherit;\n }\n\n [name=\"footer\"] {\n padding-top: 0;\n }\n\n [name=\"header\"] {\n padding-bottom: 0;\n }\n`)\nclass Card extends GlobalStyle {\n constructor() {\n super();\n new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n }\n\n @property({ attribute: ringTypeAttribute })\n ringType: RingType = \"border\";\n\n /**\n * Whether to display the header.\n */\n @property({ type: Boolean })\n footer = false;\n\n /**\n * Whether to display the footer.\n */\n @property({ type: Boolean })\n header = false;\n\n protected render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n ${[this.header ? htmlSlot(\"header\") : \"\", htmlSlot(), this.footer ? htmlSlot(\"footer\") : \"\"]}\n </div>\n `;\n }\n}\n\nexport default Card;\nexport { Card };\n"],"names":["Card"],"mappings":"4VAQA,MAAM,UAAY,OACD,YAAY,UAAA,CAa7B,IAAA,KAAA,MA0BMA,UAAa,WAAY,CAC7B,aAAc,CAEZ,AADA,OAAO,MAKT,SAAqB,cAMrB,QAAS,OAMT,QAAS,EAhBP,IAAI,gBAAgB,KAAM,IAAM,IAAI,YAAY,CAAE,KAAM,KAAK,QAAU,GAAE,IAC1E,CAiBS,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CAAC,KAAK,OAAS,SAAS,SAAS,CAAG,GAAI,UAAU,CAAE,KAAK,OAAS,SAAS,SAAS,CAAG,EAAG,EAAA,OAEhG,CAAC,AACF,CACF,EAzDA,WAgCE,SAAS,CAAE,UAAW,iBAAmB,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,YAM1C,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,gBAAA,YAM3B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,gBAAA,CA5C7B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,qBAEQ,EAAE,cAAc,WAAW,YAChC,EAAE,cAAc,WAAW,0JAqB1C,CAAC,CAAC,AAAA,EAAA,KAAA,CAkCF,IAAA,OAAe"}
|
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/card/definition.ts"],"sourcesContent":["import Card from \"./component.js\";\n\nCard.define();\n\nexport default Card;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-card\": Card;\n }\n}\n"],"version":3,"file":"definition.d.ts"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import
|
1
|
+
import Card from"./component.js";Card.define();export{Card as default};
|
2
2
|
//# sourceMappingURL=definition.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"definition.js","sources":["../../src/web-components/card/definition.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"definition.js","sources":["../../src/web-components/card/definition.ts"],"sourcesContent":["import Card from \"./component.js\";\n\nCard.define();\n\nexport default Card;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-card\": Card;\n }\n}\n"],"names":[],"mappings":"iCAEA,KAAK,QAAQ"}
|
@@ -1,40 +1,39 @@
|
|
1
1
|
import { type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../../internal/global-style.js";
|
3
3
|
/**
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
4
|
+
* {@linkcode Carousel} make the content display as a carousel.
|
5
|
+
*
|
6
|
+
* When this component is `firstUpdated`,
|
7
|
+
* clone the first and last element and make the matching element visible when switching index.
|
8
|
+
*
|
9
|
+
* @slot - Carousel items, should maintain the same size.
|
10
|
+
* @fires change - Fires when the index changes.
|
11
|
+
* @category display
|
12
|
+
*/
|
13
13
|
declare class Carousel extends GlobalStyle {
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
|
14
|
+
/**
|
15
|
+
* The index of the current item.
|
16
|
+
*/
|
17
|
+
index: number;
|
18
|
+
/**
|
19
|
+
* The duration of the transition.
|
20
|
+
*/
|
21
|
+
autoChange: number;
|
22
|
+
protected _moveRoot: HTMLElement;
|
23
|
+
intervalID: number;
|
24
|
+
private __cloneFirst;
|
25
|
+
private __cloneLast;
|
26
|
+
protected _offset: number;
|
27
|
+
protected render(): TemplateResult<1>;
|
28
|
+
connectedCallback(): void;
|
29
|
+
protected firstUpdated(): Promise<void>;
|
30
|
+
attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
|
31
|
+
show(i: number, n?: boolean): void;
|
32
|
+
next(): void;
|
33
|
+
prev(): void;
|
34
|
+
protected _doTranslateX(xValue: string, noTransition?: boolean): void;
|
35
|
+
protected _computeOffset(): number;
|
36
|
+
normalizeIndex(i: number): number;
|
37
37
|
}
|
38
38
|
export default Carousel;
|
39
39
|
export { Carousel };
|
40
|
-
//# sourceMappingURL=component.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AAGA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;;;;;AAkB7D,cA6CM,iBAAiB,YAAY;;;;CAIjC,AACA;;;;CAKA,AACA;CAEA,UACU,WAAW;CAErB;CAEA,QAAQ;CAER,QAAQ;CAER,UAAU;CAEV,UAAU,UAAU,eAAe;CAuBnC;CAgBA,UAAgB,gBAAgB;CAKhC,yBAAyBA,cAAcC,qBAAqBC;CAO5D,KAAKC,WAAWC;CAgBhB;CASA;CASA,UAAU,cAAcC,gBAAgBC;CAKxC,UAAU;CASV,eAAeH;AAShB;AAED,eAAe;AACf,SAAS","names":["name: string","_old: string | null","value: string | null","i: number","n?: boolean","xValue: string","noTransition?: boolean"],"sources":["../../../src/web-components/carousel/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport iconCaretLeft from \"../../internal/icons/caret-left.js\";\nimport iconCaretRight from \"../../internal/icons/caret-right.js\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"carousel\";\n\nfunction getWidth(e) {\n return e.getBoundingClientRect().width;\n}\n\n/**\n * {@linkcode Carousel} make the content display as a carousel.\n *\n * When this component is `firstUpdated`,\n * clone the first and last element and make the matching element visible when switching index.\n *\n * @slot - Carousel items, should maintain the same size.\n * @fires change - Fires when the index changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n :host {\n display: block;\n transition: 0.3s;\n }\n\n [part=\"root\"] {\n direction: ltr;\n overflow: hidden;\n }\n\n [part=\"root\"],\n [part=\"move-root\"] {\n height: 100%;\n width: 100%;\n display: flex;\n position: relative;\n transition: inherit;\n }\n\n [part=\"prev\"],\n [part=\"next\"] {\n height: 100%;\n width: 1.5em;\n z-index: 1;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n }\n\n [part=\"prev\"] {\n left: 0;\n }\n\n [part=\"next\"] {\n right: 0;\n }\n\n slot::slotted(*) {\n flex-shrink: 0 !important;\n }\n`)\nclass Carousel extends GlobalStyle {\n /**\n * The index of the current item.\n */\n @property({ type: Number })\n index = 0;\n\n /**\n * The duration of the transition.\n */\n @property({ type: Number })\n autoChange = 0;\n\n @queryPart(\"move-root\")\n protected _moveRoot: HTMLElement;\n\n intervalID: number;\n\n private __cloneFirst: HTMLElement | undefined;\n\n private __cloneLast: HTMLElement | undefined;\n\n protected _offset: number;\n\n protected render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n <i\n part=\"prev\"\n @click=\"${this.prev}\"\n >\n ${iconCaretLeft()}\n </i>\n <div part=\"move-root\">${htmlSlot()}</div>\n <i\n part=\"next\"\n @click=\"${this.next}\"\n >\n ${iconCaretRight()}\n </i>\n </div>\n `;\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n if (this.children.length) {\n this.__cloneFirst?.remove();\n this.__cloneLast?.remove();\n this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;\n this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;\n this.appendChild(this.__cloneLast);\n this.insertBefore(this.__cloneFirst, this.firstElementChild);\n }\n this.observers.add(this, ResizeObserver, () => {\n this._offset = this._computeOffset();\n this._doTranslateX(`${this._offset}px`, true);\n });\n }\n\n protected async firstUpdated(): Promise<void> {\n await this.updateComplete;\n this.show(this.index, true);\n }\n\n attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n super.attributeChangedCallback(name, _old, value);\n if (name === \"index\" && this.isConnected) {\n this.show(this.index);\n }\n }\n\n show(i: number, n?: boolean): void {\n i = this.normalizeIndex(i);\n this.index = i;\n this._offset = this._computeOffset();\n this._doTranslateX(`${this._offset}px`, n);\n this.dispatchCustomEvent(\"change\", i);\n this.timeouts.remove(this.intervalID);\n if (this.autoChange > 0) {\n this.intervalID = this.timeouts.add(\n setInterval(() => {\n this.next();\n }, this.autoChange),\n );\n }\n }\n\n next(): void {\n if (this.index === this.childElementCount - 3) {\n this._doTranslateX(\"0\", true);\n this.show(0);\n } else {\n this.show(this.index + 1);\n }\n }\n\n prev(): void {\n if (this.index === 0) {\n this._doTranslateX(`-${this.childElementCount - 1}00%`, true);\n this.show(this.children.length - 3);\n } else {\n this.show(this.index - 1);\n }\n }\n\n protected _doTranslateX(xValue: string, noTransition?: boolean): void {\n this._moveRoot.style.transform = `translateX(${xValue})`;\n this._moveRoot.style.transition = noTransition ? \"none\" : \"\";\n }\n\n protected _computeOffset(): number {\n let offset = 0;\n for (let childIndex = 0; childIndex <= this.index; childIndex++) {\n offset -= getWidth(this.children[childIndex]);\n }\n offset += (getWidth(this) - getWidth(this.children[this.index + 1])) / 2;\n return offset;\n }\n\n normalizeIndex(i: number): number {\n if (i < 0) {\n return 0;\n }\n if (i > this.children.length - 3) {\n return this.children.length - 3;\n }\n return i;\n }\n}\n\nexport default Carousel;\nexport { Carousel };\n"],"version":3,"file":"component.d.ts"}
|
@@ -1,2 +1,3 @@
|
|
1
|
-
import{
|
1
|
+
import{queryPart,godown,styles,attr,htmlSlot}from"@godown/element";import _default from"../../internal/icons/caret-left.js";import _default$1 from"../../internal/icons/caret-right.js";import{css,html}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`carousel`;function getWidth(e){return e.getBoundingClientRect().width}let Carousel=class e extends GlobalStyle{constructor(...e){super(...e),this.index=0,this.autoChange=0}render(){return html`<div part="root" ${attr(this.observedRecord)}> <i part="prev" @click="${this.prev}"> ${_default()} </i> <div part="move-root">${htmlSlot()}</div> <i part="next" @click="${this.next}"> ${_default$1()} </i> </div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)})}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(e,m,h){super.attributeChangedCallback(e,m,h),e===`index`&&this.isConnected&&this.show(this.index)}show(e,m){e=this.normalizeIndex(e),this.index=e,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,m),this.dispatchCustomEvent(`change`,e),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval(()=>{this.next()},this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX(`0`,!0),this.show(0)):this.show(this.index+1)}prev(){this.index===0?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(e,m){this._moveRoot.style.transform=`translateX(${e})`,this._moveRoot.style.transition=m?`none`:``}_computeOffset(){let e=0;for(let m=0;m<=this.index;m++)e-=getWidth(this.children[m]);return e+=(getWidth(this)-getWidth(this.children[this.index+1]))/2,e}normalizeIndex(e){return e<0?0:e>this.children.length-3?this.children.length-3:e}};_decorate([property({type:Number})],Carousel.prototype,`index`,void 0),_decorate([property({type:Number})],Carousel.prototype,`autoChange`,void 0),_decorate([queryPart(`move-root`)],Carousel.prototype,`_moveRoot`,void 0),Carousel=_decorate([godown(protoName),styles(css`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=root],[part=move-root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=prev],[part=next]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}
|
2
|
+
`)],Carousel);var Carousel$1=Carousel;export{Carousel,Carousel$1 as default};
|
2
3
|
//# sourceMappingURL=component.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../src/web-components/carousel/component.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"component.js","sources":["../../src/web-components/carousel/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport iconCaretLeft from \"../../internal/icons/caret-left.js\";\nimport iconCaretRight from \"../../internal/icons/caret-right.js\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"carousel\";\n\nfunction getWidth(e) {\n return e.getBoundingClientRect().width;\n}\n\n/**\n * {@linkcode Carousel} make the content display as a carousel.\n *\n * When this component is `firstUpdated`,\n * clone the first and last element and make the matching element visible when switching index.\n *\n * @slot - Carousel items, should maintain the same size.\n * @fires change - Fires when the index changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n :host {\n display: block;\n transition: 0.3s;\n }\n\n [part=\"root\"] {\n direction: ltr;\n overflow: hidden;\n }\n\n [part=\"root\"],\n [part=\"move-root\"] {\n height: 100%;\n width: 100%;\n display: flex;\n position: relative;\n transition: inherit;\n }\n\n [part=\"prev\"],\n [part=\"next\"] {\n height: 100%;\n width: 1.5em;\n z-index: 1;\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n user-select: none;\n }\n\n [part=\"prev\"] {\n left: 0;\n }\n\n [part=\"next\"] {\n right: 0;\n }\n\n slot::slotted(*) {\n flex-shrink: 0 !important;\n }\n`)\nclass Carousel extends GlobalStyle {\n /**\n * The index of the current item.\n */\n @property({ type: Number })\n index = 0;\n\n /**\n * The duration of the transition.\n */\n @property({ type: Number })\n autoChange = 0;\n\n @queryPart(\"move-root\")\n protected _moveRoot: HTMLElement;\n\n intervalID: number;\n\n private __cloneFirst: HTMLElement | undefined;\n\n private __cloneLast: HTMLElement | undefined;\n\n protected _offset: number;\n\n protected render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n <i\n part=\"prev\"\n @click=\"${this.prev}\"\n >\n ${iconCaretLeft()}\n </i>\n <div part=\"move-root\">${htmlSlot()}</div>\n <i\n part=\"next\"\n @click=\"${this.next}\"\n >\n ${iconCaretRight()}\n </i>\n </div>\n `;\n }\n\n connectedCallback(): void {\n super.connectedCallback();\n if (this.children.length) {\n this.__cloneFirst?.remove();\n this.__cloneLast?.remove();\n this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;\n this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;\n this.appendChild(this.__cloneLast);\n this.insertBefore(this.__cloneFirst, this.firstElementChild);\n }\n this.observers.add(this, ResizeObserver, () => {\n this._offset = this._computeOffset();\n this._doTranslateX(`${this._offset}px`, true);\n });\n }\n\n protected async firstUpdated(): Promise<void> {\n await this.updateComplete;\n this.show(this.index, true);\n }\n\n attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n super.attributeChangedCallback(name, _old, value);\n if (name === \"index\" && this.isConnected) {\n this.show(this.index);\n }\n }\n\n show(i: number, n?: boolean): void {\n i = this.normalizeIndex(i);\n this.index = i;\n this._offset = this._computeOffset();\n this._doTranslateX(`${this._offset}px`, n);\n this.dispatchCustomEvent(\"change\", i);\n this.timeouts.remove(this.intervalID);\n if (this.autoChange > 0) {\n this.intervalID = this.timeouts.add(\n setInterval(() => {\n this.next();\n }, this.autoChange),\n );\n }\n }\n\n next(): void {\n if (this.index === this.childElementCount - 3) {\n this._doTranslateX(\"0\", true);\n this.show(0);\n } else {\n this.show(this.index + 1);\n }\n }\n\n prev(): void {\n if (this.index === 0) {\n this._doTranslateX(`-${this.childElementCount - 1}00%`, true);\n this.show(this.children.length - 3);\n } else {\n this.show(this.index - 1);\n }\n }\n\n protected _doTranslateX(xValue: string, noTransition?: boolean): void {\n this._moveRoot.style.transform = `translateX(${xValue})`;\n this._moveRoot.style.transition = noTransition ? \"none\" : \"\";\n }\n\n protected _computeOffset(): number {\n let offset = 0;\n for (let childIndex = 0; childIndex <= this.index; childIndex++) {\n offset -= getWidth(this.children[childIndex]);\n }\n offset += (getWidth(this) - getWidth(this.children[this.index + 1])) / 2;\n return offset;\n }\n\n normalizeIndex(i: number): number {\n if (i < 0) {\n return 0;\n }\n if (i > this.children.length - 3) {\n return this.children.length - 3;\n }\n return i;\n }\n}\n\nexport default Carousel;\nexport { Carousel };\n"],"names":["Carousel","iconCaretLeft","iconCaretRight","name: string","_old: string | null","value: string | null","name","_old","value","i: number","n?: boolean","i","n","xValue: string","noTransition?: boolean","xValue","noTransition","offset","childIndex"],"mappings":"+WAQA,MAAM,UAAY,WAElB,SAAS,SAAS,EAAG,CACnB,MAAO,GAAE,uBAAuB,CAAC,KAClC,CAYD,IAAA,SAAA,MA6CMA,UAAiB,WAAY,oCAKjC,MAAQ,OAMR,WAAa,EAaH,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,yBAIjB,EAAE,KAAK,KAAK,GAEpB,EAAEC,UAAe,CAAA,4BAEG,EAAE,UAAU,CAAC,8BAGzB,EAAE,KAAK,KAAK,GAEpB,EAAEC,YAAgB,CAAA,YAGxB,CAAC,AACF,CAED,mBAA0B,CAUxB,AATA,MAAM,mBAAmB,CACrB,KAAK,SAAS,SAChB,KAAK,cAAc,QAAQ,CAC3B,KAAK,aAAa,QAAQ,CAC1B,KAAK,YAAc,KAAK,kBAAkB,WAAU,EAAK,CACzD,KAAK,aAAe,KAAK,iBAAiB,WAAU,EAAK,CACzD,KAAK,YAAY,KAAK,YAAY,CAClC,KAAK,aAAa,KAAK,aAAc,KAAK,kBAAkB,EAE9D,KAAK,UAAU,IAAI,KAAM,eAAgB,IAAM,CAE7C,AADA,KAAK,QAAU,KAAK,gBAAgB,CACpC,KAAK,cAAc,GAAG,KAAK,QAAQ,EAAE,CAAC,EAAE,EAAK,AAC9C,EAAC,AACH,CAED,MAAgB,cAA8B,CAE5C,AADA,MAAM,KAAK,eACX,KAAK,KAAK,KAAK,OAAO,EAAK,AAC5B,CAED,yBAAyBC,EAAcC,EAAqBC,EAA4B,CAEtF,AADA,MAAM,yBAAyBC,EAAMC,EAAMC,EAAM,CAC7CF,IAAS,SAAW,KAAK,aAC3B,KAAK,KAAK,KAAK,MAAM,AAExB,CAED,KAAKG,EAAWC,EAAmB,CAOjC,AANAC,EAAI,KAAK,eAAeA,EAAE,CAC1B,KAAK,MAAQA,EACb,KAAK,QAAU,KAAK,gBAAgB,CACpC,KAAK,cAAc,GAAG,KAAK,QAAQ,EAAE,CAAC,CAAEC,EAAE,CAC1C,KAAK,oBAAoB,SAAUD,EAAE,CACrC,KAAK,SAAS,OAAO,KAAK,WAAW,CACjC,KAAK,WAAa,IACpB,KAAK,WAAa,KAAK,SAAS,IAC9B,YAAY,IAAM,CAChB,KAAK,MAAM,AACZ,EAAE,KAAK,WAAW,CACpB,CAEJ,CAED,MAAa,CACX,AAAI,KAAK,QAAU,KAAK,kBAAoB,GAC1C,KAAK,cAAc,KAAK,EAAK,CAC7B,KAAK,KAAK,EAAE,EAEZ,KAAK,KAAK,KAAK,MAAQ,EAAE,AAE5B,CAED,MAAa,CACX,AAAI,KAAK,QAAU,GACjB,KAAK,cAAc,CAAC,CAAC,EAAE,KAAK,kBAAoB,EAAE,GAAG,CAAC,EAAE,EAAK,CAC7D,KAAK,KAAK,KAAK,SAAS,OAAS,EAAE,EAEnC,KAAK,KAAK,KAAK,MAAQ,EAAE,AAE5B,CAED,cAAwBE,EAAgBC,EAA8B,CAEpE,AADA,KAAK,UAAU,MAAM,UAAY,CAAC,WAAW,EAAEC,EAAO,CAAC,CAAC,CACxD,KAAK,UAAU,MAAM,WAAaC,EAAe,OAAS,EAC3D,CAES,gBAAyB,CACjC,IAAIC,EAAS,EACb,IAAK,IAAIC,EAAa,EAAGA,GAAc,KAAK,MAAOA,IACjD,GAAU,SAAS,KAAK,SAASA,GAAY,CAG/C,OADAD,IAAW,SAAS,KAAK,CAAG,SAAS,KAAK,SAAS,KAAK,MAAQ,GAAG,EAAI,EAChEA,CACR,CAED,eAAeR,EAAmB,CAOhC,OANIE,EAAI,EACC,EAELA,EAAI,KAAK,SAAS,OAAS,EACtB,KAAK,SAAS,OAAS,EAEzBA,CACR,CACF,EAjLA,WAiDE,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,eAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,oBAAA,CAG1B,UAAA,CAAA,UAAU,YAAY,AAAA,EAAA,SAAA,UAAA,mBAAA,CA1DxB,SAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AA2CZ,CAAC,CAAC,AAAA,EAAA,SAAA,CAuIF,IAAA,WAAe"}
|
@@ -1,8 +1,7 @@
|
|
1
1
|
import Carousel from "./component.js";
|
2
2
|
export default Carousel;
|
3
3
|
declare global {
|
4
|
-
|
5
|
-
|
6
|
-
|
4
|
+
interface HTMLElementTagNameMap {
|
5
|
+
"godown-carousel": Carousel;
|
6
|
+
}
|
7
7
|
}
|
8
|
-
//# sourceMappingURL=definition.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AAAA,OAAO,cAAc,gBAAiB;AAItC,eAAe;eAEA;WACH,sBAAsB;EAC9B,mBAAmB;CACpB;AACF","names":[],"sources":["../../../src/web-components/carousel/definition.ts"],"sourcesContent":["import Carousel from \"./component.js\";\n\nCarousel.define();\n\nexport default Carousel;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-carousel\": Carousel;\n }\n}\n"],"version":3,"file":"definition.d.ts"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import
|
1
|
+
import Carousel from"./component.js";Carousel.define();export{Carousel as default};
|
2
2
|
//# sourceMappingURL=definition.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"definition.js","sources":["../../src/web-components/carousel/definition.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"definition.js","sources":["../../src/web-components/carousel/definition.ts"],"sourcesContent":["import Carousel from \"./component.js\";\n\nCarousel.define();\n\nexport default Carousel;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-carousel\": Carousel;\n }\n}\n"],"names":[],"mappings":"qCAEA,SAAS,QAAQ"}
|
@@ -1,29 +1,28 @@
|
|
1
1
|
import { type TemplateResult } from "lit";
|
2
2
|
import { GlobalStyle } from "../../internal/global-style.js";
|
3
3
|
/**
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
4
|
+
* {@linkcode Chip} renders a chip.
|
5
|
+
*
|
6
|
+
* @slot - Chip content.
|
7
|
+
* @category display
|
8
|
+
*/
|
9
9
|
declare class Chip extends GlobalStyle {
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
10
|
+
/**
|
11
|
+
* The position of the chip relative to its parent element.
|
12
|
+
*/
|
13
|
+
position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
14
|
+
value: number;
|
15
|
+
/**
|
16
|
+
* If `true`, render a dot chip.
|
17
|
+
*/
|
18
|
+
dot: boolean;
|
19
|
+
/**
|
20
|
+
* The maximum value that can be displayed in the chip
|
21
|
+
* Values greater than this will be displayed as `max+` by default.
|
22
|
+
*/
|
23
|
+
max: number;
|
24
|
+
formatValue(value: number): string;
|
25
|
+
render(): TemplateResult<1>;
|
26
26
|
}
|
27
27
|
export default Chip;
|
28
28
|
export { Chip };
|
29
|
-
//# sourceMappingURL=component.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;AAWzF,cAoDM,aAAa,YAAY;;;;CAI7B,AACA,UAAU,aAAa,cAAc,gBAAgB;CAErD,AACA;;;;CAKA,AACA;;;;;CAMA,AACA;CAEA,YAAYA;CAIZ,UAAU,eAAe;AAe1B;AAED,eAAe;AACf,SAAS","names":["value: number"],"sources":["../../../src/web-components/chip/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"chip\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Chip} renders a chip.\n *\n * @slot - Chip content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n :host {\n ${cssScope}--offset: 0%;\n ${cssScope}--offset-x: var(${cssScope}--offset);\n ${cssScope}--offset-y: var(${cssScope}--offset);\n }\n\n :host,\n :host([contents]) [part=\"root\"] {\n display: inline-block;\n }\n\n [part=\"root\"] {\n position: relative;\n }\n\n [part=\"chip\"] {\n position: absolute;\n font-size: 75%;\n padding: 0 0.5em;\n user-select: none;\n border-radius: calc(infinity * 1px);\n transform: translate(-50%, -50%);\n color: var(${cssGlobalVars.primaryForeground});\n background: var(${cssGlobalVars.primaryBackground});\n }\n\n [part=\"chip\"]:empty {\n width: 0.5em;\n height: 0.5em;\n font-size: 100%;\n padding: 0;\n border-radius: 50%;\n }\n\n [position^=\"top\"] [part=\"chip\"] {\n top: calc(0% + var(${cssScope}--offset-y));\n }\n\n [position$=\"right\"] [part=\"chip\"] {\n left: calc(100% - var(${cssScope}--offset-x));\n }\n\n [position^=\"bottom\"] [part=\"chip\"] {\n top: calc(100% - var(${cssScope}--offset-y));\n }\n\n [position$=\"left\"] [part=\"chip\"] {\n left: calc(0% + var(${cssScope}--offset-x));\n }\n`)\nclass Chip extends GlobalStyle {\n /**\n * The position of the chip relative to its parent element.\n */\n @property()\n position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" = \"top-right\";\n\n @property({ type: Number })\n value = 0;\n\n /**\n * If `true`, render a dot chip.\n */\n @property({ type: Boolean })\n dot = false;\n\n /**\n * The maximum value that can be displayed in the chip\n * Values greater than this will be displayed as `max+` by default.\n */\n @property({ type: Number })\n max = 99;\n\n formatValue(value: number): string {\n return value > this.max ? this.max + \"+\" : value + \"\";\n }\n\n render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n ${htmlSlot()}\n ${this.value || this.dot\n ? html`\n <div part=\"chip\">${this.dot ? \"\" : this.formatValue(this.value)}</div>\n `\n : \"\"}\n </div>\n `;\n }\n}\n\nexport default Chip;\nexport { Chip };\n"],"version":3,"file":"component.d.ts"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{
|
1
|
+
import{godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`chip`,cssScope=scopePrefix(protoName);let Chip=class e extends GlobalStyle{constructor(...e){super(...e),this.position=`top-right`,this.value=0,this.dot=!1,this.max=99}formatValue(e){return e>this.max?this.max+`+`:e+``}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot()} ${this.value||this.dot?html`<div part="chip">${this.dot?``:this.formatValue(this.value)}</div>`:``} </div>`}};_decorate([property()],Chip.prototype,`position`,void 0),_decorate([property({type:Number})],Chip.prototype,`value`,void 0),_decorate([property({type:Boolean})],Chip.prototype,`dot`,void 0),_decorate([property({type:Number})],Chip.prototype,`max`,void 0),Chip=_decorate([godown(protoName),styles(css`:host{${cssScope}--offset:0%;${cssScope}--offset-x:var(${cssScope}--offset);${cssScope}--offset-y:var(${cssScope}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=chip]{position:absolute;font-size:75%;padding:0 .5em;-webkit-user-select:none;user-select:none;border-radius:calc(infinity*1px);transform:translate(-50%,-50%);color:var(${cssGlobalVars.primaryForeground});background:var(${cssGlobalVars.primaryBackground})}[part=chip]:empty{width:.5em;height:.5em;font-size:100%;padding:0;border-radius:50%}[position^=top] [part=chip]{top:calc(0% + var(${cssScope}--offset-y))}[position$=right] [part=chip]{left:calc(100% - var(${cssScope}--offset-x))}[position^=bottom] [part=chip]{top:calc(100% - var(${cssScope}--offset-y))}[position$=left] [part=chip]{left:calc(0% + var(${cssScope}--offset-x))}`)],Chip);var Chip$1=Chip;export{Chip,Chip$1 as default};
|
2
2
|
//# sourceMappingURL=component.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../src/web-components/chip/component.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"component.js","sources":["../../src/web-components/chip/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"chip\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Chip} renders a chip.\n *\n * @slot - Chip content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n :host {\n ${cssScope}--offset: 0%;\n ${cssScope}--offset-x: var(${cssScope}--offset);\n ${cssScope}--offset-y: var(${cssScope}--offset);\n }\n\n :host,\n :host([contents]) [part=\"root\"] {\n display: inline-block;\n }\n\n [part=\"root\"] {\n position: relative;\n }\n\n [part=\"chip\"] {\n position: absolute;\n font-size: 75%;\n padding: 0 0.5em;\n user-select: none;\n border-radius: calc(infinity * 1px);\n transform: translate(-50%, -50%);\n color: var(${cssGlobalVars.primaryForeground});\n background: var(${cssGlobalVars.primaryBackground});\n }\n\n [part=\"chip\"]:empty {\n width: 0.5em;\n height: 0.5em;\n font-size: 100%;\n padding: 0;\n border-radius: 50%;\n }\n\n [position^=\"top\"] [part=\"chip\"] {\n top: calc(0% + var(${cssScope}--offset-y));\n }\n\n [position$=\"right\"] [part=\"chip\"] {\n left: calc(100% - var(${cssScope}--offset-x));\n }\n\n [position^=\"bottom\"] [part=\"chip\"] {\n top: calc(100% - var(${cssScope}--offset-y));\n }\n\n [position$=\"left\"] [part=\"chip\"] {\n left: calc(0% + var(${cssScope}--offset-x));\n }\n`)\nclass Chip extends GlobalStyle {\n /**\n * The position of the chip relative to its parent element.\n */\n @property()\n position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" = \"top-right\";\n\n @property({ type: Number })\n value = 0;\n\n /**\n * If `true`, render a dot chip.\n */\n @property({ type: Boolean })\n dot = false;\n\n /**\n * The maximum value that can be displayed in the chip\n * Values greater than this will be displayed as `max+` by default.\n */\n @property({ type: Number })\n max = 99;\n\n formatValue(value: number): string {\n return value > this.max ? this.max + \"+\" : value + \"\";\n }\n\n render(): TemplateResult<1> {\n return html`\n <div\n part=\"root\"\n ${attr(this.observedRecord)}\n >\n ${htmlSlot()}\n ${this.value || this.dot\n ? html`\n <div part=\"chip\">${this.dot ? \"\" : this.formatValue(this.value)}</div>\n `\n : \"\"}\n </div>\n `;\n }\n}\n\nexport default Chip;\nexport { Chip };\n"],"names":["Chip","value: number","value"],"mappings":"0QAMA,MAAM,UAAY,OACZ,SAAW,YAAY,UAAU,CAQvC,IAAA,KAAA,MAoDMA,UAAa,WAAY,oCAK7B,SAAsE,iBAGtE,MAAQ,OAMR,KAAM,OAON,IAAM,GAEN,YAAYC,EAAuB,CACjC,OAAOC,EAAQ,KAAK,IAAM,KAAK,IAAM,IAAMA,EAAQ,EACpD,CAED,QAA4B,CAC1B,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,UAAU,CAAA,CACZ,EAAE,KAAK,OAAS,KAAK,IACjB,IAAI,CAAA,iBACe,EAAE,KAAK,IAAM,GAAK,KAAK,YAAY,KAAK,MAAM,CAAC,MAClE,CAAC,CACD,GAAA,OAER,CAAC,AACF,CACF,EA9FA,WAwDE,UAAU,AAAA,EAAA,KAAA,UAAA,kBAAA,YAGV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,eAAA,YAM1B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,aAAA,YAO3B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,aAAA,CAxE5B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,YACX,EAAE,SAAS,eAAgB,EAAE,SAAS,UACtC,EAAE,SAAS,eAAgB,EAAE,SAAS,gRAmB3B,EAAE,cAAc,kBAAkB,iBAC7B,EAAE,cAAc,kBAAkB,oIAY/B,EAAE,SAAS,gEAIR,EAAE,SAAS,gEAIZ,EAAE,SAAS,6DAIZ,EAAE,SAAS,aAEnC,CAAC,CAAC,AAAA,EAAA,KAAA,CA6CF,IAAA,OAAe"}
|
@@ -1 +1 @@
|
|
1
|
-
{"
|
1
|
+
{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/chip/definition.ts"],"sourcesContent":["import Chip from \"./component.js\";\n\nChip.define();\n\nexport default Chip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-chip\": Chip;\n }\n}\n"],"version":3,"file":"definition.d.ts"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import
|
1
|
+
import Chip from"./component.js";Chip.define();export{Chip as default};
|
2
2
|
//# sourceMappingURL=definition.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"definition.js","sources":["../../src/web-components/chip/definition.ts"],"sourcesContent":
|
1
|
+
{"version":3,"file":"definition.js","sources":["../../src/web-components/chip/definition.ts"],"sourcesContent":["import Chip from \"./component.js\";\n\nChip.define();\n\nexport default Chip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"godown-chip\": Chip;\n }\n}\n"],"names":[],"mappings":"iCAEA,KAAK,QAAQ"}
|