svelte-tweakpane-ui 1.2.7 → 1.3.1

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

@@ -11,7 +11,7 @@ declare const __propDef: {
 		 * @default `0`
 		 * @bindable
 		 * */
-		x?: number | undefined;
+		x?: number;
 		/**
 		 * Vertical position of the pane relative to the top of the window, in pixels.
 		 *
@@ -22,30 +22,30 @@ declare const __propDef: {
 		 * @default `0`
 		 * @bindable
 		 * */
-		y?: number | undefined;
+		y?: number;
 		/**
 		 * Minimum pane width in pixels.
 		 * @default `200`
 		 * */
-		minWidth?: number | undefined;
+		minWidth?: number;
 		/**
 		 * Maximum pane width in pixels.
 		 * @default `600`
 		 * */
-		maxWidth?: number | undefined;
+		maxWidth?: number;
 		/**
 		 * Automatically collapse open panels when the available window size is less than the height
 		 * of the pane.
 		 *
 		 * @default `false`
 		 * */
-		collapseChildrenToFit?: boolean | undefined;
+		collapseChildrenToFit?: boolean;
 		/**
 		 * Identifier to be used if multiple `<Pane position="draggable">` components with
 		 * `storePositionLocally` set to true are used on the same page.
 		 * @default `'1'`
 		 */
-		localStoreId?: string | undefined;
+		localStoreId?: string;
 		/**
 		 * CSS [padding property string](https://developer.mozilla.org/en-US/docs/Web/CSS/padding)
 		 * to apply to the draggable pane container to prevent it from being dragged all the way to
@@ -54,13 +54,13 @@ declare const __propDef: {
 		 * Useful for keeping the pane away from of menu bars, etc.
 		 * @default `'0'`
 		 */
-		padding?: string | undefined;
+		padding?: string;
 		/**
 		 * Allow the user to resize the width of the pane by dragging the right corner of the title
 		 * bar.
 		 * @default `true`
 		 * */
-		resizable?: boolean | undefined;
+		resizable?: boolean;
 		/**
 		 * Store the pane's position and width when the user changes it interactively.
 		 *
@@ -68,7 +68,7 @@ declare const __propDef: {
 		 * `storePositionLocally` set to `true`.
 		 * @default `true`
 		 * */
-		storePositionLocally?: boolean | undefined;
+		storePositionLocally?: boolean;
 		/**
 		 * Width of the pane, in pixels.
 		 *
@@ -84,7 +84,7 @@ declare const __propDef: {
 		 * @default `256`
 		 * @bindable
 		 * */
-		width?: number | undefined;
+		width?: number;
 	} & Omit<
 		{
 			/**
@@ -100,13 +100,13 @@ declare const __propDef: {
 			 * Hides the collapse button from the title bar when `false`.
 			 * @default `true`
 			 */
-			userExpandable?: boolean | undefined;
+			userExpandable?: boolean;
 			/**
 			 * Expand or collapse the pane into its title bar.
 			 * @default `true`
 			 * @bindable
 			 */
-			expanded?: boolean | undefined;
+			expanded?: boolean;
 			/**
 			 * Custom color scheme.
 			 *
@@ -139,9 +139,9 @@ declare const __propDef: {
 			 * Negative values are ignored.
 			 * @default `1`
 			 */
-			scale?: number | undefined;
+			scale?: number;
 			/** Internal use only. */
-			userCreatedPane?: boolean | undefined;
+			userCreatedPane?: boolean;
 			/**
 			 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
 			 *
@@ -169,6 +169,8 @@ declare const __propDef: {
 		 */
 		default: {};
 	};
+	exports?: {} | undefined;
+	bindings?: string | undefined;
 };
 export type InternalPaneDraggableProps = typeof __propDef.props;
 export type InternalPaneDraggableEvents = typeof __propDef.events;

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

