svelte-tweakpane-ui 1.3.0 → 1.3.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.
- package/dist/control/Button.svelte.d.ts +2 -2
- package/dist/control/ButtonGrid.svelte +1 -1
- package/dist/control/ButtonGrid.svelte.d.ts +5 -5
- package/dist/control/Checkbox.svelte.d.ts +2 -2
- package/dist/control/Color.svelte +1 -1
- package/dist/control/Color.svelte.d.ts +13 -13
- package/dist/control/CubicBezier.svelte +2 -2
- package/dist/control/CubicBezier.svelte.d.ts +7 -7
- package/dist/control/Image.svelte +1 -1
- package/dist/control/Image.svelte.d.ts +4 -4
- package/dist/control/IntervalSlider.svelte +1 -1
- package/dist/control/IntervalSlider.svelte.d.ts +9 -9
- package/dist/control/List.svelte.d.ts +3 -3
- package/dist/control/Point.svelte.d.ts +26 -26
- package/dist/control/RadioGrid.svelte +1 -1
- package/dist/control/RadioGrid.svelte.d.ts +7 -7
- package/dist/control/Ring.svelte +1 -1
- package/dist/control/Ring.svelte.d.ts +11 -11
- package/dist/control/RotationEuler.svelte +1 -1
- package/dist/control/RotationEuler.svelte.d.ts +13 -40
- package/dist/control/RotationQuaternion.svelte +1 -1
- package/dist/control/RotationQuaternion.svelte.d.ts +11 -47
- package/dist/control/Slider.svelte.d.ts +8 -8
- package/dist/control/Text.svelte.d.ts +3 -3
- package/dist/control/Textarea.svelte +1 -1
- package/dist/control/Textarea.svelte.d.ts +5 -5
- package/dist/control/Wheel.svelte +1 -1
- package/dist/control/Wheel.svelte.d.ts +9 -9
- package/dist/core/Binding.svelte.d.ts +4 -3
- package/dist/core/Blade.svelte.d.ts +3 -2
- package/dist/core/Folder.svelte.d.ts +4 -4
- package/dist/core/Pane.svelte.d.ts +27 -27
- package/dist/core/Separator.svelte.d.ts +2 -2
- package/dist/core/TabGroup.svelte.d.ts +2 -2
- package/dist/core/TabPage.svelte.d.ts +3 -3
- package/dist/extra/AutoObject.svelte +4 -4
- package/dist/extra/AutoObject.svelte.d.ts +1 -1
- package/dist/extra/AutoValue.svelte.d.ts +2 -2
- package/dist/extra/Element.svelte.d.ts +4 -4
- package/dist/index.d.ts +26 -26
- package/dist/internal/ClsPad.svelte.d.ts +3 -71
- package/dist/internal/GenericBinding.svelte.d.ts +2 -2
- package/dist/internal/GenericBladeFolding.svelte.d.ts +6 -6
- package/dist/internal/GenericInput.svelte.d.ts +2 -2
- package/dist/internal/GenericInputFolding.svelte.d.ts +6 -6
- package/dist/internal/GenericMonitor.svelte.d.ts +5 -5
- package/dist/internal/GenericPane.svelte.d.ts +4 -4
- package/dist/internal/GenericSlider.svelte.d.ts +8 -8
- package/dist/internal/InternalMonitorBoolean.svelte.d.ts +5 -5
- package/dist/internal/InternalMonitorNumber.svelte.d.ts +9 -9
- package/dist/internal/InternalMonitorString.svelte.d.ts +7 -7
- package/dist/internal/InternalPaneDraggable.svelte +1 -1
- package/dist/internal/InternalPaneDraggable.svelte.d.ts +14 -14
- package/dist/internal/InternalPaneFixed.svelte.d.ts +7 -7
- package/dist/internal/InternalPaneInline.svelte.d.ts +5 -5
- package/dist/monitor/FpsGraph.svelte +1 -1
- package/dist/monitor/FpsGraph.svelte.d.ts +57 -57
- package/dist/monitor/Monitor.svelte.d.ts +31 -31
- package/dist/monitor/Profiler.svelte +1 -1
- package/dist/monitor/Profiler.svelte.d.ts +61 -65
- package/dist/monitor/WaveformMonitor.svelte +1 -1
- package/dist/monitor/WaveformMonitor.svelte.d.ts +12 -12
- package/dist/theme.d.ts +2 -2
- package/dist/theme.js +1 -1
- package/package.json +43 -37
- package/readme.md +7 -0
|
@@ -17,7 +17,7 @@ declare const __propDef: {
|
|
|
17
17
|
* vary depending on the defined `position` value.
|
|
18
18
|
* @default `'draggable'`
|
|
19
19
|
* */
|
|
20
|
-
position?: PanePosition
|
|
20
|
+
position?: PanePosition;
|
|
21
21
|
} & (
|
|
22
22
|
| ({
|
|
23
23
|
/**
|
|
@@ -47,7 +47,7 @@ declare const __propDef: {
|
|
|
47
47
|
* @default `0`
|
|
48
48
|
* @bindable
|
|
49
49
|
*/
|
|
50
|
-
x?: number
|
|
50
|
+
x?: number;
|
|
51
51
|
/**
|
|
52
52
|
* Vertical position of the pane relative to the top of the window, in pixels.
|
|
53
53
|
*
|
|
@@ -58,7 +58,7 @@ declare const __propDef: {
|
|
|
58
58
|
* @default `0`
|
|
59
59
|
* @bindable
|
|
60
60
|
*/
|
|
61
|
-
y?: number
|
|
61
|
+
y?: number;
|
|
62
62
|
/**
|
|
63
63
|
* Width of the pane, in pixels.
|
|
64
64
|
*
|
|
@@ -74,7 +74,7 @@ declare const __propDef: {
|
|
|
74
74
|
* @default `256`
|
|
75
75
|
* @bindable
|
|
76
76
|
*/
|
|
77
|
-
width?: number
|
|
77
|
+
width?: number;
|
|
78
78
|
} & Omit<
|
|
79
79
|
{
|
|
80
80
|
/**
|
|
@@ -90,13 +90,13 @@ declare const __propDef: {
|
|
|
90
90
|
* Hides the collapse button from the title bar when `false`.
|
|
91
91
|
* @default `true`
|
|
92
92
|
*/
|
|
93
|
-
userExpandable?: boolean
|
|
93
|
+
userExpandable?: boolean;
|
|
94
94
|
/**
|
|
95
95
|
* Expand or collapse the pane into its title bar.
|
|
96
96
|
* @default `true`
|
|
97
97
|
* @bindable
|
|
98
98
|
*/
|
|
99
|
-
expanded?: boolean
|
|
99
|
+
expanded?: boolean;
|
|
100
100
|
/**
|
|
101
101
|
* Custom color scheme.
|
|
102
102
|
*
|
|
@@ -129,9 +129,9 @@ declare const __propDef: {
|
|
|
129
129
|
* Negative values are ignored.
|
|
130
130
|
* @default `1`
|
|
131
131
|
*/
|
|
132
|
-
scale?: number
|
|
132
|
+
scale?: number;
|
|
133
133
|
/** Internal use only. */
|
|
134
|
-
userCreatedPane?: boolean
|
|
134
|
+
userCreatedPane?: boolean;
|
|
135
135
|
/**
|
|
136
136
|
* The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
|
|
137
137
|
*
|
|
@@ -184,7 +184,7 @@ declare const __propDef: {
|
|
|
184
184
|
* @default `256`
|
|
185
185
|
* @bindable
|
|
186
186
|
*/
|
|
187
|
-
width?: number
|
|
187
|
+
width?: number;
|
|
188
188
|
} & {
|
|
189
189
|
/**
|
|
190
190
|
* Text in the pane's title bar.
|
|
@@ -199,13 +199,13 @@ declare const __propDef: {
|
|
|
199
199
|
* Hides the collapse button from the title bar when `false`.
|
|
200
200
|
* @default `true`
|
|
201
201
|
*/
|
|
202
|
-
userExpandable?: boolean
|
|
202
|
+
userExpandable?: boolean;
|
|
203
203
|
/**
|
|
204
204
|
* Expand or collapse the pane into its title bar.
|
|
205
205
|
* @default `true`
|
|
206
206
|
* @bindable
|
|
207
207
|
*/
|
|
208
|
-
expanded?: boolean
|
|
208
|
+
expanded?: boolean;
|
|
209
209
|
/**
|
|
210
210
|
* Custom color scheme.
|
|
211
211
|
*
|
|
@@ -238,9 +238,9 @@ declare const __propDef: {
|
|
|
238
238
|
* Negative values are ignored.
|
|
239
239
|
* @default `1`
|
|
240
240
|
*/
|
|
241
|
-
scale?: number
|
|
241
|
+
scale?: number;
|
|
242
242
|
/** Internal use only. */
|
|
243
|
-
userCreatedPane?: boolean
|
|
243
|
+
userCreatedPane?: boolean;
|
|
244
244
|
/**
|
|
245
245
|
* The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
|
|
246
246
|
*
|
|
@@ -287,7 +287,7 @@ declare const __propDef: {
|
|
|
287
287
|
* @default `0`
|
|
288
288
|
* @bindable
|
|
289
289
|
*/
|
|
290
|
-
x?: number
|
|
290
|
+
x?: number;
|
|
291
291
|
/**
|
|
292
292
|
* Vertical position of the pane relative to the top of the window, in pixels.
|
|
293
293
|
*
|
|
@@ -298,30 +298,30 @@ declare const __propDef: {
|
|
|
298
298
|
* @default `0`
|
|
299
299
|
* @bindable
|
|
300
300
|
*/
|
|
301
|
-
y?: number
|
|
301
|
+
y?: number;
|
|
302
302
|
/**
|
|
303
303
|
* Minimum pane width in pixels.
|
|
304
304
|
* @default `200`
|
|
305
305
|
*/
|
|
306
|
-
minWidth?: number
|
|
306
|
+
minWidth?: number;
|
|
307
307
|
/**
|
|
308
308
|
* Maximum pane width in pixels.
|
|
309
309
|
* @default `600`
|
|
310
310
|
*/
|
|
311
|
-
maxWidth?: number
|
|
311
|
+
maxWidth?: number;
|
|
312
312
|
/**
|
|
313
313
|
* Automatically collapse open panels when the available window size is less than the height
|
|
314
314
|
* of the pane.
|
|
315
315
|
*
|
|
316
316
|
* @default `false`
|
|
317
317
|
*/
|
|
318
|
-
collapseChildrenToFit?: boolean
|
|
318
|
+
collapseChildrenToFit?: boolean;
|
|
319
319
|
/**
|
|
320
320
|
* Identifier to be used if multiple `<Pane position="draggable">` components with
|
|
321
321
|
* `storePositionLocally` set to true are used on the same page.
|
|
322
322
|
* @default `'1'`
|
|
323
323
|
*/
|
|
324
|
-
localStoreId?: string
|
|
324
|
+
localStoreId?: string;
|
|
325
325
|
/**
|
|
326
326
|
* CSS [padding property string](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
|
|
327
327
|
* to apply to the draggable pane container to prevent it from being dragged all the way to
|
|
@@ -330,13 +330,13 @@ declare const __propDef: {
|
|
|
330
330
|
* Useful for keeping the pane away from of menu bars, etc.
|
|
331
331
|
* @default `'0'`
|
|
332
332
|
*/
|
|
333
|
-
padding?: string
|
|
333
|
+
padding?: string;
|
|
334
334
|
/**
|
|
335
335
|
* Allow the user to resize the width of the pane by dragging the right corner of the title
|
|
336
336
|
* bar.
|
|
337
337
|
* @default `true`
|
|
338
338
|
*/
|
|
339
|
-
resizable?: boolean
|
|
339
|
+
resizable?: boolean;
|
|
340
340
|
/**
|
|
341
341
|
* Store the pane's position and width when the user changes it interactively.
|
|
342
342
|
*
|
|
@@ -344,7 +344,7 @@ declare const __propDef: {
|
|
|
344
344
|
* `storePositionLocally` set to `true`.
|
|
345
345
|
* @default `true`
|
|
346
346
|
*/
|
|
347
|
-
storePositionLocally?: boolean
|
|
347
|
+
storePositionLocally?: boolean;
|
|
348
348
|
/**
|
|
349
349
|
* Width of the pane, in pixels.
|
|
350
350
|
*
|
|
@@ -360,7 +360,7 @@ declare const __propDef: {
|
|
|
360
360
|
* @default `256`
|
|
361
361
|
* @bindable
|
|
362
362
|
*/
|
|
363
|
-
width?: number
|
|
363
|
+
width?: number;
|
|
364
364
|
} & Omit<
|
|
365
365
|
{
|
|
366
366
|
/**
|
|
@@ -376,13 +376,13 @@ declare const __propDef: {
|
|
|
376
376
|
* Hides the collapse button from the title bar when `false`.
|
|
377
377
|
* @default `true`
|
|
378
378
|
*/
|
|
379
|
-
userExpandable?: boolean
|
|
379
|
+
userExpandable?: boolean;
|
|
380
380
|
/**
|
|
381
381
|
* Expand or collapse the pane into its title bar.
|
|
382
382
|
* @default `true`
|
|
383
383
|
* @bindable
|
|
384
384
|
*/
|
|
385
|
-
expanded?: boolean
|
|
385
|
+
expanded?: boolean;
|
|
386
386
|
/**
|
|
387
387
|
* Custom color scheme.
|
|
388
388
|
*
|
|
@@ -415,9 +415,9 @@ declare const __propDef: {
|
|
|
415
415
|
* Negative values are ignored.
|
|
416
416
|
* @default `1`
|
|
417
417
|
*/
|
|
418
|
-
scale?: number
|
|
418
|
+
scale?: number;
|
|
419
419
|
/** Internal use only. */
|
|
420
|
-
userCreatedPane?: boolean
|
|
420
|
+
userCreatedPane?: boolean;
|
|
421
421
|
/**
|
|
422
422
|
* The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
|
|
423
423
|
*
|
|
@@ -16,7 +16,7 @@ declare const __propDef: {
|
|
|
16
16
|
* Prevent interactivity and gray out the control.
|
|
17
17
|
* @default `false`
|
|
18
18
|
*/
|
|
19
|
-
disabled?: boolean
|
|
19
|
+
disabled?: boolean;
|
|
20
20
|
/**
|
|
21
21
|
* Custom color scheme.
|
|
22
22
|
* @default `undefined` \
|
|
@@ -48,7 +48,7 @@ declare const __propDef: {
|
|
|
48
48
|
*
|
|
49
49
|
* @default `undefined`
|
|
50
50
|
*/
|
|
51
|
-
plugin?: import('
|
|
51
|
+
plugin?: import('./Blade.svelte').Plugin | undefined;
|
|
52
52
|
},
|
|
53
53
|
'ref' | 'options' | 'plugin'
|
|
54
54
|
>;
|
|
@@ -5,7 +5,7 @@ declare const __propDef: {
|
|
|
5
5
|
/**
|
|
6
6
|
* Prevent interactivity and gray out the control.
|
|
7
7
|
* @default `false`
|
|
8
|
-
* */ disabled?: boolean
|
|
8
|
+
* */ disabled?: boolean;
|
|
9
9
|
/**
|
|
10
10
|
* Active page index.
|
|
11
11
|
*
|
|
@@ -13,7 +13,7 @@ declare const __propDef: {
|
|
|
13
13
|
* index.
|
|
14
14
|
* @default `0`
|
|
15
15
|
* @bindable
|
|
16
|
-
* */ selectedIndex?: number
|
|
16
|
+
* */ selectedIndex?: number;
|
|
17
17
|
/**
|
|
18
18
|
* Custom color scheme.
|
|
19
19
|
* @default `undefined` \
|
|
@@ -5,18 +5,18 @@ declare const __propDef: {
|
|
|
5
5
|
/**
|
|
6
6
|
* Text in the tab.
|
|
7
7
|
* @default `'Tab Page'`
|
|
8
|
-
* */ title?: string
|
|
8
|
+
* */ title?: string;
|
|
9
9
|
/**
|
|
10
10
|
* Prevent interactivity and gray out the control.
|
|
11
11
|
* @default `false`
|
|
12
|
-
* */ disabled?: boolean
|
|
12
|
+
* */ disabled?: boolean;
|
|
13
13
|
/**
|
|
14
14
|
* Sets the page is the active tab.
|
|
15
15
|
*
|
|
16
16
|
* When bound it will indicate whether the tab is active.
|
|
17
17
|
* @default `false`
|
|
18
18
|
* @bindable
|
|
19
|
-
* */ selected?: boolean
|
|
19
|
+
* */ selected?: boolean;
|
|
20
20
|
/**
|
|
21
21
|
* Custom color scheme.
|
|
22
22
|
* @default `undefined` \
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import { isColorObject } from '@tweakpane/core';
|
|
5
|
-
import { Point2d } from '@tweakpane/core/dist/input-binding/point-2d/model/point-2d.js';
|
|
6
|
-
import { Point3d } from '@tweakpane/core/dist/input-binding/point-3d/model/point-3d.js';
|
|
7
|
-
import { Point4d } from '@tweakpane/core/dist/input-binding/point-4d/model/point-4d.js';
|
|
8
4
|
import Text from '../control/Text.svelte';
|
|
9
5
|
import Binding from '../core/Binding.svelte';
|
|
10
6
|
import Folder from '../core/Folder.svelte';
|
|
11
7
|
import InternalPaneInline from '../internal/InternalPaneInline.svelte';
|
|
8
|
+
import { isColorObject } from '@tweakpane/core';
|
|
9
|
+
import { Point2d } from '@tweakpane/core/dist/input-binding/point-2d/model/point-2d.js';
|
|
10
|
+
import { Point3d } from '@tweakpane/core/dist/input-binding/point-3d/model/point-3d.js';
|
|
11
|
+
import { Point4d } from '@tweakpane/core/dist/input-binding/point-4d/model/point-4d.js';
|
|
12
12
|
import copy from 'fast-copy';
|
|
13
13
|
import { createEventDispatcher, getContext } from 'svelte';
|
|
14
14
|
export let theme = void 0;
|
|
@@ -14,7 +14,7 @@ declare const __propDef: {
|
|
|
14
14
|
* Transforms keys into more pleasant control labels (e.g. capitalization and spaces in lieu of
|
|
15
15
|
* camelCase, kebab-case, etc.)
|
|
16
16
|
* @default `true`
|
|
17
|
-
* */ prettyLabels?: boolean
|
|
17
|
+
* */ prettyLabels?: boolean;
|
|
18
18
|
/**
|
|
19
19
|
* Object to create an automatic set of Tweakpane controls for.
|
|
20
20
|
*
|
|
@@ -23,7 +23,7 @@ declare const __propDef: {
|
|
|
23
23
|
* Prevent interactivity and gray out the control.
|
|
24
24
|
* @default `false`
|
|
25
25
|
*/
|
|
26
|
-
disabled?: boolean
|
|
26
|
+
disabled?: boolean;
|
|
27
27
|
/**
|
|
28
28
|
* Text displayed next to control.
|
|
29
29
|
* @default `undefined`
|
|
@@ -75,7 +75,7 @@ declare const __propDef: {
|
|
|
75
75
|
*
|
|
76
76
|
* @default `undefined`
|
|
77
77
|
*/
|
|
78
|
-
plugin?: import('
|
|
78
|
+
plugin?: import('../utils.js').Plugin | undefined;
|
|
79
79
|
},
|
|
80
80
|
'object' | 'key'
|
|
81
81
|
>,
|
|
@@ -14,14 +14,14 @@ declare const __propDef: {
|
|
|
14
14
|
* @default `undefined` \
|
|
15
15
|
* No max height.
|
|
16
16
|
*/
|
|
17
|
-
maxHeight?: number
|
|
17
|
+
maxHeight?: number;
|
|
18
18
|
/**
|
|
19
19
|
* Whether to reset the CSS of the element block to its default values.
|
|
20
20
|
* Avoids inheritance of Tweakpane's CSS styles. Note that this uses a
|
|
21
21
|
* simple `all: initial;` rule.
|
|
22
22
|
* @default `true`
|
|
23
23
|
*/
|
|
24
|
-
resetStyle?: boolean
|
|
24
|
+
resetStyle?: boolean;
|
|
25
25
|
} & Omit<
|
|
26
26
|
{
|
|
27
27
|
/**
|
|
@@ -34,7 +34,7 @@ declare const __propDef: {
|
|
|
34
34
|
* Prevent interactivity and gray out the control.
|
|
35
35
|
* @default `false`
|
|
36
36
|
*/
|
|
37
|
-
disabled?: boolean
|
|
37
|
+
disabled?: boolean;
|
|
38
38
|
/**
|
|
39
39
|
* Custom color scheme.
|
|
40
40
|
* @default `undefined` \
|
|
@@ -66,7 +66,7 @@ declare const __propDef: {
|
|
|
66
66
|
*
|
|
67
67
|
* @default `undefined`
|
|
68
68
|
*/
|
|
69
|
-
plugin?: import('
|
|
69
|
+
plugin?: import('../core/Blade.svelte').Plugin | undefined;
|
|
70
70
|
},
|
|
71
71
|
'ref' | 'disabled' | 'options' | 'plugin'
|
|
72
72
|
>;
|
package/dist/index.d.ts
CHANGED
|
@@ -4,10 +4,10 @@ export { type CheckboxChangeEvent, default as Checkbox } from './control/Checkbo
|
|
|
4
4
|
export {
|
|
5
5
|
type ColorChangeEvent,
|
|
6
6
|
type ColorValue,
|
|
7
|
-
type ColorValueRgbObject,
|
|
8
|
-
type ColorValueRgbTuple,
|
|
9
7
|
type ColorValueRgbaObject,
|
|
10
8
|
type ColorValueRgbaTuple,
|
|
9
|
+
type ColorValueRgbObject,
|
|
10
|
+
type ColorValueRgbTuple,
|
|
11
11
|
type ColorValueString,
|
|
12
12
|
default as Color
|
|
13
13
|
} from './control/Color.svelte';
|
|
@@ -18,23 +18,24 @@ export {
|
|
|
18
18
|
type CubicBezierValueTuple,
|
|
19
19
|
default as CubicBezier
|
|
20
20
|
} from './control/CubicBezier.svelte';
|
|
21
|
-
export { type ImageChangeEvent, type ImageValue
|
|
21
|
+
export { default as Image, type ImageChangeEvent, type ImageValue } from './control/Image.svelte';
|
|
22
22
|
export {
|
|
23
|
+
default as IntervalSlider,
|
|
23
24
|
type IntervalSliderChangeEvent,
|
|
24
25
|
type IntervalSliderValue,
|
|
25
26
|
type IntervalSliderValueObject,
|
|
26
|
-
type IntervalSliderValueTuple
|
|
27
|
-
default as IntervalSlider
|
|
27
|
+
type IntervalSliderValueTuple
|
|
28
28
|
} from './control/IntervalSlider.svelte';
|
|
29
29
|
export {
|
|
30
|
+
default as List,
|
|
30
31
|
type ListChangeEvent,
|
|
31
32
|
type ListOptions,
|
|
32
33
|
type ListOptionsArray,
|
|
33
34
|
type ListOptionsObjectArray,
|
|
34
|
-
type ListOptionsRecord
|
|
35
|
-
default as List
|
|
35
|
+
type ListOptionsRecord
|
|
36
36
|
} from './control/List.svelte';
|
|
37
37
|
export {
|
|
38
|
+
default as Point,
|
|
38
39
|
type PointChangeEvent,
|
|
39
40
|
type PointOptions,
|
|
40
41
|
type PointValue2d,
|
|
@@ -45,38 +46,37 @@ export {
|
|
|
45
46
|
type PointValue3dTuple,
|
|
46
47
|
type PointValue4d,
|
|
47
48
|
type PointValue4dObject,
|
|
48
|
-
type PointValue4dTuple
|
|
49
|
-
default as Point
|
|
49
|
+
type PointValue4dTuple
|
|
50
50
|
} from './control/Point.svelte';
|
|
51
|
-
export {
|
|
51
|
+
export { default as RadioGrid, type RadioGridChangeEvent } from './control/RadioGrid.svelte';
|
|
52
52
|
export {
|
|
53
|
+
default as Ring,
|
|
53
54
|
type RingChangeEvent,
|
|
54
55
|
type RingSeries,
|
|
55
|
-
type RingUnit
|
|
56
|
-
default as Ring
|
|
56
|
+
type RingUnit
|
|
57
57
|
} from './control/Ring.svelte';
|
|
58
58
|
export {
|
|
59
|
+
default as RotationEuler,
|
|
59
60
|
type RotationEulerChangeEvent,
|
|
60
61
|
type RotationEulerOptions,
|
|
61
62
|
type RotationEulerOrder,
|
|
62
63
|
type RotationEulerUnit,
|
|
63
64
|
type RotationEulerValue,
|
|
64
65
|
type RotationEulerValueObject,
|
|
65
|
-
type RotationEulerValueTuple
|
|
66
|
-
default as RotationEuler
|
|
66
|
+
type RotationEulerValueTuple
|
|
67
67
|
} from './control/RotationEuler.svelte';
|
|
68
68
|
export {
|
|
69
|
+
default as RotationQuaternion,
|
|
69
70
|
type RotationQuaternionChangeEvent,
|
|
70
71
|
type RotationQuaternionOptions,
|
|
71
72
|
type RotationQuaternionValue,
|
|
72
73
|
type RotationQuaternionValueObject,
|
|
73
|
-
type RotationQuaternionValueTuple
|
|
74
|
-
default as RotationQuaternion
|
|
74
|
+
type RotationQuaternionValueTuple
|
|
75
75
|
} from './control/RotationQuaternion.svelte';
|
|
76
|
-
export {
|
|
77
|
-
export {
|
|
78
|
-
export {
|
|
79
|
-
export {
|
|
76
|
+
export { default as Slider, type SliderChangeEvent } from './control/Slider.svelte';
|
|
77
|
+
export { default as Text, type TextChangeEvent } from './control/Text.svelte';
|
|
78
|
+
export { default as Textarea, type TextareaChangeEvent } from './control/Textarea.svelte';
|
|
79
|
+
export { default as Wheel, type WheelChangeEvent } from './control/Wheel.svelte';
|
|
80
80
|
export {
|
|
81
81
|
type BindingChangeEvent,
|
|
82
82
|
type BindingOptions,
|
|
@@ -85,25 +85,25 @@ export {
|
|
|
85
85
|
} from './core/Binding.svelte';
|
|
86
86
|
export { type BladeOptions, type BladeRef, default as Blade } from './core/Blade.svelte';
|
|
87
87
|
export { default as Folder } from './core/Folder.svelte';
|
|
88
|
-
export {
|
|
88
|
+
export { default as Pane, type PanePosition } from './core/Pane.svelte';
|
|
89
89
|
export { default as Separator } from './core/Separator.svelte';
|
|
90
90
|
export { default as TabGroup } from './core/TabGroup.svelte';
|
|
91
91
|
export { default as TabPage } from './core/TabPage.svelte';
|
|
92
92
|
export { type AutoObjectChangeEvent, default as AutoObject } from './extra/AutoObject.svelte';
|
|
93
93
|
export { type AutoValueChangeEvent, default as AutoValue } from './extra/AutoValue.svelte';
|
|
94
94
|
export { default as Element } from './extra/Element.svelte';
|
|
95
|
-
export {
|
|
95
|
+
export { default as FpsGraph, type FpsGraphChangeEvent } from './monitor/FpsGraph.svelte';
|
|
96
96
|
export { default as Monitor } from './monitor/Monitor.svelte';
|
|
97
97
|
export {
|
|
98
|
+
default as Profiler,
|
|
98
99
|
type ProfilerCalcMode,
|
|
99
100
|
type ProfilerMeasure,
|
|
100
101
|
type ProfilerMeasureAsync,
|
|
101
|
-
type ProfilerMeasureHandler
|
|
102
|
-
default as Profiler
|
|
102
|
+
type ProfilerMeasureHandler
|
|
103
103
|
} from './monitor/Profiler.svelte';
|
|
104
104
|
export {
|
|
105
|
-
|
|
106
|
-
|
|
105
|
+
default as WaveformMonitor,
|
|
106
|
+
type WaveformMonitorValue
|
|
107
107
|
} from './monitor/WaveformMonitor.svelte';
|
|
108
108
|
export type { Theme, ThemeColorValue } from './theme.js';
|
|
109
109
|
export { default as ThemeUtils } from './theme.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SvelteComponent } from 'svelte';
|
|
2
|
-
import { type Theme } from '../theme.js';
|
|
2
|
+
import { getValueOrFallback, type Theme } from '../theme.js';
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
/**
|
|
@@ -7,78 +7,10 @@ declare const __propDef: {
|
|
|
7
7
|
*/ theme?: Theme | undefined;
|
|
8
8
|
/**
|
|
9
9
|
* Theme keys to add to the height estimate.
|
|
10
|
-
*/ keysAdd?:
|
|
11
|
-
| (keyof {
|
|
12
|
-
baseBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
13
|
-
baseBorderRadius?: string | undefined;
|
|
14
|
-
baseFontFamily?: string | undefined;
|
|
15
|
-
baseShadowColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
16
|
-
bladeBorderRadius?: string | undefined;
|
|
17
|
-
bladeHorizontalPadding?: string | undefined;
|
|
18
|
-
bladeValueWidth?: string | undefined;
|
|
19
|
-
buttonBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
20
|
-
buttonBackgroundColorActive?: import('../theme.js').ThemeColorValue | undefined;
|
|
21
|
-
buttonBackgroundColorFocus?: import('../theme.js').ThemeColorValue | undefined;
|
|
22
|
-
buttonBackgroundColorHover?: import('../theme.js').ThemeColorValue | undefined;
|
|
23
|
-
buttonForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
24
|
-
containerBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
25
|
-
containerBackgroundColorActive?: import('../theme.js').ThemeColorValue | undefined;
|
|
26
|
-
containerBackgroundColorFocus?: import('../theme.js').ThemeColorValue | undefined;
|
|
27
|
-
containerBackgroundColorHover?: import('../theme.js').ThemeColorValue | undefined;
|
|
28
|
-
containerForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
29
|
-
containerHorizontalPadding?: string | undefined;
|
|
30
|
-
containerUnitSize?: string | undefined;
|
|
31
|
-
containerUnitSpacing?: string | undefined;
|
|
32
|
-
containerVerticalPadding?: string | undefined;
|
|
33
|
-
grooveForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
34
|
-
inputBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
35
|
-
inputBackgroundColorActive?: import('../theme.js').ThemeColorValue | undefined;
|
|
36
|
-
inputBackgroundColorFocus?: import('../theme.js').ThemeColorValue | undefined;
|
|
37
|
-
inputBackgroundColorHover?: import('../theme.js').ThemeColorValue | undefined;
|
|
38
|
-
inputForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
39
|
-
labelForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
40
|
-
monitorBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
41
|
-
monitorForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
42
|
-
pluginImageDraggingColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
43
|
-
})[]
|
|
44
|
-
| undefined;
|
|
10
|
+
*/ keysAdd?: Array<Parameters<typeof getValueOrFallback>[1]>;
|
|
45
11
|
/**
|
|
46
12
|
* Theme keys to subtract from the height estimate.
|
|
47
|
-
*/ keysSubtract?:
|
|
48
|
-
| (keyof {
|
|
49
|
-
baseBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
50
|
-
baseBorderRadius?: string | undefined;
|
|
51
|
-
baseFontFamily?: string | undefined;
|
|
52
|
-
baseShadowColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
53
|
-
bladeBorderRadius?: string | undefined;
|
|
54
|
-
bladeHorizontalPadding?: string | undefined;
|
|
55
|
-
bladeValueWidth?: string | undefined;
|
|
56
|
-
buttonBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
57
|
-
buttonBackgroundColorActive?: import('../theme.js').ThemeColorValue | undefined;
|
|
58
|
-
buttonBackgroundColorFocus?: import('../theme.js').ThemeColorValue | undefined;
|
|
59
|
-
buttonBackgroundColorHover?: import('../theme.js').ThemeColorValue | undefined;
|
|
60
|
-
buttonForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
61
|
-
containerBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
62
|
-
containerBackgroundColorActive?: import('../theme.js').ThemeColorValue | undefined;
|
|
63
|
-
containerBackgroundColorFocus?: import('../theme.js').ThemeColorValue | undefined;
|
|
64
|
-
containerBackgroundColorHover?: import('../theme.js').ThemeColorValue | undefined;
|
|
65
|
-
containerForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
66
|
-
containerHorizontalPadding?: string | undefined;
|
|
67
|
-
containerUnitSize?: string | undefined;
|
|
68
|
-
containerUnitSpacing?: string | undefined;
|
|
69
|
-
containerVerticalPadding?: string | undefined;
|
|
70
|
-
grooveForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
71
|
-
inputBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
72
|
-
inputBackgroundColorActive?: import('../theme.js').ThemeColorValue | undefined;
|
|
73
|
-
inputBackgroundColorFocus?: import('../theme.js').ThemeColorValue | undefined;
|
|
74
|
-
inputBackgroundColorHover?: import('../theme.js').ThemeColorValue | undefined;
|
|
75
|
-
inputForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
76
|
-
labelForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
77
|
-
monitorBackgroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
78
|
-
monitorForegroundColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
79
|
-
pluginImageDraggingColor?: import('../theme.js').ThemeColorValue | undefined;
|
|
80
|
-
})[]
|
|
81
|
-
| undefined;
|
|
13
|
+
*/ keysSubtract?: Array<Parameters<typeof getValueOrFallback>[1]>;
|
|
82
14
|
/**
|
|
83
15
|
* Extra arbitrary space to add to the height estimate, in pixels.
|
|
84
16
|
*/ extra?: number | undefined;
|
|
@@ -24,7 +24,7 @@ declare class __sveltets_Render<
|
|
|
24
24
|
* Prevent interactivity and gray out the control.
|
|
25
25
|
* @default `false`
|
|
26
26
|
*/
|
|
27
|
-
disabled?: boolean
|
|
27
|
+
disabled?: boolean;
|
|
28
28
|
/**
|
|
29
29
|
* Text displayed next to control.
|
|
30
30
|
* @default `undefined`
|
|
@@ -76,7 +76,7 @@ declare class __sveltets_Render<
|
|
|
76
76
|
*
|
|
77
77
|
* @default `undefined`
|
|
78
78
|
*/
|
|
79
|
-
plugin?: import('
|
|
79
|
+
plugin?: import('../utils.js').Plugin | undefined;
|
|
80
80
|
},
|
|
81
81
|
'object' | 'key'
|
|
82
82
|
>;
|
|
@@ -6,25 +6,25 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
|
|
|
6
6
|
* DOM class name of the button used to expand and collapse the blade's picker.
|
|
7
7
|
* @default `undefined`
|
|
8
8
|
* */
|
|
9
|
-
buttonClass?: string
|
|
9
|
+
buttonClass?: string;
|
|
10
10
|
/**
|
|
11
11
|
* Expand or collapse the blade's picker.
|
|
12
12
|
* @default `true`
|
|
13
13
|
* @bindable
|
|
14
14
|
* */
|
|
15
|
-
expanded?: boolean
|
|
15
|
+
expanded?: boolean;
|
|
16
16
|
/**
|
|
17
17
|
* The style of value "picker" to use in the blade.
|
|
18
18
|
* @default `'popup'`
|
|
19
19
|
*/
|
|
20
|
-
picker?: 'inline' | 'popup'
|
|
20
|
+
picker?: 'inline' | 'popup';
|
|
21
21
|
/**
|
|
22
22
|
* Allow users to interactively expand / contract the value picker by clicking its icon.
|
|
23
23
|
*
|
|
24
24
|
* Most useful when `picker` is `inline`.
|
|
25
25
|
* @default `true`
|
|
26
26
|
* */
|
|
27
|
-
userExpandable?: boolean
|
|
27
|
+
userExpandable?: boolean;
|
|
28
28
|
} & {
|
|
29
29
|
/**
|
|
30
30
|
* Blade configuration exposing Tweakpane's internal
|
|
@@ -36,7 +36,7 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
|
|
|
36
36
|
* Prevent interactivity and gray out the control.
|
|
37
37
|
* @default `false`
|
|
38
38
|
*/
|
|
39
|
-
disabled?: boolean
|
|
39
|
+
disabled?: boolean;
|
|
40
40
|
/**
|
|
41
41
|
* Custom color scheme.
|
|
42
42
|
* @default `undefined` \
|
|
@@ -68,7 +68,7 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
|
|
|
68
68
|
*
|
|
69
69
|
* @default `undefined`
|
|
70
70
|
*/
|
|
71
|
-
plugin?: import('
|
|
71
|
+
plugin?: import('../utils').Plugin | undefined;
|
|
72
72
|
};
|
|
73
73
|
events(): {} & {
|
|
74
74
|
[evt: string]: CustomEvent<any>;
|
|
@@ -26,7 +26,7 @@ declare class __sveltets_Render<
|
|
|
26
26
|
* Prevent interactivity and gray out the control.
|
|
27
27
|
* @default `false`
|
|
28
28
|
*/
|
|
29
|
-
disabled?: boolean
|
|
29
|
+
disabled?: boolean;
|
|
30
30
|
/**
|
|
31
31
|
* Text displayed next to control.
|
|
32
32
|
* @default `undefined`
|
|
@@ -78,7 +78,7 @@ declare class __sveltets_Render<
|
|
|
78
78
|
*
|
|
79
79
|
* @default `undefined`
|
|
80
80
|
*/
|
|
81
|
-
plugin?: import('
|
|
81
|
+
plugin?: import('..').Plugin | undefined;
|
|
82
82
|
},
|
|
83
83
|
'object' | 'key'
|
|
84
84
|
>;
|