svelte-tweakpane-ui 1.5.3 → 1.5.4

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

@@ -1,42 +1,42 @@
-import { SvelteComponent } from 'svelte';
-import type { Simplify } from '../utils';
-import type { ValueChangeEvent } from '../utils.js';
-import type { Point2dInputParams, Point3dInputParams, Point4dInputParams } from 'tweakpane';
+import { SvelteComponent } from 'svelte'
+import type { Simplify } from '../utils'
+import type { ValueChangeEvent } from '../utils.js'
+import type { Point2dInputParams, Point3dInputParams, Point4dInputParams } from 'tweakpane'
 export type PointValue2dObject = {
-	x: number;
-	y: number;
-};
-export type PointValue2dTuple = [x: number, y: number];
-export type PointValue2d = Simplify<PointValue2dObject | PointValue2dTuple>;
+	x: number
+	y: number
+}
+export type PointValue2dTuple = [x: number, y: number]
+export type PointValue2d = Simplify<PointValue2dObject | PointValue2dTuple>
 export type PointValue3dObject = {
-	x: number;
-	y: number;
-	z: number;
-};
-export type PointValue3dTuple = [x: number, y: number, z: number];
-export type PointValue3d = Simplify<PointValue3dObject | PointValue3dTuple>;
+	x: number
+	y: number
+	z: number
+}
+export type PointValue3dTuple = [x: number, y: number, z: number]
+export type PointValue3d = Simplify<PointValue3dObject | PointValue3dTuple>
 export type PointValue4dObject = {
-	x: number;
-	y: number;
-	z: number;
-	w: number;
-};
-export type PointValue4dTuple = [x: number, y: number, z: number, w: number];
-export type PointValue4d = Simplify<PointValue4dObject | PointValue4dTuple>;
+	x: number
+	y: number
+	z: number
+	w: number
+}
+export type PointValue4dTuple = [x: number, y: number, z: number, w: number]
+export type PointValue4d = Simplify<PointValue4dObject | PointValue4dTuple>
 /**
  * TODO docs
  */
 export type PointOptions<
 	Dimensions extends '2' | '3' | '4',
-	Axis extends 'w' | 'x' | 'y' | 'z'
+	Axis extends 'w' | 'x' | 'y' | 'z',
 > = Dimensions extends '4'
 	? Point4dInputParams[Axis]
 	: Dimensions extends '3'
 		? Point3dInputParams[Axis]
 		: Dimensions extends '2'
 			? Point2dInputParams[Axis]