@@ -9,7 +9,7 @@ declare const __propDef: {
 		 * @default `undefined`  \
 		 * 8 pixels from the right edge of the window.
 		 * */
-		x?: number | undefined;
+		x?: number;
 		/**
 		 * Vertical position of the pane relative to the top of the window, in pixels.
 		 *
@@ -18,12 +18,12 @@ declare const __propDef: {
 		 * @default `undefined`  \
 		 * 8 pixels from the top edge of the window.
 		 * */
-		y?: number | undefined;
+		y?: number;
 		/**
 		 * Width of the pane, in pixels.
 		 * @default `256`
 		 * */
-		width?: number | undefined;
+		width?: number;
 	} & Omit<
 		{
 			/**
@@ -39,13 +39,13 @@ declare const __propDef: {
 			 * Hides the collapse button from the title bar when `false`.
 			 * @default `true`
 			 */
-			userExpandable?: boolean | undefined;
+			userExpandable?: boolean;
 			/**
 			 * Expand or collapse the pane into its title bar.
 			 * @default `true`
 			 * @bindable
 			 */
-			expanded?: boolean | undefined;
+			expanded?: boolean;
 			/**
 			 * Custom color scheme.
 			 *
@@ -78,9 +78,9 @@ declare const __propDef: {
 			 * Negative values are ignored.
 			 * @default `1`
 			 */
-			scale?: number | undefined;
+			scale?: number;
 			/** Internal use only. */
-			userCreatedPane?: boolean | undefined;
+			userCreatedPane?: boolean;
 			/**
 			 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
 			 *
@@ -108,6 +108,8 @@ declare const __propDef: {
 		 */
 		default: {};
 	};
+	exports?: {} | undefined;
+	bindings?: string | undefined;
 };
 export type InternalPaneFixedProps = typeof __propDef.props;
 export type InternalPaneFixedEvents = typeof __propDef.events;

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

@@ -12,7 +12,7 @@ declare const __propDef: {
 		 * element is not provided.
 		 * @default `undefined`
 		 * */
-		width?: number | undefined;
+		width?: number;
 	} & {
 		/**
 		 * Text in the pane's title bar.
@@ -27,13 +27,13 @@ declare const __propDef: {
 		 * Hides the collapse button from the title bar when `false`.
 		 * @default `true`
 		 */
-		userExpandable?: boolean | undefined;
+		userExpandable?: boolean;
 		/**
 		 * Expand or collapse the pane into its title bar.
 		 * @default `true`
 		 * @bindable
 		 */
-		expanded?: boolean | undefined;
+		expanded?: boolean;
 		/**
 		 * Custom color scheme.
 		 *
@@ -66,9 +66,9 @@ declare const __propDef: {
 		 * Negative values are ignored.
 		 * @default `1`
 		 */
-		scale?: number | undefined;
+		scale?: number;
 		/** Internal use only. */
-		userCreatedPane?: boolean | undefined;
+		userCreatedPane?: boolean;
 		/**
 		 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
 		 *
@@ -94,6 +94,8 @@ declare const __propDef: {
 		 */
 		default: {};
 	};
+	exports?: {} | undefined;
+	bindings?: string | undefined;
 };
 export type InternalPaneInlineProps = typeof __propDef.props;
 export type InternalPaneInlineEvents = typeof __propDef.events;

package/dist/monitor/FpsGraph.svelte

@@ -1,10 +1,10 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
 	import Blade from '../core/Blade.svelte';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import { fillWith } from '../utils';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-essentials';
 	import { BROWSER } from 'esm-env';
 	import { createEventDispatcher, onDestroy, onMount } from 'svelte';
 	export let rows = void 0;

package/dist/monitor/FpsGraph.svelte.d.ts

