svelte-tweakpane-ui 1.2.3 → 1.2.5

package/dist/extra/Element.svelte.d.ts

@@ -1,7 +1,28 @@
 import { SvelteComponent } from 'svelte';
 import type { BladeRef } from '../core/Blade.svelte';
 declare const __propDef: {
-	props: Omit<
+	props: {
+		/**
+		 * Maximum height of the element block, in pixels. By default, the element
+		 * block will expand vertically to fit its contents, but clip any horizontal
+		 * excess.
+		 *
+		 * If a max height is set, it is used as the component height during SSR. If
+		 * the actual element content is less than the max, you will see CLS. If it
+		 * is not set, the contents are rendered... but keep in mind that style and
+		 * other contextual changes during the client render could result in CLS.
+		 * @default `undefined`  \
+		 * No max height.
+		 */
+		maxHeight?: number | undefined;
+		/**
+		 * Whether to reset the CSS of the element block to its default values.
+		 * Avoids inheritance of Tweakpane's CSS styles. Note that this uses a
+		 * simple `all: initial;` rule.
+		 * @default `true`
+		 */
+		resetStyle?: boolean | undefined;
+	} & Omit<
 		{
 			/**
 			 * Blade configuration exposing Tweakpane's internal
@@ -48,28 +69,7 @@ declare const __propDef: {
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
 		'ref' | 'disabled' | 'options' | 'plugin'
-	> & {
-		/**
-		 * Maximum height of the element block, in pixels. By default, the element
-		 * block will expand vertically to fit its contents, but clip any horizontal
-		 * excess.
-		 *
-		 * If a max height is set, it is used as the component height during SSR. If
-		 * the actual element content is less than the max, you will see CLS. If it
-		 * is not set, the contents are rendered... but keep in mind that style and
-		 * other contextual changes during the client render could result in CLS.
-		 * @default `undefined`  \
-		 * No max height.
-		 */
-		maxHeight?: number | undefined;
-		/**
-		 * Whether to reset the CSS of the element block to its default values.
-		 * Avoids inheritance of Tweakpane's CSS styles. Note that this uses a
-		 * simple `all: initial;` rule.
-		 * @default `true`
-		 */
-		resetStyle?: boolean | undefined;
-	};
+	>;
 	events: {
 		[evt: string]: CustomEvent<any>;
 	};

package/dist/internal/ClsPad.svelte

@@ -26,5 +26,5 @@
 	<div
 		style:background={DEV && showDebugBlocks ? getRandomCssColor() : null}
 		style:height="{total}px"
-	/>
+	></div>
 {/if}

package/dist/internal/GenericBinding.svelte.d.ts

@@ -5,7 +5,13 @@ declare class __sveltets_Render<
 	U extends BindingOptions = BindingOptions,
 	V extends BindingRef = BindingRef
 > {
-	props(): Omit<
+	props(): {
+		/**
+		 * The value to control.
+		 * @bindable
+		 * */
+		value: T;
+	} & Omit<
 		{
 			/**
 			 * The binding's target object with values to manipulate.
@@ -73,13 +79,7 @@ declare class __sveltets_Render<
 			plugin?: import('tweakpane').TpPluginBundle | undefined;
 		},
 		'object' | 'key'
-	> & {
-		/**
-		 * The value to control.
-		 * @bindable
-		 * */
-		value: T;
-	};
+	>;
 	events(): {
 		change: import('../core/Binding.svelte').BindingChangeEvent;
 	} & {

package/dist/internal/GenericBladeFolding.svelte.d.ts

@@ -2,6 +2,30 @@ import { SvelteComponent } from 'svelte';
 import type { BladeOptions, BladeRef } from '../core/Blade.svelte';
 declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
 	props(): {
+		/**
+		 * DOM class name of the button used to expand and collapse the blade's picker.
+		 * @default `undefined`
+		 * */
+		buttonClass?: string | undefined;
+		/**
+		 * Expand or collapse the blade's picker.
+		 * @default `true`
+		 * @bindable
+		 * */
+		expanded?: boolean | undefined;
+		/**
+		 * The style of value "picker" to use in the blade.
+		 * @default `'popup'`
+		 */
+		picker?: 'inline' | 'popup' | undefined;
+		/**
+		 * Allow users to interactively expand / contract the value picker by clicking its icon.
+		 *
+		 * Most useful when `picker` is `inline`.
+		 * @default `true`
+		 * */
+		userExpandable?: boolean | undefined;
+	} & {
 		/**
 		 * Blade configuration exposing Tweakpane's internal
 		 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
@@ -45,30 +69,6 @@ declare class __sveltets_Render<T extends BladeOptions, U extends BladeRef> {
 		 * @default `undefined`
 		 */
 		plugin?: import('tweakpane').TpPluginBundle | undefined;
-	} & {
-		/**
-		 * DOM class name of the button used to expand and collapse the blade's picker.
-		 * @default `undefined`
-		 * */
-		buttonClass?: string | undefined;
-		/**
-		 * Expand or collapse the blade's picker.
-		 * @default `true`
-		 * @bindable
-		 * */
-		expanded?: boolean | undefined;
-		/**
-		 * The style of value "picker" to use in the blade.
-		 * @default `'popup'`
-		 */
-		picker?: 'inline' | 'popup' | undefined;
-		/**
-		 * Allow users to interactively expand / contract the value picker by clicking its icon.
-		 *
-		 * Most useful when `picker` is `inline`.
-		 * @default `true`
-		 * */
-		userExpandable?: boolean | undefined;
 	};
 	events(): {} & {
 		[evt: string]: CustomEvent<any>;

package/dist/internal/GenericInput.svelte.d.ts

@@ -7,7 +7,13 @@ declare class __sveltets_Render<
 	U extends GenericInputOptions = GenericInputOptions,
 	V extends GenericInputRef = GenericInputRef
 > {
-	props(): Omit<
+	props(): {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T;
+	} & Omit<
 		{
 			/**
 			 * The binding's target object with values to manipulate.
@@ -75,13 +81,7 @@ declare class __sveltets_Render<
 			plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
 		},
 		'object' | 'key'
-	> & {
-		/**
-		 * The value to control.
-		 * @bindable
-		 */
-		value: T;
-	};
+	>;
 	events(): {
 		change: import('..').BindingChangeEvent;
 	} & {

package/dist/internal/GenericInputFolding.svelte.d.ts

@@ -1,89 +1,15 @@
 import { SvelteComponent } from 'svelte';
 import type { GenericInputOptions, GenericInputRef } from './GenericInput.svelte';
-export type GenericInputFoldingOptions = GenericInputOptions & {
+export type GenericInputFoldingOptions = {
 	expanded?: boolean;
-};
+} & GenericInputOptions;
 export type GenericInputFoldingRef = GenericInputRef;
 declare class __sveltets_Render<
 	T extends any,
 	U extends GenericInputFoldingOptions = GenericInputFoldingOptions,
 	V extends GenericInputFoldingRef = GenericInputFoldingRef
 > {
-	props(): Omit<
-		{
-			/**
-			 * The binding's target object with values to manipulate.
-			 * @bindable
-			 */
-			object: import('@tweakpane/core').Bindable & Record<string, T>;
-			/** 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?: U | 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?: V | 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'
-	> & {
-		/**
-		 * The value to control.
-		 * @bindable
-		 */
-		value: T;
-	} & {
+	props(): {
 		/**
 		 * DOM class name of the button used to expand and collapse the input's picker.
 		 * @default `undefined`
@@ -105,7 +31,81 @@ declare class __sveltets_Render<
 		 * @default `true`
 		 * */
 		userExpandable?: boolean | undefined;
-	};
+	} & {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T;
+	} & Omit<
+			{
+				/**
+				 * The binding's target object with values to manipulate.
+				 * @bindable
+				 */
+				object: import('@tweakpane/core').Bindable & Record<string, T>;
+				/** 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?: U | 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?: V | 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'
+		>;
 	events(): {
 		change: import('..').BindingChangeEvent;
 	} & {

package/dist/internal/GenericMonitor.svelte.d.ts

@@ -7,81 +7,7 @@ declare class __sveltets_Render<
 	U extends GenericMonitorOptions,
 	V extends GenericMonitorRef = GenericMonitorRef
 > {
-	props(): Omit<
-		{
-			/**
-			 * The binding's target object with values to manipulate.
-			 * @bindable
-			 */
-			object: import('@tweakpane/core').Bindable & Record<string, T>;
-			/** 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?: U | 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?: V | 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/core').TpPluginBundle | undefined;
-		},
-		'object' | 'key'
-	> & {
-		/**
-		 * The value to control.
-		 * @bindable
-		 */
-		value: T;
-	} & {
+	props(): {
 		/**
 		 * Number of past states to retain.
 		 * @default `1`  \
@@ -104,7 +30,81 @@ declare class __sveltets_Render<
 		 * Or `3` if value is `string` and `multiline` is `true`.
 		 * */
 		rows?: number | undefined;
-	};
+	} & {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T;
+	} & Omit<
+			{
+				/**
+				 * The binding's target object with values to manipulate.
+				 * @bindable
+				 */
+				object: import('@tweakpane/core').Bindable & Record<string, T>;
+				/** 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?: U | 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?: V | 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/core').TpPluginBundle | undefined;
+			},
+			'object' | 'key'
+		>;
 	events(): {} & {
 		[evt: string]: CustomEvent<any>;
 	};

package/dist/internal/GenericSlider.svelte.d.ts

@@ -3,81 +3,7 @@ import type { IntervalSliderValue } from '../control/IntervalSlider.svelte';
 import type { NumberInputParams as GenericSliderOptions } from 'tweakpane';
 import type { SliderInputBindingApi as GenericSliderRef } from 'tweakpane';
 declare class __sveltets_Render<T extends number | IntervalSliderValue> {
-	props(): Omit<
-		{
-			/**
-			 * The binding's target object with values to manipulate.
-			 * @bindable
-			 */
-			object: import('@tweakpane/core').Bindable & Record<string, T>;
-			/** 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?: GenericSliderOptions | 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?: GenericSliderRef | 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'
-	> & {
-		/**
-		 * The value to control.
-		 * @bindable
-		 */
-		value: T;
-	} & {
+	props(): {
 		/**
 		 * Minimum value.
 		 *
@@ -117,7 +43,81 @@ declare class __sveltets_Render<T extends number | IntervalSliderValue> {
 		 * No step constraint.
 		 * */
 		step?: number | undefined;
-	};
+	} & {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T;
+	} & Omit<
+			{
+				/**
+				 * The binding's target object with values to manipulate.
+				 * @bindable
+				 */
+				object: import('@tweakpane/core').Bindable & Record<string, T>;
+				/** 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?: GenericSliderOptions | 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?: GenericSliderRef | 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'
+		>;
 	events(): {
 		change: import('..').BindingChangeEvent;
 	} & {