svelte-tweakpane-ui 1.5.17 → 1.5.19

package/dist/control/CubicBezier.svelte

@@ -22,40 +22,42 @@
 	}
 	function setValue() {
 		if (
-			!shallowEqual(getValue(), [
+			shallowEqual(getValue(), [
 				cubicBezierBlade.value.x1,
 				cubicBezierBlade.value.y1,
 				cubicBezierBlade.value.x2,
 				cubicBezierBlade.value.y2,
 			])
 		) {
-			cubicBezierBlade.value = Array.isArray(value)
-				? new CubicBezier(value[0], value[1], value[2], value[3])
-				: new CubicBezier(value.x1, value.y1, value.x2, value.y2)
-			dispatch('change', {
-				value: copy(value),
-				origin: 'external',
-			})
+			return
 		}
+		cubicBezierBlade.value = Array.isArray(value)
+			? new CubicBezier(value[0], value[1], value[2], value[3])
+			: new CubicBezier(value.x1, value.y1, value.x2, value.y2)
+		dispatch('change', {
+			value: copy(value),
+			origin: 'external',
+		})
 	}
 	function addEvent() {
 		cubicBezierBlade.on('change', (event) => {
 			if (
-				!shallowEqual(getValue(), [event.value.x1, event.value.y1, event.value.x2, event.value.y2])
+				shallowEqual(getValue(), [event.value.x1, event.value.y1, event.value.x2, event.value.y2])
 			) {
-				value = Array.isArray(value)
-					? [event.value.x1, event.value.y1, event.value.x2, event.value.y2]
-					: {
-							x1: event.value.x1,
-							y1: event.value.y1,
-							x2: event.value.x2,
-							y2: event.value.y2,
-						}
-				dispatch('change', {
-					value: copy(value),
-					origin: 'internal',
-				})
+				return
 			}
+			value = Array.isArray(value)
+				? [event.value.x1, event.value.y1, event.value.x2, event.value.y2]
+				: {
+						x1: event.value.x1,
+						y1: event.value.y1,
+						x2: event.value.x2,
+						y2: event.value.y2,
+					}
+			dispatch('change', {
+				value: copy(value),
+				origin: 'internal',
+			})
 		})
 	}
 	$: options = {
@@ -63,8 +65,8 @@
 		value: getValue(),
 		view: 'cubicbezier',
 	}
-	$: cubicBezierBlade && addEvent()
-	$: (value, cubicBezierBlade && setValue())
+	$: cubicBezierBlade !== void 0 && addEvent()
+	$: (value, cubicBezierBlade !== void 0 && setValue())
 </script>
 
 <GenericBladeFolding
@@ -77,7 +79,7 @@
 />
 {#if !BROWSER}
 	<ClsPad keysAdd={fillWith('containerUnitSize', 1)} theme={$$props.theme} />
-	{#if expanded && $$props.picker === 'inline'}
+	{#if expanded === true && $$props.picker === 'inline'}
 		<ClsPad keysAdd={fillWith('containerUnitSize', 6)} theme={$$props.theme} />
 		<ClsPad keysAdd={fillWith('containerUnitSpacing', 2)} theme={$$props.theme} />
 	{/if}

package/dist/control/Image.svelte.d.ts

@@ -148,7 +148,7 @@ export type ImageSlots = typeof __propDef.slots
  * _Important: This component has some rough edges, and should be considered experimental._
  *
  * Integrates the [tweakpane-image-plugin](https://github.com/metehus/tweakpane-image-plugin),
- * incorporating work by [Florian Morel](http://ayamflow.fr), [Matheus
+ * incorporating work by [Florian Morel](https://ayamflow.fr), [Matheus
  * Dias](https://www.linkedin.com/in/matheusdbs/), [Palash Bansal](https://github.com/repalash), and
  * others.
  *

package/dist/control/IntervalSlider.svelte

@@ -25,24 +25,25 @@
 		}
 	}
 	function updateValueFromMean() {
-		if (meanValue !== void 0) {
-			const r = internalValue.max - internalValue.min
-			const valueFromMean = { min: meanValue - r / 2, max: meanValue + r / 2 }
-			if (!shallowEqual(valueFromMean, internalValue)) {
-				internalValue = valueFromMean
-			}
+		if (meanValue === void 0) {
+			return
+		}
+		const r = internalValue.max - internalValue.min
+		const valueFromMean = { min: meanValue - r / 2, max: meanValue + r / 2 }
+		if (!shallowEqual(valueFromMean, internalValue)) {
+			internalValue = valueFromMean
 		}
 	}
 	let ref
-	function updateWide(wide2) {
+	function updateWide(isWide) {
 		const inputField = ref?.element.querySelector('div.tp-rsltxtv_t')
-		if (wide2) {
+		if (isWide) {
 			inputField?.style.setProperty('display', 'none')
 		} else {
 			inputField?.style.removeProperty('display')
 		}
 	}
-	$: ref && wide !== void 0 && updateWide(wide)
+	$: ref !== void 0 && wide !== void 0 && updateWide(wide)
 	$: (value, updateInternalValueFromValue())
 	$: (internalValue, updateValueFromInternalValue())
 	$: meanValue = (internalValue.min + internalValue.max) / 2

package/dist/control/List.svelte

@@ -7,7 +7,6 @@
 	import { createEventDispatcher } from 'svelte'
 	import Blade from '../core/Blade.svelte'
 	import ClsPad from '../internal/ClsPad.svelte'
-	import {} from '../utils.js'
 	export let value
 	export let options
 	export let label = void 0
@@ -16,13 +15,14 @@
 	let bladeOptions
 	function addEvent() {
 		listBlade.on('change', (event) => {
-			if (!shallowEqual(event.value, value)) {
-				value = event.value
-				dispatch('change', {
-					value: copy(value),
-					origin: 'internal',
-				})
+			if (shallowEqual(event.value, value)) {
+				return
 			}
+			value = event.value
+			dispatch('change', {
+				value: copy(value),
+				origin: 'internal',
+			})
 		})
 	}
 	function getInitialValue() {
@@ -48,24 +48,23 @@
 	function isObjectStyleListOptions(object) {
 		return typeof object === 'object' && object !== null && !Array.isArray(object)
 	}
-	function getInternalOptions(options2) {
-		return isArrayStyleListOptions(options2)
-			? options2
-			: isObjectStyleListOptions(options2)
-				? options2
-				: options2.map((value2) => ({
-						value: value2,
-						text: typeof value2 === 'object' ? JSON.stringify(value2) : String(value2),
-					}))
+	function getInternalOptions(listOptions) {
+		return isArrayStyleListOptions(listOptions) || isObjectStyleListOptions(listOptions)
+			? listOptions
+			: listOptions.map((optionValue) => ({
+					value: optionValue,
+					text: typeof optionValue === 'object' ? JSON.stringify(optionValue) : String(optionValue),
+				}))
 	}
 	function setValue() {
-		if (!shallowEqual(listBlade.value, value)) {
-			listBlade.value = value
-			dispatch('change', {
-				value: copy(value),
-				origin: 'external',
-			})
+		if (shallowEqual(listBlade.value, value)) {
+			return
 		}
+		listBlade.value = value
+		dispatch('change', {
+			value: copy(value),
+			origin: 'external',
+		})
 	}
 	$: bladeOptions = {
 		label,
@@ -73,8 +72,8 @@
 		value: getInitialValue(),
 		view: 'list',
 	}
-	$: listBlade && addEvent()
-	$: (value, listBlade && setValue())
+	$: listBlade !== void 0 && addEvent()
+	$: (value, listBlade !== void 0 && setValue())
 </script>
 
 <Blade bind:ref={listBlade} options={bladeOptions} {...$$restProps} />

package/dist/control/RotationEuler.svelte

@@ -58,7 +58,7 @@
 	plugin={pluginModule}
 	{...$$restProps}
 />
-{#if !BROWSER && expanded && $$props.picker === 'inline'}
+{#if !BROWSER && expanded === true && $$props.picker === 'inline'}
 	{#if $$props.label !== undefined}
 		<ClsPad
 			keysAdd={['bladeValueWidth']}

package/dist/control/RotationQuaternion.svelte

@@ -56,7 +56,7 @@
 	plugin={pluginModule}
 	{...$$restProps}
 />
-{#if !BROWSER && expanded && $$props.picker === 'inline'}
+{#if !BROWSER && expanded === true && $$props.picker === 'inline'}
 	{#if $$props.label !== undefined}
 		<ClsPad
 			keysAdd={['bladeValueWidth']}

package/dist/control/Slider.svelte

@@ -1,20 +1,19 @@
 <script context="module"></script>
 
 <script>
-	import {} from 'svelte'
 	import GenericSlider from '../internal/GenericSlider.svelte'
 	export let value
 	export let wide = void 0
 	let ref
-	function updateWide(wide2) {
+	function updateWide(isWide) {
 		const inputField = ref?.element.querySelector('div.tp-sldtxtv_t')
-		if (wide2) {
+		if (isWide) {
 			inputField?.style.setProperty('display', 'none')
 		} else {
 			inputField?.style.removeProperty('display')
 		}
 	}
-	$: ref && wide !== void 0 && updateWide(wide)
+	$: ref !== void 0 && wide !== void 0 && updateWide(wide)
 </script>
 
 <GenericSlider bind:value bind:ref on:change {...$$restProps} />

package/dist/control/Stepper.svelte

@@ -10,21 +10,21 @@
 		view: 'stepper',
 	}
 	let ref
-	function updateWide(wide2) {
+	function updateWide(isWide) {
 		const inputField = ref?.element.querySelector('div.tp-stepv_t')
 		const buttonContainer = ref?.element.querySelector('div.tp-stepv_s')
-		const buttons = buttonContainer?.querySelectorAll('button')
-		if (wide2) {
+		const buttons = buttonContainer?.querySelectorAll('button') ?? []
+		if (isWide) {
 			inputField?.style.setProperty('display', 'none')
 			buttonContainer?.style.setProperty('flex', '1')
-			for (const button of buttons ?? []) {
+			for (const button of buttons) {
 				button.style.setProperty('flex', '1')
 			}
 		} else {
 			inputField?.style.removeProperty('display')
 		}
 	}
-	$: ref && wide !== void 0 && updateWide(wide)
+	$: ref !== void 0 && wide !== void 0 && updateWide(wide)
 </script>
 
 <GenericSlider bind:value bind:ref on:change {options} plugin={pluginModule} {...$$restProps} />

package/dist/control/Text.svelte

@@ -13,12 +13,12 @@
 	function onInput(event) {
 		event.target?.dispatchEvent(new Event('change'))
 	}
-	function updateListeners(live2, destroy = false) {
+	function updateListeners(isLive, destroy = false) {
 		const input = ref?.controller.valueController.view.element.querySelector('input')
 		input?.removeEventListener('input', onInput)
-		!destroy && live2 && input?.addEventListener('input', onInput)
+		!destroy && isLive && input?.addEventListener('input', onInput)
 	}
-	$: ref && live !== void 0 && updateListeners(live)
+	$: ref !== void 0 && live !== void 0 && updateListeners(live)
 </script>
 
 <GenericInput bind:value bind:ref on:change {options} {...$$restProps} />

package/dist/control/Textarea.svelte

@@ -5,7 +5,6 @@
 	import { BROWSER } from 'esm-env'
 	import { createEventDispatcher, onDestroy } from 'svelte'
 	import GenericInput from '../internal/GenericInput.svelte'
-	import {} from '../utils.js'
 	export let value
 	export let live = true
 	export let rows = void 0
@@ -27,28 +26,29 @@
 		lastText = value
 		dispatch('change', { value, origin: 'internal' })
 	}
-	function updateListeners(live2, destroy = false) {
+	function updateListeners(isLive, destroy = false) {
 		const input = ref?.controller.valueController.view.element.querySelector('textarea')
 		input?.removeEventListener('blur', onBlur)
 		input?.removeEventListener('input', onInput)
-		!destroy && live2 && input?.addEventListener('input', onInput)
-		!destroy && !live2 && input?.addEventListener('blur', onBlur)
+		!destroy && isLive && input?.addEventListener('input', onInput)
+		!destroy && !isLive && input?.addEventListener('blur', onBlur)
 	}
 	let lastText = value
 	function onBoundValueChange(text) {
-		if (text !== lastText) {
-			dispatch('change', { value: text, origin: 'external' })
-			lastText = text
+		if (text === lastText) {
+			return
 		}
+		dispatch('change', { value: text, origin: 'external' })
+		lastText = text
 	}
 	$: _value = value
-	$: ref && live !== void 0 && updateListeners(live)
+	$: ref !== void 0 && live !== void 0 && updateListeners(live)
 	$: options = {
 		placeholder,
 		rows,
 		view: 'textarea',
 	}
-	$: ref && onBoundValueChange(_value)
+	$: ref !== void 0 && onBoundValueChange(_value)
 </script>
 
 <GenericInput value={_value} bind:ref {options} plugin={pluginModule} {...$$restProps} />

package/dist/control/Textarea.svelte.d.ts

@@ -152,7 +152,7 @@ export type TextareaSlots = typeof __propDef.slots
  *
  * Integrates the
  * [tweakpane-textarea-plugin](https://github.com/panGenerator/tweakpane-textarea-plugin)
- * by [Krzysztof Goliński](http://www.golinski.org) and [Jakub
+ * by [Krzysztof Goliński](https://www.golinski.org) and [Jakub
  * Koźniewski](https://pangenerator.com).
  *
  * Extends the underlying implementation with the `live` property to match the

package/dist/core/Binding.svelte

@@ -23,7 +23,7 @@
 	let indexElement
 	let index
 	function create() {
-		if (_ref) {
+		if (_ref !== void 0) {
 			_ref.dispose()
 		}
 		if (plugin !== void 0) {
@@ -40,7 +40,7 @@
 		_ref.on('change', onTweakpaneChange)
 	}
 	onMount(() => {
-		index = indexElement ? getElementIndex(indexElement) : 0
+		index = indexElement === void 0 ? 0 : getElementIndex(indexElement)
 	})
 	onDestroy(() => {
 		_ref?.dispose()
@@ -54,34 +54,34 @@
 			})
 		}
 		if (BROWSER && value instanceof HTMLImageElement) {
-			const copy2 = new Image()
-			copy2.src = value.src
-			return copy2
+			const imageCopy = new Image()
+			imageCopy.src = value.src
+			return imageCopy
 		}
 		return copy(value)
 	}
 	let lastObject = object
 	let lastValue = safeCopy(object[key])
 	let internalChange = false
-	function onBoundValueChange(object2) {
-		if (lastObject !== object2) {
+	function onBoundValueChange(newObject) {
+		if (lastObject !== newObject) {
 			internalChange = false
 		}
-		if (!shallowEqual(object2[key], lastValue)) {
-			lastValue = safeCopy(object2[key])
+		if (!shallowEqual(newObject[key], lastValue)) {
+			lastValue = safeCopy(newObject[key])
 			dispatch('change', {
-				value: safeCopy(object2[key]),
+				value: safeCopy(newObject[key]),
 				origin: internalChange ? 'internal' : 'external',
 			})
-			if (!internalChange && _ref) {
+			if (!internalChange && _ref !== void 0) {
 				_ref.off('change', onTweakpaneChange)
 				_ref.refresh()
 				_ref.on('change', onTweakpaneChange)
 			}
 		}
 		internalChange = false
-		if (lastObject !== object2) {
-			lastObject = object2
+		if (lastObject !== newObject) {
+			lastObject = newObject
 			create()
 		}
 	}

package/dist/core/Blade.svelte

@@ -18,7 +18,7 @@
 	let index
 	let _ref
 	function create() {
-		if (_ref) {
+		if (_ref !== void 0) {
 			_ref.dispose()
 		}
 		if (plugin !== void 0) {
@@ -33,16 +33,16 @@
 		ref = _ref
 	}
 	onMount(() => {
-		index = indexElement ? getElementIndex(indexElement) : 0
+		index = indexElement === void 0 ? 0 : getElementIndex(indexElement)
 	})
 	onDestroy(() => {
 		_ref?.dispose()
 	})
 	$: DEV && enforceReadonly(_ref, ref, 'Blade', 'ref', true)
-	$: options && $parentStore && index !== void 0 && create()
-	$: _ref && (_ref.disabled = disabled)
+	$: options !== void 0 && $parentStore !== void 0 && index !== void 0 && create()
+	$: _ref !== void 0 && (_ref.disabled = disabled)
 	$: theme &&
-		$parentStore &&
+		$parentStore !== void 0 &&
 		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <Blade> components for a theme prop.)',

package/dist/core/Folder.svelte

@@ -30,18 +30,18 @@
 		folderRef = $folderStore
 	}
 	onMount(() => {
-		index = indexElement ? getElementIndex(indexElement) : 0
+		index = indexElement === void 0 ? 0 : getElementIndex(indexElement)
 	})
 	onDestroy(() => {
 		$folderStore?.dispose()
 	})
-	$: $parentStore && !folderRef && index !== void 0 && create()
+	$: $parentStore !== void 0 && !folderRef && index !== void 0 && create()
 	$: folderRef && updateCollapsibility(userExpandable, folderRef.element, 'tp-fldv_b', 'tp-fldv_m')
 	$: folderRef && (folderRef.title = title)
 	$: folderRef && (folderRef.disabled = disabled)
 	$: folderRef && expanded !== void 0 && (folderRef.expanded = expanded)
 	$: theme &&
-		$parentStore &&
+		$parentStore !== void 0 &&
 		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <Folder> components for a theme prop.)',

package/dist/core/Pane.svelte

@@ -14,12 +14,13 @@
 	export let x = void 0
 	export let y = void 0
 	beforeUpdate(() => {
-		if ($$props.position === 'inline' || $$props.position === 'fixed') {
-			x = $$props.x
-			y = $$props.y
-			width = $$props.width
-			expanded = $$props.expanded
+		if ($$props.position !== 'inline' && $$props.position !== 'fixed') {
+			return
 		}
+		x = $$props.x
+		y = $$props.y
+		width = $$props.width
+		expanded = $$props.expanded
 	})
 </script>
 

package/dist/core/TabGroup.svelte

@@ -18,7 +18,7 @@
 	const userCreatedPane = getContext('userCreatedPane')
 	let indexElement
 	onMount(async () => {
-		$tabIndexStore = userCreatedPane ? getElementIndex(indexElement) : 0
+		$tabIndexStore = userCreatedPane === true ? getElementIndex(indexElement) : 0
 		await tick()
 		setSelectedIndex(selectedIndex)
 		$tabGroupInitialized = true
@@ -41,10 +41,10 @@
 		}
 	}
 	$: setUpListeners($tabGroupStore)
-	$: $tabGroupStore && setSelectedIndex(selectedIndex)
-	$: $tabGroupStore && ($tabGroupStore.disabled = disabled)
+	$: $tabGroupStore !== void 0 && setSelectedIndex(selectedIndex)
+	$: $tabGroupStore !== void 0 && ($tabGroupStore.disabled = disabled)
 	$: theme &&
-		$parentStore &&
+		$parentStore !== void 0 &&
 		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <TabGroup> components for a theme prop.)',

package/dist/core/TabPage.svelte

@@ -20,10 +20,10 @@
 	let indexElement
 	let index
 	onMount(() => {
-		index = indexElement ? getElementIndex(indexElement) : 0
+		index = indexElement === void 0 ? 0 : getElementIndex(indexElement)
 	})
 	function create() {
-		if (!$tabGroupStore) {
+		if ($tabGroupStore === void 0) {
 			$tabGroupStore = $parentStore.addTab({
 				// Tabs MUST be created with at least one page how to handle tabs with no children?
 				disabled: false,
@@ -35,32 +35,32 @@
 			if (index === initialSelectedIndex) {
 				selected = true
 			}
-		} else if (!$tabPageStore && $tabGroupStore) {
+		} else if ($tabPageStore === void 0 && $tabGroupStore !== void 0) {
 			$tabPageStore = $tabGroupStore.addPage({ index, title })
 			if (index === initialSelectedIndex) {
 				selected = true
 			}
 		}
 		$tabGroupStore?.on('select', () => {
-			$tabPageStore && (selected = $tabPageStore.selected)
+			$tabPageStore !== void 0 && (selected = $tabPageStore.selected)
 		})
 	}
 	onDestroy(() => {
 		$tabPageStore?.dispose()
 	})
-	$: index !== void 0 && $parentStore && $tabIndexStore !== void 0 && create()
-	$: $tabPageStore && ($tabPageStore.title = title)
-	$: $tabPageStore && ($tabPageStore.disabled = disabled)
-	$: $tabPageStore && ($tabPageStore.selected = selected)
+	$: index !== void 0 && $parentStore !== void 0 && $tabIndexStore !== void 0 && create()
+	$: $tabPageStore !== void 0 && ($tabPageStore.title = title)
+	$: $tabPageStore !== void 0 && ($tabPageStore.disabled = disabled)
+	$: $tabPageStore !== void 0 && ($tabPageStore.selected = selected)
 	$: theme &&
-		$parentStore &&
+		$parentStore !== void 0 &&
 		(userCreatedPane ?? !isRootPane($parentStore)) &&
 		console.warn(
 			'Set theme on the <Pane> component, not on its children! (Check nested <TabPage> components for a theme prop.)',
 		)
 </script>
 
-{#if parentStore && tabIndexStore !== undefined}
+{#if parentStore !== undefined && tabIndexStore !== undefined}
 	{#if BROWSER}
 		<div bind:this={indexElement} style="display: none;">
 			<slot />

package/dist/extra/AutoObject.svelte

@@ -26,10 +26,10 @@
 			return value
 		}
 		return value
-			.replaceAll(/([\da-z])([A-Z])/g, '$1 $2')
-			.replaceAll(/[_-]+/g, ' ')
+			.replaceAll(/([\da-z])([A-Z])/gu, '$1 $2')
+			.replaceAll(/[_-]+/gu, ' ')
 			.toLowerCase()
-			.replaceAll(/\b[a-z]/g, (letter) => letter.toUpperCase())
+			.replaceAll(/\b[a-z]/gu, (letter) => letter.toUpperCase())
 	}
 	function changeEventAggregator(event) {
 		dispatch('change', {