svelte-tweakpane-ui 1.5.3 → 1.5.5

package/dist/monitor/Profiler.svelte

@@ -1,59 +1,59 @@
 <script context="module"></script>
 
 <script>
-	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';
+	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) {
-		profilerBlade?.measure(name, functionToMeasure);
+		profilerBlade?.measure(name, functionToMeasure)
 	}
 	async function _measureAsync(name, functionToMeasure) {
-		await profilerBlade?.measureAsync(name, functionToMeasure);
+		await profilerBlade?.measureAsync(name, functionToMeasure)
 	}
-	export let label = void 0;
-	export let bufferSize = void 0;
-	export let calcMode = void 0;
-	export let deltaUnit = void 0;
-	export let fractionDigits = void 0;
-	export let measureHandler = void 0;
-	export const measure = _measure;
-	export const measureAsync = _measureAsync;
-	export let interval = void 0;
-	export let targetDelta = void 0;
-	let profilerBlade;
-	let options;
-	let observer = void 0;
-	const dispatch = createEventDispatcher();
+	export let label = void 0
+	export let bufferSize = void 0
+	export let calcMode = void 0
+	export let deltaUnit = void 0
+	export let fractionDigits = void 0
+	export let measureHandler = void 0
+	export const measure = _measure
+	export const measureAsync = _measureAsync
+	export let interval = void 0
+	export let targetDelta = void 0
+	let profilerBlade
+	let options
+	let observer = void 0
+	const dispatch = createEventDispatcher()
 	onDestroy(() => {
-		stopObservingMeasuredValue();
-	});
+		stopObservingMeasuredValue()
+	})
 	function startObservingMeasuredValue() {
-		stopObservingMeasuredValue();
-		const targetNode = profilerBlade.controller.view.valueElement;
-		if (!targetNode?.innerHTML) return;
+		stopObservingMeasuredValue()
+		const targetNode = profilerBlade.controller.view.valueElement
+		if (!targetNode?.innerHTML) return
 		observer = new MutationObserver((mutations) => {
 			for (const mutation of mutations) {
 				if (mutation.type === 'characterData' || mutation.type === 'childList') {
-					const fpsText = mutation.target.textContent;
+					const fpsText = mutation.target.textContent
 					if (fpsText !== null) {
-						const delta = Number.parseFloat(fpsText);
-						!Number.isNaN(delta) && dispatch('change', delta);
+						const delta = Number.parseFloat(fpsText)
+						!Number.isNaN(delta) && dispatch('change', delta)
 					}
 				}
 			}
-		});
-		observer.observe(targetNode, { characterData: true, childList: true, subtree: true });
+		})
+		observer.observe(targetNode, { characterData: true, childList: true, subtree: true })
 	}
 	function stopObservingMeasuredValue() {
 		if (observer) {
-			observer.disconnect();
-			observer = void 0;
+			observer.disconnect()
+			observer = void 0
 		}
 	}
-	$: profilerBlade && startObservingMeasuredValue();
+	$: profilerBlade && startObservingMeasuredValue()
 	$: options = {
 		bufferSize,
 		calcMode,
@@ -63,8 +63,8 @@
 		label,
 		measureHandler,
 		targetDelta,
-		view: 'profiler'
-	};
+		view: 'profiler',
+	}
 </script>
 
 <Blade bind:ref={profilerBlade} {options} plugin={pluginModule} {...$$restProps} />

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

