svelte-tweakpane-ui 1.2.2 → 1.2.4

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

@@ -2,82 +2,14 @@ import { SvelteComponent } from 'svelte';
 import type { ValueChangeEvent } from '../utils.js';
 export type SliderChangeEvent = ValueChangeEvent<number>;
 declare const __propDef: {
-	props: Omit<
-		Omit<
-			{
-				/**
-				 * The binding's target object with values to manipulate.
-				 * @bindable
-				 */
-				object: import('@tweakpane/core').Bindable & Record<string, number>;
-				/** The key for the value in the target `object` that the control should manipulate. */
-				key: string;
-				/**
-				 * Prevent interactivity and gray out the control.
-				 * @default `false`
-				 */
-				disabled?: boolean | undefined;
-				/**
-				 * Text displayed next to control.
-				 * @default `undefined`
-				 */
-				label?: string | undefined;
-				/**
-				 * Tweakpane's internal options object.
-				 *
-				 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
-				 *
-				 * Valid types are contingent on the type of the value `key` points to in `object`.
-				 *
-				 * This is intended internal use, when implementing convenience components wrapping Binding's
-				 * functionality. Options of interest are instead exposed as top-level props in _Svelte
-				 * Tweakpane UI_.
-				 * @default `undefined`
-				 */
-				options?: import('tweakpane').NumberInputParams | undefined;
-				/**
-				 * Custom color scheme.
-				 *
-				 * @default `undefined`  \
-				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-				 * set with `setGlobalDefaultTheme()`.
-				 */
-				theme?: import('..').Theme | undefined;
-				/**
-				 * Reference to internal Tweakpane
-				 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
-				 * this control.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Binding>`'s functionality.
-				 *
-				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
-				 * @bindable
-				 * @readonly
-				 */
-				ref?: import('tweakpane').SliderInputBindingApi | undefined;
-				/**
-				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
-				 * the `<Binding>`'s containing `<Pane>`.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
-				 *
-				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
-				 * @default `undefined`
-				 */
-				plugin?: import('tweakpane').TpPluginBundle | undefined;
-			},
-			'object' | 'key'
-		> & {
-			/**
-			 * A `number` value to control.
-			 * @bindable .
-			 */
-			value: number;
-		} & {
+	props: {
+		/**
+		 * A `number` value to control.
+		 * @bindable.
+		 * */
+		value: number;
+	} & Omit<
+		{
 			/**
 			 * Minimum value.
 			 *
@@ -117,15 +49,83 @@ declare const __propDef: {
 			 * No step constraint.
 			 */
 			step?: number | undefined;
-		},
+		} & {
+			/**
+			 * A `number` value to control.
+			 * @bindable .
+			 */
+			value: number;
+		} & Omit<
+				{
+					/**
+					 * The binding's target object with values to manipulate.
+					 * @bindable
+					 */
+					object: import('@tweakpane/core').Bindable & Record<string, number>;
+					/** The key for the value in the target `object` that the control should manipulate. */
+					key: string;
+					/**
+					 * Prevent interactivity and gray out the control.
+					 * @default `false`
+					 */
+					disabled?: boolean | undefined;
+					/**
+					 * Text displayed next to control.
+					 * @default `undefined`
+					 */
+					label?: string | undefined;
+					/**
+					 * Tweakpane's internal options object.
+					 *
+					 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
+					 *
+					 * Valid types are contingent on the type of the value `key` points to in `object`.
+					 *
+					 * This is intended internal use, when implementing convenience components wrapping Binding's
+					 * functionality. Options of interest are instead exposed as top-level props in _Svelte
+					 * Tweakpane UI_.
+					 * @default `undefined`
+					 */
+					options?: import('tweakpane').NumberInputParams | undefined;
+					/**
+					 * Custom color scheme.
+					 *
+					 * @default `undefined`  \
+					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+					 * set with `setGlobalDefaultTheme()`.
+					 */
+					theme?: import('..').Theme | undefined;
+					/**
+					 * Reference to internal Tweakpane
+					 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
+					 * this control.
+					 *
+					 * This property is exposed for advanced use cases only, such as when implementing convenience
+					 * components wrapping `<Binding>`'s functionality.
+					 *
+					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+					 *
+					 * @bindable
+					 * @readonly
+					 */
+					ref?: import('tweakpane').SliderInputBindingApi | undefined;
+					/**
+					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
+					 * the `<Binding>`'s containing `<Pane>`.
+					 *
+					 * This property is exposed for advanced use cases only, such as when implementing convenience
+					 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
+					 *
+					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+					 *
+					 * @default `undefined`
+					 */
+					plugin?: import('tweakpane').TpPluginBundle | undefined;
+				},
+				'object' | 'key'
+			>,
 		'ref' | 'options' | 'plugin'
-	> & {
-		/**
-		 * A `number` value to control.
-		 * @bindable.
-		 * */
-		value: number;
-	};
+	>;
 	slots: {};
 	events: {
 		/**

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

@@ -3,8 +3,28 @@ import type { ValueChangeEvent } from '../utils.js';
 export type TextChangeEvent = ValueChangeEvent<string>;
 import { type GenericInputRef } from '../internal/GenericInput.svelte';
 declare const __propDef: {
-	props: Omit<
-		Omit<
+	props: {
+		/**
+		 * A `string` value to control.
+		 * @bindable
+		 * */
+		value: string;
+		/**
+		 * Whether to provide live updates to the bound `value` on every keystroke.
+		 *
+		 * To match expectations around reactive components, the default here diverges from the
+		 * vanilla JS Tweakpane behavior, which only updates on blur.
+		 * @default `true`
+		 * */
+		live?: boolean | undefined;
+	} & Omit<
+		{
+			/**
+			 * A `string` value to control.
+			 * @bindable
+			 */
+			value: string;
+		} & Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
@@ -72,29 +92,9 @@ declare const __propDef: {
 				plugin?: import('tweakpane').TpPluginBundle | undefined;
 			},
 			'object' | 'key'
-		> & {
-			/**
-			 * A `string` value to control.
-			 * @bindable
-			 */
-			value: string;
-		},
+		>,
 		'ref' | 'options' | 'plugin'
-	> & {
-		/**
-		 * A `string` value to control.
-		 * @bindable
-		 * */
-		value: string;
-		/**
-		 * Whether to provide live updates to the bound `value` on every keystroke.
-		 *
-		 * To match expectations around reactive components, the default here diverges from the
-		 * vanilla JS Tweakpane behavior, which only updates on blur.
-		 * @default `true`
-		 * */
-		live?: boolean | undefined;
-	};
+	>;
 	slots: {};
 	events: {
 		/**

package/dist/control/Textarea.svelte

@@ -54,6 +54,6 @@
 <GenericInput value={_value} bind:ref {options} plugin={pluginModule} {...$$restProps} />
 {#if !BROWSER}
 	<!-- TODO magic numbers -->
-	<div style:height={`calc(${16 * (rows ?? 3)}px - 14px)`} />
+	<div style:height={`calc(${16 * (rows ?? 3)}px - 14px)`}></div>
 	<!-- <ClsPad keysAdd={fillWith('containerUnitSize', 1)} theme={$$props.theme} /> -->
 {/if}

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

@@ -4,8 +4,37 @@ export type TextareaChangeEvent = ValueChangeEvent<string>;
 import type { TextareaPluginInputParams } from '@pangenerator/tweakpane-textarea-plugin/dist/types/plugin.js';
 import { type GenericInputRef } from '../internal/GenericInput.svelte';
 declare const __propDef: {
-	props: Omit<
-		Omit<
+	props: {
+		/**
+		 * A `string` value to control.
+		 * @bindable
+		 * */
+		value: string;
+		/**
+		 * Whether to provide live updates to the bound `value` on every keystroke.
+		 * @default `true`
+		 * */
+		live?: boolean | undefined;
+		/**
+		 * Placeholder text to display when the `value` is empty.
+		 * @default `'Enter text here'`
+		 */
+		placeholder?: string | undefined;
+		/**
+		 * 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 | undefined;
+	} & Omit<
+		{
+			/**
+			 * A `string` value to control.
+			 * @bindable
+			 */
+			value: string;
+		} & Omit<
 			{
 				/**
 				 * The binding's target object with values to manipulate.
@@ -73,38 +102,9 @@ declare const __propDef: {
 				plugin?: import('tweakpane').TpPluginBundle | undefined;
 			},
 			'object' | 'key'
-		> & {
-			/**
-			 * A `string` value to control.
-			 * @bindable
-			 */
-			value: string;
-		},
+		>,
 		'ref' | 'options' | 'plugin'
-	> & {
-		/**
-		 * A `string` value to control.
-		 * @bindable
-		 * */
-		value: string;
-		/**
-		 * Whether to provide live updates to the bound `value` on every keystroke.
-		 * @default `true`
-		 * */
-		live?: boolean | undefined;
-		/**
-		 * Placeholder text to display when the `value` is empty.
-		 * @default `'Enter text here'`
-		 */
-		placeholder?: string | undefined;
-		/**
-		 * 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 | undefined;
-	};
+	>;
 	slots: {};
 	events: {
 		/**

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

@@ -2,82 +2,26 @@ import { SvelteComponent } from 'svelte';
 import type { ValueChangeEvent } from '../utils.js';
 export type WheelChangeEvent = ValueChangeEvent<number>;
 declare const __propDef: {
-	props: Omit<
-		Omit<
-			{
-				/**
-				 * The binding's target object with values to manipulate.
-				 * @bindable
-				 */
-				object: import('@tweakpane/core').Bindable & Record<string, number>;
-				/** The key for the value in the target `object` that the control should manipulate. */
-				key: string;
-				/**
-				 * Prevent interactivity and gray out the control.
-				 * @default `false`
-				 */
-				disabled?: boolean | undefined;
-				/**
-				 * Text displayed next to control.
-				 * @default `undefined`
-				 */
-				label?: string | undefined;
-				/**
-				 * Tweakpane's internal options object.
-				 *
-				 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
-				 *
-				 * Valid types are contingent on the type of the value `key` points to in `object`.
-				 *
-				 * This is intended internal use, when implementing convenience components wrapping Binding's
-				 * functionality. Options of interest are instead exposed as top-level props in _Svelte
-				 * Tweakpane UI_.
-				 * @default `undefined`
-				 */
-				options?: import('tweakpane').NumberInputParams | undefined;
-				/**
-				 * Custom color scheme.
-				 *
-				 * @default `undefined`  \
-				 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
-				 * set with `setGlobalDefaultTheme()`.
-				 */
-				theme?: import('..').Theme | undefined;
-				/**
-				 * Reference to internal Tweakpane
-				 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
-				 * this control.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Binding>`'s functionality.
-				 *
-				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
-				 * @bindable
-				 * @readonly
-				 */
-				ref?: import('tweakpane').SliderInputBindingApi | undefined;
-				/**
-				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
-				 * the `<Binding>`'s containing `<Pane>`.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
-				 *
-				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
-				 * @default `undefined`
-				 */
-				plugin?: import('tweakpane').TpPluginBundle | undefined;
-			},
-			'object' | 'key'
-		> & {
-			/**
-			 * A `number` value to control.
-			 * @bindable
-			 */
-			value: number;
-		} & {
+	props: {
+		/**
+		 * A `number` value to control.
+		 * @bindable
+		 * */
+		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 | undefined;
+		/**
+		 * When `true`, expand the width of the wheel control at the expense of the numeric input
+		 * field.
+		 * @default `false`
+		 * */
+		wide?: boolean | undefined;
+	} & Omit<
+		{
 			/**
 			 * Minimum value.
 			 *
@@ -117,27 +61,83 @@ declare const __propDef: {
 			 * No step constraint.
 			 */
 			step?: number | undefined;
-		},
+		} & {
+			/**
+			 * A `number` value to control.
+			 * @bindable
+			 */
+			value: number;
+		} & Omit<
+				{
+					/**
+					 * The binding's target object with values to manipulate.
+					 * @bindable
+					 */
+					object: import('@tweakpane/core').Bindable & Record<string, number>;
+					/** The key for the value in the target `object` that the control should manipulate. */
+					key: string;
+					/**
+					 * Prevent interactivity and gray out the control.
+					 * @default `false`
+					 */
+					disabled?: boolean | undefined;
+					/**
+					 * Text displayed next to control.
+					 * @default `undefined`
+					 */
+					label?: string | undefined;
+					/**
+					 * Tweakpane's internal options object.
+					 *
+					 * See [`BindingParams`](https://tweakpane.github.io/docs/api/types/BindingParams.html).
+					 *
+					 * Valid types are contingent on the type of the value `key` points to in `object`.
+					 *
+					 * This is intended internal use, when implementing convenience components wrapping Binding's
+					 * functionality. Options of interest are instead exposed as top-level props in _Svelte
+					 * Tweakpane UI_.
+					 * @default `undefined`
+					 */
+					options?: import('tweakpane').NumberInputParams | undefined;
+					/**
+					 * Custom color scheme.
+					 *
+					 * @default `undefined`  \
+					 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
+					 * set with `setGlobalDefaultTheme()`.
+					 */
+					theme?: import('..').Theme | undefined;
+					/**
+					 * Reference to internal Tweakpane
+					 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
+					 * this control.
+					 *
+					 * This property is exposed for advanced use cases only, such as when implementing convenience
+					 * components wrapping `<Binding>`'s functionality.
+					 *
+					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+					 *
+					 * @bindable
+					 * @readonly
+					 */
+					ref?: import('tweakpane').SliderInputBindingApi | undefined;
+					/**
+					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
+					 * the `<Binding>`'s containing `<Pane>`.
+					 *
+					 * This property is exposed for advanced use cases only, such as when implementing convenience
+					 * components wrapping `<Binding>`'s functionality in combination with a Tweakpane plugin.
+					 *
+					 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+					 *
+					 * @default `undefined`
+					 */
+					plugin?: import('tweakpane').TpPluginBundle | undefined;
+				},
+				'object' | 'key'
+			>,
 		'ref' | 'options' | 'plugin'
-	> & {
-		/**
-		 * A `number` value to control.
-		 * @bindable
-		 * */
-		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 | undefined;
-		/**
-		 * When `true`, expand the width of the wheel control at the expense of the numeric input
-		 * field.
-		 * @default `false`
-		 * */
-		wide?: boolean | undefined;
-	};
+	>;
 	slots: {};
 	events: {
 		/**
@@ -183,7 +183,7 @@ export type WheelSlots = typeof __propDef.slots;
  * format={(v) => `${(Math.abs(v) % 360).toFixed(0)}°`}
  * />
  *
- * <div class="demo" style:--a="{angle}deg" />
+ * <div class="demo" style:--a="{angle}deg"></div>
  *
  * <style>
  * div.demo {

package/dist/core/Binding.svelte

@@ -80,7 +80,7 @@
 
 {#if parentStore}
 	{#if BROWSER}
-		<div bind:this={indexElement} style="display: none;" />
+		<div bind:this={indexElement} style="display: none;"></div>
 	{:else}
 		<ClsPad keysAdd={['containerVerticalPadding', 'containerUnitSize']} {theme} />
 	{/if}

package/dist/core/Blade.svelte

@@ -49,7 +49,7 @@
 
 {#if parentStore}
 	{#if BROWSER}
-		<div bind:this={indexElement} style="display: none;" />
+		<div bind:this={indexElement} style="display: none;"></div>
 	{:else}
 		<ClsPad keysAdd={['containerVerticalPadding']} {theme} />
 	{/if}