@zywave/zui-slider 4.0.8-pre.0 → 4.0.8-pre.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/dist/custom-elements.json +54 -18
- package/dist/zui-slider-css.js +1 -1
- package/dist/zui-slider-css.js.map +1 -1
- package/package.json +3 -12
- package/src/zui-slider-css.js +1 -1
|
@@ -29,17 +29,20 @@
|
|
|
29
29
|
{
|
|
30
30
|
"kind": "field",
|
|
31
31
|
"name": "#defaultValue",
|
|
32
|
-
"privacy": "private"
|
|
32
|
+
"privacy": "private",
|
|
33
|
+
"default": "`${DEFAULT_MAX / 2}`"
|
|
33
34
|
},
|
|
34
35
|
{
|
|
35
36
|
"kind": "field",
|
|
36
37
|
"name": "#value",
|
|
37
|
-
"privacy": "private"
|
|
38
|
+
"privacy": "private",
|
|
39
|
+
"default": "`${DEFAULT_MAX / 2}`"
|
|
38
40
|
},
|
|
39
41
|
{
|
|
40
42
|
"kind": "field",
|
|
41
43
|
"name": "value",
|
|
42
|
-
"description": "Represents the value of the input. Can be set to a default value, and will reflect the value provided by the user when interactive with the control"
|
|
44
|
+
"description": "Represents the value of the input. Can be set to a default value, and will reflect the value provided by the user when interactive with the control",
|
|
45
|
+
"attribute": "value"
|
|
43
46
|
},
|
|
44
47
|
{
|
|
45
48
|
"kind": "field",
|
|
@@ -49,24 +52,42 @@
|
|
|
49
52
|
{
|
|
50
53
|
"kind": "field",
|
|
51
54
|
"name": "min",
|
|
55
|
+
"type": {
|
|
56
|
+
"text": "number"
|
|
57
|
+
},
|
|
58
|
+
"default": "0",
|
|
52
59
|
"description": "Represents the minimum permitted value",
|
|
53
|
-
"
|
|
60
|
+
"attribute": "min"
|
|
54
61
|
},
|
|
55
62
|
{
|
|
56
63
|
"kind": "field",
|
|
57
64
|
"name": "max",
|
|
58
|
-
"
|
|
65
|
+
"default": "100",
|
|
66
|
+
"description": "Represents the maximum permitted value",
|
|
67
|
+
"attribute": "max",
|
|
68
|
+
"type": {
|
|
69
|
+
"text": "number"
|
|
70
|
+
}
|
|
59
71
|
},
|
|
60
72
|
{
|
|
61
73
|
"kind": "field",
|
|
62
74
|
"name": "step",
|
|
75
|
+
"type": {
|
|
76
|
+
"text": "number"
|
|
77
|
+
},
|
|
78
|
+
"default": "0",
|
|
63
79
|
"description": "Represents the stepping interval, used both for user interface and validation purposes",
|
|
64
|
-
"
|
|
80
|
+
"attribute": "step"
|
|
65
81
|
},
|
|
66
82
|
{
|
|
67
83
|
"kind": "field",
|
|
68
84
|
"name": "noText",
|
|
69
|
-
"
|
|
85
|
+
"type": {
|
|
86
|
+
"text": "boolean"
|
|
87
|
+
},
|
|
88
|
+
"default": "false",
|
|
89
|
+
"description": "Represents that this control must be filled in for form submission",
|
|
90
|
+
"attribute": "no-text"
|
|
70
91
|
},
|
|
71
92
|
{
|
|
72
93
|
"kind": "field",
|
|
@@ -126,7 +147,7 @@
|
|
|
126
147
|
"type": {
|
|
127
148
|
"text": "string"
|
|
128
149
|
},
|
|
129
|
-
"description": "
|
|
150
|
+
"description": "The name of this element that is associated with form submission",
|
|
130
151
|
"name": "name",
|
|
131
152
|
"kind": "field"
|
|
132
153
|
},
|
|
@@ -134,7 +155,7 @@
|
|
|
134
155
|
"type": {
|
|
135
156
|
"text": "boolean"
|
|
136
157
|
},
|
|
137
|
-
"description": "
|
|
158
|
+
"description": "Represents whether a user can make changes to this element; if true, the value of this element will be excluded from the form submission",
|
|
138
159
|
"name": "disabled",
|
|
139
160
|
"kind": "field"
|
|
140
161
|
},
|
|
@@ -142,7 +163,7 @@
|
|
|
142
163
|
"type": {
|
|
143
164
|
"text": "boolean"
|
|
144
165
|
},
|
|
145
|
-
"description": "
|
|
166
|
+
"description": "Represents whether a user can make changes to this element; the value of this element will still be included in the form submission",
|
|
146
167
|
"name": "readOnly",
|
|
147
168
|
"kind": "field"
|
|
148
169
|
},
|
|
@@ -150,7 +171,7 @@
|
|
|
150
171
|
"type": {
|
|
151
172
|
"text": "boolean"
|
|
152
173
|
},
|
|
153
|
-
"description": "
|
|
174
|
+
"description": "If true, this element will be focused when connected to the document",
|
|
154
175
|
"name": "autofocus",
|
|
155
176
|
"kind": "field"
|
|
156
177
|
}
|
|
@@ -168,28 +189,28 @@
|
|
|
168
189
|
"type": {
|
|
169
190
|
"text": "string"
|
|
170
191
|
},
|
|
171
|
-
"description": "
|
|
192
|
+
"description": "The name of this element that is associated with form submission",
|
|
172
193
|
"name": "name"
|
|
173
194
|
},
|
|
174
195
|
{
|
|
175
196
|
"type": {
|
|
176
197
|
"text": "boolean"
|
|
177
198
|
},
|
|
178
|
-
"description": "
|
|
199
|
+
"description": "Represents whether a user can make changes to this element; if true, the value of this element will be excluded from the form submission",
|
|
179
200
|
"name": "disabled"
|
|
180
201
|
},
|
|
181
202
|
{
|
|
182
203
|
"type": {
|
|
183
204
|
"text": "boolean"
|
|
184
205
|
},
|
|
185
|
-
"description": "
|
|
206
|
+
"description": "Represents whether a user can make changes to this element; the value of this element will still be included in the form submission",
|
|
186
207
|
"name": "readonly"
|
|
187
208
|
},
|
|
188
209
|
{
|
|
189
210
|
"type": {
|
|
190
211
|
"text": "boolean"
|
|
191
212
|
},
|
|
192
|
-
"description": "
|
|
213
|
+
"description": "If true, this element will be focused when connected to the document",
|
|
193
214
|
"name": "autofocus"
|
|
194
215
|
},
|
|
195
216
|
{
|
|
@@ -199,29 +220,44 @@
|
|
|
199
220
|
},
|
|
200
221
|
{
|
|
201
222
|
"name": "min",
|
|
202
|
-
"
|
|
223
|
+
"type": {
|
|
224
|
+
"text": "number"
|
|
225
|
+
},
|
|
203
226
|
"default": "0",
|
|
227
|
+
"description": "Represents the minimum permitted value",
|
|
204
228
|
"fieldName": "min"
|
|
205
229
|
},
|
|
206
230
|
{
|
|
207
231
|
"name": "max",
|
|
232
|
+
"default": "DEFAULT_MAX",
|
|
208
233
|
"description": "Represents the maximum permitted value",
|
|
234
|
+
"resolveInitializer": {
|
|
235
|
+
"module": "src/zui-slider.ts"
|
|
236
|
+
},
|
|
209
237
|
"fieldName": "max"
|
|
210
238
|
},
|
|
211
239
|
{
|
|
212
240
|
"name": "step",
|
|
213
|
-
"
|
|
241
|
+
"type": {
|
|
242
|
+
"text": "number"
|
|
243
|
+
},
|
|
214
244
|
"default": "0",
|
|
245
|
+
"description": "Represents the stepping interval, used both for user interface and validation purposes",
|
|
215
246
|
"fieldName": "step"
|
|
216
247
|
},
|
|
217
248
|
{
|
|
218
249
|
"name": "no-text",
|
|
250
|
+
"type": {
|
|
251
|
+
"text": "boolean"
|
|
252
|
+
},
|
|
253
|
+
"default": "false",
|
|
219
254
|
"description": "Represents that this control must be filled in for form submission",
|
|
220
255
|
"fieldName": "noText"
|
|
221
256
|
}
|
|
222
257
|
],
|
|
223
258
|
"superclass": {
|
|
224
|
-
"name": "ZuiFormAssociatedElement"
|
|
259
|
+
"name": "ZuiFormAssociatedElement",
|
|
260
|
+
"package": "@zywave/zui-base"
|
|
225
261
|
},
|
|
226
262
|
"tagName": "zui-slider",
|
|
227
263
|
"customElement": true
|
package/dist/zui-slider-css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const style = css `:host{--zui-slider-thumb-size: 1.875rem;display:block;padding:calc(var(--zui-slider-thumb-size)
|
|
2
|
+
export const style = css `:host{--zui-slider-thumb-size: 1.875rem;display:block;padding:calc(var(--zui-slider-thumb-size)/2) 0}:host input{width:100%;height:.25rem;vertical-align:middle;background:var(--zui-gray-200);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}:host input:disabled{cursor:not-allowed}:host input::-webkit-slider-thumb{width:var(--zui-slider-thumb-size);height:var(--zui-slider-thumb-size);background-color:var(--zui-blue);border-radius:50%;-webkit-appearance:none}:host input:disabled::-webkit-slider-thumb{background-color:var(--zui-gray)}:host input::-moz-range-thumb{width:var(--zui-slider-thumb-size);height:var(--zui-slider-thumb-size);background-color:var(--zui-blue);border:0;border-radius:50%;-moz-appearance:none}:host input:disabled::-moz-range-thumb{background-color:var(--zui-gray)}:host span{position:absolute;top:.0625rem;display:flex;width:var(--zui-slider-thumb-size);height:100%;justify-content:center;align-items:center;font-weight:600;color:#fff;pointer-events:none}`;
|
|
3
3
|
//# sourceMappingURL=zui-slider-css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zui-slider-css.js","sourceRoot":"","sources":["../src/zui-slider-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"zui-slider-css.js","sourceRoot":"","sources":["../src/zui-slider-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,igCAAigC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{--zui-slider-thumb-size: 1.875rem;display:block;padding:calc(var(--zui-slider-thumb-size)/2) 0}:host input{width:100%;height:.25rem;vertical-align:middle;background:var(--zui-gray-200);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}:host input:disabled{cursor:not-allowed}:host input::-webkit-slider-thumb{width:var(--zui-slider-thumb-size);height:var(--zui-slider-thumb-size);background-color:var(--zui-blue);border-radius:50%;-webkit-appearance:none}:host input:disabled::-webkit-slider-thumb{background-color:var(--zui-gray)}:host input::-moz-range-thumb{width:var(--zui-slider-thumb-size);height:var(--zui-slider-thumb-size);background-color:var(--zui-blue);border:0;border-radius:50%;-moz-appearance:none}:host input:disabled::-moz-range-thumb{background-color:var(--zui-gray)}:host span{position:absolute;top:.0625rem;display:flex;width:var(--zui-slider-thumb-size);height:100%;justify-content:center;align-items:center;font-weight:600;color:#fff;pointer-events:none}`;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zywave/zui-slider",
|
|
3
|
-
"version": "4.0.8-pre.
|
|
3
|
+
"version": "4.0.8-pre.1",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"license": "UNLICENSED",
|
|
@@ -16,21 +16,12 @@
|
|
|
16
16
|
"watcher:start": "node ../../../scripts/node/watcher.mjs",
|
|
17
17
|
"analyze": "cem analyze --globs src/zui-*.ts --litelement --outdir dist"
|
|
18
18
|
},
|
|
19
|
-
"devDependencies": {
|
|
20
|
-
"autoprefixer": "^8.2.0",
|
|
21
|
-
"browser-sync": "^2.23.7",
|
|
22
|
-
"del": "^3.0.0",
|
|
23
|
-
"polyserve": "^0.27.8",
|
|
24
|
-
"postcss": "^6.0.21",
|
|
25
|
-
"rollup": "^0.58.2",
|
|
26
|
-
"rollup-plugin-babel": "^4.0.0-beta.4"
|
|
27
|
-
},
|
|
28
19
|
"publishConfig": {
|
|
29
20
|
"access": "public"
|
|
30
21
|
},
|
|
31
22
|
"dependencies": {
|
|
32
|
-
"@zywave/zui-base": "^4.1.19-pre.
|
|
23
|
+
"@zywave/zui-base": "^4.1.19-pre.1"
|
|
33
24
|
},
|
|
34
25
|
"customElements": "dist/custom-elements.json",
|
|
35
|
-
"gitHead": "
|
|
26
|
+
"gitHead": "f84f16138879b6b119b1198f302646b6e0cc31e2"
|
|
36
27
|
}
|
package/src/zui-slider-css.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
2
|
|
|
3
|
-
export const style = css`:host{--zui-slider-thumb-size: 1.875rem;display:block;padding:calc(var(--zui-slider-thumb-size)
|
|
3
|
+
export const style = css`:host{--zui-slider-thumb-size: 1.875rem;display:block;padding:calc(var(--zui-slider-thumb-size)/2) 0}:host input{width:100%;height:.25rem;vertical-align:middle;background:var(--zui-gray-200);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}:host input:disabled{cursor:not-allowed}:host input::-webkit-slider-thumb{width:var(--zui-slider-thumb-size);height:var(--zui-slider-thumb-size);background-color:var(--zui-blue);border-radius:50%;-webkit-appearance:none}:host input:disabled::-webkit-slider-thumb{background-color:var(--zui-gray)}:host input::-moz-range-thumb{width:var(--zui-slider-thumb-size);height:var(--zui-slider-thumb-size);background-color:var(--zui-blue);border:0;border-radius:50%;-moz-appearance:none}:host input:disabled::-moz-range-thumb{background-color:var(--zui-gray)}:host span{position:absolute;top:.0625rem;display:flex;width:var(--zui-slider-thumb-size);height:100%;justify-content:center;align-items:center;font-weight:600;color:#fff;pointer-events:none}`;
|