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

package/dist/control/Wheel.svelte.d.ts

@@ -2,34 +2,79 @@ import { SvelteComponent } from 'svelte'
 import type { ValueChangeEvent } from '../utils.js'
 export type WheelChangeEvent = ValueChangeEvent<number>
 declare const __propDef: {
-	props: {
-		/**
-		 * A `number` value to control.
-		 * @bindable
-		 * */
-		value: number
-		/** The amount of the value to change per pixel of movement.
-		 * @default `undefined`  \
-		 * [Dynamic based on magnitude of
-		 * `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
-		 */
-		amount?: number
-	} & Omit<
-		{
-			/**
-			 * Minimum value.
-			 *
-			 * Specifying both a `min` and a `max` prop turns the control into a slider.
-			 * @default `undefined`
-			 */
-			min?: number
+	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?: import('tweakpane').NumberInputParams | 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('tweakpane').SliderInputBindingApi | 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'
+		> & {
 			/**
-			 * Maximum value.
-			 *
-			 * Specifying both a `min` and a `max` prop turns the control into a slider.
-			 * @default `undefined`
+			 * A `number` value to control.
+			 * @bindable
 			 */
-			max?: number
+			value: number
+		} & {
 			/**
 			 * A function to customize the point value's string representation (e.g. rounding, etc.).
 			 * @default `undefined`  \
@@ -42,6 +87,20 @@ declare const __propDef: {
 			 * Or `stepValue` if defined.
 			 */
 			keyScale?: number
+			/**
+			 * Maximum value.
+			 *
+			 * Specifying both a `min` and a `max` prop turns the control into a slider.
+			 * @default `undefined`
+			 */
+			max?: number
+			/**
+			 * Minimum value.
+			 *
+			 * Specifying both a `min` and a `max` prop turns the control into a slider.
+			 * @default `undefined`
+			 */
+			min?: number
 			/**
 			 * The unit scale for pointer-based input for all dimensions.
 			 * @default `undefined`  \
@@ -61,83 +120,22 @@ declare const __propDef: {
 			 * @default `false`
 			 */
 			wide?: boolean
-		} & {
-			/**
-			 * A `number` value to control.
-			 * @bindable
-			 */
-			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?: import('tweakpane').NumberInputParams | 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('tweakpane').SliderInputBindingApi | 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 control.
+		 * @bindable
+		 */
+		value: number
+		/**
+		 * The amount of the value to change per pixel of movement.
+		 * @default `undefined`  \
+		 * [Dynamic based on magnitude of
+		 * `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
+		 */
+		amount?: number
+	}
 	slots: {}
 	events: {
 		/**
@@ -147,10 +145,9 @@ declare const __propDef: {
 		 *
 		 * The `event.details` payload includes a copy of the value and an `origin` field to distinguish between user-interactive changes (`internal`)
 		 * and changes resulting from programmatic manipulation of the `value` (`external`).
-		 *
 		 * @extends ValueChangeEvent
 		 * @event
-		 * */
+		 */
 		change: WheelChangeEvent
 	}
 }

package/dist/core/Binding.svelte

@@ -1,13 +1,13 @@
 <script context="module"></script>
 
 <script generics="T extends BindingObject, U extends BindingOptions, V extends BindingRef">
-	import ClsPad from '../internal/ClsPad.svelte'
-	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
-	import { enforceReadonly, getElementIndex, isRootPane } from '../utils.js'
 	import { BROWSER, DEV } from 'esm-env'
-	import copy from 'fast-copy'
+	import { copy } from 'fast-copy'
 	import { shallowEqual } from 'fast-equals'
 	import { createEventDispatcher, getContext, onDestroy, onMount } from 'svelte'
+	import ClsPad from '../internal/ClsPad.svelte'
+	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
+	import { enforceReadonly, getElementIndex, isRootPane } from '../utils.js'
 	export let object
 	export let key
 	export let disabled = false
@@ -94,7 +94,7 @@
 	$: $parentStore !== void 0 && onBoundValueChange(object)
 	$: theme &&
 		$parentStore !== void 0 &&
-		(userCreatedPane || !isRootPane($parentStore)) &&
+		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <Binding> components for a theme prop.)',
 		)

