svelte-tweakpane-ui 1.3.0 → 1.3.2

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

@@ -14,23 +14,23 @@ declare class __sveltets_Render<
 		 * DOM class name of the button used to expand and collapse the input's picker.
 		 * @default `undefined`
 		 * */
-		buttonClass?: string | undefined;
+		buttonClass?: string;
 		/**
 		 * Expand or collapse the input's picker.
 		 * @default `false`
 		 * @bindable
 		 * */
-		expanded?: boolean | undefined;
+		expanded?: boolean;
 		/**
 		 * The style of value "picker" to use in the input.
 		 * @default `'popup'`
 		 */
-		picker?: 'inline' | 'popup' | undefined;
+		picker?: 'inline' | 'popup';
 		/**
 		 * Allow users to interactively expand / contract the picker.
 		 * @default `true`
 		 * */
-		userExpandable?: boolean | undefined;
+		userExpandable?: boolean;
 	} & {
 		/**
 		 * The value to control.
@@ -50,7 +50,7 @@ declare class __sveltets_Render<
 				 * Prevent interactivity and gray out the control.
 				 * @default `false`
 				 */
-				disabled?: boolean | undefined;
+				disabled?: boolean;
 				/**
 				 * Text displayed next to control.
 				 * @default `undefined`
@@ -102,7 +102,7 @@ declare class __sveltets_Render<
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('tweakpane').TpPluginBundle | undefined;
+				plugin?: import('../utils.js').Plugin | undefined;
 			},
 			'object' | 'key'
 		>;

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

@@ -13,14 +13,14 @@ declare class __sveltets_Render<
 		 * @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.
 		 *
@@ -29,7 +29,7 @@ declare class __sveltets_Render<
 		 * @default `1`  \
 		 * Or `3` if value is `string` and `multiline` is `true`.
 		 * */
-		rows?: number | undefined;
+		rows?: number;
 	} & {
 		/**
 		 * The value to control.
@@ -49,7 +49,7 @@ declare class __sveltets_Render<
 				 * Prevent interactivity and gray out the control.
 				 * @default `false`
 				 */
-				disabled?: boolean | undefined;
+				disabled?: boolean;
 				/**
 				 * Text displayed next to control.
 				 * @default `undefined`
@@ -101,7 +101,7 @@ declare class __sveltets_Render<
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
+				plugin?: import('..').Plugin | undefined;
 			},
 			'object' | 'key'
 		>;

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

@@ -14,12 +14,12 @@ 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.
 		 *
@@ -50,8 +50,8 @@ declare const __propDef: {
 		 *
 		 * Negative values are ignored.
 		 * @default `1`
-		 */ scale?: number | undefined;
-		/** Internal use only. */ userCreatedPane?: boolean | undefined;
+		 */ scale?: number;
+		/** Internal use only. */ userCreatedPane?: boolean;
 		/**
 		 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
 		 *

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

@@ -10,14 +10,14 @@ declare class __sveltets_Render<T extends number | IntervalSliderValue> {
 		 * Specifying both a `min` and a `max` prop turns the control into a slider.
 		 * @default `undefined`
 		 * */
-		min?: number | undefined;
+		min?: number;
 		/**
 		 * Maximum value.
 		 *
 		 * Specifying both a `min` and a `max` prop turns the control into a slider.
 		 * @default `undefined`
 		 * */
-		max?: number | undefined;
+		max?: number;
 		/**
 		 * A function to customize the point value's string representation (e.g. rounding, etc.).
 		 * @default `undefined`  \
@@ -29,26 +29,26 @@ declare class __sveltets_Render<T extends number | IntervalSliderValue> {
 		 * @default `1`  \
 		 * Or `stepValue` if defined.
 		 * */
-		keyScale?: number | undefined;
+		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 | undefined;
+		pointerScale?: number;
 		/**
 		 * The minimum step interval.
 		 * @default `undefined`  \
 		 * No step constraint.
 		 * */
-		step?: number | undefined;
+		step?: number;
 		/**
 		 * When `true`, expand the width of the control at the expense of the numeric input
 		 * field.
 		 * @default `false`
 		 * */
-		wide?: boolean | undefined;
+		wide?: boolean;
 	} & {
 		/**
 		 * The value to control.
@@ -68,7 +68,7 @@ declare class __sveltets_Render<T extends number | IntervalSliderValue> {
 				 * Prevent interactivity and gray out the control.
 				 * @default `false`
 				 */
-				disabled?: boolean | undefined;
+				disabled?: boolean;
 				/**
 				 * Text displayed next to control.
 				 * @default `undefined`
@@ -120,7 +120,7 @@ declare class __sveltets_Render<T extends number | IntervalSliderValue> {
 				 *
 				 * @default `undefined`
 				 */
-				plugin?: import('tweakpane').TpPluginBundle | undefined;
+				plugin?: import('..').Plugin | undefined;
 			},
 			'object' | 'key'
 		>;

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

