svelte-tweakpane-ui 1.5.3 → 1.5.5
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 +110 -125
- package/readme.md +1 -1
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
import { SvelteComponent } from 'svelte'
|
|
2
|
-
import type { NumberMonitorParams } from '@tweakpane/core'
|
|
3
|
-
export type InternalMonitorNumberOptions = NumberMonitorParams
|
|
1
|
+
import { SvelteComponent } from 'svelte'
|
|
2
|
+
import type { NumberMonitorParams } from '@tweakpane/core'
|
|
3
|
+
export type InternalMonitorNumberOptions = NumberMonitorParams
|
|
4
4
|
declare const __propDef: {
|
|
5
5
|
props: {
|
|
6
6
|
/**
|
|
7
7
|
* A `number` value to monitor.
|
|
8
8
|
* */
|
|
9
|
-
value: number
|
|
9
|
+
value: number
|
|
10
10
|
/**
|
|
11
11
|
* Minimum bound when `graph` is true.
|
|
12
12
|
* @default `0`
|
|
13
13
|
*/
|
|
14
|
-
min?: number
|
|
14
|
+
min?: number
|
|
15
15
|
/**
|
|
16
16
|
* Maximum bound when `graph` is true.
|
|
17
17
|
* @default `100`
|
|
18
18
|
* */
|
|
19
|
-
max?: number
|
|
19
|
+
max?: number
|
|
20
20
|
/**
|
|
21
21
|
* A function to customize the number's string representation (e.g. rounding, etc.).
|
|
22
22
|
* @default `undefined` \
|
|
23
23
|
* Normal `.toString()` formatting.
|
|
24
24
|
* */
|
|
25
|
-
format?: (value: number) => string
|
|
25
|
+
format?: (value: number) => string
|
|
26
26
|
/**
|
|
27
27
|
* Display a graph of the value's changes over time.
|
|
28
28
|
* @default `false`
|
|
29
29
|
* */
|
|
30
|
-
graph?: boolean
|
|
30
|
+
graph?: boolean
|
|
31
31
|
} & Omit<
|
|
32
32
|
{
|
|
33
33
|
/**
|
|
@@ -35,14 +35,14 @@ declare const __propDef: {
|
|
|
35
35
|
* @default `1` \
|
|
36
36
|
* Or `64` if value is `number` and `graph` is `true`.
|
|
37
37
|
*/
|
|
38
|
-
bufferSize?: number
|
|
38
|
+
bufferSize?: number
|
|
39
39
|
/**
|
|
40
40
|
* Time between value samples in milliseconds.
|
|
41
41
|
*
|
|
42
42
|
* Useful when `graph` is true. Defaults to reactive value updates only (`interval={0}`).
|
|
43
43
|
* @default `0`
|
|
44
44
|
*/
|
|
45
|
-
interval?: number
|
|
45
|
+
interval?: number
|
|
46
46
|
/**
|
|
47
47
|
* Number of visible rows of state history.
|
|
48
48
|
*
|
|
@@ -51,31 +51,31 @@ declare const __propDef: {
|
|
|
51
51
|
* @default `1` \
|
|
52
52
|
* Or `3` if value is `string` and `multiline` is `true`.
|
|
53
53
|
*/
|
|
54
|
-
rows?: number
|
|
54
|
+
rows?: number
|
|
55
55
|
} & {
|
|
56
56
|
/**
|
|
57
57
|
* A `number` value to monitor.
|
|
58
58
|
*/
|
|
59
|
-
value: number
|
|
59
|
+
value: number
|
|
60
60
|
} & Omit<
|
|
61
61
|
{
|
|
62
62
|
/**
|
|
63
63
|
* The binding's target object with values to manipulate.
|
|
64
64
|
* @bindable
|
|
65
65
|
*/
|
|
66
|
-
object: import('@tweakpane/core').Bindable & Record<string, number
|
|
66
|
+
object: import('@tweakpane/core').Bindable & Record<string, number>
|
|
67
67
|
/** The key for the value in the target `object` that the control should manipulate. */
|
|
68
|
-
key: string
|
|
68
|
+
key: string
|
|
69
69
|
/**
|
|
70
70
|
* Prevent interactivity and gray out the control.
|
|
71
71
|
* @default `false`
|
|
72
72
|
*/
|
|
73
|
-
disabled?: boolean
|
|
73
|
+
disabled?: boolean
|
|
74
74
|
/**
|
|
75
75
|
* Text displayed next to control.
|
|
76
76
|
* @default `undefined`
|
|
77
77
|
*/
|
|
78
|
-
label?: string | undefined
|
|
78
|
+
label?: string | undefined
|
|
79
79
|
/**
|
|
80
80
|
* Tweakpane's internal options object.
|
|
81
81
|
*
|
|
@@ -88,7 +88,7 @@ declare const __propDef: {
|
|
|
88
88
|
* Tweakpane UI_.
|
|
89
89
|
* @default `undefined`
|
|
90
90
|
*/
|
|
91
|
-
options?: NumberMonitorParams | undefined
|
|
91
|
+
options?: NumberMonitorParams | undefined
|
|
92
92
|
/**
|
|
93
93
|
* Custom color scheme.
|
|
94
94
|
*
|
|
@@ -96,7 +96,7 @@ declare const __propDef: {
|
|
|
96
96
|
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
97
97
|
* set with `setGlobalDefaultTheme()`.
|
|
98
98
|
*/
|
|
99
|
-
theme?: import('..').Theme | undefined
|
|
99
|
+
theme?: import('..').Theme | undefined
|
|
100
100
|
/**
|
|
101
101
|
* Reference to internal Tweakpane
|
|
102
102
|
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
@@ -110,7 +110,7 @@ declare const __propDef: {
|
|
|
110
110
|
* @bindable
|
|
111
111
|
* @readonly
|
|
112
112
|
*/
|
|
113
|
-
ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
|
|
113
|
+
ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
|
|
114
114
|
/**
|
|
115
115
|
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
116
116
|
* the `<Binding>`'s containing `<Pane>`.
|
|
@@ -122,22 +122,22 @@ declare const __propDef: {
|
|
|
122
122
|
*
|
|
123
123
|
* @default `undefined`
|
|
124
124
|
*/
|
|
125
|
-
plugin?: import('../utils.js').Plugin | undefined
|
|
125
|
+
plugin?: import('../utils.js').Plugin | undefined
|
|
126
126
|
},
|
|
127
127
|
'object' | 'key'
|
|
128
128
|
>,
|
|
129
129
|
'ref' | 'options' | 'plugin'
|
|
130
|
-
|
|
130
|
+
>
|
|
131
131
|
events: {
|
|
132
|
-
[evt: string]: CustomEvent<any
|
|
133
|
-
}
|
|
134
|
-
slots: {}
|
|
135
|
-
exports?: {} | undefined
|
|
136
|
-
bindings?: string | undefined
|
|
137
|
-
}
|
|
138
|
-
export type InternalMonitorNumberProps = typeof __propDef.props
|
|
139
|
-
export type InternalMonitorNumberEvents = typeof __propDef.events
|
|
140
|
-
export type InternalMonitorNumberSlots = typeof __propDef.slots
|
|
132
|
+
[evt: string]: CustomEvent<any>
|
|
133
|
+
}
|
|
134
|
+
slots: {}
|
|
135
|
+
exports?: {} | undefined
|
|
136
|
+
bindings?: string | undefined
|
|
137
|
+
}
|
|
138
|
+
export type InternalMonitorNumberProps = typeof __propDef.props
|
|
139
|
+
export type InternalMonitorNumberEvents = typeof __propDef.events
|
|
140
|
+
export type InternalMonitorNumberSlots = typeof __propDef.slots
|
|
141
141
|
/**
|
|
142
142
|
* This component is for internal use only.
|
|
143
143
|
*
|
|
@@ -159,15 +159,15 @@ export type InternalMonitorNumberSlots = typeof __propDef.slots;
|
|
|
159
159
|
* @example
|
|
160
160
|
* ```svelte
|
|
161
161
|
* <script lang="ts">
|
|
162
|
-
* import { InternalMonitorNumber } from 'svelte-tweakpane-ui'
|
|
162
|
+
* import { InternalMonitorNumber } from 'svelte-tweakpane-ui'
|
|
163
163
|
*
|
|
164
|
-
* let numberToMonitor = 0
|
|
165
|
-
* let t = 0
|
|
164
|
+
* let numberToMonitor = 0
|
|
165
|
+
* let t = 0
|
|
166
166
|
*
|
|
167
167
|
* setInterval(() => {
|
|
168
|
-
* numberToMonitor = Math.sin(t)
|
|
169
|
-
* t += 0.3
|
|
170
|
-
* }, 100)
|
|
168
|
+
* numberToMonitor = Math.sin(t)
|
|
169
|
+
* t += 0.3
|
|
170
|
+
* }, 100)
|
|
171
171
|
* </script>
|
|
172
172
|
*
|
|
173
173
|
* <InternalMonitorNumber
|
|
@@ -186,4 +186,4 @@ export default class InternalMonitorNumber extends SvelteComponent<
|
|
|
186
186
|
InternalMonitorNumberEvents,
|
|
187
187
|
InternalMonitorNumberSlots
|
|
188
188
|
> {}
|
|
189
|
-
export {}
|
|
189
|
+
export {}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
<script context="module"></script>
|
|
2
2
|
|
|
3
3
|
<script>
|
|
4
|
-
import ClsPad from './ClsPad.svelte'
|
|
5
|
-
import GenericMonitor from './GenericMonitor.svelte'
|
|
6
|
-
import { fillWith, rowsForMonitor } from '../utils'
|
|
7
|
-
import { BROWSER } from 'esm-env'
|
|
8
|
-
export let value
|
|
9
|
-
export let multiline = void 0
|
|
10
|
-
let options
|
|
4
|
+
import ClsPad from './ClsPad.svelte'
|
|
5
|
+
import GenericMonitor from './GenericMonitor.svelte'
|
|
6
|
+
import { fillWith, rowsForMonitor } from '../utils'
|
|
7
|
+
import { BROWSER } from 'esm-env'
|
|
8
|
+
export let value
|
|
9
|
+
export let multiline = void 0
|
|
10
|
+
let options
|
|
11
11
|
$: options = {
|
|
12
12
|
multiline,
|
|
13
|
-
readonly: true
|
|
14
|
-
}
|
|
13
|
+
readonly: true,
|
|
14
|
+
}
|
|
15
15
|
</script>
|
|
16
16
|
|
|
17
17
|
<GenericMonitor {value} {options} {...$$restProps} />
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { SvelteComponent } from 'svelte'
|
|
2
|
-
import type { StringMonitorParams } from '@tweakpane/core'
|
|
3
|
-
export type InternalMonitorStringOptions = StringMonitorParams
|
|
1
|
+
import { SvelteComponent } from 'svelte'
|
|
2
|
+
import type { StringMonitorParams } from '@tweakpane/core'
|
|
3
|
+
export type InternalMonitorStringOptions = StringMonitorParams
|
|
4
4
|
declare const __propDef: {
|
|
5
5
|
props: {
|
|
6
6
|
/**
|
|
7
7
|
* A `string` value to monitor.
|
|
8
8
|
* */
|
|
9
|
-
value: string
|
|
9
|
+
value: string
|
|
10
10
|
/**
|
|
11
11
|
* Display multiline strings.
|
|
12
12
|
* @default `false`
|
|
13
13
|
* */
|
|
14
|
-
multiline?: boolean
|
|
14
|
+
multiline?: boolean
|
|
15
15
|
} & Omit<
|
|
16
16
|
{
|
|
17
17
|
/**
|
|
@@ -19,14 +19,14 @@ declare const __propDef: {
|
|
|
19
19
|
* @default `1` \
|
|
20
20
|
* Or `64` if value is `number` and `graph` is `true`.
|
|
21
21
|
*/
|
|
22
|
-
bufferSize?: number
|
|
22
|
+
bufferSize?: number
|
|
23
23
|
/**
|
|
24
24
|
* Time between value samples in milliseconds.
|
|
25
25
|
*
|
|
26
26
|
* Useful when `graph` is true. Defaults to reactive value updates only (`interval={0}`).
|
|
27
27
|
* @default `0`
|
|
28
28
|
*/
|
|
29
|
-
interval?: number
|
|
29
|
+
interval?: number
|
|
30
30
|
/**
|
|
31
31
|
* Number of visible rows of state history.
|
|
32
32
|
*
|
|
@@ -35,31 +35,31 @@ declare const __propDef: {
|
|
|
35
35
|
* @default `1` \
|
|
36
36
|
* Or `3` if value is `string` and `multiline` is `true`.
|
|
37
37
|
*/
|
|
38
|
-
rows?: number
|
|
38
|
+
rows?: number
|
|
39
39
|
} & {
|
|
40
40
|
/**
|
|
41
41
|
* A `string` value to monitor.
|
|
42
42
|
*/
|
|
43
|
-
value: string
|
|
43
|
+
value: string
|
|
44
44
|
} & Omit<
|
|
45
45
|
{
|
|
46
46
|
/**
|
|
47
47
|
* The binding's target object with values to manipulate.
|
|
48
48
|
* @bindable
|
|
49
49
|
*/
|
|
50
|
-
object: import('@tweakpane/core').Bindable & Record<string, string
|
|
50
|
+
object: import('@tweakpane/core').Bindable & Record<string, string>
|
|
51
51
|
/** The key for the value in the target `object` that the control should manipulate. */
|
|
52
|
-
key: string
|
|
52
|
+
key: string
|
|
53
53
|
/**
|
|
54
54
|
* Prevent interactivity and gray out the control.
|
|
55
55
|
* @default `false`
|
|
56
56
|
*/
|
|
57
|
-
disabled?: boolean
|
|
57
|
+
disabled?: boolean
|
|
58
58
|
/**
|
|
59
59
|
* Text displayed next to control.
|
|
60
60
|
* @default `undefined`
|
|
61
61
|
*/
|
|
62
|
-
label?: string | undefined
|
|
62
|
+
label?: string | undefined
|
|
63
63
|
/**
|
|
64
64
|
* Tweakpane's internal options object.
|
|
65
65
|
*
|
|
@@ -72,7 +72,7 @@ declare const __propDef: {
|
|
|
72
72
|
* Tweakpane UI_.
|
|
73
73
|
* @default `undefined`
|
|
74
74
|
*/
|
|
75
|
-
options?: StringMonitorParams | undefined
|
|
75
|
+
options?: StringMonitorParams | undefined
|
|
76
76
|
/**
|
|
77
77
|
* Custom color scheme.
|
|
78
78
|
*
|
|
@@ -80,7 +80,7 @@ declare const __propDef: {
|
|
|
80
80
|
* Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
|
|
81
81
|
* set with `setGlobalDefaultTheme()`.
|
|
82
82
|
*/
|
|
83
|
-
theme?: import('..').Theme | undefined
|
|
83
|
+
theme?: import('..').Theme | undefined
|
|
84
84
|
/**
|
|
85
85
|
* Reference to internal Tweakpane
|
|
86
86
|
* [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
|
|
@@ -94,7 +94,7 @@ declare const __propDef: {
|
|
|
94
94
|
* @bindable
|
|
95
95
|
* @readonly
|
|
96
96
|
*/
|
|
97
|
-
ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
|
|
97
|
+
ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
|
|
98
98
|
/**
|
|
99
99
|
* Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
|
|
100
100
|
* the `<Binding>`'s containing `<Pane>`.
|
|
@@ -106,22 +106,22 @@ declare const __propDef: {
|
|
|
106
106
|
*
|
|
107
107
|
* @default `undefined`
|
|
108
108
|
*/
|
|
109
|
-
plugin?: import('../utils').Plugin | undefined
|
|
109
|
+
plugin?: import('../utils').Plugin | undefined
|
|
110
110
|
},
|
|
111
111
|
'object' | 'key'
|
|
112
112
|
>,
|
|
113
113
|
'ref' | 'options' | 'plugin' | 'interval'
|
|
114
|
-
|
|
114
|
+
>
|
|
115
115
|
events: {
|
|
116
|
-
[evt: string]: CustomEvent<any
|
|
117
|
-
}
|
|
118
|
-
slots: {}
|
|
119
|
-
exports?: {} | undefined
|
|
120
|
-
bindings?: string | undefined
|
|
121
|
-
}
|
|
122
|
-
export type InternalMonitorStringProps = typeof __propDef.props
|
|
123
|
-
export type InternalMonitorStringEvents = typeof __propDef.events
|
|
124
|
-
export type InternalMonitorStringSlots = typeof __propDef.slots
|
|
116
|
+
[evt: string]: CustomEvent<any>
|
|
117
|
+
}
|
|
118
|
+
slots: {}
|
|
119
|
+
exports?: {} | undefined
|
|
120
|
+
bindings?: string | undefined
|
|
121
|
+
}
|
|
122
|
+
export type InternalMonitorStringProps = typeof __propDef.props
|
|
123
|
+
export type InternalMonitorStringEvents = typeof __propDef.events
|
|
124
|
+
export type InternalMonitorStringSlots = typeof __propDef.slots
|
|
125
125
|
/**
|
|
126
126
|
* This component is for internal use only.
|
|
127
127
|
*
|
|
@@ -142,16 +142,16 @@ export type InternalMonitorStringSlots = typeof __propDef.slots;
|
|
|
142
142
|
* @example
|
|
143
143
|
* ```svelte
|
|
144
144
|
* <script lang="ts">
|
|
145
|
-
* import { InternalMonitorString } from 'svelte-tweakpane-ui'
|
|
145
|
+
* import { InternalMonitorString } from 'svelte-tweakpane-ui'
|
|
146
146
|
*
|
|
147
|
-
* let stringToMonitor = 'so\nit\ngoes'
|
|
147
|
+
* let stringToMonitor = 'so\nit\ngoes'
|
|
148
148
|
*
|
|
149
149
|
* setInterval(() => {
|
|
150
150
|
* stringToMonitor = stringToMonitor
|
|
151
151
|
* .split('\n')
|
|
152
152
|
* .map(() => Math.round(Math.random() * 100).toString())
|
|
153
|
-
* .join('\n')
|
|
154
|
-
* }, 100)
|
|
153
|
+
* .join('\n')
|
|
154
|
+
* }, 100)
|
|
155
155
|
* </script>
|
|
156
156
|
*
|
|
157
157
|
* <InternalMonitorString value={stringToMonitor} multiline={true} />
|
|
@@ -165,4 +165,4 @@ export default class InternalMonitorString extends SvelteComponent<
|
|
|
165
165
|
InternalMonitorStringEvents,
|
|
166
166
|
InternalMonitorStringSlots
|
|
167
167
|
> {}
|
|
168
|
-
export {}
|
|
168
|
+
export {}
|