svelte-tweakpane-ui 1.5.2 → 1.5.4

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

@@ -1,20 +1,20 @@
-import { SvelteComponent } from 'svelte';
-import type { Simplify } from '../utils';
-import type { ValueChangeEvent } from '../utils.js';
-import type { PointDimensionParams } from '@tweakpane/core';
-export type RotationQuaternionOptions = Simplify<PointDimensionParams>;
+import { SvelteComponent } from 'svelte'
+import type { Simplify } from '../utils'
+import type { ValueChangeEvent } from '../utils.js'
+import type { PointDimensionParams } from '@tweakpane/core'
+export type RotationQuaternionOptions = Simplify<PointDimensionParams>
 export type RotationQuaternionValueObject = {
-	x: number;
-	y: number;
-	z: number;
-	w: number;
-};
-export type RotationQuaternionValueTuple = [x: number, y: number, z: number, w: number];
+	x: number
+	y: number
+	z: number
+	w: number
+}
+export type RotationQuaternionValueTuple = [x: number, y: number, z: number, w: number]
 export type RotationQuaternionValue = Simplify<
 	RotationQuaternionValueObject | RotationQuaternionValueTuple
->;
-export type RotationQuaternionChangeEvent = ValueChangeEvent<RotationQuaternionValue>;
-import type { RotationInputPluginQuaternionParams as RotationQuaternionOptionsInternal } from '@kitschpatrol/tweakpane-plugin-rotation/dist/types/RotationInputPluginQuaternionParams';
+>
+export type RotationQuaternionChangeEvent = ValueChangeEvent<RotationQuaternionValue>
+import type { RotationInputPluginQuaternionParams as RotationQuaternionOptionsInternal } from '@kitschpatrol/tweakpane-plugin-rotation/dist/types/RotationInputPluginQuaternionParams'
 declare const __propDef: {
 	props: {
 		/**
@@ -24,7 +24,7 @@ declare const __propDef: {
 		 * original TweakpaneRotationPlugin API.
 		 * @bindable
 		 * */
-		value: RotationQuaternionValue;
+		value: RotationQuaternionValue
 		/**
 		 * Input parameters specific to the X dimension.
 		 *
@@ -32,7 +32,7 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsX?: RotationQuaternionOptions;
+		optionsX?: RotationQuaternionOptions
 		/**
 		 * Input parameters specific to the Y dimension.
 		 *
@@ -40,7 +40,7 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsY?: RotationQuaternionOptions;
+		optionsY?: RotationQuaternionOptions
 		/**
 		 * Input parameters specific to the Z dimension.
 		 *
@@ -48,7 +48,7 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsZ?: RotationQuaternionOptions;
+		optionsZ?: RotationQuaternionOptions
 		/**
 		 * Input parameters specific to the W dimension.
 		 *
@@ -56,30 +56,30 @@ declare const __propDef: {
 		 * options, not a value.
 		 * @default `undefined`
 		 * */
-		optionsW?: RotationQuaternionOptions;
+		optionsW?: RotationQuaternionOptions
 	} & 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
 		} & {
 			/**
 			 * The quaternion value to control.
@@ -88,26 +88,26 @@ declare const __propDef: {
 			 * original TweakpaneRotationPlugin API.
 			 * @bindable
 			 */
-			value: RotationQuaternionValue;
+			value: RotationQuaternionValue
 		} & Omit<
 				{
 					/**
 					 * The binding's target object with values to manipulate.
 					 * @bindable
 					 */
-					object: import('@tweakpane/core').Bindable & Record<string, RotationQuaternionValue>;
+					object: import('@tweakpane/core').Bindable & Record<string, RotationQuaternionValue>
 					/** 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.
 					 *
@@ -120,7 +120,7 @@ declare const __propDef: {
 					 * Tweakpane UI_.
 					 * @default `undefined`
 					 */
-					options?: RotationQuaternionOptionsInternal | undefined;
+					options?: RotationQuaternionOptionsInternal | undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -128,7 +128,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
@@ -142,7 +142,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>`.
@@ -154,13 +154,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.
@@ -173,12 +173,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: RotationQuaternionChangeEvent;
-	};
-};
-export type RotationQuaternionProps = typeof __propDef.props;
-export type RotationQuaternionEvents = typeof __propDef.events;
-export type RotationQuaternionSlots = typeof __propDef.slots;
+		change: RotationQuaternionChangeEvent
+	}
+}
+export type RotationQuaternionProps = typeof __propDef.props
+export type RotationQuaternionEvents = typeof __propDef.events
+export type RotationQuaternionSlots = typeof __propDef.slots
 /**
  * Integrates the [quaternion
  * rotation](https://github.com/0b5vr/tweakpane-plugin-rotation/blob/dev/src/RotationInputPluginQuaternion.ts)
@@ -207,24 +207,24 @@ export type RotationQuaternionSlots = typeof __propDef.slots;
  *    Button,
  *    RotationQuaternion,
  *    type RotationQuaternionValue,
- *    Utils
- *  } from 'svelte-tweakpane-ui';
+ *    Utils,
+ *  } from 'svelte-tweakpane-ui'
  *
  *  // Value could also be an object
  *  // e.g. {x: 0, y: 0, z: 0, w: 0}
- *  let value: RotationQuaternionValue = [0, 0, 0, 0];
+ *  let value: RotationQuaternionValue = [0, 0, 0, 0]
  *
- *  $: transform = Utils.quaternionToCssTransform(value);
+ *  $: transform = Utils.quaternionToCssTransform(value)
  *  $: valueRows = Array.isArray(value)
  *    ? value.map((v) => `${v >= 0 ? '+' : ''}${v.toFixed(6)}`).join('\n')
- *    : '';
+ *    : ''
  * </script>
  *
  * <RotationQuaternion
  *  bind:value
  *  expanded={true}
  *  label="CSS Rotation"
- *  picker={'inline'}
+ *  picker="inline"
  * />
  * <Button on:click={() => (value = [0, 0, 0, 0])} title="Reset" />
  *
@@ -252,4 +252,4 @@ export default class RotationQuaternion extends SvelteComponent<
 	RotationQuaternionEvents,
 	RotationQuaternionSlots
 > {}
-export {};
+export {}

package/dist/control/Slider.svelte

@@ -1,20 +1,20 @@
 <script context="module"></script>
 
 <script>
-	import GenericSlider from '../internal/GenericSlider.svelte';
-	import {} from 'svelte';
-	export let value;
-	export let wide = void 0;
-	let ref;
+	import GenericSlider from '../internal/GenericSlider.svelte'
+	import {} from 'svelte'
+	export let value
+	export let wide = void 0
+	let ref
 	function updateWide(wide2) {
-		const inputField = ref?.element.querySelector('div.tp-sldtxtv_t');
+		const inputField = ref?.element.querySelector('div.tp-sldtxtv_t')
 		if (wide2) {
-			inputField?.style.setProperty('display', 'none');
+			inputField?.style.setProperty('display', 'none')
 		} else {
-			inputField?.style.removeProperty('display');
+			inputField?.style.removeProperty('display')
 		}
 	}
-	$: ref && wide !== void 0 && updateWide(wide);
+	$: ref && wide !== void 0 && updateWide(wide)
 </script>
 
 <GenericSlider bind:value bind:ref on:change {...$$restProps} />

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

@@ -1,14 +1,14 @@
-import { SvelteComponent } from 'svelte';
-import type { ValueChangeEvent } from '../utils.js';
-import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane';
-export type SliderChangeEvent = ValueChangeEvent<number>;
+import { SvelteComponent } from 'svelte'
+import type { ValueChangeEvent } from '../utils.js'
+import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane'
+export type SliderChangeEvent = ValueChangeEvent<number>
 declare const __propDef: {
 	props: {
 		/**
 		 * A `number` value to control.
 		 * @bindable.
 		 * */
-		value: number;
+		value: number
 	} & Omit<
 		{
 			/**
@@ -17,70 +17,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.
 					 *
@@ -93,7 +93,7 @@ declare const __propDef: {
 					 * Tweakpane UI_.
 					 * @default `undefined`
 					 */
-					options?: import('tweakpane').NumberInputParams | undefined;
+					options?: import('tweakpane').NumberInputParams | undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -101,7 +101,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
@@ -115,7 +115,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>`.
@@ -127,13 +127,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.
@@ -146,12 +146,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: SliderChangeEvent;
-	};
-};
-export type SliderProps = typeof __propDef.props;
-export type SliderEvents = typeof __propDef.events;
-export type SliderSlots = typeof __propDef.slots;
+		change: SliderChangeEvent
+	}
+}
+export type SliderProps = typeof __propDef.props
+export type SliderEvents = typeof __propDef.events
+export type SliderSlots = typeof __propDef.slots
 /**
  * A slider component providing fine-grained control over numeric values.
  *
@@ -169,9 +169,9 @@ export type SliderSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- *  import { Slider } from 'svelte-tweakpane-ui';
+ *  import { Slider } from 'svelte-tweakpane-ui'
  *
- *  let value = 0;
+ *  let value = 0
  * </script>
  *
  * <Slider
@@ -188,4 +188,4 @@ export type SliderSlots = typeof __propDef.slots;
  * [Slider.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/control/Slider.svelte)
  */
 export default class Slider extends SvelteComponent<SliderProps, SliderEvents, SliderSlots> {}
