svelte-tweakpane-ui 1.6.0-preview.3 → 1.6.0-preview.5

package/dist/internal/InternalMonitorBoolean.svelte.d.ts

@@ -2,13 +2,78 @@ import { SvelteComponent } from 'svelte'
 import type { BooleanMonitorParams } from '@tweakpane/core'
 export type InternalMonitorBooleanOptions = BooleanMonitorParams
 declare const __propDef: {
-	props: {
-		/**
-		 * A `boolean` value to monitor.
-		 * */
-		value: boolean
-	} & Omit<
-		{
+	props: Omit<
+		Omit<
+			{
+				/**
+				 * The binding's target object with values to manipulate.
+				 * @bindable
+				 */
+				object: import('@tweakpane/core').Bindable & Record<string, boolean>
+				/** The key for the value in the target `object` that the control should manipulate. */
+				key: string
+				/**
+				 * Prevent interactivity and gray out the control.
+				 * @default `false`
+				 */
+				disabled?: boolean
+				/**
+				 * Text displayed next to control.
+				 * @default `undefined`
+				 */
+				label?: string | undefined
+				/**
+				 * Tweakpane's internal options object.
+				 *
+				 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
+				 *
+				 * Valid types are contingent on the type of the value `key` points to in `object`.
+				 *
+				 * This is intended internal use, when implementing convenience components wrapping Binding's
+				 * functionality. Options of interest are instead exposed as top-level props in _Svelte
+				 * Tweakpane UI_.
+				 * @default `undefined`
+				 */
+				options?: BooleanMonitorParams | undefined
+				/**
+				 * Custom color scheme.
+				 * @default `undefined`  \
+				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+				 * set with `setGlobalDefaultTheme()`.
+				 */
+				theme?: import('..').Theme | undefined
+				/**
+				 * Reference to internal Tweakpane
+				 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
+				 * this control.
+				 *
+				 * This property is exposed for advanced use cases only, such as when implementing convenience
+				 * components wrapping `<Binding>`'s functionality.
+				 *
+				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+				 * @bindable
+				 * @readonly
+				 */
+				ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
+				/**
+				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
+				 * the `<Binding>`'s containing `<Pane>`.
+				 *
+				 * This property is exposed for advanced use cases only, such as when implementing convenience
+				 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
+				 *
+				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+				 * @default `undefined`
+				 */
+				plugin?: import('../utils.js').Plugin | undefined
+			},
+			'object' | 'key'
+		> & {
+			/**
+			 * A `boolean` value to monitor.
+			 */
+			value: boolean
+		} & {
 			/**
 			 * Number of past states to retain.
 			 * @default `1`  \
@@ -31,82 +96,14 @@ declare const __propDef: {
 			 * Or `3` if value is `string` and `multiline` is `true`.
 			 */
 			rows?: number
-		} & {
-			/**
-			 * A `boolean` value to monitor.
-			 */
-			value: boolean
-		} & Omit<
-				{
-					/**
-					 * The binding's target object with values to manipulate.
-					 * @bindable
-					 */
-					object: import('@tweakpane/core').Bindable & Record<string, boolean>
-					/** The key for the value in the target `object` that the control should manipulate. */
-					key: string
-					/**
-					 * Prevent interactivity and gray out the control.
-					 * @default `false`
-					 */
-					disabled?: boolean
-					/**
-					 * Text displayed next to control.
-					 * @default `undefined`
-					 */
-					label?: string | undefined
-					/**
-					 * Tweakpane's internal options object.
-					 *
-					 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
-					 *
-					 * Valid types are contingent on the type of the value `key` points to in `object`.
-					 *
-					 * This is intended internal use, when implementing convenience components wrapping Binding's
-					 * functionality. Options of interest are instead exposed as top-level props in _Svelte
-					 * Tweakpane UI_.
-					 * @default `undefined`
-					 */
-					options?: BooleanMonitorParams | undefined
-					/**
-					 * Custom color scheme.
-					 *
-					 * @default `undefined`  \
-					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-					 * set with `setGlobalDefaultTheme()`.
-					 */
-					theme?: import('..').Theme | undefined
-					/**
-					 * Reference to internal Tweakpane
-					 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
-					 * this control.
-					 *
-					 * This property is exposed for advanced use cases only, such as when implementing convenience
-					 * components wrapping `<Binding>`'s functionality.
-					 *
-					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-					 *
-					 * @bindable
-					 * @readonly
-					 */
-					ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
-					/**
-					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
-					 * the `<Binding>`'s containing `<Pane>`.
-					 *
-					 * This property is exposed for advanced use cases only, such as when implementing convenience
-					 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
-					 *
-					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-					 *
-					 * @default `undefined`
-					 */
-					plugin?: import('../utils').Plugin | undefined
-				},
-				'object' | 'key'
-			>,
+		},
 		'ref' | 'options' | 'plugin' | 'interval'
-	>
+	> & {
+		/**
+		 * A `boolean` value to monitor.
+		 */
+		value: boolean
+	}
 	events: {
 		[evt: string]: CustomEvent<any>
 	}

package/dist/internal/InternalMonitorNumber.svelte

@@ -1,10 +1,10 @@
 <script context="module"></script>
 
 <script>
+	import { BROWSER } from 'esm-env'
 	import ClsPad from './ClsPad.svelte'
 	import GenericMonitor from './GenericMonitor.svelte'
 	import { fillWith, rowsForMonitor } from '../utils.js'
-	import { BROWSER } from 'esm-env'
 	export let value
 	export let graph = void 0
 	export let format = void 0
@@ -14,9 +14,9 @@
 	let formatProxy = format
 	$: formatProxy !== format && (formatProxy = format)
 	$: options = {
-		min,
-		max,
 		format: formatProxy,
+		max,
+		min,
 		readonly: true,
 		view: graph ? 'graph' : void 0,
 	}

package/dist/internal/InternalMonitorNumber.svelte.d.ts

@@ -2,34 +2,78 @@ import { SvelteComponent } from 'svelte'
 import type { NumberMonitorParams } from '@tweakpane/core'
 export type InternalMonitorNumberOptions = NumberMonitorParams
 declare const __propDef: {
-	props: {
-		/**
-		 * A `number` value to monitor.
-		 * */
-		value: number
-		/**
-		 * Minimum bound when `graph` is true.
-		 * @default `0`
-		 */
-		min?: number
-		/**
-		 * Maximum bound when `graph` is true.
-		 * @default `100`
-		 * */
-		max?: number
-		/**
-		 * A function to customize the number's string representation (e.g. rounding, etc.).
-		 * @default `undefined`  \
-		 * Normal `.toString()` formatting.
-		 * */
-		format?: (value: number) => string
-		/**
-		 * Display a graph of the value's changes over time.
-		 * @default `false`
-		 * */
-		graph?: boolean
-	} & Omit<
-		{
+	props: Omit<
+		Omit<
+			{
+				/**
+				 * The binding's target object with values to manipulate.
+				 * @bindable
+				 */
+				object: import('@tweakpane/core').Bindable & Record<string, number>
+				/** The key for the value in the target `object` that the control should manipulate. */
+				key: string
+				/**
+				 * Prevent interactivity and gray out the control.
+				 * @default `false`
+				 */
+				disabled?: boolean
+				/**
+				 * Text displayed next to control.
+				 * @default `undefined`
+				 */
+				label?: string | undefined
+				/**
+				 * Tweakpane's internal options object.
+				 *
+				 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
+				 *
+				 * Valid types are contingent on the type of the value `key` points to in `object`.
+				 *
+				 * This is intended internal use, when implementing convenience components wrapping Binding's
+				 * functionality. Options of interest are instead exposed as top-level props in _Svelte
+				 * Tweakpane UI_.
+				 * @default `undefined`
+				 */
+				options?: NumberMonitorParams | undefined
+				/**
+				 * Custom color scheme.
+				 * @default `undefined`  \
+				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+				 * set with `setGlobalDefaultTheme()`.
+				 */
+				theme?: import('..').Theme | undefined
+				/**
+				 * Reference to internal Tweakpane
+				 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
+				 * this control.
+				 *
+				 * This property is exposed for advanced use cases only, such as when implementing convenience
+				 * components wrapping `<Binding>`'s functionality.
+				 *
+				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+				 * @bindable
+				 * @readonly
+				 */
+				ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
+				/**
+				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
+				 * the `<Binding>`'s containing `<Pane>`.
+				 *
+				 * This property is exposed for advanced use cases only, such as when implementing convenience
+				 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
+				 *
+				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+				 * @default `undefined`
+				 */
+				plugin?: import('../utils.js').Plugin | undefined
+			},
+			'object' | 'key'
+		> & {
+			/**
+			 * A `number` value to monitor.
+			 */
+			value: number
+		} & {
 			/**
 			 * Number of past states to retain.
 			 * @default `1`  \
@@ -52,82 +96,35 @@ declare const __propDef: {
 			 * Or `3` if value is `string` and `multiline` is `true`.
 			 */
 			rows?: number
-		} & {
-			/**
-			 * A `number` value to monitor.
-			 */
-			value: number
-		} & Omit<
-				{
-					/**
-					 * The binding's target object with values to manipulate.
-					 * @bindable
-					 */
-					object: import('@tweakpane/core').Bindable & Record<string, number>
-					/** The key for the value in the target `object` that the control should manipulate. */
-					key: string
-					/**
-					 * Prevent interactivity and gray out the control.
-					 * @default `false`
-					 */
-					disabled?: boolean
-					/**
-					 * Text displayed next to control.
-					 * @default `undefined`
-					 */
-					label?: string | undefined
-					/**
-					 * Tweakpane's internal options object.
-					 *
-					 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
-					 *
-					 * Valid types are contingent on the type of the value `key` points to in `object`.
-					 *
-					 * This is intended internal use, when implementing convenience components wrapping Binding's
-					 * functionality. Options of interest are instead exposed as top-level props in _Svelte
-					 * Tweakpane UI_.
-					 * @default `undefined`
-					 */
-					options?: NumberMonitorParams | undefined
-					/**
-					 * Custom color scheme.
-					 *
-					 * @default `undefined`  \
-					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-					 * set with `setGlobalDefaultTheme()`.
-					 */
-					theme?: import('..').Theme | undefined
-					/**
-					 * Reference to internal Tweakpane
-					 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
-					 * this control.
-					 *
-					 * This property is exposed for advanced use cases only, such as when implementing convenience
-					 * components wrapping `<Binding>`'s functionality.
-					 *
-					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-					 *
-					 * @bindable
-					 * @readonly
-					 */
-					ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
-					/**
-					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
-					 * the `<Binding>`'s containing `<Pane>`.
-					 *
-					 * This property is exposed for advanced use cases only, such as when implementing convenience
-					 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
-					 *
-					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-					 *
-					 * @default `undefined`
-					 */
-					plugin?: import('../utils.js').Plugin | undefined
-				},
-				'object' | 'key'
-			>,
+		},
 		'ref' | 'options' | 'plugin'
-	>
+	> & {
+		/**
+		 * A `number` value to monitor.
+		 */
+		value: number
+		/**
+		 * Minimum bound when `graph` is true.
+		 * @default `0`
+		 */
+		min?: number
+		/**
+		 * Maximum bound when `graph` is true.
+		 * @default `100`
+		 */
+		max?: number
+		/**
+		 * A function to customize the number's string representation (e.g. rounding, etc.).
+		 * @default `undefined`  \
+		 * Normal `.toString()` formatting.
+		 */
+		format?: (value: number) => string
+		/**
+		 * Display a graph of the value's changes over time.
+		 * @default `false`
+		 */
+		graph?: boolean
+	}
 	events: {
 		[evt: string]: CustomEvent<any>
 	}

package/dist/internal/InternalMonitorString.svelte

@@ -1,10 +1,10 @@
 <script context="module"></script>
 
 <script>
+	import { BROWSER } from 'esm-env'
 	import ClsPad from './ClsPad.svelte'
 	import GenericMonitor from './GenericMonitor.svelte'
-	import { fillWith, rowsForMonitor } from '../utils'
-	import { BROWSER } from 'esm-env'
+	import { fillWith, rowsForMonitor } from '../utils.js'
 	export let value
 	export let multiline = void 0
 	let options

package/dist/internal/InternalMonitorString.svelte.d.ts

@@ -2,18 +2,78 @@ import { SvelteComponent } from 'svelte'
 import type { StringMonitorParams } from '@tweakpane/core'
 export type InternalMonitorStringOptions = StringMonitorParams
 declare const __propDef: {
-	props: {
-		/**
-		 * A `string` value to monitor.
-		 * */
-		value: string
-		/**
-		 * Display multiline strings.
-		 * @default `false`
-		 * */
-		multiline?: boolean
-	} & Omit<
-		{
+	props: Omit<
+		Omit<
+			{
+				/**
+				 * The binding's target object with values to manipulate.
+				 * @bindable
+				 */
+				object: import('@tweakpane/core').Bindable & Record<string, string>
+				/** The key for the value in the target `object` that the control should manipulate. */
+				key: string
+				/**
+				 * Prevent interactivity and gray out the control.
+				 * @default `false`
+				 */
+				disabled?: boolean
+				/**
+				 * Text displayed next to control.
+				 * @default `undefined`
+				 */
+				label?: string | undefined
+				/**
+				 * Tweakpane's internal options object.
+				 *
+				 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
+				 *
+				 * Valid types are contingent on the type of the value `key` points to in `object`.
+				 *
+				 * This is intended internal use, when implementing convenience components wrapping Binding's
+				 * functionality. Options of interest are instead exposed as top-level props in _Svelte
+				 * Tweakpane UI_.
+				 * @default `undefined`
+				 */
+				options?: StringMonitorParams | undefined
+				/**
+				 * Custom color scheme.
+				 * @default `undefined`  \
+				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+				 * set with `setGlobalDefaultTheme()`.
+				 */
+				theme?: import('..').Theme | undefined
+				/**
+				 * Reference to internal Tweakpane
+				 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
+				 * this control.
+				 *
+				 * This property is exposed for advanced use cases only, such as when implementing convenience
+				 * components wrapping `<Binding>`'s functionality.
+				 *
+				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+				 * @bindable
+				 * @readonly
+				 */
+				ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
+				/**
+				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
+				 * the `<Binding>`'s containing `<Pane>`.
+				 *
+				 * This property is exposed for advanced use cases only, such as when implementing convenience
+				 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
+				 *
+				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+				 * @default `undefined`
+				 */
+				plugin?: import('../utils.js').Plugin | undefined
+			},
+			'object' | 'key'
+		> & {
+			/**
+			 * A `string` value to monitor.
+			 */
+			value: string
+		} & {
 			/**
 			 * Number of past states to retain.
 			 * @default `1`  \
@@ -36,82 +96,19 @@ declare const __propDef: {
 			 * Or `3` if value is `string` and `multiline` is `true`.
 			 */
 			rows?: number
-		} & {
-			/**
-			 * A `string` value to monitor.
-			 */
-			value: string
-		} & Omit<
-				{
-					/**
-					 * The binding's target object with values to manipulate.
-					 * @bindable
-					 */
-					object: import('@tweakpane/core').Bindable & Record<string, string>
-					/** The key for the value in the target `object` that the control should manipulate. */
-					key: string
-					/**
-					 * Prevent interactivity and gray out the control.
-					 * @default `false`
-					 */
-					disabled?: boolean
-					/**
-					 * Text displayed next to control.
-					 * @default `undefined`
-					 */
-					label?: string | undefined
-					/**
-					 * Tweakpane's internal options object.
-					 *
-					 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
-					 *
-					 * Valid types are contingent on the type of the value `key` points to in `object`.
-					 *
-					 * This is intended internal use, when implementing convenience components wrapping Binding's
-					 * functionality. Options of interest are instead exposed as top-level props in _Svelte
-					 * Tweakpane UI_.
-					 * @default `undefined`
-					 */
-					options?: StringMonitorParams | undefined
-					/**
-					 * Custom color scheme.
-					 *
-					 * @default `undefined`  \
-					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-					 * set with `setGlobalDefaultTheme()`.
-					 */
-					theme?: import('..').Theme | undefined
-					/**
-					 * Reference to internal Tweakpane
-					 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
-					 * this control.
-					 *
-					 * This property is exposed for advanced use cases only, such as when implementing convenience
-					 * components wrapping `<Binding>`'s functionality.
-					 *
-					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-					 *
-					 * @bindable
-					 * @readonly
-					 */
-					ref?: import('./GenericMonitor.svelte').GenericMonitorRef | undefined
-					/**
-					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
-					 * the `<Binding>`'s containing `<Pane>`.
-					 *
-					 * This property is exposed for advanced use cases only, such as when implementing convenience
-					 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
-					 *
-					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-					 *
-					 * @default `undefined`
-					 */
-					plugin?: import('../utils').Plugin | undefined
-				},
-				'object' | 'key'
-			>,
+		},
 		'ref' | 'options' | 'plugin' | 'interval'
-	>
+	> & {
+		/**
+		 * A `string` value to monitor.
+		 */
+		value: string
+		/**
+		 * Display multiline strings.
+		 * @default `false`
+		 */
+		multiline?: boolean
+	}
 	events: {
 		[evt: string]: CustomEvent<any>
 	}

package/dist/internal/InternalPaneDraggable.svelte

@@ -6,10 +6,10 @@
 </script>
 
 <script>
-	import GenericPane from './GenericPane.svelte'
-	import { clamp, getSwatchButton, pickerIsOpen, removeKeys } from '../utils.js'
 	import { onDestroy, onMount } from 'svelte'
 	import { persisted } from 'svelte-persisted-store'
+	import GenericPane from './GenericPane.svelte'
+	import { clamp, getSwatchButton, pickerIsOpen, removeKeys } from '../utils.js'
 	const titlebarWindowShadeSingleClick = true
 	const titlebarWindowShadeDoubleClick = false
 	const pointerCancelOnWindowBlur = true
@@ -23,8 +23,8 @@
 		positionStore = persisted(`${localStorePrefix}${localStoreId}`, {
 			x: 0,
 			y: 0,
-			expanded: true,
 			width: 350,
+			expanded: true,
 		})
 	}
 	export let expanded = $positionStore?.expanded ?? true
@@ -76,8 +76,8 @@
 			positionStore = persisted(`${localStorePrefix}${localStoreId}`, {
 				x,
 				y,
-				expanded,
 				width,
+				expanded,
 			})
 		}
 	}
@@ -315,7 +315,7 @@
 		y !== void 0 &&
 		width !== void 0 &&
 		expanded !== void 0 &&
-		positionStore?.set({ x, y, expanded, width })
+		positionStore?.set({ x, y, width, expanded })
 	$: {
 		if (containerElement) {
 			if (scale === void 0 || scale === 1) {