@m3e/progress-indicator 1.0.0-rc.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/LICENSE +22 -0
- package/NOTICE.md +8 -0
- package/README.md +132 -0
- package/cem.config.mjs +16 -0
- package/demo/index.html +53 -0
- package/dist/css-custom-data.json +37 -0
- package/dist/custom-elements.json +494 -0
- package/dist/html-custom-data.json +65 -0
- package/dist/index.js +683 -0
- package/dist/index.js.map +1 -0
- package/dist/index.min.js +411 -0
- package/dist/index.min.js.map +1 -0
- package/dist/src/CircularProgressIndicatorElement.d.ts +74 -0
- package/dist/src/CircularProgressIndicatorElement.d.ts.map +1 -0
- package/dist/src/LinearProgressIndicatorElement.d.ts +71 -0
- package/dist/src/LinearProgressIndicatorElement.d.ts.map +1 -0
- package/dist/src/LinearProgressMode.d.ts +3 -0
- package/dist/src/LinearProgressMode.d.ts.map +1 -0
- package/dist/src/ProgressElementIndicatorBase.d.ts +23 -0
- package/dist/src/ProgressElementIndicatorBase.d.ts.map +1 -0
- package/dist/src/index.d.ts +5 -0
- package/dist/src/index.d.ts.map +1 -0
- package/eslint.config.mjs +13 -0
- package/package.json +51 -0
- package/rollup.config.js +32 -0
- package/src/CircularProgressIndicatorElement.ts +271 -0
- package/src/LinearProgressIndicatorElement.ts +294 -0
- package/src/LinearProgressMode.ts +2 -0
- package/src/ProgressElementIndicatorBase.ts +47 -0
- package/src/index.ts +4 -0
- package/tsconfig.json +9 -0
|
@@ -0,0 +1,494 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/CircularProgressIndicatorElement.ts",
|
|
8
|
+
"declarations": [
|
|
9
|
+
{
|
|
10
|
+
"kind": "class",
|
|
11
|
+
"description": "A circular indicator of progress and activity.",
|
|
12
|
+
"name": "M3eCircularProgressIndicatorElement",
|
|
13
|
+
"cssProperties": [
|
|
14
|
+
{
|
|
15
|
+
"description": "Track color of the progress bar (background/buffer).",
|
|
16
|
+
"name": "--m3e-progress-indicator-track-color"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"description": "Color of the progress indicator (foreground).",
|
|
20
|
+
"name": "--m3e-progress-indicator-color"
|
|
21
|
+
}
|
|
22
|
+
],
|
|
23
|
+
"slots": [
|
|
24
|
+
{
|
|
25
|
+
"description": "Renders the content inside the progress indicator.",
|
|
26
|
+
"name": ""
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"members": [
|
|
30
|
+
{
|
|
31
|
+
"kind": "field",
|
|
32
|
+
"name": "#diameter",
|
|
33
|
+
"privacy": "private",
|
|
34
|
+
"default": "40",
|
|
35
|
+
"type": {
|
|
36
|
+
"text": "number"
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"kind": "field",
|
|
41
|
+
"name": "#strokeWidth",
|
|
42
|
+
"privacy": "private",
|
|
43
|
+
"default": "10",
|
|
44
|
+
"type": {
|
|
45
|
+
"text": "number"
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"kind": "field",
|
|
50
|
+
"name": "indeterminate",
|
|
51
|
+
"type": {
|
|
52
|
+
"text": "boolean"
|
|
53
|
+
},
|
|
54
|
+
"default": "false",
|
|
55
|
+
"description": "Whether to show something is happening without conveying progress.",
|
|
56
|
+
"attribute": "indeterminate",
|
|
57
|
+
"reflects": true
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"kind": "field",
|
|
61
|
+
"name": "diameter",
|
|
62
|
+
"type": {
|
|
63
|
+
"text": "number"
|
|
64
|
+
},
|
|
65
|
+
"description": "The diameter, in pixels, of the progress spinner.",
|
|
66
|
+
"default": "40",
|
|
67
|
+
"attribute": "diameter"
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
"kind": "field",
|
|
71
|
+
"name": "strokeWidth",
|
|
72
|
+
"type": {
|
|
73
|
+
"text": "number"
|
|
74
|
+
},
|
|
75
|
+
"description": "The stroke width, in pixels, of the progress spinner.",
|
|
76
|
+
"default": "10",
|
|
77
|
+
"attribute": "stroke-width"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"kind": "field",
|
|
81
|
+
"name": "value",
|
|
82
|
+
"type": {
|
|
83
|
+
"text": "number"
|
|
84
|
+
},
|
|
85
|
+
"default": "0",
|
|
86
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
87
|
+
"attribute": "value",
|
|
88
|
+
"reflects": true,
|
|
89
|
+
"inheritedFrom": {
|
|
90
|
+
"name": "ProgressElementIndicatorBase",
|
|
91
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"kind": "field",
|
|
96
|
+
"name": "max",
|
|
97
|
+
"type": {
|
|
98
|
+
"text": "number"
|
|
99
|
+
},
|
|
100
|
+
"default": "100",
|
|
101
|
+
"description": "The maximum progress value.",
|
|
102
|
+
"attribute": "max",
|
|
103
|
+
"inheritedFrom": {
|
|
104
|
+
"name": "ProgressElementIndicatorBase",
|
|
105
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
],
|
|
109
|
+
"attributes": [
|
|
110
|
+
{
|
|
111
|
+
"description": "The diameter, in pixels, of the progress spinner.",
|
|
112
|
+
"name": "diameter",
|
|
113
|
+
"type": {
|
|
114
|
+
"text": "number"
|
|
115
|
+
},
|
|
116
|
+
"default": "40",
|
|
117
|
+
"fieldName": "diameter"
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
"description": "Whether to show something is happening without conveying progress.",
|
|
121
|
+
"name": "indeterminate",
|
|
122
|
+
"type": {
|
|
123
|
+
"text": "boolean"
|
|
124
|
+
},
|
|
125
|
+
"default": "false",
|
|
126
|
+
"fieldName": "indeterminate"
|
|
127
|
+
},
|
|
128
|
+
{
|
|
129
|
+
"name": "max",
|
|
130
|
+
"type": {
|
|
131
|
+
"text": "number"
|
|
132
|
+
},
|
|
133
|
+
"default": "100",
|
|
134
|
+
"description": "The maximum progress value.",
|
|
135
|
+
"fieldName": "max",
|
|
136
|
+
"inheritedFrom": {
|
|
137
|
+
"name": "ProgressElementIndicatorBase",
|
|
138
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
139
|
+
}
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"description": "The stroke width, in pixels, of the progress spinner.",
|
|
143
|
+
"name": "stroke-width",
|
|
144
|
+
"type": {
|
|
145
|
+
"text": "number"
|
|
146
|
+
},
|
|
147
|
+
"default": "10",
|
|
148
|
+
"fieldName": "strokeWidth"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"name": "value",
|
|
152
|
+
"type": {
|
|
153
|
+
"text": "number"
|
|
154
|
+
},
|
|
155
|
+
"default": "0",
|
|
156
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
157
|
+
"fieldName": "value",
|
|
158
|
+
"inheritedFrom": {
|
|
159
|
+
"name": "ProgressElementIndicatorBase",
|
|
160
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
],
|
|
164
|
+
"superclass": {
|
|
165
|
+
"name": "ProgressElementIndicatorBase",
|
|
166
|
+
"module": "/src/ProgressElementIndicatorBase"
|
|
167
|
+
},
|
|
168
|
+
"tagName": "m3e-circular-progress-indicator",
|
|
169
|
+
"customElement": true
|
|
170
|
+
}
|
|
171
|
+
],
|
|
172
|
+
"exports": [
|
|
173
|
+
{
|
|
174
|
+
"kind": "js",
|
|
175
|
+
"name": "M3eCircularProgressIndicatorElement",
|
|
176
|
+
"declaration": {
|
|
177
|
+
"name": "M3eCircularProgressIndicatorElement",
|
|
178
|
+
"module": "src/CircularProgressIndicatorElement.ts"
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
{
|
|
182
|
+
"kind": "custom-element-definition",
|
|
183
|
+
"name": "m3e-circular-progress-indicator",
|
|
184
|
+
"declaration": {
|
|
185
|
+
"name": "M3eCircularProgressIndicatorElement",
|
|
186
|
+
"module": "src/CircularProgressIndicatorElement.ts"
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
]
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
"kind": "javascript-module",
|
|
193
|
+
"path": "src/index.ts",
|
|
194
|
+
"declarations": [],
|
|
195
|
+
"exports": [
|
|
196
|
+
{
|
|
197
|
+
"kind": "js",
|
|
198
|
+
"name": "*",
|
|
199
|
+
"declaration": {
|
|
200
|
+
"name": "*",
|
|
201
|
+
"package": "\"./CircularProgressIndicatorElement\""
|
|
202
|
+
}
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"kind": "js",
|
|
206
|
+
"name": "*",
|
|
207
|
+
"declaration": {
|
|
208
|
+
"name": "*",
|
|
209
|
+
"package": "\"./LinearProgressIndicatorElement\""
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"kind": "js",
|
|
214
|
+
"name": "*",
|
|
215
|
+
"declaration": {
|
|
216
|
+
"name": "*",
|
|
217
|
+
"package": "\"./LinearProgressMode\""
|
|
218
|
+
}
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"kind": "js",
|
|
222
|
+
"name": "*",
|
|
223
|
+
"declaration": {
|
|
224
|
+
"name": "*",
|
|
225
|
+
"package": "\"./ProgressElementIndicatorBase\""
|
|
226
|
+
}
|
|
227
|
+
}
|
|
228
|
+
]
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
"kind": "javascript-module",
|
|
232
|
+
"path": "src/LinearProgressIndicatorElement.ts",
|
|
233
|
+
"declarations": [
|
|
234
|
+
{
|
|
235
|
+
"kind": "class",
|
|
236
|
+
"description": "",
|
|
237
|
+
"name": "M3eLinearProgressIndicatorElement",
|
|
238
|
+
"cssProperties": [
|
|
239
|
+
{
|
|
240
|
+
"description": "Thickness (height) of the progress bar.",
|
|
241
|
+
"name": "--m3e-linear-progress-indicator-thickness"
|
|
242
|
+
},
|
|
243
|
+
{
|
|
244
|
+
"description": "Border radius of the progress bar.",
|
|
245
|
+
"name": "--m3e-linear-progress-indicator-shape"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"description": "Track color of the progress bar (background/buffer).",
|
|
249
|
+
"name": "--m3e-progress-indicator-track-color"
|
|
250
|
+
},
|
|
251
|
+
{
|
|
252
|
+
"description": "Color of the progress indicator (foreground).",
|
|
253
|
+
"name": "--m3e-progress-indicator-color"
|
|
254
|
+
}
|
|
255
|
+
],
|
|
256
|
+
"members": [
|
|
257
|
+
{
|
|
258
|
+
"kind": "field",
|
|
259
|
+
"name": "__nextPatternId",
|
|
260
|
+
"type": {
|
|
261
|
+
"text": "number"
|
|
262
|
+
},
|
|
263
|
+
"privacy": "private",
|
|
264
|
+
"static": true,
|
|
265
|
+
"default": "0"
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"kind": "field",
|
|
269
|
+
"name": "#patternId",
|
|
270
|
+
"privacy": "private",
|
|
271
|
+
"default": "`m3e-progress-pattern-${M3eLinearProgressIndicatorElement.__nextPatternId++}`"
|
|
272
|
+
},
|
|
273
|
+
{
|
|
274
|
+
"kind": "field",
|
|
275
|
+
"name": "#patternFill",
|
|
276
|
+
"privacy": "private",
|
|
277
|
+
"type": {
|
|
278
|
+
"text": "string"
|
|
279
|
+
},
|
|
280
|
+
"default": "\"\""
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"kind": "field",
|
|
284
|
+
"name": "mode",
|
|
285
|
+
"type": {
|
|
286
|
+
"text": "LinearProgressMode"
|
|
287
|
+
},
|
|
288
|
+
"default": "\"determinate\"",
|
|
289
|
+
"description": "The mode of the progress bar.",
|
|
290
|
+
"attribute": "mode",
|
|
291
|
+
"reflects": true
|
|
292
|
+
},
|
|
293
|
+
{
|
|
294
|
+
"kind": "field",
|
|
295
|
+
"name": "bufferValue",
|
|
296
|
+
"type": {
|
|
297
|
+
"text": "number"
|
|
298
|
+
},
|
|
299
|
+
"default": "0",
|
|
300
|
+
"description": "A fractional value, between 0 and `max`, indicating buffer progress.",
|
|
301
|
+
"attribute": "buffer-value",
|
|
302
|
+
"reflects": true
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"kind": "field",
|
|
306
|
+
"name": "value",
|
|
307
|
+
"type": {
|
|
308
|
+
"text": "number"
|
|
309
|
+
},
|
|
310
|
+
"default": "0",
|
|
311
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
312
|
+
"attribute": "value",
|
|
313
|
+
"reflects": true,
|
|
314
|
+
"inheritedFrom": {
|
|
315
|
+
"name": "ProgressElementIndicatorBase",
|
|
316
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
"kind": "field",
|
|
321
|
+
"name": "max",
|
|
322
|
+
"type": {
|
|
323
|
+
"text": "number"
|
|
324
|
+
},
|
|
325
|
+
"default": "100",
|
|
326
|
+
"description": "The maximum progress value.",
|
|
327
|
+
"attribute": "max",
|
|
328
|
+
"inheritedFrom": {
|
|
329
|
+
"name": "ProgressElementIndicatorBase",
|
|
330
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
331
|
+
}
|
|
332
|
+
}
|
|
333
|
+
],
|
|
334
|
+
"attributes": [
|
|
335
|
+
{
|
|
336
|
+
"description": "A fractional value, between 0 and `max`, indicating buffer progress.",
|
|
337
|
+
"name": "buffer-value",
|
|
338
|
+
"type": {
|
|
339
|
+
"text": "number"
|
|
340
|
+
},
|
|
341
|
+
"default": "0",
|
|
342
|
+
"fieldName": "bufferValue"
|
|
343
|
+
},
|
|
344
|
+
{
|
|
345
|
+
"name": "max",
|
|
346
|
+
"type": {
|
|
347
|
+
"text": "number"
|
|
348
|
+
},
|
|
349
|
+
"default": "100",
|
|
350
|
+
"description": "The maximum progress value.",
|
|
351
|
+
"fieldName": "max",
|
|
352
|
+
"inheritedFrom": {
|
|
353
|
+
"name": "ProgressElementIndicatorBase",
|
|
354
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
355
|
+
}
|
|
356
|
+
},
|
|
357
|
+
{
|
|
358
|
+
"description": "The mode of the progress bar.",
|
|
359
|
+
"name": "mode",
|
|
360
|
+
"type": {
|
|
361
|
+
"text": "LinearProgressMode"
|
|
362
|
+
},
|
|
363
|
+
"default": "\"determinate\"",
|
|
364
|
+
"fieldName": "mode"
|
|
365
|
+
},
|
|
366
|
+
{
|
|
367
|
+
"name": "value",
|
|
368
|
+
"type": {
|
|
369
|
+
"text": "number"
|
|
370
|
+
},
|
|
371
|
+
"default": "0",
|
|
372
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
373
|
+
"fieldName": "value",
|
|
374
|
+
"inheritedFrom": {
|
|
375
|
+
"name": "ProgressElementIndicatorBase",
|
|
376
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
377
|
+
}
|
|
378
|
+
}
|
|
379
|
+
],
|
|
380
|
+
"superclass": {
|
|
381
|
+
"name": "ProgressElementIndicatorBase",
|
|
382
|
+
"module": "/src/ProgressElementIndicatorBase"
|
|
383
|
+
},
|
|
384
|
+
"tagName": "m3e-linear-progress-indicator",
|
|
385
|
+
"customElement": true,
|
|
386
|
+
"summary": "A horizontal bar for indicating progress and activity."
|
|
387
|
+
}
|
|
388
|
+
],
|
|
389
|
+
"exports": [
|
|
390
|
+
{
|
|
391
|
+
"kind": "js",
|
|
392
|
+
"name": "M3eLinearProgressIndicatorElement",
|
|
393
|
+
"declaration": {
|
|
394
|
+
"name": "M3eLinearProgressIndicatorElement",
|
|
395
|
+
"module": "src/LinearProgressIndicatorElement.ts"
|
|
396
|
+
}
|
|
397
|
+
},
|
|
398
|
+
{
|
|
399
|
+
"kind": "custom-element-definition",
|
|
400
|
+
"name": "m3e-linear-progress-indicator",
|
|
401
|
+
"declaration": {
|
|
402
|
+
"name": "M3eLinearProgressIndicatorElement",
|
|
403
|
+
"module": "src/LinearProgressIndicatorElement.ts"
|
|
404
|
+
}
|
|
405
|
+
}
|
|
406
|
+
]
|
|
407
|
+
},
|
|
408
|
+
{
|
|
409
|
+
"kind": "javascript-module",
|
|
410
|
+
"path": "src/LinearProgressMode.ts",
|
|
411
|
+
"declarations": [],
|
|
412
|
+
"exports": []
|
|
413
|
+
},
|
|
414
|
+
{
|
|
415
|
+
"kind": "javascript-module",
|
|
416
|
+
"path": "src/ProgressElementIndicatorBase.ts",
|
|
417
|
+
"declarations": [
|
|
418
|
+
{
|
|
419
|
+
"kind": "class",
|
|
420
|
+
"description": "A base implementation for an element used to convey progress. This class must be inherited.",
|
|
421
|
+
"name": "ProgressElementIndicatorBase",
|
|
422
|
+
"members": [
|
|
423
|
+
{
|
|
424
|
+
"kind": "field",
|
|
425
|
+
"name": "value",
|
|
426
|
+
"type": {
|
|
427
|
+
"text": "number"
|
|
428
|
+
},
|
|
429
|
+
"default": "0",
|
|
430
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
431
|
+
"attribute": "value",
|
|
432
|
+
"reflects": true
|
|
433
|
+
},
|
|
434
|
+
{
|
|
435
|
+
"kind": "field",
|
|
436
|
+
"name": "max",
|
|
437
|
+
"type": {
|
|
438
|
+
"text": "number"
|
|
439
|
+
},
|
|
440
|
+
"default": "100",
|
|
441
|
+
"description": "The maximum progress value.",
|
|
442
|
+
"attribute": "max"
|
|
443
|
+
}
|
|
444
|
+
],
|
|
445
|
+
"attributes": [
|
|
446
|
+
{
|
|
447
|
+
"name": "value",
|
|
448
|
+
"type": {
|
|
449
|
+
"text": "number"
|
|
450
|
+
},
|
|
451
|
+
"default": "0",
|
|
452
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
453
|
+
"fieldName": "value"
|
|
454
|
+
},
|
|
455
|
+
{
|
|
456
|
+
"name": "max",
|
|
457
|
+
"type": {
|
|
458
|
+
"text": "number"
|
|
459
|
+
},
|
|
460
|
+
"default": "100",
|
|
461
|
+
"description": "The maximum progress value.",
|
|
462
|
+
"fieldName": "max"
|
|
463
|
+
}
|
|
464
|
+
],
|
|
465
|
+
"mixins": [
|
|
466
|
+
{
|
|
467
|
+
"name": "AttachInternals",
|
|
468
|
+
"package": "@m3e/core"
|
|
469
|
+
},
|
|
470
|
+
{
|
|
471
|
+
"name": "Role",
|
|
472
|
+
"package": "@m3e/core"
|
|
473
|
+
}
|
|
474
|
+
],
|
|
475
|
+
"superclass": {
|
|
476
|
+
"name": "LitElement",
|
|
477
|
+
"package": "lit"
|
|
478
|
+
},
|
|
479
|
+
"customElement": true
|
|
480
|
+
}
|
|
481
|
+
],
|
|
482
|
+
"exports": [
|
|
483
|
+
{
|
|
484
|
+
"kind": "js",
|
|
485
|
+
"name": "ProgressElementIndicatorBase",
|
|
486
|
+
"declaration": {
|
|
487
|
+
"name": "ProgressElementIndicatorBase",
|
|
488
|
+
"module": "src/ProgressElementIndicatorBase.ts"
|
|
489
|
+
}
|
|
490
|
+
}
|
|
491
|
+
]
|
|
492
|
+
}
|
|
493
|
+
]
|
|
494
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
|
|
3
|
+
"version": 1.1,
|
|
4
|
+
"tags": [
|
|
5
|
+
{
|
|
6
|
+
"name": "m3e-circular-progress-indicator",
|
|
7
|
+
"description": "A circular indicator of progress and activity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content inside the progress indicator.\n\n### **CSS Properties:**\n - **--m3e-progress-indicator-track-color** - Track color of the progress bar (background/buffer). _(default: undefined)_\n- **--m3e-progress-indicator-color** - Color of the progress indicator (foreground). _(default: undefined)_",
|
|
8
|
+
"attributes": [
|
|
9
|
+
{
|
|
10
|
+
"name": "diameter",
|
|
11
|
+
"description": "The diameter, in pixels, of the progress spinner.",
|
|
12
|
+
"values": []
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
"name": "indeterminate",
|
|
16
|
+
"description": "Whether to show something is happening without conveying progress.",
|
|
17
|
+
"values": []
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"name": "max",
|
|
21
|
+
"description": "The maximum progress value.",
|
|
22
|
+
"values": []
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "stroke-width",
|
|
26
|
+
"description": "The stroke width, in pixels, of the progress spinner.",
|
|
27
|
+
"values": []
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": "value",
|
|
31
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
32
|
+
"values": []
|
|
33
|
+
}
|
|
34
|
+
],
|
|
35
|
+
"references": []
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
"name": "m3e-linear-progress-indicator",
|
|
39
|
+
"description": "A horizontal bar for indicating progress and activity.\n---\n\n\n### **CSS Properties:**\n - **--m3e-linear-progress-indicator-thickness** - Thickness (height) of the progress bar. _(default: undefined)_\n- **--m3e-linear-progress-indicator-shape** - Border radius of the progress bar. _(default: undefined)_\n- **--m3e-progress-indicator-track-color** - Track color of the progress bar (background/buffer). _(default: undefined)_\n- **--m3e-progress-indicator-color** - Color of the progress indicator (foreground). _(default: undefined)_",
|
|
40
|
+
"attributes": [
|
|
41
|
+
{
|
|
42
|
+
"name": "buffer-value",
|
|
43
|
+
"description": "A fractional value, between 0 and `max`, indicating buffer progress.",
|
|
44
|
+
"values": []
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"name": "max",
|
|
48
|
+
"description": "The maximum progress value.",
|
|
49
|
+
"values": []
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "mode",
|
|
53
|
+
"description": "The mode of the progress bar.",
|
|
54
|
+
"values": [{ "name": "LinearProgressMode" }]
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"name": "value",
|
|
58
|
+
"description": "A fractional value, between 0 and `max`, indicating progress.",
|
|
59
|
+
"values": []
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
"references": []
|
|
63
|
+
}
|
|
64
|
+
]
|
|
65
|
+
}
|