svelte-tweakpane-ui 1.5.2 → 1.5.4

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

@@ -1,24 +1,24 @@
-import { SvelteComponent } from 'svelte';
-import type { Simplify } from '../utils';
-import type { ValueChangeEvent } from '../utils.js';
+import { SvelteComponent } from 'svelte'
+import type { Simplify } from '../utils'
+import type { ValueChangeEvent } from '../utils.js'
 import type {
 	RgbaColorObject,
-	RgbColorObject
-} from '@tweakpane/core/dist/input-binding/color/model/color.js';
-export type ColorValueRgbTuple = [r: number, g: number, b: number];
-export type ColorValueRgbaTuple = [r: number, g: number, b: number, a: number];
-export type ColorValueRgbObject = Simplify<RgbColorObject>;
-export type ColorValueRgbaObject = Simplify<RgbaColorObject>;
-export type ColorValueString = string;
+	RgbColorObject,
+} from '@tweakpane/core/dist/input-binding/color/model/color.js'
+export type ColorValueRgbTuple = [r: number, g: number, b: number]
+export type ColorValueRgbaTuple = [r: number, g: number, b: number, a: number]
+export type ColorValueRgbObject = Simplify<RgbColorObject>
+export type ColorValueRgbaObject = Simplify<RgbaColorObject>
+export type ColorValueString = string
 export type ColorValue = Simplify<
 	| ColorValueRgbaObject
 	| ColorValueRgbaTuple
 	| ColorValueRgbObject
 	| ColorValueRgbTuple
 	| ColorValueString