-export {};
+export {}

package/dist/control/Stepper.svelte

@@ -1,30 +1,30 @@
 <script context="module"></script>
 
 <script>
-	import GenericSlider from '../internal/GenericSlider.svelte';
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-inputs';
-	export let value;
-	export let wide = void 0;
-	let options;
+	import GenericSlider from '../internal/GenericSlider.svelte'
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-inputs'
+	export let value
+	export let wide = void 0
+	let options
 	$: options = {
-		view: 'stepper'
-	};
-	let ref;
+		view: 'stepper',
+	}
+	let ref
 	function updateWide(wide2) {
-		const inputField = ref?.element.querySelector('div.tp-stepv_t');
-		const buttonContainer = ref?.element.querySelector('div.tp-stepv_s');
-		const buttons = buttonContainer?.querySelectorAll('button');
+		const inputField = ref?.element.querySelector('div.tp-stepv_t')
+		const buttonContainer = ref?.element.querySelector('div.tp-stepv_s')
+		const buttons = buttonContainer?.querySelectorAll('button')
 		if (wide2) {
-			inputField?.style.setProperty('display', 'none');
-			buttonContainer?.style.setProperty('flex', '1');
+			inputField?.style.setProperty('display', 'none')
+			buttonContainer?.style.setProperty('flex', '1')
 			for (const button of buttons ?? []) {
-				button.style.setProperty('flex', '1');
+				button.style.setProperty('flex', '1')
 			}
 		} else {
-			inputField?.style.removeProperty('display');
+			inputField?.style.removeProperty('display')
 		}
 	}