@@ -11,7 +11,7 @@ declare const __propDef: {
 		 * the page.
 		 * @default `undefined`
 		 */
-		begin?: (() => void) | undefined;
+		begin?: () => void;
 		/**
 		 * Function to end a single frame measurement sample.
 		 *
@@ -19,18 +19,18 @@ declare const __propDef: {
 		 * the page.
 		 * @default `undefined`
 		 */
-		end?: (() => void) | undefined;
-	} & {
+		end?: () => void;
+	} & ({
 		/**
 		 * Lower bound of the FPS graph.
 		 * @default `0`
 		 * */
-		min?: number | undefined;
+		min?: number;
 		/**
 		 * Upper bound of the FPS graph.
 		 * @default `90`
 		 * */
-		max?: number | undefined;
+		max?: number;
 		/**
 		 * Function to start a single frame measurement sample.
 		 *
@@ -38,7 +38,7 @@ declare const __propDef: {
 		 * the page.
 		 * @default `undefined`
 		 * */
-		begin?: (() => void) | undefined;
+		begin?: () => void;
 		/**
 		 * Function to end a single frame measurement sample.
 		 *
@@ -46,70 +46,70 @@ declare const __propDef: {
 		 * the page.
 		 * @default `undefined`
 		 * */
-		end?: (() => void) | undefined;
+		end?: () => void;
 		/**
 		 * Time in milliseconds between updates to the graph.
 		 * @default `1000`
 		 * */
-		interval?: number | undefined;
+		interval?: number;
 		/**
 		 * Text displayed next to the FPS graph.
 		 * @default `undefined`
 		 * */
-		label?: string | undefined;
+		label?: string;
 		/**
 		 * Height of the FPS graph, in rows.
 		 * @default `2`
 		 * */
-		rows?: number | undefined;
+		rows?: number;
 	} & Omit<
-			{
-				/**
-				 * Blade configuration exposing Tweakpane's internal
-				 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
-				 *
-				 */
-				options: FpsGraphOptions;
-				/**
-				 * Prevent interactivity and gray out the control.
-				 * @default `false`
-				 */
-				disabled?: boolean | 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
-				 * [`BladeApi`](https://tweakpane.github.io/docs/api/classes/BladeApi.html) for this blade.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Blade>`'s functionality.
-				 *
-				 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
-				 *
-				 * @bindable
-				 * @readonly
-				 */
-				ref?: FpsGraphRef | undefined;
-				/**
-				 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
-				 * the `<Blade>`'s containing `<Pane>`.
-				 *
-				 * This property is exposed for advanced use cases only, such as when implementing convenience
-				 * components wrapping `<Blade>`'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;
-			},
-			'ref' | 'options' | 'plugin'
-		>;
+		{
+			/**
+			 * Blade configuration exposing Tweakpane's internal
+			 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
+			 *
+			 */
+			options: FpsGraphOptions;
+			/**
+			 * Prevent interactivity and gray out the control.
+			 * @default `false`
+			 */
+			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;
+			/**
+			 * Reference to internal Tweakpane
+			 * [`BladeApi`](https://tweakpane.github.io/docs/api/classes/BladeApi.html) for this blade.
+			 *
+			 * This property is exposed for advanced use cases only, such as when implementing convenience
+			 * components wrapping `<Blade>`'s functionality.
+			 *
+			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+			 *
+			 * @bindable
+			 * @readonly
+			 */
+			ref?: FpsGraphRef | undefined;
+			/**
+			 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
+			 * the `<Blade>`'s containing `<Pane>`.
+			 *
+			 * This property is exposed for advanced use cases only, such as when implementing convenience
+			 * components wrapping `<Blade>`'s functionality in combination with a Tweakpane plugin.
+			 *
+			 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
+			 *
+			 * @default `undefined`
+			 */
+			plugin?: import('../utils.js').Plugin | undefined;
+		},
+		'ref' | 'options' | 'plugin'
+	>);
 	slots: {};
 	events: {
 		/**

package/dist/monitor/Monitor.svelte.d.ts

@@ -8,14 +8,14 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 					 * @default `1`  \
 					 * Or `64` if value is `number` and `graph` is `true`.
 					 */
-					bufferSize?: number | undefined;
+					bufferSize?: number;
 					/**
 					 * Time between value samples in milliseconds.
 					 *
 					 * Useful when `graph` is true. Defaults to reactive value updates only (`interval={0}`).
 					 * @default `0`
 					 */
-					interval?: number | undefined;
+					interval?: number;
 					/**
 					 * Number of visible rows of state history.
 					 *
@@ -24,7 +24,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 					 * @default `1`  \
 					 * Or `3` if value is `string` and `multiline` is `true`.
 					 */
-					rows?: number | undefined;
+					rows?: number;
 				} & {
 					/**
 					 * A value to monitor.
@@ -44,7 +44,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 							 * Prevent interactivity and gray out the control.
 							 * @default `false`
 							 */
-							disabled?: boolean | undefined;
+							disabled?: boolean;
 							/**
 							 * Text displayed next to control.
 							 * @default `undefined`
@@ -108,7 +108,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 							 *
 							 * @default `undefined`
 							 */
-							plugin?: import('tweakpane').TpPluginBundle | undefined;
+							plugin?: import('..').Plugin | undefined;
 						},
 						'object' | 'key'
 					>,
@@ -127,7 +127,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 									 * Display multiline strings.
 									 * @default `false`
 									 */
-									multiline?: boolean | undefined;
+									multiline?: boolean;
 								} & Omit<
 									{
 										/**
@@ -135,14 +135,14 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 										 * @default `1`  \
 										 * Or `64` if value is `number` and `graph` is `true`.
 										 */
-										bufferSize?: number | undefined;
+										bufferSize?: number;
 										/**
 										 * Time between value samples in milliseconds.
 										 *
 										 * Useful when `graph` is true. Defaults to reactive value updates only (`interval={0}`).
 										 * @default `0`
 										 */
-										interval?: number | undefined;
+										interval?: number;
 										/**
 										 * Number of visible rows of state history.
 										 *
@@ -151,7 +151,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 										 * @default `1`  \
 										 * Or `3` if value is `string` and `multiline` is `true`.
 										 */
-										rows?: number | undefined;
+										rows?: number;
 									} & {
 										/**
 										 * A value to monitor.
@@ -171,7 +171,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 												 * Prevent interactivity and gray out the control.
 												 * @default `false`
 												 */
-												disabled?: boolean | undefined;
+												disabled?: boolean;
 												/**
 												 * Text displayed next to control.
 												 * @default `undefined`
@@ -225,7 +225,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 												 *
 												 * @default `undefined`
 												 */
-												plugin?: import('tweakpane').TpPluginBundle | undefined;
+												plugin?: import('..').Plugin | undefined;
 											},
 											'object' | 'key'
 										>,
