svelte-tweakpane-ui 1.5.3 → 1.5.5

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

@@ -1,14 +1,14 @@
-import { SvelteComponent } from 'svelte';
-import type { Simplify } from '../utils';
-import type { ValueChangeEvent } from '../utils.js';
-import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane';
-export type IntervalSliderValueTuple = [min: number, max: number];
+import { SvelteComponent } from 'svelte'
+import type { Simplify } from '../utils'
+import type { ValueChangeEvent } from '../utils.js'
+import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane'
+export type IntervalSliderValueTuple = [min: number, max: number]
 export type IntervalSliderValueObject = {
-	min: number;
-	max: number;
-};
-export type IntervalSliderValue = Simplify<IntervalSliderValueObject | IntervalSliderValueTuple>;
-export type IntervalSliderChangeEvent = ValueChangeEvent<IntervalSliderValue>;
+	min: number
+	max: number
+}
+export type IntervalSliderValue = Simplify<IntervalSliderValueObject | IntervalSliderValueTuple>
+export type IntervalSliderChangeEvent = ValueChangeEvent<IntervalSliderValue>
 declare const __propDef: {
 	props: {
 		/**
@@ -17,12 +17,12 @@ declare const __propDef: {
 		 * Tuples are a convenience addition to the vanilla JS Tweakpane API.
 		 * @bindable
 		 */
-		value: IntervalSliderValue;
+		value: IntervalSliderValue
 		/**
 		 * Midpoint of the interval range value.
 		 * @bindable
 		 * */
-		meanValue?: number;
+		meanValue?: number
 	} & Omit<
 		{
 			/**
@@ -31,45 +31,45 @@ declare const __propDef: {
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			min?: number;
+			min?: number
 			/**
 			 * Maximum value.
 			 *
 			 * Specifying both a `min` and a `max` prop turns the control into a slider.
 			 * @default `undefined`
 			 */
-			max?: number;
+			max?: number
 			/**
 			 * A function to customize the point value's string representation (e.g. rounding, etc.).
 			 * @default `undefined`  \
 			 * Normal `.toString()` formatting.
 			 */
-			format?: ((value: number) => string) | undefined;
+			format?: ((value: number) => string) | undefined
 			/**
 			 * The unit scale for key-based input for all dimensions (e.g. the up and down arrow keys).
 			 * @default `1`  \
 			 * Or `stepValue` if defined.
 			 */
-			keyScale?: number;
+			keyScale?: number
 			/**
 			 * The unit scale for pointer-based input for all dimensions.
 			 * @default `undefined`  \
 			 * [Dynamic based on magnitude of
 			 * `value`](https://github.com/cocopon/tweakpane/blob/66dfbea04bfe9b7f031673c955ceda1f92356e75/packages/core/src/common/number/util.ts#L54).
 			 */
-			pointerScale?: number;
+			pointerScale?: number
 			/**
 			 * The minimum step interval.
 			 * @default `undefined`  \
 			 * No step constraint.
 			 */
-			step?: number;
+			step?: number
 			/**
 			 * When `true`, expand the width of the control at the expense of the numeric input
 			 * field.
 			 * @default `false`
 			 */
-			wide?: boolean;
+			wide?: boolean
 		} & {
 			/**
 			 * Interval value to control.
@@ -77,26 +77,26 @@ declare const __propDef: {
 			 * Tuples are a convenience addition to the vanilla JS Tweakpane API.
 			 * @bindable
 			 */
-			value: IntervalSliderValue;
+			value: IntervalSliderValue
 		} & Omit<
 				{
 					/**
 					 * The binding's target object with values to manipulate.
 					 * @bindable
 					 */
-					object: import('@tweakpane/core').Bindable & Record<string, IntervalSliderValue>;
+					object: import('@tweakpane/core').Bindable & Record<string, IntervalSliderValue>
 					/** The key for the value in the target `object` that the control should manipulate. */
-					key: string;
+					key: string
 					/**
 					 * 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.
 					 *
@@ -109,7 +109,7 @@ declare const __propDef: {
 					 * Tweakpane UI_.
 					 * @default `undefined`
 					 */
-					options?: import('tweakpane').NumberInputParams | undefined;
+					options?: import('tweakpane').NumberInputParams | undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -117,7 +117,7 @@ declare const __propDef: {
 					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 					 * set with `setGlobalDefaultTheme()`.
 					 */
-					theme?: import('..').Theme | undefined;
+					theme?: import('..').Theme | undefined
 					/**
 					 * Reference to internal Tweakpane
 					 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
@@ -131,7 +131,7 @@ declare const __propDef: {
 					 * @bindable
 					 * @readonly
 					 */
-					ref?: GenericSliderRef | undefined;
+					ref?: GenericSliderRef | undefined
 					/**
 					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 					 * the `<Binding>`'s containing `<Pane>`.
@@ -143,13 +143,13 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('../utils').Plugin | undefined;
+					plugin?: import('../utils').Plugin | undefined
 				},
 				'object' | 'key'
 			>,
 		'ref' | 'options' | 'plugin'
-	>;
-	slots: {};
+	>
+	slots: {}
 	events: {
 		/**
 		 * Fires when `value` changes.
@@ -162,12 +162,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: IntervalSliderChangeEvent;
-	};
-};
-export type IntervalSliderProps = typeof __propDef.props;
-export type IntervalSliderEvents = typeof __propDef.events;
-export type IntervalSliderSlots = typeof __propDef.slots;
+		change: IntervalSliderChangeEvent
+	}
+}
+export type IntervalSliderProps = typeof __propDef.props
+export type IntervalSliderEvents = typeof __propDef.events
+export type IntervalSliderSlots = typeof __propDef.slots
 /**
  * A twin-handled slider control for specifying range values.
  *
@@ -189,11 +189,11 @@ export type IntervalSliderSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { IntervalSlider } from 'svelte-tweakpane-ui';
+ * import { IntervalSlider } from 'svelte-tweakpane-ui'
  *
  * // Could specify convenience type IntervalSliderValueTuple here, or
  * // use the object {start: number, end: number} instead of a tuple
- * let value: [number, number] = [25, 75];
+ * let value: [number, number] = [25, 75]
  * </script>
  *
  * <IntervalSlider
@@ -221,4 +221,4 @@ export default class IntervalSlider extends SvelteComponent<
 	IntervalSliderEvents,
 	IntervalSliderSlots
 > {}
-export {};
+export {}

package/dist/control/List.svelte

@@ -1,52 +1,52 @@
 <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 { shallowEqual } from 'fast-equals';
-	import { createEventDispatcher } from 'svelte';
-	export let value;
-	export let options;
-	export let label = void 0;
-	const dispatch = createEventDispatcher();
-	let listBlade;
-	let bladeOptions;
+	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 { shallowEqual } from 'fast-equals'
+	import { createEventDispatcher } from 'svelte'
+	export let value
+	export let options
+	export let label = void 0
+	const dispatch = createEventDispatcher()
+	let listBlade
+	let bladeOptions
 	function addEvent() {
 		listBlade.on('change', (event) => {
 			if (!shallowEqual(event.value, value)) {
-				value = event.value;
+				value = event.value
 				dispatch('change', {
 					value: copy(value),
-					origin: 'internal'
-				});
+					origin: 'internal',
+				})
 			}
-		});
+		})
 	}
 	function getInitialValue() {
 		if (value === void 0) {
-			const internalOptions = getInternalOptions(options);
+			const internalOptions = getInternalOptions(options)
 			if (Array.isArray(internalOptions)) {
-				value = internalOptions[0].value;
-				return value;
+				value = internalOptions[0].value
+				return value
 			}
-			value = internalOptions[Object.keys(internalOptions)[0]];
-			return value;
+			value = internalOptions[Object.keys(internalOptions)[0]]
+			return value
 		}
-		return value;
+		return value
 	}
 	function isArrayStyleListOptions(object) {
 		return (
 			Array.isArray(object) &&
 			object.every(
-				(item) => typeof item === 'object' && item !== null && 'text' in item && 'value' in item
+				(item) => typeof item === 'object' && item !== null && 'text' in item && 'value' in item,
 			)
-		);
+		)
 	}
 	function isObjectStyleListOptions(object) {
-		return typeof object === 'object' && object !== null && !Array.isArray(object);
+		return typeof object === 'object' && object !== null && !Array.isArray(object)
 	}
 	function getInternalOptions(options2) {
 		return isArrayStyleListOptions(options2)
@@ -55,26 +55,26 @@
 				? options2
 				: options2.map((value2) => ({
 						value: value2,
-						text: typeof value2 === 'object' ? JSON.stringify(value2) : String(value2)
-					}));
+						text: typeof value2 === 'object' ? JSON.stringify(value2) : String(value2),
+					}))
 	}
 	function setValue() {
 		if (!shallowEqual(listBlade.value, value)) {
-			listBlade.value = value;
+			listBlade.value = value
 			dispatch('change', {
 				value: copy(value),
-				origin: 'external'
-			});
+				origin: 'external',
+			})
 		}
 	}
 	$: bladeOptions = {
 		value: getInitialValue(),
 		label,
 		options: getInternalOptions(options),
-		view: 'list'
-	};
-	$: listBlade && addEvent();
-	$: value, listBlade && setValue();
+		view: 'list',
+	}
+	$: listBlade && addEvent()
+	$: value, listBlade && setValue()
 </script>
 
 <Blade bind:ref={listBlade} options={bladeOptions} {...$$restProps} />

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

@@ -1,36 +1,36 @@
-import { SvelteComponent } from 'svelte';
-import type { Simplify } from '../utils';
-import type { ValueChangeEvent } from '../utils.js';
-export type ListOptionsArray<T> = T[];
+import { SvelteComponent } from 'svelte'
+import type { Simplify } from '../utils'
+import type { ValueChangeEvent } from '../utils.js'
+export type ListOptionsArray<T> = T[]
 export type ListOptionsObjectArray<T> = Array<{
-	value: T;
-	text: string;
-}>;
-export type ListOptionsRecord<T> = Record<string, T>;
+	value: T
+	text: string
+}>
+export type ListOptionsRecord<T> = Record<string, T>
 export type ListOptions<T> = Simplify<
 	ListOptionsArray<T> | ListOptionsObjectArray<T> | ListOptionsRecord<T>
->;
-export type ListChangeEvent = ValueChangeEvent<unknown>;
-import type { ListBladeApi, ListBladeParams } from 'tweakpane';
+>
+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;
+		value: T
 		/**
 		 * Text displayed next to list.
 		 * @default `undefined`
 		 * */
-		label?: string;
+		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>;
+		options: ListOptions<T>
 	} & Omit<
 		{
 			/**
@@ -39,19 +39,19 @@ declare class __sveltets_Render<T extends any> {
 			 * The arbitrary array list type is a convenience addition to to the vanilla JS Tweakpane
 			 * API.
 			 */
-			options: ListBladeParams<T>;
+			options: ListBladeParams<T>
 			/**
 			 * 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?: import('..').Theme | undefined;
+			theme?: import('..').Theme | undefined
 			/**
 			 * Reference to internal Tweakpane
 			 * [`BladeApi`](https://tweakpane.github.io/docs/api/classes/BladeApi.html) for this blade.
@@ -64,7 +64,7 @@ declare class __sveltets_Render<T extends any> {
 			 * @bindable
 			 * @readonly
 			 */
-			ref?: ListBladeApi<T> | undefined;
+			ref?: ListBladeApi<T> | undefined
 			/**
 			 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 			 * the `<Blade>`'s containing `<Pane>`.
@@ -76,10 +76,10 @@ declare class __sveltets_Render<T extends any> {
 			 *
 			 * @default `undefined`
 			 */
-			plugin?: import('../utils').Plugin | undefined;
+			plugin?: import('../utils').Plugin | undefined
 		},
 		'ref' | 'options' | 'plugin'
-	>;
+	>
 	events(): {
 		/**
 		 * Fires when `value` changes.
@@ -92,13 +92,13 @@ declare class __sveltets_Render<T extends any> {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: ListChangeEvent;
-	};
-	slots(): {};
+		change: ListChangeEvent
+	}
+	slots(): {}
 }
-export type ListProps<T extends any> = ReturnType<__sveltets_Render<T>['props']>;
-export type ListEvents<T extends any> = ReturnType<__sveltets_Render<T>['events']>;
-export type ListSlots<T extends any> = ReturnType<__sveltets_Render<T>['slots']>;
+export type ListProps<T extends any> = ReturnType<__sveltets_Render<T>['props']>
+export type ListEvents<T extends any> = ReturnType<__sveltets_Render<T>['events']>
+export type ListSlots<T extends any> = ReturnType<__sveltets_Render<T>['slots']>
 /**
  * An option list picker, similar to an HTML `<select>` element.
  *
@@ -120,14 +120,14 @@ export type ListSlots<T extends any> = ReturnType<__sveltets_Render<T>['slots']>
  * @example
  * ```svelte
  * <script lang="ts">
- * import { List, type ListOptions } from 'svelte-tweakpane-ui';
+ * import { List, type ListOptions } from 'svelte-tweakpane-ui'
  *
  * const options: ListOptions<number> = {
  *   b: 2,
  *   a: 1,
- *   c: 3
- * };
- * let selection: number = 1;
+ *   c: 3,
+ * }
+ * let selection: number = 1
  * </script>
  *
  * <List bind:value={selection} label="Alphanumerics" {options} />
@@ -142,4 +142,4 @@ export default class List<T extends any> extends SvelteComponent<
 	ListEvents<T>,
 	ListSlots<T>
 > {}
-export {};
+export {}

package/dist/control/Point.svelte

@@ -1,26 +1,26 @@
 <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';
-	export let value;
-	export let expanded = $$props.expanded ?? void 0;
-	let pointerScale = $$props['pointerScale'] ?? void 0;
-	let keyScale = $$props['keyScale'] ?? void 0;
-	let min = $$props['min'] ?? void 0;
-	let max = $$props['max'] ?? void 0;
-	let step = $$props['step'] ?? void 0;
-	let optionsX = $$props['optionsX'] ?? void 0;
-	let optionsY = $$props['optionsY'] ?? void 0;
-	let optionsZ = $$props['optionsZ'] ?? void 0;
-	let optionsW = $$props['optionsW'] ?? void 0;
-	let format = $$props['format'] ?? void 0;
-	let internalValue;
-	let options;
-	const buttonClass = 'tp-p2dv_b';
+	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'
+	export let value
+	export let expanded = $$props.expanded ?? void 0
+	let pointerScale = $$props['pointerScale'] ?? void 0
+	let keyScale = $$props['keyScale'] ?? void 0
+	let min = $$props['min'] ?? void 0
+	let max = $$props['max'] ?? void 0
+	let step = $$props['step'] ?? void 0
+	let optionsX = $$props['optionsX'] ?? void 0
+	let optionsY = $$props['optionsY'] ?? void 0
+	let optionsZ = $$props['optionsZ'] ?? void 0
+	let optionsW = $$props['optionsW'] ?? void 0
+	let format = $$props['format'] ?? void 0
+	let internalValue
+	let options
+	const buttonClass = 'tp-p2dv_b'
 	function updateInternalValueFromValue() {
 		if (Array.isArray(value)) {
 			const newInternalValue =
@@ -28,12 +28,12 @@
 					? { x: value[0], y: value[1], z: value[2], w: value[3] }
 					: value.length === 3
 						? { x: value[0], y: value[1], z: value[2] }
-						: { x: value[0], y: value[1] };
+						: { x: value[0], y: value[1] }
 			if (!shallowEqual(internalValue, newInternalValue)) {
-				internalValue = newInternalValue;
+				internalValue = newInternalValue
 			}
 		} else if (!shallowEqual(internalValue, value)) {
-			internalValue = { ...value };
+			internalValue = { ...value }
 		}
 	}
 	function updateValueFromInternalValue() {
@@ -43,16 +43,16 @@
 					? [internalValue.x, internalValue.y, internalValue.z, internalValue.w]
 					: 'z' in internalValue
 						? [internalValue.x, internalValue.y, internalValue.z]
-						: [internalValue.x, internalValue.y];
+						: [internalValue.x, internalValue.y]
 			if (!shallowEqual(value, newValue)) {
-				value = newValue;
+				value = newValue
 			}
 		} else if (!shallowEqual(value, internalValue)) {
-			value = { ...internalValue };
+			value = { ...internalValue }
 		}
 	}
-	$: value, updateInternalValueFromValue();
-	$: internalValue, updateValueFromInternalValue();
+	$: value, updateInternalValueFromValue()
+	$: internalValue, updateValueFromInternalValue()
 	$: options = {
 		x: optionsX,
 		y: optionsY,
@@ -63,8 +63,8 @@
 		format,
 		keyScale,
 		pointerScale,
-		step
-	};
+		step,
+	}
 </script>
 
 <GenericInputFolding
@@ -79,7 +79,7 @@
 		'optionsX',
 		'optionsY',
 		'optionsZ',
-		'optionsW'
+		'optionsW',
 	)}
 />
 {#if !BROWSER && !('z' in internalValue)}