@@ -1,16 +1,16 @@
-import { SvelteComponent } from 'svelte';
-import type { Simplify } from '../utils';
-import type { ProfilerBladeMeasureHandler } from '@kitschpatrol/tweakpane-plugin-profiler';
-export type ProfilerCalcMode = 'frame' | 'mean' | 'median';
-export type ProfilerMeasure = (name: string, functionToMeasure: () => void) => void;
+import { SvelteComponent } from 'svelte'
+import type { Simplify } from '../utils'
+import type { ProfilerBladeMeasureHandler } from '@kitschpatrol/tweakpane-plugin-profiler'
+export type ProfilerCalcMode = 'frame' | 'mean' | 'median'
+export type ProfilerMeasure = (name: string, functionToMeasure: () => void) => void
 export type ProfilerMeasureAsync = (
 	name: string,
-	functionToMeasure: () => Promise<void>
-) => Promise<void>;
-export type ProfilerMeasureHandler = Simplify<ProfilerBladeMeasureHandler>;
-export type ProfilerChangeEvent = CustomEvent<number>;
-import type { ProfilerBladeApi as ProfilerRef } from '@kitschpatrol/tweakpane-plugin-profiler/dist/types/ProfilerBladeApi.js';
-import type { ProfilerBladePluginParams as ProfilerOptions } from '@kitschpatrol/tweakpane-plugin-profiler/dist/types/ProfilerBladePluginParams.js';
+	functionToMeasure: () => Promise<void>,
+) => Promise<void>
+export type ProfilerMeasureHandler = Simplify<ProfilerBladeMeasureHandler>
+export type ProfilerChangeEvent = CustomEvent<number>
+import type { ProfilerBladeApi as ProfilerRef } from '@kitschpatrol/tweakpane-plugin-profiler/dist/types/ProfilerBladeApi.js'
+import type { ProfilerBladePluginParams as ProfilerOptions } from '@kitschpatrol/tweakpane-plugin-profiler/dist/types/ProfilerBladePluginParams.js'
 declare const __propDef: {
 	props: {
 		/**
@@ -24,7 +24,7 @@ declare const __propDef: {
 		 * @readonly
 		 * @default `undefined`
 		 */
-		measure?: ProfilerMeasure | undefined;
+		measure?: ProfilerMeasure | undefined
 		/**
 		 * Async variation of function handle that wraps another function to measure its execution
 		 * duration.
@@ -35,14 +35,14 @@ declare const __propDef: {
 		 * @readonly
 		 * @default `undefined`
 		 */
-		measureAsync?: ProfilerMeasureAsync | undefined;
+		measureAsync?: ProfilerMeasureAsync | undefined
 	} & ({
 		/**
 		 * Number of duration samples from which to calculate the delta value when `calcMode` is
 		 * `'mean'` or `'median'`.
 		 * @default `30`
 		 */
-		bufferSize?: number;
+		bufferSize?: number
 		/**
 		 * How to calculate the delta value.
 		 *
@@ -50,7 +50,7 @@ declare const __propDef: {
 		 * calculated from the samples in the buffer.
 		 * @default `'mean'`
 		 */
-		calcMode?: ProfilerCalcMode;
+		calcMode?: ProfilerCalcMode
 		/**
 		 * Label suffix for the delta values shown in the control.
 		 *
@@ -58,12 +58,12 @@ declare const __propDef: {
 		 * measuring something other than time.
 		 * @default `'ms'`
 		 * */
-		deltaUnit?: string;
+		deltaUnit?: string
 		/**
 		 * Precision of the delta values shown in the control.
 		 * @default `2`
 		 */
-		fractionDigits?: number;
+		fractionDigits?: number
 		/**
 		 * Milliseconds between updates to the profiler visualization and delta label text.
 		 *
@@ -71,12 +71,12 @@ declare const __propDef: {
 		 * is determined by your calls to the bound `measure` function.
 		 * @default `500`
 		 */
-		interval?: number;
+		interval?: number
 		/**
 		 * Text displayed next to the profiler visualization.
 		 * @default `undefined`
 		 * */
-		label?: string;
+		label?: string
 		/**
 		 * Function handle that wraps another function to measure its execution duration.
 		 *
@@ -89,7 +89,7 @@ declare const __propDef: {
 		 * @readonly
 		 * @default `undefined`
 		 */
-		measure?: ProfilerMeasure;
+		measure?: ProfilerMeasure
 		/**
 		 * Async variation of function handle that wraps another function to measure its execution
 		 * duration.
@@ -101,7 +101,7 @@ declare const __propDef: {
 		 * @readonly
 		 * @default `undefined`
 		 */
-		measureAsync?: ProfilerMeasureAsync;
+		measureAsync?: ProfilerMeasureAsync
 		/**
 		 * Function wrapping the `measure` function.
 		 *
@@ -109,13 +109,13 @@ declare const __propDef: {
 		 * @default [`new
 		 * ProfilerBladeDefaultMeasureHandler()`](https://github.com/kitschpatrol/tweakpane-plugin-profiler/blob/dev/src/ProfilerBladeDefaultMeasureHandler.ts)
 		 */
-		measureHandler?: ProfilerMeasureHandler;
+		measureHandler?: ProfilerMeasureHandler
 		/**
 		 * Determines the horizontal scale and color mapping of the profiler visualization bars.
 		 * @default `16.67`  \
 		 * 60fps.
 		 */
-		targetDelta?: number;
+		targetDelta?: number
 	} & Omit<
 		{
 			/**
@@ -123,19 +123,19 @@ declare const __propDef: {
 			 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
 			 *
 			 */
-			options: ProfilerOptions;
+			options: ProfilerOptions
 			/**
 			 * Prevent interactivity and gray out the control.
 			 * @default `false`
 			 */
-			disabled?: boolean;
+			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;
+			theme?: import('..').Theme | undefined
 			/**
 			 * Reference to internal Tweakpane
 			 * [`BladeApi`](https://tweakpane.github.io/docs/api/classes/BladeApi.html) for this blade.
@@ -148,7 +148,7 @@ declare const __propDef: {
 			 * @bindable
 			 * @readonly
 			 */
-			ref?: ProfilerRef | undefined;
+			ref?: ProfilerRef | undefined
 			/**
 			 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 			 * the `<Blade>`'s containing `<Pane>`.
@@ -160,11 +160,11 @@ declare const __propDef: {
 			 *
 			 * @default `undefined`
 			 */
-			plugin?: import('../utils').Plugin | undefined;
+			plugin?: import('../utils').Plugin | undefined
 		},
 		'ref' | 'options' | 'plugin'
-	>);
-	slots: {};
+	>)
+	slots: {}
 	events: {
 		/**
 		 * Fires when the overall delta value changes, passing the latest measurement.
@@ -173,12 +173,12 @@ declare const __propDef: {
 		 * `event.detail` parameter.
 		 * @event
 		 * */
-		change: ProfilerChangeEvent;
-	};
-};
-export type ProfilerProps = typeof __propDef.props;
-export type ProfilerEvents = typeof __propDef.events;
-export type ProfilerSlots = typeof __propDef.slots;
+		change: ProfilerChangeEvent
+	}
+}
+export type ProfilerProps = typeof __propDef.props
+export type ProfilerEvents = typeof __propDef.events
+export type ProfilerSlots = typeof __propDef.slots
 /**
  * Measure and visualize multiple quantities over time.
  *
@@ -198,67 +198,69 @@ export type ProfilerSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { onMount } from 'svelte';
+ * import { onMount } from 'svelte'
  * import {
  *   Profiler,
  *   type ProfilerMeasure,
- *   Slider
- * } from 'svelte-tweakpane-ui';
+ *   Slider,
+ * } from 'svelte-tweakpane-ui'
  *
- * // this is a readonly function handle assigned by Profiler component
+ * // This is a readonly function handle assigned by Profiler component
  * // first used in onMount since it is not bound until then
- * let measure: ProfilerMeasure;
+ * let measure: ProfilerMeasure
  *
- * let loopExponent = 1;
+ * let loopExponent = 1
  *
- * // helper to test Math functions
+ * // Helper to test Math functions
  * function hardWork(
  *   function_: (n: number) => number,
- *   exponent: number
+ *   exponent: number,
  * ): void {
  *   measure(function_.name, () => {
  *     for (let sum = 0; sum < Number('1e' + exponent); sum++) {
- *       function_(sum);
+ *       function_(sum)
  *     }
- *   });
+ *   })
  * }
  *
  * onMount(() => {
- *   let animationFrameHandle: number;
+ *   let animationFrameHandle: number
  *
- *   (function tick() {
- *     // Nesting measurements creates a hierarchy
- *     // in the Profile visualization
+ *   // Nesting measurements creates a hierarchy
+ *   // in the Profile visualization
+ *   function tick() {
  *     measure('Tick', () => {
  *       measure('Trigonometry', () => {
- *         hardWork(Math.sin, loopExponent);
- *         hardWork(Math.cos, loopExponent);
- *         hardWork(Math.tan, loopExponent);
- *         hardWork(Math.atan, loopExponent);
- *         hardWork(Math.acos, loopExponent);
- *         hardWork(Math.acosh, loopExponent);
- *       });
+ *         hardWork(Math.sin, loopExponent)
+ *         hardWork(Math.cos, loopExponent)
+ *         hardWork(Math.tan, loopExponent)
+ *         hardWork(Math.atan, loopExponent)
+ *         hardWork(Math.acos, loopExponent)
+ *         hardWork(Math.acosh, loopExponent)
+ *       })
  *       measure('Logarithms', () => {
- *         hardWork(Math.log, loopExponent);
- *         hardWork(Math.log10, loopExponent);
- *         hardWork(Math.log1p, loopExponent);
- *         hardWork(Math.log2, loopExponent);
- *       });
+ *         hardWork(Math.log, loopExponent)
+ *         hardWork(Math.log10, loopExponent)
+ *         hardWork(Math.log1p, loopExponent)
+ *         hardWork(Math.log2, loopExponent)
+ *       })
  *       measure('Rounding', () => {
- *         hardWork(Math.round, loopExponent);
- *         hardWork(Math.floor, loopExponent);
- *         hardWork(Math.ceil, loopExponent);
- *         hardWork(Math.fround, loopExponent);
- *       });
- *     });
+ *         hardWork(Math.round, loopExponent)
+ *         hardWork(Math.floor, loopExponent)
+ *         hardWork(Math.ceil, loopExponent)
+ *         hardWork(Math.fround, loopExponent)
+ *       })
+ *     })
+ *
+ *     animationFrameHandle = requestAnimationFrame(tick)
+ *   }
  *
- *     requestAnimationFrame(tick);
- *   })();
+ *   tick()
  *
  *   return () => {
- *     cancelAnimationFrame(animationFrameHandle);
- *   };
- * });
+ *     cancelAnimationFrame(animationFrameHandle)
+ *   }
+ * })
  * </script>
  *
  * <Profiler bind:measure label="Profiler" />
@@ -279,7 +281,7 @@ export default class Profiler extends SvelteComponent<
 	ProfilerEvents,
 	ProfilerSlots
 > {
-	get measure(): ProfilerMeasure;
-	get measureAsync(): ProfilerMeasureAsync;
+	get measure(): ProfilerMeasure
+	get measureAsync(): ProfilerMeasureAsync
 }
-export {};
+export {}

package/dist/monitor/WaveformMonitor.svelte

@@ -1,23 +1,23 @@
 <script context="module"></script>
 
 <script>
-	import ClsPad from '../internal/ClsPad.svelte';
-	import GenericMonitor from '../internal/GenericMonitor.svelte';
-	import { fillWith } from '../utils';
-	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-waveform';
-	import { BROWSER } from 'esm-env';
-	export let value;
-	export let max = void 0;
-	export let min = void 0;
-	export let lineStyle = void 0;
-	let options;
+	import ClsPad from '../internal/ClsPad.svelte'
+	import GenericMonitor from '../internal/GenericMonitor.svelte'
+	import { fillWith } from '../utils'
+	import * as pluginModule from '@kitschpatrol/tweakpane-plugin-waveform'
+	import { BROWSER } from 'esm-env'
+	export let value
+	export let max = void 0
+	export let min = void 0
+	export let lineStyle = void 0
+	let options
 	$: options = {
 		min,
 		max,
 		lineStyle,
 		readonly: true,
-		view: 'waveform'
-	};
+		view: 'waveform',
+	}
 </script>
 
 <GenericMonitor {value} {options} plugin={pluginModule} {...$$restProps} />

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

@@ -1,28 +1,28 @@
-import { SvelteComponent } from 'svelte';
-export type WaveformMonitorValue = number[] | Uint8Array | Uint16Array | Uint32Array;
-import type { WaveformStyles as WaveformMonitorLineStyle } from '@kitschpatrol/tweakpane-plugin-waveform/dist/types/view/waveform.js';
+import { SvelteComponent } from 'svelte'
+export type WaveformMonitorValue = number[] | Uint8Array | Uint16Array | Uint32Array
+import type { WaveformStyles as WaveformMonitorLineStyle } from '@kitschpatrol/tweakpane-plugin-waveform/dist/types/view/waveform.js'
 declare const __propDef: {
 	props: {
 		/**
 		 * Waveform values.
 		 * @bindable
 		 * */
