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,125 +0,0 @@
|
|
1
|
-
import { LitElement, type PropertyValues } from "lit";
|
2
|
-
import { type AddOptions, type EventsNames, type ListenerFunc } from "../lib/event-coll.js";
|
3
|
-
import { deepQuerySelector, deepQuerySelectorAll } from "../lib/utils.js";
|
4
|
-
import { type GodownConfig } from "./godown-config";
|
5
|
-
/**
|
6
|
-
* Global element.
|
7
|
-
*/
|
8
|
-
export declare class GodownElement extends LitElement {
|
9
|
-
static godownConfig?: GodownConfig;
|
10
|
-
static elementTagName?: string;
|
11
|
-
static protoName?: string;
|
12
|
-
static define(): void;
|
13
|
-
static isDefined(): boolean;
|
14
|
-
queryPart<E extends HTMLElement>(p: string): E;
|
15
|
-
get assignedElements(): HTMLElement[];
|
16
|
-
/**
|
17
|
-
* No named slot element's assignedElements, as HTMLElement[].
|
18
|
-
*/
|
19
|
-
get assigned(): HTMLElement[];
|
20
|
-
/**
|
21
|
-
* No named slot element's assignedElements, as Node[].
|
22
|
-
*/
|
23
|
-
get assignedNodes(): Node[];
|
24
|
-
/**
|
25
|
-
* No named slot element.
|
26
|
-
*/
|
27
|
-
get _slot(): HTMLSlotElement;
|
28
|
-
/**
|
29
|
-
* Slot elements.
|
30
|
-
*/
|
31
|
-
get _slots(): HTMLSlotElement[];
|
32
|
-
/**
|
33
|
-
* Named slotted elements.
|
34
|
-
*/
|
35
|
-
get slottedChildren(): HTMLSlotElement[];
|
36
|
-
/**
|
37
|
-
* Named slotted elements' slot attribute.
|
38
|
-
*/
|
39
|
-
get slottedNames(): string[];
|
40
|
-
/**
|
41
|
-
* Query for a element with slot names
|
42
|
-
*
|
43
|
-
* @param slotName Slot name.
|
44
|
-
* @returns Slot element.
|
45
|
-
*/
|
46
|
-
querySlot(slotName: string): HTMLSlotElement | null;
|
47
|
-
get offsets(): Element;
|
48
|
-
/**
|
49
|
-
* Width of (`this.offsetParent` or `document.body`).
|
50
|
-
*/
|
51
|
-
get offsetsWidth(): number;
|
52
|
-
/**
|
53
|
-
* Height of (`this.offsetParent` or `document.body`).
|
54
|
-
*/
|
55
|
-
get offsetsHeight(): number;
|
56
|
-
private __events;
|
57
|
-
/**
|
58
|
-
* ```
|
59
|
-
* src.addEventListener("type", listener)
|
60
|
-
* //as
|
61
|
-
* this.addEvent(src, "type", listener)
|
62
|
-
* ```
|
63
|
-
*/
|
64
|
-
addEvent<SRC extends EventTarget = HTMLElement>(src: SRC, type: EventsNames, listener: ListenerFunc, options?: AddOptions): ListenerFunc;
|
65
|
-
/**
|
66
|
-
* ```
|
67
|
-
* src.removeEventListener("type", listener)
|
68
|
-
* //as
|
69
|
-
* this.removeEvent(src, "type", listener)
|
70
|
-
* ```
|
71
|
-
*/
|
72
|
-
removeEvent<SRC extends EventTarget = HTMLElement>(src: SRC, type: EventsNames, listener: ListenerFunc): void;
|
73
|
-
removeAllEvents(): void;
|
74
|
-
private assign;
|
75
|
-
private __stylex;
|
76
|
-
get stylex(): string | undefined;
|
77
|
-
/**
|
78
|
-
* Appends to `shadowRoot.adoptedStyleSheets` and overrides the initial style (constructor.styles).
|
79
|
-
*
|
80
|
-
* If there is no selector, it will be `:host`.
|
81
|
-
*
|
82
|
-
* Resetting will remove the previous stylex.
|
83
|
-
*
|
84
|
-
* @parma sx CSS string.
|
85
|
-
*
|
86
|
-
* @example
|
87
|
-
* ```html
|
88
|
-
* <custom-element stylex=":host{--key:value;}"></custom-element>
|
89
|
-
* <custom-element stylex="--key:value;"></custom-element>
|
90
|
-
* ```
|
91
|
-
*/
|
92
|
-
set stylex(sx: string);
|
93
|
-
constructor(assignInit: typeof GodownElement.prototype.assign);
|
94
|
-
connectedCallback(): void;
|
95
|
-
disconnectedCallback(): void;
|
96
|
-
mount(arg?: PropertyValues): void;
|
97
|
-
unmount(): void;
|
98
|
-
remount(arg?: PropertyValues): void;
|
99
|
-
deepQuerySelector<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelector>[0], root?: Parameters<typeof deepQuerySelector>[1]): E;
|
100
|
-
deepQuerySelectorAll<E extends Element = HTMLElement>(selectors: Parameters<typeof deepQuerySelectorAll>[0], root?: Parameters<typeof deepQuerySelectorAll>[1]): E[];
|
101
|
-
/**
|
102
|
-
* Add styles to shadowRoot.
|
103
|
-
*
|
104
|
-
* @param styles CSS strings.
|
105
|
-
* @returns Index of injected style.
|
106
|
-
*
|
107
|
-
* @example
|
108
|
-
* ```
|
109
|
-
* this.applyStyles(
|
110
|
-
* "...",
|
111
|
-
* css`...`,
|
112
|
-
* )
|
113
|
-
* ```
|
114
|
-
*/
|
115
|
-
adoptStyles(...styles: LikeString[]): number;
|
116
|
-
}
|
117
|
-
export default GodownElement;
|
118
|
-
export interface LikeString {
|
119
|
-
toString(): string;
|
120
|
-
}
|
121
|
-
export type HTMLEvent<H = HTMLElement, E = Event> = {
|
122
|
-
target: H;
|
123
|
-
[key: string]: unknown;
|
124
|
-
} & E;
|
125
|
-
//# sourceMappingURL=godown-element.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"godown-element.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/godown-element.ts"],"names":[],"mappings":"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"}
|
package/proto/godown-element.js
DELETED
@@ -1,204 +0,0 @@
|
|
1
|
-
import { LitElement } from "lit";
|
2
|
-
import { EventsCollection } from "../lib/event-coll.js";
|
3
|
-
import { deepQuerySelector, deepQuerySelectorAll } from "../lib/utils.js";
|
4
|
-
/**
|
5
|
-
* Global element.
|
6
|
-
*/
|
7
|
-
export class GodownElement extends LitElement {
|
8
|
-
static define() {
|
9
|
-
if (!this.isDefined()) {
|
10
|
-
this.godownConfig.define(this.elementTagName, this);
|
11
|
-
}
|
12
|
-
}
|
13
|
-
static isDefined() {
|
14
|
-
return !!customElements.get(this.elementTagName);
|
15
|
-
}
|
16
|
-
queryPart(p) {
|
17
|
-
return this.shadowRoot.querySelector(`[part=${p}]`);
|
18
|
-
}
|
19
|
-
get assignedElements() {
|
20
|
-
return this._slot?.assignedElements();
|
21
|
-
}
|
22
|
-
/**
|
23
|
-
* No named slot element's assignedElements, as HTMLElement[].
|
24
|
-
*/
|
25
|
-
get assigned() {
|
26
|
-
return this.assignedElements;
|
27
|
-
}
|
28
|
-
/**
|
29
|
-
* No named slot element's assignedElements, as Node[].
|
30
|
-
*/
|
31
|
-
get assignedNodes() {
|
32
|
-
return this._slot?.assignedNodes();
|
33
|
-
}
|
34
|
-
/**
|
35
|
-
* No named slot element.
|
36
|
-
*/
|
37
|
-
get _slot() {
|
38
|
-
return this.shadowRoot.querySelector("slot:not([name])");
|
39
|
-
}
|
40
|
-
/**
|
41
|
-
* Slot elements.
|
42
|
-
*/
|
43
|
-
get _slots() {
|
44
|
-
return [...this.shadowRoot.querySelectorAll("slot")];
|
45
|
-
}
|
46
|
-
/**
|
47
|
-
* Named slotted elements.
|
48
|
-
*/
|
49
|
-
get slottedChildren() {
|
50
|
-
return [...this.querySelectorAll("[slot]")];
|
51
|
-
}
|
52
|
-
/**
|
53
|
-
* Named slotted elements' slot attribute.
|
54
|
-
*/
|
55
|
-
get slottedNames() {
|
56
|
-
return this.slottedChildren.map((c) => c.getAttribute("slot")).filter((v) => v);
|
57
|
-
}
|
58
|
-
/**
|
59
|
-
* Query for a element with slot names
|
60
|
-
*
|
61
|
-
* @param slotName Slot name.
|
62
|
-
* @returns Slot element.
|
63
|
-
*/
|
64
|
-
querySlot(slotName) {
|
65
|
-
return this.querySelector(`[slot=${slotName}]`);
|
66
|
-
}
|
67
|
-
get offsets() {
|
68
|
-
return this.offsetParent || document.body;
|
69
|
-
}
|
70
|
-
/**
|
71
|
-
* Width of (`this.offsetParent` or `document.body`).
|
72
|
-
*/
|
73
|
-
get offsetsWidth() {
|
74
|
-
return this.offsetParent?.clientWidth ?? document.body.offsetWidth;
|
75
|
-
}
|
76
|
-
/**
|
77
|
-
* Height of (`this.offsetParent` or `document.body`).
|
78
|
-
*/
|
79
|
-
get offsetsHeight() {
|
80
|
-
return this.offsetParent?.clientHeight ?? document.body.offsetHeight;
|
81
|
-
}
|
82
|
-
/**
|
83
|
-
* ```
|
84
|
-
* src.addEventListener("type", listener)
|
85
|
-
* //as
|
86
|
-
* this.addEvent(src, "type", listener)
|
87
|
-
* ```
|
88
|
-
*/
|
89
|
-
addEvent(src, type, listener, options) {
|
90
|
-
return this.__events.addEvent(src, type, listener, options);
|
91
|
-
}
|
92
|
-
/**
|
93
|
-
* ```
|
94
|
-
* src.removeEventListener("type", listener)
|
95
|
-
* //as
|
96
|
-
* this.removeEvent(src, "type", listener)
|
97
|
-
* ```
|
98
|
-
*/
|
99
|
-
removeEvent(src, type, listener) {
|
100
|
-
this.__events.removeEvent(src, type, listener);
|
101
|
-
}
|
102
|
-
removeAllEvents() {
|
103
|
-
this.__events.removeAllEvents();
|
104
|
-
}
|
105
|
-
get stylex() {
|
106
|
-
return this.__stylex.css;
|
107
|
-
}
|
108
|
-
/**
|
109
|
-
* Appends to `shadowRoot.adoptedStyleSheets` and overrides the initial style (constructor.styles).
|
110
|
-
*
|
111
|
-
* If there is no selector, it will be `:host`.
|
112
|
-
*
|
113
|
-
* Resetting will remove the previous stylex.
|
114
|
-
*
|
115
|
-
* @parma sx CSS string.
|
116
|
-
*
|
117
|
-
* @example
|
118
|
-
* ```html
|
119
|
-
* <custom-element stylex=":host{--key:value;}"></custom-element>
|
120
|
-
* <custom-element stylex="--key:value;"></custom-element>
|
121
|
-
* ```
|
122
|
-
*/
|
123
|
-
set stylex(sx) {
|
124
|
-
sx = sx.trim();
|
125
|
-
if (!/^(([\s\S]+)\{)(([\s\S]+)\})$/.test(sx)) {
|
126
|
-
sx = `:host{${sx}}`;
|
127
|
-
}
|
128
|
-
this.setAttribute("stylex", sx);
|
129
|
-
if (!this.shadowRoot) {
|
130
|
-
this.__stylex.lazy = sx;
|
131
|
-
return;
|
132
|
-
}
|
133
|
-
if (this.__stylex.index) {
|
134
|
-
this.shadowRoot.adoptedStyleSheets.splice(this.__stylex.index, 1);
|
135
|
-
}
|
136
|
-
this.__stylex.css = sx;
|
137
|
-
this.__stylex.index = this.adoptStyles(sx);
|
138
|
-
}
|
139
|
-
constructor(assignInit) {
|
140
|
-
super();
|
141
|
-
this.__events = new EventsCollection();
|
142
|
-
this.__stylex = {};
|
143
|
-
this.assign = {
|
144
|
-
...(GodownElement.godownConfig?.assign || {}),
|
145
|
-
...assignInit,
|
146
|
-
};
|
147
|
-
}
|
148
|
-
connectedCallback() {
|
149
|
-
super.connectedCallback();
|
150
|
-
if (this.assign) {
|
151
|
-
Object.assign(this, this.assign);
|
152
|
-
this.assign = null;
|
153
|
-
}
|
154
|
-
const { lazy } = this.__stylex;
|
155
|
-
if (lazy) {
|
156
|
-
this.adoptStyles(lazy);
|
157
|
-
}
|
158
|
-
}
|
159
|
-
disconnectedCallback() {
|
160
|
-
this.removeAllEvents();
|
161
|
-
}
|
162
|
-
mount(arg) {
|
163
|
-
this.firstUpdated(arg);
|
164
|
-
}
|
165
|
-
unmount() {
|
166
|
-
this.disconnectedCallback();
|
167
|
-
}
|
168
|
-
remount(arg) {
|
169
|
-
this.unmount();
|
170
|
-
this.connectedCallback();
|
171
|
-
this.mount(arg);
|
172
|
-
}
|
173
|
-
deepQuerySelector(selectors, root = this) {
|
174
|
-
return deepQuerySelector(selectors, root);
|
175
|
-
}
|
176
|
-
deepQuerySelectorAll(selectors, root = this) {
|
177
|
-
return deepQuerySelectorAll(selectors, root);
|
178
|
-
}
|
179
|
-
/**
|
180
|
-
* Add styles to shadowRoot.
|
181
|
-
*
|
182
|
-
* @param styles CSS strings.
|
183
|
-
* @returns Index of injected style.
|
184
|
-
*
|
185
|
-
* @example
|
186
|
-
* ```
|
187
|
-
* this.applyStyles(
|
188
|
-
* "...",
|
189
|
-
* css`...`,
|
190
|
-
* )
|
191
|
-
* ```
|
192
|
-
*/
|
193
|
-
adoptStyles(...styles) {
|
194
|
-
const stack = this.shadowRoot.adoptedStyleSheets;
|
195
|
-
if (styles.length) {
|
196
|
-
const sheet = new CSSStyleSheet();
|
197
|
-
styles.forEach((style) => sheet.insertRule(style.toString()));
|
198
|
-
stack.push(sheet);
|
199
|
-
}
|
200
|
-
return stack.length - 1;
|
201
|
-
}
|
202
|
-
}
|
203
|
-
export default GodownElement;
|
204
|
-
//# sourceMappingURL=godown-element.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"godown-element.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/godown-element.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, type PropertyValues } from \"lit\";\n\nimport { type AddOptions, EventsCollection, type EventsNames, type ListenerFunc } from \"../lib/event-coll.js\";\nimport { deepQuerySelector, deepQuerySelectorAll } from \"../lib/utils.js\";\nimport { type GodownConfig } from \"./godown-config\";\n\n/**\n * Global element.\n */\nexport class GodownElement extends LitElement {\n static godownConfig?: GodownConfig;\n\n static elementTagName?: string;\n\n static protoName?: string;\n\n static define() {\n if (!this.isDefined()) {\n this.godownConfig.define(this.elementTagName, this);\n }\n }\n\n static isDefined(): boolean {\n return !!customElements.get(this.elementTagName);\n }\n\n queryPart<E extends HTMLElement>(p: string) {\n return this.shadowRoot.querySelector<E>(`[part=${p}]`);\n }\n\n get assignedElements(): HTMLElement[] {\n return this._slot?.assignedElements() as HTMLElement[];\n }\n\n /**\n * No named slot element's assignedElements, as HTMLElement[].\n */\n get assigned(): HTMLElement[] {\n return this.assignedElements;\n }\n\n /**\n * No named slot element's assignedElements, as Node[].\n */\n get assignedNodes(): Node[] {\n return this._slot?.assignedNodes();\n }\n\n /**\n * No named slot element.\n */\n get _slot(): HTMLSlotElement {\n return this.shadowRoot.querySelector<HTMLSlotElement>(\"slot:not([name])\");\n }\n\n /**\n * Slot elements.\n */\n get _slots(): HTMLSlotElement[] {\n return [...this.shadowRoot.querySelectorAll<HTMLSlotElement>(\"slot\")];\n }\n\n /**\n * Named slotted elements.\n */\n get slottedChildren(): HTMLSlotElement[] {\n return [...this.querySelectorAll<HTMLSlotElement>(\"[slot]\")];\n }\n\n /**\n * Named slotted elements' slot attribute.\n */\n get slottedNames(): string[] {\n return this.slottedChildren.map((c) => c.getAttribute(\"slot\")).filter((v) => v);\n }\n\n /**\n * Query for a element with slot names\n *\n * @param slotName Slot name.\n * @returns Slot element.\n */\n querySlot(slotName: string): HTMLSlotElement | null {\n return this.querySelector<HTMLSlotElement>(`[slot=${slotName}]`);\n }\n\n get offsets() {\n return this.offsetParent || document.body;\n }\n\n /**\n * Width of (`this.offsetParent` or `document.body`).\n */\n get offsetsWidth(): number {\n return this.offsetParent?.clientWidth ?? document.body.offsetWidth;\n }\n\n /**\n * Height of (`this.offsetParent` or `document.body`).\n */\n get offsetsHeight(): number {\n return this.offsetParent?.clientHeight ?? document.body.offsetHeight;\n }\n\n private __events: EventsCollection;\n\n /**\n * ```\n * src.addEventListener(\"type\", listener)\n * //as\n * this.addEvent(src, \"type\", listener)\n * ```\n */\n addEvent<SRC extends EventTarget = HTMLElement>(\n src: SRC,\n type: EventsNames,\n listener: ListenerFunc,\n options?: AddOptions,\n ): ListenerFunc {\n return this.__events.addEvent(src, type, listener, options);\n }\n\n /**\n * ```\n * src.removeEventListener(\"type\", listener)\n * //as\n * this.removeEvent(src, \"type\", listener)\n * ```\n */\n removeEvent<SRC extends EventTarget = HTMLElement>(src: SRC, type: EventsNames, listener: ListenerFunc) {\n this.__events.removeEvent(src, type, listener);\n }\n\n removeAllEvents() {\n this.__events.removeAllEvents();\n }\n\n private assign: void | Record<string, any>;\n\n private __stylex: { css?: string; index?: number; lazy?: string };\n\n get stylex(): string | undefined {\n return this.__stylex.css;\n }\n\n /**\n * Appends to `shadowRoot.adoptedStyleSheets` and overrides the initial style (constructor.styles).\n *\n * If there is no selector, it will be `:host`.\n *\n * Resetting will remove the previous stylex.\n *\n * @parma sx CSS string.\n *\n * @example\n * ```html\n * <custom-element stylex=\":host{--key:value;}\"></custom-element>\n * <custom-element stylex=\"--key:value;\"></custom-element>\n * ```\n */\n set stylex(sx: string) {\n sx = sx.trim();\n if (!/^(([\\s\\S]+)\\{)(([\\s\\S]+)\\})$/.test(sx)) {\n sx = `:host{${sx}}`;\n }\n this.setAttribute(\"stylex\", sx);\n if (!this.shadowRoot) {\n this.__stylex.lazy = sx;\n return;\n }\n if (this.__stylex.index) {\n this.shadowRoot.adoptedStyleSheets.splice(this.__stylex.index, 1);\n }\n this.__stylex.css = sx;\n this.__stylex.index = this.adoptStyles(sx);\n }\n\n constructor(assignInit: typeof GodownElement.prototype.assign) {\n super();\n this.__events = new EventsCollection();\n this.__stylex = {};\n this.assign = {\n ...(GodownElement.godownConfig?.assign || {}),\n ...assignInit,\n };\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (this.assign) {\n Object.assign(this, this.assign);\n this.assign = null;\n }\n const { lazy } = this.__stylex;\n if (lazy) {\n this.adoptStyles(lazy);\n }\n }\n\n disconnectedCallback() {\n this.removeAllEvents();\n }\n\n mount(arg?: PropertyValues) {\n this.firstUpdated(arg);\n }\n\n unmount() {\n this.disconnectedCallback();\n }\n\n remount(arg?: PropertyValues) {\n this.unmount();\n this.connectedCallback();\n this.mount(arg);\n }\n\n deepQuerySelector<E extends Element = HTMLElement>(\n selectors: Parameters<typeof deepQuerySelector>[0],\n root: Parameters<typeof deepQuerySelector>[1] = this,\n ): E {\n return deepQuerySelector<E>(selectors, root);\n }\n\n deepQuerySelectorAll<E extends Element = HTMLElement>(\n selectors: Parameters<typeof deepQuerySelectorAll>[0],\n root: Parameters<typeof deepQuerySelectorAll>[1] = this,\n ): E[] {\n return deepQuerySelectorAll<E>(selectors, root);\n }\n\n /**\n * Add styles to shadowRoot.\n *\n * @param styles CSS strings.\n * @returns Index of injected style.\n *\n * @example\n * ```\n * this.applyStyles(\n * \"...\",\n * css`...`,\n * )\n * ```\n */\n adoptStyles(...styles: LikeString[]): number {\n const stack = this.shadowRoot.adoptedStyleSheets;\n if (styles.length) {\n const sheet = new CSSStyleSheet();\n styles.forEach((style) => sheet.insertRule(style.toString()));\n stack.push(sheet);\n }\n return stack.length - 1;\n }\n}\n\nexport default GodownElement;\nexport interface LikeString {\n toString(): string;\n}\n\nexport type HTMLEvent<H = HTMLElement, E = Event> = {\n target: H;\n [key: string]: unknown;\n} & E;\n"]}
|
package/proto/super-a.d.ts
DELETED
@@ -1,30 +0,0 @@
|
|
1
|
-
import { GodownElement } from "./godown-element.js";
|
2
|
-
export declare class GodownSuperA extends GodownElement {
|
3
|
-
/**
|
4
|
-
* True when the href is in the same pathname as the location.
|
5
|
-
*/
|
6
|
-
active: boolean;
|
7
|
-
/**
|
8
|
-
* Href for a element.
|
9
|
-
*/
|
10
|
-
href: string;
|
11
|
-
/**
|
12
|
-
* Target for an element.
|
13
|
-
*/
|
14
|
-
target: "_blank" | "_self" | "_parent" | "_top";
|
15
|
-
/**
|
16
|
-
* Arrow type.
|
17
|
-
*/
|
18
|
-
arrow: "" | "link" | "delta" | "arrow" | "angle";
|
19
|
-
protected render(): import("lit").TemplateResult<1>;
|
20
|
-
protected _handleClick(_: MouseEvent): void;
|
21
|
-
private _arrowSwitcher;
|
22
|
-
connectedCallback(): void;
|
23
|
-
useActive(): {
|
24
|
-
url: URL;
|
25
|
-
sameOrigin: boolean;
|
26
|
-
active: boolean;
|
27
|
-
};
|
28
|
-
}
|
29
|
-
export default GodownSuperA;
|
30
|
-
//# sourceMappingURL=super-a.d.ts.map
|
package/proto/super-a.d.ts.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-a.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-a.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,qBA2Da,YAAa,SAAQ,aAAa;IAC7C;;OAEG;IACyC,MAAM,UAAS;IAC3D;;OAEG;IACS,IAAI,EAAE,MAAM,CAAa;IACrC;;OAEG;IACS,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IACtE;;OAEG;IACS,KAAK,EAAE,EAAE,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAM;IAElE,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAEpC,OAAO,CAAC,cAAc;IActB,iBAAiB,IAAI,IAAI;IAKzB,SAAS;;;;;CAYV;AAED,eAAe,YAAY,CAAC"}
|
package/proto/super-a.js
DELETED
@@ -1,141 +0,0 @@
|
|
1
|
-
import { __decorate } from "tslib";
|
2
|
-
import { css, html, ifDefined, property } from "../_deps.js";
|
3
|
-
import { styles } from "../decorators/styles.js";
|
4
|
-
import { htmlSlot } from "../lib/directives.js";
|
5
|
-
import { svgArrow, svgDelta, svgLink } from "../lib/icons.js";
|
6
|
-
import { GodownElement } from "./godown-element.js";
|
7
|
-
let GodownSuperA = class GodownSuperA extends GodownElement {
|
8
|
-
constructor() {
|
9
|
-
super(...arguments);
|
10
|
-
/**
|
11
|
-
* True when the href is in the same pathname as the location.
|
12
|
-
*/
|
13
|
-
this.active = false;
|
14
|
-
/**
|
15
|
-
* Href for a element.
|
16
|
-
*/
|
17
|
-
this.href = undefined;
|
18
|
-
/**
|
19
|
-
* Target for an element.
|
20
|
-
*/
|
21
|
-
this.target = "_self";
|
22
|
-
/**
|
23
|
-
* Arrow type.
|
24
|
-
*/
|
25
|
-
this.arrow = "";
|
26
|
-
}
|
27
|
-
render() {
|
28
|
-
return html `<a part="root" href="${ifDefined(this.href)}" target="${this.target}" @click=${this._handleClick}>
|
29
|
-
${htmlSlot()}
|
30
|
-
<i part="arrow">${this._arrowSwitcher()}</i>
|
31
|
-
</a>`;
|
32
|
-
}
|
33
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
|
34
|
-
_handleClick(_) { }
|
35
|
-
_arrowSwitcher() {
|
36
|
-
switch (this.arrow) {
|
37
|
-
case "delta":
|
38
|
-
return svgDelta();
|
39
|
-
case "arrow":
|
40
|
-
return svgArrow(true);
|
41
|
-
case "angle":
|
42
|
-
return svgArrow();
|
43
|
-
case "link":
|
44
|
-
return svgLink();
|
45
|
-
default:
|
46
|
-
return htmlSlot("icon");
|
47
|
-
}
|
48
|
-
}
|
49
|
-
connectedCallback() {
|
50
|
-
super.connectedCallback();
|
51
|
-
this.useActive();
|
52
|
-
}
|
53
|
-
useActive() {
|
54
|
-
const url = new URL(this.href, location.href);
|
55
|
-
const sameOrigin = url.origin === location.origin;
|
56
|
-
if (sameOrigin) {
|
57
|
-
this.active = url.pathname === location.pathname;
|
58
|
-
}
|
59
|
-
return {
|
60
|
-
url,
|
61
|
-
sameOrigin,
|
62
|
-
active: this.active,
|
63
|
-
};
|
64
|
-
}
|
65
|
-
};
|
66
|
-
__decorate([
|
67
|
-
property({ type: Boolean, reflect: true })
|
68
|
-
], GodownSuperA.prototype, "active", void 0);
|
69
|
-
__decorate([
|
70
|
-
property()
|
71
|
-
], GodownSuperA.prototype, "href", void 0);
|
72
|
-
__decorate([
|
73
|
-
property()
|
74
|
-
], GodownSuperA.prototype, "target", void 0);
|
75
|
-
__decorate([
|
76
|
-
property()
|
77
|
-
], GodownSuperA.prototype, "arrow", void 0);
|
78
|
-
GodownSuperA = __decorate([
|
79
|
-
styles([
|
80
|
-
css `
|
81
|
-
:host([arrow="delta"]) svg {
|
82
|
-
transform: rotate(-90deg);
|
83
|
-
}
|
84
|
-
|
85
|
-
:host {
|
86
|
-
display: inline-block;
|
87
|
-
color: currentColor;
|
88
|
-
text-decoration: none;
|
89
|
-
cursor: default;
|
90
|
-
}
|
91
|
-
|
92
|
-
:host([href]) {
|
93
|
-
cursor: pointer;
|
94
|
-
}
|
95
|
-
|
96
|
-
a {
|
97
|
-
width: 100%;
|
98
|
-
display: flex;
|
99
|
-
color: inherit;
|
100
|
-
text-decoration: inherit;
|
101
|
-
justify-content: space-between;
|
102
|
-
align-items: center;
|
103
|
-
}
|
104
|
-
|
105
|
-
i {
|
106
|
-
display: inline-flex;
|
107
|
-
border-radius: 20%;
|
108
|
-
font-style: normal;
|
109
|
-
}
|
110
|
-
|
111
|
-
i > svg {
|
112
|
-
width: 1em;
|
113
|
-
height: 1em;
|
114
|
-
border-radius: inherit;
|
115
|
-
}
|
116
|
-
|
117
|
-
:host(:hover) i {
|
118
|
-
animation: arrow 0.3s linear;
|
119
|
-
}
|
120
|
-
|
121
|
-
i:hover {
|
122
|
-
background-color: rgb(0 0 0 / 0.075);
|
123
|
-
}
|
124
|
-
|
125
|
-
@keyframes arrow {
|
126
|
-
from {
|
127
|
-
transform: translateX(0);
|
128
|
-
}
|
129
|
-
50% {
|
130
|
-
transform: translateX(0.05em);
|
131
|
-
}
|
132
|
-
to {
|
133
|
-
transform: translateX(0);
|
134
|
-
}
|
135
|
-
}
|
136
|
-
`,
|
137
|
-
])
|
138
|
-
], GodownSuperA);
|
139
|
-
export { GodownSuperA };
|
140
|
-
export default GodownSuperA;
|
141
|
-
//# sourceMappingURL=super-a.js.map
|
package/proto/super-a.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-a.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-a.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AA6D7C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,aAAa;IAAxC;;QACL;;WAEG;QACyC,WAAM,GAAG,KAAK,CAAC;QAC3D;;WAEG;QACS,SAAI,GAAW,SAAS,CAAC;QACrC;;WAEG;QACS,WAAM,GAA4C,OAAO,CAAC;QACtE;;WAEG;QACS,UAAK,GAA8C,EAAE,CAAC;IA2CpE,CAAC;IAzCW,MAAM;QACd,OAAO,IAAI,CAAA,wBAAwB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,MAAM,YAAY,IAAI,CAAC,YAAY;QACxG,QAAQ,EAAE;wBACM,IAAI,CAAC,cAAc,EAAE;SACpC,CAAC;IACR,CAAC;IAED,mGAAmG;IACzF,YAAY,CAAC,CAAa,IAAG,CAAC;IAEhC,cAAc;QACpB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,OAAO;gBACV,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;YACxB,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;YACpB,KAAK,MAAM;gBACT,OAAO,OAAO,EAAE,CAAC;YACnB;gBACE,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC;IACD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;IACnB,CAAC;IAED,SAAS;QACP,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC9C,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,KAAK,QAAQ,CAAC,MAAM,CAAC;QAClD,IAAI,UAAU,EAAE,CAAC;YACf,IAAI,CAAC,MAAM,GAAG,GAAG,CAAC,QAAQ,KAAK,QAAQ,CAAC,QAAQ,CAAC;QACnD,CAAC;QACD,OAAO;YACL,GAAG;YACH,UAAU;YACV,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;CACF,CAAA;AAvD6C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAgB;AAI/C;IAAX,QAAQ,EAAE;0CAA0B;AAIzB;IAAX,QAAQ,EAAE;4CAA2D;AAI1D;IAAX,QAAQ,EAAE;2CAAuD;AAhBvD,YAAY;IA3DxB,MAAM,CAAC;QACN,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDF;KACF,CAAC;GACW,YAAY,CA2DxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["import { css, html, ifDefined, property } from \"../_deps.js\";\nimport { styles } from \"../decorators/styles.js\";\nimport { htmlSlot } from \"../lib/directives.js\";\nimport { svgArrow, svgDelta, svgLink } from \"../lib/icons.js\";\nimport { GodownElement } from \"./godown-element.js\";\n\n@styles([\n css`\n :host([arrow=\"delta\"]) svg {\n transform: rotate(-90deg);\n }\n\n :host {\n display: inline-block;\n color: currentColor;\n text-decoration: none;\n cursor: default;\n }\n\n :host([href]) {\n cursor: pointer;\n }\n\n a {\n width: 100%;\n display: flex;\n color: inherit;\n text-decoration: inherit;\n justify-content: space-between;\n align-items: center;\n }\n\n i {\n display: inline-flex;\n border-radius: 20%;\n font-style: normal;\n }\n\n i > svg {\n width: 1em;\n height: 1em;\n border-radius: inherit;\n }\n\n :host(:hover) i {\n animation: arrow 0.3s linear;\n }\n\n i:hover {\n background-color: rgb(0 0 0 / 0.075);\n }\n\n @keyframes arrow {\n from {\n transform: translateX(0);\n }\n 50% {\n transform: translateX(0.05em);\n }\n to {\n transform: translateX(0);\n }\n }\n `,\n])\nexport class GodownSuperA extends GodownElement {\n /**\n * True when the href is in the same pathname as the location.\n */\n @property({ type: Boolean, reflect: true }) active = false;\n /**\n * Href for a element.\n */\n @property() href: string = undefined;\n /**\n * Target for an element.\n */\n @property() target: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" = \"_self\";\n /**\n * Arrow type.\n */\n @property() arrow: \"\" | \"link\" | \"delta\" | \"arrow\" | \"angle\" = \"\";\n\n protected render() {\n return html`<a part=\"root\" href=\"${ifDefined(this.href)}\" target=\"${this.target}\" @click=${this._handleClick}>\n ${htmlSlot()}\n <i part=\"arrow\">${this._arrowSwitcher()}</i>\n </a>`;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function\n protected _handleClick(_: MouseEvent) {}\n\n private _arrowSwitcher() {\n switch (this.arrow) {\n case \"delta\":\n return svgDelta();\n case \"arrow\":\n return svgArrow(true);\n case \"angle\":\n return svgArrow();\n case \"link\":\n return svgLink();\n default:\n return htmlSlot(\"icon\");\n }\n }\n connectedCallback(): void {\n super.connectedCallback();\n this.useActive();\n }\n\n useActive() {\n const url = new URL(this.href, location.href);\n const sameOrigin = url.origin === location.origin;\n if (sameOrigin) {\n this.active = url.pathname === location.pathname;\n }\n return {\n url,\n sameOrigin,\n active: this.active,\n };\n }\n}\n\nexport default GodownSuperA;\n"]}
|
package/proto/super-input.d.ts
DELETED
@@ -1,44 +0,0 @@
|
|
1
|
-
import type { HTMLEvent } from "./godown-element.js";
|
2
|
-
import { GodownElement } from "./godown-element.js";
|
3
|
-
export declare class GodownSuperInput extends GodownElement {
|
4
|
-
autofocus: boolean;
|
5
|
-
type: InputType;
|
6
|
-
placeholder: string;
|
7
|
-
label: string;
|
8
|
-
name: string;
|
9
|
-
autocomplete: string;
|
10
|
-
value: any;
|
11
|
-
default: any;
|
12
|
-
_input: HTMLInputElement;
|
13
|
-
compositing: boolean;
|
14
|
-
set defaultValue(value: typeof this.default);
|
15
|
-
get defaultValue(): typeof this.default;
|
16
|
-
makeId: string;
|
17
|
-
namevalue(): [string, any];
|
18
|
-
nameValue: () => [string, any];
|
19
|
-
reset(): void;
|
20
|
-
protected _handleInput(e: HTMLEvent<HTMLInputElement>): void;
|
21
|
-
connectedCallback(): void;
|
22
|
-
_connectedInit(): void;
|
23
|
-
protected _compositionInit(): void;
|
24
|
-
protected _changeInputType(t: InputType): void;
|
25
|
-
focus(options?: FocusOptions): void;
|
26
|
-
protected firstUpdated(): void;
|
27
|
-
protected targetValue(e: Event): string | any;
|
28
|
-
protected _renderSuffix(): import("lit").TemplateResult<1>;
|
29
|
-
/**
|
30
|
-
* @deprecated
|
31
|
-
*/
|
32
|
-
pla: string;
|
33
|
-
/**
|
34
|
-
* @deprecated
|
35
|
-
*/
|
36
|
-
def: string;
|
37
|
-
/**
|
38
|
-
* @deprecated
|
39
|
-
*/
|
40
|
-
compositionCheck: boolean;
|
41
|
-
}
|
42
|
-
export default GodownSuperInput;
|
43
|
-
export type InputType = "hidden" | "text" | "search" | "tel" | "url" | "email" | "password" | "datetime" | "date" | "month" | "week" | "time" | "datetime-local" | "number" | "range" | "color" | "checkbox" | "radio" | "file" | "image";
|
44
|
-
//# sourceMappingURL=super-input.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"super-input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["proto/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD,qBAAa,gBAAiB,SAAQ,aAAa;IACL,SAAS,EAAE,OAAO,CAAC;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,GAAG,CAAC;IAEV,MAAM,EAAE,gBAAgB,CAAC;IAExC,WAAW,EAAE,OAAO,CAAC;IAErB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,MAAM,SAAuC;IAE7C,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,QAJI,CAAC,MAAM,EAAE,GAAG,CAAC,CAIC;IAE3B,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC;IAUrD,iBAAiB;IAIjB,cAAc;IAKd,SAAS,CAAC,gBAAgB;IAY1B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,SAAS;IAIvC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG;IAQ7C,SAAS,CAAC,aAAa;IAqBvB;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,eAAe,gBAAgB,CAAC;AAChC,MAAM,MAAM,SAAS,GACjB,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}
|