svelte-tweakpane-ui 1.5.2 → 1.5.4

package/dist/control/Text.svelte

@@ -1,24 +1,24 @@
 <script context="module"></script>
 
 <script>
-	import GenericInput from '../internal/GenericInput.svelte';
-	import { onDestroy } from 'svelte';
-	export let value;
-	export let live = true;
-	const options = { view: 'text' };
-	let ref;
+	import GenericInput from '../internal/GenericInput.svelte'
+	import { onDestroy } from 'svelte'
+	export let value
+	export let live = true
+	const options = { view: 'text' }
+	let ref
 	onDestroy(() => {
-		updateListeners(live ?? true, true);
-	});
+		updateListeners(live ?? true, true)
+	})
 	function onInput(event) {
-		event.target?.dispatchEvent(new Event('change'));
+		event.target?.dispatchEvent(new Event('change'))
 	}
 	function updateListeners(live2, destroy = false) {
-		const input = ref?.controller.valueController.view.element.querySelector('input');
-		input?.removeEventListener('input', onInput);
-		!destroy && live2 && input?.addEventListener('input', onInput);
+		const input = ref?.controller.valueController.view.element.querySelector('input')
+		input?.removeEventListener('input', onInput)
+		!destroy && live2 && input?.addEventListener('input', onInput)
 	}
-	$: ref && live !== void 0 && updateListeners(live);
+	$: ref && live !== void 0 && updateListeners(live)
 </script>
 
 <GenericInput bind:value bind:ref on:change {options} {...$$restProps} />

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

