godown 3.10.1 → 3.11.1
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 +2 -63
- package/alert.d.ts.map +1 -1
- package/avatar.d.ts.map +1 -1
- package/badge.d.ts.map +1 -1
- package/breath.d.ts.map +1 -1
- package/build/godown+lit.iife.js +14 -14
- package/build/godown+lit.iife.js.map +1 -1
- package/build/godown+lit.js +14 -14
- package/build/godown+lit.js.map +1 -1
- package/build/godown+lit.umd.js +14 -14
- package/build/godown+lit.umd.js.map +1 -1
- package/build/godown.iife.js +9 -9
- package/build/godown.js +7 -7
- package/build/godown.js.map +1 -1
- package/build/godown.umd.js +10 -10
- package/build/godown.umd.js.map +1 -1
- package/button.d.ts.map +1 -1
- package/card.d.ts.map +1 -1
- package/carousel.d.ts.map +1 -1
- package/chip.d.ts +2 -0
- package/chip.d.ts.map +1 -0
- package/chip.js +2 -0
- package/chip.js.map +1 -0
- package/custom-elements.json +1 -1
- package/details.d.ts.map +1 -1
- package/dialog.d.ts.map +1 -1
- package/divider.d.ts.map +1 -1
- package/dragbox.d.ts.map +1 -1
- package/flex.d.ts.map +1 -1
- package/form.d.ts.map +1 -1
- package/grid.d.ts.map +1 -1
- package/heading.d.ts.map +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +1 -1
- package/input.d.ts.map +1 -1
- package/internal/direction.d.ts.map +1 -1
- package/internal/direction.js.map +1 -1
- package/internal/global-style.d.ts +8 -9
- package/internal/global-style.d.ts.map +1 -1
- package/internal/global-style.js +1 -1
- package/internal/global-style.js.map +1 -1
- package/internal/icons/caret-down.d.ts +4 -0
- package/internal/icons/caret-down.d.ts.map +1 -0
- package/internal/icons/caret-down.js +2 -0
- package/internal/icons/caret-down.js.map +1 -0
- package/internal/icons/caret-left.d.ts +4 -0
- package/internal/icons/caret-left.d.ts.map +1 -0
- package/internal/icons/caret-left.js +2 -0
- package/internal/icons/caret-left.js.map +1 -0
- package/internal/icons/caret-right.d.ts +4 -0
- package/internal/icons/caret-right.d.ts.map +1 -0
- package/internal/icons/caret-right.js +2 -0
- package/internal/icons/caret-right.js.map +1 -0
- package/internal/icons/eye-slash.d.ts +4 -0
- package/internal/icons/eye-slash.d.ts.map +1 -0
- package/internal/icons/eye-slash.js +2 -0
- package/internal/icons/eye-slash.js.map +1 -0
- package/internal/ring.d.ts +19 -0
- package/internal/ring.d.ts.map +1 -0
- package/internal/ring.js +2 -0
- package/internal/ring.js.map +1 -0
- package/internal/super-input.d.ts +2 -2
- package/internal/super-input.d.ts.map +1 -1
- package/internal/super-input.js +1 -1
- package/internal/super-input.js.map +1 -1
- package/internal/super-openable.d.ts.map +1 -1
- package/internal/super-openable.js.map +1 -1
- package/layout.d.ts.map +1 -1
- package/link.d.ts.map +1 -1
- package/package.json +3 -6
- package/progress.d.ts.map +1 -1
- package/range.d.ts.map +1 -1
- package/rotate.d.ts.map +1 -1
- package/router.d.ts.map +1 -1
- package/select.d.ts.map +1 -1
- package/skeleton.d.ts.map +1 -1
- package/split.d.ts.map +1 -1
- package/src/chip.ts +1 -0
- package/src/index.ts +1 -0
- package/src/internal/global-style.ts +40 -37
- package/src/internal/icons/caret-down.ts +7 -0
- package/src/internal/icons/caret-left.ts +7 -0
- package/src/internal/icons/caret-right.ts +7 -0
- package/src/internal/icons/eye-slash.ts +7 -0
- package/src/internal/ring.ts +57 -0
- package/src/internal/super-input.ts +9 -70
- package/src/web-components/alert/component.ts +16 -195
- package/src/web-components/badge/component.ts +7 -92
- package/src/web-components/breath/component.ts +8 -8
- package/src/web-components/button/component.ts +9 -139
- package/src/web-components/card/component.ts +11 -6
- package/src/web-components/carousel/component.ts +6 -6
- package/src/web-components/chip/component.ts +115 -0
- package/src/web-components/chip/definition.ts +11 -0
- package/src/web-components/details/component.ts +2 -2
- package/src/web-components/divider/component.ts +2 -17
- package/src/web-components/heading/component.ts +12 -16
- package/src/web-components/input/component.ts +85 -39
- package/src/web-components/link/component.ts +53 -3
- package/src/web-components/progress/component.ts +2 -1
- package/src/web-components/range/component.ts +19 -25
- package/src/web-components/rotate/component.ts +2 -3
- package/src/web-components/select/component.ts +14 -18
- package/src/web-components/select/definition.ts +1 -1
- package/src/web-components/skeleton/component.ts +14 -58
- package/src/web-components/split/component.ts +16 -14
- package/src/web-components/switch/component.ts +4 -7
- package/src/web-components/tabs/component.ts +11 -8
- package/src/web-components/text/component.ts +2 -2
- package/switch.d.ts.map +1 -1
- package/tabs.d.ts.map +1 -1
- package/text.d.ts.map +1 -1
- package/time.d.ts.map +1 -1
- package/tooltip.d.ts.map +1 -1
- package/typewriter.d.ts.map +1 -1
- package/vscode.html-custom-data.json +1 -1
- package/web-components/alert/component.d.ts +5 -32
- package/web-components/alert/component.d.ts.map +1 -1
- package/web-components/alert/component.js +1 -1
- package/web-components/alert/component.js.map +1 -1
- package/web-components/alert/definition.d.ts.map +1 -1
- package/web-components/alert/definition.js.map +1 -1
- package/web-components/avatar/component.d.ts.map +1 -1
- package/web-components/avatar/component.js.map +1 -1
- package/web-components/avatar/definition.d.ts.map +1 -1
- package/web-components/avatar/definition.js.map +1 -1
- package/web-components/badge/component.d.ts +4 -21
- package/web-components/badge/component.d.ts.map +1 -1
- package/web-components/badge/component.js +1 -1
- package/web-components/badge/component.js.map +1 -1
- package/web-components/badge/definition.d.ts.map +1 -1
- package/web-components/badge/definition.js.map +1 -1
- package/web-components/breath/component.d.ts.map +1 -1
- package/web-components/breath/component.js +1 -1
- package/web-components/breath/component.js.map +1 -1
- package/web-components/breath/definition.d.ts.map +1 -1
- package/web-components/breath/definition.js.map +1 -1
- package/web-components/button/component.d.ts +0 -18
- package/web-components/button/component.d.ts.map +1 -1
- package/web-components/button/component.js +1 -1
- package/web-components/button/component.js.map +1 -1
- package/web-components/button/definition.d.ts.map +1 -1
- package/web-components/button/definition.js.map +1 -1
- package/web-components/card/component.d.ts +3 -0
- package/web-components/card/component.d.ts.map +1 -1
- package/web-components/card/component.js +1 -1
- package/web-components/card/component.js.map +1 -1
- package/web-components/card/definition.d.ts.map +1 -1
- package/web-components/card/definition.js.map +1 -1
- package/web-components/carousel/component.d.ts.map +1 -1
- package/web-components/carousel/component.js +1 -1
- package/web-components/carousel/component.js.map +1 -1
- package/web-components/carousel/definition.d.ts.map +1 -1
- package/web-components/carousel/definition.js.map +1 -1
- package/web-components/chip/component.d.ts +31 -0
- package/web-components/chip/component.d.ts.map +1 -0
- package/web-components/chip/component.js +2 -0
- package/web-components/chip/component.js.map +1 -0
- package/web-components/chip/definition.d.ts +8 -0
- package/web-components/chip/definition.d.ts.map +1 -0
- package/web-components/chip/definition.js +2 -0
- package/web-components/chip/definition.js.map +1 -0
- package/web-components/details/component.d.ts.map +1 -1
- package/web-components/details/component.js +1 -1
- package/web-components/details/component.js.map +1 -1
- package/web-components/details/definition.d.ts.map +1 -1
- package/web-components/details/definition.js.map +1 -1
- package/web-components/dialog/component.d.ts.map +1 -1
- package/web-components/dialog/component.js.map +1 -1
- package/web-components/dialog/definition.d.ts.map +1 -1
- package/web-components/dialog/definition.js.map +1 -1
- package/web-components/divider/component.d.ts.map +1 -1
- package/web-components/divider/component.js +1 -1
- package/web-components/divider/component.js.map +1 -1
- package/web-components/divider/definition.d.ts.map +1 -1
- package/web-components/divider/definition.js.map +1 -1
- package/web-components/dragbox/component.d.ts.map +1 -1
- package/web-components/dragbox/component.js.map +1 -1
- package/web-components/dragbox/definition.d.ts.map +1 -1
- package/web-components/dragbox/definition.js.map +1 -1
- package/web-components/flex/component.d.ts.map +1 -1
- package/web-components/flex/component.js.map +1 -1
- package/web-components/flex/definition.d.ts.map +1 -1
- package/web-components/flex/definition.js.map +1 -1
- package/web-components/form/component.d.ts.map +1 -1
- package/web-components/form/component.js.map +1 -1
- package/web-components/form/definition.d.ts.map +1 -1
- package/web-components/form/definition.js.map +1 -1
- package/web-components/grid/component.d.ts.map +1 -1
- package/web-components/grid/component.js.map +1 -1
- package/web-components/grid/definition.d.ts.map +1 -1
- package/web-components/grid/definition.js.map +1 -1
- package/web-components/heading/component.d.ts +2 -2
- package/web-components/heading/component.d.ts.map +1 -1
- package/web-components/heading/component.js +1 -1
- package/web-components/heading/component.js.map +1 -1
- package/web-components/heading/definition.d.ts.map +1 -1
- package/web-components/heading/definition.js.map +1 -1
- package/web-components/input/component.d.ts +3 -3
- package/web-components/input/component.d.ts.map +1 -1
- package/web-components/input/component.js +1 -1
- package/web-components/input/component.js.map +1 -1
- package/web-components/input/definition.d.ts.map +1 -1
- package/web-components/input/definition.js.map +1 -1
- package/web-components/layout/component.d.ts.map +1 -1
- package/web-components/layout/component.js.map +1 -1
- package/web-components/layout/definition.d.ts.map +1 -1
- package/web-components/layout/definition.js.map +1 -1
- package/web-components/link/component.d.ts +13 -2
- package/web-components/link/component.d.ts.map +1 -1
- package/web-components/link/component.js +1 -1
- package/web-components/link/component.js.map +1 -1
- package/web-components/link/definition.d.ts.map +1 -1
- package/web-components/link/definition.js.map +1 -1
- package/web-components/progress/component.d.ts.map +1 -1
- package/web-components/progress/component.js +1 -1
- package/web-components/progress/component.js.map +1 -1
- package/web-components/progress/definition.d.ts.map +1 -1
- package/web-components/progress/definition.js.map +1 -1
- package/web-components/range/component.d.ts.map +1 -1
- package/web-components/range/component.js +1 -1
- package/web-components/range/component.js.map +1 -1
- package/web-components/range/definition.d.ts.map +1 -1
- package/web-components/range/definition.js.map +1 -1
- package/web-components/rotate/component.d.ts.map +1 -1
- package/web-components/rotate/component.js +1 -1
- package/web-components/rotate/component.js.map +1 -1
- package/web-components/rotate/definition.d.ts.map +1 -1
- package/web-components/rotate/definition.js.map +1 -1
- package/web-components/router/component.d.ts.map +1 -1
- package/web-components/router/component.js.map +1 -1
- package/web-components/router/definition.d.ts.map +1 -1
- package/web-components/router/definition.js.map +1 -1
- package/web-components/select/component.d.ts +2 -1
- package/web-components/select/component.d.ts.map +1 -1
- package/web-components/select/component.js +1 -1
- package/web-components/select/component.js.map +1 -1
- package/web-components/select/definition.d.ts +1 -1
- package/web-components/select/definition.d.ts.map +1 -1
- package/web-components/select/definition.js.map +1 -1
- package/web-components/skeleton/component.d.ts +0 -9
- package/web-components/skeleton/component.d.ts.map +1 -1
- package/web-components/skeleton/component.js +1 -1
- package/web-components/skeleton/component.js.map +1 -1
- package/web-components/skeleton/definition.d.ts.map +1 -1
- package/web-components/skeleton/definition.js.map +1 -1
- package/web-components/split/component.d.ts +1 -1
- package/web-components/split/component.d.ts.map +1 -1
- package/web-components/split/component.js +1 -1
- package/web-components/split/component.js.map +1 -1
- package/web-components/split/definition.d.ts.map +1 -1
- package/web-components/split/definition.js.map +1 -1
- package/web-components/switch/component.d.ts.map +1 -1
- package/web-components/switch/component.js +1 -1
- package/web-components/switch/component.js.map +1 -1
- package/web-components/switch/definition.d.ts.map +1 -1
- package/web-components/switch/definition.js.map +1 -1
- package/web-components/tabs/component.d.ts +3 -3
- package/web-components/tabs/component.d.ts.map +1 -1
- package/web-components/tabs/component.js +1 -1
- package/web-components/tabs/component.js.map +1 -1
- package/web-components/tabs/definition.d.ts.map +1 -1
- package/web-components/tabs/definition.js.map +1 -1
- package/web-components/text/component.d.ts +1 -1
- package/web-components/text/component.d.ts.map +1 -1
- package/web-components/text/component.js +1 -1
- package/web-components/text/component.js.map +1 -1
- package/web-components/text/definition.d.ts.map +1 -1
- package/web-components/text/definition.js.map +1 -1
- package/web-components/time/component.d.ts.map +1 -1
- package/web-components/time/component.js.map +1 -1
- package/web-components/time/definition.d.ts.map +1 -1
- package/web-components/time/definition.js.map +1 -1
- package/web-components/tooltip/component.d.ts.map +1 -1
- package/web-components/tooltip/component.js.map +1 -1
- package/web-components/tooltip/definition.d.ts.map +1 -1
- package/web-components/tooltip/definition.js.map +1 -1
- package/web-components/typewriter/component.d.ts.map +1 -1
- package/web-components/typewriter/component.js.map +1 -1
- package/web-components/typewriter/definition.d.ts.map +1 -1
- package/web-components/typewriter/definition.js.map +1 -1
- package/web-types.json +1 -1
- package/internal/outline.d.ts +0 -19
- package/internal/outline.d.ts.map +0 -1
- package/internal/outline.js +0 -2
- package/internal/outline.js.map +0 -1
- package/internal/super-anchor.d.ts +0 -18
- package/internal/super-anchor.d.ts.map +0 -1
- package/internal/super-anchor.js +0 -2
- package/internal/super-anchor.js.map +0 -1
- package/src/internal/outline.ts +0 -58
- package/src/internal/super-anchor.ts +0 -60
package/README.md
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
# godown
|
2
2
|
|
3
|
-
|
3
|
+
The Web Components Library.
|
4
4
|
|
5
5
|
## Install
|
6
6
|
|
@@ -45,8 +45,6 @@ document.body.appendChild(alert);
|
|
45
45
|
|
46
46
|
React components is now in the standalone package (@godown/react).
|
47
47
|
|
48
|
-
React package provides empty conversion.
|
49
|
-
|
50
48
|
```jsx
|
51
49
|
import Alert from "@godown/react/alert";
|
52
50
|
|
@@ -55,66 +53,7 @@ export default function () {
|
|
55
53
|
}
|
56
54
|
```
|
57
55
|
|
58
|
-
|
59
|
-
|
60
|
-
### Initial properties
|
61
|
-
|
62
|
-
The constructor parameter can accept an initial value record and assign it after **connected** to document.
|
63
|
-
|
64
|
-
Element will override the records of the superclass.
|
65
|
-
|
66
|
-
`GodownElement` (require @godown/element) will work for all elements.
|
67
|
-
|
68
|
-
```js
|
69
|
-
import GodownElement from "@godown/element";
|
70
|
-
|
71
|
-
GodownElement.godownConfig ||= new GodownConfig();
|
72
|
-
GodownElement.godownConfig.assign = {
|
73
|
-
classList: ["godown-element", "custom-element"],
|
74
|
-
};
|
75
|
-
|
76
|
-
import Input from "godown/input.js";
|
77
|
-
new Input({ id: "my-input" });
|
78
|
-
```
|
79
|
-
|
80
|
-
```html
|
81
|
-
<godown-input id="my-input" class="godown-element custom-element"></godown-input>
|
82
|
-
```
|
83
|
-
|
84
|
-
#### With CSS
|
85
|
-
|
86
|
-
This is useful when customizing styles.
|
87
|
-
|
88
|
-
```css
|
89
|
-
.godown-element {
|
90
|
-
--godown--background: rgb(0 0 0);
|
91
|
-
font-size: 20px;
|
92
|
-
}
|
93
|
-
```
|
94
|
-
|
95
|
-
### Tag naming
|
96
|
-
|
97
|
-
Modify the element prefix and suffix,
|
98
|
-
the tag name will be joined with `-`.
|
99
|
-
|
100
|
-
```js
|
101
|
-
GodownElement.godownConfig.prefix = "g";
|
102
|
-
GodownElement.godownConfig.suffix = "";
|
103
|
-
```
|
104
|
-
|
105
|
-
Modify the tag method to return the element name directly.
|
106
|
-
|
107
|
-
```js
|
108
|
-
GodownElement.godownConfig.tag = function (origin) {
|
109
|
-
return this.prefix + "-" + origin;
|
110
|
-
};
|
111
|
-
```
|
112
|
-
|
113
|
-
```html
|
114
|
-
<g-button></g-button>
|
115
|
-
```
|
116
|
-
|
117
|
-
### CSS variable prefix
|
56
|
+
### CSS variable
|
118
57
|
|
119
58
|
Element-scoped css variables will start with `--${tagName}--`.
|
120
59
|
|
package/alert.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"__source__/","sources":["alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC"}
|
package/avatar.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"__source__/","sources":["avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC"}
|
package/badge.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"__source__/","sources":["badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC"}
|
package/breath.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["
|
1
|
+
{"version":3,"file":"breath.d.ts","sourceRoot":"__source__/","sources":["breath.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC"}
|