->;
-export type ColorChangeEvent = ValueChangeEvent<ColorValue>;
-import type { ColorInputParams as ColorOptions } from 'tweakpane';
+>
+export type ColorChangeEvent = ValueChangeEvent<ColorValue>
+import type { ColorInputParams as ColorOptions } from 'tweakpane'
 declare const __propDef: {
 	props: {
 		/**
@@ -28,35 +28,35 @@ declare const __propDef: {
 		 * optional `a` keys.
 		 * @bindable
 		 * */
-		value: ColorValue;
+		value: ColorValue
 		/**
 		 * Whether to treat values as floats from 0.0 to 1.0, or integers from 0 to 255.
 		 * @default `'int'`
 		 * */
-		type?: 'float' | 'int';
+		type?: 'float' | 'int'
 	} & 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 color value to control.
@@ -65,26 +65,26 @@ declare const __propDef: {
 			 * optional `a` keys.
 			 * @bindable
 			 */
-			value: ColorValue;
+			value: ColorValue
 		} & Omit<
 				{
 					/**
 					 * The binding's target object with values to manipulate.
 					 * @bindable
 					 */
-					object: import('@tweakpane/core').Bindable & Record<string, ColorValue>;
+					object: import('@tweakpane/core').Bindable & Record<string, ColorValue>
 					/** 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.
 					 *
@@ -97,7 +97,7 @@ declare const __propDef: {
 					 * Tweakpane UI_.
 					 * @default `undefined`
 					 */
-					options?: ColorOptions | undefined;
+					options?: ColorOptions | undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -105,7 +105,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
@@ -119,7 +119,7 @@ declare const __propDef: {
 					 * @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>`.
@@ -131,13 +131,13 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('../utils').Plugin | undefined;
+					plugin?: import('../utils').Plugin | undefined
 				},
 				'object' | 'key'
 			>,
 		'ref' | 'options' | 'plugin' | 'buttonClass'
-	>;
-	slots: {};
+	>
+	slots: {}
 	events: {
 		/**
 		 * Fires when `value` changes.
@@ -150,12 +150,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: ColorChangeEvent;
-	};
-};
-export type ColorProps = typeof __propDef.props;
-export type ColorEvents = typeof __propDef.events;
-export type ColorSlots = typeof __propDef.slots;
+		change: ColorChangeEvent
+	}
+}
+export type ColorProps = typeof __propDef.props
+export type ColorEvents = typeof __propDef.events
+export type ColorSlots = typeof __propDef.slots
 /**
  * A color picker.
  *
@@ -169,10 +169,10 @@ export type ColorSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Color } from 'svelte-tweakpane-ui';
+ * import { Color } from 'svelte-tweakpane-ui'
  *
- * let startColor = '#fff000';
- * let endColor = '#ff00ff';
+ * let startColor = '#fff000'
+ * let endColor = '#ff00ff'
  * </script>
  *
  * <Color bind:value={startColor} label="Start Color" />
@@ -193,4 +193,4 @@ export type ColorSlots = typeof __propDef.slots;
  * [Color.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/control/Color.svelte)
  */
 export default class Color extends SvelteComponent<ColorProps, ColorEvents, ColorSlots> {}
-export {};
+export {}

package/dist/control/CubicBezier.svelte

@@ -1,24 +1,24 @@
 <script context="module"></script>
 
 <script>
-	import ClsPad from '../internal/ClsPad.svelte';
-	import GenericBladeFolding from '../internal/GenericBladeFolding.svelte';
-	import { fillWith } from '../utils';
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
-	import { CubicBezier } from '@kitschpatrol/tweakpane-plugin-essentials';
-	import { BROWSER } from 'esm-env';
-	import copy from 'fast-copy';
-	import { shallowEqual } from 'fast-equals';
-	import { createEventDispatcher } from 'svelte';
-	export let value;
-	export let label = void 0;
-	export let expanded = void 0;
-	const dispatch = createEventDispatcher();
-	let options;
-	let cubicBezierBlade;
-	const buttonClass = 'tp-cbzv_b';
+	import ClsPad from '../internal/ClsPad.svelte'
+	import GenericBladeFolding from '../internal/GenericBladeFolding.svelte'
+	import { fillWith } from '../utils'
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials'
+	import { CubicBezier } from '@kitschpatrol/tweakpane-plugin-essentials'
+	import { BROWSER } from 'esm-env'
+	import copy from 'fast-copy'
+	import { shallowEqual } from 'fast-equals'
+	import { createEventDispatcher } from 'svelte'
+	export let value
+	export let label = void 0
+	export let expanded = void 0
+	const dispatch = createEventDispatcher()
+	let options
+	let cubicBezierBlade
+	const buttonClass = 'tp-cbzv_b'
 	function getValue() {
-		return Array.isArray(value) ? value : [value.x1, value.y1, value.x2, value.y2];
+		return Array.isArray(value) ? value : [value.x1, value.y1, value.x2, value.y2]
 	}
 	function setValue() {
 		if (
@@ -26,16 +26,16 @@
 				cubicBezierBlade.value.x1,
 				cubicBezierBlade.value.y1,
 				cubicBezierBlade.value.x2,
-				cubicBezierBlade.value.y2
+				cubicBezierBlade.value.y2,
 			])
 		) {
 			cubicBezierBlade.value = Array.isArray(value)
 				? new CubicBezier(value[0], value[1], value[2], value[3])
-				: new CubicBezier(value.x1, value.y1, value.x2, value.y2);
+				: new CubicBezier(value.x1, value.y1, value.x2, value.y2)
 			dispatch('change', {
 				value: copy(value),
-				origin: 'external'
-			});
+				origin: 'external',
+			})
 		}
 	}
 	function addEvent() {
@@ -49,22 +49,22 @@
 							x1: event.value.x1,
 							y1: event.value.y1,
 							x2: event.value.x2,
-							y2: event.value.y2
-						};
+							y2: event.value.y2,
+						}
 				dispatch('change', {
 					value: copy(value),
-					origin: 'internal'
-				});
+					origin: 'internal',
+				})
 			}
-		});
+		})
 	}
 	$: options = {
 		value: getValue(),
 		label,
-		view: 'cubicbezier'
-	};
-	$: cubicBezierBlade && addEvent();
-	$: value, cubicBezierBlade && setValue();
+		view: 'cubicbezier',
+	}
+	$: cubicBezierBlade && addEvent()
+	$: value, cubicBezierBlade && setValue()
 </script>
 
 <GenericBladeFolding

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

@@ -1,17 +1,17 @@
-import { SvelteComponent } from 'svelte';
-import type { Simplify } from '../utils';
-import type { ValueChangeEvent } from '../utils.js';
+import { SvelteComponent } from 'svelte'
+import type { Simplify } from '../utils'
+import type { ValueChangeEvent } from '../utils.js'
 export type CubicBezierValueObject = {
-	x1: number;
-	y1: number;
-	x2: number;
-	y2: number;
-};
-export type CubicBezierValueTuple = [x1: number, y1: number, x2: number, y2: number];
-export type CubicBezierValue = Simplify<CubicBezierValueObject | CubicBezierValueTuple>;
-export type CubicBezierChangeEvent = ValueChangeEvent<CubicBezierValue>;
-import type { CubicBezierApi as CubicBezierRef } from '@kitschpatrol/tweakpane-plugin-essentials';
-import type { CubicBezierBladeParams as CubicBezierOptions } from '@kitschpatrol/tweakpane-plugin-essentials/dist/types/cubic-bezier/plugin.d.ts';
+	x1: number
+	y1: number
+	x2: number
+	y2: number
+}
+export type CubicBezierValueTuple = [x1: number, y1: number, x2: number, y2: number]
+export type CubicBezierValue = Simplify<CubicBezierValueObject | CubicBezierValueTuple>
+export type CubicBezierChangeEvent = ValueChangeEvent<CubicBezierValue>
+import type { CubicBezierApi as CubicBezierRef } from '@kitschpatrol/tweakpane-plugin-essentials'
+import type { CubicBezierBladeParams as CubicBezierOptions } from '@kitschpatrol/tweakpane-plugin-essentials/dist/types/cubic-bezier/plugin.d.ts'
 declare const __propDef: {
 	props: {
 		/**
@@ -21,56 +21,56 @@ declare const __propDef: {
 		 * original `@tweakpane/plugin-essentials` API.
 		 * @bindable
 		 */
-		value: CubicBezierValue;
+		value: CubicBezierValue
 		/**
 		 * Text displayed next to the control.
 		 * @default `undefined`
 		 * */
-		label?: string;
+		label?: string
 	} & Omit<
 		{
 			/**
 			 * DOM class name of the button used to expand and collapse the blade's picker.
 			 * @default `undefined`
 			 */
-			buttonClass?: string;
+			buttonClass?: string
 			/**
 			 * Expand or collapse the blade's picker.
 			 * @default `true`
 			 * @bindable
 			 */
-			expanded?: boolean;
+			expanded?: boolean
 			/**
 			 * The style of value "picker" to use in the blade.
 			 * @default `'popup'`
 			 */
-			picker?: 'inline' | 'popup';
+			picker?: 'inline' | 'popup'
 			/**
 			 * Allow users to interactively expand / contract the value picker by clicking its icon.
 			 *
 			 * Most useful when `picker` is `inline`.
 			 * @default `true`
 			 */
-			userExpandable?: boolean;
+			userExpandable?: boolean
 		} & {
 			/**
 			 * Blade configuration exposing Tweakpane's internal
 			 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
 			 *
 			 */
-			options: CubicBezierOptions;
+			options: CubicBezierOptions
 			/**
 			 * 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.
@@ -83,7 +83,7 @@ declare const __propDef: {
 			 * @bindable
 			 * @readonly
 			 */
-			ref?: CubicBezierRef | undefined;
+			ref?: CubicBezierRef | undefined
 			/**
 			 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 			 * the `<Blade>`'s containing `<Pane>`.
@@ -95,11 +95,11 @@ declare const __propDef: {
 			 *
 			 * @default `undefined`
 			 */
-			plugin?: import('../utils').Plugin | undefined;
+			plugin?: import('../utils').Plugin | undefined
 		},
 		'ref' | 'options' | 'plugin' | 'buttonClass'
-	>;
-	slots: {};
+	>
+	slots: {}
 	events: {
 		/**
 		 * Fires when `value` changes.
@@ -112,12 +112,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: CubicBezierChangeEvent;
-	};
-};
-export type CubicBezierProps = typeof __propDef.props;
-export type CubicBezierEvents = typeof __propDef.events;
-export type CubicBezierSlots = typeof __propDef.slots;
+		change: CubicBezierChangeEvent
+	}
+}
+export type CubicBezierProps = typeof __propDef.props
+export type CubicBezierEvents = typeof __propDef.events
+export type CubicBezierSlots = typeof __propDef.slots
 /**
  * A control for editing a bezier curve. Ideal for tweaking animation easing values.
  *
@@ -149,34 +149,34 @@ export type CubicBezierSlots = typeof __propDef.slots;
  *   type CubicBezierValue,
  *   RadioGrid,
  *   Slider,
- *   Utils
- * } from 'svelte-tweakpane-ui';
- * import { tweened } from 'svelte/motion';
+ *   Utils,
+ * } from 'svelte-tweakpane-ui'
+ * import { tweened } from 'svelte/motion'
  *
  * // could also be a tuple
  * let value: CubicBezierValue = {
  *   x1: 0.25,
  *   y1: 0.1,
  *   x2: 0.25,
- *   y2: 1
- * };
- * let duration = 1000;
- * let moods = ['Set', 'Rise'];
- * let mood: string = moods[0];
+ *   y2: 1,
+ * }
+ * let duration = 1000
+ * let moods = ['Set', 'Rise']
+ * let mood: string = moods[0]
  *
- * const positionTween = tweened(0);
+ * const positionTween = tweened(0)
  *
  * function lerp(value: number, low: number, high: number): number {
- *   return (1 - value) * low + value * high;
+ *   return (1 - value) * low + value * high
  * }
  *
  * $: positionTween.set(mood === 'Set' ? 0 : 1, {
  *   duration,
- *   easing: Utils.cubicBezierToEaseFunction(value)
- * });
+ *   easing: Utils.cubicBezierToEaseFunction(value),
+ * })
  *
- * $: celestialHeight = lerp($positionTween, 20, 80);
- * $: twilightAmount = lerp($positionTween, 20, -80);
+ * $: celestialHeight = lerp($positionTween, 20, 80)
+ * $: twilightAmount = lerp($positionTween, 20, -80)
  * </script>
  *
  * <CubicBezier bind:value expanded={true} picker="inline" />
@@ -224,4 +224,4 @@ export default class CubicBezier extends SvelteComponent<
 	CubicBezierEvents,
 	CubicBezierSlots
 > {}
-export {};
+export {}

package/dist/control/File.svelte

@@ -1,42 +1,42 @@
 <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-file-import';
-	import { BROWSER } from 'esm-env';
-	import { shallowEqual } from 'fast-equals';
-	export let value = void 0;
-	export let rows = void 0;
-	export let invalidExtensionMessage = void 0;
-	export let extensions = void 0;
-	let internalValue;
+	import ClsPad from '../internal/ClsPad.svelte'
+	import GenericInput from '../internal/GenericInput.svelte'
+	import { fillWith } from '../utils'
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-file-import'
+	import { BROWSER } from 'esm-env'
+	import { shallowEqual } from 'fast-equals'
+	export let value = void 0
+	export let rows = void 0
+	export let invalidExtensionMessage = void 0
+	export let extensions = void 0
+	let internalValue
 	function updateInternalValueFromValue() {
-		const newInternalValue = value ?? '';
+		const newInternalValue = value ?? ''
 		if (!shallowEqual(internalValue, newInternalValue)) {
-			internalValue = newInternalValue;
+			internalValue = newInternalValue
 		}
 	}
 	function updateValueFromInternalValue() {
 		if (internalValue instanceof File) {
 			if (!shallowEqual(value, internalValue)) {
-				value = internalValue;
+				value = internalValue
 			}
 		} else if (value !== void 0) {
-			value = void 0;
+			value = void 0
 		}
 	}
-	let options;
+	let options
 	$: options = {
 		extensions,
 		filetypes: extensions,
 		invalidFiletypeMessage: invalidExtensionMessage,
 		lineCount: rows,
-		view: 'file-input'
-	};
-	$: value, updateInternalValueFromValue();
-	$: internalValue, updateValueFromInternalValue();
+		view: 'file-input',
+	}
+	$: value, updateInternalValueFromValue()
+	$: internalValue, updateValueFromInternalValue()
 </script>
 
 <GenericInput