svelte-tweakpane-ui 1.5.2 → 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.
Files changed (103) hide show
  1. package/dist/control/Button.svelte +30 -30
  2. package/dist/control/Button.svelte.d.ts +18 -18
  3. package/dist/control/ButtonGrid.svelte +25 -25
  4. package/dist/control/ButtonGrid.svelte.d.ts +35 -35
  5. package/dist/control/Checkbox.svelte +2 -2
  6. package/dist/control/Checkbox.svelte.d.ts +23 -23
  7. package/dist/control/Color.svelte +34 -34
  8. package/dist/control/Color.svelte.d.ts +40 -40
  9. package/dist/control/CubicBezier.svelte +30 -30
  10. package/dist/control/CubicBezier.svelte.d.ts +47 -47
  11. package/dist/control/File.svelte +20 -20
  12. package/dist/control/File.svelte.d.ts +38 -38
  13. package/dist/control/Image.svelte +22 -22
  14. package/dist/control/Image.svelte.d.ts +31 -31
  15. package/dist/control/IntervalSlider.svelte +24 -24
  16. package/dist/control/IntervalSlider.svelte.d.ts +39 -39
  17. package/dist/control/List.svelte +35 -35
  18. package/dist/control/List.svelte.d.ts +31 -31
  19. package/dist/control/Point.svelte +31 -31
  20. package/dist/control/Point.svelte.d.ts +81 -81
  21. package/dist/control/RadioGrid.svelte +24 -24
  22. package/dist/control/RadioGrid.svelte.d.ts +40 -40
  23. package/dist/control/Ring.svelte +9 -9
  24. package/dist/control/Ring.svelte.d.ts +40 -40
  25. package/dist/control/RotationEuler.svelte +25 -25
  26. package/dist/control/RotationEuler.svelte.d.ts +53 -53
  27. package/dist/control/RotationQuaternion.svelte +24 -24
  28. package/dist/control/RotationQuaternion.svelte.d.ts +47 -47
  29. package/dist/control/Slider.svelte +9 -9
  30. package/dist/control/Slider.svelte.d.ts +32 -32
  31. package/dist/control/Stepper.svelte +16 -16
  32. package/dist/control/Stepper.svelte.d.ts +32 -32
  33. package/dist/control/Text.svelte +13 -13
  34. package/dist/control/Text.svelte.d.ts +26 -26
  35. package/dist/control/Textarea.svelte +34 -34
  36. package/dist/control/Textarea.svelte.d.ts +29 -29
  37. package/dist/control/Wheel.svelte +8 -8
  38. package/dist/control/Wheel.svelte.d.ts +32 -32
  39. package/dist/core/Binding.svelte +60 -60
  40. package/dist/core/Binding.svelte.d.ts +33 -33
  41. package/dist/core/Blade.svelte +30 -30
  42. package/dist/core/Blade.svelte.d.ts +21 -21
  43. package/dist/core/Folder.svelte +34 -34
  44. package/dist/core/Folder.svelte.d.ts +22 -22
  45. package/dist/core/Pane.svelte +17 -17
  46. package/dist/core/Pane.svelte.d.ts +56 -56
  47. package/dist/core/Separator.svelte +5 -5
  48. package/dist/core/Separator.svelte.d.ts +20 -20
  49. package/dist/core/TabGroup.svelte +29 -29
  50. package/dist/core/TabGroup.svelte.d.ts +18 -18
  51. package/dist/core/TabPage.svelte +36 -36
  52. package/dist/core/TabPage.svelte.d.ts +21 -21
  53. package/dist/extra/AutoObject.svelte +20 -20
  54. package/dist/extra/AutoObject.svelte.d.ts +22 -22
  55. package/dist/extra/AutoValue.svelte +3 -3
  56. package/dist/extra/AutoValue.svelte.d.ts +26 -26
  57. package/dist/extra/Element.svelte +10 -10
  58. package/dist/extra/Element.svelte.d.ts +26 -26
  59. package/dist/index.d.ts +48 -48
  60. package/dist/index.js +35 -35
  61. package/dist/internal/ClsPad.svelte +11 -11
  62. package/dist/internal/ClsPad.svelte.d.ts +17 -17
  63. package/dist/internal/GenericBinding.svelte +11 -11
  64. package/dist/internal/GenericBinding.svelte.d.ts +25 -25
  65. package/dist/internal/GenericBladeFolding.svelte +19 -19
  66. package/dist/internal/GenericBladeFolding.svelte.d.ts +20 -20
  67. package/dist/internal/GenericInput.svelte +7 -7
  68. package/dist/internal/GenericInput.svelte.d.ts +27 -27
  69. package/dist/internal/GenericInputFolding.svelte +21 -21
  70. package/dist/internal/GenericInputFolding.svelte.d.ts +32 -32
  71. package/dist/internal/GenericMonitor.svelte +10 -10
  72. package/dist/internal/GenericMonitor.svelte.d.ts +29 -29
  73. package/dist/internal/GenericPane.svelte +48 -48
  74. package/dist/internal/GenericPane.svelte.d.ts +22 -22
  75. package/dist/internal/GenericSlider.svelte +15 -15
  76. package/dist/internal/GenericSlider.svelte.d.ts +29 -29
  77. package/dist/internal/InternalMonitorBoolean.svelte +5 -5
  78. package/dist/internal/InternalMonitorBoolean.svelte.d.ts +31 -31
  79. package/dist/internal/InternalMonitorNumber.svelte +14 -14
  80. package/dist/internal/InternalMonitorNumber.svelte.d.ts +37 -37
  81. package/dist/internal/InternalMonitorString.svelte +9 -9
  82. package/dist/internal/InternalMonitorString.svelte.d.ts +32 -32
  83. package/dist/internal/InternalPaneDraggable.svelte +169 -173
  84. package/dist/internal/InternalPaneDraggable.svelte.d.ts +30 -30
  85. package/dist/internal/InternalPaneFixed.svelte +13 -13
  86. package/dist/internal/InternalPaneFixed.svelte.d.ts +23 -23
  87. package/dist/internal/InternalPaneInline.svelte +14 -14
  88. package/dist/internal/InternalPaneInline.svelte.d.ts +21 -21
  89. package/dist/monitor/FpsGraph.svelte +35 -35
  90. package/dist/monitor/FpsGraph.svelte.d.ts +50 -42
  91. package/dist/monitor/Monitor.svelte +4 -4
  92. package/dist/monitor/Monitor.svelte.d.ts +87 -88
  93. package/dist/monitor/Profiler.svelte +37 -37
  94. package/dist/monitor/Profiler.svelte.d.ts +78 -76
  95. package/dist/monitor/WaveformMonitor.svelte +12 -12
  96. package/dist/monitor/WaveformMonitor.svelte.d.ts +39 -39
  97. package/dist/theme.d.ts +61 -61
  98. package/dist/theme.js +49 -53
  99. package/dist/utils.d.ts +62 -66
  100. package/dist/utils.js +78 -78
  101. package/license.txt +1 -1
  102. package/package.json +105 -120
  103. 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 {}