@rcarls/rc-range-slider 0.1.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/README.md +49 -0
- package/dist/custom-elements.json +1088 -0
- package/dist/demo.css +85 -0
- package/dist/demo.js +40 -0
- package/dist/rc-range-slider-CL02oFwb.js +613 -0
- package/dist/rc-range-slider-CL02oFwb.js.map +1 -0
- package/dist/rc-range-slider-define.js +6 -0
- package/dist/rc-range-slider-define.js.map +1 -0
- package/dist/rc-range-slider.js +5 -0
- package/dist/rc-range-slider.js.map +1 -0
- package/dist/types/packages/rc-range-slider/src/define.d.ts +1 -0
- package/dist/types/packages/rc-range-slider/src/index.d.ts +1 -0
- package/dist/types/packages/rc-range-slider/src/rc-range-slider.d.ts +156 -0
- package/dist/types/packages/rc-range-slider/src/rc-range-slider.test.d.ts +0 -0
- package/package.json +68 -0
|
@@ -0,0 +1,1088 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "src/define.ts",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "custom-element-definition",
|
|
12
|
+
"name": "rc-range-slider",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "RCRangeSlider",
|
|
15
|
+
"module": "/src/index.js"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"kind": "js",
|
|
20
|
+
"name": "*",
|
|
21
|
+
"declaration": {
|
|
22
|
+
"name": "*",
|
|
23
|
+
"module": "src/index.js"
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
]
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"kind": "javascript-module",
|
|
30
|
+
"path": "src/index.ts",
|
|
31
|
+
"declarations": [],
|
|
32
|
+
"exports": [
|
|
33
|
+
{
|
|
34
|
+
"kind": "js",
|
|
35
|
+
"name": "*",
|
|
36
|
+
"declaration": {
|
|
37
|
+
"name": "*",
|
|
38
|
+
"module": "src/rc-range-slider.js"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"kind": "javascript-module",
|
|
45
|
+
"path": "src/rc-range-slider.ts",
|
|
46
|
+
"declarations": [
|
|
47
|
+
{
|
|
48
|
+
"kind": "class",
|
|
49
|
+
"description": "Dual-thumb range slider implementing the WAI-ARIA APG Slider (Multi-Thumb)\npattern with custom shadow-DOM slider thumbs.\n\nConsumers provide two direct child `<input type=\"range\">` elements. Before\nupgrade, those inputs are the usable progressive-enhancement fallback. After\nupgrade, the inputs remain in light DOM as hidden form reflectors while the\nshadow thumbs become the focusable, accessible interaction surface.\n\nForm participation is handled natively by each input's `name` attribute.",
|
|
50
|
+
"name": "RCRangeSlider",
|
|
51
|
+
"cssProperties": [
|
|
52
|
+
{
|
|
53
|
+
"description": "Accent color for selected range, thumb border, focus, hover, and active states.",
|
|
54
|
+
"name": "--rc-range-slider-accent",
|
|
55
|
+
"default": "Highlight"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"description": "Gap between track and inline value display.",
|
|
59
|
+
"name": "--rc-range-slider-gap",
|
|
60
|
+
"default": "var(--rc-control-gap)"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"description": "Track hit-area block size.",
|
|
64
|
+
"name": "--rc-range-slider-control-size",
|
|
65
|
+
"default": "var(--rc-control-block-size)"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"description": "Unselected track color.",
|
|
69
|
+
"name": "--rc-range-slider-track-background",
|
|
70
|
+
"default": "color-mix(in srgb, CanvasText 25%, Canvas)"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"description": "Track border radius.",
|
|
74
|
+
"name": "--rc-range-slider-track-radius",
|
|
75
|
+
"default": "var(--rc-control-radius)"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"description": "Thumb background color.",
|
|
79
|
+
"name": "--rc-range-slider-thumb-background",
|
|
80
|
+
"default": "ButtonFace"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"description": "Thumb border color.",
|
|
84
|
+
"name": "--rc-range-slider-thumb-border",
|
|
85
|
+
"default": "var(--rc-range-slider-accent)"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"description": "Visual thumb inline/block size.",
|
|
89
|
+
"name": "--rc-range-slider-thumb-size",
|
|
90
|
+
"default": "1.125rem"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"description": "Value display text color.",
|
|
94
|
+
"name": "--rc-range-slider-value-color",
|
|
95
|
+
"default": "var(--rc-text-disabled)"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"description": "Half the thumb width; used to align float value displays and range fill.",
|
|
99
|
+
"name": "--rc-thumb-radius",
|
|
100
|
+
"default": "9px"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"description": "Block-axis offset for horizontal float value displays.",
|
|
104
|
+
"name": "--rc-range-slider-float-value-block-offset",
|
|
105
|
+
"default": "-1.4em"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"description": "Inline-axis offset for vertical float value displays.",
|
|
109
|
+
"name": "--rc-range-slider-float-value-inline-offset",
|
|
110
|
+
"default": "calc(100% + 0.5rem)"
|
|
111
|
+
}
|
|
112
|
+
],
|
|
113
|
+
"cssParts": [
|
|
114
|
+
{
|
|
115
|
+
"description": "Root layout wrapper.",
|
|
116
|
+
"name": "root"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"description": "Slider group wrapper.",
|
|
120
|
+
"name": "group"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"description": "Visual slider track.",
|
|
124
|
+
"name": "track"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"description": "Filled selected range segment.",
|
|
128
|
+
"name": "range"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
"description": "Shared custom slider thumb.",
|
|
132
|
+
"name": "thumb"
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
"description": "Low-value custom slider thumb.",
|
|
136
|
+
"name": "low-thumb"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"description": "High-value custom slider thumb.",
|
|
140
|
+
"name": "high-thumb"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"description": "Shared rendered value text.",
|
|
144
|
+
"name": "value-display"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"description": "Rendered low value text.",
|
|
148
|
+
"name": "low-value-display"
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"description": "Rendered high value text.",
|
|
152
|
+
"name": "high-value-display"
|
|
153
|
+
}
|
|
154
|
+
],
|
|
155
|
+
"slots": [
|
|
156
|
+
{
|
|
157
|
+
"description": "Consumer-provided native range inputs.",
|
|
158
|
+
"name": ""
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"description": "Optional decorative content rendered inside the track before the selected range fill.",
|
|
162
|
+
"name": "track-background"
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"description": "Optional replacement for the low value text.",
|
|
166
|
+
"name": "low-value-display"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"description": "Optional replacement for the high value text.",
|
|
170
|
+
"name": "high-value-display"
|
|
171
|
+
}
|
|
172
|
+
],
|
|
173
|
+
"members": [
|
|
174
|
+
{
|
|
175
|
+
"kind": "field",
|
|
176
|
+
"name": "min",
|
|
177
|
+
"type": {
|
|
178
|
+
"text": "number"
|
|
179
|
+
},
|
|
180
|
+
"default": "0",
|
|
181
|
+
"description": "Minimum slider value.",
|
|
182
|
+
"attribute": "min"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"kind": "field",
|
|
186
|
+
"name": "max",
|
|
187
|
+
"type": {
|
|
188
|
+
"text": "number"
|
|
189
|
+
},
|
|
190
|
+
"default": "100",
|
|
191
|
+
"description": "Maximum slider value.",
|
|
192
|
+
"attribute": "max"
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"kind": "field",
|
|
196
|
+
"name": "step",
|
|
197
|
+
"type": {
|
|
198
|
+
"text": "number"
|
|
199
|
+
},
|
|
200
|
+
"default": "1",
|
|
201
|
+
"description": "Slider step.",
|
|
202
|
+
"attribute": "step"
|
|
203
|
+
},
|
|
204
|
+
{
|
|
205
|
+
"kind": "field",
|
|
206
|
+
"name": "_value",
|
|
207
|
+
"type": {
|
|
208
|
+
"text": "[number, number] | undefined"
|
|
209
|
+
},
|
|
210
|
+
"privacy": "private"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"kind": "field",
|
|
214
|
+
"name": "_defaultValue",
|
|
215
|
+
"type": {
|
|
216
|
+
"text": "[number, number] | undefined"
|
|
217
|
+
},
|
|
218
|
+
"privacy": "private"
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"kind": "field",
|
|
222
|
+
"name": "_valueInitialized",
|
|
223
|
+
"type": {
|
|
224
|
+
"text": "boolean"
|
|
225
|
+
},
|
|
226
|
+
"privacy": "private",
|
|
227
|
+
"default": "false"
|
|
228
|
+
},
|
|
229
|
+
{
|
|
230
|
+
"kind": "field",
|
|
231
|
+
"name": "value",
|
|
232
|
+
"type": {
|
|
233
|
+
"text": "[number, number]"
|
|
234
|
+
},
|
|
235
|
+
"description": "Current [low, high] value. Assign a new tuple reference to trigger a re-render."
|
|
236
|
+
},
|
|
237
|
+
{
|
|
238
|
+
"kind": "field",
|
|
239
|
+
"name": "defaultValue",
|
|
240
|
+
"type": {
|
|
241
|
+
"text": "[number, number] | undefined"
|
|
242
|
+
},
|
|
243
|
+
"description": "Initial uncontrolled [low, high] value. Has no effect after the first user interaction or `value` write."
|
|
244
|
+
},
|
|
245
|
+
{
|
|
246
|
+
"kind": "field",
|
|
247
|
+
"name": "disabled",
|
|
248
|
+
"type": {
|
|
249
|
+
"text": "boolean"
|
|
250
|
+
},
|
|
251
|
+
"default": "false",
|
|
252
|
+
"description": "Disable both thumbs and their hidden native input reflectors.",
|
|
253
|
+
"attribute": "disabled",
|
|
254
|
+
"reflects": true
|
|
255
|
+
},
|
|
256
|
+
{
|
|
257
|
+
"kind": "field",
|
|
258
|
+
"name": "readonly",
|
|
259
|
+
"type": {
|
|
260
|
+
"text": "boolean"
|
|
261
|
+
},
|
|
262
|
+
"default": "false",
|
|
263
|
+
"description": "Prevents edits while preserving normal focus and display.",
|
|
264
|
+
"attribute": "readonly",
|
|
265
|
+
"reflects": true
|
|
266
|
+
},
|
|
267
|
+
{
|
|
268
|
+
"kind": "field",
|
|
269
|
+
"name": "lowLabel",
|
|
270
|
+
"type": {
|
|
271
|
+
"text": "string"
|
|
272
|
+
},
|
|
273
|
+
"default": "\"Minimum\"",
|
|
274
|
+
"description": "Accessible label for the low (min) thumb when the input does not provide one.",
|
|
275
|
+
"attribute": "low-label"
|
|
276
|
+
},
|
|
277
|
+
{
|
|
278
|
+
"kind": "field",
|
|
279
|
+
"name": "highLabel",
|
|
280
|
+
"type": {
|
|
281
|
+
"text": "string"
|
|
282
|
+
},
|
|
283
|
+
"default": "\"Maximum\"",
|
|
284
|
+
"description": "Accessible label for the high (max) thumb when the input does not provide one.",
|
|
285
|
+
"attribute": "high-label"
|
|
286
|
+
},
|
|
287
|
+
{
|
|
288
|
+
"kind": "field",
|
|
289
|
+
"name": "lowValueText",
|
|
290
|
+
"type": {
|
|
291
|
+
"text": "string"
|
|
292
|
+
},
|
|
293
|
+
"default": "\"\"",
|
|
294
|
+
"description": "Formatted screen-reader text for the low value. Falls back to the raw number.",
|
|
295
|
+
"attribute": "low-value-text"
|
|
296
|
+
},
|
|
297
|
+
{
|
|
298
|
+
"kind": "field",
|
|
299
|
+
"name": "highValueText",
|
|
300
|
+
"type": {
|
|
301
|
+
"text": "string"
|
|
302
|
+
},
|
|
303
|
+
"default": "\"\"",
|
|
304
|
+
"description": "Formatted screen-reader text for the high value. Falls back to the raw number.",
|
|
305
|
+
"attribute": "high-value-text"
|
|
306
|
+
},
|
|
307
|
+
{
|
|
308
|
+
"kind": "field",
|
|
309
|
+
"name": "display",
|
|
310
|
+
"type": {
|
|
311
|
+
"text": "DisplayValue"
|
|
312
|
+
},
|
|
313
|
+
"default": "null",
|
|
314
|
+
"description": "Controls the live value display.\n\n- Absent (default) — no value shown.\n- `display` or `display=\"float\"` — floats each value above its thumb.\n- `display=\"inline-start\"` — renders the value container before the track.\n- `display=\"inline-end\"` — renders the value container after the track.",
|
|
315
|
+
"attribute": "display",
|
|
316
|
+
"reflects": true
|
|
317
|
+
},
|
|
318
|
+
{
|
|
319
|
+
"kind": "field",
|
|
320
|
+
"name": "orientation",
|
|
321
|
+
"type": {
|
|
322
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
323
|
+
},
|
|
324
|
+
"default": "\"horizontal\"",
|
|
325
|
+
"description": "Orientation; reflected as an attribute and forwarded to custom thumbs.",
|
|
326
|
+
"attribute": "orientation",
|
|
327
|
+
"reflects": true
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"kind": "field",
|
|
331
|
+
"name": "_lowValue",
|
|
332
|
+
"type": {
|
|
333
|
+
"text": "number"
|
|
334
|
+
},
|
|
335
|
+
"privacy": "private",
|
|
336
|
+
"default": "0"
|
|
337
|
+
},
|
|
338
|
+
{
|
|
339
|
+
"kind": "field",
|
|
340
|
+
"name": "_highValue",
|
|
341
|
+
"type": {
|
|
342
|
+
"text": "number"
|
|
343
|
+
},
|
|
344
|
+
"privacy": "private",
|
|
345
|
+
"default": "100"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"kind": "field",
|
|
349
|
+
"name": "_lowInput",
|
|
350
|
+
"type": {
|
|
351
|
+
"text": "HTMLInputElement | null"
|
|
352
|
+
},
|
|
353
|
+
"privacy": "private",
|
|
354
|
+
"default": "null"
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
"kind": "field",
|
|
358
|
+
"name": "_highInput",
|
|
359
|
+
"type": {
|
|
360
|
+
"text": "HTMLInputElement | null"
|
|
361
|
+
},
|
|
362
|
+
"privacy": "private",
|
|
363
|
+
"default": "null"
|
|
364
|
+
},
|
|
365
|
+
{
|
|
366
|
+
"kind": "field",
|
|
367
|
+
"name": "_dragThumb",
|
|
368
|
+
"type": {
|
|
369
|
+
"text": "RangeThumb | null"
|
|
370
|
+
},
|
|
371
|
+
"privacy": "private",
|
|
372
|
+
"default": "null"
|
|
373
|
+
},
|
|
374
|
+
{
|
|
375
|
+
"kind": "field",
|
|
376
|
+
"name": "_dragPointerId",
|
|
377
|
+
"type": {
|
|
378
|
+
"text": "number | null"
|
|
379
|
+
},
|
|
380
|
+
"privacy": "private",
|
|
381
|
+
"default": "null"
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"kind": "field",
|
|
385
|
+
"name": "_addedHostRole",
|
|
386
|
+
"type": {
|
|
387
|
+
"text": "boolean"
|
|
388
|
+
},
|
|
389
|
+
"privacy": "private",
|
|
390
|
+
"default": "false"
|
|
391
|
+
},
|
|
392
|
+
{
|
|
393
|
+
"kind": "method",
|
|
394
|
+
"name": "_renderThumb",
|
|
395
|
+
"privacy": "private",
|
|
396
|
+
"parameters": [
|
|
397
|
+
{
|
|
398
|
+
"name": "thumb",
|
|
399
|
+
"type": {
|
|
400
|
+
"text": "RangeThumb"
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
]
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"kind": "method",
|
|
407
|
+
"name": "_findInputs",
|
|
408
|
+
"privacy": "private",
|
|
409
|
+
"return": {
|
|
410
|
+
"type": {
|
|
411
|
+
"text": "void"
|
|
412
|
+
}
|
|
413
|
+
},
|
|
414
|
+
"description": "Finds the first two child `<input type=\"range\">` elements and wires them.\nInputs remain in the DOM permanently as form/progressive-enhancement\nreflectors."
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"kind": "field",
|
|
418
|
+
"name": "_onDefaultSlotChange",
|
|
419
|
+
"privacy": "private"
|
|
420
|
+
},
|
|
421
|
+
{
|
|
422
|
+
"kind": "field",
|
|
423
|
+
"name": "_nativeInputValue",
|
|
424
|
+
"type": {
|
|
425
|
+
"text": "[number, number]"
|
|
426
|
+
},
|
|
427
|
+
"privacy": "private",
|
|
428
|
+
"readonly": true
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"kind": "method",
|
|
432
|
+
"name": "_applyInitialValueToInputs",
|
|
433
|
+
"privacy": "private",
|
|
434
|
+
"return": {
|
|
435
|
+
"type": {
|
|
436
|
+
"text": "void"
|
|
437
|
+
}
|
|
438
|
+
},
|
|
439
|
+
"parameters": [
|
|
440
|
+
{
|
|
441
|
+
"name": "lowInput",
|
|
442
|
+
"type": {
|
|
443
|
+
"text": "HTMLInputElement"
|
|
444
|
+
}
|
|
445
|
+
},
|
|
446
|
+
{
|
|
447
|
+
"name": "highInput",
|
|
448
|
+
"type": {
|
|
449
|
+
"text": "HTMLInputElement"
|
|
450
|
+
}
|
|
451
|
+
}
|
|
452
|
+
]
|
|
453
|
+
},
|
|
454
|
+
{
|
|
455
|
+
"kind": "method",
|
|
456
|
+
"name": "_applyValueToInputs",
|
|
457
|
+
"privacy": "private",
|
|
458
|
+
"return": {
|
|
459
|
+
"type": {
|
|
460
|
+
"text": "void"
|
|
461
|
+
}
|
|
462
|
+
},
|
|
463
|
+
"parameters": [
|
|
464
|
+
{
|
|
465
|
+
"name": "value",
|
|
466
|
+
"type": {
|
|
467
|
+
"text": "[number, number]"
|
|
468
|
+
}
|
|
469
|
+
}
|
|
470
|
+
]
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"kind": "method",
|
|
474
|
+
"name": "_setCurrentValue",
|
|
475
|
+
"privacy": "private",
|
|
476
|
+
"return": {
|
|
477
|
+
"type": {
|
|
478
|
+
"text": "void"
|
|
479
|
+
}
|
|
480
|
+
},
|
|
481
|
+
"parameters": [
|
|
482
|
+
{
|
|
483
|
+
"name": "value",
|
|
484
|
+
"type": {
|
|
485
|
+
"text": "[number, number]"
|
|
486
|
+
}
|
|
487
|
+
}
|
|
488
|
+
]
|
|
489
|
+
},
|
|
490
|
+
{
|
|
491
|
+
"kind": "method",
|
|
492
|
+
"name": "_wireInput",
|
|
493
|
+
"privacy": "private",
|
|
494
|
+
"return": {
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "void"
|
|
497
|
+
}
|
|
498
|
+
},
|
|
499
|
+
"parameters": [
|
|
500
|
+
{
|
|
501
|
+
"name": "input",
|
|
502
|
+
"type": {
|
|
503
|
+
"text": "HTMLInputElement"
|
|
504
|
+
}
|
|
505
|
+
},
|
|
506
|
+
{
|
|
507
|
+
"name": "onInput",
|
|
508
|
+
"type": {
|
|
509
|
+
"text": "(e: Event) => void"
|
|
510
|
+
}
|
|
511
|
+
},
|
|
512
|
+
{
|
|
513
|
+
"name": "onChange",
|
|
514
|
+
"type": {
|
|
515
|
+
"text": "(e: Event) => void"
|
|
516
|
+
}
|
|
517
|
+
}
|
|
518
|
+
]
|
|
519
|
+
},
|
|
520
|
+
{
|
|
521
|
+
"kind": "method",
|
|
522
|
+
"name": "_unwireInputs",
|
|
523
|
+
"privacy": "private",
|
|
524
|
+
"return": {
|
|
525
|
+
"type": {
|
|
526
|
+
"text": "void"
|
|
527
|
+
}
|
|
528
|
+
}
|
|
529
|
+
},
|
|
530
|
+
{
|
|
531
|
+
"kind": "method",
|
|
532
|
+
"name": "_restoreInputs",
|
|
533
|
+
"privacy": "private",
|
|
534
|
+
"return": {
|
|
535
|
+
"type": {
|
|
536
|
+
"text": "void"
|
|
537
|
+
}
|
|
538
|
+
}
|
|
539
|
+
},
|
|
540
|
+
{
|
|
541
|
+
"kind": "method",
|
|
542
|
+
"name": "_syncInputReflectors",
|
|
543
|
+
"privacy": "private",
|
|
544
|
+
"return": {
|
|
545
|
+
"type": {
|
|
546
|
+
"text": "void"
|
|
547
|
+
}
|
|
548
|
+
}
|
|
549
|
+
},
|
|
550
|
+
{
|
|
551
|
+
"kind": "method",
|
|
552
|
+
"name": "_syncHostRole",
|
|
553
|
+
"privacy": "private",
|
|
554
|
+
"return": {
|
|
555
|
+
"type": {
|
|
556
|
+
"text": "void"
|
|
557
|
+
}
|
|
558
|
+
}
|
|
559
|
+
},
|
|
560
|
+
{
|
|
561
|
+
"kind": "field",
|
|
562
|
+
"name": "_onLowInput",
|
|
563
|
+
"privacy": "private",
|
|
564
|
+
"readonly": true
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"kind": "field",
|
|
568
|
+
"name": "_onLowChange",
|
|
569
|
+
"privacy": "private",
|
|
570
|
+
"readonly": true
|
|
571
|
+
},
|
|
572
|
+
{
|
|
573
|
+
"kind": "field",
|
|
574
|
+
"name": "_onHighInput",
|
|
575
|
+
"privacy": "private",
|
|
576
|
+
"readonly": true
|
|
577
|
+
},
|
|
578
|
+
{
|
|
579
|
+
"kind": "field",
|
|
580
|
+
"name": "_onHighChange",
|
|
581
|
+
"privacy": "private",
|
|
582
|
+
"readonly": true
|
|
583
|
+
},
|
|
584
|
+
{
|
|
585
|
+
"kind": "field",
|
|
586
|
+
"name": "_onLowKeydown",
|
|
587
|
+
"privacy": "private",
|
|
588
|
+
"readonly": true,
|
|
589
|
+
"description": "APG keyboard contract for the low thumb."
|
|
590
|
+
},
|
|
591
|
+
{
|
|
592
|
+
"kind": "field",
|
|
593
|
+
"name": "_onHighKeydown",
|
|
594
|
+
"privacy": "private",
|
|
595
|
+
"readonly": true,
|
|
596
|
+
"description": "APG keyboard contract for the high thumb."
|
|
597
|
+
},
|
|
598
|
+
{
|
|
599
|
+
"kind": "method",
|
|
600
|
+
"name": "_handleThumbKeydown",
|
|
601
|
+
"privacy": "private",
|
|
602
|
+
"return": {
|
|
603
|
+
"type": {
|
|
604
|
+
"text": "void"
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
"parameters": [
|
|
608
|
+
{
|
|
609
|
+
"name": "e",
|
|
610
|
+
"type": {
|
|
611
|
+
"text": "KeyboardEvent"
|
|
612
|
+
}
|
|
613
|
+
},
|
|
614
|
+
{
|
|
615
|
+
"name": "thumb",
|
|
616
|
+
"type": {
|
|
617
|
+
"text": "RangeThumb"
|
|
618
|
+
}
|
|
619
|
+
}
|
|
620
|
+
]
|
|
621
|
+
},
|
|
622
|
+
{
|
|
623
|
+
"kind": "method",
|
|
624
|
+
"name": "_onGroupPointerDown",
|
|
625
|
+
"privacy": "private",
|
|
626
|
+
"return": {
|
|
627
|
+
"type": {
|
|
628
|
+
"text": "void"
|
|
629
|
+
}
|
|
630
|
+
},
|
|
631
|
+
"parameters": [
|
|
632
|
+
{
|
|
633
|
+
"name": "e",
|
|
634
|
+
"type": {
|
|
635
|
+
"text": "PointerEvent"
|
|
636
|
+
}
|
|
637
|
+
}
|
|
638
|
+
]
|
|
639
|
+
},
|
|
640
|
+
{
|
|
641
|
+
"kind": "method",
|
|
642
|
+
"name": "_onGroupPointerMove",
|
|
643
|
+
"privacy": "private",
|
|
644
|
+
"return": {
|
|
645
|
+
"type": {
|
|
646
|
+
"text": "void"
|
|
647
|
+
}
|
|
648
|
+
},
|
|
649
|
+
"parameters": [
|
|
650
|
+
{
|
|
651
|
+
"name": "e",
|
|
652
|
+
"type": {
|
|
653
|
+
"text": "PointerEvent"
|
|
654
|
+
}
|
|
655
|
+
}
|
|
656
|
+
]
|
|
657
|
+
},
|
|
658
|
+
{
|
|
659
|
+
"kind": "method",
|
|
660
|
+
"name": "_onGroupPointerUp",
|
|
661
|
+
"privacy": "private",
|
|
662
|
+
"return": {
|
|
663
|
+
"type": {
|
|
664
|
+
"text": "void"
|
|
665
|
+
}
|
|
666
|
+
},
|
|
667
|
+
"parameters": [
|
|
668
|
+
{
|
|
669
|
+
"name": "e",
|
|
670
|
+
"type": {
|
|
671
|
+
"text": "PointerEvent"
|
|
672
|
+
}
|
|
673
|
+
}
|
|
674
|
+
]
|
|
675
|
+
},
|
|
676
|
+
{
|
|
677
|
+
"kind": "method",
|
|
678
|
+
"name": "_onGroupPointerCancel",
|
|
679
|
+
"privacy": "private",
|
|
680
|
+
"return": {
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "void"
|
|
683
|
+
}
|
|
684
|
+
},
|
|
685
|
+
"parameters": [
|
|
686
|
+
{
|
|
687
|
+
"name": "e",
|
|
688
|
+
"type": {
|
|
689
|
+
"text": "PointerEvent"
|
|
690
|
+
}
|
|
691
|
+
}
|
|
692
|
+
]
|
|
693
|
+
},
|
|
694
|
+
{
|
|
695
|
+
"kind": "method",
|
|
696
|
+
"name": "_setThumbValue",
|
|
697
|
+
"privacy": "private",
|
|
698
|
+
"return": {
|
|
699
|
+
"type": {
|
|
700
|
+
"text": "void"
|
|
701
|
+
}
|
|
702
|
+
},
|
|
703
|
+
"parameters": [
|
|
704
|
+
{
|
|
705
|
+
"name": "thumb",
|
|
706
|
+
"type": {
|
|
707
|
+
"text": "RangeThumb"
|
|
708
|
+
}
|
|
709
|
+
},
|
|
710
|
+
{
|
|
711
|
+
"name": "value",
|
|
712
|
+
"type": {
|
|
713
|
+
"text": "number"
|
|
714
|
+
}
|
|
715
|
+
}
|
|
716
|
+
]
|
|
717
|
+
},
|
|
718
|
+
{
|
|
719
|
+
"kind": "method",
|
|
720
|
+
"name": "_valueFromPointer",
|
|
721
|
+
"privacy": "private",
|
|
722
|
+
"return": {
|
|
723
|
+
"type": {
|
|
724
|
+
"text": "number"
|
|
725
|
+
}
|
|
726
|
+
},
|
|
727
|
+
"parameters": [
|
|
728
|
+
{
|
|
729
|
+
"name": "e",
|
|
730
|
+
"type": {
|
|
731
|
+
"text": "PointerEvent"
|
|
732
|
+
}
|
|
733
|
+
},
|
|
734
|
+
{
|
|
735
|
+
"name": "thumb",
|
|
736
|
+
"type": {
|
|
737
|
+
"text": "RangeThumb"
|
|
738
|
+
}
|
|
739
|
+
}
|
|
740
|
+
]
|
|
741
|
+
},
|
|
742
|
+
{
|
|
743
|
+
"kind": "method",
|
|
744
|
+
"name": "_nearestThumb",
|
|
745
|
+
"privacy": "private",
|
|
746
|
+
"return": {
|
|
747
|
+
"type": {
|
|
748
|
+
"text": "RangeThumb"
|
|
749
|
+
}
|
|
750
|
+
},
|
|
751
|
+
"parameters": [
|
|
752
|
+
{
|
|
753
|
+
"name": "e",
|
|
754
|
+
"type": {
|
|
755
|
+
"text": "PointerEvent"
|
|
756
|
+
}
|
|
757
|
+
}
|
|
758
|
+
]
|
|
759
|
+
},
|
|
760
|
+
{
|
|
761
|
+
"kind": "method",
|
|
762
|
+
"name": "_rangeStyle",
|
|
763
|
+
"privacy": "private",
|
|
764
|
+
"return": {
|
|
765
|
+
"type": {
|
|
766
|
+
"text": "string"
|
|
767
|
+
}
|
|
768
|
+
}
|
|
769
|
+
},
|
|
770
|
+
{
|
|
771
|
+
"kind": "method",
|
|
772
|
+
"name": "_thumbStyle",
|
|
773
|
+
"privacy": "private",
|
|
774
|
+
"return": {
|
|
775
|
+
"type": {
|
|
776
|
+
"text": "string"
|
|
777
|
+
}
|
|
778
|
+
},
|
|
779
|
+
"parameters": [
|
|
780
|
+
{
|
|
781
|
+
"name": "value",
|
|
782
|
+
"type": {
|
|
783
|
+
"text": "number"
|
|
784
|
+
}
|
|
785
|
+
}
|
|
786
|
+
]
|
|
787
|
+
},
|
|
788
|
+
{
|
|
789
|
+
"kind": "method",
|
|
790
|
+
"name": "_thumbCenterStyle",
|
|
791
|
+
"privacy": "private",
|
|
792
|
+
"return": {
|
|
793
|
+
"type": {
|
|
794
|
+
"text": "string"
|
|
795
|
+
}
|
|
796
|
+
},
|
|
797
|
+
"parameters": [
|
|
798
|
+
{
|
|
799
|
+
"name": "pct",
|
|
800
|
+
"type": {
|
|
801
|
+
"text": "number"
|
|
802
|
+
}
|
|
803
|
+
}
|
|
804
|
+
]
|
|
805
|
+
},
|
|
806
|
+
{
|
|
807
|
+
"kind": "method",
|
|
808
|
+
"name": "_floatStyle",
|
|
809
|
+
"privacy": "private",
|
|
810
|
+
"return": {
|
|
811
|
+
"type": {
|
|
812
|
+
"text": "string"
|
|
813
|
+
}
|
|
814
|
+
},
|
|
815
|
+
"parameters": [
|
|
816
|
+
{
|
|
817
|
+
"name": "value",
|
|
818
|
+
"type": {
|
|
819
|
+
"text": "number"
|
|
820
|
+
}
|
|
821
|
+
}
|
|
822
|
+
]
|
|
823
|
+
},
|
|
824
|
+
{
|
|
825
|
+
"kind": "method",
|
|
826
|
+
"name": "_normalizeValue",
|
|
827
|
+
"privacy": "private",
|
|
828
|
+
"return": {
|
|
829
|
+
"type": {
|
|
830
|
+
"text": "[number, number]"
|
|
831
|
+
}
|
|
832
|
+
},
|
|
833
|
+
"parameters": [
|
|
834
|
+
{
|
|
835
|
+
"name": "[low, high]",
|
|
836
|
+
"type": {
|
|
837
|
+
"text": "[number, number]"
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
]
|
|
841
|
+
},
|
|
842
|
+
{
|
|
843
|
+
"kind": "method",
|
|
844
|
+
"name": "_min",
|
|
845
|
+
"privacy": "private",
|
|
846
|
+
"return": {
|
|
847
|
+
"type": {
|
|
848
|
+
"text": "number"
|
|
849
|
+
}
|
|
850
|
+
}
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"kind": "method",
|
|
854
|
+
"name": "_max",
|
|
855
|
+
"privacy": "private",
|
|
856
|
+
"return": {
|
|
857
|
+
"type": {
|
|
858
|
+
"text": "number"
|
|
859
|
+
}
|
|
860
|
+
}
|
|
861
|
+
},
|
|
862
|
+
{
|
|
863
|
+
"kind": "method",
|
|
864
|
+
"name": "_step",
|
|
865
|
+
"privacy": "private",
|
|
866
|
+
"return": {
|
|
867
|
+
"type": {
|
|
868
|
+
"text": "number"
|
|
869
|
+
}
|
|
870
|
+
}
|
|
871
|
+
},
|
|
872
|
+
{
|
|
873
|
+
"kind": "method",
|
|
874
|
+
"name": "_groupRect",
|
|
875
|
+
"privacy": "private",
|
|
876
|
+
"return": {
|
|
877
|
+
"type": {
|
|
878
|
+
"text": "DOMRect | null"
|
|
879
|
+
}
|
|
880
|
+
}
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"kind": "method",
|
|
884
|
+
"name": "_thumbElement",
|
|
885
|
+
"privacy": "private",
|
|
886
|
+
"return": {
|
|
887
|
+
"type": {
|
|
888
|
+
"text": "HTMLElement | null"
|
|
889
|
+
}
|
|
890
|
+
},
|
|
891
|
+
"parameters": [
|
|
892
|
+
{
|
|
893
|
+
"name": "thumb",
|
|
894
|
+
"type": {
|
|
895
|
+
"text": "RangeThumb"
|
|
896
|
+
}
|
|
897
|
+
}
|
|
898
|
+
]
|
|
899
|
+
},
|
|
900
|
+
{
|
|
901
|
+
"kind": "method",
|
|
902
|
+
"name": "_thumbLabel",
|
|
903
|
+
"privacy": "private",
|
|
904
|
+
"return": {
|
|
905
|
+
"type": {
|
|
906
|
+
"text": "string | null"
|
|
907
|
+
}
|
|
908
|
+
},
|
|
909
|
+
"parameters": [
|
|
910
|
+
{
|
|
911
|
+
"name": "thumb",
|
|
912
|
+
"type": {
|
|
913
|
+
"text": "RangeThumb"
|
|
914
|
+
}
|
|
915
|
+
}
|
|
916
|
+
]
|
|
917
|
+
},
|
|
918
|
+
{
|
|
919
|
+
"kind": "method",
|
|
920
|
+
"name": "_dispatch",
|
|
921
|
+
"privacy": "private",
|
|
922
|
+
"return": {
|
|
923
|
+
"type": {
|
|
924
|
+
"text": "void"
|
|
925
|
+
}
|
|
926
|
+
},
|
|
927
|
+
"parameters": [
|
|
928
|
+
{
|
|
929
|
+
"name": "type",
|
|
930
|
+
"type": {
|
|
931
|
+
"text": "\"rc-range-slider-input\" | \"rc-range-slider-change\""
|
|
932
|
+
}
|
|
933
|
+
},
|
|
934
|
+
{
|
|
935
|
+
"name": "value",
|
|
936
|
+
"type": {
|
|
937
|
+
"text": "[number, number]"
|
|
938
|
+
}
|
|
939
|
+
}
|
|
940
|
+
]
|
|
941
|
+
}
|
|
942
|
+
],
|
|
943
|
+
"events": [
|
|
944
|
+
{
|
|
945
|
+
"name": "type",
|
|
946
|
+
"type": {
|
|
947
|
+
"text": "CustomEvent"
|
|
948
|
+
}
|
|
949
|
+
},
|
|
950
|
+
{
|
|
951
|
+
"description": "Fires while either thumb moves. Detail: `{ value }`.",
|
|
952
|
+
"name": "rc-range-slider-input"
|
|
953
|
+
},
|
|
954
|
+
{
|
|
955
|
+
"description": "Fires when a thumb commits a new value. Detail: `{ value }`.",
|
|
956
|
+
"name": "rc-range-slider-change"
|
|
957
|
+
}
|
|
958
|
+
],
|
|
959
|
+
"attributes": [
|
|
960
|
+
{
|
|
961
|
+
"name": "min",
|
|
962
|
+
"type": {
|
|
963
|
+
"text": "number"
|
|
964
|
+
},
|
|
965
|
+
"default": "0",
|
|
966
|
+
"description": "Minimum slider value.",
|
|
967
|
+
"fieldName": "min"
|
|
968
|
+
},
|
|
969
|
+
{
|
|
970
|
+
"name": "max",
|
|
971
|
+
"type": {
|
|
972
|
+
"text": "number"
|
|
973
|
+
},
|
|
974
|
+
"default": "100",
|
|
975
|
+
"description": "Maximum slider value.",
|
|
976
|
+
"fieldName": "max"
|
|
977
|
+
},
|
|
978
|
+
{
|
|
979
|
+
"name": "step",
|
|
980
|
+
"type": {
|
|
981
|
+
"text": "number"
|
|
982
|
+
},
|
|
983
|
+
"default": "1",
|
|
984
|
+
"description": "Slider step.",
|
|
985
|
+
"fieldName": "step"
|
|
986
|
+
},
|
|
987
|
+
{
|
|
988
|
+
"name": "disabled",
|
|
989
|
+
"type": {
|
|
990
|
+
"text": "boolean"
|
|
991
|
+
},
|
|
992
|
+
"default": "false",
|
|
993
|
+
"description": "Disable both thumbs and their hidden native input reflectors.",
|
|
994
|
+
"fieldName": "disabled"
|
|
995
|
+
},
|
|
996
|
+
{
|
|
997
|
+
"name": "readonly",
|
|
998
|
+
"type": {
|
|
999
|
+
"text": "boolean"
|
|
1000
|
+
},
|
|
1001
|
+
"default": "false",
|
|
1002
|
+
"description": "Prevents edits while preserving normal focus and display.",
|
|
1003
|
+
"fieldName": "readonly"
|
|
1004
|
+
},
|
|
1005
|
+
{
|
|
1006
|
+
"name": "low-label",
|
|
1007
|
+
"type": {
|
|
1008
|
+
"text": "string"
|
|
1009
|
+
},
|
|
1010
|
+
"default": "\"Minimum\"",
|
|
1011
|
+
"description": "Accessible label for the low (min) thumb when the input does not provide one.",
|
|
1012
|
+
"fieldName": "lowLabel"
|
|
1013
|
+
},
|
|
1014
|
+
{
|
|
1015
|
+
"name": "high-label",
|
|
1016
|
+
"type": {
|
|
1017
|
+
"text": "string"
|
|
1018
|
+
},
|
|
1019
|
+
"default": "\"Maximum\"",
|
|
1020
|
+
"description": "Accessible label for the high (max) thumb when the input does not provide one.",
|
|
1021
|
+
"fieldName": "highLabel"
|
|
1022
|
+
},
|
|
1023
|
+
{
|
|
1024
|
+
"name": "low-value-text",
|
|
1025
|
+
"type": {
|
|
1026
|
+
"text": "string"
|
|
1027
|
+
},
|
|
1028
|
+
"default": "\"\"",
|
|
1029
|
+
"description": "Formatted screen-reader text for the low value. Falls back to the raw number.",
|
|
1030
|
+
"fieldName": "lowValueText"
|
|
1031
|
+
},
|
|
1032
|
+
{
|
|
1033
|
+
"name": "high-value-text",
|
|
1034
|
+
"type": {
|
|
1035
|
+
"text": "string"
|
|
1036
|
+
},
|
|
1037
|
+
"default": "\"\"",
|
|
1038
|
+
"description": "Formatted screen-reader text for the high value. Falls back to the raw number.",
|
|
1039
|
+
"fieldName": "highValueText"
|
|
1040
|
+
},
|
|
1041
|
+
{
|
|
1042
|
+
"name": "display",
|
|
1043
|
+
"type": {
|
|
1044
|
+
"text": "DisplayValue"
|
|
1045
|
+
},
|
|
1046
|
+
"default": "null",
|
|
1047
|
+
"description": "Controls the live value display.\n\n- Absent (default) — no value shown.\n- `display` or `display=\"float\"` — floats each value above its thumb.\n- `display=\"inline-start\"` — renders the value container before the track.\n- `display=\"inline-end\"` — renders the value container after the track.",
|
|
1048
|
+
"fieldName": "display"
|
|
1049
|
+
},
|
|
1050
|
+
{
|
|
1051
|
+
"name": "orientation",
|
|
1052
|
+
"type": {
|
|
1053
|
+
"text": "\"horizontal\" | \"vertical\""
|
|
1054
|
+
},
|
|
1055
|
+
"default": "\"horizontal\"",
|
|
1056
|
+
"description": "Orientation; reflected as an attribute and forwarded to custom thumbs.",
|
|
1057
|
+
"fieldName": "orientation"
|
|
1058
|
+
}
|
|
1059
|
+
],
|
|
1060
|
+
"superclass": {
|
|
1061
|
+
"name": "LitElement",
|
|
1062
|
+
"package": "lit"
|
|
1063
|
+
},
|
|
1064
|
+
"tagName": "rc-range-slider",
|
|
1065
|
+
"customElement": true
|
|
1066
|
+
}
|
|
1067
|
+
],
|
|
1068
|
+
"exports": [
|
|
1069
|
+
{
|
|
1070
|
+
"kind": "js",
|
|
1071
|
+
"name": "RCRangeSlider",
|
|
1072
|
+
"declaration": {
|
|
1073
|
+
"name": "RCRangeSlider",
|
|
1074
|
+
"module": "src/rc-range-slider.ts"
|
|
1075
|
+
}
|
|
1076
|
+
},
|
|
1077
|
+
{
|
|
1078
|
+
"kind": "js",
|
|
1079
|
+
"name": "default",
|
|
1080
|
+
"declaration": {
|
|
1081
|
+
"name": "RCRangeSlider",
|
|
1082
|
+
"module": "src/rc-range-slider.ts"
|
|
1083
|
+
}
|
|
1084
|
+
}
|
|
1085
|
+
]
|
|
1086
|
+
}
|
|
1087
|
+
]
|
|
1088
|
+
}
|