@rcarls/rc-splitter 0.0.0-next-20260921045401
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/CHANGELOG.md +105 -0
- package/README.md +203 -0
- package/dist/custom-elements.json +929 -0
- package/dist/rc-splitter-CJTLxYi3.js +608 -0
- package/dist/rc-splitter-CJTLxYi3.js.map +1 -0
- package/dist/rc-splitter-define.js +6 -0
- package/dist/rc-splitter-define.js.map +1 -0
- package/dist/rc-splitter.js +5 -0
- package/dist/rc-splitter.js.map +1 -0
- package/dist/types/packages/rc-splitter/src/define.d.ts +1 -0
- package/dist/types/packages/rc-splitter/src/index.d.ts +1 -0
- package/dist/types/packages/rc-splitter/src/rc-splitter.d.ts +166 -0
- package/dist/types/packages/rc-splitter/src/rc-splitter.styles.d.ts +2 -0
- package/package.json +65 -0
|
@@ -0,0 +1,929 @@
|
|
|
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-splitter",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "RCSplitter",
|
|
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-splitter.js"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
]
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"kind": "javascript-module",
|
|
45
|
+
"path": "src/rc-splitter.ts",
|
|
46
|
+
"declarations": [
|
|
47
|
+
{
|
|
48
|
+
"kind": "class",
|
|
49
|
+
"description": "Resizable pane splitter with pointer, keyboard, anchored settling, and\ncollapse/restore controls, following the WAI-ARIA Window Splitter pattern.\n\nSet `orientation=\"vertical\"` for a vertical splitter",
|
|
50
|
+
"name": "RCSplitter",
|
|
51
|
+
"cssProperties": [
|
|
52
|
+
{
|
|
53
|
+
"description": "Thickness of the separator bar",
|
|
54
|
+
"name": "--rc-splitter-separator-size",
|
|
55
|
+
"default": "6px"
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"description": "Length of the drag handle area within the separator (also the length of the visible indicator)",
|
|
59
|
+
"name": "--rc-splitter-separator-handle-size",
|
|
60
|
+
"default": "100%"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
"description": "Separator background color",
|
|
64
|
+
"name": "--rc-splitter-separator-color",
|
|
65
|
+
"default": "color-mix(in srgb, ButtonBorder 35%, Canvas 65%)"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"description": "Shared separator keyline border",
|
|
69
|
+
"name": "--rc-splitter-keyline",
|
|
70
|
+
"default": "1px solid ButtonBorder"
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"description": "Color of the dot grip indicators (default visual)",
|
|
74
|
+
"name": "--rc-splitter-handle-color",
|
|
75
|
+
"default": "ButtonBorder"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"description": "Cross-axis size of the visual indicator (dot column width or pill/line thickness)",
|
|
79
|
+
"name": "--rc-splitter-handle-thickness",
|
|
80
|
+
"default": "4px"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"description": "Border-radius of the visual indicator; set to a large value (e.g. 999px) for a pill shape",
|
|
84
|
+
"name": "--rc-splitter-handle-border-radius",
|
|
85
|
+
"default": "0"
|
|
86
|
+
},
|
|
87
|
+
{
|
|
88
|
+
"description": "background-image for the visual indicator; set to `none` to use a solid fill via --rc-splitter-handle-fill instead",
|
|
89
|
+
"name": "--rc-splitter-handle-pattern",
|
|
90
|
+
"default": "<3-dot radial-gradient>"
|
|
91
|
+
},
|
|
92
|
+
{
|
|
93
|
+
"description": "background-color of the visual indicator; effective when --rc-splitter-handle-pattern is none (e.g. for a solid pill)",
|
|
94
|
+
"name": "--rc-splitter-handle-fill",
|
|
95
|
+
"default": "transparent"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"description": "background-color of the visual indicator on hover; scoped to the indicator element only, not the full separator strip",
|
|
99
|
+
"name": "--rc-splitter-handle-hover-fill",
|
|
100
|
+
"default": "transparent"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"description": "CSS transition duration/easing for the visual indicator's background-color changes",
|
|
104
|
+
"name": "--rc-splitter-handle-transition",
|
|
105
|
+
"default": "0ms"
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"description": "Duration of anchored settling after pointer release or `snapTo()`",
|
|
109
|
+
"name": "--rc-splitter-snap-duration",
|
|
110
|
+
"default": "200ms"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"description": "Diameter of the collapse/expand toggle button",
|
|
114
|
+
"name": "--rc-splitter-collapse-button-size",
|
|
115
|
+
"default": "20px"
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
"description": "Distance from the start edge of the separator to the collapse button center",
|
|
119
|
+
"name": "--rc-splitter-collapse-button-offset",
|
|
120
|
+
"default": "8px"
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"description": "Collapse button background color",
|
|
124
|
+
"name": "--rc-splitter-collapse-button-bg",
|
|
125
|
+
"default": "Canvas"
|
|
126
|
+
},
|
|
127
|
+
{
|
|
128
|
+
"description": "Collapse button background color on hover",
|
|
129
|
+
"name": "--rc-splitter-collapse-button-hover-bg",
|
|
130
|
+
"default": "ButtonFace"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"description": "Collapse button border color",
|
|
134
|
+
"name": "--rc-splitter-collapse-button-border",
|
|
135
|
+
"default": "ButtonBorder"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"description": "Collapse button icon color",
|
|
139
|
+
"name": "--rc-splitter-collapse-button-color",
|
|
140
|
+
"default": "ButtonText"
|
|
141
|
+
},
|
|
142
|
+
{
|
|
143
|
+
"description": "Inline-start border",
|
|
144
|
+
"name": "--rc-splitter-separator-border-inline-start",
|
|
145
|
+
"default": "1px solid ButtonBorder"
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"description": "Inline-end border",
|
|
149
|
+
"name": "--rc-splitter-separator-border-inline-end",
|
|
150
|
+
"default": "1px solid ButtonBorder"
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"description": "Block-start border (vertical orientation)",
|
|
154
|
+
"name": "--rc-splitter-separator-border-block-start",
|
|
155
|
+
"default": "1px solid ButtonBorder"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
"description": "Block-end border (vertical orientation)",
|
|
159
|
+
"name": "--rc-splitter-separator-border-block-end",
|
|
160
|
+
"default": "1px solid ButtonBorder"
|
|
161
|
+
}
|
|
162
|
+
],
|
|
163
|
+
"cssParts": [
|
|
164
|
+
{
|
|
165
|
+
"description": "Primary pane container",
|
|
166
|
+
"name": "primary"
|
|
167
|
+
},
|
|
168
|
+
{
|
|
169
|
+
"description": "Secondary pane container",
|
|
170
|
+
"name": "secondary"
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
"description": "The separator bar",
|
|
174
|
+
"name": "separator"
|
|
175
|
+
},
|
|
176
|
+
{
|
|
177
|
+
"description": "The focusable drag handle",
|
|
178
|
+
"name": "separator-handle"
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"description": "The collapse/expand toggle button (only rendered when `collapsible` is set)",
|
|
182
|
+
"name": "collapse-button"
|
|
183
|
+
}
|
|
184
|
+
],
|
|
185
|
+
"slots": [
|
|
186
|
+
{
|
|
187
|
+
"description": "Primary pane contents",
|
|
188
|
+
"name": ""
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"description": "Secondary pane contents (optional)",
|
|
192
|
+
"name": "secondary"
|
|
193
|
+
}
|
|
194
|
+
],
|
|
195
|
+
"members": [
|
|
196
|
+
{
|
|
197
|
+
"kind": "field",
|
|
198
|
+
"name": "label",
|
|
199
|
+
"type": {
|
|
200
|
+
"text": "string"
|
|
201
|
+
},
|
|
202
|
+
"default": "'Splitter'",
|
|
203
|
+
"description": "Accessible label for this splitter. Default label is 'Splitter'.",
|
|
204
|
+
"attribute": "label"
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"kind": "field",
|
|
208
|
+
"name": "orientation",
|
|
209
|
+
"type": {
|
|
210
|
+
"text": "SplitterOrientation"
|
|
211
|
+
},
|
|
212
|
+
"default": "'horizontal'",
|
|
213
|
+
"description": "Splitter orientation, for keyboard navigation and initial sizing.",
|
|
214
|
+
"attribute": "orientation",
|
|
215
|
+
"reflects": true
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"kind": "field",
|
|
219
|
+
"name": "mode",
|
|
220
|
+
"type": {
|
|
221
|
+
"text": "SplitterMode"
|
|
222
|
+
},
|
|
223
|
+
"default": "'length'",
|
|
224
|
+
"description": "Determines value units and pane sizing behavior.\n\n- `length` uses px for the primary pane size.\n- `percent` uses percentage points.\n- `fixed` uses px for a clampable fixed primary pane while the secondary pane flexes.",
|
|
225
|
+
"attribute": "mode",
|
|
226
|
+
"reflects": true
|
|
227
|
+
},
|
|
228
|
+
{
|
|
229
|
+
"kind": "field",
|
|
230
|
+
"name": "step",
|
|
231
|
+
"type": {
|
|
232
|
+
"text": "number"
|
|
233
|
+
},
|
|
234
|
+
"default": "1",
|
|
235
|
+
"description": "The step size for resizing, in either pixels or percentage points depending on `mode`.",
|
|
236
|
+
"attribute": "step"
|
|
237
|
+
},
|
|
238
|
+
{
|
|
239
|
+
"kind": "field",
|
|
240
|
+
"name": "min",
|
|
241
|
+
"type": {
|
|
242
|
+
"text": "number"
|
|
243
|
+
},
|
|
244
|
+
"default": "0",
|
|
245
|
+
"description": "Minimum size of the primary pane in current mode units. Defaults to 0.",
|
|
246
|
+
"attribute": "min"
|
|
247
|
+
},
|
|
248
|
+
{
|
|
249
|
+
"kind": "field",
|
|
250
|
+
"name": "max",
|
|
251
|
+
"type": {
|
|
252
|
+
"text": "number | undefined"
|
|
253
|
+
},
|
|
254
|
+
"default": "undefined",
|
|
255
|
+
"description": "Maximum size of the primary pane in current mode units. Defaults to the full container size.",
|
|
256
|
+
"attribute": "max"
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"kind": "field",
|
|
260
|
+
"name": "_defaultValue",
|
|
261
|
+
"type": {
|
|
262
|
+
"text": "number | undefined"
|
|
263
|
+
},
|
|
264
|
+
"privacy": "private"
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"kind": "field",
|
|
268
|
+
"name": "_hostValue",
|
|
269
|
+
"type": {
|
|
270
|
+
"text": "number | undefined"
|
|
271
|
+
},
|
|
272
|
+
"privacy": "private"
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"kind": "field",
|
|
276
|
+
"name": "_valueInitialized",
|
|
277
|
+
"type": {
|
|
278
|
+
"text": "boolean"
|
|
279
|
+
},
|
|
280
|
+
"privacy": "private",
|
|
281
|
+
"default": "false"
|
|
282
|
+
},
|
|
283
|
+
{
|
|
284
|
+
"kind": "field",
|
|
285
|
+
"name": "value",
|
|
286
|
+
"description": "The current splitter value, corresponding to the separator position, in either pixels or percentage points depending on `mode`.",
|
|
287
|
+
"attribute": "value"
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
"kind": "field",
|
|
291
|
+
"name": "defaultValue",
|
|
292
|
+
"description": "Initial uncontrolled splitter value.",
|
|
293
|
+
"attribute": "default-value"
|
|
294
|
+
},
|
|
295
|
+
{
|
|
296
|
+
"kind": "field",
|
|
297
|
+
"name": "_effectiveMin",
|
|
298
|
+
"type": {
|
|
299
|
+
"text": "number"
|
|
300
|
+
},
|
|
301
|
+
"privacy": "protected",
|
|
302
|
+
"readonly": true
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
"kind": "field",
|
|
306
|
+
"name": "_effectiveMax",
|
|
307
|
+
"type": {
|
|
308
|
+
"text": "number"
|
|
309
|
+
},
|
|
310
|
+
"privacy": "protected",
|
|
311
|
+
"readonly": true
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"kind": "field",
|
|
315
|
+
"name": "_isCollapsed",
|
|
316
|
+
"type": {
|
|
317
|
+
"text": "boolean"
|
|
318
|
+
},
|
|
319
|
+
"privacy": "protected",
|
|
320
|
+
"description": "True once initialized and the primary pane is at its effective minimum.",
|
|
321
|
+
"readonly": true
|
|
322
|
+
},
|
|
323
|
+
{
|
|
324
|
+
"kind": "method",
|
|
325
|
+
"name": "_toggleCollapse",
|
|
326
|
+
"privacy": "protected",
|
|
327
|
+
"return": {
|
|
328
|
+
"type": {
|
|
329
|
+
"text": "void"
|
|
330
|
+
}
|
|
331
|
+
}
|
|
332
|
+
},
|
|
333
|
+
{
|
|
334
|
+
"kind": "method",
|
|
335
|
+
"name": "_onCollapseButtonClick",
|
|
336
|
+
"privacy": "protected",
|
|
337
|
+
"return": {
|
|
338
|
+
"type": {
|
|
339
|
+
"text": "void"
|
|
340
|
+
}
|
|
341
|
+
}
|
|
342
|
+
},
|
|
343
|
+
{
|
|
344
|
+
"kind": "method",
|
|
345
|
+
"name": "_onCollapseKeydown",
|
|
346
|
+
"privacy": "protected",
|
|
347
|
+
"return": {
|
|
348
|
+
"type": {
|
|
349
|
+
"text": "void"
|
|
350
|
+
}
|
|
351
|
+
},
|
|
352
|
+
"parameters": [
|
|
353
|
+
{
|
|
354
|
+
"name": "e",
|
|
355
|
+
"type": {
|
|
356
|
+
"text": "KeyboardEvent"
|
|
357
|
+
}
|
|
358
|
+
}
|
|
359
|
+
]
|
|
360
|
+
},
|
|
361
|
+
{
|
|
362
|
+
"kind": "field",
|
|
363
|
+
"name": "_collapseButtonIcon",
|
|
364
|
+
"privacy": "protected",
|
|
365
|
+
"readonly": true
|
|
366
|
+
},
|
|
367
|
+
{
|
|
368
|
+
"kind": "method",
|
|
369
|
+
"name": "_setValue",
|
|
370
|
+
"privacy": "protected",
|
|
371
|
+
"return": {
|
|
372
|
+
"type": {
|
|
373
|
+
"text": "void"
|
|
374
|
+
}
|
|
375
|
+
},
|
|
376
|
+
"parameters": [
|
|
377
|
+
{
|
|
378
|
+
"name": "val",
|
|
379
|
+
"type": {
|
|
380
|
+
"text": "number"
|
|
381
|
+
}
|
|
382
|
+
},
|
|
383
|
+
{
|
|
384
|
+
"name": "dispatch",
|
|
385
|
+
"type": {
|
|
386
|
+
"text": "boolean"
|
|
387
|
+
}
|
|
388
|
+
}
|
|
389
|
+
]
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
"kind": "method",
|
|
393
|
+
"name": "_setUserValue",
|
|
394
|
+
"privacy": "protected",
|
|
395
|
+
"return": {
|
|
396
|
+
"type": {
|
|
397
|
+
"text": "void"
|
|
398
|
+
}
|
|
399
|
+
},
|
|
400
|
+
"parameters": [
|
|
401
|
+
{
|
|
402
|
+
"name": "val",
|
|
403
|
+
"type": {
|
|
404
|
+
"text": "number"
|
|
405
|
+
}
|
|
406
|
+
}
|
|
407
|
+
]
|
|
408
|
+
},
|
|
409
|
+
{
|
|
410
|
+
"kind": "field",
|
|
411
|
+
"name": "_value",
|
|
412
|
+
"type": {
|
|
413
|
+
"text": "number"
|
|
414
|
+
},
|
|
415
|
+
"privacy": "private",
|
|
416
|
+
"default": "0"
|
|
417
|
+
},
|
|
418
|
+
{
|
|
419
|
+
"kind": "field",
|
|
420
|
+
"name": "fixed",
|
|
421
|
+
"type": {
|
|
422
|
+
"text": "boolean"
|
|
423
|
+
},
|
|
424
|
+
"default": "false",
|
|
425
|
+
"description": "Disables pointer and keyboard resizing without changing pane size.",
|
|
426
|
+
"attribute": "fixed"
|
|
427
|
+
},
|
|
428
|
+
{
|
|
429
|
+
"kind": "field",
|
|
430
|
+
"name": "collapsible",
|
|
431
|
+
"type": {
|
|
432
|
+
"text": "boolean"
|
|
433
|
+
},
|
|
434
|
+
"default": "false",
|
|
435
|
+
"description": "Renders a collapse/expand toggle button on the separator.",
|
|
436
|
+
"attribute": "collapsible"
|
|
437
|
+
},
|
|
438
|
+
{
|
|
439
|
+
"kind": "field",
|
|
440
|
+
"name": "snapPoints",
|
|
441
|
+
"type": {
|
|
442
|
+
"text": "string"
|
|
443
|
+
},
|
|
444
|
+
"default": "''",
|
|
445
|
+
"description": "Ascending whitespace-separated snap points in the current mode's units.\nAn empty value keeps pointer resizing continuous.",
|
|
446
|
+
"attribute": "snap-points"
|
|
447
|
+
},
|
|
448
|
+
{
|
|
449
|
+
"kind": "field",
|
|
450
|
+
"name": "swipeVelocity",
|
|
451
|
+
"type": {
|
|
452
|
+
"text": "number"
|
|
453
|
+
},
|
|
454
|
+
"default": "500",
|
|
455
|
+
"description": "Minimum release velocity, in px/s, that qualifies as a swipe.",
|
|
456
|
+
"attribute": "swipe-velocity"
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"kind": "field",
|
|
460
|
+
"name": "valueText",
|
|
461
|
+
"description": "A human-readable string representation of the value.",
|
|
462
|
+
"readonly": true
|
|
463
|
+
},
|
|
464
|
+
{
|
|
465
|
+
"kind": "field",
|
|
466
|
+
"name": "_minValue",
|
|
467
|
+
"type": {
|
|
468
|
+
"text": "number"
|
|
469
|
+
},
|
|
470
|
+
"privacy": "protected",
|
|
471
|
+
"default": "0"
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"kind": "field",
|
|
475
|
+
"name": "_maxValue",
|
|
476
|
+
"type": {
|
|
477
|
+
"text": "number"
|
|
478
|
+
},
|
|
479
|
+
"privacy": "protected",
|
|
480
|
+
"default": "0"
|
|
481
|
+
},
|
|
482
|
+
{
|
|
483
|
+
"kind": "field",
|
|
484
|
+
"name": "_lastValue",
|
|
485
|
+
"type": {
|
|
486
|
+
"text": "number"
|
|
487
|
+
},
|
|
488
|
+
"privacy": "protected",
|
|
489
|
+
"default": "0",
|
|
490
|
+
"description": "Last valid value, for collapse functionality."
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
"kind": "field",
|
|
494
|
+
"name": "_$primary",
|
|
495
|
+
"type": {
|
|
496
|
+
"text": "HTMLDivElement"
|
|
497
|
+
},
|
|
498
|
+
"privacy": "protected"
|
|
499
|
+
},
|
|
500
|
+
{
|
|
501
|
+
"kind": "field",
|
|
502
|
+
"name": "_$separatorHandle",
|
|
503
|
+
"type": {
|
|
504
|
+
"text": "HTMLDivElement"
|
|
505
|
+
},
|
|
506
|
+
"privacy": "protected"
|
|
507
|
+
},
|
|
508
|
+
{
|
|
509
|
+
"kind": "field",
|
|
510
|
+
"name": "_$primaryElements",
|
|
511
|
+
"type": {
|
|
512
|
+
"text": "Array<HTMLElement>"
|
|
513
|
+
},
|
|
514
|
+
"privacy": "protected"
|
|
515
|
+
},
|
|
516
|
+
{
|
|
517
|
+
"kind": "field",
|
|
518
|
+
"name": "_$secondaryElements",
|
|
519
|
+
"type": {
|
|
520
|
+
"text": "Array<HTMLElement>"
|
|
521
|
+
},
|
|
522
|
+
"privacy": "protected"
|
|
523
|
+
},
|
|
524
|
+
{
|
|
525
|
+
"kind": "field",
|
|
526
|
+
"name": "_initialMax",
|
|
527
|
+
"type": {
|
|
528
|
+
"text": "number"
|
|
529
|
+
},
|
|
530
|
+
"privacy": "protected",
|
|
531
|
+
"default": "0"
|
|
532
|
+
},
|
|
533
|
+
{
|
|
534
|
+
"kind": "field",
|
|
535
|
+
"name": "_gestureStartValue",
|
|
536
|
+
"type": {
|
|
537
|
+
"text": "number"
|
|
538
|
+
},
|
|
539
|
+
"privacy": "protected",
|
|
540
|
+
"default": "0"
|
|
541
|
+
},
|
|
542
|
+
{
|
|
543
|
+
"kind": "field",
|
|
544
|
+
"name": "_gestureRestoreValue",
|
|
545
|
+
"type": {
|
|
546
|
+
"text": "number"
|
|
547
|
+
},
|
|
548
|
+
"privacy": "protected",
|
|
549
|
+
"default": "0"
|
|
550
|
+
},
|
|
551
|
+
{
|
|
552
|
+
"kind": "field",
|
|
553
|
+
"name": "_activeSnapAnimation",
|
|
554
|
+
"type": {
|
|
555
|
+
"text": "Animation | null"
|
|
556
|
+
},
|
|
557
|
+
"privacy": "protected",
|
|
558
|
+
"default": "null"
|
|
559
|
+
},
|
|
560
|
+
{
|
|
561
|
+
"kind": "field",
|
|
562
|
+
"name": "_reducedMotion",
|
|
563
|
+
"privacy": "protected",
|
|
564
|
+
"readonly": true
|
|
565
|
+
},
|
|
566
|
+
{
|
|
567
|
+
"kind": "field",
|
|
568
|
+
"name": "_gesture",
|
|
569
|
+
"privacy": "protected",
|
|
570
|
+
"readonly": true,
|
|
571
|
+
"default": "new DragGestureController(this, { target: () => this._$separatorHandle, axis: this.orientation === 'horizontal' ? 'x' : 'y', focusOnStart: true, onStart: (detail) => this._onGestureStart(detail), onMove: (detail) => this._onGestureMove(detail), onEnd: (detail) => this._onGestureEnd(detail), onCancel: () => this._onGestureCancel(), })"
|
|
572
|
+
},
|
|
573
|
+
{
|
|
574
|
+
"kind": "field",
|
|
575
|
+
"name": "_resizeObserver",
|
|
576
|
+
"privacy": "protected",
|
|
577
|
+
"default": "new ResizeObserver(() => this._onResize())"
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
"kind": "method",
|
|
581
|
+
"name": "_onKeyboardResize",
|
|
582
|
+
"privacy": "protected",
|
|
583
|
+
"parameters": [
|
|
584
|
+
{
|
|
585
|
+
"name": "action",
|
|
586
|
+
"type": {
|
|
587
|
+
"text": "KeyboardNavigationAction"
|
|
588
|
+
}
|
|
589
|
+
}
|
|
590
|
+
]
|
|
591
|
+
},
|
|
592
|
+
{
|
|
593
|
+
"kind": "method",
|
|
594
|
+
"name": "_onPointerResize",
|
|
595
|
+
"privacy": "protected",
|
|
596
|
+
"parameters": [
|
|
597
|
+
{
|
|
598
|
+
"name": "e",
|
|
599
|
+
"type": {
|
|
600
|
+
"text": "Pick<PointerEvent, 'clientX' | 'clientY'>"
|
|
601
|
+
}
|
|
602
|
+
}
|
|
603
|
+
]
|
|
604
|
+
},
|
|
605
|
+
{
|
|
606
|
+
"kind": "method",
|
|
607
|
+
"name": "snapTo",
|
|
608
|
+
"return": {
|
|
609
|
+
"type": {
|
|
610
|
+
"text": "void"
|
|
611
|
+
}
|
|
612
|
+
},
|
|
613
|
+
"parameters": [
|
|
614
|
+
{
|
|
615
|
+
"name": "index",
|
|
616
|
+
"type": {
|
|
617
|
+
"text": "number"
|
|
618
|
+
},
|
|
619
|
+
"description": "zero-based index into `snapPoints`"
|
|
620
|
+
},
|
|
621
|
+
{
|
|
622
|
+
"name": "behavior",
|
|
623
|
+
"default": "'animated'",
|
|
624
|
+
"type": {
|
|
625
|
+
"text": "'animated' | 'instant'"
|
|
626
|
+
},
|
|
627
|
+
"description": "whether to animate the movement"
|
|
628
|
+
}
|
|
629
|
+
],
|
|
630
|
+
"description": "Settles at a declared snap point by zero-based index.\n\nFinite fractional indices are truncated and clamped. Calls without valid\nsnap points or with a non-finite index have no effect."
|
|
631
|
+
},
|
|
632
|
+
{
|
|
633
|
+
"kind": "method",
|
|
634
|
+
"name": "_onGestureStart",
|
|
635
|
+
"privacy": "protected",
|
|
636
|
+
"return": {
|
|
637
|
+
"type": {
|
|
638
|
+
"text": "void"
|
|
639
|
+
}
|
|
640
|
+
},
|
|
641
|
+
"parameters": [
|
|
642
|
+
{
|
|
643
|
+
"name": "_detail",
|
|
644
|
+
"type": {
|
|
645
|
+
"text": "DragGestureDetail"
|
|
646
|
+
}
|
|
647
|
+
}
|
|
648
|
+
]
|
|
649
|
+
},
|
|
650
|
+
{
|
|
651
|
+
"kind": "method",
|
|
652
|
+
"name": "_onGestureMove",
|
|
653
|
+
"privacy": "protected",
|
|
654
|
+
"return": {
|
|
655
|
+
"type": {
|
|
656
|
+
"text": "void"
|
|
657
|
+
}
|
|
658
|
+
},
|
|
659
|
+
"parameters": [
|
|
660
|
+
{
|
|
661
|
+
"name": "detail",
|
|
662
|
+
"type": {
|
|
663
|
+
"text": "DragGestureDetail"
|
|
664
|
+
}
|
|
665
|
+
}
|
|
666
|
+
]
|
|
667
|
+
},
|
|
668
|
+
{
|
|
669
|
+
"kind": "method",
|
|
670
|
+
"name": "_onGestureEnd",
|
|
671
|
+
"privacy": "protected",
|
|
672
|
+
"return": {
|
|
673
|
+
"type": {
|
|
674
|
+
"text": "void"
|
|
675
|
+
}
|
|
676
|
+
},
|
|
677
|
+
"parameters": [
|
|
678
|
+
{
|
|
679
|
+
"name": "detail",
|
|
680
|
+
"type": {
|
|
681
|
+
"text": "DragGestureDetail"
|
|
682
|
+
}
|
|
683
|
+
}
|
|
684
|
+
]
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"kind": "method",
|
|
688
|
+
"name": "_onGestureCancel",
|
|
689
|
+
"privacy": "protected",
|
|
690
|
+
"return": {
|
|
691
|
+
"type": {
|
|
692
|
+
"text": "void"
|
|
693
|
+
}
|
|
694
|
+
}
|
|
695
|
+
},
|
|
696
|
+
{
|
|
697
|
+
"kind": "method",
|
|
698
|
+
"name": "_resolvedSnapPoints",
|
|
699
|
+
"privacy": "protected",
|
|
700
|
+
"return": {
|
|
701
|
+
"type": {
|
|
702
|
+
"text": "number[]"
|
|
703
|
+
}
|
|
704
|
+
}
|
|
705
|
+
},
|
|
706
|
+
{
|
|
707
|
+
"kind": "method",
|
|
708
|
+
"name": "_settleToValue",
|
|
709
|
+
"privacy": "protected",
|
|
710
|
+
"return": {
|
|
711
|
+
"type": {
|
|
712
|
+
"text": "Promise<void>"
|
|
713
|
+
}
|
|
714
|
+
},
|
|
715
|
+
"parameters": [
|
|
716
|
+
{
|
|
717
|
+
"name": "value",
|
|
718
|
+
"type": {
|
|
719
|
+
"text": "number"
|
|
720
|
+
}
|
|
721
|
+
},
|
|
722
|
+
{
|
|
723
|
+
"name": "behavior",
|
|
724
|
+
"type": {
|
|
725
|
+
"text": "'animated' | 'instant'"
|
|
726
|
+
}
|
|
727
|
+
}
|
|
728
|
+
]
|
|
729
|
+
},
|
|
730
|
+
{
|
|
731
|
+
"kind": "method",
|
|
732
|
+
"name": "_snapDuration",
|
|
733
|
+
"privacy": "protected",
|
|
734
|
+
"return": {
|
|
735
|
+
"type": {
|
|
736
|
+
"text": "number"
|
|
737
|
+
}
|
|
738
|
+
}
|
|
739
|
+
},
|
|
740
|
+
{
|
|
741
|
+
"kind": "method",
|
|
742
|
+
"name": "_onPrimaryChange",
|
|
743
|
+
"privacy": "protected",
|
|
744
|
+
"parameters": [
|
|
745
|
+
{
|
|
746
|
+
"name": "_e",
|
|
747
|
+
"type": {
|
|
748
|
+
"text": "Event"
|
|
749
|
+
}
|
|
750
|
+
}
|
|
751
|
+
]
|
|
752
|
+
},
|
|
753
|
+
{
|
|
754
|
+
"kind": "method",
|
|
755
|
+
"name": "_onSecondaryChange",
|
|
756
|
+
"privacy": "protected",
|
|
757
|
+
"parameters": [
|
|
758
|
+
{
|
|
759
|
+
"name": "_e",
|
|
760
|
+
"type": {
|
|
761
|
+
"text": "Event"
|
|
762
|
+
}
|
|
763
|
+
}
|
|
764
|
+
]
|
|
765
|
+
},
|
|
766
|
+
{
|
|
767
|
+
"kind": "method",
|
|
768
|
+
"name": "_measureHostSize",
|
|
769
|
+
"privacy": "protected",
|
|
770
|
+
"return": {
|
|
771
|
+
"type": {
|
|
772
|
+
"text": "number"
|
|
773
|
+
}
|
|
774
|
+
},
|
|
775
|
+
"parameters": [
|
|
776
|
+
{
|
|
777
|
+
"name": "axis",
|
|
778
|
+
"type": {
|
|
779
|
+
"text": "'inline' | 'block'"
|
|
780
|
+
}
|
|
781
|
+
}
|
|
782
|
+
]
|
|
783
|
+
},
|
|
784
|
+
{
|
|
785
|
+
"kind": "method",
|
|
786
|
+
"name": "_onResize",
|
|
787
|
+
"privacy": "protected"
|
|
788
|
+
}
|
|
789
|
+
],
|
|
790
|
+
"events": [
|
|
791
|
+
{
|
|
792
|
+
"name": "rc-splitter-change",
|
|
793
|
+
"type": {
|
|
794
|
+
"text": "CustomEvent"
|
|
795
|
+
},
|
|
796
|
+
"description": "Fired when the separator position changes; `detail: { value, valueText }`"
|
|
797
|
+
}
|
|
798
|
+
],
|
|
799
|
+
"attributes": [
|
|
800
|
+
{
|
|
801
|
+
"description": "Accessible label for this splitter. Default label is 'Splitter'.",
|
|
802
|
+
"name": "label",
|
|
803
|
+
"type": {
|
|
804
|
+
"text": "string"
|
|
805
|
+
},
|
|
806
|
+
"default": "'Splitter'",
|
|
807
|
+
"fieldName": "label"
|
|
808
|
+
},
|
|
809
|
+
{
|
|
810
|
+
"description": "Splitter orientation, for keyboard navigation and initial sizing.",
|
|
811
|
+
"name": "orientation",
|
|
812
|
+
"type": {
|
|
813
|
+
"text": "SplitterOrientation"
|
|
814
|
+
},
|
|
815
|
+
"default": "'horizontal'",
|
|
816
|
+
"fieldName": "orientation"
|
|
817
|
+
},
|
|
818
|
+
{
|
|
819
|
+
"description": "Determines value units and pane sizing behavior.\n\n- `length` uses px for the primary pane size.\n- `percent` uses percentage points.\n- `fixed` uses px for a clampable fixed primary pane while the secondary pane flexes.",
|
|
820
|
+
"name": "mode",
|
|
821
|
+
"type": {
|
|
822
|
+
"text": "SplitterMode"
|
|
823
|
+
},
|
|
824
|
+
"default": "'length'",
|
|
825
|
+
"fieldName": "mode"
|
|
826
|
+
},
|
|
827
|
+
{
|
|
828
|
+
"description": "The step size for resizing, in either pixels or percentage points depending on `mode`.",
|
|
829
|
+
"name": "step",
|
|
830
|
+
"type": {
|
|
831
|
+
"text": "number"
|
|
832
|
+
},
|
|
833
|
+
"default": "1",
|
|
834
|
+
"fieldName": "step"
|
|
835
|
+
},
|
|
836
|
+
{
|
|
837
|
+
"description": "Minimum size of the primary pane in current mode units. Defaults to 0.",
|
|
838
|
+
"name": "min",
|
|
839
|
+
"type": {
|
|
840
|
+
"text": "number"
|
|
841
|
+
},
|
|
842
|
+
"default": "0",
|
|
843
|
+
"fieldName": "min"
|
|
844
|
+
},
|
|
845
|
+
{
|
|
846
|
+
"description": "Maximum size of the primary pane in current mode units. Defaults to the full container size.",
|
|
847
|
+
"name": "max",
|
|
848
|
+
"type": {
|
|
849
|
+
"text": "number | undefined"
|
|
850
|
+
},
|
|
851
|
+
"default": "undefined",
|
|
852
|
+
"fieldName": "max"
|
|
853
|
+
},
|
|
854
|
+
{
|
|
855
|
+
"description": "The current splitter value, corresponding to the separator position, in either pixels or percentage points depending on `mode`.",
|
|
856
|
+
"name": "value",
|
|
857
|
+
"fieldName": "value"
|
|
858
|
+
},
|
|
859
|
+
{
|
|
860
|
+
"description": "Initial uncontrolled splitter value.",
|
|
861
|
+
"name": "default-value",
|
|
862
|
+
"fieldName": "defaultValue"
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"description": "Disables pointer and keyboard resizing without changing pane size.",
|
|
866
|
+
"name": "fixed",
|
|
867
|
+
"type": {
|
|
868
|
+
"text": "boolean"
|
|
869
|
+
},
|
|
870
|
+
"default": "false",
|
|
871
|
+
"fieldName": "fixed"
|
|
872
|
+
},
|
|
873
|
+
{
|
|
874
|
+
"description": "Renders a collapse/expand toggle button on the separator.",
|
|
875
|
+
"name": "collapsible",
|
|
876
|
+
"type": {
|
|
877
|
+
"text": "boolean"
|
|
878
|
+
},
|
|
879
|
+
"default": "false",
|
|
880
|
+
"fieldName": "collapsible"
|
|
881
|
+
},
|
|
882
|
+
{
|
|
883
|
+
"description": "Ascending whitespace-separated snap points in the current mode's units.\nAn empty value keeps pointer resizing continuous.",
|
|
884
|
+
"name": "snap-points",
|
|
885
|
+
"type": {
|
|
886
|
+
"text": "string"
|
|
887
|
+
},
|
|
888
|
+
"default": "''",
|
|
889
|
+
"fieldName": "snapPoints"
|
|
890
|
+
},
|
|
891
|
+
{
|
|
892
|
+
"description": "Minimum release velocity, in px/s, that qualifies as a swipe.",
|
|
893
|
+
"name": "swipe-velocity",
|
|
894
|
+
"type": {
|
|
895
|
+
"text": "number"
|
|
896
|
+
},
|
|
897
|
+
"default": "500",
|
|
898
|
+
"fieldName": "swipeVelocity"
|
|
899
|
+
}
|
|
900
|
+
],
|
|
901
|
+
"superclass": {
|
|
902
|
+
"name": "LitElement",
|
|
903
|
+
"package": "lit"
|
|
904
|
+
},
|
|
905
|
+
"tagName": "rc-splitter",
|
|
906
|
+
"customElement": true
|
|
907
|
+
}
|
|
908
|
+
],
|
|
909
|
+
"exports": [
|
|
910
|
+
{
|
|
911
|
+
"kind": "js",
|
|
912
|
+
"name": "RCSplitter",
|
|
913
|
+
"declaration": {
|
|
914
|
+
"name": "RCSplitter",
|
|
915
|
+
"module": "src/rc-splitter.ts"
|
|
916
|
+
}
|
|
917
|
+
},
|
|
918
|
+
{
|
|
919
|
+
"kind": "js",
|
|
920
|
+
"name": "default",
|
|
921
|
+
"declaration": {
|
|
922
|
+
"name": "RCSplitter",
|
|
923
|
+
"module": "src/rc-splitter.ts"
|
|
924
|
+
}
|
|
925
|
+
}
|
|
926
|
+
]
|
|
927
|
+
}
|
|
928
|
+
]
|
|
929
|
+
}
|