-			: never;
-export type PointChangeEvent = ValueChangeEvent<PointValue2d | PointValue3d | PointValue4d>;
+			: never
+export type PointChangeEvent = ValueChangeEvent<PointValue2d | PointValue3d | PointValue4d>
 declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointValue4d> {
 	props(): {
 		/**
@@ -48,67 +48,67 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 		 * The type of this value will determine the availability of axis-specific option props.
 		 * @bindable
 		 * */
-		value: T;
+		value: T
 		/**
 		 * The minimum value for all dimensions.
 		 * @default `undefined`  \
 		 * No minimum.
 		 * */
-		min?: number;
+		min?: number
 		/**
 		 * The maximum value for all dimensions.
 		 * @default `undefined`  \
 		 * No maximum.
 		 * */
-		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 for all dimensions.
 		 * @default `undefined`  \
 		 * No step constraint.
 		 * */
-		step?: number;
+		step?: number
 	} & Omit<
 		{
 			/**
 			 * DOM class name of the button used to expand and collapse the input's picker.
 			 * @default `undefined`
 			 */
-			buttonClass?: string;
+			buttonClass?: string
 			/**
 			 * Expand or collapse the input's picker.
 			 * @default `false`
 			 * @bindable
 			 */
-			expanded?: boolean;
+			expanded?: boolean
 			/**
 			 * The style of value "picker" to use in the input.
 			 * @default `'popup'`
 			 */
-			picker?: 'inline' | 'popup';
+			picker?: 'inline' | 'popup'
 			/**
 			 * Allow users to interactively expand / contract the picker.
 			 * @default `true`
 			 */
-			userExpandable?: boolean;
+			userExpandable?: boolean
 		} & {
 			/**
 			 * A 2D, 3D, or 4D point object to control.
@@ -119,26 +119,26 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 			 * The type of this value will determine the availability of axis-specific option props.
 			 * @bindable
 			 */
-			value: T;
+			value: T
 		} & Omit<
 				{
 					/**
 					 * The binding's target object with values to manipulate.
 					 * @bindable
 					 */
-					object: import('@tweakpane/core').Bindable & Record<string, T>;
+					object: import('@tweakpane/core').Bindable & Record<string, T>
 					/** 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.
 					 *
@@ -159,7 +159,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 									: T extends PointValue2d
 										? Point2dInputParams
 										: unknown)
-						| undefined;
+						| undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -167,7 +167,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 					 * 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
@@ -181,7 +181,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 					 * @bindable
 					 * @readonly
 					 */
-					ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined;
+					ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined
 					/**
 					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 					 * the `<Binding>`'s containing `<Pane>`.
@@ -193,7 +193,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('../utils').Plugin | undefined;
+					plugin?: import('../utils').Plugin | undefined
 				},
 				'object' | 'key'
 			>,
@@ -220,7 +220,7 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 												: unknown
 									: never
 								: never)['x']
-						| undefined;
+						| undefined
 					/**
 					 * Input parameters specific to the Y dimension.
 					 *
@@ -233,18 +233,18 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 					 * `inverted` is `false`
 					 * */
 					optionsY?:
-						| (T extends infer T_1
-								? T_1 extends T
-									? T_1 extends PointValue4d
+						| (T extends infer T_2
+								? T_2 extends T
+									? T_2 extends PointValue4d
 										? Point4dInputParams
-										: T_1 extends PointValue3d
+										: T_2 extends PointValue3d
 											? Point3dInputParams
-											: T_1 extends PointValue2d
+											: T_2 extends PointValue2d
 												? Point2dInputParams
 												: unknown
 									: never
 								: never)['y']
-						| undefined;
+						| undefined
 				}
 			: unknown) &
 		(T extends PointValue3d | PointValue4d
@@ -257,18 +257,18 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 					 * @default `undefined`
 					 * */
 					optionsZ?:
-						| (T extends infer T_2
-								? T_2 extends T
-									? T_2 extends PointValue4d
+						| (T extends infer T_3
+								? T_3 extends T
+									? T_3 extends PointValue4d
 										? Point4dInputParams
-										: T_2 extends PointValue3d
+										: T_3 extends PointValue3d
 											? Point3dInputParams
-											: T_2 extends PointValue2d
+											: T_3 extends PointValue2d
 												? Point2dInputParams
 												: unknown
 									: never
 								: never)['z']
-						| undefined;
+						| undefined
 				}
 			: unknown) &
 		(T extends PointValue4d
@@ -281,20 +281,20 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 					 * @default `undefined`
 					 * */
 					optionsW?:
-						| (T extends infer T_3
-								? T_3 extends T
-									? T_3 extends PointValue4d
+						| (T extends infer T_4
+								? T_4 extends T
+									? T_4 extends PointValue4d
 										? Point4dInputParams
-										: T_3 extends PointValue3d
+										: T_4 extends PointValue3d
 											? Point3dInputParams
-											: T_3 extends PointValue2d
+											: T_4 extends PointValue2d
 												? Point2dInputParams
 												: unknown
 									: never
 								: never)['w']
-						| undefined;
+						| undefined
 				}
-			: unknown);
+			: unknown)
 	events(): {
 		/**
 		 * Fires when `value` changes.
@@ -307,19 +307,19 @@ declare class __sveltets_Render<T extends PointValue2d | PointValue3d | PointVal
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: PointChangeEvent;
-	};
-	slots(): {};
+		change: PointChangeEvent
+	}
+	slots(): {}
 }
 export type PointProps<T extends PointValue2d | PointValue3d | PointValue4d> = ReturnType<
 	__sveltets_Render<T>['props']
->;
+>
 export type PointEvents<T extends PointValue2d | PointValue3d | PointValue4d> = ReturnType<
 	__sveltets_Render<T>['events']
->;
+>
 export type PointSlots<T extends PointValue2d | PointValue3d | PointValue4d> = ReturnType<
 	__sveltets_Render<T>['slots']
->;
+>
 /**
  * Wraps the Tweakpane [point bindings](https://tweakpane.github.io/docs/input-bindings/#point).
  *
@@ -345,26 +345,26 @@ export type PointSlots<T extends PointValue2d | PointValue3d | PointValue4d> = R
  *   type PointOptions,
  *   type PointValue2d,
  *   type PointValue3d,
- *   type PointValue4d
- * } from 'svelte-tweakpane-ui';
+ *   type PointValue4d,
+ * } from 'svelte-tweakpane-ui'
  *
- * let point2d: PointValue2d = { x: 0, y: 0 };
+ * let point2d: PointValue2d = { x: 0, y: 0 }
  *
  * // tuples are also fine
- * let point3d: PointValue3d = [0, 0, 0];
+ * let point3d: PointValue3d = [0, 0, 0]
  *
  * // dimension-specific option type needs to know the type of the point value
  * let point3dXOptions: PointOptions<'3', 'x'> = {
  *   min: -100,
- *   max: 100
- * };
+ *   max: 100,
+ * }
  *
  * let point4d: PointValue4d = {
  *   x: 0,
  *   y: 0,
  *   z: 0,
- *   w: 0
- * };
+ *   w: 0,
+ * }
  * </script>
  *
  * <Point
@@ -397,6 +397,6 @@ export type PointSlots<T extends PointValue2d | PointValue3d | PointValue4d> = R
  * [Point.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/control/Point.svelte)
  */
 export default class Point<
-	T extends PointValue2d | PointValue3d | PointValue4d
+	T extends PointValue2d | PointValue3d | PointValue4d,
 > extends SvelteComponent<PointProps<T>, PointEvents<T>, PointSlots<T>> {}
-export {};
+export {}

package/dist/control/RadioGrid.svelte

@@ -1,40 +1,40 @@
 <script context="module"></script>
 
 <script generics="T extends boolean | number | string">
-	import ClsPad from '../internal/ClsPad.svelte';
-	import GenericInput from '../internal/GenericInput.svelte';
-	import { fillWith } from '../utils';
-	import { getGridDimensions } from '../utils.js';
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
-	import { BROWSER } from 'esm-env';
-	import { nanoid } from 'nanoid';
-	const defaultGroupName = nanoid();
-	export let groupName = void 0;
-	export let values;
-	export let value = values[0];
-	export let columns = void 0;
-	export let rows = void 0;
-	export let suffix = void 0;
-	export let prefix = void 0;
-	let gridDimensions;
-	let options;
+	import ClsPad from '../internal/ClsPad.svelte'
+	import GenericInput from '../internal/GenericInput.svelte'
+	import { fillWith } from '../utils'
+	import { getGridDimensions } from '../utils.js'
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials'
+	import { BROWSER } from 'esm-env'
+	import { nanoid } from 'nanoid'
+	const defaultGroupName = nanoid()
+	export let groupName = void 0
+	export let values
+	export let value = values[0]
+	export let columns = void 0
+	export let rows = void 0
+	export let suffix = void 0
+	export let prefix = void 0
+	let gridDimensions
+	let options
 	function cells(x, y) {
-		const index = y * gridDimensions.columns + x;
+		const index = y * gridDimensions.columns + x
 		if (index >= 0 && index < values.length) {
 			return {
 				value: values[index],
-				title: `${prefix ?? ''}${values[index]}${suffix ?? ''}`
-			};
+				title: `${prefix ?? ''}${values[index]}${suffix ?? ''}`,
+			}
 		}
-		return { value: values[0], title: '' };
+		return { value: values[0], title: '' }
 	}