@@ -14,14 +14,14 @@ declare const __propDef: {
 			 * @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.
 			 *
@@ -30,7 +30,7 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `3` if value is `string` and `multiline` is `true`.
 			 */
-			rows?: number | undefined;
+			rows?: number;
 		} & {
 			/**
 			 * A `boolean` value to monitor.
@@ -49,7 +49,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -101,7 +101,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
+					plugin?: import('../utils').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,

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

@@ -11,23 +11,23 @@ declare const __propDef: {
 		 * 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<
 		{
 			/**
@@ -35,14 +35,14 @@ declare const __propDef: {
 			 * @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.
 			 *
@@ -51,7 +51,7 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `3` if value is `string` and `multiline` is `true`.
 			 */
-			rows?: number | undefined;
+			rows?: number;
 		} & {
 			/**
 			 * A `number` value to monitor.
@@ -70,7 +70,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -122,7 +122,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
+					plugin?: import('../utils.js').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,

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

@@ -11,7 +11,7 @@ declare const __propDef: {
 		 * Display multiline strings.
 		 * @default `false`
 		 * */
-		multiline?: boolean | undefined;
+		multiline?: boolean;
 	} & Omit<
 		{
 			/**
@@ -19,14 +19,14 @@ declare const __propDef: {
 			 * @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.
 			 *
@@ -35,7 +35,7 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `3` if value is `string` and `multiline` is `true`.
 			 */
-			rows?: number | undefined;
+			rows?: number;
 		} & {
 			/**
 			 * A `string` value to monitor.
@@ -54,7 +54,7 @@ declare const __propDef: {
 					 * Prevent interactivity and gray out the control.
 					 * @default `false`
 					 */
-					disabled?: boolean | undefined;
+					disabled?: boolean;
 					/**
 					 * Text displayed next to control.
 					 * @default `undefined`
@@ -106,7 +106,7 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('@tweakpane/core').TpPluginBundle | undefined;
+					plugin?: import('../utils').Plugin | undefined;
 				},
 				'object' | 'key'
 			>,
@@ -144,7 +144,7 @@ export type InternalMonitorStringSlots = typeof __propDef.slots;
  * <script lang="ts">
  * import { InternalMonitorString } from 'svelte-tweakpane-ui';
  *
- * let stringToMonitor = 'bla\n\bla\nbla';
+ * let stringToMonitor = 'so\nit\ngoes';
  *
  * setInterval(() => {
  *   stringToMonitor = stringToMonitor

package/dist/internal/InternalPaneDraggable.svelte

@@ -9,7 +9,7 @@
 	import GenericPane from './GenericPane.svelte';
 	import { clamp, getSwatchButton, pickerIsOpen, removeKeys } from '../utils.js';
 	import { onDestroy, onMount } from 'svelte';
-	import { persisted } from 'svelte-local-storage-store';
+	import { persisted } from 'svelte-persisted-store';
 	const titlebarWindowShadeSingleClick = true;
 	const titlebarWindowShadeDoubleClick = false;
 	const pointerCancelOnWindowBlur = true;

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.
 			 *

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.
 			 *

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.
 		 *

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;