package/dist/core/Binding.svelte.d.ts

@@ -1,7 +1,6 @@
 import { SvelteComponent } from 'svelte'
-import type { BindingObject } from '../utils'
-import type { ValueChangeEvent } from '../utils.js'
 import type { BindingApi, BindingParams } from '@tweakpane/core'
+import type { BindingObject, ValueChangeEvent } from '../utils.js'
 export type BindingOptions = BindingParams
 export type BindingRef = BindingApi
 export type BindingChangeEvent = ValueChangeEvent<BindingObject>
@@ -16,16 +15,16 @@ declare class __sveltets_Render<
 		/**
 		 * The binding's target object with values to manipulate.
 		 * @bindable
-		 * */ object: T
+		 */ object: T
 		/** The key for the value in the target `object` that the control should manipulate. */ key: keyof T
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean
+		 */ disabled?: boolean
 		/**
 		 * Text displayed next to control.
 		 * @default `undefined`
-		 * */ label?: string | undefined
+		 */ label?: string | undefined
 		/**
 		 * Tweakpane's internal options object.
 		 *
@@ -37,14 +36,13 @@ declare class __sveltets_Render<
 		 * functionality. Options of interest are instead exposed as top-level props in _Svelte
 		 * Tweakpane UI_.
 		 * @default `undefined`
-		 * */ options?: U | undefined
+		 */ options?: U | undefined
 		/**
 		 * Custom color scheme.
-		 *
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.
-		 * */ theme?: Theme | undefined
+		 */ theme?: Theme | undefined
 		/**
 		 * Reference to internal Tweakpane
 		 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
@@ -54,10 +52,9 @@ declare class __sveltets_Render<
 		 * components wrapping `<Binding>`'s functionality.
 		 *
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-		 *
 		 * @bindable
 		 * @readonly
-		 * */ ref?: V | undefined
+		 */ ref?: V | undefined
 		/**
 		 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 		 * the `<Binding>`'s containing `<Pane>`.
@@ -66,9 +63,8 @@ declare class __sveltets_Render<
 		 * 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?: Plugin | undefined
+		 */ plugin?: Plugin | undefined
 	}
 	events(): {
 		/**
@@ -78,10 +74,9 @@ declare class __sveltets_Render<
 		 *
 		 * The `event.details` payload includes a copy of the value and an `origin` field to distinguish between user-interactive changes (`internal`)
 		 * and changes resulting from programmatic manipulation of the `object` (`external`).
-		 *
 		 * @extends ValueChangeEvent
 		 * @event
-		 * */
+		 */
 		change: BindingChangeEvent
 	}
 	slots(): {}

package/dist/core/Blade.svelte

@@ -1,11 +1,11 @@
 <script context="module"></script>
 
 <script generics="U extends BladeOptions, V extends BladeRef">
+	import { BROWSER, DEV } from 'esm-env'
+	import { getContext, onDestroy, onMount } from 'svelte'
 	import ClsPad from '../internal/ClsPad.svelte'
 	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
 	import { enforceReadonly, getElementIndex, isRootPane } from '../utils.js'
-	import { BROWSER, DEV } from 'esm-env'
-	import { getContext, onDestroy, onMount } from 'svelte'
 	export let options
 	export let disabled = false
 	export let theme = void 0
@@ -41,7 +41,7 @@
 	$: _ref && (_ref.disabled = disabled)
 	$: theme &&
 		$parentStore &&
-		(userCreatedPane || !isRootPane($parentStore)) &&
+		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <Blade> components for a theme prop.)',
 		)

package/dist/core/Blade.svelte.d.ts

