svelte-tweakpane-ui 1.5.3 → 1.5.4
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 +30 -30
- package/dist/control/Button.svelte.d.ts +18 -18
- package/dist/control/ButtonGrid.svelte +25 -25
- package/dist/control/ButtonGrid.svelte.d.ts +35 -35
- package/dist/control/Checkbox.svelte +2 -2
- package/dist/control/Checkbox.svelte.d.ts +23 -23
- package/dist/control/Color.svelte +34 -34
- package/dist/control/Color.svelte.d.ts +40 -40
- package/dist/control/CubicBezier.svelte +30 -30
- package/dist/control/CubicBezier.svelte.d.ts +47 -47
- package/dist/control/File.svelte +20 -20
- package/dist/control/File.svelte.d.ts +38 -38
- package/dist/control/Image.svelte +22 -22
- package/dist/control/Image.svelte.d.ts +31 -31
- package/dist/control/IntervalSlider.svelte +24 -24
- package/dist/control/IntervalSlider.svelte.d.ts +39 -39
- package/dist/control/List.svelte +35 -35
- package/dist/control/List.svelte.d.ts +31 -31
- package/dist/control/Point.svelte +31 -31
- package/dist/control/Point.svelte.d.ts +81 -81
- package/dist/control/RadioGrid.svelte +24 -24
- package/dist/control/RadioGrid.svelte.d.ts +40 -40
- package/dist/control/Ring.svelte +9 -9
- package/dist/control/Ring.svelte.d.ts +40 -40
- package/dist/control/RotationEuler.svelte +25 -25
- package/dist/control/RotationEuler.svelte.d.ts +53 -53
- package/dist/control/RotationQuaternion.svelte +24 -24
- package/dist/control/RotationQuaternion.svelte.d.ts +47 -47
- package/dist/control/Slider.svelte +9 -9
- package/dist/control/Slider.svelte.d.ts +32 -32
- package/dist/control/Stepper.svelte +16 -16
- package/dist/control/Stepper.svelte.d.ts +32 -32
- package/dist/control/Text.svelte +13 -13
- package/dist/control/Text.svelte.d.ts +26 -26
- package/dist/control/Textarea.svelte +34 -34
- package/dist/control/Textarea.svelte.d.ts +29 -29
- package/dist/control/Wheel.svelte +8 -8
- package/dist/control/Wheel.svelte.d.ts +32 -32
- package/dist/core/Binding.svelte +60 -60
- package/dist/core/Binding.svelte.d.ts +33 -33
- package/dist/core/Blade.svelte +30 -30
- package/dist/core/Blade.svelte.d.ts +21 -21
- package/dist/core/Folder.svelte +34 -34
- package/dist/core/Folder.svelte.d.ts +22 -22
- package/dist/core/Pane.svelte +17 -17
- package/dist/core/Pane.svelte.d.ts +56 -56
- package/dist/core/Separator.svelte +5 -5
- package/dist/core/Separator.svelte.d.ts +20 -20
- package/dist/core/TabGroup.svelte +29 -29
- package/dist/core/TabGroup.svelte.d.ts +18 -18
- package/dist/core/TabPage.svelte +36 -36
- package/dist/core/TabPage.svelte.d.ts +21 -21
- package/dist/extra/AutoObject.svelte +20 -20
- package/dist/extra/AutoObject.svelte.d.ts +22 -22
- package/dist/extra/AutoValue.svelte +3 -3
- package/dist/extra/AutoValue.svelte.d.ts +26 -26
- package/dist/extra/Element.svelte +10 -10
- package/dist/extra/Element.svelte.d.ts +26 -26
- package/dist/index.d.ts +48 -48
- package/dist/index.js +35 -35
- package/dist/internal/ClsPad.svelte +11 -11
- package/dist/internal/ClsPad.svelte.d.ts +17 -17
- package/dist/internal/GenericBinding.svelte +11 -11
- package/dist/internal/GenericBinding.svelte.d.ts +25 -25
- package/dist/internal/GenericBladeFolding.svelte +19 -19
- package/dist/internal/GenericBladeFolding.svelte.d.ts +20 -20
- package/dist/internal/GenericInput.svelte +7 -7
- package/dist/internal/GenericInput.svelte.d.ts +27 -27
- package/dist/internal/GenericInputFolding.svelte +21 -21
- package/dist/internal/GenericInputFolding.svelte.d.ts +32 -32
- package/dist/internal/GenericMonitor.svelte +10 -10
- package/dist/internal/GenericMonitor.svelte.d.ts +29 -29
- package/dist/internal/GenericPane.svelte +48 -48
- package/dist/internal/GenericPane.svelte.d.ts +22 -22
- package/dist/internal/GenericSlider.svelte +15 -15
- package/dist/internal/GenericSlider.svelte.d.ts +29 -29
- package/dist/internal/InternalMonitorBoolean.svelte +5 -5
- package/dist/internal/InternalMonitorBoolean.svelte.d.ts +31 -31
- package/dist/internal/InternalMonitorNumber.svelte +14 -14
- package/dist/internal/InternalMonitorNumber.svelte.d.ts +37 -37
- package/dist/internal/InternalMonitorString.svelte +9 -9
- package/dist/internal/InternalMonitorString.svelte.d.ts +32 -32
- package/dist/internal/InternalPaneDraggable.svelte +169 -173
- package/dist/internal/InternalPaneDraggable.svelte.d.ts +30 -30
- package/dist/internal/InternalPaneFixed.svelte +13 -13
- package/dist/internal/InternalPaneFixed.svelte.d.ts +23 -23
- package/dist/internal/InternalPaneInline.svelte +14 -14
- package/dist/internal/InternalPaneInline.svelte.d.ts +21 -21
- package/dist/monitor/FpsGraph.svelte +35 -35
- package/dist/monitor/FpsGraph.svelte.d.ts +50 -42
- package/dist/monitor/Monitor.svelte +4 -4
- package/dist/monitor/Monitor.svelte.d.ts +87 -88
- package/dist/monitor/Profiler.svelte +37 -37
- package/dist/monitor/Profiler.svelte.d.ts +78 -76
- package/dist/monitor/WaveformMonitor.svelte +12 -12
- package/dist/monitor/WaveformMonitor.svelte.d.ts +39 -39
- package/dist/theme.d.ts +61 -61
- package/dist/theme.js +49 -53
- package/dist/utils.d.ts +62 -66
- package/dist/utils.js +78 -78
- package/license.txt +1 -1
- package/package.json +100 -115
- package/readme.md +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
1
|
+
export { default as Button, type ButtonClickEvent } from './control/Button.svelte'
|
|
2
|
+
export { default as ButtonGrid, type ButtonGridClickEvent } from './control/ButtonGrid.svelte'
|
|
3
|
+
export { default as Checkbox, type CheckboxChangeEvent } from './control/Checkbox.svelte'
|
|
4
4
|
export {
|
|
5
|
+
default as Color,
|
|
5
6
|
type ColorChangeEvent,
|
|
6
7
|
type ColorValue,
|
|
7
8
|
type ColorValueRgbaObject,
|
|
@@ -9,32 +10,31 @@ export {
|
|
|
9
10
|
type ColorValueRgbObject,
|
|
10
11
|
type ColorValueRgbTuple,
|
|
11
12
|
type ColorValueString,
|
|
12
|
-
|
|
13
|
-
} from './control/Color.svelte';
|
|
13
|
+
} from './control/Color.svelte'
|
|
14
14
|
export {
|
|
15
|
+
default as CubicBezier,
|
|
15
16
|
type CubicBezierChangeEvent,
|
|
16
17
|
type CubicBezierValue,
|
|
17
18
|
type CubicBezierValueObject,
|
|
18
19
|
type CubicBezierValueTuple,
|
|
19
|
-
|
|
20
|
-
} from './control/
|
|
21
|
-
export { default as
|
|
22
|
-
export { default as Image, type ImageChangeEvent, type ImageValue } from './control/Image.svelte';
|
|
20
|
+
} from './control/CubicBezier.svelte'
|
|
21
|
+
export { default as File, type FileChangeEvent, type FileValue } from './control/File.svelte'
|
|
22
|
+
export { default as Image, type ImageChangeEvent, type ImageValue } from './control/Image.svelte'
|
|
23
23
|
export {
|
|
24
24
|
default as IntervalSlider,
|
|
25
25
|
type IntervalSliderChangeEvent,
|
|
26
26
|
type IntervalSliderValue,
|
|
27
27
|
type IntervalSliderValueObject,
|
|
28
|
-
type IntervalSliderValueTuple
|
|
29
|
-
} from './control/IntervalSlider.svelte'
|
|
28
|
+
type IntervalSliderValueTuple,
|
|
29
|
+
} from './control/IntervalSlider.svelte'
|
|
30
30
|
export {
|
|
31
31
|
default as List,
|
|
32
32
|
type ListChangeEvent,
|
|
33
33
|
type ListOptions,
|
|
34
34
|
type ListOptionsArray,
|
|
35
35
|
type ListOptionsObjectArray,
|
|
36
|
-
type ListOptionsRecord
|
|
37
|
-
} from './control/List.svelte'
|
|
36
|
+
type ListOptionsRecord,
|
|
37
|
+
} from './control/List.svelte'
|
|
38
38
|
export {
|
|
39
39
|
default as Point,
|
|
40
40
|
type PointChangeEvent,
|
|
@@ -47,15 +47,15 @@ export {
|
|
|
47
47
|
type PointValue3dTuple,
|
|
48
48
|
type PointValue4d,
|
|
49
49
|
type PointValue4dObject,
|
|
50
|
-
type PointValue4dTuple
|
|
51
|
-
} from './control/Point.svelte'
|
|
52
|
-
export { default as RadioGrid, type RadioGridChangeEvent } from './control/RadioGrid.svelte'
|
|
50
|
+
type PointValue4dTuple,
|
|
51
|
+
} from './control/Point.svelte'
|
|
52
|
+
export { default as RadioGrid, type RadioGridChangeEvent } from './control/RadioGrid.svelte'
|
|
53
53
|
export {
|
|
54
54
|
default as Ring,
|
|
55
55
|
type RingChangeEvent,
|
|
56
56
|
type RingSeries,
|
|
57
|
-
type RingUnit
|
|
58
|
-
} from './control/Ring.svelte'
|
|
57
|
+
type RingUnit,
|
|
58
|
+
} from './control/Ring.svelte'
|
|
59
59
|
export {
|
|
60
60
|
default as RotationEuler,
|
|
61
61
|
type RotationEulerChangeEvent,
|
|
@@ -64,50 +64,50 @@ export {
|
|
|
64
64
|
type RotationEulerUnit,
|
|
65
65
|
type RotationEulerValue,
|
|
66
66
|
type RotationEulerValueObject,
|
|
67
|
-
type RotationEulerValueTuple
|
|
68
|
-
} from './control/RotationEuler.svelte'
|
|
67
|
+
type RotationEulerValueTuple,
|
|
68
|
+
} from './control/RotationEuler.svelte'
|
|
69
69
|
export {
|
|
70
70
|
default as RotationQuaternion,
|
|
71
71
|
type RotationQuaternionChangeEvent,
|
|
72
72
|
type RotationQuaternionOptions,
|
|
73
73
|
type RotationQuaternionValue,
|
|
74
74
|
type RotationQuaternionValueObject,
|
|
75
|
-
type RotationQuaternionValueTuple
|
|
76
|
-
} from './control/RotationQuaternion.svelte'
|
|
77
|
-
export { default as Slider, type SliderChangeEvent } from './control/Slider.svelte'
|
|
78
|
-
export { default as Stepper, type StepperChangeEvent } from './control/Stepper.svelte'
|
|
79
|
-
export { default as Text, type TextChangeEvent } from './control/Text.svelte'
|
|
80
|
-
export { default as Textarea, type TextareaChangeEvent } from './control/Textarea.svelte'
|
|
81
|
-
export { default as Wheel, type WheelChangeEvent } from './control/Wheel.svelte'
|
|
75
|
+
type RotationQuaternionValueTuple,
|
|
76
|
+
} from './control/RotationQuaternion.svelte'
|
|
77
|
+
export { default as Slider, type SliderChangeEvent } from './control/Slider.svelte'
|
|
78
|
+
export { default as Stepper, type StepperChangeEvent } from './control/Stepper.svelte'
|
|
79
|
+
export { default as Text, type TextChangeEvent } from './control/Text.svelte'
|
|
80
|
+
export { default as Textarea, type TextareaChangeEvent } from './control/Textarea.svelte'
|
|
81
|
+
export { default as Wheel, type WheelChangeEvent } from './control/Wheel.svelte'
|
|
82
82
|
export {
|
|
83
|
+
default as Binding,
|
|
83
84
|
type BindingChangeEvent,
|
|
84
85
|
type BindingOptions,
|
|
85
86
|
type BindingRef,
|
|
86
|
-
|
|
87
|
-
} from './core/
|
|
88
|
-
export {
|
|
89
|
-
export { default as
|
|
90
|
-
export { default as
|
|
91
|
-
export { default as
|
|
92
|
-
export { default as
|
|
93
|
-
export { default as
|
|
94
|
-
export {
|
|
95
|
-
export {
|
|
96
|
-
export { default as
|
|
97
|
-
export { default as
|
|
98
|
-
export { default as Monitor } from './monitor/Monitor.svelte';
|
|
87
|
+
} from './core/Binding.svelte'
|
|
88
|
+
export { default as Blade, type BladeOptions, type BladeRef } from './core/Blade.svelte'
|
|
89
|
+
export { default as Folder } from './core/Folder.svelte'
|
|
90
|
+
export { default as Pane, type PanePosition } from './core/Pane.svelte'
|
|
91
|
+
export { default as Separator } from './core/Separator.svelte'
|
|
92
|
+
export { default as TabGroup } from './core/TabGroup.svelte'
|
|
93
|
+
export { default as TabPage } from './core/TabPage.svelte'
|
|
94
|
+
export { default as AutoObject, type AutoObjectChangeEvent } from './extra/AutoObject.svelte'
|
|
95
|
+
export { default as AutoValue, type AutoValueChangeEvent } from './extra/AutoValue.svelte'
|
|
96
|
+
export { default as Element } from './extra/Element.svelte'
|
|
97
|
+
export { default as FpsGraph, type FpsGraphChangeEvent } from './monitor/FpsGraph.svelte'
|
|
98
|
+
export { default as Monitor } from './monitor/Monitor.svelte'
|
|
99
99
|
export {
|
|
100
100
|
default as Profiler,
|
|
101
101
|
type ProfilerCalcMode,
|
|
102
102
|
type ProfilerMeasure,
|
|
103
103
|
type ProfilerMeasureAsync,
|
|
104
|
-
type ProfilerMeasureHandler
|
|
105
|
-
} from './monitor/Profiler.svelte'
|
|
104
|
+
type ProfilerMeasureHandler,
|
|
105
|
+
} from './monitor/Profiler.svelte'
|
|
106
106
|
export {
|
|
107
107
|
default as WaveformMonitor,
|
|
108
|
-
type WaveformMonitorValue
|
|
109
|
-
} from './monitor/WaveformMonitor.svelte'
|
|
110
|
-
export type { Theme, ThemeColorValue } from './theme.js'
|
|
111
|
-
export { default as ThemeUtils } from './theme.js'
|
|
112
|
-
export type { BindingObject, Plugin, ValueChangeEvent } from './utils.js'
|
|
113
|
-
export { default as Utils } from './utils.js'
|
|
108
|
+
type WaveformMonitorValue,
|
|
109
|
+
} from './monitor/WaveformMonitor.svelte'
|
|
110
|
+
export type { Theme, ThemeColorValue } from './theme.js'
|
|
111
|
+
export { default as ThemeUtils } from './theme.js'
|
|
112
|
+
export type { BindingObject, Plugin, ValueChangeEvent } from './utils.js'
|
|
113
|
+
export { default as Utils } from './utils.js'
|
package/dist/index.js
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
export { default as Button } from './control/Button.svelte'
|
|
2
|
-
export { default as ButtonGrid } from './control/ButtonGrid.svelte'
|
|
3
|
-
export { default as Checkbox } from './control/Checkbox.svelte'
|
|
4
|
-
export { default as Color } from './control/Color.svelte'
|
|
5
|
-
export { default as CubicBezier } from './control/CubicBezier.svelte'
|
|
6
|
-
export { default as File } from './control/File.svelte'
|
|
7
|
-
export { default as Image } from './control/Image.svelte'
|
|
8
|
-
export { default as IntervalSlider } from './control/IntervalSlider.svelte'
|
|
9
|
-
export { default as List } from './control/List.svelte'
|
|
10
|
-
export { default as Point } from './control/Point.svelte'
|
|
11
|
-
export { default as RadioGrid } from './control/RadioGrid.svelte'
|
|
1
|
+
export { default as Button } from './control/Button.svelte'
|
|
2
|
+
export { default as ButtonGrid } from './control/ButtonGrid.svelte'
|
|
3
|
+
export { default as Checkbox } from './control/Checkbox.svelte'
|
|
4
|
+
export { default as Color } from './control/Color.svelte'
|
|
5
|
+
export { default as CubicBezier } from './control/CubicBezier.svelte'
|
|
6
|
+
export { default as File } from './control/File.svelte'
|
|
7
|
+
export { default as Image } from './control/Image.svelte'
|
|
8
|
+
export { default as IntervalSlider } from './control/IntervalSlider.svelte'
|
|
9
|
+
export { default as List } from './control/List.svelte'
|
|
10
|
+
export { default as Point } from './control/Point.svelte'
|
|
11
|
+
export { default as RadioGrid } from './control/RadioGrid.svelte'
|
|
12
12
|
// Camerakit (1st party plugins)
|
|
13
|
-
export { default as Ring } from './control/Ring.svelte'
|
|
14
|
-
export { default as RotationEuler } from './control/RotationEuler.svelte'
|
|
15
|
-
export { default as RotationQuaternion } from './control/RotationQuaternion.svelte'
|
|
16
|
-
export { default as Slider } from './control/Slider.svelte'
|
|
17
|
-
export { default as Stepper } from './control/Stepper.svelte'
|
|
18
|
-
export { default as Text } from './control/Text.svelte'
|
|
19
|
-
export { default as Textarea } from './control/Textarea.svelte'
|
|
20
|
-
export { default as Wheel } from './control/Wheel.svelte'
|
|
21
|
-
export { default as Binding } from './core/Binding.svelte'
|
|
22
|
-
export { default as Blade } from './core/Blade.svelte'
|
|
23
|
-
export { default as Folder } from './core/Folder.svelte'
|
|
24
|
-
export { default as Pane } from './core/Pane.svelte'
|
|
25
|
-
export { default as Separator } from './core/Separator.svelte'
|
|
26
|
-
export { default as TabGroup } from './core/TabGroup.svelte'
|
|
27
|
-
export { default as TabPage } from './core/TabPage.svelte'
|
|
28
|
-
export { default as AutoObject } from './extra/AutoObject.svelte'
|
|
29
|
-
export { default as AutoValue } from './extra/AutoValue.svelte'
|
|
30
|
-
export { default as Element } from './extra/Element.svelte'
|
|
31
|
-
export { default as FpsGraph } from './monitor/FpsGraph.svelte'
|
|
32
|
-
export { default as Monitor } from './monitor/Monitor.svelte'
|
|
33
|
-
export { default as Profiler } from './monitor/Profiler.svelte'
|
|
34
|
-
export { default as WaveformMonitor } from './monitor/WaveformMonitor.svelte'
|
|
35
|
-
export { default as ThemeUtils } from './theme.js'
|
|
36
|
-
export { default as Utils } from './utils.js'
|
|
13
|
+
export { default as Ring } from './control/Ring.svelte'
|
|
14
|
+
export { default as RotationEuler } from './control/RotationEuler.svelte'
|
|
15
|
+
export { default as RotationQuaternion } from './control/RotationQuaternion.svelte'
|
|
16
|
+
export { default as Slider } from './control/Slider.svelte'
|
|
17
|
+
export { default as Stepper } from './control/Stepper.svelte'
|
|
18
|
+
export { default as Text } from './control/Text.svelte'
|
|
19
|
+
export { default as Textarea } from './control/Textarea.svelte'
|
|
20
|
+
export { default as Wheel } from './control/Wheel.svelte'
|
|
21
|
+
export { default as Binding } from './core/Binding.svelte'
|
|
22
|
+
export { default as Blade } from './core/Blade.svelte'
|
|
23
|
+
export { default as Folder } from './core/Folder.svelte'
|
|
24
|
+
export { default as Pane } from './core/Pane.svelte'
|
|
25
|
+
export { default as Separator } from './core/Separator.svelte'
|
|
26
|
+
export { default as TabGroup } from './core/TabGroup.svelte'
|
|
27
|
+
export { default as TabPage } from './core/TabPage.svelte'
|
|
28
|
+
export { default as AutoObject } from './extra/AutoObject.svelte'
|
|
29
|
+
export { default as AutoValue } from './extra/AutoValue.svelte'
|
|
30
|
+
export { default as Element } from './extra/Element.svelte'
|
|
31
|
+
export { default as FpsGraph } from './monitor/FpsGraph.svelte'
|
|
32
|
+
export { default as Monitor } from './monitor/Monitor.svelte'
|
|
33
|
+
export { default as Profiler } from './monitor/Profiler.svelte'
|
|
34
|
+
export { default as WaveformMonitor } from './monitor/WaveformMonitor.svelte'
|
|
35
|
+
export { default as ThemeUtils } from './theme.js'
|
|
36
|
+
export { default as Utils } from './utils.js'
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import { getValueOrFallback } from '../theme.js'
|
|
3
|
-
import { DEV } from 'esm-env'
|
|
4
|
-
export let theme = void 0
|
|
5
|
-
export let keysAdd = []
|
|
6
|
-
export let keysSubtract = []
|
|
7
|
-
export let extra = void 0
|
|
8
|
-
const showDebugBlocks = false
|
|
2
|
+
import { getValueOrFallback } from '../theme.js'
|
|
3
|
+
import { DEV } from 'esm-env'
|
|
4
|
+
export let theme = void 0
|
|
5
|
+
export let keysAdd = []
|
|
6
|
+
export let keysSubtract = []
|
|
7
|
+
export let extra = void 0
|
|
8
|
+
const showDebugBlocks = false
|
|
9
9
|
function getRandomCssColor() {
|
|
10
|
-
return '#' + Math.floor(Math.random() * 16777215).toString(16)
|
|
10
|
+
return '#' + Math.floor(Math.random() * 16777215).toString(16)
|
|
11
11
|
}
|
|
12
12
|
function getPixelValue(s) {
|
|
13
|
-
return Number.parseFloat(s.replace('px', ''))
|
|
13
|
+
return Number.parseFloat(s.replace('px', ''))
|
|
14
14
|
}
|
|
15
15
|
function getTotal(add, sub, extra2 = 0) {
|
|
16
16
|
return (
|
|
17
17
|
add.reduce((acc, key) => (acc += getPixelValue(getValueOrFallback(theme, key))), 0) -
|
|
18
18
|
sub.reduce((acc, key) => (acc += getPixelValue(getValueOrFallback(theme, key))), 0) +
|
|
19
19
|
extra2
|
|
20
|
-
)
|
|
20
|
+
)
|
|
21
21
|
}
|
|
22
|
-
$: total = getTotal(keysAdd, keysSubtract, extra)
|
|
22
|
+
$: total = getTotal(keysAdd, keysSubtract, extra)
|
|
23
23
|
</script>
|
|
24
24
|
|
|
25
25
|
{#if total > 0}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { SvelteComponent } from 'svelte'
|
|
2
|
-
import { getValueOrFallback, type Theme } from '../theme.js'
|
|
1
|
+
import { SvelteComponent } from 'svelte'
|
|
2
|
+
import { getValueOrFallback, type Theme } from '../theme.js'
|
|
3
3
|
declare const __propDef: {
|
|
4
4
|
props: {
|
|
5
5
|
/**
|
|
6
6
|
* The theme to use when estimating the height of the pane.
|
|
7
|
-
*/ theme?: Theme | undefined
|
|
7
|
+
*/ theme?: Theme | undefined
|
|
8
8
|
/**
|
|
9
9
|
* Theme keys to add to the height estimate.
|
|
10
|
-
*/ keysAdd?: Array<Parameters<typeof getValueOrFallback>[1]
|
|
10
|
+
*/ keysAdd?: Array<Parameters<typeof getValueOrFallback>[1]>
|
|
11
11
|
/**
|
|
12
12
|
* Theme keys to subtract from the height estimate.
|
|
13
|
-
*/ keysSubtract?: Array<Parameters<typeof getValueOrFallback>[1]
|
|
13
|
+
*/ keysSubtract?: Array<Parameters<typeof getValueOrFallback>[1]>
|
|
14
14
|
/**
|
|
15
15
|
* Extra arbitrary space to add to the height estimate, in pixels.
|
|
16
|
-
*/ extra?: number | undefined
|
|
17
|
-
}
|
|
16
|
+
*/ extra?: number | undefined
|
|
17
|
+
}
|
|
18
18
|
events: {
|
|
19
|
-
[evt: string]: CustomEvent<any
|
|
20
|
-
}
|
|
21
|
-
slots: {}
|
|
22
|
-
exports?: {} | undefined
|
|
23
|
-
bindings?: string | undefined
|
|
24
|
-
}
|
|
25
|
-
export type ClsPadProps = typeof __propDef.props
|
|
26
|
-
export type ClsPadEvents = typeof __propDef.events
|
|
27
|
-
export type ClsPadSlots = typeof __propDef.slots
|
|
19
|
+
[evt: string]: CustomEvent<any>
|
|
20
|
+
}
|
|
21
|
+
slots: {}
|
|
22
|
+
exports?: {} | undefined
|
|
23
|
+
bindings?: string | undefined
|
|
24
|
+
}
|
|
25
|
+
export type ClsPadProps = typeof __propDef.props
|
|
26
|
+
export type ClsPadEvents = typeof __propDef.events
|
|
27
|
+
export type ClsPadSlots = typeof __propDef.slots
|
|
28
28
|
/**
|
|
29
29
|
* This component is for internal use only.
|
|
30
30
|
*
|
|
@@ -36,4 +36,4 @@ export type ClsPadSlots = typeof __propDef.slots;
|
|
|
36
36
|
* [ClsPad.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/internal/ClsPad.svelte)
|
|
37
37
|
*/
|
|
38
38
|
export default class ClsPad extends SvelteComponent<ClsPadProps, ClsPadEvents, ClsPadSlots> {}
|
|
39
|
-
export {}
|
|
39
|
+
export {}
|
|
@@ -3,23 +3,23 @@
|
|
|
3
3
|
<script
|
|
4
4
|
generics="T extends any, U extends BindingOptions = BindingOptions, V extends BindingRef = BindingRef"
|
|
5
5
|
>
|
|
6
|
-
import Binding from '../core/Binding.svelte'
|
|
7
|
-
import { shallowEqual } from 'fast-equals'
|
|
8
|
-
export let value
|
|
9
|
-
export let ref = void 0
|
|
10
|
-
export let options = void 0
|
|
11
|
-
const key = Symbol('key')
|
|
6
|
+
import Binding from '../core/Binding.svelte'
|
|
7
|
+
import { shallowEqual } from 'fast-equals'
|
|
8
|
+
export let value
|
|
9
|
+
export let ref = void 0
|
|
10
|
+
export let options = void 0
|
|
11
|
+
const key = Symbol('key')
|
|
12
12
|
function getValue() {
|
|
13
|
-
return value
|
|
13
|
+
return value
|
|
14
14
|
}
|
|
15
15
|
function setValue() {
|
|
16
16
|
if (!shallowEqual(value, object[key])) {
|
|
17
|
-
object[key] = value
|
|
17
|
+
object[key] = value
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
|
-
$: object = { [key]: getValue() }
|
|
21
|
-
$: value = object[key]
|
|
22
|
-
$: value, setValue()
|
|
20
|
+
$: object = { [key]: getValue() }
|
|
21
|
+
$: value = object[key]
|
|
22
|
+
$: value, setValue()
|
|
23
23
|
</script>
|
|
24
24
|
|
|
25
25
|
<Binding bind:object bind:ref on:change {key} {options} {...$$restProps} />
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { SvelteComponent } from 'svelte'
|
|
2
|
-
import type { BindingOptions, BindingRef } from '../core/Binding.svelte'
|
|
1
|
+
import { SvelteComponent } from 'svelte'
|
|
2
|
+
import type { BindingOptions, BindingRef } from '../core/Binding.svelte'
|
|
3
3
|
declare class __sveltets_Render<
|
|
4
4
|
T extends any,
|
|
5
5
|
U extends BindingOptions = BindingOptions,
|
|
6
|
-
V extends BindingRef = BindingRef
|
|
6
|
+
V extends BindingRef = BindingRef,
|
|
7
7
|
> {
|
|
8
8
|
props(): {
|
|
9
9
|
/**
|
|
10
10
|
* The value to control.
|
|
11
11
|
* @bindable
|
|
12
12
|
* */
|
|
13
|
-
value: T
|
|
13
|
+
value: T
|
|
14
14
|
} & Omit<
|
|
15
15
|
{
|
|
16
16
|
/**
|
|
17
17
|
* The binding's target object with values to manipulate.
|
|
18
18
|
* @bindable
|
|
19
19
|
*/
|
|
20
|
-
object: import('@tweakpane/core').Bindable & Record<string, T
|
|
20
|
+
object: import('@tweakpane/core').Bindable & Record<string, T>
|
|
21
21
|
/** The key for the value in the target `object` that the control should manipulate. */
|
|
22
|
-
key: string
|
|
22
|
+
key: string
|
|
23
23
|
/**
|
|
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`
|
|
31
31
|
*/
|
|
32
|
-
label?: string | undefined
|
|
32
|
+
label?: string | undefined
|
|
33
33
|
/**
|
|
34
34
|
* Tweakpane's internal options object.
|
|
35
35
|
*
|
|
@@ -42,7 +42,7 @@ declare class __sveltets_Render<
|
|
|
42
42
|
* Tweakpane UI_.
|
|
43
43
|
* @default `undefined`
|
|
44
44
|
*/
|
|
45
|
-
options?: U | undefined
|
|
45
|
+
options?: U | undefined
|
|
46
46
|
/**
|
|
47
47
|
* Custom color scheme.
|
|
48
48
|
*
|
|
@@ -50,7 +50,7 @@ declare class __sveltets_Render<
|
|
|
50
50
|
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
51
51
|
* set with `setGlobalDefaultTheme()`.
|
|
52
52
|
*/
|
|
53
|
-
theme?: import('..').Theme | undefined
|
|
53
|
+
theme?: import('..').Theme | undefined
|
|
54
54
|
/**
|
|
55
55
|
* Reference to internal Tweakpane
|
|
56
56
|
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
@@ -64,7 +64,7 @@ declare class __sveltets_Render<
|
|
|
64
64
|
* @bindable
|
|
65
65
|
* @readonly
|
|
66
66
|
*/
|
|
67
|
-
ref?: V | undefined
|
|
67
|
+
ref?: V | undefined
|
|
68
68
|
/**
|
|
69
69
|
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
70
70
|
* the `<Binding>`'s containing `<Pane>`.
|
|
@@ -76,32 +76,32 @@ declare class __sveltets_Render<
|
|
|
76
76
|
*
|
|
77
77
|
* @default `undefined`
|
|
78
78
|
*/
|
|
79
|
-
plugin?: import('../utils.js').Plugin | undefined
|
|
79
|
+
plugin?: import('../utils.js').Plugin | undefined
|
|
80
80
|
},
|
|
81
81
|
'object' | 'key'
|
|
82
|
-
|
|
82
|
+
>
|
|
83
83
|
events(): {
|
|
84
|
-
change: import('../core/Binding.svelte').BindingChangeEvent
|
|
84
|
+
change: import('../core/Binding.svelte').BindingChangeEvent
|
|
85
85
|
} & {
|
|
86
|
-
[evt: string]: CustomEvent<any
|
|
87
|
-
}
|
|
88
|
-
slots(): {}
|
|
86
|
+
[evt: string]: CustomEvent<any>
|
|
87
|
+
}
|
|
88
|
+
slots(): {}
|
|
89
89
|
}
|
|
90
90
|
export type GenericBindingProps<
|
|
91
91
|
T extends any,
|
|
92
92
|
U extends BindingOptions = BindingOptions,
|
|
93
|
-
V extends BindingRef = BindingRef
|
|
94
|
-
> = ReturnType<__sveltets_Render<T, U, V>['props']
|
|
93
|
+
V extends BindingRef = BindingRef,
|
|
94
|
+
> = ReturnType<__sveltets_Render<T, U, V>['props']>
|
|
95
95
|
export type GenericBindingEvents<
|
|
96
96
|
T extends any,
|
|
97
97
|
U extends BindingOptions = BindingOptions,
|
|
98
|
-
V extends BindingRef = BindingRef
|
|
99
|
-
> = ReturnType<__sveltets_Render<T, U, V>['events']
|
|
98
|
+
V extends BindingRef = BindingRef,
|
|
99
|
+
> = ReturnType<__sveltets_Render<T, U, V>['events']>
|
|
100
100
|
export type GenericBindingSlots<
|
|
101
101
|
T extends any,
|
|
102
102
|
U extends BindingOptions = BindingOptions,
|
|
103
|
-
V extends BindingRef = BindingRef
|
|
104
|
-
> = ReturnType<__sveltets_Render<T, U, V>['slots']
|
|
103
|
+
V extends BindingRef = BindingRef,
|
|
104
|
+
> = ReturnType<__sveltets_Render<T, U, V>['slots']>
|
|
105
105
|
/**
|
|
106
106
|
* This component is for internal use only.
|
|
107
107
|
*
|
|
@@ -113,10 +113,10 @@ export type GenericBindingSlots<
|
|
|
113
113
|
export default class GenericBinding<
|
|
114
114
|
T extends any,
|
|
115
115
|
U extends BindingOptions = BindingOptions,
|
|
116
|
-
V extends BindingRef = BindingRef
|
|
116
|
+
V extends BindingRef = BindingRef,
|
|
117
117
|
> extends SvelteComponent<
|
|
118
118
|
GenericBindingProps<T, U, V>,
|
|
119
119
|
GenericBindingEvents<T, U, V>,
|
|
120
120
|
GenericBindingSlots<T, U, V>
|
|
121
121
|
> {}
|
|
122
|
-
export {}
|
|
122
|
+
export {}
|
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script generics="T extends BladeOptions, U extends BladeRef">
|
|
4
|
-
import Blade from '../core/Blade.svelte'
|
|
5
|
-
import { updateCollapsibility } from '../utils'
|
|
6
|
-
export let options
|
|
7
|
-
export let ref = void 0
|
|
8
|
-
export let userExpandable = true
|
|
9
|
-
export let expanded = void 0
|
|
10
|
-
export let buttonClass = ''
|
|
11
|
-
export let picker = void 0
|
|
12
|
-
let gotBlade = false
|
|
13
|
-
const initialExpanded = expanded
|
|
14
|
-
let internalExpanded = initialExpanded
|
|
4
|
+
import Blade from '../core/Blade.svelte'
|
|
5
|
+
import { updateCollapsibility } from '../utils'
|
|
6
|
+
export let options
|
|
7
|
+
export let ref = void 0
|
|
8
|
+
export let userExpandable = true
|
|
9
|
+
export let expanded = void 0
|
|
10
|
+
export let buttonClass = ''
|
|
11
|
+
export let picker = void 0
|
|
12
|
+
let gotBlade = false
|
|
13
|
+
const initialExpanded = expanded
|
|
14
|
+
let internalExpanded = initialExpanded
|
|
15
15
|
$: if (!gotBlade && ref) {
|
|
16
|
-
gotBlade = true
|
|
16
|
+
gotBlade = true
|
|
17
17
|
ref.controller?.valueController?.foldable_?.value('expanded').emitter.on('change', (event) => {
|
|
18
|
-
internalExpanded = event.rawValue
|
|
19
|
-
expanded = internalExpanded
|
|
20
|
-
})
|
|
18
|
+
internalExpanded = event.rawValue
|
|
19
|
+
expanded = internalExpanded
|
|
20
|
+
})
|
|
21
21
|
}
|
|
22
22
|
$: options = {
|
|
23
23
|
...options,
|
|
24
24
|
expanded: initialExpanded,
|
|
25
25
|
// Only set once
|
|
26
|
-
picker
|
|
27
|
-
}
|
|
26
|
+
picker,
|
|
27
|
+
}
|
|
28
28
|
$: ref &&
|
|
29
29
|
buttonClass !== void 0 &&
|
|
30
|
-
updateCollapsibility(userExpandable ?? true, ref.element, buttonClass)
|
|
30
|
+
updateCollapsibility(userExpandable ?? true, ref.element, buttonClass)
|
|
31
31
|
$: ref &&
|
|
32
32
|
buttonClass !== void 0 &&
|
|
33
33
|
expanded !== internalExpanded &&
|
|
34
34
|
ref.element.querySelectorAll(`.${buttonClass}`).length > 0 &&
|
|
35
|
-
ref.element.querySelector(`.${buttonClass}`).click()
|
|
35
|
+
ref.element.querySelector(`.${buttonClass}`).click()
|
|
36
36
|
</script>
|
|
37
37
|
|
|
38
38
|
<Blade bind:ref {options} {...$$restProps} />
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import { SvelteComponent } from 'svelte'
|
|
2
|
-
import type { BladeOptions, BladeRef } from '../core/Blade.svelte'
|
|
1
|
+
import { SvelteComponent } from 'svelte'
|
|
2
|
+
import type { BladeOptions, BladeRef } from '../core/Blade.svelte'
|
|
3
3
|
declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
|
|
4
4
|
props(): {
|
|
5
5
|
/**
|
|
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
|
|
31
31
|
* [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
|
|
32
32
|
*
|
|
33
33
|
*/
|
|
34
|
-
options: T
|
|
34
|
+
options: T
|
|
35
35
|
/**
|
|
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` \
|
|
43
43
|
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
44
44
|
* set with `setGlobalDefaultTheme()`.
|
|
45
45
|
*/
|
|
46
|
-
theme?: import('..').Theme | undefined
|
|
46
|
+
theme?: import('..').Theme | undefined
|
|
47
47
|
/**
|
|
48
48
|
* Reference to internal Tweakpane
|
|
49
49
|
* [`BladeApi`](https://tweakpane.github.io/docs/api/classes/BladeApi.html) for this blade.
|
|
@@ -56,7 +56,7 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
|
|
|
56
56
|
* @bindable
|
|
57
57
|
* @readonly
|
|
58
58
|
*/
|
|
59
|
-
ref?: U | undefined
|
|
59
|
+
ref?: U | undefined
|
|
60
60
|
/**
|
|
61
61
|
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
62
62
|
* the `<Blade>`'s containing `<Pane>`.
|
|
@@ -68,22 +68,22 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
|
|
|
68
68
|
*
|
|
69
69
|
* @default `undefined`
|
|
70
70
|
*/
|
|
71
|
-
plugin?: import('../utils').Plugin | undefined
|
|
72
|
-
}
|
|
71
|
+
plugin?: import('../utils').Plugin | undefined
|
|
72
|
+
}
|
|
73
73
|
events(): {} & {
|
|
74
|
-
[evt: string]: CustomEvent<any
|
|
75
|
-
}
|
|
76
|
-
slots(): {}
|
|
74
|
+
[evt: string]: CustomEvent<any>
|
|
75
|
+
}
|
|
76
|
+
slots(): {}
|
|
77
77
|
}
|
|
78
78
|
export type GenericBladeFoldingProps<T extends BladeOptions, U extends BladeRef> = ReturnType<
|
|
79
79
|
__sveltets_Render<T, U>['props']
|
|
80
|
-
|
|
80
|
+
>
|
|
81
81
|
export type GenericBladeFoldingEvents<T extends BladeOptions, U extends BladeRef> = ReturnType<
|
|
82
82
|
__sveltets_Render<T, U>['events']
|
|
83
|
-
|
|
83
|
+
>
|
|
84
84
|
export type GenericBladeFoldingSlots<T extends BladeOptions, U extends BladeRef> = ReturnType<
|
|
85
85
|
__sveltets_Render<T, U>['slots']
|
|
86
|
-
|
|
86
|
+
>
|
|
87
87
|
/**
|
|
88
88
|
* This component is for internal use only.
|
|
89
89
|
*
|
|
@@ -92,10 +92,10 @@ export type GenericBladeFoldingSlots<T extends BladeOptions, U extends BladeRef>
|
|
|
92
92
|
*/
|
|
93
93
|
export default class GenericBladeFolding<
|
|
94
94
|
T extends BladeOptions,
|
|
95
|
-
U extends BladeRef
|
|
95
|
+
U extends BladeRef,
|
|
96
96
|
> extends SvelteComponent<
|
|
97
97
|
GenericBladeFoldingProps<T, U>,
|
|
98
98
|
GenericBladeFoldingEvents<T, U>,
|
|
99
99
|
GenericBladeFoldingSlots<T, U>
|
|
100
100
|
> {}
|
|
101
|
-
export {}
|
|
101
|
+
export {}
|