@@ -245,14 +245,14 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 											 * @default `1`  \
 											 * Or `64` if value is `number` and `graph` is `true`.
 											 */
-											bufferSize?: number | undefined;
+											bufferSize?: number;
 											/**
 											 * Time between value samples in milliseconds.
 											 *
 											 * Useful when `graph` is true. Defaults to reactive value updates only (`interval={0}`).
 											 * @default `0`
 											 */
-											interval?: number | undefined;
+											interval?: number;
 											/**
 											 * Number of visible rows of state history.
 											 *
@@ -261,7 +261,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 											 * @default `1`  \
 											 * Or `3` if value is `string` and `multiline` is `true`.
 											 */
-											rows?: number | undefined;
+											rows?: number;
 										} & {
 											/**
 											 * A value to monitor.
@@ -281,7 +281,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 													 * Prevent interactivity and gray out the control.
 													 * @default `false`
 													 */
-													disabled?: boolean | undefined;
+													disabled?: boolean;
 													/**
 													 * Text displayed next to control.
 													 * @default `undefined`
@@ -335,7 +335,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 													 *
 													 * @default `undefined`
 													 */
-													plugin?: import('tweakpane').TpPluginBundle | undefined;
+													plugin?: import('..').Plugin | undefined;
 												},
 												'object' | 'key'
 											>,
@@ -352,23 +352,23 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 											 * Minimum bound when `graph` is true.
 											 * @default `0`
 											 */
-											min?: number | undefined;
+											min?: number;
 											/**
 											 * Maximum bound when `graph` is true.
 											 * @default `100`
 											 */
