svelte-tweakpane-ui 1.5.11 → 1.5.13

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

@@ -3,37 +3,8 @@ import type { ValueChangeEvent } from '../utils.js'
 export type FileValue = File | undefined
 export type FileChangeEvent = ValueChangeEvent<FileValue>
 declare const __propDef: {
-	props: {
-		/**
-		 * File data, or `undefined` to clear the file input.
-		 * @default `undefined`
-		 * @bindable
-		 */
-		value?: FileValue
-		/**
-		 * Array of valid file extensions.
-		 * @default Any file extension
-		 */
-		extensions?: string[] | undefined
-		/**
-		 * String shown when the user tries to upload an invalid filetype.
-		 * @default `'Unaccepted file type.'`
-		 */
-		invalidExtensionMessage?: string | undefined
-		/**
-		 * Height of the file input drop zone, in rows.
-		 * @default `3`
-		 */
-		rows?: number | undefined
-	} & Omit<
-		{
-			/**
-			 * File data, or `undefined` to clear the file input.
-			 * @default `undefined`
-			 * @bindable
-			 */
-			value: string | File | null
-		} & Omit<
+	props: Omit<
+		Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
@@ -67,7 +38,6 @@ declare const __propDef: {
 				options?: import('@tweakpane/core').BaseInputParams | undefined
 				/**
 				 * Custom color scheme.
-				 *
 				 * @default `undefined`  \
 				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 				 * set with `setGlobalDefaultTheme()`.
@@ -82,7 +52,6 @@ declare const __propDef: {
 				 * components wrapping `<Binding>`'s functionality.
 				 *
 				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
 				 * @bindable
 				 * @readonly
 				 */
@@ -95,15 +64,43 @@ declare const __propDef: {
 				 * 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'
-		>,
+		> & {
+			/**
+			 * File data, or `undefined` to clear the file input.
+			 * @default `undefined`
+			 * @bindable
+			 */
+			value: string | File | null
+		},
 		'ref' | 'plugin' | 'value'
-	>
+	> & {
+		/**
+		 * File data, or `undefined` to clear the file input.
+		 * @default `undefined`
+		 * @bindable
+		 */
+		value?: FileValue
+		/**
+		 * Array of valid file extensions.
+		 * @default Any file extension
+		 */
+		extensions?: string[] | undefined
+		/**
+		 * String shown when the user tries to upload an invalid filetype.
+		 * @default `'Unaccepted file type.'`
+		 */
+		invalidExtensionMessage?: string | undefined
+		/**
+		 * Height of the file input drop zone, in rows.
+		 * @default `3`
+		 */
+		rows?: number | undefined
+	}
 	slots: {}
 	events: {
 		/**
@@ -113,10 +110,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: FileChangeEvent
 	}
 }

package/dist/control/Image.svelte

@@ -1,12 +1,12 @@
 <script context="module"></script>
 
 <script>
-	import ClsPad from '../internal/ClsPad.svelte'
-	import GenericInput from '../internal/GenericInput.svelte'
-	import { fillWith } from '../utils'
 	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-image'
 	import { BROWSER } from 'esm-env'
 	import { shallowEqual } from 'fast-equals'
+	import ClsPad from '../internal/ClsPad.svelte'
+	import GenericInput from '../internal/GenericInput.svelte'
+	import { fillWith } from '../utils.js'
 	export let value = void 0
 	export let fit = void 0
 	export let extensions = void 0

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

@@ -3,34 +3,8 @@ import type { ValueChangeEvent } from '../utils.js'
 export type ImageValue = string | undefined
 export type ImageChangeEvent = ValueChangeEvent<ImageValue>
 declare const __propDef: {
-	props: {
-		/**
-		 * Image data as Base64-encoded string, or `undefined` to clear.
-		 * @default `'undefined'`
-		 * @bindable
-		 */
-		value?: ImageValue
-		/**
-		 * Array of image extension types to accept.
-		 * @default `['.jpg', '.png', '.gif']`
-		 */
-		extensions?: string[]
-		/**
-		 * How to display the image in the preview pane.
-		 *
-		 * Renamed from `imageFit` in `tweakpane-image-plugin` for concision.
-		 * @default `'cover'`
-		 */
-		fit?: 'contain' | 'cover'
-	} & Omit<
-		{
-			/**
-			 * Image data as Base64-encoded string, or `undefined` to clear.
-			 * @default `'undefined'`
-			 * @bindable
-			 */
-			value: string | HTMLImageElement | File | undefined
-		} & Omit<
+	props: Omit<
+		Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
@@ -65,7 +39,6 @@ declare const __propDef: {
 				options?: import('@tweakpane/core').BaseInputParams | undefined
 				/**
 				 * Custom color scheme.
-				 *
 				 * @default `undefined`  \
 				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 				 * set with `setGlobalDefaultTheme()`.
@@ -80,7 +53,6 @@ declare const __propDef: {
 				 * components wrapping `<Binding>`'s functionality.
 				 *
 				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
 				 * @bindable
 				 * @readonly
 				 */
@@ -93,15 +65,40 @@ declare const __propDef: {
 				 * 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'
-		>,
+		> & {
+			/**
+			 * Image data as Base64-encoded string, or `undefined` to clear.
+			 * @default `'undefined'`
+			 * @bindable
+			 */
+			value: string | HTMLImageElement | File | undefined
+		},
 		'ref' | 'plugin' | 'value'
-	>
+	> & {
+		/**
+		 * Image data as Base64-encoded string, or `undefined` to clear.
+		 * @default `'undefined'`
+		 * @bindable
+		 */
+		value?: ImageValue
+		/**
+		 * Array of image extension types to accept.
+		 * @default `['.jpg', '.png', '.gif']`
+		 */
+		extensions?: string[]
+		/**
+		 * How to display the image in the preview pane.
+		 *
+		 * Renamed from `imageFit` in `tweakpane-image-plugin` for concision.
+		 * @default `'cover'`
+		 */
+		fit?: 'contain' | 'cover'
+	}
 	slots: {}
 	events: {
 		/**
@@ -111,10 +108,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: ImageChangeEvent
 	}
 }

package/dist/control/IntervalSlider.svelte

@@ -1,9 +1,9 @@
 <script context="module"></script>
 
 <script>
-	import GenericSlider from '../internal/GenericSlider.svelte'
 	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials'
 	import { shallowEqual } from 'fast-equals'
+	import GenericSlider from '../internal/GenericSlider.svelte'
 	export let value
 	export let meanValue = void 0
 	export let wide = void 0

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

@@ -1,7 +1,6 @@
 import { SvelteComponent } from 'svelte'
-import type { Simplify } from '../utils'
-import type { ValueChangeEvent } from '../utils.js'
 import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane'
+import type { Simplify, ValueChangeEvent } from '../utils.js'
 export type IntervalSliderValueTuple = [min: number, max: number]
 export type IntervalSliderValueObject = {
 	min: number
@@ -10,35 +9,81 @@ export type IntervalSliderValueObject = {
 export type IntervalSliderValue = Simplify<IntervalSliderValueObject | IntervalSliderValueTuple>
 export type IntervalSliderChangeEvent = ValueChangeEvent<IntervalSliderValue>
 declare const __propDef: {
-	props: {
-		/**
-		 * Interval value to control.
-		 *
-		 * Tuples are a convenience addition to the vanilla JS Tweakpane API.
-		 * @bindable
-		 */
-		value: IntervalSliderValue
-		/**
-		 * Midpoint of the interval range value.
-		 * @bindable
-		 * */
-		meanValue?: 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, IntervalSliderValue>
+				/** 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?: GenericSliderRef | 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.
+			 * Interval value to control.
 			 *
-			 * Specifying both a `min` and a `max` prop turns the control into a slider.
-			 * @default `undefined`
+			 * Tuples are a convenience addition to the vanilla JS Tweakpane API.
+			 * @bindable
 			 */
-			max?: number
+			value: IntervalSliderValue
+		} & {
 			/**
 			 * A function to customize the point value's string representation (e.g. rounding, etc.).
 			 * @default `undefined`  \
@@ -51,6 +96,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`  \
@@ -70,85 +129,22 @@ declare const __propDef: {
 			 * @default `false`
 			 */
 			wide?: boolean
-		} & {
-			/**
-			 * Interval value to control.
-			 *
-			 * Tuples are a convenience addition to the vanilla JS Tweakpane API.
-			 * @bindable
-			 */
-			value: IntervalSliderValue
-		} & Omit<
-				{
-					/**
-					 * The binding's target object with values to manipulate.
-					 * @bindable
-					 */
-					object: import('@tweakpane/core').Bindable & Record<string, IntervalSliderValue>
-					/** 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?: GenericSliderRef | 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 value to control.
+		 *
+		 * Tuples are a convenience addition to the vanilla JS Tweakpane API.
+		 * @bindable
+		 */
+		value: IntervalSliderValue
+		/**
+		 * Midpoint of the interval range value.
+		 * @bindable
+		 */
+		meanValue?: number
+	}
 	slots: {}
 	events: {
 		/**
@@ -158,10 +154,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: IntervalSliderChangeEvent
 	}
 }

package/dist/control/List.svelte

@@ -1,13 +1,13 @@
 <script context="module"></script>
 
 <script generics="T extends any">
-	import Blade from '../core/Blade.svelte'
-	import ClsPad from '../internal/ClsPad.svelte'
-	import {} from '../utils'
 	import { BROWSER } from 'esm-env'
-	import copy from 'fast-copy'
+	import { copy } from 'fast-copy'
 	import { shallowEqual } from 'fast-equals'
 	import { createEventDispatcher } from 'svelte'
+	import Blade from '../core/Blade.svelte'
+	import ClsPad from '../internal/ClsPad.svelte'
+	import {} from '../utils.js'
 	export let value
 	export let options
 	export let label = void 0
@@ -68,9 +68,9 @@
 		}
 	}
 	$: bladeOptions = {
-		value: getInitialValue(),
 		label,
 		options: getInternalOptions(options),
+		value: getInitialValue(),
 		view: 'list',
 	}
 	$: listBlade && addEvent()

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

@@ -1,6 +1,5 @@
 import { SvelteComponent } from 'svelte'
-import type { Simplify } from '../utils'
-import type { ValueChangeEvent } from '../utils.js'
+import type { Simplify, ValueChangeEvent } from '../utils.js'
 export type ListOptionsArray<T> = T[]
 export type ListOptionsObjectArray<T> = Array<{
 	value: T
@@ -13,25 +12,7 @@ export type ListOptions<T> = Simplify<
 export type ListChangeEvent = ValueChangeEvent<unknown>
 import type { ListBladeApi, ListBladeParams } from 'tweakpane'
 declare class __sveltets_Render<T extends any> {
-	props(): {
-		/**
-		 * Value of the selected `options` item.
-		 * @bindable
-		 * */
-		value: T
-		/**
-		 * Text displayed next to list.
-		 * @default `undefined`
-		 * */
-		label?: string
-		/**
-		 * A collection of options to select from.
-		 *
-		 * The arbitrary array list type is a convenience addition to to the vanilla JS Tweakpane
-		 * API.
-		 * */
-		options: ListOptions<T>
-	} & Omit<
+	props(): Omit<
 		{
 			/**
 			 * A collection of options to select from.
@@ -60,7 +41,6 @@ declare class __sveltets_Render<T extends any> {
 			 * components wrapping `<Blade>`'s functionality.
 			 *
 			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-			 *
 			 * @bindable
 			 * @readonly
 			 */
@@ -73,13 +53,30 @@ declare class __sveltets_Render<T extends any> {
 			 * 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?: import('../utils').Plugin | undefined
+			plugin?: import('../utils.js').Plugin | undefined
 		},
 		'ref' | 'options' | 'plugin'
-	>
+	> & {
+		/**
+		 * Value of the selected `options` item.
+		 * @bindable
+		 */
+		value: T
+		/**
+		 * Text displayed next to list.
+		 * @default `undefined`
+		 */
+		label?: string
+		/**
+		 * A collection of options to select from.
+		 *
+		 * The arbitrary array list type is a convenience addition to to the vanilla JS Tweakpane
+		 * API.
+		 */
+		options: ListOptions<T>
+	}
 	events(): {
 		/**
 		 * Fires when `value` changes.
@@ -88,10 +85,9 @@ declare class __sveltets_Render<T extends any> {
 		 *
 		 * 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: ListChangeEvent
 	}
 	slots(): {}
@@ -123,8 +119,8 @@ export type ListSlots<T extends any> = ReturnType<__sveltets_Render<T>['slots']>
  * import { List, type ListOptions } from 'svelte-tweakpane-ui'
  *
  * const options: ListOptions<number> = {
- *   b: 2,
  *   a: 1,
+ *   b: 2,
  *   c: 3,
  * }
  * let selection: number = 1

package/dist/control/Point.svelte

@@ -1,11 +1,11 @@
 <script context="module"></script>
 
 <script generics="T extends PointValue2d | PointValue3d | PointValue4d">
-	import ClsPad from '../internal/ClsPad.svelte'
-	import GenericInputFolding from '../internal/GenericInputFolding.svelte'
-	import { removeKeys } from '../utils'
 	import { BROWSER } from 'esm-env'
 	import { shallowEqual } from 'fast-equals'
+	import ClsPad from '../internal/ClsPad.svelte'
+	import GenericInputFolding from '../internal/GenericInputFolding.svelte'
+	import { removeKeys } from '../utils.js'
 	export let value
 	export let expanded = $$props.expanded ?? void 0
 	let pointerScale = $$props['pointerScale'] ?? void 0
@@ -54,16 +54,16 @@
 	$: (value, updateInternalValueFromValue())
 	$: (internalValue, updateValueFromInternalValue())
 	$: options = {
-		x: optionsX,
-		y: optionsY,
-		z: optionsZ,
-		w: optionsW,
-		min,
-		max,
 		format,
 		keyScale,
+		max,
+		min,
 		pointerScale,
 		step,
+		w: optionsW,
+		x: optionsX,
+		y: optionsY,
+		z: optionsZ,
 	}
 </script>