@@ -1,14 +1,14 @@
-import { SvelteComponent } from 'svelte';
-import type { ValueChangeEvent } from '../utils.js';
-export type TextChangeEvent = ValueChangeEvent<string>;
-import { type GenericInputRef } from '../internal/GenericInput.svelte';
+import { SvelteComponent } from 'svelte'
+import type { ValueChangeEvent } from '../utils.js'
+export type TextChangeEvent = ValueChangeEvent<string>
+import { type GenericInputRef } from '../internal/GenericInput.svelte'
 declare const __propDef: {
 	props: {
 		/**
 		 * A `string` value to control.
 		 * @bindable
 		 * */
-		value: string;
+		value: string
 		/**
 		 * Whether to provide live updates to the bound `value` on every keystroke.
 		 *
@@ -16,33 +16,33 @@ declare const __propDef: {
 		 * vanilla JS Tweakpane behavior, which only updates on blur.
 		 * @default `true`
 		 * */
-		live?: boolean;
+		live?: boolean
 	} & Omit<
 		{
 			/**
 			 * A `string` value to control.
 			 * @bindable
 			 */
-			value: string;
+			value: string
 		} & Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
 				 * @bindable
 				 */
-				object: import('@tweakpane/core').Bindable & Record<string, string>;
+				object: import('@tweakpane/core').Bindable & Record<string, string>
 				/** 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.
 				 *
@@ -55,7 +55,7 @@ declare const __propDef: {
 				 * Tweakpane UI_.
 				 * @default `undefined`
 				 */
-				options?: import('@tweakpane/core').BaseInputParams | undefined;
+				options?: import('@tweakpane/core').BaseInputParams | undefined
 				/**
 				 * Custom color scheme.
 				 *
@@ -63,7 +63,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
@@ -77,7 +77,7 @@ declare const __propDef: {
 				 * @bindable
 				 * @readonly
 				 */
-				ref?: GenericInputRef | undefined;
+				ref?: GenericInputRef | undefined
 				/**
 				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 				 * the `<Binding>`'s containing `<Pane>`.
@@ -89,13 +89,13 @@ declare const __propDef: {
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('../utils.js').Plugin | undefined;
+				plugin?: import('../utils.js').Plugin | undefined
 			},
 			'object' | 'key'
 		>,
 		'ref' | 'options' | 'plugin'
-	>;
-	slots: {};
+	>
+	slots: {}
 	events: {
 		/**
 		 * Fires when `value` changes.
@@ -108,12 +108,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: TextChangeEvent;
-	};
-};
-export type TextProps = typeof __propDef.props;
-export type TextEvents = typeof __propDef.events;
-export type TextSlots = typeof __propDef.slots;
+		change: TextChangeEvent
+	}
+}
+export type TextProps = typeof __propDef.props
+export type TextEvents = typeof __propDef.events
+export type TextSlots = typeof __propDef.slots
 /**
  * A text field, in the spirit of the HTML `<input type="text">` element.
  *
@@ -132,9 +132,9 @@ export type TextSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Text } from 'svelte-tweakpane-ui';
+ * import { Text } from 'svelte-tweakpane-ui'
  *
- * let text = 'Cosmic Manifold';
+ * let text = 'Cosmic Manifold'
  * </script>
  *
  * <Text bind:value={text} label="The Message" />
@@ -145,4 +145,4 @@ export type TextSlots = typeof __propDef.slots;
  * [Text.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/control/Text.svelte)
  */
 export default class Text extends SvelteComponent<TextProps, TextEvents, TextSlots> {}
-export {};
+export {}

package/dist/control/Textarea.svelte

@@ -1,54 +1,54 @@
 <script context="module"></script>
 
 <script>
-	import GenericInput from '../internal/GenericInput.svelte';
-	import {} from '../utils.js';
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-textarea';
-	import { BROWSER } from 'esm-env';
-	import { createEventDispatcher, onDestroy } from 'svelte';
-	export let value;
-	export let live = true;
-	export let rows = void 0;
-	export let placeholder = void 0;
-	const dispatch = createEventDispatcher();
-	let _value = value;
-	let ref;
-	let options;
+	import GenericInput from '../internal/GenericInput.svelte'
+	import {} from '../utils.js'
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-textarea'
+	import { BROWSER } from 'esm-env'
+	import { createEventDispatcher, onDestroy } from 'svelte'
+	export let value
+	export let live = true
+	export let rows = void 0
+	export let placeholder = void 0
+	const dispatch = createEventDispatcher()
+	let _value = value
+	let ref
+	let options
 	onDestroy(() => {
-		updateListeners(live ?? true, true);
-	});
+		updateListeners(live ?? true, true)
+	})
 	function onBlur(event) {
-		value = event.target.value;
-		lastText = value;
-		dispatch('change', { value, origin: 'internal' });
+		value = event.target.value
+		lastText = value
+		dispatch('change', { value, origin: 'internal' })
 	}
 	function onInput(event) {
-		value = event.target.value;
-		lastText = value;
-		dispatch('change', { value, origin: 'internal' });
+		value = event.target.value
+		lastText = value
+		dispatch('change', { value, origin: 'internal' })
 	}
 	function updateListeners(live2, destroy = false) {
-		const input = ref?.controller.valueController.view.element.querySelector('textarea');
-		input?.removeEventListener('blur', onBlur);
-		input?.removeEventListener('input', onInput);
-		!destroy && live2 && input?.addEventListener('input', onInput);
-		!destroy && !live2 && input?.addEventListener('blur', onBlur);
+		const input = ref?.controller.valueController.view.element.querySelector('textarea')
+		input?.removeEventListener('blur', onBlur)
+		input?.removeEventListener('input', onInput)
+		!destroy && live2 && input?.addEventListener('input', onInput)
+		!destroy && !live2 && input?.addEventListener('blur', onBlur)
 	}
-	let lastText = value;
+	let lastText = value
 	function onBoundValueChange(text) {
 		if (text !== lastText) {
-			dispatch('change', { value: text, origin: 'external' });
-			lastText = text;
+			dispatch('change', { value: text, origin: 'external' })
+			lastText = text
 		}
 	}