-	$: ref && wide !== void 0 && updateWide(wide);
+	$: ref && wide !== void 0 && updateWide(wide)
 </script>
 
 <GenericSlider bind:value bind:ref on:change {options} plugin={pluginModule} {...$$restProps} />

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

@@ -1,14 +1,14 @@
-import { SvelteComponent } from 'svelte';
-import type { ValueChangeEvent } from '../utils.js';
-import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane';
-export type StepperChangeEvent = ValueChangeEvent<number>;
+import { SvelteComponent } from 'svelte'
+import type { ValueChangeEvent } from '../utils.js'
+import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane'
+export type StepperChangeEvent = ValueChangeEvent<number>
 declare const __propDef: {
 	props: {
 		/**
 		 * A `number` value to control.
 		 * @bindable
 		 * */
-		value: number;
+		value: number
 	} & Omit<
 		{
 			/**
@@ -17,70 +17,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.
 					 *
@@ -93,7 +93,7 @@ declare const __propDef: {
 					 * Tweakpane UI_.
 					 * @default `undefined`
 					 */
-					options?: import('tweakpane').NumberInputParams | undefined;
+					options?: import('tweakpane').NumberInputParams | undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -101,7 +101,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
@@ -115,7 +115,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>`.
@@ -127,13 +127,13 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('../utils.js').Plugin | undefined;
+					plugin?: import('../utils.js').Plugin | undefined
 				},
 				'object' | 'key'
 			>,
 		'ref' | 'options' | 'plugin' | 'amount'
-	>;
-	slots: {};
+	>
+	slots: {}
 	events: {
 		/**
 		 * Fires when `value` changes.
@@ -146,12 +146,12 @@ declare const __propDef: {
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: StepperChangeEvent;
-	};
-};
-export type StepperProps = typeof __propDef.props;
-export type StepperEvents = typeof __propDef.events;
-export type StepperSlots = typeof __propDef.slots;
+		change: StepperChangeEvent
+	}
+}
+export type StepperProps = typeof __propDef.props
+export type StepperEvents = typeof __propDef.events
+export type StepperSlots = typeof __propDef.slots
 /**
  * A control for simple incremental value changes.
  *
@@ -170,8 +170,8 @@ export type StepperSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Stepper } from 'svelte-tweakpane-ui';
- * let angle = 45;
+ * import { Stepper } from 'svelte-tweakpane-ui'
+ * let angle = 45
  * </script>
  *
  * <Stepper bind:value={angle} label="Angle" step={45} />
@@ -191,4 +191,4 @@ export type StepperSlots = typeof __propDef.slots;
  * [Stepper.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/control/Stepper.svelte)
  */
 export default class Stepper extends SvelteComponent<StepperProps, StepperEvents, StepperSlots> {}
-export {};
+export {}