@window-splitter/vue 0.8.5

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.
Files changed (33) hide show
  1. package/.storybook/main.js +19 -0
  2. package/.storybook/preview.css +22 -0
  3. package/.storybook/preview.js +15 -0
  4. package/.turbo/turbo-build.log +15 -0
  5. package/CHANGELOG.md +28 -0
  6. package/dist/Panel.vue.d.ts +33 -0
  7. package/dist/Panel.vue.d.ts.map +1 -0
  8. package/dist/PanelGroup.vue.d.ts +33 -0
  9. package/dist/PanelGroup.vue.d.ts.map +1 -0
  10. package/dist/PanelResizer.vue.d.ts +22 -0
  11. package/dist/PanelResizer.vue.d.ts.map +1 -0
  12. package/dist/VueWindowSplitter.stories.d.ts +1147 -0
  13. package/dist/VueWindowSplitter.stories.d.ts.map +1 -0
  14. package/dist/VueWindowSplitter.test.d.ts +1 -0
  15. package/dist/VueWindowSplitter.test.d.ts.map +1 -0
  16. package/dist/index.d.ts +7 -0
  17. package/dist/index.d.ts.map +1 -0
  18. package/dist/index.js +2 -0
  19. package/dist/index.js.map +1 -0
  20. package/dist/index.mjs +1493 -0
  21. package/dist/index.mjs.map +1 -0
  22. package/eslint.config.mjs +25 -0
  23. package/package.json +84 -0
  24. package/src/Panel.vue +195 -0
  25. package/src/PanelGroup.vue +166 -0
  26. package/src/PanelResizer.vue +188 -0
  27. package/src/VueWindowSplitter.stories.ts +796 -0
  28. package/src/VueWindowSplitter.test.ts +275 -0
  29. package/src/__snapshots__/VueWindowSplitter.test.ts.snap +58 -0
  30. package/src/index.ts +6 -0
  31. package/tsconfig.json +21 -0
  32. package/vite.config.js +18 -0
  33. package/vitest.config.js +22 -0
