svelte-tweakpane-ui 1.6.0-preview.3 → 1.6.0-preview.5

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

@@ -7,19 +7,90 @@ declare class __sveltets_Render<
 	U extends GenericMonitorOptions,
 	V extends GenericMonitorRef = GenericMonitorRef,
 > {
-	props(): {
+	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
+			/**
+			 * 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('..').Plugin | undefined
+		},
+		'object' | 'key'
+	> & {
+		/**
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T
+	} & {
 		/**
 		 * Number of past states to retain.
 		 * @default `1`  \
 		 * Or `64` if value is `number` and `graph` is `true`.
-		 * */
+		 */
 		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
 		/**
 		 * Number of visible rows of state history.
@@ -28,83 +99,9 @@ declare class __sveltets_Render<
 		 * row count.
 		 * @default `1`  \
 		 * Or `3` if value is `string` and `multiline` is `true`.
-		 * */
-		rows?: number
-	} & {
-		/**
-		 * 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
-				/**
-				 * 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('..').Plugin | undefined
-			},
-			'object' | 'key'
-		>
+		rows?: number
+	}
 	events(): {} & {
 		[evt: string]: CustomEvent<any>
 	}

package/dist/internal/GenericPane.svelte

@@ -1,11 +1,11 @@
 <script>
-	import ClsPad from './ClsPad.svelte'
-	import { applyTheme } from '../theme.js'
-	import { updateCollapsibility } from '../utils.js'
 	import { BROWSER } from 'esm-env'
 	import { getContext, onDestroy, setContext, tick } from 'svelte'
 	import { writable } from 'svelte/store'
 	import { Pane as TpPane } from 'tweakpane'
+	import ClsPad from './ClsPad.svelte'
+	import { applyTheme } from '../theme.js'
+	import { updateCollapsibility } from '../utils.js'
 	export let title = void 0
 	export let userExpandable = true
 	export let expanded = true
@@ -65,7 +65,7 @@
 			}
 		})
 	}
-	$: tpPane?.element && tpPane?.element.classList.add('svelte-tweakpane-ui')
+	$: tpPane?.element?.classList.add('svelte-tweakpane-ui')
 	$: tpPane && setScale(scale)
 	$: tpPane && updateCollapsibility(userExpandable, tpPane.element, 'tp-rotv_b', 'tp-rotv_m')
 	$: tpPane && title !== void 0 && (tpPane.title = title.length > 0 ? title : ' ')

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

@@ -1,6 +1,6 @@
 import { SvelteComponent } from 'svelte'
-import { type Theme } from '../theme.js'
 import { Pane as TpPane } from 'tweakpane'
+import { type Theme } from '../theme.js'
 declare const __propDef: {
 	props: {
 		/**
@@ -8,18 +8,18 @@ declare const __propDef: {
 		 * @default `Tweakpane`  \
 		 * Unless `position="inline"`, in which case the default is `undefined` and no title bar is
 		 * shown.
-		 * */ title?: string | undefined
+		 */ title?: string | undefined
 		/**
 		 * Allow users to interactively expand / contract the pane by clicking its title bar.
 		 *
 		 * Hides the collapse button from the title bar when `false`.
 		 * @default `true`
-		 * */ userExpandable?: boolean
+		 */ userExpandable?: boolean
 		/**
 		 * Expand or collapse the pane into its title bar.
 		 * @default `true`
 		 * @bindable
-		 * */ expanded?: boolean
+		 */ expanded?: boolean
 		/**
 		 * Custom color scheme.
 		 *
@@ -37,7 +37,7 @@ declare const __propDef: {
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.
-		 * */ theme?: Theme | undefined
+		 */ theme?: Theme | undefined
 		/**
 		 * Scales the pane's elements by a factor of `scale` to make it easier to see.
 		 *
@@ -62,10 +62,9 @@ declare const __propDef: {
 		 * Note that the `Pane` type for this property comes from the core Tweakpane library.
 		 * Creating an alias is suggested to avoid confusion with the _Svelte Tweakpane UI_ `Pane`
 		 * component: e.g. `import { type Pane as TpPane } from 'tweakpane'`
-		 *
 		 * @bindable
 		 * @readonly
-		 * */ tpPane?: TpPane | undefined
+		 */ tpPane?: TpPane | undefined
 	}
 	events: {
 		[evt: string]: CustomEvent<any>

package/dist/internal/GenericSlider.svelte

@@ -1,4 +1,4 @@
-<script generics="T extends number | IntervalSliderValue">
+<script generics="T extends IntervalSliderValue | number">
 	import GenericInput from './GenericInput.svelte'
 	export let value
 	export let options = void 0

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

@@ -1,129 +1,128 @@
 import { SvelteComponent } from 'svelte'
+import type {
+	NumberInputParams as GenericSliderOptions,
+	SliderInputBindingApi as GenericSliderRef,
+} from 'tweakpane'
 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(): {
+declare class __sveltets_Render<T extends IntervalSliderValue | number> {
+	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
+			/**
+			 * 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('..').Plugin | undefined
+		},
+		'object' | 'key'
+	> & {
 		/**
-		 * Minimum value.
-		 *
-		 * Specifying both a `min` and a `max` prop turns the control into a slider.
-		 * @default `undefined`
-		 * */
-		min?: number
-		/**
-		 * Maximum value.
-		 *
-		 * Specifying both a `min` and a `max` prop turns the control into a slider.
-		 * @default `undefined`
-		 * */
-		max?: number
+		 * The value to control.
+		 * @bindable
+		 */
+		value: T
+	} & {
 		/**
 		 * A function to customize the point value's string representation (e.g. rounding, etc.).
 		 * @default `undefined`  \
 		 * Normal `.toString()` formatting.
-		 * */
+		 */
 		format?: ((value: number) => string) | undefined
 		/**
 		 * The unit scale for key-based input for all dimensions (e.g. the up and down arrow keys).
 		 * @default `1`  \
 		 * Or `stepValue` if defined.
-		 * */
+		 */
 		keyScale?: number
+		/**
+		 * Maximum value.
+		 *
+		 * Specifying both a `min` and a `max` prop turns the control into a slider.
+		 * @default `undefined`
+		 */
+		max?: number
+		/**
+		 * Minimum value.
+		 *
+		 * Specifying both a `min` and a `max` prop turns the control into a slider.
+		 * @default `undefined`
+		 */
+		min?: 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
 		/**
 		 * The minimum step interval.
 		 * @default `undefined`  \
 		 * No step constraint.
-		 * */
+		 */
 		step?: number
 		/**
 		 * When `true`, expand the width of the control at the expense of the numeric input
 		 * field.
 		 * @default `false`
-		 * */
-		wide?: boolean
-	} & {
-		/**
-		 * 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
-				/**
-				 * 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('..').Plugin | undefined
-			},
-			'object' | 'key'
-		>
+		wide?: boolean
+	}
 	events(): {
 		change: import('..').BindingChangeEvent
 	} & {
@@ -131,13 +130,13 @@ declare class __sveltets_Render<T extends number | IntervalSliderValue> {
 	}
 	slots(): {}
 }
-export type GenericSliderProps<T extends number | IntervalSliderValue> = ReturnType<
+export type GenericSliderProps<T extends IntervalSliderValue | number> = ReturnType<
 	__sveltets_Render<T>['props']
 >
-export type GenericSliderEvents<T extends number | IntervalSliderValue> = ReturnType<
+export type GenericSliderEvents<T extends IntervalSliderValue | number> = ReturnType<
 	__sveltets_Render<T>['events']
 >
-export type GenericSliderSlots<T extends number | IntervalSliderValue> = ReturnType<
+export type GenericSliderSlots<T extends IntervalSliderValue | number> = ReturnType<
 	__sveltets_Render<T>['slots']
 >
 /**
@@ -150,7 +149,7 @@ export type GenericSliderSlots<T extends number | IntervalSliderValue> = ReturnT
  * @sourceLink
  * [GenericSlider.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/internal/GenericSlider.svelte)
  */
-export default class GenericSlider<T extends number | IntervalSliderValue> extends SvelteComponent<
+export default class GenericSlider<T extends IntervalSliderValue | number> extends SvelteComponent<
 	GenericSliderProps<T>,
 	GenericSliderEvents<T>,
 	GenericSliderSlots<T>

package/dist/internal/InternalMonitorBoolean.svelte

@@ -1,10 +1,10 @@
 <script context="module"></script>
 
 <script>
+	import { BROWSER } from 'esm-env'
 	import ClsPad from './ClsPad.svelte'
 	import GenericMonitor from './GenericMonitor.svelte'
-	import { fillWith, rowsForMonitor } from '../utils'
-	import { BROWSER } from 'esm-env'
+	import { fillWith, rowsForMonitor } from '../utils.js'
 	export let value
 </script>