@vaadin/progress-bar 24.2.0-dev.f254716fe → 24.2.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/package.json +7 -7
- package/src/vaadin-progress-bar.js +3 -1
- package/web-types.json +110 -0
- package/web-types.lit.json +55 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/progress-bar",
|
|
3
|
-
"version": "24.2.0
|
|
3
|
+
"version": "24.2.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -40,19 +40,19 @@
|
|
|
40
40
|
"dependencies": {
|
|
41
41
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
42
42
|
"@polymer/polymer": "^3.0.0",
|
|
43
|
-
"@vaadin/component-base": "24.2.0
|
|
44
|
-
"@vaadin/vaadin-lumo-styles": "24.2.0
|
|
45
|
-
"@vaadin/vaadin-material-styles": "24.2.0
|
|
46
|
-
"@vaadin/vaadin-themable-mixin": "24.2.0
|
|
43
|
+
"@vaadin/component-base": "~24.2.0",
|
|
44
|
+
"@vaadin/vaadin-lumo-styles": "~24.2.0",
|
|
45
|
+
"@vaadin/vaadin-material-styles": "~24.2.0",
|
|
46
|
+
"@vaadin/vaadin-themable-mixin": "~24.2.0",
|
|
47
47
|
"lit": "^2.0.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@esm-bundle/chai": "^4.3.4",
|
|
51
|
-
"@vaadin/testing-helpers": "^0.
|
|
51
|
+
"@vaadin/testing-helpers": "^0.5.0"
|
|
52
52
|
},
|
|
53
53
|
"web-types": [
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "8b9e860d53fc0132d05d3e8701eeded2dca74eba"
|
|
58
58
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
5
5
|
*/
|
|
6
6
|
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
|
|
7
|
+
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
|
|
7
8
|
import { ElementMixin } from '@vaadin/component-base/src/element-mixin.js';
|
|
8
9
|
import { registerStyles, ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
|
|
9
10
|
import { progressBarStyles } from './vaadin-progress-bar-styles.js';
|
|
@@ -42,6 +43,7 @@ registerStyles('vaadin-progress-bar', progressBarStyles, { moduleId: 'vaadin-pro
|
|
|
42
43
|
* ----------------|-------------|------------
|
|
43
44
|
* `indeterminate` | Set to an indeterminate progress bar | :host
|
|
44
45
|
*
|
|
46
|
+
* @customElement
|
|
45
47
|
* @extends HTMLElement
|
|
46
48
|
* @mixes ProgressMixin
|
|
47
49
|
* @mixes ThemableMixin
|
|
@@ -61,6 +63,6 @@ class ProgressBar extends ElementMixin(ThemableMixin(ProgressMixin(PolymerElemen
|
|
|
61
63
|
}
|
|
62
64
|
}
|
|
63
65
|
|
|
64
|
-
|
|
66
|
+
defineCustomElement(ProgressBar);
|
|
65
67
|
|
|
66
68
|
export { ProgressBar };
|
package/web-types.json
ADDED
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://json.schemastore.org/web-types",
|
|
3
|
+
"name": "@vaadin/progress-bar",
|
|
4
|
+
"version": "24.2.0",
|
|
5
|
+
"description-markup": "markdown",
|
|
6
|
+
"contributions": {
|
|
7
|
+
"html": {
|
|
8
|
+
"elements": [
|
|
9
|
+
{
|
|
10
|
+
"name": "vaadin-progress-bar",
|
|
11
|
+
"description": "`<vaadin-progress-bar>` is a Web Component for progress bars.\n\n```html\n<vaadin-progress-bar min=\"0\" max=\"1\" value=\"0.5\">\n</vaadin-progress-bar>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`bar` | Progress-bar's background\n`value` | Progress-bar's foreground\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nThe following custom properties are available:\n\nCustom property | Description | Default\n----------------|-------------|-------------\n`--vaadin-progress-value` | current progress value (between 0 and 1) | 0\n\nThe following state attributes are available for styling:\n\nAttribute | Description | Part name\n----------------|-------------|------------\n`indeterminate` | Set to an indeterminate progress bar | :host",
|
|
12
|
+
"attributes": [
|
|
13
|
+
{
|
|
14
|
+
"name": "value",
|
|
15
|
+
"description": "Current progress value.",
|
|
16
|
+
"value": {
|
|
17
|
+
"type": [
|
|
18
|
+
"number",
|
|
19
|
+
"null",
|
|
20
|
+
"undefined"
|
|
21
|
+
]
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "min",
|
|
26
|
+
"description": "Minimum bound of the progress bar.",
|
|
27
|
+
"value": {
|
|
28
|
+
"type": [
|
|
29
|
+
"number"
|
|
30
|
+
]
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"name": "max",
|
|
35
|
+
"description": "Maximum bound of the progress bar.",
|
|
36
|
+
"value": {
|
|
37
|
+
"type": [
|
|
38
|
+
"number"
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "indeterminate",
|
|
44
|
+
"description": "Indeterminate state of the progress bar.\nThis property takes precedence over other state properties (min, max, value).",
|
|
45
|
+
"value": {
|
|
46
|
+
"type": [
|
|
47
|
+
"boolean"
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"name": "theme",
|
|
53
|
+
"description": "The theme variants to apply to the component.",
|
|
54
|
+
"value": {
|
|
55
|
+
"type": [
|
|
56
|
+
"string",
|
|
57
|
+
"null",
|
|
58
|
+
"undefined"
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
],
|
|
63
|
+
"js": {
|
|
64
|
+
"properties": [
|
|
65
|
+
{
|
|
66
|
+
"name": "value",
|
|
67
|
+
"description": "Current progress value.",
|
|
68
|
+
"value": {
|
|
69
|
+
"type": [
|
|
70
|
+
"number",
|
|
71
|
+
"null",
|
|
72
|
+
"undefined"
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
"name": "min",
|
|
78
|
+
"description": "Minimum bound of the progress bar.",
|
|
79
|
+
"value": {
|
|
80
|
+
"type": [
|
|
81
|
+
"number"
|
|
82
|
+
]
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"name": "max",
|
|
87
|
+
"description": "Maximum bound of the progress bar.",
|
|
88
|
+
"value": {
|
|
89
|
+
"type": [
|
|
90
|
+
"number"
|
|
91
|
+
]
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
"name": "indeterminate",
|
|
96
|
+
"description": "Indeterminate state of the progress bar.\nThis property takes precedence over other state properties (min, max, value).",
|
|
97
|
+
"value": {
|
|
98
|
+
"type": [
|
|
99
|
+
"boolean"
|
|
100
|
+
]
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
],
|
|
104
|
+
"events": []
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://json.schemastore.org/web-types",
|
|
3
|
+
"name": "@vaadin/progress-bar",
|
|
4
|
+
"version": "24.2.0",
|
|
5
|
+
"description-markup": "markdown",
|
|
6
|
+
"framework": "lit",
|
|
7
|
+
"framework-config": {
|
|
8
|
+
"enable-when": {
|
|
9
|
+
"node-packages": [
|
|
10
|
+
"lit"
|
|
11
|
+
]
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"contributions": {
|
|
15
|
+
"html": {
|
|
16
|
+
"elements": [
|
|
17
|
+
{
|
|
18
|
+
"name": "vaadin-progress-bar",
|
|
19
|
+
"description": "`<vaadin-progress-bar>` is a Web Component for progress bars.\n\n```html\n<vaadin-progress-bar min=\"0\" max=\"1\" value=\"0.5\">\n</vaadin-progress-bar>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------------|----------------\n`bar` | Progress-bar's background\n`value` | Progress-bar's foreground\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.\n\nThe following custom properties are available:\n\nCustom property | Description | Default\n----------------|-------------|-------------\n`--vaadin-progress-value` | current progress value (between 0 and 1) | 0\n\nThe following state attributes are available for styling:\n\nAttribute | Description | Part name\n----------------|-------------|------------\n`indeterminate` | Set to an indeterminate progress bar | :host",
|
|
20
|
+
"extension": true,
|
|
21
|
+
"attributes": [
|
|
22
|
+
{
|
|
23
|
+
"name": "?indeterminate",
|
|
24
|
+
"description": "Indeterminate state of the progress bar.\nThis property takes precedence over other state properties (min, max, value).",
|
|
25
|
+
"value": {
|
|
26
|
+
"kind": "expression"
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"name": ".value",
|
|
31
|
+
"description": "Current progress value.",
|
|
32
|
+
"value": {
|
|
33
|
+
"kind": "expression"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": ".min",
|
|
38
|
+
"description": "Minimum bound of the progress bar.",
|
|
39
|
+
"value": {
|
|
40
|
+
"kind": "expression"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": ".max",
|
|
45
|
+
"description": "Maximum bound of the progress bar.",
|
|
46
|
+
"value": {
|
|
47
|
+
"kind": "expression"
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
]
|
|
51
|
+
}
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|