svelte-tweakpane-ui 1.3.0 → 1.3.2
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 +2 -1
- 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 +44 -38
- package/readme.md +6 -1
|
@@ -6,7 +6,7 @@ declare const __propDef: {
|
|
|
6
6
|
/**
|
|
7
7
|
* Text inside of the button.
|
|
8
8
|
* @default `'Button'`
|
|
9
|
-
* */ title?: string
|
|
9
|
+
* */ title?: string;
|
|
10
10
|
/**
|
|
11
11
|
* Text displayed next to the button.
|
|
12
12
|
* @default `undefined`
|
|
@@ -14,7 +14,7 @@ declare const __propDef: {
|
|
|
14
14
|
/**
|
|
15
15
|
* Prevent interactivity and gray out the control.
|
|
16
16
|
* @default `false`
|
|
17
|
-
* */ disabled?: boolean
|
|
17
|
+
* */ disabled?: boolean;
|
|
18
18
|
/**
|
|
19
19
|
* Custom color scheme.
|
|
20
20
|
* @default `undefined` \
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
5
4
|
import Blade from '../core/Blade.svelte';
|
|
6
5
|
import ClsPad from '../internal/ClsPad.svelte';
|
|
7
6
|
import { fillWith } from '../utils';
|
|
8
7
|
import { getGridDimensions } from '../utils.js';
|
|
8
|
+
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
9
9
|
import { BROWSER } from 'esm-env';
|
|
10
10
|
import { createEventDispatcher } from 'svelte';
|
|
11
11
|
export let columns = void 0;
|
|
@@ -23,12 +23,12 @@ declare const __propDef: {
|
|
|
23
23
|
* @default `undefined` \
|
|
24
24
|
* Dynamic based on quantity of `buttons`.
|
|
25
25
|
* */
|
|
26
|
-
columns?: number
|
|
26
|
+
columns?: number;
|
|
27
27
|
/**
|
|
28
28
|
* Text displayed next to the button grid.
|
|
29
29
|
* @default `undefined`
|
|
30
30
|
*/
|
|
31
|
-
label?: string
|
|
31
|
+
label?: string;
|
|
32
32
|
/**
|
|
33
33
|
* Number of rows to arrange the buttons into.
|
|
34
34
|
*
|
|
@@ -37,7 +37,7 @@ declare const __propDef: {
|
|
|
37
37
|
* @default `undefined` \
|
|
38
38
|
* Dynamic based on quantity of `buttons`.
|
|
39
39
|
* */
|
|
40
|
-
rows?: number
|
|
40
|
+
rows?: number;
|
|
41
41
|
} & Omit<
|
|
42
42
|
{
|
|
43
43
|
/**
|
|
@@ -50,7 +50,7 @@ declare const __propDef: {
|
|
|
50
50
|
* Prevent interactivity and gray out the control.
|
|
51
51
|
* @default `false`
|
|
52
52
|
*/
|
|
53
|
-
disabled?: boolean
|
|
53
|
+
disabled?: boolean;
|
|
54
54
|
/**
|
|
55
55
|
* Custom color scheme.
|
|
56
56
|
* @default `undefined` \
|
|
@@ -82,7 +82,7 @@ declare const __propDef: {
|
|
|
82
82
|
*
|
|
83
83
|
* @default `undefined`
|
|
84
84
|
*/
|
|
85
|
-
plugin?: import('
|
|
85
|
+
plugin?: import('../utils').Plugin | undefined;
|
|
86
86
|
},
|
|
87
87
|
'ref' | 'options' | 'plugin'
|
|
88
88
|
>;
|
|
@@ -22,7 +22,7 @@ declare const __propDef: {
|
|
|
22
22
|
* Prevent interactivity and gray out the control.
|
|
23
23
|
* @default `false`
|
|
24
24
|
*/
|
|
25
|
-
disabled?: boolean
|
|
25
|
+
disabled?: boolean;
|
|
26
26
|
/**
|
|
27
27
|
* Text displayed next to control.
|
|
28
28
|
* @default `undefined`
|
|
@@ -74,7 +74,7 @@ declare const __propDef: {
|
|
|
74
74
|
*
|
|
75
75
|
* @default `undefined`
|
|
76
76
|
*/
|
|
77
|
-
plugin?: import('
|
|
77
|
+
plugin?: import('../utils.js').Plugin | undefined;
|
|
78
78
|
},
|
|
79
79
|
'object' | 'key'
|
|
80
80
|
>,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import { isColorObject, isObject, isRgbColorObject, isRgbaColorObject } from '@tweakpane/core';
|
|
5
4
|
import ClsPad from '../internal/ClsPad.svelte';
|
|
6
5
|
import GenericInputFolding from '../internal/GenericInputFolding.svelte';
|
|
7
6
|
import { objectToTuple, tupleToObject } from '../utils';
|
|
8
7
|
import { fillWith } from '../utils';
|
|
8
|
+
import { isColorObject, isObject, isRgbaColorObject, isRgbColorObject } from '@tweakpane/core';
|
|
9
9
|
import { BROWSER } from 'esm-env';
|
|
10
10
|
export let value;
|
|
11
11
|
export let expanded = void 0;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { SvelteComponent } from 'svelte';
|
|
2
|
-
import type {
|
|
3
|
-
RgbColorObject,
|
|
4
|
-
RgbaColorObject
|
|
5
|
-
} from '@tweakpane/core/dist/input-binding/color/model/color.js';
|
|
6
2
|
import type { Simplify } from '../utils';
|
|
7
3
|
import type { ValueChangeEvent } from '../utils.js';
|
|
4
|
+
import type {
|
|
5
|
+
RgbaColorObject,
|
|
6
|
+
RgbColorObject
|
|
7
|
+
} from '@tweakpane/core/dist/input-binding/color/model/color.js';
|
|
8
8
|
export type ColorValueRgbTuple = [r: number, g: number, b: number];
|
|
9
9
|
export type ColorValueRgbaTuple = [r: number, g: number, b: number, a: number];
|
|
10
10
|
export type ColorValueRgbObject = Simplify<RgbColorObject>;
|
|
11
11
|
export type ColorValueRgbaObject = Simplify<RgbaColorObject>;
|
|
12
12
|
export type ColorValueString = string;
|
|
13
13
|
export type ColorValue = Simplify<
|
|
14
|
-
| ColorValueRgbObject
|
|
15
|
-
| ColorValueRgbTuple
|
|
16
14
|
| ColorValueRgbaObject
|
|
17
15
|
| ColorValueRgbaTuple
|
|
16
|
+
| ColorValueRgbObject
|
|
17
|
+
| ColorValueRgbTuple
|
|
18
18
|
| ColorValueString
|
|
19
19
|
>;
|
|
20
20
|
export type ColorChangeEvent = ValueChangeEvent<ColorValue>;
|
|
@@ -33,30 +33,30 @@ declare const __propDef: {
|
|
|
33
33
|
* Whether to treat values as floats from 0.0 to 1.0, or integers from 0 to 255.
|
|
34
34
|
* @default `'int'`
|
|
35
35
|
* */
|
|
36
|
-
type?: 'float' | 'int'
|
|
36
|
+
type?: 'float' | 'int';
|
|
37
37
|
} & Omit<
|
|
38
38
|
{
|
|
39
39
|
/**
|
|
40
40
|
* DOM class name of the button used to expand and collapse the input's picker.
|
|
41
41
|
* @default `undefined`
|
|
42
42
|
*/
|
|
43
|
-
buttonClass?: string
|
|
43
|
+
buttonClass?: string;
|
|
44
44
|
/**
|
|
45
45
|
* Expand or collapse the input's picker.
|
|
46
46
|
* @default `false`
|
|
47
47
|
* @bindable
|
|
48
48
|
*/
|
|
49
|
-
expanded?: boolean
|
|
49
|
+
expanded?: boolean;
|
|
50
50
|
/**
|
|
51
51
|
* The style of value "picker" to use in the input.
|
|
52
52
|
* @default `'popup'`
|
|
53
53
|
*/
|
|
54
|
-
picker?: 'inline' | 'popup'
|
|
54
|
+
picker?: 'inline' | 'popup';
|
|
55
55
|
/**
|
|
56
56
|
* Allow users to interactively expand / contract the picker.
|
|
57
57
|
* @default `true`
|
|
58
58
|
*/
|
|
59
|
-
userExpandable?: boolean
|
|
59
|
+
userExpandable?: boolean;
|
|
60
60
|
} & {
|
|
61
61
|
/**
|
|
62
62
|
* A color value to control.
|
|
@@ -79,7 +79,7 @@ declare const __propDef: {
|
|
|
79
79
|
* Prevent interactivity and gray out the control.
|
|
80
80
|
* @default `false`
|
|
81
81
|
*/
|
|
82
|
-
disabled?: boolean
|
|
82
|
+
disabled?: boolean;
|
|
83
83
|
/**
|
|
84
84
|
* Text displayed next to control.
|
|
85
85
|
* @default `undefined`
|
|
@@ -131,7 +131,7 @@ declare const __propDef: {
|
|
|
131
131
|
*
|
|
132
132
|
* @default `undefined`
|
|
133
133
|
*/
|
|
134
|
-
plugin?: import('
|
|
134
|
+
plugin?: import('../utils').Plugin | undefined;
|
|
135
135
|
},
|
|
136
136
|
'object' | 'key'
|
|
137
137
|
>,
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
5
|
-
import { CubicBezier } from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
6
4
|
import ClsPad from '../internal/ClsPad.svelte';
|
|
7
5
|
import GenericBladeFolding from '../internal/GenericBladeFolding.svelte';
|
|
8
6
|
import { fillWith } from '../utils';
|
|
7
|
+
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
8
|
+
import { CubicBezier } from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
9
9
|
import { BROWSER } from 'esm-env';
|
|
10
10
|
import copy from 'fast-copy';
|
|
11
11
|
import { shallowEqual } from 'fast-equals';
|
|
@@ -26,32 +26,32 @@ declare const __propDef: {
|
|
|
26
26
|
* Text displayed next to the control.
|
|
27
27
|
* @default `undefined`
|
|
28
28
|
* */
|
|
29
|
-
label?: string
|
|
29
|
+
label?: string;
|
|
30
30
|
} & Omit<
|
|
31
31
|
{
|
|
32
32
|
/**
|
|
33
33
|
* DOM class name of the button used to expand and collapse the blade's picker.
|
|
34
34
|
* @default `undefined`
|
|
35
35
|
*/
|
|
36
|
-
buttonClass?: string
|
|
36
|
+
buttonClass?: string;
|
|
37
37
|
/**
|
|
38
38
|
* Expand or collapse the blade's picker.
|
|
39
39
|
* @default `true`
|
|
40
40
|
* @bindable
|
|
41
41
|
*/
|
|
42
|
-
expanded?: boolean
|
|
42
|
+
expanded?: boolean;
|
|
43
43
|
/**
|
|
44
44
|
* The style of value "picker" to use in the blade.
|
|
45
45
|
* @default `'popup'`
|
|
46
46
|
*/
|
|
47
|
-
picker?: 'inline' | 'popup'
|
|
47
|
+
picker?: 'inline' | 'popup';
|
|
48
48
|
/**
|
|
49
49
|
* Allow users to interactively expand / contract the value picker by clicking its icon.
|
|
50
50
|
*
|
|
51
51
|
* Most useful when `picker` is `inline`.
|
|
52
52
|
* @default `true`
|
|
53
53
|
*/
|
|
54
|
-
userExpandable?: boolean
|
|
54
|
+
userExpandable?: boolean;
|
|
55
55
|
} & {
|
|
56
56
|
/**
|
|
57
57
|
* Blade configuration exposing Tweakpane's internal
|
|
@@ -63,7 +63,7 @@ declare const __propDef: {
|
|
|
63
63
|
* Prevent interactivity and gray out the control.
|
|
64
64
|
* @default `false`
|
|
65
65
|
*/
|
|
66
|
-
disabled?: boolean
|
|
66
|
+
disabled?: boolean;
|
|
67
67
|
/**
|
|
68
68
|
* Custom color scheme.
|
|
69
69
|
* @default `undefined` \
|
|
@@ -95,7 +95,7 @@ declare const __propDef: {
|
|
|
95
95
|
*
|
|
96
96
|
* @default `undefined`
|
|
97
97
|
*/
|
|
98
|
-
plugin?: import('
|
|
98
|
+
plugin?: import('../utils').Plugin | undefined;
|
|
99
99
|
},
|
|
100
100
|
'ref' | 'options' | 'plugin' | 'buttonClass'
|
|
101
101
|
>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-image';
|
|
5
4
|
import ClsPad from '../internal/ClsPad.svelte';
|
|
6
5
|
import GenericInput from '../internal/GenericInput.svelte';
|
|
7
6
|
import { fillWith } from '../utils';
|
|
7
|
+
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-image';
|
|
8
8
|
import { BROWSER } from 'esm-env';
|
|
9
9
|
export let value = 'placeholder';
|
|
10
10
|
export let fit = void 0;
|
|
@@ -14,14 +14,14 @@ declare const __propDef: {
|
|
|
14
14
|
* Array of image extension types to accept.
|
|
15
15
|
* @default `['.jpg', '.png', '.gif']`
|
|
16
16
|
*/
|
|
17
|
-
extensions?: string[]
|
|
17
|
+
extensions?: string[];
|
|
18
18
|
/**
|
|
19
19
|
* How to display the image in the preview pane.
|
|
20
20
|
*
|
|
21
21
|
* Renamed from `imageFit` in `tweakpane-image-plugin` for concision.
|
|
22
22
|
* @default `'cover'`
|
|
23
23
|
*/
|
|
24
|
-
fit?: 'contain' | 'cover'
|
|
24
|
+
fit?: 'contain' | 'cover';
|
|
25
25
|
} & Omit<
|
|
26
26
|
{
|
|
27
27
|
/**
|
|
@@ -43,7 +43,7 @@ declare const __propDef: {
|
|
|
43
43
|
* Prevent interactivity and gray out the control.
|
|
44
44
|
* @default `false`
|
|
45
45
|
*/
|
|
46
|
-
disabled?: boolean
|
|
46
|
+
disabled?: boolean;
|
|
47
47
|
/**
|
|
48
48
|
* Text displayed next to control.
|
|
49
49
|
* @default `undefined`
|
|
@@ -95,7 +95,7 @@ declare const __propDef: {
|
|
|
95
95
|
*
|
|
96
96
|
* @default `undefined`
|
|
97
97
|
*/
|
|
98
|
-
plugin?: import('
|
|
98
|
+
plugin?: import('../utils.js').Plugin | undefined;
|
|
99
99
|
},
|
|
100
100
|
'object' | 'key'
|
|
101
101
|
>,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
5
4
|
import GenericSlider from '../internal/GenericSlider.svelte';
|
|
5
|
+
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
6
6
|
export let value;
|
|
7
7
|
export let meanValue = void 0;
|
|
8
8
|
export let wide = void 0;
|
|
@@ -22,7 +22,7 @@ declare const __propDef: {
|
|
|
22
22
|
* Midpoint of the interval range value.
|
|
23
23
|
* @bindable
|
|
24
24
|
* */
|
|
25
|
-
meanValue?: number
|
|
25
|
+
meanValue?: number;
|
|
26
26
|
} & Omit<
|
|
27
27
|
{
|
|
28
28
|
/**
|
|
@@ -31,14 +31,14 @@ declare const __propDef: {
|
|
|
31
31
|
* Specifying both a `min` and a `max` prop turns the control into a slider.
|
|
32
32
|
* @default `undefined`
|
|
33
33
|
*/
|
|
34
|
-
min?: number
|
|
34
|
+
min?: number;
|
|
35
35
|
/**
|
|
36
36
|
* Maximum value.
|
|
37
37
|
*
|
|
38
38
|
* Specifying both a `min` and a `max` prop turns the control into a slider.
|
|
39
39
|
* @default `undefined`
|
|
40
40
|
*/
|
|
41
|
-
max?: number
|
|
41
|
+
max?: number;
|
|
42
42
|
/**
|
|
43
43
|
* A function to customize the point value's string representation (e.g. rounding, etc.).
|
|
44
44
|
* @default `undefined` \
|
|
@@ -50,26 +50,26 @@ declare const __propDef: {
|
|
|
50
50
|
* @default `1` \
|
|
51
51
|
* Or `stepValue` if defined.
|
|
52
52
|
*/
|
|
53
|
-
keyScale?: number
|
|
53
|
+
keyScale?: number;
|
|
54
54
|
/**
|
|
55
55
|
* The unit scale for pointer-based input for all dimensions.
|
|
56
56
|
* @default `undefined` \
|
|
57
57
|
* [Dynamic based on magnitude of
|
|
58
58
|
* `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
|
|
59
59
|
*/
|
|
60
|
-
pointerScale?: number
|
|
60
|
+
pointerScale?: number;
|
|
61
61
|
/**
|
|
62
62
|
* The minimum step interval.
|
|
63
63
|
* @default `undefined` \
|
|
64
64
|
* No step constraint.
|
|
65
65
|
*/
|
|
66
|
-
step?: number
|
|
66
|
+
step?: number;
|
|
67
67
|
/**
|
|
68
68
|
* When `true`, expand the width of the control at the expense of the numeric input
|
|
69
69
|
* field.
|
|
70
70
|
* @default `false`
|
|
71
71
|
*/
|
|
72
|
-
wide?: boolean
|
|
72
|
+
wide?: boolean;
|
|
73
73
|
} & {
|
|
74
74
|
/**
|
|
75
75
|
* Interval value to control.
|
|
@@ -91,7 +91,7 @@ declare const __propDef: {
|
|
|
91
91
|
* Prevent interactivity and gray out the control.
|
|
92
92
|
* @default `false`
|
|
93
93
|
*/
|
|
94
|
-
disabled?: boolean
|
|
94
|
+
disabled?: boolean;
|
|
95
95
|
/**
|
|
96
96
|
* Text displayed next to control.
|
|
97
97
|
* @default `undefined`
|
|
@@ -143,7 +143,7 @@ declare const __propDef: {
|
|
|
143
143
|
*
|
|
144
144
|
* @default `undefined`
|
|
145
145
|
*/
|
|
146
|
-
plugin?: import('
|
|
146
|
+
plugin?: import('../utils').Plugin | undefined;
|
|
147
147
|
},
|
|
148
148
|
'object' | 'key'
|
|
149
149
|
>,
|
|
@@ -23,7 +23,7 @@ declare class __sveltets_Render<T extends any> {
|
|
|
23
23
|
* Text displayed next to list.
|
|
24
24
|
* @default `undefined`
|
|
25
25
|
* */
|
|
26
|
-
label?: string
|
|
26
|
+
label?: string;
|
|
27
27
|
/**
|
|
28
28
|
* A collection of options to select from.
|
|
29
29
|
*
|
|
@@ -44,7 +44,7 @@ declare class __sveltets_Render<T extends any> {
|
|
|
44
44
|
* Prevent interactivity and gray out the control.
|
|
45
45
|
* @default `false`
|
|
46
46
|
*/
|
|
47
|
-
disabled?: boolean
|
|
47
|
+
disabled?: boolean;
|
|
48
48
|
/**
|
|
49
49
|
* Custom color scheme.
|
|
50
50
|
* @default `undefined` \
|
|
@@ -76,7 +76,7 @@ declare class __sveltets_Render<T extends any> {
|
|
|
76
76
|
*
|
|
77
77
|
* @default `undefined`
|
|
78
78
|
*/
|
|
79
|
-
plugin?: import('
|
|
79
|
+
plugin?: import('../utils').Plugin | undefined;
|
|
80
80
|
},
|
|
81
81
|
'ref' | 'options' | 'plugin'
|
|
82
82
|
>;
|
|
@@ -54,13 +54,13 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
|
|
|
54
54
|
* @default `undefined` \
|
|
55
55
|
* No minimum.
|
|
56
56
|
* */
|
|
57
|
-
min?: number
|
|
57
|
+
min?: number;
|
|
58
58
|
/**
|
|
59
59
|
* The maximum value for all dimensions.
|
|
60
60
|
* @default `undefined` \
|
|
61
61
|
* No maximum.
|
|
62
62
|
* */
|
|
63
|
-
max?: number
|
|
63
|
+
max?: number;
|
|
64
64
|
/**
|
|
65
65
|
* A function to customize the point value's string representation (e.g. rounding, etc.).
|
|
66
66
|
* @default `undefined` \
|
|
@@ -72,43 +72,43 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
|
|
|
72
72
|
* @default `1` \
|
|
73
73
|
* Or `stepValue` if defined.
|
|
74
74
|
* */
|
|
75
|
-
keyScale?: number
|
|
75
|
+
keyScale?: number;
|
|
76
76
|
/**
|
|
77
77
|
* The unit scale for pointer-based input for all dimensions.
|
|
78
78
|
* @default `undefined` \
|
|
79
79
|
* [Dynamic based on magnitude of
|
|
80
80
|
* `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
|
|
81
81
|
* */
|
|
82
|
-
pointerScale?: number
|
|
82
|
+
pointerScale?: number;
|
|
83
83
|
/**
|
|
84
84
|
* The minimum step interval for all dimensions.
|
|
85
85
|
* @default `undefined` \
|
|
86
86
|
* No step constraint.
|
|
87
87
|
* */
|
|
88
|
-
step?: number
|
|
88
|
+
step?: number;
|
|
89
89
|
} & Omit<
|
|
90
90
|
{
|
|
91
91
|
/**
|
|
92
92
|
* DOM class name of the button used to expand and collapse the input's picker.
|
|
93
93
|
* @default `undefined`
|
|
94
94
|
*/
|
|
95
|
-
buttonClass?: string
|
|
95
|
+
buttonClass?: string;
|
|
96
96
|
/**
|
|
97
97
|
* Expand or collapse the input's picker.
|
|
98
98
|
* @default `false`
|
|
99
99
|
* @bindable
|
|
100
100
|
*/
|
|
101
|
-
expanded?: boolean
|
|
101
|
+
expanded?: boolean;
|
|
102
102
|
/**
|
|
103
103
|
* The style of value "picker" to use in the input.
|
|
104
104
|
* @default `'popup'`
|
|
105
105
|
*/
|
|
106
|
-
picker?: 'inline' | 'popup'
|
|
106
|
+
picker?: 'inline' | 'popup';
|
|
107
107
|
/**
|
|
108
108
|
* Allow users to interactively expand / contract the picker.
|
|
109
109
|
* @default `true`
|
|
110
110
|
*/
|
|
111
|
-
userExpandable?: boolean
|
|
111
|
+
userExpandable?: boolean;
|
|
112
112
|
} & {
|
|
113
113
|
/**
|
|
114
114
|
* A 2D, 3D, or 4D point object to control.
|
|
@@ -133,7 +133,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
|
|
|
133
133
|
* Prevent interactivity and gray out the control.
|
|
134
134
|
* @default `false`
|
|
135
135
|
*/
|
|
136
|
-
disabled?: boolean
|
|
136
|
+
disabled?: boolean;
|
|
137
137
|
/**
|
|
138
138
|
* Text displayed next to control.
|
|
139
139
|
* @default `undefined`
|
|
@@ -193,7 +193,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
|
|
|
193
193
|
*
|
|
194
194
|
* @default `undefined`
|
|
195
195
|
*/
|
|
196
|
-
plugin?: import('
|
|
196
|
+
plugin?: import('../utils').Plugin | undefined;
|
|
197
197
|
},
|
|
198
198
|
'object' | 'key'
|
|
199
199
|
>,
|
|
@@ -233,13 +233,13 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
|
|
|
233
233
|
* `inverted` is `false`
|
|
234
234
|
* */
|
|
235
235
|
optionsY?:
|
|
236
|
-
| (T extends infer
|
|
237
|
-
?
|
|
238
|
-
?
|
|
236
|
+
| (T extends infer T_1
|
|
237
|
+
? T_1 extends T
|
|
238
|
+
? T_1 extends PointValue4d
|
|
239
239
|
? Point4dInputParams
|
|
240
|
-
:
|
|
240
|
+
: T_1 extends PointValue3d
|
|
241
241
|
? Point3dInputParams
|
|
242
|
-
:
|
|
242
|
+
: T_1 extends PointValue2d
|
|
243
243
|
? Point2dInputParams
|
|
244
244
|
: unknown
|
|
245
245
|
: never
|
|
@@ -257,13 +257,13 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
|
|
|
257
257
|
* @default `undefined`
|
|
258
258
|
* */
|
|
259
259
|
optionsZ?:
|
|
260
|
-
| (T extends infer
|
|
261
|
-
?
|
|
262
|
-
?
|
|
260
|
+
| (T extends infer T_2
|
|
261
|
+
? T_2 extends T
|
|
262
|
+
? T_2 extends PointValue4d
|
|
263
263
|
? Point4dInputParams
|
|
264
|
-
:
|
|
264
|
+
: T_2 extends PointValue3d
|
|
265
265
|
? Point3dInputParams
|
|
266
|
-
:
|
|
266
|
+
: T_2 extends PointValue2d
|
|
267
267
|
? Point2dInputParams
|
|
268
268
|
: unknown
|
|
269
269
|
: never
|
|
@@ -281,13 +281,13 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
|
|
|
281
281
|
* @default `undefined`
|
|
282
282
|
* */
|
|
283
283
|
optionsW?:
|
|
284
|
-
| (T extends infer
|
|
285
|
-
?
|
|
286
|
-
?
|
|
284
|
+
| (T extends infer T_3
|
|
285
|
+
? T_3 extends T
|
|
286
|
+
? T_3 extends PointValue4d
|
|
287
287
|
? Point4dInputParams
|
|
288
|
-
:
|
|
288
|
+
: T_3 extends PointValue3d
|
|
289
289
|
? Point3dInputParams
|
|
290
|
-
:
|
|
290
|
+
: T_3 extends PointValue2d
|
|
291
291
|
? Point2dInputParams
|
|
292
292
|
: unknown
|
|
293
293
|
: never
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script generics="T extends boolean | number | string">
|
|
4
|
-
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
5
4
|
import ClsPad from '../internal/ClsPad.svelte';
|
|
6
5
|
import GenericInput from '../internal/GenericInput.svelte';
|
|
7
6
|
import { fillWith } from '../utils';
|
|
8
7
|
import { getGridDimensions } from '../utils.js';
|
|
8
|
+
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
|
|
9
9
|
import { BROWSER } from 'esm-env';
|
|
10
10
|
import { nanoid } from 'nanoid';
|
|
11
11
|
const defaultGroupName = nanoid();
|
|
@@ -15,7 +15,7 @@ declare class __sveltets_Render<T extends boolean | number | string> {
|
|
|
15
15
|
* Number of columns to arrange the radio buttons into.
|
|
16
16
|
* @default `undefined`
|
|
17
17
|
* */
|
|
18
|
-
columns?: number
|
|
18
|
+
columns?: number;
|
|
19
19
|
/**
|
|
20
20
|
* Name allowing multiple radio groups to share mutually exclusive selection state.
|
|
21
21
|
*
|
|
@@ -25,22 +25,22 @@ declare class __sveltets_Render<T extends boolean | number | string> {
|
|
|
25
25
|
* @default `undefined` \
|
|
26
26
|
* Uses a dynamically generated globally unique id internally.
|
|
27
27
|
*/
|
|
28
|
-
groupName?: string
|
|
28
|
+
groupName?: string;
|
|
29
29
|
/**
|
|
30
30
|
* Text to show in the radio button label before the value.
|
|
31
31
|
* @default `undefined`
|
|
32
32
|
* */
|
|
33
|
-
prefix?: string
|
|
33
|
+
prefix?: string;
|
|
34
34
|
/**
|
|
35
35
|
* Number of rows to arrange the radio buttons into.
|
|
36
36
|
* @default `undefined`
|
|
37
37
|
* */
|
|
38
|
-
rows?: number
|
|
38
|
+
rows?: number;
|
|
39
39
|
/**
|
|
40
40
|
* Text to show in the radio button label after the value.
|
|
41
41
|
* @default `undefined`
|
|
42
42
|
* */
|
|
43
|
-
suffix?: string
|
|
43
|
+
suffix?: string;
|
|
44
44
|
/**
|
|
45
45
|
* Array of `number`, `string` or `boolean` values, each of which will become a button in
|
|
46
46
|
* the radio grid.
|
|
@@ -69,7 +69,7 @@ declare class __sveltets_Render<T extends boolean | number | string> {
|
|
|
69
69
|
* Prevent interactivity and gray out the control.
|
|
70
70
|
* @default `false`
|
|
71
71
|
*/
|
|
72
|
-
disabled?: boolean
|
|
72
|
+
disabled?: boolean;
|
|
73
73
|
/**
|
|
74
74
|
* Text displayed next to control.
|
|
75
75
|
* @default `undefined`
|
|
@@ -134,7 +134,7 @@ declare class __sveltets_Render<T extends boolean | number | string> {
|
|
|
134
134
|
*
|
|
135
135
|
* @default `undefined`
|
|
136
136
|
*/
|
|
137
|
-
plugin?: import('
|
|
137
|
+
plugin?: import('../utils.js').Plugin | undefined;
|
|
138
138
|
},
|
|
139
139
|
'object' | 'key'
|
|
140
140
|
>,
|
package/dist/control/Ring.svelte
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-camerakit';
|
|
5
4
|
import GenericSlider from '../internal/GenericSlider.svelte';
|
|
5
|
+
import * as pluginModule from '@kitschpatrol/tweakpane-plugin-camerakit';
|
|
6
6
|
export let value;
|
|
7
7
|
export let series = void 0;
|
|
8
8
|
export let unit = void 0;
|