godown 2.7.7 → 3.0.0-canary.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 +44 -80
- package/alert.d.ts +2 -3
- package/alert.d.ts.map +1 -1
- package/alert.js +5 -4
- package/alert.js.map +1 -1
- package/avatar.d.ts +2 -3
- package/avatar.d.ts.map +1 -1
- package/avatar.js +5 -4
- package/avatar.js.map +1 -1
- package/breath.d.ts +9 -0
- package/breath.d.ts.map +1 -0
- package/breath.js +6 -0
- package/breath.js.map +1 -0
- package/button.d.ts +2 -3
- package/button.d.ts.map +1 -1
- package/button.js +5 -4
- package/button.js.map +1 -1
- package/card.d.ts +2 -3
- package/card.d.ts.map +1 -1
- package/card.js +5 -4
- package/card.js.map +1 -1
- package/carousel.d.ts +2 -3
- package/carousel.d.ts.map +1 -1
- package/carousel.js +5 -4
- package/carousel.js.map +1 -1
- package/components/alert.d.ts +50 -0
- package/components/alert.d.ts.map +1 -0
- package/components/alert.js +167 -0
- package/components/alert.js.map +1 -0
- package/components/avatar.d.ts +26 -0
- package/components/avatar.d.ts.map +1 -0
- package/components/avatar.js +62 -0
- package/components/avatar.js.map +1 -0
- package/components/breath.d.ts +34 -0
- package/components/breath.d.ts.map +1 -0
- package/components/breath.js +80 -0
- package/components/breath.js.map +1 -0
- package/{web-components/button → components}/button.d.ts +6 -5
- package/components/button.d.ts.map +1 -0
- package/components/button.js +167 -0
- package/components/button.js.map +1 -0
- package/components/card.d.ts +20 -0
- package/components/card.d.ts.map +1 -0
- package/components/card.js +55 -0
- package/components/card.js.map +1 -0
- package/components/carousel.d.ts +40 -0
- package/components/carousel.d.ts.map +1 -0
- package/components/carousel.js +113 -0
- package/components/carousel.js.map +1 -0
- package/{web-components/details → components}/details.d.ts +5 -3
- package/components/details.d.ts.map +1 -0
- package/components/details.js +50 -0
- package/components/details.js.map +1 -0
- package/components/dialog.d.ts +33 -0
- package/components/dialog.d.ts.map +1 -0
- package/components/dialog.js +92 -0
- package/components/dialog.js.map +1 -0
- package/components/divider.d.ts +17 -0
- package/components/divider.d.ts.map +1 -0
- package/components/divider.js +37 -0
- package/components/divider.js.map +1 -0
- package/{web-components/wrapper → components}/dragbox.d.ts +15 -5
- package/components/dragbox.d.ts.map +1 -0
- package/{web-components/wrapper → components}/dragbox.js +32 -27
- package/components/dragbox.js.map +1 -0
- package/components/flex.d.ts +31 -0
- package/components/flex.d.ts.map +1 -0
- package/components/flex.js +55 -0
- package/components/flex.js.map +1 -0
- package/{web-components/form → components}/form.d.ts +4 -2
- package/components/form.d.ts.map +1 -0
- package/{web-components/form → components}/form.js +16 -17
- package/components/form.js.map +1 -0
- package/components/grid.d.ts +31 -0
- package/components/grid.d.ts.map +1 -0
- package/components/grid.js +56 -0
- package/components/grid.js.map +1 -0
- package/components/input.d.ts +20 -0
- package/components/input.d.ts.map +1 -0
- package/components/input.js +54 -0
- package/components/input.js.map +1 -0
- package/components/layout.d.ts +29 -0
- package/components/layout.d.ts.map +1 -0
- package/components/layout.js +48 -0
- package/components/layout.js.map +1 -0
- package/components/link.d.ts +20 -0
- package/components/link.d.ts.map +1 -0
- package/components/link.js +43 -0
- package/components/link.js.map +1 -0
- package/{web-components/progress → components}/progress.d.ts +5 -3
- package/components/progress.d.ts.map +1 -0
- package/components/progress.js +68 -0
- package/components/progress.js.map +1 -0
- package/components/range.d.ts +60 -0
- package/components/range.d.ts.map +1 -0
- package/components/range.js +193 -0
- package/components/range.js.map +1 -0
- package/{web-components/wrapper → components}/rotate.d.ts +4 -8
- package/components/rotate.d.ts.map +1 -0
- package/components/rotate.js +57 -0
- package/components/rotate.js.map +1 -0
- package/components/router.d.ts +121 -0
- package/components/router.d.ts.map +1 -0
- package/components/router.js +251 -0
- package/components/router.js.map +1 -0
- package/components/select.d.ts +50 -0
- package/components/select.d.ts.map +1 -0
- package/components/select.js +211 -0
- package/components/select.js.map +1 -0
- package/{web-components/skeleton → components}/skeleton.d.ts +6 -6
- package/components/skeleton.d.ts.map +1 -0
- package/components/skeleton.js +56 -0
- package/components/skeleton.js.map +1 -0
- package/components/split.d.ts +32 -0
- package/components/split.d.ts.map +1 -0
- package/components/split.js +121 -0
- package/components/split.js.map +1 -0
- package/{web-components/input/switch-input.d.ts → components/switch.d.ts} +9 -10
- package/components/switch.d.ts.map +1 -0
- package/components/switch.js +93 -0
- package/components/switch.js.map +1 -0
- package/{web-components/text → components}/text.d.ts +5 -3
- package/components/text.d.ts.map +1 -0
- package/components/text.js +44 -0
- package/components/text.js.map +1 -0
- package/{web-components/text → components}/time.d.ts +5 -3
- package/components/time.d.ts.map +1 -0
- package/{web-components/text → components}/time.js +18 -21
- package/components/time.js.map +1 -0
- package/components/tooltip.d.ts +38 -0
- package/components/tooltip.d.ts.map +1 -0
- package/components/tooltip.js +67 -0
- package/components/tooltip.js.map +1 -0
- package/{web-components/text → components}/typewriter.d.ts +5 -3
- package/components/typewriter.d.ts.map +1 -0
- package/{web-components/text → components}/typewriter.js +24 -48
- package/components/typewriter.js.map +1 -0
- package/core/global-style.d.ts +21 -0
- package/core/global-style.d.ts.map +1 -0
- package/core/global-style.js +46 -0
- package/core/global-style.js.map +1 -0
- package/core/super-anchor.d.ts +15 -0
- package/core/super-anchor.d.ts.map +1 -0
- package/core/super-anchor.js +39 -0
- package/core/super-anchor.js.map +1 -0
- package/core/super-input.d.ts +39 -0
- package/core/super-input.d.ts.map +1 -0
- package/core/super-input.js +115 -0
- package/core/super-input.js.map +1 -0
- package/{proto → core}/super-openable.d.ts +4 -8
- package/core/super-openable.d.ts.map +1 -0
- package/{proto → core}/super-openable.js +10 -15
- package/core/super-openable.js.map +1 -0
- package/custom-elements.json +1 -0
- package/details.d.ts +2 -3
- package/details.d.ts.map +1 -1
- package/details.js +5 -4
- package/details.js.map +1 -1
- package/dialog.d.ts +2 -3
- package/dialog.d.ts.map +1 -1
- package/dialog.js +5 -4
- package/dialog.js.map +1 -1
- package/divider.d.ts +2 -3
- package/divider.d.ts.map +1 -1
- package/divider.js +5 -4
- package/divider.js.map +1 -1
- package/dragbox.d.ts +2 -3
- package/dragbox.d.ts.map +1 -1
- package/dragbox.js +5 -4
- package/dragbox.js.map +1 -1
- package/flex.d.ts +8 -0
- package/flex.d.ts.map +1 -0
- package/flex.js +6 -0
- package/flex.js.map +1 -0
- package/form.d.ts +2 -3
- package/form.d.ts.map +1 -1
- package/form.js +5 -4
- package/form.js.map +1 -1
- package/grid.d.ts +8 -0
- package/grid.d.ts.map +1 -0
- package/grid.js +6 -0
- package/grid.js.map +1 -0
- package/index.d.ts +28 -32
- package/index.d.ts.map +1 -1
- package/index.js +57 -33
- package/index.js.map +1 -1
- package/input.d.ts +3 -3
- package/input.d.ts.map +1 -1
- package/input.js +5 -4
- package/input.js.map +1 -1
- package/layout.d.ts +3 -3
- package/layout.d.ts.map +1 -1
- package/layout.js +5 -4
- package/layout.js.map +1 -1
- package/link.d.ts +3 -3
- package/link.d.ts.map +1 -1
- package/link.js +5 -4
- package/link.js.map +1 -1
- package/package.json +42 -81
- package/progress.d.ts +3 -3
- package/progress.d.ts.map +1 -1
- package/progress.js +5 -4
- package/progress.js.map +1 -1
- package/range.d.ts +9 -0
- package/range.d.ts.map +1 -0
- package/range.js +6 -0
- package/range.js.map +1 -0
- package/rotate.d.ts +3 -3
- package/rotate.d.ts.map +1 -1
- package/rotate.js +5 -4
- package/rotate.js.map +1 -1
- package/router.d.ts +3 -3
- package/router.d.ts.map +1 -1
- package/router.js +5 -4
- package/router.js.map +1 -1
- package/select.d.ts +9 -0
- package/select.d.ts.map +1 -0
- package/select.js +6 -0
- package/select.js.map +1 -0
- package/skeleton.d.ts +3 -3
- package/skeleton.d.ts.map +1 -1
- package/skeleton.js +5 -4
- package/skeleton.js.map +1 -1
- package/split.d.ts +9 -0
- package/split.d.ts.map +1 -0
- package/split.js +6 -0
- package/split.js.map +1 -0
- package/switch.d.ts +9 -0
- package/switch.d.ts.map +1 -0
- package/switch.js +6 -0
- package/switch.js.map +1 -0
- package/text.d.ts +3 -3
- package/text.d.ts.map +1 -1
- package/text.js +5 -4
- package/text.js.map +1 -1
- package/time.d.ts +3 -3
- package/time.d.ts.map +1 -1
- package/time.js +5 -4
- package/time.js.map +1 -1
- package/tooltip.d.ts +3 -3
- package/tooltip.d.ts.map +1 -1
- package/tooltip.js +5 -4
- package/tooltip.js.map +1 -1
- package/typewriter.d.ts +2 -3
- package/typewriter.d.ts.map +1 -1
- package/typewriter.js +5 -4
- package/typewriter.js.map +1 -1
- package/vscode.css-custom-data.json +1 -0
- package/vscode.html-custom-data.json +1 -0
- package/web-types.json +1 -0
- package/_deps.d.ts +0 -4
- package/_deps.d.ts.map +0 -1
- package/_deps.js +0 -4
- package/_deps.js.map +0 -1
- package/avatar-group.d.ts +0 -9
- package/avatar-group.d.ts.map +0 -1
- package/avatar-group.js +0 -5
- package/avatar-group.js.map +0 -1
- package/components.json +0 -194
- package/conf.d.ts +0 -12
- package/conf.d.ts.map +0 -1
- package/conf.js +0 -24
- package/conf.js.map +0 -1
- package/decorators/godown.d.ts +0 -4
- package/decorators/godown.d.ts.map +0 -1
- package/decorators/godown.js +0 -9
- package/decorators/godown.js.map +0 -1
- package/decorators/part.d.ts +0 -7
- package/decorators/part.d.ts.map +0 -1
- package/decorators/part.js +0 -8
- package/decorators/part.js.map +0 -1
- package/decorators/styles.d.ts +0 -3
- package/decorators/styles.d.ts.map +0 -1
- package/decorators/styles.js +0 -8
- package/decorators/styles.js.map +0 -1
- package/flex-flow.d.ts +0 -9
- package/flex-flow.d.ts.map +0 -1
- package/flex-flow.js +0 -5
- package/flex-flow.js.map +0 -1
- package/grid-flow.d.ts +0 -9
- package/grid-flow.d.ts.map +0 -1
- package/grid-flow.js +0 -5
- package/grid-flow.js.map +0 -1
- package/label-input.d.ts +0 -9
- package/label-input.d.ts.map +0 -1
- package/label-input.js +0 -5
- package/label-input.js.map +0 -1
- package/lib/css.d.ts +0 -13
- package/lib/css.d.ts.map +0 -1
- package/lib/css.js +0 -29
- package/lib/css.js.map +0 -1
- package/lib/directives.d.ts +0 -25
- package/lib/directives.d.ts.map +0 -1
- package/lib/directives.js +0 -40
- package/lib/directives.js.map +0 -1
- package/lib/event-coll.d.ts +0 -13
- package/lib/event-coll.d.ts.map +0 -1
- package/lib/event-coll.js +0 -45
- package/lib/event-coll.js.map +0 -1
- package/lib/icons.d.ts +0 -25
- package/lib/icons.d.ts.map +0 -1
- package/lib/icons.js +0 -73
- package/lib/icons.js.map +0 -1
- package/lib/jsx.d.ts +0 -4
- package/lib/jsx.d.ts.map +0 -1
- package/lib/jsx.js +0 -52
- package/lib/jsx.js.map +0 -1
- package/lib/route-tree.d.ts +0 -28
- package/lib/route-tree.d.ts.map +0 -1
- package/lib/route-tree.js +0 -141
- package/lib/route-tree.js.map +0 -1
- package/lib/utils.d.ts +0 -10
- package/lib/utils.d.ts.map +0 -1
- package/lib/utils.js +0 -71
- package/lib/utils.js.map +0 -1
- package/overbreath.d.ts +0 -9
- package/overbreath.d.ts.map +0 -1
- package/overbreath.js +0 -5
- package/overbreath.js.map +0 -1
- package/proto/godown-config.d.ts +0 -41
- package/proto/godown-config.d.ts.map +0 -1
- package/proto/godown-config.js +0 -27
- package/proto/godown-config.js.map +0 -1
- package/proto/godown-element.d.ts +0 -125
- package/proto/godown-element.d.ts.map +0 -1
- package/proto/godown-element.js +0 -204
- package/proto/godown-element.js.map +0 -1
- package/proto/super-a.d.ts +0 -30
- package/proto/super-a.d.ts.map +0 -1
- package/proto/super-a.js +0 -141
- package/proto/super-a.js.map +0 -1
- package/proto/super-input.d.ts +0 -44
- package/proto/super-input.d.ts.map +0 -1
- package/proto/super-input.js +0 -119
- package/proto/super-input.js.map +0 -1
- package/proto/super-openable.d.ts.map +0 -1
- package/proto/super-openable.js.map +0 -1
- package/range-input.d.ts +0 -9
- package/range-input.d.ts.map +0 -1
- package/range-input.js +0 -5
- package/range-input.js.map +0 -1
- package/react/create.d.ts +0 -5
- package/react/create.d.ts.map +0 -1
- package/react/create.js +0 -16
- package/react/create.js.map +0 -1
- package/react/index.d.ts +0 -65
- package/react/index.d.ts.map +0 -1
- package/react/index.js +0 -132
- package/react/index.js.map +0 -1
- package/router-link.d.ts +0 -9
- package/router-link.d.ts.map +0 -1
- package/router-link.js +0 -5
- package/router-link.js.map +0 -1
- package/search-input.d.ts +0 -9
- package/search-input.d.ts.map +0 -1
- package/search-input.js +0 -5
- package/search-input.js.map +0 -1
- package/select-input.d.ts +0 -9
- package/select-input.d.ts.map +0 -1
- package/select-input.js +0 -5
- package/select-input.js.map +0 -1
- package/split-input.d.ts +0 -9
- package/split-input.d.ts.map +0 -1
- package/split-input.js +0 -5
- package/split-input.js.map +0 -1
- package/styles/colors/presets.d.ts +0 -13
- package/styles/colors/presets.d.ts.map +0 -1
- package/styles/colors/presets.js +0 -6
- package/styles/colors/presets.js.map +0 -1
- package/styles/colors/presetsRGB.d.ts +0 -16
- package/styles/colors/presetsRGB.d.ts.map +0 -1
- package/styles/colors/presetsRGB.js +0 -134
- package/styles/colors/presetsRGB.js.map +0 -1
- package/styles/global.d.ts +0 -18
- package/styles/global.d.ts.map +0 -1
- package/styles/global.js +0 -78
- package/styles/global.js.map +0 -1
- package/styles/inputStyle.d.ts +0 -3
- package/styles/inputStyle.d.ts.map +0 -1
- package/styles/inputStyle.js +0 -59
- package/styles/inputStyle.js.map +0 -1
- package/switch-input.d.ts +0 -9
- package/switch-input.d.ts.map +0 -1
- package/switch-input.js +0 -5
- package/switch-input.js.map +0 -1
- package/web-components/alert/alert.d.ts +0 -36
- package/web-components/alert/alert.d.ts.map +0 -1
- package/web-components/alert/alert.js +0 -161
- package/web-components/alert/alert.js.map +0 -1
- package/web-components/avatar/avatar-group.d.ts +0 -21
- package/web-components/avatar/avatar-group.d.ts.map +0 -1
- package/web-components/avatar/avatar-group.js +0 -86
- package/web-components/avatar/avatar-group.js.map +0 -1
- package/web-components/avatar/avatar.d.ts +0 -28
- package/web-components/avatar/avatar.d.ts.map +0 -1
- package/web-components/avatar/avatar.js +0 -120
- package/web-components/avatar/avatar.js.map +0 -1
- package/web-components/button/button.d.ts.map +0 -1
- package/web-components/button/button.js +0 -256
- package/web-components/button/button.js.map +0 -1
- package/web-components/card/card.d.ts +0 -9
- package/web-components/card/card.d.ts.map +0 -1
- package/web-components/card/card.js +0 -75
- package/web-components/card/card.js.map +0 -1
- package/web-components/carousel/carousel.d.ts +0 -29
- package/web-components/carousel/carousel.d.ts.map +0 -1
- package/web-components/carousel/carousel.js +0 -185
- package/web-components/carousel/carousel.js.map +0 -1
- package/web-components/details/details.d.ts.map +0 -1
- package/web-components/details/details.js +0 -124
- package/web-components/details/details.js.map +0 -1
- package/web-components/dialog/dialog.d.ts +0 -31
- package/web-components/dialog/dialog.d.ts.map +0 -1
- package/web-components/dialog/dialog.js +0 -143
- package/web-components/dialog/dialog.js.map +0 -1
- package/web-components/divider/divider.d.ts +0 -13
- package/web-components/divider/divider.d.ts.map +0 -1
- package/web-components/divider/divider.js +0 -95
- package/web-components/divider/divider.js.map +0 -1
- package/web-components/form/form.d.ts.map +0 -1
- package/web-components/form/form.js.map +0 -1
- package/web-components/input/input.d.ts +0 -37
- package/web-components/input/input.d.ts.map +0 -1
- package/web-components/input/input.js +0 -152
- package/web-components/input/input.js.map +0 -1
- package/web-components/input/label-input.d.ts +0 -15
- package/web-components/input/label-input.d.ts.map +0 -1
- package/web-components/input/label-input.js +0 -96
- package/web-components/input/label-input.js.map +0 -1
- package/web-components/input/range-input.d.ts +0 -53
- package/web-components/input/range-input.d.ts.map +0 -1
- package/web-components/input/range-input.js +0 -316
- package/web-components/input/range-input.js.map +0 -1
- package/web-components/input/search-input.d.ts +0 -42
- package/web-components/input/search-input.d.ts.map +0 -1
- package/web-components/input/search-input.js +0 -214
- package/web-components/input/search-input.js.map +0 -1
- package/web-components/input/select-input.d.ts +0 -36
- package/web-components/input/select-input.d.ts.map +0 -1
- package/web-components/input/select-input.js +0 -210
- package/web-components/input/select-input.js.map +0 -1
- package/web-components/input/split-input.d.ts +0 -29
- package/web-components/input/split-input.d.ts.map +0 -1
- package/web-components/input/split-input.js +0 -184
- package/web-components/input/split-input.js.map +0 -1
- package/web-components/input/switch-input.d.ts.map +0 -1
- package/web-components/input/switch-input.js +0 -189
- package/web-components/input/switch-input.js.map +0 -1
- package/web-components/layout/flex-flow.d.ts +0 -17
- package/web-components/layout/flex-flow.d.ts.map +0 -1
- package/web-components/layout/flex-flow.js +0 -73
- package/web-components/layout/flex-flow.js.map +0 -1
- package/web-components/layout/grid-flow.d.ts +0 -14
- package/web-components/layout/grid-flow.d.ts.map +0 -1
- package/web-components/layout/grid-flow.js +0 -56
- package/web-components/layout/grid-flow.js.map +0 -1
- package/web-components/layout/layout.d.ts +0 -18
- package/web-components/layout/layout.d.ts.map +0 -1
- package/web-components/layout/layout.js +0 -76
- package/web-components/layout/layout.js.map +0 -1
- package/web-components/link/link.d.ts +0 -10
- package/web-components/link/link.d.ts.map +0 -1
- package/web-components/link/link.js +0 -17
- package/web-components/link/link.js.map +0 -1
- package/web-components/link/router-link.d.ts +0 -19
- package/web-components/link/router-link.d.ts.map +0 -1
- package/web-components/link/router-link.js +0 -60
- package/web-components/link/router-link.js.map +0 -1
- package/web-components/progress/progress.d.ts.map +0 -1
- package/web-components/progress/progress.js +0 -107
- package/web-components/progress/progress.js.map +0 -1
- package/web-components/router/router.d.ts +0 -86
- package/web-components/router/router.d.ts.map +0 -1
- package/web-components/router/router.js +0 -246
- package/web-components/router/router.js.map +0 -1
- package/web-components/skeleton/skeleton.d.ts.map +0 -1
- package/web-components/skeleton/skeleton.js +0 -130
- package/web-components/skeleton/skeleton.js.map +0 -1
- package/web-components/text/overbreath.d.ts +0 -22
- package/web-components/text/overbreath.d.ts.map +0 -1
- package/web-components/text/overbreath.js +0 -132
- package/web-components/text/overbreath.js.map +0 -1
- package/web-components/text/text.d.ts.map +0 -1
- package/web-components/text/text.js +0 -94
- package/web-components/text/text.js.map +0 -1
- package/web-components/text/time.d.ts.map +0 -1
- package/web-components/text/time.js.map +0 -1
- package/web-components/text/typewriter.d.ts.map +0 -1
- package/web-components/text/typewriter.js.map +0 -1
- package/web-components/tooltip/tooltip.d.ts +0 -30
- package/web-components/tooltip/tooltip.d.ts.map +0 -1
- package/web-components/tooltip/tooltip.js +0 -123
- package/web-components/tooltip/tooltip.js.map +0 -1
- package/web-components/wrapper/dragbox.d.ts.map +0 -1
- package/web-components/wrapper/dragbox.js.map +0 -1
- package/web-components/wrapper/rotate.d.ts.map +0 -1
- package/web-components/wrapper/rotate.js +0 -92
- package/web-components/wrapper/rotate.js.map +0 -1
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"form.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/form/form.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB;;;;;GAKG;AASI,IAAM,IAAI,YAAV,MAAM,IAAiB,SAAQ,aAAa;IAA5C;;QACO,SAAI,GAAG,EAAE,CAAC;QAKtB,cAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IA+C7B,CAAC;IAnDC,IAAI,KAAK;QACP,OAAO,MAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAM,CAAC;IAC7D,CAAC;IAIS,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,oBAAoB,CAAuC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAClF,IAAI,EAAE,CAAC,OAAO,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBAChC,OAAO;YACT,CAAC;YACD,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC;gBACb,EAAE,CAAC,KAAK,EAAE,CAAC;YACb,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS;QACP,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IAED,MAAM,CAAC,UAAU,CACf,QAII;QAEJ,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,KAAK,MAAM,EAAE,IAAI,QAAQ,EAAE,CAAC;YAC1B,IAAI,EAAE,CAAC,OAAO,KAAK,MAAM,EAAE,CAAC;gBAC1B,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,IAAI,QAAQ,CAAC,EAAqB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;YAC3F,CAAC;iBAAM,IAAI,EAAE,CAAC,SAAS,EAAE,CAAC;gBACxB,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,EAAE,CAAC;gBACrC,IAAI,IAAI,EAAE,CAAC;oBACT,MAAM,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;gBACvB,CAAC;YACH,CAAC;iBAAM,IAAI,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC7C,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;YAC7B,CAAC;iBAAM,IAAI,EAAE,CAAC,UAAU,EAAE,CAAC;gBACzB,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC,UAAU,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC1D,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC;gBAClE,CAAC;YACH,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF,CAAA;AApDa;IAAX,QAAQ,EAAE;kCAAW;AADX,IAAI;IARhB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,GAAG,CAAA;;;;GAIF;KACF,CAAC;GACW,IAAI,CAqDhB;;AAED,eAAe,IAAI,CAAC","sourcesContent":["import { css, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { htmlSlot } from \"../../lib/directives.js\";\nimport { GodownElement } from \"../../proto/godown-element.js\";\n\nconst protoName = \"form\";\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @slot - Child elements.\n */\n@godown(protoName)\n@styles([\n css`\n :host {\n display: block;\n }\n `,\n])\nexport class Form<T = object> extends GodownElement {\n @property() name = \"\";\n get value(): T {\n return Form.buildValue(this._slot.assignedElements()) as T;\n }\n\n nameValue = this.namevalue;\n\n protected render() {\n return htmlSlot();\n }\n\n reset() {\n this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n if (el.tagName === this.tagName) {\n return;\n }\n if (el.reset) {\n el.reset();\n }\n });\n }\n\n namevalue(): [string, T] {\n return [this.name, this.value];\n }\n\n static buildValue(\n elements: (Element & {\n name?: string;\n value?: unknown;\n namevalue?: () => [string, unknown];\n })[],\n ): Record<string, any> {\n const result = {};\n for (const el of elements) {\n if (el.tagName === \"FORM\") {\n Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n } else if (el.namevalue) {\n const [name, value] = el.namevalue();\n if (name) {\n result[name] = value;\n }\n } else if (el.name && el.value !== undefined) {\n result[el.name] = el.value;\n } else if (el.shadowRoot) {\n for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n Object.assign(result, this.buildValue(slot.assignedElements()));\n }\n }\n }\n return result;\n }\n}\n\nexport default Form;\n"]}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
import GodownInput from "../../proto/super-input.js";
|
2
|
-
/**
|
3
|
-
* {@linkcode Input }.
|
4
|
-
*/
|
5
|
-
export declare class Input extends GodownInput {
|
6
|
-
variant: "default" | "outline";
|
7
|
-
/**
|
8
|
-
* Input accept.
|
9
|
-
*/
|
10
|
-
accept: string;
|
11
|
-
/**
|
12
|
-
* Value.
|
13
|
-
*/
|
14
|
-
value: string | File | FileList;
|
15
|
-
/**
|
16
|
-
* Only single files are allowed to be selected.
|
17
|
-
*/
|
18
|
-
only: boolean;
|
19
|
-
/**
|
20
|
-
* Input min.
|
21
|
-
*/
|
22
|
-
min: number;
|
23
|
-
/**
|
24
|
-
* Input max.
|
25
|
-
*/
|
26
|
-
max: number;
|
27
|
-
/**
|
28
|
-
* Input step.
|
29
|
-
*/
|
30
|
-
step: number;
|
31
|
-
protected render(): import("lit").TemplateResult<1>;
|
32
|
-
connectedCallback(): void;
|
33
|
-
protected _handleFile(e: any | Event): void;
|
34
|
-
reset(): void;
|
35
|
-
}
|
36
|
-
export default Input;
|
37
|
-
//# sourceMappingURL=input.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/input.ts"],"names":[],"mappings":"AAIA,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAMrD;;GAEG;AACH,qBAyCa,KAAM,SAAQ,WAAW;IACxB,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IACvD;;OAEG;IACS,MAAM,EAAE,MAAM,CAAa;IACvC;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IACxD;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,IAAI,SAAK;IAErC,SAAS,CAAC,MAAM;IAkBhB,iBAAiB;IAajB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAKpC,KAAK;CAQN;AAED,eAAe,KAAK,CAAC"}
|
@@ -1,152 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, property } from "../../_deps.js";
|
3
|
-
import { godown } from "../../decorators/godown.js";
|
4
|
-
import { styles } from "../../decorators/styles.js";
|
5
|
-
import { combine } from "../../lib/directives.js";
|
6
|
-
import GodownInput from "../../proto/super-input.js";
|
7
|
-
import { cssGlobalVars } from "../../styles/global.js";
|
8
|
-
import { fieldStyle, inputStyle } from "../../styles/inputStyle.js";
|
9
|
-
const protoName = "input";
|
10
|
-
/**
|
11
|
-
* {@linkcode Input }.
|
12
|
-
*/
|
13
|
-
let Input = class Input extends GodownInput {
|
14
|
-
constructor() {
|
15
|
-
super(...arguments);
|
16
|
-
this.variant = "default";
|
17
|
-
/**
|
18
|
-
* Input accept.
|
19
|
-
*/
|
20
|
-
this.accept = undefined;
|
21
|
-
/**
|
22
|
-
* Value.
|
23
|
-
*/
|
24
|
-
this.value = undefined;
|
25
|
-
/**
|
26
|
-
* Only single files are allowed to be selected.
|
27
|
-
*/
|
28
|
-
this.only = false;
|
29
|
-
/**
|
30
|
-
* Input min.
|
31
|
-
*/
|
32
|
-
this.min = 0;
|
33
|
-
/**
|
34
|
-
* Input max.
|
35
|
-
*/
|
36
|
-
this.max = 100;
|
37
|
-
/**
|
38
|
-
* Input step.
|
39
|
-
*/
|
40
|
-
this.step = 1;
|
41
|
-
}
|
42
|
-
render() {
|
43
|
-
return html `<div part="root" class="${combine({ "input-field": true, outline: this.variant === "outline" })}">
|
44
|
-
<input
|
45
|
-
part="input"
|
46
|
-
class="input"
|
47
|
-
id=${this.makeId}
|
48
|
-
.value="${this.value}"
|
49
|
-
?autofocus="${this.autofocus}"
|
50
|
-
type="${this.type}"
|
51
|
-
placeholder="${this.placeholder}"
|
52
|
-
min="${this.min}"
|
53
|
-
max="${this.max}"
|
54
|
-
@input="${this._handleInput}"
|
55
|
-
/>
|
56
|
-
${this._renderSuffix()}
|
57
|
-
</div>`;
|
58
|
-
}
|
59
|
-
connectedCallback() {
|
60
|
-
super.connectedCallback();
|
61
|
-
if (this.type === "file") {
|
62
|
-
this.value = null;
|
63
|
-
}
|
64
|
-
else {
|
65
|
-
if (!this.default) {
|
66
|
-
this.default = this.value || "";
|
67
|
-
}
|
68
|
-
if (!this.value) {
|
69
|
-
this.value = this.default;
|
70
|
-
}
|
71
|
-
}
|
72
|
-
}
|
73
|
-
_handleFile(e) {
|
74
|
-
this.value = !this.only ? e.target.files : e.target.files[0];
|
75
|
-
this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
|
76
|
-
}
|
77
|
-
reset() {
|
78
|
-
if (this.type === "file") {
|
79
|
-
this.value = null;
|
80
|
-
return;
|
81
|
-
}
|
82
|
-
this._input.value = this.default.toString();
|
83
|
-
this.value = this.default;
|
84
|
-
}
|
85
|
-
};
|
86
|
-
__decorate([
|
87
|
-
property()
|
88
|
-
], Input.prototype, "variant", void 0);
|
89
|
-
__decorate([
|
90
|
-
property()
|
91
|
-
], Input.prototype, "accept", void 0);
|
92
|
-
__decorate([
|
93
|
-
property()
|
94
|
-
], Input.prototype, "value", void 0);
|
95
|
-
__decorate([
|
96
|
-
property({ type: Boolean })
|
97
|
-
], Input.prototype, "only", void 0);
|
98
|
-
__decorate([
|
99
|
-
property({ type: Number })
|
100
|
-
], Input.prototype, "min", void 0);
|
101
|
-
__decorate([
|
102
|
-
property({ type: Number })
|
103
|
-
], Input.prototype, "max", void 0);
|
104
|
-
__decorate([
|
105
|
-
property({ type: Number })
|
106
|
-
], Input.prototype, "step", void 0);
|
107
|
-
Input = __decorate([
|
108
|
-
godown(protoName),
|
109
|
-
styles([
|
110
|
-
inputStyle,
|
111
|
-
fieldStyle,
|
112
|
-
css `
|
113
|
-
:host {
|
114
|
-
width: var(--${cssGlobalVars.input}--width);
|
115
|
-
height: var(--${cssGlobalVars.input}--height);
|
116
|
-
color: var(--${cssGlobalVars.foreground});
|
117
|
-
background: var(--${cssGlobalVars.input}--background);
|
118
|
-
margin: var(--${cssGlobalVars.input}--outline-width);
|
119
|
-
border-radius: var(--${cssGlobalVars.input}--radius);
|
120
|
-
display: block;
|
121
|
-
}
|
122
|
-
|
123
|
-
input[type="file"] {
|
124
|
-
display: none;
|
125
|
-
}
|
126
|
-
|
127
|
-
[part="root"] {
|
128
|
-
width: 100%;
|
129
|
-
display: flex;
|
130
|
-
align-items: center;
|
131
|
-
}
|
132
|
-
|
133
|
-
* {
|
134
|
-
border-radius: inherit;
|
135
|
-
cursor: inherit;
|
136
|
-
}
|
137
|
-
|
138
|
-
input {
|
139
|
-
box-sizing: border-box;
|
140
|
-
height: 100%;
|
141
|
-
width: 100%;
|
142
|
-
margin: 0;
|
143
|
-
color: inherit;
|
144
|
-
background: transparent;
|
145
|
-
border-radius: 0.25em;
|
146
|
-
}
|
147
|
-
`,
|
148
|
-
])
|
149
|
-
], Input);
|
150
|
-
export { Input };
|
151
|
-
export default Input;
|
152
|
-
//# sourceMappingURL=input.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/input.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { combine } from \"../../lib/directives.js\";\nimport GodownInput from \"../../proto/super-input.js\";\nimport { cssGlobalVars } from \"../../styles/global.js\";\nimport { fieldStyle, inputStyle } from \"../../styles/inputStyle.js\";\n\nconst protoName = \"input\";\n\n/**\n * {@linkcode Input }.\n */\n@godown(protoName)\n@styles([\n inputStyle,\n fieldStyle,\n css`\n :host {\n width: var(--${cssGlobalVars.input}--width);\n height: var(--${cssGlobalVars.input}--height);\n color: var(--${cssGlobalVars.foreground});\n background: var(--${cssGlobalVars.input}--background);\n margin: var(--${cssGlobalVars.input}--outline-width);\n border-radius: var(--${cssGlobalVars.input}--radius);\n display: block;\n }\n\n input[type=\"file\"] {\n display: none;\n }\n\n [part=\"root\"] {\n width: 100%;\n display: flex;\n align-items: center;\n }\n\n * {\n border-radius: inherit;\n cursor: inherit;\n }\n\n input {\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n margin: 0;\n color: inherit;\n background: transparent;\n border-radius: 0.25em;\n }\n `,\n])\nexport class Input extends GodownInput {\n @property() variant: \"default\" | \"outline\" = \"default\";\n /**\n * Input accept.\n */\n @property() accept: string = undefined;\n /**\n * Value.\n */\n @property() value: string | File | FileList = undefined;\n /**\n * Only single files are allowed to be selected.\n */\n @property({ type: Boolean }) only = false;\n /**\n * Input min.\n */\n @property({ type: Number }) min = 0;\n /**\n * Input max.\n */\n @property({ type: Number }) max = 100;\n /**\n * Input step.\n */\n @property({ type: Number }) step = 1;\n\n protected render() {\n return html`<div part=\"root\" class=\"${combine({ \"input-field\": true, outline: this.variant === \"outline\" })}\">\n <input\n part=\"input\"\n class=\"input\"\n id=${this.makeId}\n .value=\"${this.value as string}\"\n ?autofocus=\"${this.autofocus}\"\n type=\"${this.type}\"\n placeholder=\"${this.placeholder}\"\n min=\"${this.min}\"\n max=\"${this.max}\"\n @input=\"${this._handleInput}\"\n />\n ${this._renderSuffix()}\n </div>`;\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (this.type === \"file\") {\n this.value = null;\n } else {\n if (!this.default) {\n this.default = (this.value as string) || \"\";\n }\n if (!this.value) {\n this.value = this.default;\n }\n }\n }\n protected _handleFile(e: any | Event) {\n this.value = !this.only ? e.target.files : e.target.files[0];\n this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value }));\n }\n\n reset() {\n if (this.type === \"file\") {\n this.value = null;\n return;\n }\n this._input.value = this.default.toString();\n this.value = this.default;\n }\n}\n\nexport default Input;\n"]}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import GodownInput from "../../proto/super-input.js";
|
2
|
-
/**
|
3
|
-
* {@linkcode LabelInput } renders label and input.
|
4
|
-
*
|
5
|
-
* When there is a label, the layout will be adjusted according to the width of the screen.
|
6
|
-
*
|
7
|
-
* Otherwise it behaves similarly to the `Input`.
|
8
|
-
*
|
9
|
-
*/
|
10
|
-
export declare class LabelInput extends GodownInput {
|
11
|
-
variant: "default" | "outline";
|
12
|
-
protected render(): import("lit").TemplateResult<1>;
|
13
|
-
}
|
14
|
-
export default LabelInput;
|
15
|
-
//# sourceMappingURL=label-input.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"label-input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/label-input.ts"],"names":[],"mappings":"AAIA,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAMrD;;;;;;;GAOG;AACH,qBA+Ca,UAAW,SAAQ,WAAW;IAC7B,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAEvD,SAAS,CAAC,MAAM;CAkBjB;AAED,eAAe,UAAU,CAAC"}
|
@@ -1,96 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, property } from "../../_deps.js";
|
3
|
-
import { godown } from "../../decorators/godown.js";
|
4
|
-
import { styles } from "../../decorators/styles.js";
|
5
|
-
import { combine, htmlSlot } from "../../lib/directives.js";
|
6
|
-
import GodownInput from "../../proto/super-input.js";
|
7
|
-
import { cssGlobalVars } from "../../styles/global.js";
|
8
|
-
import { fieldStyle, inputStyle } from "../../styles/inputStyle.js";
|
9
|
-
const protoName = "label-input";
|
10
|
-
/**
|
11
|
-
* {@linkcode LabelInput } renders label and input.
|
12
|
-
*
|
13
|
-
* When there is a label, the layout will be adjusted according to the width of the screen.
|
14
|
-
*
|
15
|
-
* Otherwise it behaves similarly to the `Input`.
|
16
|
-
*
|
17
|
-
*/
|
18
|
-
let LabelInput = class LabelInput extends GodownInput {
|
19
|
-
constructor() {
|
20
|
-
super(...arguments);
|
21
|
-
this.variant = "default";
|
22
|
-
}
|
23
|
-
render() {
|
24
|
-
const { makeId: htmlFor } = this;
|
25
|
-
return html `<label for="${htmlFor}" part="label">
|
26
|
-
<span part="label">${this.label}${htmlSlot()}</span>
|
27
|
-
<div class="${combine({ "input-field": true, outline: this.variant === "outline" })}">
|
28
|
-
<input
|
29
|
-
part="input"
|
30
|
-
id="${htmlFor}"
|
31
|
-
type="${this.type}"
|
32
|
-
?autofocus="${this.autofocus}"
|
33
|
-
placeholder="${this.placeholder}"
|
34
|
-
class="${this.type}"
|
35
|
-
@input="${this._handleInput}"
|
36
|
-
/>
|
37
|
-
${this._renderSuffix()}
|
38
|
-
</div>
|
39
|
-
</label>`;
|
40
|
-
}
|
41
|
-
};
|
42
|
-
__decorate([
|
43
|
-
property()
|
44
|
-
], LabelInput.prototype, "variant", void 0);
|
45
|
-
LabelInput = __decorate([
|
46
|
-
godown(protoName),
|
47
|
-
styles([
|
48
|
-
inputStyle,
|
49
|
-
fieldStyle,
|
50
|
-
css `
|
51
|
-
:host {
|
52
|
-
--${cssGlobalVars.input}--label-width: var(--${cssGlobalVars.input}--width);
|
53
|
-
width: calc(var(--${cssGlobalVars.input}--width) + var(--${cssGlobalVars.input}--label-width));
|
54
|
-
height: var(--${cssGlobalVars.input}--height);
|
55
|
-
margin: var(--${cssGlobalVars.input}--outline-width);
|
56
|
-
border-radius: var(--${cssGlobalVars.input}--radius);
|
57
|
-
margin: var(--${cssGlobalVars.input}--outline-width);
|
58
|
-
border-radius: var(--${cssGlobalVars.input}--radius);
|
59
|
-
justify-content: space-between;
|
60
|
-
display: flex;
|
61
|
-
}
|
62
|
-
|
63
|
-
div {
|
64
|
-
height: inherit;
|
65
|
-
width: var(--${cssGlobalVars.input}--width);
|
66
|
-
}
|
67
|
-
|
68
|
-
label {
|
69
|
-
display: contents;
|
70
|
-
border-radius: inherit;
|
71
|
-
height: inherit;
|
72
|
-
}
|
73
|
-
|
74
|
-
span {
|
75
|
-
flex: 1;
|
76
|
-
white-space: nowrap;
|
77
|
-
width: var(--${cssGlobalVars.input}--width);
|
78
|
-
}
|
79
|
-
|
80
|
-
input {
|
81
|
-
flex: 1;
|
82
|
-
width: 100%;
|
83
|
-
height: inherit;
|
84
|
-
background: transparent;
|
85
|
-
border-radius: inherit;
|
86
|
-
color: var(--${cssGlobalVars.foreground});
|
87
|
-
}
|
88
|
-
.input-field {
|
89
|
-
background: var(--${cssGlobalVars.input}--background);
|
90
|
-
}
|
91
|
-
`,
|
92
|
-
])
|
93
|
-
], LabelInput);
|
94
|
-
export { LabelInput };
|
95
|
-
export default LabelInput;
|
96
|
-
//# sourceMappingURL=label-input.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"label-input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/label-input.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAEpE,MAAM,SAAS,GAAG,aAAa,CAAC;AAEhC;;;;;;;GAOG;AAgDI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QACO,YAAO,GAA0B,SAAS,CAAC;IAoBzD,CAAC;IAlBW,MAAM;QACd,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACjC,OAAO,IAAI,CAAA,eAAe,OAAO;2BACV,IAAI,CAAC,KAAK,GAAG,QAAQ,EAAE;oBAC9B,OAAO,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;;;gBAGzE,OAAO;kBACL,IAAI,CAAC,IAAI;wBACH,IAAI,CAAC,SAAS;yBACb,IAAI,CAAC,WAAW;mBACtB,IAAI,CAAC,IAAI;oBACR,IAAI,CAAC,YAAY;;UAE3B,IAAI,CAAC,aAAa,EAAE;;aAEjB,CAAC;IACZ,CAAC;CACF,CAAA;AApBa;IAAX,QAAQ,EAAE;2CAA4C;AAD5C,UAAU;IA/CtB,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC;QACN,UAAU;QACV,UAAU;QACV,GAAG,CAAA;;UAEK,aAAa,CAAC,KAAK,wBAAwB,aAAa,CAAC,KAAK;0BAC9C,aAAa,CAAC,KAAK,oBAAoB,aAAa,CAAC,KAAK;sBAC9D,aAAa,CAAC,KAAK;sBACnB,aAAa,CAAC,KAAK;6BACZ,aAAa,CAAC,KAAK;sBAC1B,aAAa,CAAC,KAAK;6BACZ,aAAa,CAAC,KAAK;;;;;;;qBAO3B,aAAa,CAAC,KAAK;;;;;;;;;;;;qBAYnB,aAAa,CAAC,KAAK;;;;;;;;;qBASnB,aAAa,CAAC,UAAU;;;0BAGnB,aAAa,CAAC,KAAK;;GAE1C;KACF,CAAC;GACW,UAAU,CAqBtB;;AAED,eAAe,UAAU,CAAC","sourcesContent":["import { css, html, property } from \"../../_deps.js\";\nimport { godown } from \"../../decorators/godown.js\";\nimport { styles } from \"../../decorators/styles.js\";\nimport { combine, htmlSlot } from \"../../lib/directives.js\";\nimport GodownInput from \"../../proto/super-input.js\";\nimport { cssGlobalVars } from \"../../styles/global.js\";\nimport { fieldStyle, inputStyle } from \"../../styles/inputStyle.js\";\n\nconst protoName = \"label-input\";\n\n/**\n * {@linkcode LabelInput } renders label and input.\n *\n * When there is a label, the layout will be adjusted according to the width of the screen.\n *\n * Otherwise it behaves similarly to the `Input`.\n *\n */\n@godown(protoName)\n@styles([\n inputStyle,\n fieldStyle,\n css`\n :host {\n --${cssGlobalVars.input}--label-width: var(--${cssGlobalVars.input}--width);\n width: calc(var(--${cssGlobalVars.input}--width) + var(--${cssGlobalVars.input}--label-width));\n height: var(--${cssGlobalVars.input}--height);\n margin: var(--${cssGlobalVars.input}--outline-width);\n border-radius: var(--${cssGlobalVars.input}--radius);\n margin: var(--${cssGlobalVars.input}--outline-width);\n border-radius: var(--${cssGlobalVars.input}--radius);\n justify-content: space-between;\n display: flex;\n }\n\n div {\n height: inherit;\n width: var(--${cssGlobalVars.input}--width);\n }\n\n label {\n display: contents;\n border-radius: inherit;\n height: inherit;\n }\n\n span {\n flex: 1;\n white-space: nowrap;\n width: var(--${cssGlobalVars.input}--width);\n }\n\n input {\n flex: 1;\n width: 100%;\n height: inherit;\n background: transparent;\n border-radius: inherit;\n color: var(--${cssGlobalVars.foreground});\n }\n .input-field {\n background: var(--${cssGlobalVars.input}--background);\n }\n `,\n])\nexport class LabelInput extends GodownInput {\n @property() variant: \"default\" | \"outline\" = \"default\";\n\n protected render() {\n const { makeId: htmlFor } = this;\n return html`<label for=\"${htmlFor}\" part=\"label\">\n <span part=\"label\">${this.label}${htmlSlot()}</span>\n <div class=\"${combine({ \"input-field\": true, outline: this.variant === \"outline\" })}\">\n <input\n part=\"input\"\n id=\"${htmlFor}\"\n type=\"${this.type}\"\n ?autofocus=\"${this.autofocus}\"\n placeholder=\"${this.placeholder}\"\n class=\"${this.type}\"\n @input=\"${this._handleInput}\"\n />\n ${this._renderSuffix()}\n </div>\n </label>`;\n }\n}\n\nexport default LabelInput;\n"]}
|
@@ -1,53 +0,0 @@
|
|
1
|
-
import GodownInput from "../../proto/super-input.js";
|
2
|
-
/**
|
3
|
-
* {@linkcode RangeInput }.
|
4
|
-
*/
|
5
|
-
export declare class RangeInput extends GodownInput {
|
6
|
-
/**
|
7
|
-
* Minimum value.
|
8
|
-
*/
|
9
|
-
min: number;
|
10
|
-
/**
|
11
|
-
* Maximum value.
|
12
|
-
*/
|
13
|
-
max: number;
|
14
|
-
/**
|
15
|
-
* Sliding step length.
|
16
|
-
*/
|
17
|
-
step: number;
|
18
|
-
/**
|
19
|
-
* Enable range sliding.
|
20
|
-
*/
|
21
|
-
range: boolean;
|
22
|
-
vertical: boolean;
|
23
|
-
/**
|
24
|
-
* When `this.range` is true, it should be [number, number], otherwise number.
|
25
|
-
*/
|
26
|
-
value: number | [number, number];
|
27
|
-
/**
|
28
|
-
* The default of `this.value`.
|
29
|
-
*/
|
30
|
-
default: number | [number, number];
|
31
|
-
_root: HTMLElement;
|
32
|
-
lastFocus: undefined | 1 | 2;
|
33
|
-
/**
|
34
|
-
* Returns true when the second number is greater than the first number
|
35
|
-
*/
|
36
|
-
get reverse(): boolean;
|
37
|
-
render(): import("lit").TemplateResult<1>;
|
38
|
-
_handleMousedownStart(e: MouseEvent): void;
|
39
|
-
_handleMousedownEnd(e: MouseEvent): void;
|
40
|
-
setStart(value: number): void;
|
41
|
-
setEnd(value: number): void;
|
42
|
-
_computeValue(e: MouseEvent): number;
|
43
|
-
_handleMousedownRoot(e: MouseEvent): void;
|
44
|
-
createMousedownListener(mouseMoveCallback: (arg0: number) => void): (e: MouseEvent) => void;
|
45
|
-
createMousemoveListener(callback: (arg0: number) => void): (e: MouseEvent) => void;
|
46
|
-
_connectedInit(): void;
|
47
|
-
reset(): void;
|
48
|
-
swap(): void;
|
49
|
-
sort(): void;
|
50
|
-
toSorted(): number | [number, number];
|
51
|
-
}
|
52
|
-
export default RangeInput;
|
53
|
-
//# sourceMappingURL=range-input.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"range-input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/range-input.ts"],"names":[],"mappings":"AAMA,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAOrD;;GAEG;AACH,qBAoHa,UAAW,SAAQ,WAAW;IACzC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,IAAI,SAAK;IACrC;;OAEG;IACyC,KAAK,EAAE,OAAO,CAAC;IAEf,QAAQ,EAAE,OAAO,CAAC;IAE9D;;OAEG;IACwB,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5D;;OAEG;IACwB,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEhD,KAAK,EAAE,WAAW,CAAC;IAEjC,SAAS,EAAE,SAAS,GAAG,CAAC,GAAG,CAAC,CAAC;IAE7B;;OAEG;IACH,IAAI,OAAO,YAEV;IAED,MAAM;IA6CN,qBAAqB,CAAC,CAAC,EAAE,UAAU;IAGnC,mBAAmB,CAAC,CAAC,EAAE,UAAU;IAIjC,QAAQ,CAAC,KAAK,EAAE,MAAM;IAMtB,MAAM,CAAC,KAAK,EAAE,MAAM;IAMpB,aAAa,CAAC,CAAC,EAAE,UAAU;IAY3B,oBAAoB,CAAC,CAAC,EAAE,UAAU;IAWlC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OACpD,UAAU;IAavB,uBAAuB,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC3C,UAAU;IASvB,cAAc;IAcd,KAAK;IAIL,IAAI;IAOJ,IAAI;IAIJ,QAAQ,IAAI,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;CAOtC;AAED,eAAe,UAAU,CAAC"}
|