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.
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 +110 -125
  103. package/readme.md +1 -1
package/dist/index.d.ts CHANGED
@@ -1,7 +1,8 @@
1
- export { type ButtonClickEvent, default as Button } from './control/Button.svelte';
2
- export { type ButtonGridClickEvent, default as ButtonGrid } from './control/ButtonGrid.svelte';
3
- export { type CheckboxChangeEvent, default as Checkbox } from './control/Checkbox.svelte';
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
- default as Color
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
- default as CubicBezier
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';
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
- default as Binding
87
- } from './core/Binding.svelte';
88
- export { type BladeOptions, type BladeRef, default as Blade } 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 { type AutoObjectChangeEvent, default as AutoObject } from './extra/AutoObject.svelte';
95
- export { type AutoValueChangeEvent, default as AutoValue } 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';
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 {}