-		value: WaveformMonitorValue;
+		value: WaveformMonitorValue
 		/**
 		 * Minimum graph bound.
 		 * @default `0`
 		 * */
-		min?: number;
+		min?: number
 		/**
 		 * Maximum graph bound.
 		 * @default `100`
 		 * */
-		max?: number;
+		max?: number
 		/**
 		 * Line style.
 		 * @default `'linear''`
 		 * */
-		lineStyle?: 'bezier' | 'linear';
+		lineStyle?: 'bezier' | 'linear'
 	} & Omit<
 		{
 			/**
@@ -30,14 +30,14 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `64` if value is `number` and `graph` is `true`.
 			 */
-			bufferSize?: number;
+			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;
+			interval?: number
 			/**
 			 * Number of visible rows of state history.
 			 *
@@ -46,32 +46,32 @@ declare const __propDef: {
 			 * @default `1`  \
 			 * Or `3` if value is `string` and `multiline` is `true`.
 			 */
-			rows?: number;
+			rows?: number
 		} & {
 			/**
 			 * Waveform values.
 			 * @bindable
 			 */
-			value: WaveformMonitorValue;
+			value: WaveformMonitorValue
 		} & Omit<
 				{
 					/**
 					 * The binding's target object with values to manipulate.
 					 * @bindable
 					 */
-					object: import('@tweakpane/core').Bindable & Record<string, WaveformMonitorValue>;
+					object: import('@tweakpane/core').Bindable & Record<string, WaveformMonitorValue>
 					/** 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.
 					 *
@@ -86,11 +86,11 @@ declare const __propDef: {
 					 */
 					options?:
 						| ({
-								min?: number;
-								max?: number;
-								lineStyle?: WaveformMonitorLineStyle;
+								min?: number
+								max?: number
+								lineStyle?: WaveformMonitorLineStyle
 						  } & import('@tweakpane/core').BaseMonitorParams)
-						| undefined;
+						| undefined
 					/**
 					 * Custom color scheme.
 					 *
@@ -98,7 +98,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
@@ -112,7 +112,7 @@ declare const __propDef: {
 					 * @bindable
 					 * @readonly
 					 */
-					ref?: import('../internal/GenericMonitor.svelte').GenericMonitorRef | undefined;
+					ref?: import('../internal/GenericMonitor.svelte').GenericMonitorRef | undefined
 					/**
 					 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 					 * the `<Binding>`'s containing `<Pane>`.
@@ -124,22 +124,22 @@ declare const __propDef: {
 					 *
 					 * @default `undefined`
 					 */
-					plugin?: import('../utils').Plugin | undefined;
+					plugin?: import('../utils').Plugin | undefined
 				},
 				'object' | 'key'
 			>,
 		'ref' | 'options' | 'plugin'
