dialkit 1.2.1 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +653 -6
- package/dist/dropdown-position.d.ts +15 -0
- package/dist/dropdown-position.js +22 -0
- package/dist/dropdown-position.js.map +1 -0
- package/dist/icons.d.ts +4 -1
- package/dist/icons.js +13 -0
- package/dist/icons.js.map +1 -1
- package/dist/index.cjs +3796 -768
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +315 -10
- package/dist/index.d.ts +315 -10
- package/dist/index.js +3733 -711
- package/dist/index.js.map +1 -1
- package/dist/panel-drag.d.ts +19 -0
- package/dist/panel-drag.js +72 -0
- package/dist/panel-drag.js.map +1 -0
- package/dist/solid/index.d.ts +264 -5
- package/dist/solid/index.js +5277 -1632
- package/dist/solid/index.js.map +1 -1
- package/dist/store/index.cjs +329 -57
- package/dist/store/index.cjs.map +1 -1
- package/dist/store/index.d.cts +43 -4
- package/dist/store/index.d.ts +43 -4
- package/dist/store/index.js +321 -56
- package/dist/store/index.js.map +1 -1
- package/dist/styles.css +809 -7
- package/dist/svelte/components/ControlRenderer.svelte +5 -2
- package/dist/svelte/components/ControlRenderer.svelte.d.ts +2 -0
- package/dist/svelte/components/ControlRenderer.svelte.d.ts.map +1 -1
- package/dist/svelte/components/DialRoot.svelte +218 -16
- package/dist/svelte/components/DialRoot.svelte.d.ts +1 -0
- package/dist/svelte/components/DialRoot.svelte.d.ts.map +1 -1
- package/dist/svelte/components/Folder.svelte +24 -13
- package/dist/svelte/components/Folder.svelte.d.ts +1 -0
- package/dist/svelte/components/Folder.svelte.d.ts.map +1 -1
- package/dist/svelte/components/Panel.svelte +104 -71
- package/dist/svelte/components/Panel.svelte.d.ts +4 -0
- package/dist/svelte/components/Panel.svelte.d.ts.map +1 -1
- package/dist/svelte/components/PresetManager.svelte +5 -5
- package/dist/svelte/components/PresetManager.svelte.d.ts.map +1 -1
- package/dist/svelte/components/SelectControl.svelte +6 -14
- package/dist/svelte/components/SelectControl.svelte.d.ts.map +1 -1
- package/dist/svelte/components/Timeline/ClipPopover.svelte +206 -0
- package/dist/svelte/components/Timeline/ClipPopover.svelte.d.ts +26 -0
- package/dist/svelte/components/Timeline/ClipPopover.svelte.d.ts.map +1 -0
- package/dist/svelte/components/Timeline/DialTimeline.svelte +76 -0
- package/dist/svelte/components/Timeline/DialTimeline.svelte.d.ts +13 -0
- package/dist/svelte/components/Timeline/DialTimeline.svelte.d.ts.map +1 -0
- package/dist/svelte/components/Timeline/TimelineClip.svelte +233 -0
- package/dist/svelte/components/Timeline/TimelineClip.svelte.d.ts +24 -0
- package/dist/svelte/components/Timeline/TimelineClip.svelte.d.ts.map +1 -0
- package/dist/svelte/components/Timeline/TimelineSection.svelte +756 -0
- package/dist/svelte/components/Timeline/TimelineSection.svelte.d.ts +12 -0
- package/dist/svelte/components/Timeline/TimelineSection.svelte.d.ts.map +1 -0
- package/dist/svelte/components/Timeline/TimelineToggleButton.svelte +25 -0
- package/dist/svelte/components/Timeline/TimelineToggleButton.svelte.d.ts +4 -0
- package/dist/svelte/components/Timeline/TimelineToggleButton.svelte.d.ts.map +1 -0
- package/dist/svelte/components/TransitionControl.svelte +26 -11
- package/dist/svelte/components/TransitionControl.svelte.d.ts +9 -0
- package/dist/svelte/components/TransitionControl.svelte.d.ts.map +1 -1
- package/dist/svelte/createDialKit.svelte.d.ts +11 -1
- package/dist/svelte/createDialKit.svelte.d.ts.map +1 -1
- package/dist/svelte/createDialKit.svelte.js +61 -34
- package/dist/svelte/createDialTimeline.svelte.d.ts +4 -0
- package/dist/svelte/createDialTimeline.svelte.d.ts.map +1 -0
- package/dist/svelte/createDialTimeline.svelte.js +73 -0
- package/dist/svelte/index.d.ts +7 -3
- package/dist/svelte/index.d.ts.map +1 -1
- package/dist/svelte/index.js +4 -1
- package/dist/svelte/theme-css.d.ts +1 -1
- package/dist/svelte/theme-css.d.ts.map +1 -1
- package/dist/svelte/theme-css.js +809 -7
- package/dist/timeline/index.cjs +1288 -0
- package/dist/timeline/index.cjs.map +1 -0
- package/dist/timeline/index.d.cts +443 -0
- package/dist/timeline/index.d.ts +443 -0
- package/dist/timeline/index.js +1233 -0
- package/dist/timeline/index.js.map +1 -0
- package/dist/vue/index.d.ts +325 -12
- package/dist/vue/index.js +3226 -280
- package/dist/vue/index.js.map +1 -1
- package/package.json +23 -13
- package/dist/solid/index.cjs +0 -3079
- package/dist/solid/index.cjs.map +0 -1
- package/dist/solid/index.d.cts +0 -258
- package/dist/vue/index.cjs +0 -3056
- package/dist/vue/index.cjs.map +0 -1
- package/dist/vue/index.d.cts +0 -675
package/dist/solid/index.d.cts
DELETED
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
import * as solid_js from 'solid-js';
|
|
2
|
-
import { Accessor, JSX } from 'solid-js';
|
|
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 ShortcutMode = 'fine' | 'normal' | 'coarse';
|
|
47
|
-
type ShortcutInteraction = 'scroll' | 'drag' | 'move' | 'scroll-only';
|
|
48
|
-
type ShortcutConfig = {
|
|
49
|
-
key?: string;
|
|
50
|
-
modifier?: 'alt' | 'shift' | 'meta';
|
|
51
|
-
mode?: ShortcutMode;
|
|
52
|
-
interaction?: ShortcutInteraction;
|
|
53
|
-
};
|
|
54
|
-
type ControlMeta = {
|
|
55
|
-
type: 'slider' | 'toggle' | 'spring' | 'transition' | 'folder' | 'action' | 'select' | 'color' | 'text';
|
|
56
|
-
path: string;
|
|
57
|
-
label: string;
|
|
58
|
-
min?: number;
|
|
59
|
-
max?: number;
|
|
60
|
-
step?: number;
|
|
61
|
-
children?: ControlMeta[];
|
|
62
|
-
defaultOpen?: boolean;
|
|
63
|
-
options?: (string | {
|
|
64
|
-
value: string;
|
|
65
|
-
label: string;
|
|
66
|
-
})[];
|
|
67
|
-
placeholder?: string;
|
|
68
|
-
shortcut?: ShortcutConfig;
|
|
69
|
-
};
|
|
70
|
-
type PanelConfig = {
|
|
71
|
-
id: string;
|
|
72
|
-
name: string;
|
|
73
|
-
controls: ControlMeta[];
|
|
74
|
-
values: Record<string, DialValue>;
|
|
75
|
-
shortcuts: Record<string, ShortcutConfig>;
|
|
76
|
-
};
|
|
77
|
-
type Listener = () => void;
|
|
78
|
-
type ActionListener = (action: string) => void;
|
|
79
|
-
type Preset = {
|
|
80
|
-
id: string;
|
|
81
|
-
name: string;
|
|
82
|
-
values: Record<string, DialValue>;
|
|
83
|
-
};
|
|
84
|
-
declare class DialStoreClass {
|
|
85
|
-
private panels;
|
|
86
|
-
private listeners;
|
|
87
|
-
private globalListeners;
|
|
88
|
-
private snapshots;
|
|
89
|
-
private actionListeners;
|
|
90
|
-
private presets;
|
|
91
|
-
private activePreset;
|
|
92
|
-
private baseValues;
|
|
93
|
-
registerPanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void;
|
|
94
|
-
updatePanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void;
|
|
95
|
-
unregisterPanel(id: string): void;
|
|
96
|
-
updateValue(panelId: string, path: string, value: DialValue): void;
|
|
97
|
-
updateSpringMode(panelId: string, path: string, mode: 'simple' | 'advanced'): void;
|
|
98
|
-
getSpringMode(panelId: string, path: string): 'simple' | 'advanced';
|
|
99
|
-
updateTransitionMode(panelId: string, path: string, mode: 'easing' | 'simple' | 'advanced'): void;
|
|
100
|
-
getTransitionMode(panelId: string, path: string): 'easing' | 'simple' | 'advanced';
|
|
101
|
-
getValue(panelId: string, path: string): DialValue | undefined;
|
|
102
|
-
getValues(panelId: string): Record<string, DialValue>;
|
|
103
|
-
getPanels(): PanelConfig[];
|
|
104
|
-
getPanel(id: string): PanelConfig | undefined;
|
|
105
|
-
subscribe(panelId: string, listener: Listener): () => void;
|
|
106
|
-
subscribeGlobal(listener: Listener): () => void;
|
|
107
|
-
subscribeActions(panelId: string, listener: ActionListener): () => void;
|
|
108
|
-
triggerAction(panelId: string, path: string): void;
|
|
109
|
-
savePreset(panelId: string, name: string): string;
|
|
110
|
-
loadPreset(panelId: string, presetId: string): void;
|
|
111
|
-
deletePreset(panelId: string, presetId: string): void;
|
|
112
|
-
getPresets(panelId: string): Preset[];
|
|
113
|
-
getActivePresetId(panelId: string): string | null;
|
|
114
|
-
clearActivePreset(panelId: string): void;
|
|
115
|
-
resolveShortcutTarget(key: string, modifier?: 'alt' | 'shift' | 'meta'): {
|
|
116
|
-
panelId: string;
|
|
117
|
-
path: string;
|
|
118
|
-
control: ControlMeta;
|
|
119
|
-
} | null;
|
|
120
|
-
resolveScrollOnlyTargets(): Array<{
|
|
121
|
-
panelId: string;
|
|
122
|
-
path: string;
|
|
123
|
-
control: ControlMeta;
|
|
124
|
-
shortcut: ShortcutConfig;
|
|
125
|
-
}>;
|
|
126
|
-
private findControlByPath;
|
|
127
|
-
private notify;
|
|
128
|
-
private notifyGlobal;
|
|
129
|
-
private initTransitionModes;
|
|
130
|
-
private parseConfig;
|
|
131
|
-
private flattenValues;
|
|
132
|
-
private isSpringConfig;
|
|
133
|
-
private isEasingConfig;
|
|
134
|
-
private isActionConfig;
|
|
135
|
-
private isSelectConfig;
|
|
136
|
-
private isColorConfig;
|
|
137
|
-
private isTextConfig;
|
|
138
|
-
private isHexColor;
|
|
139
|
-
private formatLabel;
|
|
140
|
-
private inferRange;
|
|
141
|
-
private inferStep;
|
|
142
|
-
private normalizePreservedValue;
|
|
143
|
-
private roundToStep;
|
|
144
|
-
private stepPrecision;
|
|
145
|
-
private mapControlsByPath;
|
|
146
|
-
}
|
|
147
|
-
declare const DialStore: DialStoreClass;
|
|
148
|
-
|
|
149
|
-
interface CreateDialOptions {
|
|
150
|
-
onAction?: (action: string) => void;
|
|
151
|
-
shortcuts?: Record<string, ShortcutConfig>;
|
|
152
|
-
}
|
|
153
|
-
declare function createDialKit<T extends DialConfig>(name: string, config: T, options?: CreateDialOptions): Accessor<ResolvedValues<T>>;
|
|
154
|
-
|
|
155
|
-
type DialPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
156
|
-
type DialMode = 'popover' | 'inline';
|
|
157
|
-
type DialTheme = 'light' | 'dark' | 'system';
|
|
158
|
-
interface DialRootProps {
|
|
159
|
-
position?: DialPosition;
|
|
160
|
-
defaultOpen?: boolean;
|
|
161
|
-
mode?: DialMode;
|
|
162
|
-
theme?: DialTheme;
|
|
163
|
-
productionEnabled?: boolean;
|
|
164
|
-
}
|
|
165
|
-
declare function DialRoot(props: DialRootProps): solid_js.JSX.Element;
|
|
166
|
-
|
|
167
|
-
interface SliderProps {
|
|
168
|
-
label: string;
|
|
169
|
-
value: number;
|
|
170
|
-
onChange: (value: number) => void;
|
|
171
|
-
min?: number;
|
|
172
|
-
max?: number;
|
|
173
|
-
step?: number;
|
|
174
|
-
unit?: string;
|
|
175
|
-
shortcut?: ShortcutConfig;
|
|
176
|
-
shortcutActive?: boolean;
|
|
177
|
-
}
|
|
178
|
-
declare function Slider(props: SliderProps): solid_js.JSX.Element;
|
|
179
|
-
|
|
180
|
-
interface ToggleProps {
|
|
181
|
-
label: string;
|
|
182
|
-
checked: boolean;
|
|
183
|
-
onChange: (checked: boolean) => void;
|
|
184
|
-
shortcut?: ShortcutConfig;
|
|
185
|
-
shortcutActive?: boolean;
|
|
186
|
-
}
|
|
187
|
-
declare function Toggle(props: ToggleProps): solid_js.JSX.Element;
|
|
188
|
-
|
|
189
|
-
interface FolderProps {
|
|
190
|
-
title: string;
|
|
191
|
-
children: JSX.Element;
|
|
192
|
-
defaultOpen?: boolean;
|
|
193
|
-
isRoot?: boolean;
|
|
194
|
-
inline?: boolean;
|
|
195
|
-
onOpenChange?: (isOpen: boolean) => void;
|
|
196
|
-
toolbar?: JSX.Element;
|
|
197
|
-
}
|
|
198
|
-
declare function Folder(props: FolderProps): JSX.Element;
|
|
199
|
-
|
|
200
|
-
interface ButtonGroupProps {
|
|
201
|
-
buttons: Array<{
|
|
202
|
-
label: string;
|
|
203
|
-
onClick: () => void;
|
|
204
|
-
}>;
|
|
205
|
-
}
|
|
206
|
-
declare function ButtonGroup(props: ButtonGroupProps): solid_js.JSX.Element;
|
|
207
|
-
|
|
208
|
-
interface SpringControlProps {
|
|
209
|
-
panelId: string;
|
|
210
|
-
path: string;
|
|
211
|
-
label: string;
|
|
212
|
-
spring: SpringConfig;
|
|
213
|
-
onChange: (spring: SpringConfig) => void;
|
|
214
|
-
}
|
|
215
|
-
declare function SpringControl(props: SpringControlProps): solid_js.JSX.Element;
|
|
216
|
-
|
|
217
|
-
interface SpringVisualizationProps {
|
|
218
|
-
spring: SpringConfig;
|
|
219
|
-
isSimpleMode: boolean;
|
|
220
|
-
}
|
|
221
|
-
declare function SpringVisualization(props: SpringVisualizationProps): solid_js.JSX.Element;
|
|
222
|
-
|
|
223
|
-
interface TextControlProps {
|
|
224
|
-
label: string;
|
|
225
|
-
value: string;
|
|
226
|
-
onChange: (value: string) => void;
|
|
227
|
-
placeholder?: string;
|
|
228
|
-
}
|
|
229
|
-
declare function TextControl(props: TextControlProps): solid_js.JSX.Element;
|
|
230
|
-
|
|
231
|
-
type SelectOption = string | {
|
|
232
|
-
value: string;
|
|
233
|
-
label: string;
|
|
234
|
-
};
|
|
235
|
-
interface SelectControlProps {
|
|
236
|
-
label: string;
|
|
237
|
-
value: string;
|
|
238
|
-
options: SelectOption[];
|
|
239
|
-
onChange: (value: string) => void;
|
|
240
|
-
}
|
|
241
|
-
declare function SelectControl(props: SelectControlProps): solid_js.JSX.Element;
|
|
242
|
-
|
|
243
|
-
interface ColorControlProps {
|
|
244
|
-
label: string;
|
|
245
|
-
value: string;
|
|
246
|
-
onChange: (value: string) => void;
|
|
247
|
-
}
|
|
248
|
-
declare function ColorControl(props: ColorControlProps): solid_js.JSX.Element;
|
|
249
|
-
|
|
250
|
-
interface PresetManagerProps {
|
|
251
|
-
panelId: string;
|
|
252
|
-
presets: Preset[];
|
|
253
|
-
activePresetId: string | null;
|
|
254
|
-
onAdd: () => void;
|
|
255
|
-
}
|
|
256
|
-
declare function PresetManager(props: PresetManagerProps): solid_js.JSX.Element;
|
|
257
|
-
|
|
258
|
-
export { type ActionConfig, ButtonGroup, type ColorConfig, ColorControl, type ControlMeta, type CreateDialOptions, type DialConfig, type DialMode, type DialPosition, DialRoot, DialStore, type DialTheme, type DialValue, Folder, type PanelConfig, type Preset, PresetManager, type ResolvedValues, type SelectConfig, SelectControl, type ShortcutConfig, Slider, type SpringConfig, SpringControl, SpringVisualization, type TextConfig, TextControl, Toggle, createDialKit };
|