@m3e/progress-indicator 1.1.2 → 1.1.3
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 +18 -12
- package/dist/css-custom-data.json +41 -1
- package/dist/custom-elements.json +521 -42
- package/dist/html-custom-data.json +12 -12
- package/dist/index.js +876 -134
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +75 -20
- package/dist/index.min.js.map +1 -1
- package/dist/src/CircularProgressIndicatorElement.d.ts +15 -24
- package/dist/src/CircularProgressIndicatorElement.d.ts.map +1 -1
- package/dist/src/LinearProgressIndicatorElement.d.ts +11 -11
- package/dist/src/LinearProgressIndicatorElement.d.ts.map +1 -1
- package/dist/src/ProgressElementIndicatorBase.d.ts +6 -0
- package/dist/src/ProgressElementIndicatorBase.d.ts.map +1 -1
- package/dist/src/ProgressIndicatorVariant.d.ts +3 -0
- package/dist/src/ProgressIndicatorVariant.d.ts.map +1 -0
- package/package.json +2 -2
- package/NOTICE.md +0 -8
package/README.md
CHANGED
|
@@ -88,12 +88,15 @@ This section details the attributes and CSS custom properties available for the
|
|
|
88
88
|
|
|
89
89
|
#### 🎛️ CSS Custom Properties
|
|
90
90
|
|
|
91
|
-
| Property
|
|
92
|
-
|
|
|
93
|
-
| `--m3e-linear-progress-indicator-thickness`
|
|
94
|
-
| `--m3e-linear-progress-indicator-shape`
|
|
95
|
-
| `--m3e-progress-indicator-track-color`
|
|
96
|
-
| `--m3e-progress-indicator-color`
|
|
91
|
+
| Property | Description |
|
|
92
|
+
| --------------------------------------------------------------- | ----------------------------------------------------- |
|
|
93
|
+
| `--m3e-linear-progress-indicator-thickness` | Thickness (height) of the progress bar. |
|
|
94
|
+
| `--m3e-linear-progress-indicator-shape` | Border radius of the progress bar. |
|
|
95
|
+
| `--m3e-progress-indicator-track-color` | Track color of the progress bar (background/buffer). |
|
|
96
|
+
| `--m3e-progress-indicator-color` | Color of the progress indicator (foreground). |
|
|
97
|
+
| `--m3e-linear-wavy-progress-indicator-amplitude` | Amplitude of the `wavy` variant. |
|
|
98
|
+
| `--m3e-linear-wavy-progress-indicator-wavelength` | Wavelength of the `wavy` variant. |
|
|
99
|
+
| `--m3e-linear-wavy-indeterminate-progress-indicator-wavelength` | Wavelength of the indeterminate/query `wavy` variant. |
|
|
97
100
|
|
|
98
101
|
### 🗂️ m3e-circular-progress-indicator
|
|
99
102
|
|
|
@@ -103,10 +106,8 @@ This section details the attributes, slots, and CSS custom properties available
|
|
|
103
106
|
|
|
104
107
|
| Attribute | Type | Default | Description |
|
|
105
108
|
| ------------- | --------- | ------- | ------------------------------------------------------------------ |
|
|
106
|
-
| diameter | `number` | `40` | The diameter, in pixels, of the progress spinner. |
|
|
107
109
|
| indeterminate | `boolean` | `false` | Whether to show something is happening without conveying progress. |
|
|
108
110
|
| max | `number` | `100` | The maximum progress value. |
|
|
109
|
-
| stroke-width | `number` | `10` | The stroke width, in pixels, of the progress spinner. |
|
|
110
111
|
| value | `number` | `0` | A fractional value, between 0 and `max`, indicating progress. |
|
|
111
112
|
|
|
112
113
|
#### 🧩 Slots
|
|
@@ -117,10 +118,15 @@ This section details the attributes, slots, and CSS custom properties available
|
|
|
117
118
|
|
|
118
119
|
#### 🎛️ CSS Custom Properties
|
|
119
120
|
|
|
120
|
-
| Property
|
|
121
|
-
|
|
|
122
|
-
| `--m3e-progress-indicator-
|
|
123
|
-
| `--m3e-progress-indicator-
|
|
121
|
+
| Property | Description |
|
|
122
|
+
| --------------------------------------------------- | --------------------------------------------------- |
|
|
123
|
+
| `--m3e-circular-flat-progress-indicator-diameter` | Diameter of the `flat` variant. |
|
|
124
|
+
| `--m3e-circular-wavy-progress-indicator-diameter` | Diameter of the `wavy` variant. |
|
|
125
|
+
| `--m3e-circular-wavy-progress-indicator-amplitude` | Amplitude of the `wavy` variant. |
|
|
126
|
+
| `--m3e-circular-wavy-progress-indicator-wavelength` | Wavelength of the `wavy` variant. |
|
|
127
|
+
| `--m3e-circular-progress-indicator-thickness` | Thickness of the progress indicator. |
|
|
128
|
+
| `--m3e-progress-indicator-track-color` | Track color of the progress indicator (background). |
|
|
129
|
+
| `--m3e-progress-indicator-color` | Color of the progress indicator (foreground). |
|
|
124
130
|
|
|
125
131
|
## 🤝 Contributing
|
|
126
132
|
|
|
@@ -2,9 +2,34 @@
|
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/microsoft/vscode-css-languageservice/main/docs/customData.schema.json",
|
|
3
3
|
"version": 1.1,
|
|
4
4
|
"properties": [
|
|
5
|
+
{
|
|
6
|
+
"name": "--m3e-circular-flat-progress-indicator-diameter",
|
|
7
|
+
"description": "Diameter of the `flat` variant.",
|
|
8
|
+
"values": []
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"name": "--m3e-circular-wavy-progress-indicator-diameter",
|
|
12
|
+
"description": "Diameter of the `wavy` variant.",
|
|
13
|
+
"values": []
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"name": "--m3e-circular-wavy-progress-indicator-amplitude",
|
|
17
|
+
"description": "Amplitude of the `wavy` variant.",
|
|
18
|
+
"values": []
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"name": "--m3e-circular-wavy-progress-indicator-wavelength",
|
|
22
|
+
"description": "Wavelength of the `wavy` variant.",
|
|
23
|
+
"values": []
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"name": "--m3e-circular-progress-indicator-thickness",
|
|
27
|
+
"description": "Thickness of the progress indicator.",
|
|
28
|
+
"values": []
|
|
29
|
+
},
|
|
5
30
|
{
|
|
6
31
|
"name": "--m3e-progress-indicator-track-color",
|
|
7
|
-
"description": "Track color of the progress
|
|
32
|
+
"description": "Track color of the progress indicator (background).",
|
|
8
33
|
"values": []
|
|
9
34
|
},
|
|
10
35
|
{
|
|
@@ -31,6 +56,21 @@
|
|
|
31
56
|
"name": "--m3e-progress-indicator-color",
|
|
32
57
|
"description": "Color of the progress indicator (foreground).",
|
|
33
58
|
"values": []
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
"name": "--m3e-linear-wavy-progress-indicator-amplitude",
|
|
62
|
+
"description": "Amplitude of the `wavy` variant.",
|
|
63
|
+
"values": []
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
"name": "--m3e-linear-wavy-progress-indicator-wavelength",
|
|
67
|
+
"description": "Wavelength of the `wavy` variant.",
|
|
68
|
+
"values": []
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
"name": "--m3e-linear-wavy-indeterminate-progress-indicator-wavelength",
|
|
72
|
+
"description": "Wavelength of the indeterminate/query `wavy` variant.",
|
|
73
|
+
"values": []
|
|
34
74
|
}
|
|
35
75
|
],
|
|
36
76
|
"pseudoElements": []
|