svelte-tweakpane-ui 1.2.3 → 1.2.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 +1 -1
- package/dist/control/ButtonGrid.svelte.d.ts +30 -30
- package/dist/control/Checkbox.svelte.d.ts +8 -8
- package/dist/control/Color.svelte.d.ts +96 -96
- package/dist/control/CubicBezier.svelte.d.ts +41 -41
- package/dist/control/Image.svelte.d.ts +30 -30
- package/dist/control/IntervalSlider.svelte.d.ts +105 -95
- package/dist/control/List.svelte.d.ts +20 -20
- package/dist/control/Point.svelte +1 -1
- package/dist/control/Point.svelte.d.ts +115 -114
- package/dist/control/RadioGrid.svelte +1 -1
- package/dist/control/RadioGrid.svelte.d.ts +59 -59
- package/dist/control/Ring.svelte.d.ts +102 -107
- package/dist/control/RotationEuler.svelte +1 -1
- package/dist/control/RotationEuler.svelte.d.ts +106 -106
- package/dist/control/RotationQuaternion.svelte +1 -1
- package/dist/control/RotationQuaternion.svelte.d.ts +104 -104
- package/dist/control/Slider.svelte.d.ts +84 -84
- package/dist/control/Text.svelte.d.ts +24 -24
- package/dist/control/Textarea.svelte +1 -1
- package/dist/control/Textarea.svelte.d.ts +33 -33
- package/dist/control/Wheel.svelte.d.ts +97 -97
- package/dist/core/Binding.svelte +1 -1
- package/dist/core/Blade.svelte +1 -1
- package/dist/core/Pane.svelte.d.ts +295 -275
- package/dist/extra/AutoValue.svelte.d.ts +8 -8
- package/dist/extra/Element.svelte.d.ts +23 -23
- package/dist/internal/ClsPad.svelte +1 -1
- package/dist/internal/GenericBinding.svelte.d.ts +8 -8
- package/dist/internal/GenericBladeFolding.svelte.d.ts +24 -24
- package/dist/internal/GenericInput.svelte.d.ts +8 -8
- package/dist/internal/GenericInputFolding.svelte.d.ts +78 -78
- package/dist/internal/GenericMonitor.svelte.d.ts +76 -76
- package/dist/internal/GenericSlider.svelte.d.ts +76 -76
- package/dist/internal/InternalMonitorBoolean.svelte.d.ts +82 -82
- package/dist/internal/InternalMonitorNumber.svelte.d.ts +101 -101
- package/dist/internal/InternalMonitorString.svelte.d.ts +87 -87
- package/dist/internal/InternalPaneDraggable.svelte.d.ts +76 -76
- package/dist/internal/InternalPaneFixed.svelte.d.ts +26 -26
- package/dist/internal/InternalPaneInline.svelte.d.ts +13 -13
- package/dist/monitor/FpsGraph.svelte.d.ts +90 -90
- package/dist/monitor/Monitor.svelte.d.ts +233 -233
- package/dist/monitor/Profiler.svelte.d.ts +131 -131
- package/dist/monitor/WaveformMonitor.svelte.d.ts +104 -107
- package/dist/theme.d.ts +1 -1
- package/package.json +15 -16
|
@@ -28,82 +28,30 @@ type RingUnit = {
|
|
|
28
28
|
export type { RingSeries, RingUnit };
|
|
29
29
|
export type RingChangeEvent = ValueChangeEvent<number>;
|
|
30
30
|
declare const __propDef: {
|
|
31
|
-
props:
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
*
|
|
56
|
-
* Valid types are contingent on the type of the value `key` points to in `object`.
|
|
57
|
-
*
|
|
58
|
-
* This is intended internal use, when implementing convenience components wrapping Binding's
|
|
59
|
-
* functionality. Options of interest are instead exposed as top-level props in _Svelte
|
|
60
|
-
* Tweakpane UI_.
|
|
61
|
-
* @default `undefined`
|
|
62
|
-
*/
|
|
63
|
-
options?: import('tweakpane').NumberInputParams | undefined;
|
|
64
|
-
/**
|
|
65
|
-
* Custom color scheme.
|
|
66
|
-
*
|
|
67
|
-
* @default `undefined` \
|
|
68
|
-
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
69
|
-
* set with `setGlobalDefaultTheme()`.
|
|
70
|
-
*/
|
|
71
|
-
theme?: import('..').Theme | undefined;
|
|
72
|
-
/**
|
|
73
|
-
* Reference to internal Tweakpane
|
|
74
|
-
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
75
|
-
* this control.
|
|
76
|
-
*
|
|
77
|
-
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
78
|
-
* components wrapping `<Binding>`'s functionality.
|
|
79
|
-
*
|
|
80
|
-
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
81
|
-
*
|
|
82
|
-
* @bindable
|
|
83
|
-
* @readonly
|
|
84
|
-
*/
|
|
85
|
-
ref?: import('tweakpane').SliderInputBindingApi | undefined;
|
|
86
|
-
/**
|
|
87
|
-
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
88
|
-
* the `<Binding>`'s containing `<Pane>`.
|
|
89
|
-
*
|
|
90
|
-
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
91
|
-
* components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
|
|
92
|
-
*
|
|
93
|
-
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
94
|
-
*
|
|
95
|
-
* @default `undefined`
|
|
96
|
-
*/
|
|
97
|
-
plugin?: import('tweakpane').TpPluginBundle | undefined;
|
|
98
|
-
},
|
|
99
|
-
'object' | 'key'
|
|
100
|
-
> & {
|
|
101
|
-
/**
|
|
102
|
-
* A `number` value to control.
|
|
103
|
-
* @bindable
|
|
104
|
-
*/
|
|
105
|
-
value: number;
|
|
106
|
-
} & {
|
|
31
|
+
props: {
|
|
32
|
+
/**
|
|
33
|
+
* A `number` value to control.
|
|
34
|
+
* @bindable
|
|
35
|
+
* */
|
|
36
|
+
value: number;
|
|
37
|
+
/**
|
|
38
|
+
* Style variations.
|
|
39
|
+
* @default `0`
|
|
40
|
+
* */
|
|
41
|
+
series?: RingSeries | undefined;
|
|
42
|
+
/**
|
|
43
|
+
* Density and value mapping of the ring's tick marks.
|
|
44
|
+
* @default `{ ticks: 5, pixels: 40, value: 10 }`
|
|
45
|
+
* */
|
|
46
|
+
unit?: RingUnit | undefined;
|
|
47
|
+
/**
|
|
48
|
+
* When `true`, expand the width of the ring control at the expense of the numeric input
|
|
49
|
+
* field.
|
|
50
|
+
* @default `false`
|
|
51
|
+
* */
|
|
52
|
+
wide?: boolean | undefined;
|
|
53
|
+
} & Omit<
|
|
54
|
+
{
|
|
107
55
|
/**
|
|
108
56
|
* Minimum value.
|
|
109
57
|
*
|
|
@@ -117,12 +65,7 @@ declare const __propDef: {
|
|
|
117
65
|
* Specifying both a `min` and a `max` prop turns the control into a slider.
|
|
118
66
|
* @default `undefined`
|
|
119
67
|
*/
|
|
120
|
-
max?: number | undefined
|
|
121
|
-
* The number of vertical tick marks between each `value` label on the ring.
|
|
122
|
-
*
|
|
123
|
-
* For example, if `pixels` is `100`, `value` is `10, and `ticks` is `10`, you will have a
|
|
124
|
-
* vertical tick mark every 10 pixels, and a value label every 100 pixels.
|
|
125
|
-
*/;
|
|
68
|
+
max?: number | undefined;
|
|
126
69
|
/**
|
|
127
70
|
* A function to customize the point value's string representation (e.g. rounding, etc.).
|
|
128
71
|
* @default `undefined` \
|
|
@@ -148,31 +91,83 @@ declare const __propDef: {
|
|
|
148
91
|
* No step constraint.
|
|
149
92
|
*/
|
|
150
93
|
step?: number | undefined;
|
|
151
|
-
}
|
|
94
|
+
} & {
|
|
95
|
+
/**
|
|
96
|
+
* A `number` value to control.
|
|
97
|
+
* @bindable
|
|
98
|
+
*/
|
|
99
|
+
value: number;
|
|
100
|
+
} & Omit<
|
|
101
|
+
{
|
|
102
|
+
/**
|
|
103
|
+
* The binding's target object with values to manipulate.
|
|
104
|
+
* @bindable
|
|
105
|
+
*/
|
|
106
|
+
object: import('@tweakpane/core').Bindable & Record<string, number>;
|
|
107
|
+
/** The key for the value in the target `object` that the control should manipulate. */
|
|
108
|
+
key: string;
|
|
109
|
+
/**
|
|
110
|
+
* Prevent interactivity and gray out the control.
|
|
111
|
+
* @default `false`
|
|
112
|
+
*/
|
|
113
|
+
disabled?: boolean | undefined;
|
|
114
|
+
/**
|
|
115
|
+
* Text displayed next to control.
|
|
116
|
+
* @default `undefined`
|
|
117
|
+
*/
|
|
118
|
+
label?: string | undefined;
|
|
119
|
+
/**
|
|
120
|
+
* Tweakpane's internal options object.
|
|
121
|
+
*
|
|
122
|
+
* See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
|
|
123
|
+
*
|
|
124
|
+
* Valid types are contingent on the type of the value `key` points to in `object`.
|
|
125
|
+
*
|
|
126
|
+
* This is intended internal use, when implementing convenience components wrapping Binding's
|
|
127
|
+
* functionality. Options of interest are instead exposed as top-level props in _Svelte
|
|
128
|
+
* Tweakpane UI_.
|
|
129
|
+
* @default `undefined`
|
|
130
|
+
*/
|
|
131
|
+
options?: import('tweakpane').NumberInputParams | undefined;
|
|
132
|
+
/**
|
|
133
|
+
* Custom color scheme.
|
|
134
|
+
*
|
|
135
|
+
* @default `undefined` \
|
|
136
|
+
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
137
|
+
* set with `setGlobalDefaultTheme()`.
|
|
138
|
+
*/
|
|
139
|
+
theme?: import('..').Theme | undefined;
|
|
140
|
+
/**
|
|
141
|
+
* Reference to internal Tweakpane
|
|
142
|
+
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
143
|
+
* this control.
|
|
144
|
+
*
|
|
145
|
+
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
146
|
+
* components wrapping `<Binding>`'s functionality.
|
|
147
|
+
*
|
|
148
|
+
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
149
|
+
*
|
|
150
|
+
* @bindable
|
|
151
|
+
* @readonly
|
|
152
|
+
*/
|
|
153
|
+
ref?: import('tweakpane').SliderInputBindingApi | undefined;
|
|
154
|
+
/**
|
|
155
|
+
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
156
|
+
* the `<Binding>`'s containing `<Pane>`.
|
|
157
|
+
*
|
|
158
|
+
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
159
|
+
* components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
|
|
160
|
+
*
|
|
161
|
+
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
162
|
+
*
|
|
163
|
+
* @default `undefined`
|
|
164
|
+
*/
|
|
165
|
+
plugin?: import('tweakpane').TpPluginBundle | undefined;
|
|
166
|
+
},
|
|
167
|
+
'object' | 'key'
|
|
168
|
+
>,
|
|
152
169
|
'ref' | 'options' | 'plugin'
|
|
153
|
-
|
|
154
|
-
/**
|
|
155
|
-
* A `number` value to control.
|
|
156
|
-
* @bindable
|
|
157
|
-
* */
|
|
158
|
-
value: number;
|
|
159
|
-
/**
|
|
160
|
-
* Style variations.
|
|
161
|
-
* @default `0`
|
|
162
|
-
* */
|
|
163
|
-
series?: RingSeries | undefined;
|
|
164
|
-
/**
|
|
165
|
-
* Density and value mapping of the ring's tick marks.
|
|
166
|
-
* @default `{ ticks: 5, pixels: 40, value: 10 }`
|
|
167
|
-
* */
|
|
168
|
-
unit?: RingUnit | undefined;
|
|
169
|
-
/**
|
|
170
|
-
* When `true`, expand the width of the ring control at the expense of the numeric input
|
|
171
|
-
* field.
|
|
172
|
-
* @default `false`
|
|
173
|
-
* */
|
|
174
|
-
wide?: boolean | undefined;
|
|
175
|
-
};
|
|
170
|
+
>;
|
|
176
171
|
slots: {};
|
|
177
172
|
events: {
|
|
178
173
|
/**
|
|
@@ -227,7 +222,7 @@ export type RingSlots = typeof __propDef.slots;
|
|
|
227
222
|
* wide={true}
|
|
228
223
|
* />
|
|
229
224
|
*
|
|
230
|
-
* <div class="demo" style:--a="{angle}deg"
|
|
225
|
+
* <div class="demo" style:--a="{angle}deg"></div>
|
|
231
226
|
*
|
|
232
227
|
* <style>
|
|
233
228
|
* div.demo {
|
|
@@ -63,6 +63,6 @@
|
|
|
63
63
|
{:else}
|
|
64
64
|
<!-- Without a label, the grid takes the full width of the control -->
|
|
65
65
|
<!-- TODO remove magic number -->
|
|
66
|
-
<div style="aspect-ratio: 1; width: calc(100% - 28px);"
|
|
66
|
+
<div style="aspect-ratio: 1; width: calc(100% - 28px);"></div>
|
|
67
67
|
{/if}
|
|
68
68
|
{/if}
|
|
@@ -17,111 +17,7 @@ export type RotationEulerValue = Simplify<RotationEulerValueObject | RotationEul
|
|
|
17
17
|
export type RotationEulerChangeEvent = ValueChangeEvent<RotationEulerValue>;
|
|
18
18
|
import type { RotationInputPluginEulerParams as RotationEulerOptionsInternal } from '@0b5vr/tweakpane-plugin-rotation/dist/types/RotationInputPluginEulerParams';
|
|
19
19
|
declare const __propDef: {
|
|
20
|
-
props:
|
|
21
|
-
Omit<
|
|
22
|
-
{
|
|
23
|
-
/**
|
|
24
|
-
* The binding's target object with values to manipulate.
|
|
25
|
-
* @bindable
|
|
26
|
-
*/
|
|
27
|
-
object: import('@tweakpane/core').Bindable & Record<string, RotationEulerValue>;
|
|
28
|
-
/** The key for the value in the target `object` that the control should manipulate. */
|
|
29
|
-
key: string;
|
|
30
|
-
/**
|
|
31
|
-
* Prevent interactivity and gray out the control.
|
|
32
|
-
* @default `false`
|
|
33
|
-
*/
|
|
34
|
-
disabled?: boolean | undefined;
|
|
35
|
-
/**
|
|
36
|
-
* Text displayed next to control.
|
|
37
|
-
* @default `undefined`
|
|
38
|
-
*/
|
|
39
|
-
label?: string | undefined;
|
|
40
|
-
/**
|
|
41
|
-
* Tweakpane's internal options object.
|
|
42
|
-
*
|
|
43
|
-
* See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
|
|
44
|
-
*
|
|
45
|
-
* Valid types are contingent on the type of the value `key` points to in `object`.
|
|
46
|
-
*
|
|
47
|
-
* This is intended internal use, when implementing convenience components wrapping Binding's
|
|
48
|
-
* functionality. Options of interest are instead exposed as top-level props in _Svelte
|
|
49
|
-
* Tweakpane UI_.
|
|
50
|
-
* @default `undefined`
|
|
51
|
-
*/
|
|
52
|
-
options?: RotationEulerOptionsInternal | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Custom color scheme.
|
|
55
|
-
*
|
|
56
|
-
* @default `undefined` \
|
|
57
|
-
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
58
|
-
* set with `setGlobalDefaultTheme()`.
|
|
59
|
-
*/
|
|
60
|
-
theme?: import('..').Theme | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Reference to internal Tweakpane
|
|
63
|
-
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
64
|
-
* this control.
|
|
65
|
-
*
|
|
66
|
-
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
67
|
-
* components wrapping `<Binding>`'s functionality.
|
|
68
|
-
*
|
|
69
|
-
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
70
|
-
*
|
|
71
|
-
* @bindable
|
|
72
|
-
* @readonly
|
|
73
|
-
*/
|
|
74
|
-
ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined;
|
|
75
|
-
/**
|
|
76
|
-
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
77
|
-
* the `<Binding>`'s containing `<Pane>`.
|
|
78
|
-
*
|
|
79
|
-
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
80
|
-
* components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
|
|
81
|
-
*
|
|
82
|
-
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
83
|
-
*
|
|
84
|
-
* @default `undefined`
|
|
85
|
-
*/
|
|
86
|
-
plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
|
|
87
|
-
},
|
|
88
|
-
'object' | 'key'
|
|
89
|
-
> & {
|
|
90
|
-
/**
|
|
91
|
-
* The rotation value to control.
|
|
92
|
-
*
|
|
93
|
-
* Tuple values are a convenience added by _Svelte Tweakpane UI_, and are not part of the
|
|
94
|
-
* original TweakpaneRotationPlugin API.
|
|
95
|
-
*
|
|
96
|
-
* See the `order` prop to specify the sequence in which rotations are applied.
|
|
97
|
-
* @bindable
|
|
98
|
-
*/
|
|
99
|
-
value: RotationEulerValue;
|
|
100
|
-
} & {
|
|
101
|
-
/**
|
|
102
|
-
* DOM class name of the button used to expand and collapse the input's picker.
|
|
103
|
-
* @default `undefined`
|
|
104
|
-
*/
|
|
105
|
-
buttonClass?: string | undefined;
|
|
106
|
-
/**
|
|
107
|
-
* Expand or collapse the input's picker.
|
|
108
|
-
* @default `false`
|
|
109
|
-
* @bindable
|
|
110
|
-
*/
|
|
111
|
-
expanded?: boolean | undefined;
|
|
112
|
-
/**
|
|
113
|
-
* The style of value "picker" to use in the input.
|
|
114
|
-
* @default `'popup'`
|
|
115
|
-
*/
|
|
116
|
-
picker?: 'inline' | 'popup' | undefined;
|
|
117
|
-
/**
|
|
118
|
-
* Allow users to interactively expand / contract the picker.
|
|
119
|
-
* @default `true`
|
|
120
|
-
*/
|
|
121
|
-
userExpandable?: boolean | undefined;
|
|
122
|
-
},
|
|
123
|
-
'ref' | 'options' | 'plugin' | 'buttonClass'
|
|
124
|
-
> & {
|
|
20
|
+
props: {
|
|
125
21
|
/**
|
|
126
22
|
* The rotation value to control.
|
|
127
23
|
*
|
|
@@ -197,7 +93,111 @@ declare const __propDef: {
|
|
|
197
93
|
* @default `'rad'`
|
|
198
94
|
*/
|
|
199
95
|
unit?: EulerUnit | undefined;
|
|
200
|
-
}
|
|
96
|
+
} & Omit<
|
|
97
|
+
{
|
|
98
|
+
/**
|
|
99
|
+
* DOM class name of the button used to expand and collapse the input's picker.
|
|
100
|
+
* @default `undefined`
|
|
101
|
+
*/
|
|
102
|
+
buttonClass?: string | undefined;
|
|
103
|
+
/**
|
|
104
|
+
* Expand or collapse the input's picker.
|
|
105
|
+
* @default `false`
|
|
106
|
+
* @bindable
|
|
107
|
+
*/
|
|
108
|
+
expanded?: boolean | undefined;
|
|
109
|
+
/**
|
|
110
|
+
* The style of value "picker" to use in the input.
|
|
111
|
+
* @default `'popup'`
|
|
112
|
+
*/
|
|
113
|
+
picker?: 'inline' | 'popup' | undefined;
|
|
114
|
+
/**
|
|
115
|
+
* Allow users to interactively expand / contract the picker.
|
|
116
|
+
* @default `true`
|
|
117
|
+
*/
|
|
118
|
+
userExpandable?: boolean | undefined;
|
|
119
|
+
} & {
|
|
120
|
+
/**
|
|
121
|
+
* The rotation value to control.
|
|
122
|
+
*
|
|
123
|
+
* Tuple values are a convenience added by _Svelte Tweakpane UI_, and are not part of the
|
|
124
|
+
* original TweakpaneRotationPlugin API.
|
|
125
|
+
*
|
|
126
|
+
* See the `order` prop to specify the sequence in which rotations are applied.
|
|
127
|
+
* @bindable
|
|
128
|
+
*/
|
|
129
|
+
value: RotationEulerValue;
|
|
130
|
+
} & Omit<
|
|
131
|
+
{
|
|
132
|
+
/**
|
|
133
|
+
* The binding's target object with values to manipulate.
|
|
134
|
+
* @bindable
|
|
135
|
+
*/
|
|
136
|
+
object: import('@tweakpane/core').Bindable & Record<string, RotationEulerValue>;
|
|
137
|
+
/** The key for the value in the target `object` that the control should manipulate. */
|
|
138
|
+
key: string;
|
|
139
|
+
/**
|
|
140
|
+
* Prevent interactivity and gray out the control.
|
|
141
|
+
* @default `false`
|
|
142
|
+
*/
|
|
143
|
+
disabled?: boolean | undefined;
|
|
144
|
+
/**
|
|
145
|
+
* Text displayed next to control.
|
|
146
|
+
* @default `undefined`
|
|
147
|
+
*/
|
|
148
|
+
label?: string | undefined;
|
|
149
|
+
/**
|
|
150
|
+
* Tweakpane's internal options object.
|
|
151
|
+
*
|
|
152
|
+
* See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
|
|
153
|
+
*
|
|
154
|
+
* Valid types are contingent on the type of the value `key` points to in `object`.
|
|
155
|
+
*
|
|
156
|
+
* This is intended internal use, when implementing convenience components wrapping Binding's
|
|
157
|
+
* functionality. Options of interest are instead exposed as top-level props in _Svelte
|
|
158
|
+
* Tweakpane UI_.
|
|
159
|
+
* @default `undefined`
|
|
160
|
+
*/
|
|
161
|
+
options?: RotationEulerOptionsInternal | undefined;
|
|
162
|
+
/**
|
|
163
|
+
* Custom color scheme.
|
|
164
|
+
*
|
|
165
|
+
* @default `undefined` \
|
|
166
|
+
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
167
|
+
* set with `setGlobalDefaultTheme()`.
|
|
168
|
+
*/
|
|
169
|
+
theme?: import('..').Theme | undefined;
|
|
170
|
+
/**
|
|
171
|
+
* Reference to internal Tweakpane
|
|
172
|
+
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
173
|
+
* this control.
|
|
174
|
+
*
|
|
175
|
+
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
176
|
+
* components wrapping `<Binding>`'s functionality.
|
|
177
|
+
*
|
|
178
|
+
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
179
|
+
*
|
|
180
|
+
* @bindable
|
|
181
|
+
* @readonly
|
|
182
|
+
*/
|
|
183
|
+
ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined;
|
|
184
|
+
/**
|
|
185
|
+
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
186
|
+
* the `<Binding>`'s containing `<Pane>`.
|
|
187
|
+
*
|
|
188
|
+
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
189
|
+
* components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
|
|
190
|
+
*
|
|
191
|
+
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
192
|
+
*
|
|
193
|
+
* @default `undefined`
|
|
194
|
+
*/
|
|
195
|
+
plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
|
|
196
|
+
},
|
|
197
|
+
'object' | 'key'
|
|
198
|
+
>,
|
|
199
|
+
'ref' | 'options' | 'plugin' | 'buttonClass'
|
|
200
|
+
>;
|
|
201
201
|
slots: {};
|
|
202
202
|
events: {
|
|
203
203
|
/**
|
|
@@ -61,6 +61,6 @@
|
|
|
61
61
|
{:else}
|
|
62
62
|
<!-- Without a label, the grid takes the full width of the control -->
|
|
63
63
|
<!-- TODO remove magic number -->
|
|
64
|
-
<div style="aspect-ratio: 1; width: calc(100% - 28px);"
|
|
64
|
+
<div style="aspect-ratio: 1; width: calc(100% - 28px);"></div>
|
|
65
65
|
{/if}
|
|
66
66
|
{/if}
|
|
@@ -16,109 +16,7 @@ export type RotationQuaternionValue = Simplify<
|
|
|
16
16
|
export type RotationQuaternionChangeEvent = ValueChangeEvent<RotationQuaternionValue>;
|
|
17
17
|
import type { RotationInputPluginQuaternionParams as RotationQuaternionOptionsInternal } from '@0b5vr/tweakpane-plugin-rotation/dist/types/RotationInputPluginQuaternionParams';
|
|
18
18
|
declare const __propDef: {
|
|
19
|
-
props:
|
|
20
|
-
Omit<
|
|
21
|
-
{
|
|
22
|
-
/**
|
|
23
|
-
* The binding's target object with values to manipulate.
|
|
24
|
-
* @bindable
|
|
25
|
-
*/
|
|
26
|
-
object: import('@tweakpane/core').Bindable & Record<string, RotationQuaternionValue>;
|
|
27
|
-
/** The key for the value in the target `object` that the control should manipulate. */
|
|
28
|
-
key: string;
|
|
29
|
-
/**
|
|
30
|
-
* Prevent interactivity and gray out the control.
|
|
31
|
-
* @default `false`
|
|
32
|
-
*/
|
|
33
|
-
disabled?: boolean | undefined;
|
|
34
|
-
/**
|
|
35
|
-
* Text displayed next to control.
|
|
36
|
-
* @default `undefined`
|
|
37
|
-
*/
|
|
38
|
-
label?: string | undefined;
|
|
39
|
-
/**
|
|
40
|
-
* Tweakpane's internal options object.
|
|
41
|
-
*
|
|
42
|
-
* See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
|
|
43
|
-
*
|
|
44
|
-
* Valid types are contingent on the type of the value `key` points to in `object`.
|
|
45
|
-
*
|
|
46
|
-
* This is intended internal use, when implementing convenience components wrapping Binding's
|
|
47
|
-
* functionality. Options of interest are instead exposed as top-level props in _Svelte
|
|
48
|
-
* Tweakpane UI_.
|
|
49
|
-
* @default `undefined`
|
|
50
|
-
*/
|
|
51
|
-
options?: RotationQuaternionOptionsInternal | undefined;
|
|
52
|
-
/**
|
|
53
|
-
* Custom color scheme.
|
|
54
|
-
*
|
|
55
|
-
* @default `undefined` \
|
|
56
|
-
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
57
|
-
* set with `setGlobalDefaultTheme()`.
|
|
58
|
-
*/
|
|
59
|
-
theme?: import('..').Theme | undefined;
|
|
60
|
-
/**
|
|
61
|
-
* Reference to internal Tweakpane
|
|
62
|
-
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
63
|
-
* this control.
|
|
64
|
-
*
|
|
65
|
-
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
66
|
-
* components wrapping `<Binding>`'s functionality.
|
|
67
|
-
*
|
|
68
|
-
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
69
|
-
*
|
|
70
|
-
* @bindable
|
|
71
|
-
* @readonly
|
|
72
|
-
*/
|
|
73
|
-
ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined;
|
|
74
|
-
/**
|
|
75
|
-
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
76
|
-
* the `<Binding>`'s containing `<Pane>`.
|
|
77
|
-
*
|
|
78
|
-
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
79
|
-
* components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
|
|
80
|
-
*
|
|
81
|
-
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
82
|
-
*
|
|
83
|
-
* @default `undefined`
|
|
84
|
-
*/
|
|
85
|
-
plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
|
|
86
|
-
},
|
|
87
|
-
'object' | 'key'
|
|
88
|
-
> & {
|
|
89
|
-
/**
|
|
90
|
-
* The quaternion value to control.
|
|
91
|
-
*
|
|
92
|
-
* Tuple values are a convenience added by _Svelte Tweakpane UI_, and is not part of the
|
|
93
|
-
* original TweakpaneRotationPlugin API.
|
|
94
|
-
* @bindable
|
|
95
|
-
*/
|
|
96
|
-
value: RotationQuaternionValue;
|
|
97
|
-
} & {
|
|
98
|
-
/**
|
|
99
|
-
* DOM class name of the button used to expand and collapse the input's picker.
|
|
100
|
-
* @default `undefined`
|
|
101
|
-
*/
|
|
102
|
-
buttonClass?: string | undefined;
|
|
103
|
-
/**
|
|
104
|
-
* Expand or collapse the input's picker.
|
|
105
|
-
* @default `false`
|
|
106
|
-
* @bindable
|
|
107
|
-
*/
|
|
108
|
-
expanded?: boolean | undefined;
|
|
109
|
-
/**
|
|
110
|
-
* The style of value "picker" to use in the input.
|
|
111
|
-
* @default `'popup'`
|
|
112
|
-
*/
|
|
113
|
-
picker?: 'inline' | 'popup' | undefined;
|
|
114
|
-
/**
|
|
115
|
-
* Allow users to interactively expand / contract the picker.
|
|
116
|
-
* @default `true`
|
|
117
|
-
*/
|
|
118
|
-
userExpandable?: boolean | undefined;
|
|
119
|
-
},
|
|
120
|
-
'ref' | 'options' | 'plugin' | 'buttonClass'
|
|
121
|
-
> & {
|
|
19
|
+
props: {
|
|
122
20
|
/**
|
|
123
21
|
* The quaternion value to control.
|
|
124
22
|
*
|
|
@@ -195,7 +93,109 @@ declare const __propDef: {
|
|
|
195
93
|
step?: number | undefined;
|
|
196
94
|
}
|
|
197
95
|
| undefined;
|
|
198
|
-
}
|
|
96
|
+
} & Omit<
|
|
97
|
+
{
|
|
98
|
+
/**
|
|
99
|
+
* DOM class name of the button used to expand and collapse the input's picker.
|
|
100
|
+
* @default `undefined`
|
|
101
|
+
*/
|
|
102
|
+
buttonClass?: string | undefined;
|
|
103
|
+
/**
|
|
104
|
+
* Expand or collapse the input's picker.
|
|
105
|
+
* @default `false`
|
|
106
|
+
* @bindable
|
|
107
|
+
*/
|
|
108
|
+
expanded?: boolean | undefined;
|
|
109
|
+
/**
|
|
110
|
+
* The style of value "picker" to use in the input.
|
|
111
|
+
* @default `'popup'`
|
|
112
|
+
*/
|
|
113
|
+
picker?: 'inline' | 'popup' | undefined;
|
|
114
|
+
/**
|
|
115
|
+
* Allow users to interactively expand / contract the picker.
|
|
116
|
+
* @default `true`
|
|
117
|
+
*/
|
|
118
|
+
userExpandable?: boolean | undefined;
|
|
119
|
+
} & {
|
|
120
|
+
/**
|
|
121
|
+
* The quaternion value to control.
|
|
122
|
+
*
|
|
123
|
+
* Tuple values are a convenience added by _Svelte Tweakpane UI_, and is not part of the
|
|
124
|
+
* original TweakpaneRotationPlugin API.
|
|
125
|
+
* @bindable
|
|
126
|
+
*/
|
|
127
|
+
value: RotationQuaternionValue;
|
|
128
|
+
} & Omit<
|
|
129
|
+
{
|
|
130
|
+
/**
|
|
131
|
+
* The binding's target object with values to manipulate.
|
|
132
|
+
* @bindable
|
|
133
|
+
*/
|
|
134
|
+
object: import('@tweakpane/core').Bindable & Record<string, RotationQuaternionValue>;
|
|
135
|
+
/** The key for the value in the target `object` that the control should manipulate. */
|
|
136
|
+
key: string;
|
|
137
|
+
/**
|
|
138
|
+
* Prevent interactivity and gray out the control.
|
|
139
|
+
* @default `false`
|
|
140
|
+
*/
|
|
141
|
+
disabled?: boolean | undefined;
|
|
142
|
+
/**
|
|
143
|
+
* Text displayed next to control.
|
|
144
|
+
* @default `undefined`
|
|
145
|
+
*/
|
|
146
|
+
label?: string | undefined;
|
|
147
|
+
/**
|
|
148
|
+
* Tweakpane's internal options object.
|
|
149
|
+
*
|
|
150
|
+
* See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
|
|
151
|
+
*
|
|
152
|
+
* Valid types are contingent on the type of the value `key` points to in `object`.
|
|
153
|
+
*
|
|
154
|
+
* This is intended internal use, when implementing convenience components wrapping Binding's
|
|
155
|
+
* functionality. Options of interest are instead exposed as top-level props in _Svelte
|
|
156
|
+
* Tweakpane UI_.
|
|
157
|
+
* @default `undefined`
|
|
158
|
+
*/
|
|
159
|
+
options?: RotationQuaternionOptionsInternal | undefined;
|
|
160
|
+
/**
|
|
161
|
+
* Custom color scheme.
|
|
162
|
+
*
|
|
163
|
+
* @default `undefined` \
|
|
164
|
+
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
165
|
+
* set with `setGlobalDefaultTheme()`.
|
|
166
|
+
*/
|
|
167
|
+
theme?: import('..').Theme | undefined;
|
|
168
|
+
/**
|
|
169
|
+
* Reference to internal Tweakpane
|
|
170
|
+
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
171
|
+
* this control.
|
|
172
|
+
*
|
|
173
|
+
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
174
|
+
* components wrapping `<Binding>`'s functionality.
|
|
175
|
+
*
|
|
176
|
+
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
177
|
+
*
|
|
178
|
+
* @bindable
|
|
179
|
+
* @readonly
|
|
180
|
+
*/
|
|
181
|
+
ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined;
|
|
182
|
+
/**
|
|
183
|
+
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
184
|
+
* the `<Binding>`'s containing `<Pane>`.
|
|
185
|
+
*
|
|
186
|
+
* This property is exposed for advanced use cases only, such as when implementing convenience
|
|
187
|
+
* components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
|
|
188
|
+
*
|
|
189
|
+
* Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
|
|
190
|
+
*
|
|
191
|
+
* @default `undefined`
|
|
192
|
+
*/
|
|
193
|
+
plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
|
|
194
|
+
},
|
|
195
|
+
'object' | 'key'
|
|
196
|
+
>,
|
|
197
|
+
'ref' | 'options' | 'plugin' | 'buttonClass'
|
|
198
|
+
>;
|
|
199
199
|
slots: {};
|
|
200
200
|
events: {
|
|
201
201
|
/**
|