-	$: gridDimensions = getGridDimensions(values.length, columns, rows);
+	$: gridDimensions = getGridDimensions(values.length, columns, rows)
 	$: options = {
 		cells,
 		groupName: groupName ?? defaultGroupName,
 		size: [gridDimensions.columns, gridDimensions.rows],
-		view: 'radiogrid'
-	};
+		view: 'radiogrid',
+	}
 </script>
 
 <GenericInput bind:value on:change {options} plugin={pluginModule} {...$$restProps} />

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

@@ -1,6 +1,6 @@
-import { SvelteComponent } from 'svelte';
-import type { ValueChangeEvent } from '../utils.js';
-export type RadioGridChangeEvent = ValueChangeEvent<boolean | number | string>;
+import { SvelteComponent } from 'svelte'
+import type { ValueChangeEvent } from '../utils.js'
+export type RadioGridChangeEvent = ValueChangeEvent<boolean | number | string>
 declare class __sveltets_Render<T extends boolean | number | string> {
 	props(): {
 		/**
@@ -10,12 +10,12 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 		 * @bindable
 		 * @default `undefined` If undefined, the first value in the `values` array is assigned.
 		 *  */
-		value?: T | undefined;
+		value?: T | undefined
 		/**
 		 * Number of columns to arrange the radio buttons into.
 		 * @default `undefined`
 		 * */
-		columns?: number;
+		columns?: number
 		/**
 		 * Name allowing multiple radio groups to share mutually exclusive selection state.
 		 *
@@ -25,27 +25,27 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 		 * @default `undefined`  \
 		 * Uses a dynamically generated globally unique id internally.
 		 */
-		groupName?: string;
+		groupName?: string
 		/**
 		 * Text to show in the radio button label before the value.
 		 * @default `undefined`
 		 * */
-		prefix?: string;
+		prefix?: string
 		/**
 		 * Number of rows to arrange the radio buttons into.
 		 * @default `undefined`
 		 * */
-		rows?: number;
+		rows?: number
 		/**
 		 * Text to show in the radio button label after the value.
 		 * @default `undefined`
 		 * */
-		suffix?: string;
+		suffix?: string
 		/**
 		 * Array of `number`, `string` or `boolean` values, each of which will become a button in
 		 * the radio grid.
 		 * */
-		values: T[];
+		values: T[]
 	} & Omit<
 		{
 			/**
@@ -55,26 +55,26 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 			 * @bindable
 			 * @default `undefined` If undefined, the first value in the `values` array is assigned.
 			 */
-			value: T;
+			value: T
 		} & Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
 				 * @bindable
 				 */
-				object: import('@tweakpane/core').Bindable & Record<string, T>;
+				object: import('@tweakpane/core').Bindable & Record<string, T>
 				/** 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.
 				 *
@@ -91,16 +91,16 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 					| ({
 							cells: (
 								x: number,
-								y: number
+								y: number,
 							) => {
-								value: T;
-								title: string;
-							};
-							groupName: string;
-							size: [number, number];
-							view: 'radiogrid';
+								value: T
+								title: string
+							}
+							groupName: string
+							size: [number, number]
+							view: 'radiogrid'
 					  } & import('@tweakpane/core').BaseInputParams)
-					| undefined;
+					| undefined
 				/**
 				 * Custom color scheme.
 				 *
@@ -108,7 +108,7 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 				 * 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
@@ -122,7 +122,7 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 				 * @bindable
 				 * @readonly
 				 */
-				ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined;
+				ref?: import('../internal/GenericInput.svelte').GenericInputRef | undefined
 				/**
 				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 				 * the `<Binding>`'s containing `<Pane>`.
@@ -134,12 +134,12 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('../utils.js').Plugin | undefined;
+				plugin?: import('../utils.js').Plugin | undefined
 			},
 			'object' | 'key'
 		>,
 		'ref' | 'options' | 'plugin'
-	>;
+	>
 	events(): {
 		/**
 		 * Fires when `value` changes.
@@ -152,19 +152,19 @@ declare class __sveltets_Render<T extends boolean | number | string> {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: RadioGridChangeEvent;
-	};
-	slots(): {};
+		change: RadioGridChangeEvent
+	}
+	slots(): {}
 }
 export type RadioGridProps<T extends boolean | number | string> = ReturnType<
 	__sveltets_Render<T>['props']
->;
+>
 export type RadioGridEvents<T extends boolean | number | string> = ReturnType<
 	__sveltets_Render<T>['events']
->;
+>
 export type RadioGridSlots<T extends boolean | number | string> = ReturnType<
 	__sveltets_Render<T>['slots']
->;
+>
 /**
  * A grid of radio buttons.
  *
@@ -197,22 +197,22 @@ export type RadioGridSlots<T extends boolean | number | string> = ReturnType<
  * @example
  * ```svelte
  * <script lang="ts">
- * import { RadioGrid } from 'svelte-tweakpane-ui';
+ * import { RadioGrid } from 'svelte-tweakpane-ui'
  *
  * // Svelte transition works around CSS gradient
  * // transition limitations
- * import { fade } from 'svelte/transition';
+ * import { fade } from 'svelte/transition'
  *
  * const radioValues = [
  *   ['magenta', 'orange'],
  *   ['yellow', 'red'],
  *   ['violet', 'gold'],
- *   ['red', 'rebeccapurple']
- * ];
+ *   ['red', 'rebeccapurple'],
+ * ]
  *
- * let value = 1;
+ * let value = 1
  *
- * $: [start, end] = radioValues[value - 1];
+ * $: [start, end] = radioValues[value - 1]
  * </script>
  *
  * <RadioGrid bind:value prefix="Color Scheme " values={[1, 2, 3, 4]} />
@@ -253,4 +253,4 @@ export default class RadioGrid<T extends boolean | number | string> extends Svel
 	RadioGridEvents<T>,
 	RadioGridSlots<T>
 > {}
-export {};
+export {}

package/dist/control/Ring.svelte

@@ -1,19 +1,19 @@
 <script context="module"></script>
 
 <script>
-	import GenericSlider from '../internal/GenericSlider.svelte';
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-camerakit';
-	export let value;
-	export let series = void 0;
-	export let unit = void 0;
-	export let wide = void 0;
-	let options;
+	import GenericSlider from '../internal/GenericSlider.svelte'
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-camerakit'
+	export let value
+	export let series = void 0
+	export let unit = void 0
+	export let wide = void 0
+	let options
 	$: options = {
 		series,
 		unit,
 		view: 'cameraring',
-		wide
-	};
+		wide,
+	}
 </script>
 
 <GenericSlider bind:value on:change {options} plugin={pluginModule} {...$$restProps} />