-	$: _value = value;
-	$: ref && live !== void 0 && updateListeners(live);
+	$: _value = value
+	$: ref && live !== void 0 && updateListeners(live)
 	$: options = {
 		placeholder,
 		rows,
-		view: 'textarea'
-	};
-	$: ref && onBoundValueChange(_value);
+		view: 'textarea',
+	}
+	$: ref && onBoundValueChange(_value)
 </script>
 
 <GenericInput value={_value} bind:ref {options} plugin={pluginModule} {...$$restProps} />

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

@@ -1,58 +1,58 @@
-import { SvelteComponent } from 'svelte';
-import type { ValueChangeEvent } from '../utils.js';
-export type TextareaChangeEvent = ValueChangeEvent<string>;
-import type { TextareaPluginInputParams } from '@kitschpatrol/tweakpane-plugin-textarea/dist/types/plugin.js';
-import { type GenericInputRef } from '../internal/GenericInput.svelte';
+import { SvelteComponent } from 'svelte'
+import type { ValueChangeEvent } from '../utils.js'
+export type TextareaChangeEvent = ValueChangeEvent<string>
+import type { TextareaPluginInputParams } from '@kitschpatrol/tweakpane-plugin-textarea/dist/types/plugin.js'
+import { type GenericInputRef } from '../internal/GenericInput.svelte'
 declare const __propDef: {
 	props: {
 		/**
 		 * A `string` value to control.
 		 * @bindable
 		 * */
-		value: string;
+		value: string
 		/**
 		 * Whether to provide live updates to the bound `value` on every keystroke.
 		 * @default `true`
 		 * */
-		live?: boolean;
+		live?: boolean
 		/**
 		 * Placeholder text to display when the `value` is empty.
 		 * @default `'Enter text here'`
 		 */
-		placeholder?: string;
+		placeholder?: string
 		/**
 		 * The number of lines of text to display.
 		 *
 		 * If lines of input exceed this value, then the text area will scroll.
 		 * @default `3`
 		 */
-		rows?: number;
+		rows?: number
 	} & Omit<
 		{
 			/**
 			 * A `string` value to control.
 			 * @bindable
 			 */
-			value: string;
+			value: string
 		} & Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
 				 * @bindable
 				 */
-				object: import('@tweakpane/core').Bindable & Record<string, string>;
+				object: import('@tweakpane/core').Bindable & Record<string, string>
 				/** 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.
 				 *
@@ -65,7 +65,7 @@ declare const __propDef: {
 				 * Tweakpane UI_.
 				 * @default `undefined`
 				 */
-				options?: TextareaPluginInputParams | undefined;
+				options?: TextareaPluginInputParams | undefined
 				/**
 				 * Custom color scheme.
 				 *
@@ -73,7 +73,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
@@ -87,7 +87,7 @@ declare const __propDef: {
 				 * @bindable
 				 * @readonly
 				 */
-				ref?: GenericInputRef | undefined;
+				ref?: GenericInputRef | undefined
 				/**
 				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 				 * the `<Binding>`'s containing `<Pane>`.
@@ -99,13 +99,13 @@ declare const __propDef: {
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('../utils.js').Plugin | undefined;
+				plugin?: import('../utils.js').Plugin | undefined
 			},
 			'object' | 'key'
 		>,
 		'ref' | 'options' | 'plugin'
-	>;
-	slots: {};
+	>
+	slots: {}
 	events: {
 		/**
 		 * Fires when `value` changes.
@@ -118,12 +118,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: TextareaChangeEvent;
-	};
-};
-export type TextareaProps = typeof __propDef.props;
-export type TextareaEvents = typeof __propDef.events;
-export type TextareaSlots = typeof __propDef.slots;
+		change: TextareaChangeEvent
+	}
+}
+export type TextareaProps = typeof __propDef.props
+export type TextareaEvents = typeof __propDef.events
+export type TextareaSlots = typeof __propDef.slots
 /**
  * A multi-line text input field, in the spirit of the HTML `<textarea>`
  * element.
@@ -147,9 +147,9 @@ export type TextareaSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Textarea } from 'svelte-tweakpane-ui';
+ * import { Textarea } from 'svelte-tweakpane-ui'
  *
- * let text = '';
+ * let text = ''
  * </script>
  *
  * <Textarea bind:value={text} placeholder="The void" rows={8} />
@@ -164,4 +164,4 @@ export default class Textarea extends SvelteComponent<
 	TextareaEvents,
 	TextareaSlots
 > {}
-export {};
+export {}

package/dist/control/Wheel.svelte

@@ -1,17 +1,17 @@
 <script context="module"></script>
 
 <script>
-	import GenericSlider from '../internal/GenericSlider.svelte';
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-camerakit';
-	export let value;
-	export let amount = 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 amount = void 0
+	export let wide = void 0
+	let options
 	$: options = {
 		amount,
 		view: 'camerawheel',
-		wide
-	};
+		wide,
+	}
 </script>
 
 <GenericSlider bind:value on:change {options} plugin={pluginModule} {...$$restProps} />

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

@@ -1,19 +1,19 @@
-import { SvelteComponent } from 'svelte';
-import type { ValueChangeEvent } from '../utils.js';
-export type WheelChangeEvent = ValueChangeEvent<number>;
+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;
+		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;
+		amount?: number
 	} & Omit<
 		{
 			/**
@@ -22,70 +22,70 @@ 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
 		} & {
 			/**
 			 * A `number` value to control.
 			 * @bindable
 			 */
-			value: number;
+			value: number
 		} & Omit<
 				{
 					/**
 					 * The binding's target object with values to manipulate.
 					 * @bindable
 					 */
-					object: import('@tweakpane/core').Bindable & Record<string, number>;
+					object: import('@tweakpane/core').Bindable & Record<string, number>
 					/** 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.
 					 *
@@ -98,7 +98,7 @@ declare const __propDef: {
 					 * Tweakpane UI_.
 					 * @default `undefined`
 					 */
-					options?: import('tweakpane').NumberInputParams | undefined;
+					options?: import('tweakpane').NumberInputParams | undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -106,7 +106,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
@@ -120,7 +120,7 @@ declare const __propDef: {
 					 * @bindable
 					 * @readonly
 					 */
-					ref?: import('tweakpane').SliderInputBindingApi | undefined;
+					ref?: import('tweakpane').SliderInputBindingApi | undefined
 					/**
 					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 					 * the `<Binding>`'s containing `<Pane>`.
@@ -132,13 +132,13 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('../utils.js').Plugin | undefined;
+					plugin?: import('../utils.js').Plugin | undefined
 				},
 				'object' | 'key'
 			>,
 		'ref' | 'options' | 'plugin'
-	>;
-	slots: {};
+	>
+	slots: {}
 	events: {
 		/**
 		 * Fires when `value` changes.
@@ -151,12 +151,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: WheelChangeEvent;
-	};
-};
-export type WheelProps = typeof __propDef.props;
-export type WheelEvents = typeof __propDef.events;
-export type WheelSlots = typeof __propDef.slots;
+		change: WheelChangeEvent
+	}
+}
+export type WheelProps = typeof __propDef.props
+export type WheelEvents = typeof __propDef.events
+export type WheelSlots = typeof __propDef.slots
 /**
  * A control evoking a dial on a proper camera body.
  *
@@ -175,9 +175,9 @@ export type WheelSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Wheel } from 'svelte-tweakpane-ui';
+ * import { Wheel } from 'svelte-tweakpane-ui'
  *
- * let angle = 45;
+ * let angle = 45
  * </script>
  *
  * <Wheel
@@ -200,4 +200,4 @@ export type WheelSlots = typeof __propDef.slots;
  * [Wheel.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/control/Wheel.svelte)
  */
 export default class Wheel extends SvelteComponent<WheelProps, WheelEvents, WheelSlots> {}
-export {};
+export {}