package/dist/VueWindowSplitter.stories.d.ts ADDED
@@ -0,0 +1,1147 @@
1
+ import { Meta, StoryObj } from '@storybook/vue3';
2
+ import { default as PanelGroup } from './PanelGroup.vue';
3
+ import { PanelGroupHandle, PanelHandle } from '@window-splitter/interface';
4
+ import { GroupMachineContextValue } from '@window-splitter/state';
5
+ declare const meta: Meta<typeof PanelGroup>;
6
+ export default meta;
7
+ type Story = StoryObj<typeof PanelGroup>;
8
+ export declare const Simple: {
9
+ render: (args: {
10
+ handle: {
11
+ value: PanelGroupHandle | null;
12
+ };
13
+ }) => {
14
+ components: {
15
+ PanelGroup: {
16
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
17
+ id?: string;
18
+ }> & Readonly<{}>, {
19
+ getId: () => string;
20
+ getPixelSizes: () => Array<number>;
21
+ getPercentageSizes: () => Array<number>;
22
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
23
+ getTemplate: () => string;
24
+ getState: () => "idle" | "dragging";
25
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
26
+ elementRef: HTMLDivElement;
27
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
28
+ P: {};
29
+ B: {};
30
+ D: {};
31
+ C: {};
32
+ M: {};
33
+ Defaults: {};
34
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
35
+ id?: string;
36
+ }> & Readonly<{}>, {
37
+ getId: () => string;
38
+ getPixelSizes: () => Array<number>;
39
+ getPercentageSizes: () => Array<number>;
40
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
41
+ getTemplate: () => string;
42
+ getState: () => "idle" | "dragging";
43
+ }, {}, {}, {}, {}>;
44
+ __isFragment?: never;
45
+ __isTeleport?: never;
46
+ __isSuspense?: never;
47
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
48
+ id?: string;
49
+ }> & Readonly<{}>, {
50
+ getId: () => string;
51
+ getPixelSizes: () => Array<number>;
52
+ getPercentageSizes: () => Array<number>;
53
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
54
+ getTemplate: () => string;
55
+ getState: () => "idle" | "dragging";
56
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
57
+ $slots: {
58
+ default?(_: {}): any;
59
+ };
60
+ });
61
+ Panel: {
62
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
63
+ id?: string;
64
+ }> & Readonly<{}>, {
65
+ collapse: () => void;
66
+ isCollapsed: () => boolean;
67
+ expand: () => void;
68
+ isExpanded: () => boolean;
69
+ getId: () => string;
70
+ getPixelSize: () => number;
71
+ getPercentageSize: () => number;
72
+ setSize: (size: import('@window-splitter/state').Unit) => void;
73
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
74
+ collapsed: boolean;
75
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
76
+ P: {};
77
+ B: {};
78
+ D: {};
79
+ C: {};
80
+ M: {};
81
+ Defaults: {};
82
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
83
+ id?: string;
84
+ }> & Readonly<{}>, {
85
+ collapse: () => void;
86
+ isCollapsed: () => boolean;
87
+ expand: () => void;
88
+ isExpanded: () => boolean;
89
+ getId: () => string;
90
+ getPixelSize: () => number;
91
+ getPercentageSize: () => number;
92
+ setSize: (size: import('@window-splitter/state').Unit) => void;
93
+ }, {}, {}, {}, {
94
+ collapsed: boolean;
95
+ }>;
96
+ __isFragment?: never;
97
+ __isTeleport?: never;
98
+ __isSuspense?: never;
99
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
100
+ id?: string;
101
+ }> & Readonly<{}>, {
102
+ collapse: () => void;
103
+ isCollapsed: () => boolean;
104
+ expand: () => void;
105
+ isExpanded: () => boolean;
106
+ getId: () => string;
107
+ getPixelSize: () => number;
108
+ getPercentageSize: () => number;
109
+ setSize: (size: import('@window-splitter/state').Unit) => void;
110
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
111
+ collapsed: boolean;
112
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
113
+ $slots: {
114
+ default?(_: {}): any;
115
+ };
116
+ });
117
+ PanelResizer: {
118
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
119
+ id?: string;
120
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
121
+ P: {};
122
+ B: {};
123
+ D: {};
124
+ C: {};
125
+ M: {};
126
+ Defaults: {};
127
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
128
+ id?: string;
129
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
130
+ __isFragment?: never;
131
+ __isTeleport?: never;
132
+ __isSuspense?: never;
133
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
134
+ id?: string;
135
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
136
+ $slots: {
137
+ default?(_: {}): any;
138
+ };
139
+ });
140
+ };
141
+ setup(): {
142
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
143
+ };
144
+ template: string;
145
+ };
146
+ };
147
+ export declare const Autosave: {
148
+ render: (args: {
149
+ handle: {
150
+ value: PanelGroupHandle | null;
151
+ };
152
+ }) => {
153
+ components: {
154
+ PanelGroup: {
155
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
156
+ id?: string;
157
+ }> & Readonly<{}>, {
158
+ getId: () => string;
159
+ getPixelSizes: () => Array<number>;
160
+ getPercentageSizes: () => Array<number>;
161
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
162
+ getTemplate: () => string;
163
+ getState: () => "idle" | "dragging";
164
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
165
+ elementRef: HTMLDivElement;
166
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
167
+ P: {};
168
+ B: {};
169
+ D: {};
170
+ C: {};
171
+ M: {};
172
+ Defaults: {};
173
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
174
+ id?: string;
175
+ }> & Readonly<{}>, {
176
+ getId: () => string;
177
+ getPixelSizes: () => Array<number>;
178
+ getPercentageSizes: () => Array<number>;
179
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
180
+ getTemplate: () => string;
181
+ getState: () => "idle" | "dragging";
182
+ }, {}, {}, {}, {}>;
183
+ __isFragment?: never;
184
+ __isTeleport?: never;
185
+ __isSuspense?: never;
186
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
187
+ id?: string;
188
+ }> & Readonly<{}>, {
189
+ getId: () => string;
190
+ getPixelSizes: () => Array<number>;
191
+ getPercentageSizes: () => Array<number>;
192
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
193
+ getTemplate: () => string;
194
+ getState: () => "idle" | "dragging";
195
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
196
+ $slots: {
197
+ default?(_: {}): any;
198
+ };
199
+ });
200
+ Panel: {
201
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
202
+ id?: string;
203
+ }> & Readonly<{}>, {
204
+ collapse: () => void;
205
+ isCollapsed: () => boolean;
206
+ expand: () => void;
207
+ isExpanded: () => boolean;
208
+ getId: () => string;
209
+ getPixelSize: () => number;
210
+ getPercentageSize: () => number;
211
+ setSize: (size: import('@window-splitter/state').Unit) => void;
212
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
213
+ collapsed: boolean;
214
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
215
+ P: {};
216
+ B: {};
217
+ D: {};
218
+ C: {};
219
+ M: {};
220
+ Defaults: {};
221
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
222
+ id?: string;
223
+ }> & Readonly<{}>, {
224
+ collapse: () => void;
225
+ isCollapsed: () => boolean;
226
+ expand: () => void;
227
+ isExpanded: () => boolean;
228
+ getId: () => string;
229
+ getPixelSize: () => number;
230
+ getPercentageSize: () => number;
231
+ setSize: (size: import('@window-splitter/state').Unit) => void;
232
+ }, {}, {}, {}, {
233
+ collapsed: boolean;
234
+ }>;
235
+ __isFragment?: never;
236
+ __isTeleport?: never;
237
+ __isSuspense?: never;
238
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
239
+ id?: string;
240
+ }> & Readonly<{}>, {
241
+ collapse: () => void;
242
+ isCollapsed: () => boolean;
243
+ expand: () => void;
244
+ isExpanded: () => boolean;
245
+ getId: () => string;
246
+ getPixelSize: () => number;
247
+ getPercentageSize: () => number;
248
+ setSize: (size: import('@window-splitter/state').Unit) => void;
249
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
250
+ collapsed: boolean;
251
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
252
+ $slots: {
253
+ default?(_: {}): any;
254
+ };
255
+ });
256
+ PanelResizer: {
257
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
258
+ id?: string;
259
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
260
+ P: {};
261
+ B: {};
262
+ D: {};
263
+ C: {};
264
+ M: {};
265
+ Defaults: {};
266
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
267
+ id?: string;
268
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
269
+ __isFragment?: never;
270
+ __isTeleport?: never;
271
+ __isSuspense?: never;
272
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
273
+ id?: string;
274
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
275
+ $slots: {
276
+ default?(_: {}): any;
277
+ };
278
+ });
279
+ };
280
+ setup(): {
281
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
282
+ };
283
+ template: string;
284
+ };
285
+ };
286
+ export declare const AutosaveCookie: {
287
+ render: (args: {
288
+ handle: {
289
+ value: PanelGroupHandle | null;
290
+ };
291
+ snapshot: GroupMachineContextValue;
292
+ }) => {
293
+ components: {
294
+ PanelGroup: {
295
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
296
+ id?: string;
297
+ }> & Readonly<{}>, {
298
+ getId: () => string;
299
+ getPixelSizes: () => Array<number>;
300
+ getPercentageSizes: () => Array<number>;
301
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
302
+ getTemplate: () => string;
303
+ getState: () => "idle" | "dragging";
304
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
305
+ elementRef: HTMLDivElement;
306
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
307
+ P: {};
308
+ B: {};
309
+ D: {};
310
+ C: {};
311
+ M: {};
312
+ Defaults: {};
313
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
314
+ id?: string;
315
+ }> & Readonly<{}>, {
316
+ getId: () => string;
317
+ getPixelSizes: () => Array<number>;
318
+ getPercentageSizes: () => Array<number>;
319
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
320
+ getTemplate: () => string;
321
+ getState: () => "idle" | "dragging";
322
+ }, {}, {}, {}, {}>;
323
+ __isFragment?: never;
324
+ __isTeleport?: never;
325
+ __isSuspense?: never;
326
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
327
+ id?: string;
328
+ }> & Readonly<{}>, {
329
+ getId: () => string;
330
+ getPixelSizes: () => Array<number>;
331
+ getPercentageSizes: () => Array<number>;
332
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
333
+ getTemplate: () => string;
334
+ getState: () => "idle" | "dragging";
335
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
336
+ $slots: {
337
+ default?(_: {}): any;
338
+ };
339
+ });
340
+ Panel: {
341
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
342
+ id?: string;
343
+ }> & Readonly<{}>, {
344
+ collapse: () => void;
345
+ isCollapsed: () => boolean;
346
+ expand: () => void;
347
+ isExpanded: () => boolean;
348
+ getId: () => string;
349
+ getPixelSize: () => number;
350
+ getPercentageSize: () => number;
351
+ setSize: (size: import('@window-splitter/state').Unit) => void;
352
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
353
+ collapsed: boolean;
354
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
355
+ P: {};
356
+ B: {};
357
+ D: {};
358
+ C: {};
359
+ M: {};
360
+ Defaults: {};
361
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
362
+ id?: string;
363
+ }> & Readonly<{}>, {
364
+ collapse: () => void;
365
+ isCollapsed: () => boolean;
366
+ expand: () => void;
367
+ isExpanded: () => boolean;
368
+ getId: () => string;
369
+ getPixelSize: () => number;
370
+ getPercentageSize: () => number;
371
+ setSize: (size: import('@window-splitter/state').Unit) => void;
372
+ }, {}, {}, {}, {
373
+ collapsed: boolean;
374
+ }>;
375
+ __isFragment?: never;
376
+ __isTeleport?: never;
377
+ __isSuspense?: never;
378
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
379
+ id?: string;
380
+ }> & Readonly<{}>, {
381
+ collapse: () => void;
382
+ isCollapsed: () => boolean;
383
+ expand: () => void;
384
+ isExpanded: () => boolean;
385
+ getId: () => string;
386
+ getPixelSize: () => number;
387
+ getPercentageSize: () => number;
388
+ setSize: (size: import('@window-splitter/state').Unit) => void;
389
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
390
+ collapsed: boolean;
391
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
392
+ $slots: {
393
+ default?(_: {}): any;
394
+ };
395
+ });
396
+ PanelResizer: {
397
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
398
+ id?: string;
399
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
400
+ P: {};
401
+ B: {};
402
+ D: {};
403
+ C: {};
404
+ M: {};
405
+ Defaults: {};
406
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
407
+ id?: string;
408
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
409
+ __isFragment?: never;
410
+ __isTeleport?: never;
411
+ __isSuspense?: never;
412
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
413
+ id?: string;
414
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
415
+ $slots: {
416
+ default?(_: {}): any;
417
+ };
418
+ });
419
+ };
420
+ setup(): {
421
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
422
+ snapshot: GroupMachineContextValue;
423
+ };
424
+ template: string;
425
+ };
426
+ };
427
+ export declare const AutosaveCollapsible: {
428
+ render: (args: {
429
+ handle: {
430
+ value: PanelGroupHandle | null;
431
+ };
432
+ onCollapseChange: (collapsed: boolean) => void;
433
+ }) => {
434
+ components: {
435
+ PanelGroup: {
436
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
437
+ id?: string;
438
+ }> & Readonly<{}>, {
439
+ getId: () => string;
440
+ getPixelSizes: () => Array<number>;
441
+ getPercentageSizes: () => Array<number>;
442
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
443
+ getTemplate: () => string;
444
+ getState: () => "idle" | "dragging";
445
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
446
+ elementRef: HTMLDivElement;
447
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
448
+ P: {};
449
+ B: {};
450
+ D: {};
451
+ C: {};
452
+ M: {};
453
+ Defaults: {};
454
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
455
+ id?: string;
456
+ }> & Readonly<{}>, {
457
+ getId: () => string;
458
+ getPixelSizes: () => Array<number>;
459
+ getPercentageSizes: () => Array<number>;
460
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
461
+ getTemplate: () => string;
462
+ getState: () => "idle" | "dragging";
463
+ }, {}, {}, {}, {}>;
464
+ __isFragment?: never;
465
+ __isTeleport?: never;
466
+ __isSuspense?: never;
467
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
468
+ id?: string;
469
+ }> & Readonly<{}>, {
470
+ getId: () => string;
471
+ getPixelSizes: () => Array<number>;
472
+ getPercentageSizes: () => Array<number>;
473
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
474
+ getTemplate: () => string;
475
+ getState: () => "idle" | "dragging";
476
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
477
+ $slots: {
478
+ default?(_: {}): any;
479
+ };
480
+ });
481
+ Panel: {
482
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
483
+ id?: string;
484
+ }> & Readonly<{}>, {
485
+ collapse: () => void;
486
+ isCollapsed: () => boolean;
487
+ expand: () => void;
488
+ isExpanded: () => boolean;
489
+ getId: () => string;
490
+ getPixelSize: () => number;
491
+ getPercentageSize: () => number;
492
+ setSize: (size: import('@window-splitter/state').Unit) => void;
493
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
494
+ collapsed: boolean;
495
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
496
+ P: {};
497
+ B: {};
498
+ D: {};
499
+ C: {};
500
+ M: {};
501
+ Defaults: {};
502
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
503
+ id?: string;
504
+ }> & Readonly<{}>, {
505
+ collapse: () => void;
506
+ isCollapsed: () => boolean;
507
+ expand: () => void;
508
+ isExpanded: () => boolean;
509
+ getId: () => string;
510
+ getPixelSize: () => number;
511
+ getPercentageSize: () => number;
512
+ setSize: (size: import('@window-splitter/state').Unit) => void;
513
+ }, {}, {}, {}, {
514
+ collapsed: boolean;
515
+ }>;
516
+ __isFragment?: never;
517
+ __isTeleport?: never;
518
+ __isSuspense?: never;
519
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
520
+ id?: string;
521
+ }> & Readonly<{}>, {
522
+ collapse: () => void;
523
+ isCollapsed: () => boolean;
524
+ expand: () => void;
525
+ isExpanded: () => boolean;
526
+ getId: () => string;
527
+ getPixelSize: () => number;
528
+ getPercentageSize: () => number;
529
+ setSize: (size: import('@window-splitter/state').Unit) => void;
530
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
531
+ collapsed: boolean;
532
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
533
+ $slots: {
534
+ default?(_: {}): any;
535
+ };
536
+ });
537
+ PanelResizer: {
538
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
539
+ id?: string;
540
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
541
+ P: {};
542
+ B: {};
543
+ D: {};
544
+ C: {};
545
+ M: {};
546
+ Defaults: {};
547
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
548
+ id?: string;
549
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
550
+ __isFragment?: never;
551
+ __isTeleport?: never;
552
+ __isSuspense?: never;
553
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
554
+ id?: string;
555
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
556
+ $slots: {
557
+ default?(_: {}): any;
558
+ };
559
+ });
560
+ };
561
+ setup(): {
562
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
563
+ onCollapseChange: (collapsed: boolean) => void;
564
+ };
565
+ template: string;
566
+ };
567
+ };
568
+ export declare const DynamicConstraints: {
569
+ render: (args: {
570
+ handle: {
571
+ value: PanelGroupHandle | null;
572
+ };
573
+ }) => {
574
+ components: {
575
+ PanelGroup: {
576
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
577
+ id?: string;
578
+ }> & Readonly<{}>, {
579
+ getId: () => string;
580
+ getPixelSizes: () => Array<number>;
581
+ getPercentageSizes: () => Array<number>;
582
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
583
+ getTemplate: () => string;
584
+ getState: () => "idle" | "dragging";
585
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
586
+ elementRef: HTMLDivElement;
587
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
588
+ P: {};
589
+ B: {};
590
+ D: {};
591
+ C: {};
592
+ M: {};
593
+ Defaults: {};
594
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
595
+ id?: string;
596
+ }> & Readonly<{}>, {
597
+ getId: () => string;
598
+ getPixelSizes: () => Array<number>;
599
+ getPercentageSizes: () => Array<number>;
600
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
601
+ getTemplate: () => string;
602
+ getState: () => "idle" | "dragging";
603
+ }, {}, {}, {}, {}>;
604
+ __isFragment?: never;
605
+ __isTeleport?: never;
606
+ __isSuspense?: never;
607
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
608
+ id?: string;
609
+ }> & Readonly<{}>, {
610
+ getId: () => string;
611
+ getPixelSizes: () => Array<number>;
612
+ getPercentageSizes: () => Array<number>;
613
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
614
+ getTemplate: () => string;
615
+ getState: () => "idle" | "dragging";
616
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
617
+ $slots: {
618
+ default?(_: {}): any;
619
+ };
620
+ });
621
+ Panel: {
622
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
623
+ id?: string;
624
+ }> & Readonly<{}>, {
625
+ collapse: () => void;
626
+ isCollapsed: () => boolean;
627
+ expand: () => void;
628
+ isExpanded: () => boolean;
629
+ getId: () => string;
630
+ getPixelSize: () => number;
631
+ getPercentageSize: () => number;
632
+ setSize: (size: import('@window-splitter/state').Unit) => void;
633
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
634
+ collapsed: boolean;
635
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
636
+ P: {};
637
+ B: {};
638
+ D: {};
639
+ C: {};
640
+ M: {};
641
+ Defaults: {};
642
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
643
+ id?: string;
644
+ }> & Readonly<{}>, {
645
+ collapse: () => void;
646
+ isCollapsed: () => boolean;
647
+ expand: () => void;
648
+ isExpanded: () => boolean;
649
+ getId: () => string;
650
+ getPixelSize: () => number;
651
+ getPercentageSize: () => number;
652
+ setSize: (size: import('@window-splitter/state').Unit) => void;
653
+ }, {}, {}, {}, {
654
+ collapsed: boolean;
655
+ }>;
656
+ __isFragment?: never;
657
+ __isTeleport?: never;
658
+ __isSuspense?: never;
659
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
660
+ id?: string;
661
+ }> & Readonly<{}>, {
662
+ collapse: () => void;
663
+ isCollapsed: () => boolean;
664
+ expand: () => void;
665
+ isExpanded: () => boolean;
666
+ getId: () => string;
667
+ getPixelSize: () => number;
668
+ getPercentageSize: () => number;
669
+ setSize: (size: import('@window-splitter/state').Unit) => void;
670
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
671
+ collapsed: boolean;
672
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
673
+ $slots: {
674
+ default?(_: {}): any;
675
+ };
676
+ });
677
+ PanelResizer: {
678
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
679
+ id?: string;
680
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
681
+ P: {};
682
+ B: {};
683
+ D: {};
684
+ C: {};
685
+ M: {};
686
+ Defaults: {};
687
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
688
+ id?: string;
689
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
690
+ __isFragment?: never;
691
+ __isTeleport?: never;
692
+ __isSuspense?: never;
693
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
694
+ id?: string;
695
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
696
+ $slots: {
697
+ default?(_: {}): any;
698
+ };
699
+ });
700
+ };
701
+ setup(): {
702
+ customOn: import('vue').Ref<boolean, boolean>;
703
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
704
+ };
705
+ template: string;
706
+ };
707
+ };
708
+ export declare const SimpleMin: Story;
709
+ export declare const SimpleMinMax: Story;
710
+ export declare const SimpleConstraints: Story;
711
+ export declare const HorizontalLayout: Story;
712
+ export declare const VerticalLayout: {
713
+ render: (args: {
714
+ handle: {
715
+ value: PanelGroupHandle | null;
716
+ };
717
+ }) => {
718
+ components: {
719
+ PanelGroup: {
720
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
721
+ id?: string;
722
+ }> & Readonly<{}>, {
723
+ getId: () => string;
724
+ getPixelSizes: () => Array<number>;
725
+ getPercentageSizes: () => Array<number>;
726
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
727
+ getTemplate: () => string;
728
+ getState: () => "idle" | "dragging";
729
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
730
+ elementRef: HTMLDivElement;
731
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
732
+ P: {};
733
+ B: {};
734
+ D: {};
735
+ C: {};
736
+ M: {};
737
+ Defaults: {};
738
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
739
+ id?: string;
740
+ }> & Readonly<{}>, {
741
+ getId: () => string;
742
+ getPixelSizes: () => Array<number>;
743
+ getPercentageSizes: () => Array<number>;
744
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
745
+ getTemplate: () => string;
746
+ getState: () => "idle" | "dragging";
747
+ }, {}, {}, {}, {}>;
748
+ __isFragment?: never;
749
+ __isTeleport?: never;
750
+ __isSuspense?: never;
751
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
752
+ id?: string;
753
+ }> & Readonly<{}>, {
754
+ getId: () => string;
755
+ getPixelSizes: () => Array<number>;
756
+ getPercentageSizes: () => Array<number>;
757
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
758
+ getTemplate: () => string;
759
+ getState: () => "idle" | "dragging";
760
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
761
+ $slots: {
762
+ default?(_: {}): any;
763
+ };
764
+ });
765
+ Panel: {
766
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
767
+ id?: string;
768
+ }> & Readonly<{}>, {
769
+ collapse: () => void;
770
+ isCollapsed: () => boolean;
771
+ expand: () => void;
772
+ isExpanded: () => boolean;
773
+ getId: () => string;
774
+ getPixelSize: () => number;
775
+ getPercentageSize: () => number;
776
+ setSize: (size: import('@window-splitter/state').Unit) => void;
777
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
778
+ collapsed: boolean;
779
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
780
+ P: {};
781
+ B: {};
782
+ D: {};
783
+ C: {};
784
+ M: {};
785
+ Defaults: {};
786
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
787
+ id?: string;
788
+ }> & Readonly<{}>, {
789
+ collapse: () => void;
790
+ isCollapsed: () => boolean;
791
+ expand: () => void;
792
+ isExpanded: () => boolean;
793
+ getId: () => string;
794
+ getPixelSize: () => number;
795
+ getPercentageSize: () => number;
796
+ setSize: (size: import('@window-splitter/state').Unit) => void;
797
+ }, {}, {}, {}, {
798
+ collapsed: boolean;
799
+ }>;
800
+ __isFragment?: never;
801
+ __isTeleport?: never;
802
+ __isSuspense?: never;
803
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
804
+ id?: string;
805
+ }> & Readonly<{}>, {
806
+ collapse: () => void;
807
+ isCollapsed: () => boolean;
808
+ expand: () => void;
809
+ isExpanded: () => boolean;
810
+ getId: () => string;
811
+ getPixelSize: () => number;
812
+ getPercentageSize: () => number;
813
+ setSize: (size: import('@window-splitter/state').Unit) => void;
814
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
815
+ collapsed: boolean;
816
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
817
+ $slots: {
818
+ default?(_: {}): any;
819
+ };
820
+ });
821
+ PanelResizer: {
822
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
823
+ id?: string;
824
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
825
+ P: {};
826
+ B: {};
827
+ D: {};
828
+ C: {};
829
+ M: {};
830
+ Defaults: {};
831
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
832
+ id?: string;
833
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
834
+ __isFragment?: never;
835
+ __isTeleport?: never;
836
+ __isSuspense?: never;
837
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
838
+ id?: string;
839
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
840
+ $slots: {
841
+ default?(_: {}): any;
842
+ };
843
+ });
844
+ };
845
+ setup(): {
846
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
847
+ };
848
+ template: string;
849
+ };
850
+ };
851
+ export declare const VerticalLayout2: Story;
852
+ export declare const NestedGroups: Story;
853
+ export declare const WithOverflow: Story;
854
+ export declare const Collapsible: {
855
+ render: (args: {
856
+ handle: {
857
+ value: PanelGroupHandle | null;
858
+ };
859
+ leftHandle?: {
860
+ value: PanelHandle | null;
861
+ };
862
+ rightHandle?: {
863
+ value: PanelHandle | null;
864
+ };
865
+ }) => {
866
+ components: {
867
+ PanelGroup: {
868
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
869
+ id?: string;
870
+ }> & Readonly<{}>, {
871
+ getId: () => string;
872
+ getPixelSizes: () => Array<number>;
873
+ getPercentageSizes: () => Array<number>;
874
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
875
+ getTemplate: () => string;
876
+ getState: () => "idle" | "dragging";
877
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
878
+ elementRef: HTMLDivElement;
879
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
880
+ P: {};
881
+ B: {};
882
+ D: {};
883
+ C: {};
884
+ M: {};
885
+ Defaults: {};
886
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
887
+ id?: string;
888
+ }> & Readonly<{}>, {
889
+ getId: () => string;
890
+ getPixelSizes: () => Array<number>;
891
+ getPercentageSizes: () => Array<number>;
892
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
893
+ getTemplate: () => string;
894
+ getState: () => "idle" | "dragging";
895
+ }, {}, {}, {}, {}>;
896
+ __isFragment?: never;
897
+ __isTeleport?: never;
898
+ __isSuspense?: never;
899
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
900
+ id?: string;
901
+ }> & Readonly<{}>, {
902
+ getId: () => string;
903
+ getPixelSizes: () => Array<number>;
904
+ getPercentageSizes: () => Array<number>;
905
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
906
+ getTemplate: () => string;
907
+ getState: () => "idle" | "dragging";
908
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
909
+ $slots: {
910
+ default?(_: {}): any;
911
+ };
912
+ });
913
+ Panel: {
914
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
915
+ id?: string;
916
+ }> & Readonly<{}>, {
917
+ collapse: () => void;
918
+ isCollapsed: () => boolean;
919
+ expand: () => void;
920
+ isExpanded: () => boolean;
921
+ getId: () => string;
922
+ getPixelSize: () => number;
923
+ getPercentageSize: () => number;
924
+ setSize: (size: import('@window-splitter/state').Unit) => void;
925
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
926
+ collapsed: boolean;
927
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
928
+ P: {};
929
+ B: {};
930
+ D: {};
931
+ C: {};
932
+ M: {};
933
+ Defaults: {};
934
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
935
+ id?: string;
936
+ }> & Readonly<{}>, {
937
+ collapse: () => void;
938
+ isCollapsed: () => boolean;
939
+ expand: () => void;
940
+ isExpanded: () => boolean;
941
+ getId: () => string;
942
+ getPixelSize: () => number;
943
+ getPercentageSize: () => number;
944
+ setSize: (size: import('@window-splitter/state').Unit) => void;
945
+ }, {}, {}, {}, {
946
+ collapsed: boolean;
947
+ }>;
948
+ __isFragment?: never;
949
+ __isTeleport?: never;
950
+ __isSuspense?: never;
951
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
952
+ id?: string;
953
+ }> & Readonly<{}>, {
954
+ collapse: () => void;
955
+ isCollapsed: () => boolean;
956
+ expand: () => void;
957
+ isExpanded: () => boolean;
958
+ getId: () => string;
959
+ getPixelSize: () => number;
960
+ getPercentageSize: () => number;
961
+ setSize: (size: import('@window-splitter/state').Unit) => void;
962
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
963
+ collapsed: boolean;
964
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
965
+ $slots: {
966
+ default?(_: {}): any;
967
+ };
968
+ });
969
+ PanelResizer: {
970
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
971
+ id?: string;
972
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
973
+ P: {};
974
+ B: {};
975
+ D: {};
976
+ C: {};
977
+ M: {};
978
+ Defaults: {};
979
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
980
+ id?: string;
981
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
982
+ __isFragment?: never;
983
+ __isTeleport?: never;
984
+ __isSuspense?: never;
985
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
986
+ id?: string;
987
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
988
+ $slots: {
989
+ default?(_: {}): any;
990
+ };
991
+ });
992
+ };
993
+ setup(): {
994
+ collapsed: import('vue').Ref<boolean, boolean>;
995
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
996
+ leftHandle: Readonly<import('vue').ShallowRef<PanelHandle | null>>;
997
+ rightHandle: Readonly<import('vue').ShallowRef<PanelHandle | null>>;
998
+ };
999
+ template: string;
1000
+ };
1001
+ };
1002
+ export declare const CustomCollapseAnimation: Story;
1003
+ export declare const ImperativePanel: Story;
1004
+ export declare const ConditionalPanel: {
1005
+ render: (args: {
1006
+ handle: {
1007
+ value: PanelGroupHandle | null;
1008
+ };
1009
+ }) => {
1010
+ components: {
1011
+ PanelGroup: {
1012
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
1013
+ id?: string;
1014
+ }> & Readonly<{}>, {
1015
+ getId: () => string;
1016
+ getPixelSizes: () => Array<number>;
1017
+ getPercentageSizes: () => Array<number>;
1018
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
1019
+ getTemplate: () => string;
1020
+ getState: () => "idle" | "dragging";
1021
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
1022
+ elementRef: HTMLDivElement;
1023
+ }, HTMLDivElement, import('vue').ComponentProvideOptions, {
1024
+ P: {};
1025
+ B: {};
1026
+ D: {};
1027
+ C: {};
1028
+ M: {};
1029
+ Defaults: {};
1030
+ }, Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
1031
+ id?: string;
1032
+ }> & Readonly<{}>, {
1033
+ getId: () => string;
1034
+ getPixelSizes: () => Array<number>;
1035
+ getPercentageSizes: () => Array<number>;
1036
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
1037
+ getTemplate: () => string;
1038
+ getState: () => "idle" | "dragging";
1039
+ }, {}, {}, {}, {}>;
1040
+ __isFragment?: never;
1041
+ __isTeleport?: never;
1042
+ __isSuspense?: never;
1043
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelGroupProps & {
1044
+ id?: string;
1045
+ }> & Readonly<{}>, {
1046
+ getId: () => string;
1047
+ getPixelSizes: () => Array<number>;
1048
+ getPercentageSizes: () => Array<number>;
1049
+ setSizes: (items: Array<import('@window-splitter/state').Unit>) => void;
1050
+ getTemplate: () => string;
1051
+ getState: () => "idle" | "dragging";
1052
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1053
+ $slots: {
1054
+ default?(_: {}): any;
1055
+ };
1056
+ });
1057
+ Panel: {
1058
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
1059
+ id?: string;
1060
+ }> & Readonly<{}>, {
1061
+ collapse: () => void;
1062
+ isCollapsed: () => boolean;
1063
+ expand: () => void;
1064
+ isExpanded: () => boolean;
1065
+ getId: () => string;
1066
+ getPixelSize: () => number;
1067
+ getPercentageSize: () => number;
1068
+ setSize: (size: import('@window-splitter/state').Unit) => void;
1069
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
1070
+ collapsed: boolean;
1071
+ }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
1072
+ P: {};
1073
+ B: {};
1074
+ D: {};
1075
+ C: {};
1076
+ M: {};
1077
+ Defaults: {};
1078
+ }, Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
1079
+ id?: string;
1080
+ }> & Readonly<{}>, {
1081
+ collapse: () => void;
1082
+ isCollapsed: () => boolean;
1083
+ expand: () => void;
1084
+ isExpanded: () => boolean;
1085
+ getId: () => string;
1086
+ getPixelSize: () => number;
1087
+ getPercentageSize: () => number;
1088
+ setSize: (size: import('@window-splitter/state').Unit) => void;
1089
+ }, {}, {}, {}, {
1090
+ collapsed: boolean;
1091
+ }>;
1092
+ __isFragment?: never;
1093
+ __isTeleport?: never;
1094
+ __isSuspense?: never;
1095
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelProps<boolean> & {
1096
+ id?: string;
1097
+ }> & Readonly<{}>, {
1098
+ collapse: () => void;
1099
+ isCollapsed: () => boolean;
1100
+ expand: () => void;
1101
+ isExpanded: () => boolean;
1102
+ getId: () => string;
1103
+ getPixelSize: () => number;
1104
+ getPercentageSize: () => number;
1105
+ setSize: (size: import('@window-splitter/state').Unit) => void;
1106
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
1107
+ collapsed: boolean;
1108
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1109
+ $slots: {
1110
+ default?(_: {}): any;
1111
+ };
1112
+ });
1113
+ PanelResizer: {
1114
+ new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
1115
+ id?: string;
1116
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
1117
+ P: {};
1118
+ B: {};
1119
+ D: {};
1120
+ C: {};
1121
+ M: {};
1122
+ Defaults: {};
1123
+ }, Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
1124
+ id?: string;
1125
+ }> & Readonly<{}>, {}, {}, {}, {}, {}>;
1126
+ __isFragment?: never;
1127
+ __isTeleport?: never;
1128
+ __isSuspense?: never;
1129
+ } & import('vue').ComponentOptionsBase<Readonly<import('@window-splitter/interface').SharedPanelResizerProps & {
1130
+ id?: string;
1131
+ }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
1132
+ $slots: {
1133
+ default?(_: {}): any;
1134
+ };
1135
+ });
1136
+ };
1137
+ setup(): {
1138
+ handle: Readonly<import('vue').ShallowRef<PanelGroupHandle | null>>;
1139
+ isExpanded: import('vue').Ref<boolean, boolean>;
1140
+ };
1141
+ template: string;
1142
+ };
1143
+ };
1144
+ export declare const ConditionalPanelComplex: Story;
1145
+ export declare const WithDefaultWidth: Story;
1146
+ export declare const StaticAtRest: Story;
1147
+ //# sourceMappingURL=VueWindowSplitter.stories.d.ts.map