dialkit 1.3.0 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (71) hide show
  1. package/README.md +433 -3
  2. package/dist/icons.d.ts +5 -1
  3. package/dist/icons.js +18 -0
  4. package/dist/icons.js.map +1 -1
  5. package/dist/index.cjs +3222 -479
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.d.cts +274 -6
  8. package/dist/index.d.ts +274 -6
  9. package/dist/index.js +3154 -416
  10. package/dist/index.js.map +1 -1
  11. package/dist/solid/index.d.ts +225 -3
  12. package/dist/solid/index.js +5761 -2500
  13. package/dist/solid/index.js.map +1 -1
  14. package/dist/store/index.cjs +57 -16
  15. package/dist/store/index.cjs.map +1 -1
  16. package/dist/store/index.d.cts +14 -2
  17. package/dist/store/index.d.ts +14 -2
  18. package/dist/store/index.js +52 -16
  19. package/dist/store/index.js.map +1 -1
  20. package/dist/styles.css +788 -0
  21. package/dist/svelte/components/ControlRenderer.svelte +5 -2
  22. package/dist/svelte/components/ControlRenderer.svelte.d.ts +2 -0
  23. package/dist/svelte/components/ControlRenderer.svelte.d.ts.map +1 -1
  24. package/dist/svelte/components/DialRoot.svelte +43 -6
  25. package/dist/svelte/components/DialRoot.svelte.d.ts.map +1 -1
  26. package/dist/svelte/components/Panel.svelte +7 -1
  27. package/dist/svelte/components/Panel.svelte.d.ts +2 -0
  28. package/dist/svelte/components/Panel.svelte.d.ts.map +1 -1
  29. package/dist/svelte/components/Timeline/ClipPopover.svelte +206 -0
  30. package/dist/svelte/components/Timeline/ClipPopover.svelte.d.ts +26 -0
  31. package/dist/svelte/components/Timeline/ClipPopover.svelte.d.ts.map +1 -0
  32. package/dist/svelte/components/Timeline/DialTimeline.svelte +125 -0
  33. package/dist/svelte/components/Timeline/DialTimeline.svelte.d.ts +13 -0
  34. package/dist/svelte/components/Timeline/DialTimeline.svelte.d.ts.map +1 -0
  35. package/dist/svelte/components/Timeline/TimelineClip.svelte +233 -0
  36. package/dist/svelte/components/Timeline/TimelineClip.svelte.d.ts +24 -0
  37. package/dist/svelte/components/Timeline/TimelineClip.svelte.d.ts.map +1 -0
  38. package/dist/svelte/components/Timeline/TimelineSection.svelte +803 -0
  39. package/dist/svelte/components/Timeline/TimelineSection.svelte.d.ts +12 -0
  40. package/dist/svelte/components/Timeline/TimelineSection.svelte.d.ts.map +1 -0
  41. package/dist/svelte/components/Timeline/TimelineToggleButton.svelte +25 -0
  42. package/dist/svelte/components/Timeline/TimelineToggleButton.svelte.d.ts +4 -0
  43. package/dist/svelte/components/Timeline/TimelineToggleButton.svelte.d.ts.map +1 -0
  44. package/dist/svelte/components/TransitionControl.svelte +26 -11
  45. package/dist/svelte/components/TransitionControl.svelte.d.ts +9 -0
  46. package/dist/svelte/components/TransitionControl.svelte.d.ts.map +1 -1
  47. package/dist/svelte/createDialTimeline.svelte.d.ts +4 -0
  48. package/dist/svelte/createDialTimeline.svelte.d.ts.map +1 -0
  49. package/dist/svelte/createDialTimeline.svelte.js +73 -0
  50. package/dist/svelte/index.d.ts +4 -0
  51. package/dist/svelte/index.d.ts.map +1 -1
  52. package/dist/svelte/index.js +3 -0
  53. package/dist/svelte/theme-css.d.ts +1 -1
  54. package/dist/svelte/theme-css.d.ts.map +1 -1
  55. package/dist/svelte/theme-css.js +788 -0
  56. package/dist/timeline/index.cjs +1288 -0
  57. package/dist/timeline/index.cjs.map +1 -0
  58. package/dist/timeline/index.d.cts +443 -0
  59. package/dist/timeline/index.d.ts +443 -0
  60. package/dist/timeline/index.js +1233 -0
  61. package/dist/timeline/index.js.map +1 -0
  62. package/dist/vue/index.d.ts +273 -7
  63. package/dist/vue/index.js +4116 -1517
  64. package/dist/vue/index.js.map +1 -1
  65. package/package.json +23 -13
  66. package/dist/solid/index.cjs +0 -3536
  67. package/dist/solid/index.cjs.map +0 -1
  68. package/dist/solid/index.d.cts +0 -295
  69. package/dist/vue/index.cjs +0 -3497
  70. package/dist/vue/index.cjs.map +0 -1
  71. package/dist/vue/index.d.cts +0 -722