-	>;
+	>
 	events: {
-		[evt: string]: CustomEvent<any>;
-	};
-	slots: {};
-	exports?: {} | undefined;
-	bindings?: string | undefined;
-};
-export type WaveformMonitorProps = typeof __propDef.props;
-export type WaveformMonitorEvents = typeof __propDef.events;
-export type WaveformMonitorSlots = typeof __propDef.slots;
+		[evt: string]: CustomEvent<any>
+	}
+	slots: {}
+	exports?: {} | undefined
+	bindings?: string | undefined
+}
+export type WaveformMonitorProps = typeof __propDef.props
+export type WaveformMonitorEvents = typeof __propDef.events
+export type WaveformMonitorSlots = typeof __propDef.slots
 /**
  * Visualize multiple numeric values as a waveform.
  *
@@ -156,18 +156,18 @@ export type WaveformMonitorSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { WaveformMonitor } from 'svelte-tweakpane-ui';
+ * import { WaveformMonitor } from 'svelte-tweakpane-ui'
  *
- * let waveData = [5, 6, 7, 8, 9, 3, 9, 8, 7, 6, 5];
+ * let waveData = [5, 6, 7, 8, 9, 3, 9, 8, 7, 6, 5]
  *
  * setInterval(() => {
  *   waveData = waveData.map((v) =>
- *     Math.max(0, Math.min(10, v + (Math.random() * 2 - 1) * 0.5))
- *   );
- * }, 10);
+ *     Math.max(0, Math.min(10, v + (Math.random() * 2 - 1) * 0.5)),
+ *   )
+ * }, 10)
  * </script>
  *
- * <WaveformMonitor value={waveData} min={-1} max={11} lineStyle={'bezier'} />
+ * <WaveformMonitor value={waveData} min={-1} max={11} lineStyle="bezier" />
  * ```
  *
  * @sourceLink
@@ -178,4 +178,4 @@ export default class WaveformMonitor extends SvelteComponent<
 	WaveformMonitorEvents,
 	WaveformMonitorSlots
 > {}
-export {};
+export {}