@zumer/orbit 1.6.0 → 2.0.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 +218 -89
- package/dist/custom-elements.json +250 -0
- package/dist/orbit.css +2776 -1261
- package/dist/orbit.d.ts +107 -0
- package/dist/orbit.js +373 -209
- package/dist/orbit.min.css +1 -1
- package/dist/orbit.min.js +48 -26
- package/dist/orbit.mjs +373 -209
- package/dist/react.d.ts +25 -0
- package/dist/style.d.ts +3 -0
- package/dist/vscode.html-custom-data.json +166 -0
- package/package.json +21 -3
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "dist/orbit.mjs",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"name": "OrbitArc",
|
|
12
|
+
"tagName": "o-arc",
|
|
13
|
+
"customElement": true,
|
|
14
|
+
"description": "A segment of its ring. Without value, sibling arcs split the range equally; with value, they stack in DOM order. Text content is drawn along the arc. Place it directly in a ring.",
|
|
15
|
+
"superclass": {
|
|
16
|
+
"name": "HTMLElement"
|
|
17
|
+
},
|
|
18
|
+
"attributes": [
|
|
19
|
+
{
|
|
20
|
+
"name": "value",
|
|
21
|
+
"description": "Share of the ring's range, relative to max. Without it, sibling arcs split the range equally.",
|
|
22
|
+
"type": {
|
|
23
|
+
"text": "number"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"name": "max",
|
|
28
|
+
"description": "Value that fills the ring's range. Must be positive.",
|
|
29
|
+
"type": {
|
|
30
|
+
"text": "number"
|
|
31
|
+
},
|
|
32
|
+
"default": "100"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"name": "shape",
|
|
36
|
+
"description": "Ending of the band.",
|
|
37
|
+
"type": {
|
|
38
|
+
"text": "'none' | 'rounded' | 'circle' | 'circle-a' | 'circle-b' | 'bullet' | 'arrow' | 'slash' | 'backslash' | 'zigzag'"
|
|
39
|
+
},
|
|
40
|
+
"default": "none"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "interactive",
|
|
44
|
+
"description": "Let the band receive pointer events, even where it is transparent. Decorative by default.",
|
|
45
|
+
"type": {
|
|
46
|
+
"text": "boolean"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"name": "hit-width",
|
|
51
|
+
"description": "Extra touch area in px on each side of an interactive band.",
|
|
52
|
+
"type": {
|
|
53
|
+
"text": "number"
|
|
54
|
+
},
|
|
55
|
+
"default": "0"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"name": "text-anchor",
|
|
59
|
+
"description": "Where curved text sits on the arc. With range=\"auto\", an explicit value anchors the arc at its angle: middle centers it, end ends it there.",
|
|
60
|
+
"type": {
|
|
61
|
+
"text": "'start' | 'middle' | 'end'"
|
|
62
|
+
},
|
|
63
|
+
"default": "middle"
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "flip",
|
|
67
|
+
"description": "Reverse the direction of curved text.",
|
|
68
|
+
"type": {
|
|
69
|
+
"text": "boolean"
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"name": "fit-range",
|
|
74
|
+
"description": "Squeeze curved text to the length of the arc.",
|
|
75
|
+
"type": {
|
|
76
|
+
"text": "boolean"
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"name": "range",
|
|
81
|
+
"description": "Size the arc to its text. Consecutive range=\"auto\" arcs follow each other.",
|
|
82
|
+
"type": {
|
|
83
|
+
"text": "'auto'"
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
],
|
|
87
|
+
"cssProperties": [
|
|
88
|
+
{
|
|
89
|
+
"name": "--o-fill",
|
|
90
|
+
"description": "Band color."
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"name": "--o-stroke",
|
|
94
|
+
"description": "Outline color."
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
"name": "--o-stroke-width",
|
|
98
|
+
"description": "Outline width, unitless."
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"name": "--o-color",
|
|
102
|
+
"description": "Text color."
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "--o-gap",
|
|
106
|
+
"description": "Space between sibling arcs. Default 1; cascades from the ring or system."
|
|
107
|
+
}
|
|
108
|
+
],
|
|
109
|
+
"events": [
|
|
110
|
+
{
|
|
111
|
+
"name": "o-rendered",
|
|
112
|
+
"description": "Fired after the element redraws. Bubbles and crosses shadow roots."
|
|
113
|
+
}
|
|
114
|
+
]
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"kind": "class",
|
|
118
|
+
"name": "OrbitProgress",
|
|
119
|
+
"tagName": "o-progress",
|
|
120
|
+
"customElement": true,
|
|
121
|
+
"description": "A progress band over a background track that spans its ring's range. Place it directly in a ring.",
|
|
122
|
+
"superclass": {
|
|
123
|
+
"name": "HTMLElement"
|
|
124
|
+
},
|
|
125
|
+
"attributes": [
|
|
126
|
+
{
|
|
127
|
+
"name": "value",
|
|
128
|
+
"description": "Value relative to max.",
|
|
129
|
+
"type": {
|
|
130
|
+
"text": "number"
|
|
131
|
+
}
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"name": "max",
|
|
135
|
+
"description": "Value that fills the ring's range. Must be positive.",
|
|
136
|
+
"type": {
|
|
137
|
+
"text": "number"
|
|
138
|
+
},
|
|
139
|
+
"default": "100"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"name": "shape",
|
|
143
|
+
"description": "Ending of the band.",
|
|
144
|
+
"type": {
|
|
145
|
+
"text": "'none' | 'rounded' | 'circle' | 'circle-a' | 'circle-b' | 'bullet' | 'arrow' | 'slash' | 'backslash' | 'zigzag'"
|
|
146
|
+
},
|
|
147
|
+
"default": "none"
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
"name": "interactive",
|
|
151
|
+
"description": "Let the band receive pointer events, even where it is transparent. Decorative by default.",
|
|
152
|
+
"type": {
|
|
153
|
+
"text": "boolean"
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
{
|
|
157
|
+
"name": "hit-width",
|
|
158
|
+
"description": "Extra touch area in px on each side of an interactive band.",
|
|
159
|
+
"type": {
|
|
160
|
+
"text": "number"
|
|
161
|
+
},
|
|
162
|
+
"default": "0"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"name": "variant",
|
|
166
|
+
"description": "Draw open lines colored by --o-stroke and --o-back-stroke instead of filled bands.",
|
|
167
|
+
"type": {
|
|
168
|
+
"text": "'stroke'"
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
],
|
|
172
|
+
"cssProperties": [
|
|
173
|
+
{
|
|
174
|
+
"name": "--o-fill",
|
|
175
|
+
"description": "Band color."
|
|
176
|
+
},
|
|
177
|
+
{
|
|
178
|
+
"name": "--o-stroke",
|
|
179
|
+
"description": "Outline color."
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"name": "--o-stroke-width",
|
|
183
|
+
"description": "Outline width, unitless."
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"name": "--o-back-fill",
|
|
187
|
+
"description": "Track color."
|
|
188
|
+
},
|
|
189
|
+
{
|
|
190
|
+
"name": "--o-back-stroke",
|
|
191
|
+
"description": "Track outline color."
|
|
192
|
+
},
|
|
193
|
+
{
|
|
194
|
+
"name": "--o-back-stroke-width",
|
|
195
|
+
"description": "Track outline width, unitless."
|
|
196
|
+
},
|
|
197
|
+
{
|
|
198
|
+
"name": "--o-progress",
|
|
199
|
+
"description": "Progress value; overrides the value attribute."
|
|
200
|
+
}
|
|
201
|
+
],
|
|
202
|
+
"events": [
|
|
203
|
+
{
|
|
204
|
+
"name": "o-rendered",
|
|
205
|
+
"description": "Fired after the element redraws. Bubbles and crosses shadow roots."
|
|
206
|
+
}
|
|
207
|
+
]
|
|
208
|
+
}
|
|
209
|
+
],
|
|
210
|
+
"exports": [
|
|
211
|
+
{
|
|
212
|
+
"kind": "js",
|
|
213
|
+
"name": "OrbitArc",
|
|
214
|
+
"declaration": {
|
|
215
|
+
"name": "OrbitArc",
|
|
216
|
+
"module": "dist/orbit.mjs"
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
{
|
|
220
|
+
"kind": "custom-element-definition",
|
|
221
|
+
"name": "o-arc",
|
|
222
|
+
"declaration": {
|
|
223
|
+
"name": "OrbitArc",
|
|
224
|
+
"module": "dist/orbit.mjs"
|
|
225
|
+
}
|
|
226
|
+
},
|
|
227
|
+
{
|
|
228
|
+
"kind": "js",
|
|
229
|
+
"name": "OrbitProgress",
|
|
230
|
+
"declaration": {
|
|
231
|
+
"name": "OrbitProgress",
|
|
232
|
+
"module": "dist/orbit.mjs"
|
|
233
|
+
}
|
|
234
|
+
},
|
|
235
|
+
{
|
|
236
|
+
"kind": "custom-element-definition",
|
|
237
|
+
"name": "o-progress",
|
|
238
|
+
"declaration": {
|
|
239
|
+
"name": "OrbitProgress",
|
|
240
|
+
"module": "dist/orbit.mjs"
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
]
|
|
244
|
+
}
|
|
245
|
+
],
|
|
246
|
+
"package": {
|
|
247
|
+
"name": "@zumer/orbit",
|
|
248
|
+
"version": "2.0.1"
|
|
249
|
+
}
|
|
250
|
+
}
|