@@ -11,17 +11,17 @@ declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 		 * Blade configuration exposing Tweakpane's internal
 		 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
 		 *
-		 * */ options: U
+		 */ options: U
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean
+		 */ disabled?: boolean
 		/**
 		 * Custom color scheme.
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.
-		 * */ theme?: Theme | undefined
+		 */ theme?: Theme | undefined
 		/**
 		 * Reference to internal Tweakpane
 		 * [`BladeApi`](https://tweakpane.github.io/docs/api/classes/BladeApi.html) for this blade.
@@ -30,10 +30,9 @@ declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 		 * components wrapping `<Blade>`'s functionality.
 		 *
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-		 *
 		 * @bindable
 		 * @readonly
-		 * */ ref?: V | undefined
+		 */ ref?: V | undefined
 		/**
 		 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 		 * the `<Blade>`'s containing `<Pane>`.
@@ -42,9 +41,8 @@ declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 		 * components wrapping `<Blade>`'s functionality in combination with a Tweakpane plugin.
 		 *
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-		 *
 		 * @default `undefined`
-		 * */ plugin?: Plugin | undefined
+		 */ plugin?: Plugin | undefined
 	}
 	events(): {} & {
 		[evt: string]: CustomEvent<any>

package/dist/core/Folder.svelte

@@ -1,10 +1,10 @@
 <script>
-	import ClsPad from '../internal/ClsPad.svelte'
-	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
-	import { getElementIndex, isRootPane, updateCollapsibility } from '../utils.js'
 	import { BROWSER } from 'esm-env'
 	import { getContext, onDestroy, onMount, setContext } from 'svelte'
 	import { writable } from 'svelte/store'
+	import ClsPad from '../internal/ClsPad.svelte'
+	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
+	import { getElementIndex, isRootPane, updateCollapsibility } from '../utils.js'
 	export let title = 'Folder'
 	export let disabled = false
 	export let expanded = true
@@ -42,7 +42,7 @@
 	$: folderRef && expanded !== void 0 && (folderRef.expanded = expanded)
 	$: theme &&
 		$parentStore &&
-		(userCreatedPane || !isRootPane($parentStore)) &&
+		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <Folder> components for a theme prop.)',
 		)

package/dist/core/Folder.svelte.d.ts

@@ -8,28 +8,28 @@ declare const __propDef: {
 		 * Unlike a `<Pane>`, a `<Folder>`'s title bar is always visible and the title is always shown.
 		 * It can be set to an empty string if you want an unadorned title bar.
 		 * @default `'Folder'`
-		 * */ title?: string
+		 */ title?: string
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean
+		 */ disabled?: boolean
 		/**
 		 * Expand or collapse folder.
 		 *
 		 * When bound it will indicate whether the folder is expanded or collapsed.
 		 * @default `true`
 		 * @bindable
-		 * */ expanded?: boolean
+		 */ expanded?: boolean
 		/**
 		 * Allow the user to be collapse and expand the folder by clicking its title bar.
 		 * @default `true`
-		 * */ userExpandable?: boolean
+		 */ userExpandable?: boolean
 		/**
 		 * Custom color scheme.
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.
-		 * */ theme?: Theme | undefined
+		 */ theme?: Theme | undefined
 	}
 	events: {
 		[evt: string]: CustomEvent<any>

package/dist/core/Pane.svelte

@@ -1,12 +1,12 @@
 <script context="module"></script>
 
 <script>
+	import { BROWSER } from 'esm-env'
+	import { beforeUpdate } from 'svelte'
 	import InternalPaneDraggable from '../internal/InternalPaneDraggable.svelte'
 	import InternalPaneFixed from '../internal/InternalPaneFixed.svelte'
 	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
-	import { removeKeys } from '../utils'
-	import { BROWSER } from 'esm-env'
-	import { beforeUpdate } from 'svelte'
+	import { removeKeys } from '../utils.js'
 	export let expanded = void 0
 	export let position = void 0
 	export let width = void 0