@@ -1,722 +0,0 @@
1
- import * as vue from 'vue';
2
- import { ComputedRef, ObjectDirective, InjectionKey, Ref, PropType, h } from 'vue';
3
-
4
- type SpringConfig = {
5
- type: 'spring';
6
- stiffness?: number;
7
- damping?: number;
8
- mass?: number;
9
- visualDuration?: number;
10
- bounce?: number;
11
- };
12
- type EasingConfig = {
13
- type: 'easing';
14
- duration: number;
15
- ease: [number, number, number, number];
16
- };
17
- type TransitionConfig = SpringConfig | EasingConfig;
18
- type ActionConfig = {
19
- type: 'action';
20
- label?: string;
21
- };
22
- type SelectConfig = {
23
- type: 'select';
24
- options: (string | {
25
- value: string;
26
- label: string;
27
- })[];
28
- default?: string;
29
- };
30
- type ColorConfig = {
31
- type: 'color';
32
- default?: string;
33
- };
34
- type TextConfig = {
35
- type: 'text';
36
- default?: string;
37
- placeholder?: string;
38
- };
39
- type DialValue = number | boolean | string | SpringConfig | EasingConfig | ActionConfig | SelectConfig | ColorConfig | TextConfig;
40
- type DialConfig = {
41
- [key: string]: DialValue | [number, number, number, number?] | DialConfig;
42
- };
43
- type ResolvedValues<T extends DialConfig> = {
44
- [K in keyof T]: T[K] extends [number, number, number, number?] ? number : T[K] extends SpringConfig ? TransitionConfig : T[K] extends EasingConfig ? TransitionConfig : T[K] extends SelectConfig ? string : T[K] extends ColorConfig ? string : T[K] extends TextConfig ? string : T[K] extends DialConfig ? ResolvedValues<T[K]> : T[K];
45
- };
46
- type DialKitValueUpdates<T extends DialConfig> = {
47
- [K in keyof T as K extends '_collapsed' ? never : K]?: T[K] extends [number, number, number, number?] ? number : T[K] extends SpringConfig | EasingConfig ? TransitionConfig : T[K] extends ActionConfig ? never : T[K] extends SelectConfig | ColorConfig | TextConfig ? string : T[K] extends DialConfig ? DialKitValueUpdates<T[K]> : T[K];
48
- };
49
- type ShortcutMode = 'fine' | 'normal' | 'coarse';
50
- type ShortcutInteraction = 'scroll' | 'drag' | 'move' | 'scroll-only';
51
- type ShortcutConfig = {
52
- key?: string;
53
- modifier?: 'alt' | 'shift' | 'meta';
54
- mode?: ShortcutMode;
55
- interaction?: ShortcutInteraction;
56
- };
57
- type ControlMeta = {
58
- type: 'slider' | 'toggle' | 'spring' | 'transition' | 'folder' | 'action' | 'select' | 'color' | 'text';
59
- path: string;
60
- label: string;
61
- min?: number;
62
- max?: number;
63
- step?: number;
64
- children?: ControlMeta[];
65
- defaultOpen?: boolean;
66
- options?: (string | {
67
- value: string;
68
- label: string;
69
- })[];
70
- placeholder?: string;
71
- shortcut?: ShortcutConfig;
72
- };
73
- type PanelConfig = {
74
- id: string;
75
- name: string;
76
- controls: ControlMeta[];
77
- values: Record<string, DialValue>;
78
- shortcuts: Record<string, ShortcutConfig>;
79
- };
80
- type Listener = () => void;
81
- type ActionListener = (action: string) => void;
82
- type Preset = {
83
- id: string;
84
- name: string;
85
- values: Record<string, DialValue>;
86
- };
87
- type DialKitPersistOptions = boolean | {
88
- key?: string;
89
- storage?: 'localStorage' | 'sessionStorage';
90
- presets?: boolean;
91
- };
92
- type DialStorePanelOptions = {
93
- retainOnUnmount?: boolean;
94
- persist?: DialKitPersistOptions;
95
- };
96
- declare class DialStoreClass {
97
- private panels;
98
- private listeners;
99
- private globalListeners;
100
- private snapshots;
101
- private actionListeners;
102
- private presets;
103
- private activePreset;
104
- private baseValues;
105
- private defaultValues;
106
- private registrationCounts;
107
- private retainedPanels;
108
- private persistConfigs;
109
- registerPanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>, options?: DialStorePanelOptions): void;
110
- updatePanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>, options?: DialStorePanelOptions): void;
111
- unregisterPanel(id: string): void;
112
- updateValue(panelId: string, path: string, value: DialValue): void;
113
- updateValues(panelId: string, updates: Record<string, DialValue>): void;
114
- resetValues(panelId: string): void;
115
- updateSpringMode(panelId: string, path: string, mode: 'simple' | 'advanced'): void;
116
- getSpringMode(panelId: string, path: string): 'simple' | 'advanced';
117
- updateTransitionMode(panelId: string, path: string, mode: 'easing' | 'simple' | 'advanced'): void;
118
- getTransitionMode(panelId: string, path: string): 'easing' | 'simple' | 'advanced';
119
- getValue(panelId: string, path: string): DialValue | undefined;
120
- getValues(panelId: string): Record<string, DialValue>;
121
- getPanels(): PanelConfig[];
122
- getPanel(id: string): PanelConfig | undefined;
123
- subscribe(panelId: string, listener: Listener): () => void;
124
- subscribeGlobal(listener: Listener): () => void;
125
- subscribeActions(panelId: string, listener: ActionListener): () => void;
126
- triggerAction(panelId: string, path: string): void;
127
- savePreset(panelId: string, name: string): string;
128
- loadPreset(panelId: string, presetId: string): void;
129
- deletePreset(panelId: string, presetId: string): void;
130
- getPresets(panelId: string): Preset[];
131
- getActivePresetId(panelId: string): string | null;
132
- clearActivePreset(panelId: string): void;
133
- resolveShortcutTarget(key: string, modifier?: 'alt' | 'shift' | 'meta'): {
134
- panelId: string;
135
- path: string;
136
- control: ControlMeta;
137
- } | null;
138
- resolveScrollOnlyTargets(): Array<{
139
- panelId: string;
140
- path: string;
141
- control: ControlMeta;
142
- shortcut: ShortcutConfig;
143
- }>;
144
- private configurePanelRetention;
145
- private reconcileValues;
146
- private reconcilePresets;
147
- private normalizePersistConfig;
148
- private loadPersistedPanel;
149
- private persistPanel;
150
- private getStorage;
151
- private findControlByPath;
152
- private notify;
153
- private notifyGlobal;
154
- private initTransitionModes;
155
- private parseConfig;
156
- private flattenValues;
157
- private isSpringConfig;
158
- private isEasingConfig;
159
- private isActionConfig;
160
- private isSelectConfig;
161
- private isColorConfig;
162
- private isTextConfig;
163
- private isHexColor;
164
- private formatLabel;
165
- private inferRange;
166
- private inferStep;
167
- private normalizePreservedValue;
168
- private roundToStep;
169
- private stepPrecision;
170
- private mapControlsByPath;
171
- }
172
- declare const DialStore: DialStoreClass;
173
-
174
- interface UseDialOptions {
175
- id?: string;
176
- persist?: DialKitPersistOptions;
177
- onAction?: (action: string) => void;
178
- shortcuts?: Record<string, ShortcutConfig>;
179
- }
180
- interface DialKitController<T extends DialConfig> {
181
- values: ComputedRef<ResolvedValues<T>>;
182
- setValue: (path: string, value: DialValue) => void;
183
- setValues: (values: DialKitValueUpdates<T>) => void;
184
- resetValues: () => void;
185
- getValues: () => ResolvedValues<T>;
186
- }
187
- declare function useDialKit<T extends DialConfig>(name: string, config: T, options?: UseDialOptions): ComputedRef<ResolvedValues<T>>;
188
- declare function useDialKitController<T extends DialConfig>(name: string, config: T, options?: UseDialOptions): DialKitController<T>;
189
-
190
- type DialPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
191
- type DialMode = 'popover' | 'inline';
192
- type DialTheme = 'light' | 'dark' | 'system';
193
- declare const DialRoot: vue.DefineComponent<vue.ExtractPropTypes<{
194
- position: {
195
- type: () => DialPosition;
196
- default: string;
197
- };
198
- defaultOpen: {
199
- type: BooleanConstructor;
200
- default: boolean;
201
- };
202
- mode: {
203
- type: () => DialMode;
204
- default: string;
205
- };
206
- theme: {
207
- type: () => DialTheme;
208
- default: string;
209
- };
210
- productionEnabled: {
211
- type: BooleanConstructor;
212
- default: boolean;
213
- };
214
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
215
- [key: string]: any;
216
- }> | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "openChange"[], "openChange", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
217
- position: {
218
- type: () => DialPosition;
219
- default: string;
220
- };
221
- defaultOpen: {
222
- type: BooleanConstructor;
223
- default: boolean;
224
- };
225
- mode: {
226
- type: () => DialMode;
227
- default: string;
228
- };
229
- theme: {
230
- type: () => DialTheme;
231
- default: string;
232
- };
233
- productionEnabled: {
234
- type: BooleanConstructor;
235
- default: boolean;
236
- };
237
- }>> & Readonly<{
238
- onOpenChange?: ((...args: any[]) => any) | undefined;
239
- }>, {
240
- defaultOpen: boolean;
241
- mode: DialMode;
242
- position: DialPosition;
243
- theme: DialTheme;
244
- productionEnabled: boolean;
245
- }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
246
-
247
- interface DialKitDirectiveOptions {
248
- position?: DialPosition;
249
- defaultOpen?: boolean;
250
- mode?: DialMode;
251
- onOpenChange?: (open: boolean) => void;
252
- }
253
- type DialKitDirectiveValue = DialMode | DialKitDirectiveOptions | undefined;
254
- declare const vDialKit: ObjectDirective<HTMLElement, DialKitDirectiveValue>;
255
-
256
- interface ShortcutState {
257
- activePanelId: Ref<string | null>;
258
- activePath: Ref<string | null>;
259
- }
260
- declare const ShortcutKey: InjectionKey<ShortcutState>;
261
- declare function useShortcutContext(): ShortcutState;
262
- declare const ShortcutListener: vue.DefineComponent<{}, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
263
- [key: string]: any;
264
- }>[] | undefined, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
265
-
266
- declare const ShortcutsMenu: vue.DefineComponent<vue.ExtractPropTypes<{
267
- panelId: {
268
- type: PropType<string>;
269
- required: true;
270
- };
271
- }>, () => (vue.VNode<vue.RendererNode, vue.RendererElement, {
272
- [key: string]: any;
273
- }> | null)[] | null, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
274
- panelId: {
275
- type: PropType<string>;
276
- required: true;
277
- };
278
- }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
279
-
280
- declare const Slider: vue.DefineComponent<vue.ExtractPropTypes<{
281
- label: {
282
- type: StringConstructor;
283
- required: true;
284
- };
285
- value: {
286
- type: NumberConstructor;
287
- required: true;
288
- };
289
- min: {
290
- type: NumberConstructor;
291
- required: false;
292
- };
293
- max: {
294
- type: NumberConstructor;
295
- required: false;
296
- };
297
- step: {
298
- type: NumberConstructor;
299
- required: false;
300
- };
301
- unit: {
302
- type: StringConstructor;
303
- required: false;
304
- };
305
- shortcut: {
306
- type: PropType<ShortcutConfig>;
307
- default: undefined;
308
- };
309
- shortcutActive: {
310
- type: BooleanConstructor;
311
- default: boolean;
312
- };
313
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
314
- [key: string]: any;
315
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
316
- label: {
317
- type: StringConstructor;
318
- required: true;
319
- };
320
- value: {
321
- type: NumberConstructor;
322
- required: true;
323
- };
324
- min: {
325
- type: NumberConstructor;
326
- required: false;
327
- };
328
- max: {
329
- type: NumberConstructor;
330
- required: false;
331
- };
332
- step: {
333
- type: NumberConstructor;
334
- required: false;
335
- };
336
- unit: {
337
- type: StringConstructor;
338
- required: false;
339
- };
340
- shortcut: {
341
- type: PropType<ShortcutConfig>;
342
- default: undefined;
343
- };
344
- shortcutActive: {
345
- type: BooleanConstructor;
346
- default: boolean;
347
- };
348
- }>> & Readonly<{
349
- onChange?: ((...args: any[]) => any) | undefined;
350
- }>, {
351
- shortcut: ShortcutConfig;
352
- shortcutActive: boolean;
353
- }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
354
-
355
- declare const Toggle: vue.DefineComponent<vue.ExtractPropTypes<{
356
- label: {
357
- type: StringConstructor;
358
- required: true;
359
- };
360
- checked: {
361
- type: BooleanConstructor;
362
- required: true;
363
- };
364
- shortcut: {
365
- type: PropType<ShortcutConfig>;
366
- default: undefined;
367
- };
368
- shortcutActive: {
369
- type: BooleanConstructor;
370
- default: boolean;
371
- };
372
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
373
- [key: string]: any;
374
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
375
- label: {
376
- type: StringConstructor;
377
- required: true;
378
- };
379
- checked: {
380
- type: BooleanConstructor;
381
- required: true;
382
- };
383
- shortcut: {
384
- type: PropType<ShortcutConfig>;
385
- default: undefined;
386
- };
387
- shortcutActive: {
388
- type: BooleanConstructor;
389
- default: boolean;
390
- };
391
- }>> & Readonly<{
392
- onChange?: ((...args: any[]) => any) | undefined;
393
- }>, {
394
- shortcut: ShortcutConfig;
395
- shortcutActive: boolean;
396
- }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
397
-
398
- declare const Folder: vue.DefineComponent<vue.ExtractPropTypes<{
399
- title: {
400
- type: StringConstructor;
401
- required: true;
402
- };
403
- defaultOpen: {
404
- type: BooleanConstructor;
405
- default: boolean;
406
- };
407
- isRoot: {
408
- type: BooleanConstructor;
409
- default: boolean;
410
- };
411
- inline: {
412
- type: BooleanConstructor;
413
- default: boolean;
414
- };
415
- toolbar: {
416
- type: PropType<(() => ReturnType<typeof h>) | null>;
417
- required: false;
418
- default: null;
419
- };
420
- panelHeightOffset: {
421
- type: NumberConstructor;
422
- default: number;
423
- };
424
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
425
- [key: string]: any;
426
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "openChange"[], "openChange", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
427
- title: {
428
- type: StringConstructor;
429
- required: true;
430
- };
431
- defaultOpen: {
432
- type: BooleanConstructor;
433
- default: boolean;
434
- };
435
- isRoot: {
436
- type: BooleanConstructor;
437
- default: boolean;
438
- };
439
- inline: {
440
- type: BooleanConstructor;
441
- default: boolean;
442
- };
443
- toolbar: {
444
- type: PropType<(() => ReturnType<typeof h>) | null>;
445
- required: false;
446
- default: null;
447
- };
448
- panelHeightOffset: {
449
- type: NumberConstructor;
450
- default: number;
451
- };
452
- }>> & Readonly<{
453
- onOpenChange?: ((...args: any[]) => any) | undefined;
454
- }>, {
455
- defaultOpen: boolean;
456
- isRoot: boolean;
457
- inline: boolean;
458
- toolbar: (() => ReturnType<typeof h>) | null;
459
- panelHeightOffset: number;
460
- }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
461
-
462
- type ButtonGroupButton = {
463
- label: string;
464
- onClick: () => void;
465
- };
466
- declare const ButtonGroup: vue.DefineComponent<vue.ExtractPropTypes<{
467
- buttons: {
468
- type: PropType<ButtonGroupButton[]>;
469
- required: true;
470
- };
471
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
472
- [key: string]: any;
473
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
474
- buttons: {
475
- type: PropType<ButtonGroupButton[]>;
476
- required: true;
477
- };
478
- }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
479
-
480
- declare const SpringControl: vue.DefineComponent<vue.ExtractPropTypes<{
481
- panelId: {
482
- type: StringConstructor;
483
- required: true;
484
- };
485
- path: {
486
- type: StringConstructor;
487
- required: true;
488
- };
489
- label: {
490
- type: StringConstructor;
491
- required: true;
492
- };
493
- spring: {
494
- type: PropType<SpringConfig>;
495
- required: true;
496
- };
497
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
498
- [key: string]: any;
499
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
500
- panelId: {
501
- type: StringConstructor;
502
- required: true;
503
- };
504
- path: {
505
- type: StringConstructor;
506
- required: true;
507
- };
508
- label: {
509
- type: StringConstructor;
510
- required: true;
511
- };
512
- spring: {
513
- type: PropType<SpringConfig>;
514
- required: true;
515
- };
516
- }>> & Readonly<{
517
- onChange?: ((...args: any[]) => any) | undefined;
518
- }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
519
-
520
- declare const SpringVisualization: vue.DefineComponent<vue.ExtractPropTypes<{
521
- spring: {
522
- type: PropType<SpringConfig>;
523
- required: true;
524
- };
525
- isSimpleMode: {
526
- type: BooleanConstructor;
527
- required: true;
528
- };
529
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
530
- [key: string]: any;
531
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
532
- spring: {
533
- type: PropType<SpringConfig>;
534
- required: true;
535
- };
536
- isSimpleMode: {
537
- type: BooleanConstructor;
538
- required: true;
539
- };
540
- }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
541
-
542
- declare const TransitionControl: vue.DefineComponent<vue.ExtractPropTypes<{
543
- panelId: {
544
- type: StringConstructor;
545
- required: true;
546
- };
547
- path: {
548
- type: StringConstructor;
549
- required: true;
550
- };
551
- label: {
552
- type: StringConstructor;
553
- required: true;
554
- };
555
- value: {
556
- type: PropType<TransitionConfig>;
557
- required: true;
558
- };
559
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
560
- [key: string]: any;
561
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
562
- panelId: {
563
- type: StringConstructor;
564
- required: true;
565
- };
566
- path: {
567
- type: StringConstructor;
568
- required: true;
569
- };
570
- label: {
571
- type: StringConstructor;
572
- required: true;
573
- };
574
- value: {
575
- type: PropType<TransitionConfig>;
576
- required: true;
577
- };
578
- }>> & Readonly<{
579
- onChange?: ((...args: any[]) => any) | undefined;
580
- }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
581
-
582
- declare const EasingVisualization: vue.DefineComponent<vue.ExtractPropTypes<{
583
- easing: {
584
- type: PropType<EasingConfig>;
585
- required: true;
586
- };
587
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
588
- [key: string]: any;
589
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
590
- easing: {
591
- type: PropType<EasingConfig>;
592
- required: true;
593
- };
594
- }>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
595
-
596
- declare const TextControl: vue.DefineComponent<vue.ExtractPropTypes<{
597
- label: {
598
- type: StringConstructor;
599
- required: true;
600
- };
601
- value: {
602
- type: StringConstructor;
603
- required: true;
604
- };
605
- placeholder: {
606
- type: StringConstructor;
607
- required: false;
608
- };
609
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
610
- [key: string]: any;
611
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
612
- label: {
613
- type: StringConstructor;
614
- required: true;
615
- };
616
- value: {
617
- type: StringConstructor;
618
- required: true;
619
- };
620
- placeholder: {
621
- type: StringConstructor;
622
- required: false;
623
- };
624
- }>> & Readonly<{
625
- onChange?: ((...args: any[]) => any) | undefined;
626
- }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
627
-
628
- type SelectOption = string | {
629
- value: string;
630
- label: string;
631
- };
632
- declare const SelectControl: vue.DefineComponent<vue.ExtractPropTypes<{
633
- label: {
634
- type: StringConstructor;
635
- required: true;
636
- };
637
- value: {
638
- type: StringConstructor;
639
- required: true;
640
- };
641
- options: {
642
- type: PropType<SelectOption[]>;
643
- required: true;
644
- };
645
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
646
- [key: string]: any;
647
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
648
- label: {
649
- type: StringConstructor;
650
- required: true;
651
- };
652
- value: {
653
- type: StringConstructor;
654
- required: true;
655
- };
656
- options: {
657
- type: PropType<SelectOption[]>;
658
- required: true;
659
- };
660
- }>> & Readonly<{
661
- onChange?: ((...args: any[]) => any) | undefined;
662
- }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
663
-
664
- declare const ColorControl: vue.DefineComponent<vue.ExtractPropTypes<{
665
- label: {
666
- type: StringConstructor;
667
- required: true;
668
- };
669
- value: {
670
- type: StringConstructor;
671
- required: true;
672
- };
673
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
674
- [key: string]: any;
675
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "change"[], "change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
676
- label: {
677
- type: StringConstructor;
678
- required: true;
679
- };
680
- value: {
681
- type: StringConstructor;
682
- required: true;
683
- };
684
- }>> & Readonly<{
685
- onChange?: ((...args: any[]) => any) | undefined;
686
- }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
687
-
688
- declare const PresetManager: vue.DefineComponent<vue.ExtractPropTypes<{
689
- panelId: {
690
- type: StringConstructor;
691
- required: true;
692
- };
693
- presets: {
694
- type: PropType<Preset[]>;
695
- required: true;
696
- };
697
- activePresetId: {
698
- type: PropType<string | null>;
699
- required: false;
700
- default: null;
701
- };
702
- }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
703
- [key: string]: any;
704
- }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
705
- panelId: {
706
- type: StringConstructor;
707
- required: true;
708
- };
709
- presets: {
710
- type: PropType<Preset[]>;
711
- required: true;
712
- };
713
- activePresetId: {
714
- type: PropType<string | null>;
715
- required: false;
716
- default: null;
717
- };
718
- }>> & Readonly<{}>, {
719
- activePresetId: string | null;
720
- }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
721
-
722
- export { type ActionConfig, ButtonGroup, type ColorConfig, ColorControl, type ControlMeta, type DialConfig, type DialKitController, type DialKitDirectiveOptions, type DialKitDirectiveValue, type DialKitPersistOptions, type DialKitValueUpdates, type DialMode, type DialPosition, DialRoot, DialStore, type DialTheme, type DialValue, type EasingConfig, EasingVisualization, Folder, type PanelConfig, type Preset, PresetManager, type ResolvedValues, type SelectConfig, SelectControl, type ShortcutConfig, ShortcutKey, ShortcutListener, type ShortcutState, ShortcutsMenu, Slider, type SpringConfig, SpringControl, SpringVisualization, type TextConfig, TextControl, Toggle, type TransitionConfig, TransitionControl, type UseDialOptions, useDialKit, useDialKitController, useShortcutContext, vDialKit };