-											max?: number | undefined;
+											max?: number;
 											/**
 											 * A function to customize the number's string representation (e.g. rounding, etc.).
 											 * @default `undefined`  \
 											 * Normal `.toString()` formatting.
 											 */
-											format?: ((value: number) => string) | undefined;
+											format?: (value: number) => string;
 											/**
 											 * Display a graph of the value's changes over time.
 											 * @default `false`
 											 */
-											graph?: boolean | undefined;
+											graph?: boolean;
 										} & Omit<
 											{
 												/**
@@ -376,14 +376,14 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 												 * @default `1`  \
 												 * Or `64` if value is `number` and `graph` is `true`.
 												 */
-												bufferSize?: number | undefined;
+												bufferSize?: number;
 												/**
 												 * Time between value samples in milliseconds.
 												 *
 												 * Useful when `graph` is true. Defaults to reactive value updates only (`interval={0}`).
 												 * @default `0`
 												 */
-												interval?: number | undefined;
+												interval?: number;
 												/**
 												 * Number of visible rows of state history.
 												 *
@@ -392,7 +392,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 												 * @default `1`  \
 												 * Or `3` if value is `string` and `multiline` is `true`.
 												 */
-												rows?: number | undefined;
+												rows?: number;
 											} & {
 												/**
 												 * A value to monitor.
@@ -412,7 +412,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 														 * Prevent interactivity and gray out the control.
 														 * @default `false`
 														 */
-														disabled?: boolean | undefined;
+														disabled?: boolean;
 														/**
 														 * Text displayed next to control.
 														 * @default `undefined`
@@ -466,7 +466,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 														 *
 														 * @default `undefined`
 														 */
-														plugin?: import('tweakpane').TpPluginBundle | undefined;
+														plugin?: import('..').Plugin | undefined;
 													},
 													'object' | 'key'
 												>,
@@ -477,7 +477,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 											 * A value to monitor.
 											 * @bindable
 											 * */
-											value: string | number | boolean;
+											value: boolean | number | string;
 										}
 						: never
 					: never)
@@ -488,14 +488,14 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 					 * @default `1`  \
 					 * Or `64` if value is `number` and `graph` is `true`.
 					 */
-					bufferSize?: number | undefined;
+					bufferSize?: number;
 					/**
 					 * Time between value samples in milliseconds.
 					 *
 					 * Useful when `graph` is true. Defaults to reactive value updates only (`interval={0}`).
 					 * @default `0`
 					 */
-					interval?: number | undefined;
+					interval?: number;
 					/**
 					 * Number of visible rows of state history.
 					 *
@@ -504,7 +504,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 					 * @default `1`  \
 					 * Or `3` if value is `string` and `multiline` is `true`.
 					 */
-					rows?: number | undefined;
+					rows?: number;
 				} & {
 					/**
 					 * A value to monitor.
@@ -525,7 +525,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 							 * Prevent interactivity and gray out the control.
 							 * @default `false`
 							 */
-							disabled?: boolean | undefined;
+							disabled?: boolean;
 							/**
 							 * Text displayed next to control.
 							 * @default `undefined`
@@ -581,7 +581,7 @@ declare class __sveltets_Render<W extends number | string | boolean | unknown> {
 							 *
 							 * @default `undefined`
 							 */
-							plugin?: import('tweakpane').TpPluginBundle | undefined;
+							plugin?: import('..').Plugin | undefined;
 						},
 						'object' | 'key'
 					>,

package/dist/monitor/Profiler.svelte

@@ -1,10 +1,10 @@
 <script context="module"></script>
 
 <script>
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-profiler';
 	import Blade from '../core/Blade.svelte';
 	import ClsPad from '../internal/ClsPad.svelte';
 	import { fillWith } from '../utils';
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-profiler';
 	import { BROWSER } from 'esm-env';
 	import { createEventDispatcher, onDestroy } from 'svelte';
 	function _measure(name, functionToMeasure) {