svelte-tweakpane-ui 1.5.2 → 1.5.4

package/dist/core/Binding.svelte

@@ -1,103 +1,103 @@
 <script context="module"></script>
 
 <script generics="T extends BindingObject, U extends BindingOptions, V extends BindingRef">
-	import ClsPad from '../internal/ClsPad.svelte';
-	import InternalPaneInline from '../internal/InternalPaneInline.svelte';
-	import { enforceReadonly, getElementIndex, isRootPane } from '../utils.js';
-	import { BROWSER, DEV } from 'esm-env';
-	import copy from 'fast-copy';
-	import { shallowEqual } from 'fast-equals';
-	import { createEventDispatcher, getContext, onDestroy, onMount } from 'svelte';
-	export let object;
-	export let key;
-	export let disabled = false;
-	export let label = void 0;
-	export let options = void 0;
-	export let theme = void 0;
-	export let ref = void 0;
-	export let plugin = void 0;
-	const registerPlugin = getContext('registerPlugin');
-	const parentStore = getContext('parentStore');
-	const userCreatedPane = getContext('userCreatedPane');
-	let _ref;
-	let indexElement;
-	let index;
+	import ClsPad from '../internal/ClsPad.svelte'
+	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
+	import { enforceReadonly, getElementIndex, isRootPane } from '../utils.js'
+	import { BROWSER, DEV } from 'esm-env'
+	import copy from 'fast-copy'
+	import { shallowEqual } from 'fast-equals'
+	import { createEventDispatcher, getContext, onDestroy, onMount } from 'svelte'
+	export let object
+	export let key
+	export let disabled = false
+	export let label = void 0
+	export let options = void 0
+	export let theme = void 0
+	export let ref = void 0
+	export let plugin = void 0
+	const registerPlugin = getContext('registerPlugin')
+	const parentStore = getContext('parentStore')
+	const userCreatedPane = getContext('userCreatedPane')
+	let _ref
+	let indexElement
+	let index
 	function create() {
-		if (_ref) _ref.dispose();
+		if (_ref) _ref.dispose()
 		if (plugin !== void 0) {
-			registerPlugin(plugin);
+			registerPlugin(plugin)
 		}
 		_ref = $parentStore.addBinding(object, key, {
 			index,
 			label,
 			...options,
-			disabled
+			disabled,
 			// Why last?
-		});
-		ref = _ref;
-		_ref.on('change', onTweakpaneChange);
+		})
+		ref = _ref
+		_ref.on('change', onTweakpaneChange)
 	}
 	onMount(() => {
-		index = indexElement ? getElementIndex(indexElement) : 0;
-	});
+		index = indexElement ? getElementIndex(indexElement) : 0
+	})
 	onDestroy(() => {
-		_ref?.dispose();
-	});
-	const dispatch = createEventDispatcher();
+		_ref?.dispose()
+	})
+	const dispatch = createEventDispatcher()
 	function safeCopy(value) {
 		if (value instanceof File) {
 			return new File([value], value.name, {
 				lastModified: value.lastModified,
-				type: value.type
-			});
+				type: value.type,
+			})
 		}
 		if (BROWSER && value instanceof HTMLImageElement) {
-			const copy2 = new Image();
-			copy2.src = value.src;
-			return copy2;
+			const copy2 = new Image()
+			copy2.src = value.src
+			return copy2
 		}
-		return copy(value);
+		return copy(value)
 	}
-	let lastObject = object;
-	let lastValue = safeCopy(object[key]);
-	let internalChange = false;
+	let lastObject = object
+	let lastValue = safeCopy(object[key])
+	let internalChange = false
 	function onBoundValueChange(object2) {
 		if (lastObject !== object2) {
-			internalChange = false;
+			internalChange = false
 		}
 		if (!shallowEqual(object2[key], lastValue)) {
-			lastValue = safeCopy(object2[key]);
+			lastValue = safeCopy(object2[key])
 			dispatch('change', {
 				value: safeCopy(object2[key]),
-				origin: internalChange ? 'internal' : 'external'
-			});
+				origin: internalChange ? 'internal' : 'external',
+			})
 			if (!internalChange && _ref) {
-				_ref.off('change', onTweakpaneChange);
-				_ref.refresh();
-				_ref.on('change', onTweakpaneChange);
+				_ref.off('change', onTweakpaneChange)
+				_ref.refresh()
+				_ref.on('change', onTweakpaneChange)
 			}
 		}
-		internalChange = false;
+		internalChange = false
 		if (lastObject !== object2) {
-			lastObject = object2;
-			create();
+			lastObject = object2
+			create()
 		}
 	}
 	function onTweakpaneChange() {
-		internalChange = true;
-		object[key] = safeCopy(object[key]);
+		internalChange = true
+		object[key] = safeCopy(object[key])
 	}
-	$: DEV && enforceReadonly(_ref, ref, 'Binding', 'ref', true);
-	$: options, $parentStore !== void 0 && index !== void 0 && create();
-	$: _ref !== void 0 && (_ref.disabled = disabled);
-	$: _ref !== void 0 && (_ref.label = label);
-	$: $parentStore !== void 0 && onBoundValueChange(object);
+	$: DEV && enforceReadonly(_ref, ref, 'Binding', 'ref', true)
+	$: options, $parentStore !== void 0 && index !== void 0 && create()
+	$: _ref !== void 0 && (_ref.disabled = disabled)
+	$: _ref !== void 0 && (_ref.label = label)
+	$: $parentStore !== void 0 && onBoundValueChange(object)
 	$: theme &&
 		$parentStore !== void 0 &&
 		(userCreatedPane || !isRootPane($parentStore)) &&
 		console.warn(
-			'Set theme on the <Pane> component, not on its children! (Check nested <Binding> components for a theme prop.)'
-		);
+			'Set theme on the <Pane> component, not on its children! (Check nested <Binding> components for a theme prop.)',
+		)
 </script>
 
 {#if parentStore}

package/dist/core/Binding.svelte.d.ts

@@ -1,31 +1,31 @@
-import { SvelteComponent } from 'svelte';
-import type { BindingObject } from '../utils';
-import type { ValueChangeEvent } from '../utils.js';
-import type { BindingApi, BindingParams } from '@tweakpane/core';
-export type BindingOptions = BindingParams;
-export type BindingRef = BindingApi;
-export type BindingChangeEvent = ValueChangeEvent<BindingObject>;
-import type { Theme } from '../theme.js';
-import { type Plugin } from '../utils.js';
+import { SvelteComponent } from 'svelte'
+import type { BindingObject } from '../utils'
+import type { ValueChangeEvent } from '../utils.js'
+import type { BindingApi, BindingParams } from '@tweakpane/core'
+export type BindingOptions = BindingParams
+export type BindingRef = BindingApi
+export type BindingChangeEvent = ValueChangeEvent<BindingObject>
+import type { Theme } from '../theme.js'
+import { type Plugin } from '../utils.js'
 declare class __sveltets_Render<
 	T extends BindingObject,
 	U extends BindingOptions,
-	V extends BindingRef
+	V extends BindingRef,
 > {
 	props(): {
 		/**
 		 * The binding's target object with values to manipulate.
 		 * @bindable
-		 * */ object: T;
-		/** The key for the value in the target `object` that the control should manipulate. */ key: keyof T;
+		 * */ object: T
+		/** The key for the value in the target `object` that the control should manipulate. */ key: keyof T
 		/**
 		 * 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.
 		 *
@@ -37,14 +37,14 @@ declare class __sveltets_Render<
 		 * functionality. Options of interest are instead exposed as top-level props in _Svelte
 		 * Tweakpane UI_.
 		 * @default `undefined`
-		 * */ options?: U | 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?: Theme | undefined;
+		 * */ theme?: Theme | undefined
 		/**
 		 * Reference to internal Tweakpane
 		 * [`BindingApi`](https://tweakpane.github.io/docs/api/classes/_internal_.BindingApi.html) for
@@ -57,7 +57,7 @@ declare class __sveltets_Render<
 		 *
 		 * @bindable
 		 * @readonly
-		 * */ ref?: V | undefined;
+		 * */ ref?: V | undefined
 		/**
 		 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 		 * the `<Binding>`'s containing `<Pane>`.
@@ -68,8 +68,8 @@ declare class __sveltets_Render<
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
 		 *
 		 * @default `undefined`
-		 * */ plugin?: Plugin | undefined;
-	};
+		 * */ plugin?: Plugin | undefined
+	}
 	events(): {
 		/**
 		 * Fires when the value of `object[key]` changes.
@@ -82,25 +82,25 @@ declare class __sveltets_Render<
 		 * @extends ValueChangeEvent
 		 * @event
 		 * */
-		change: BindingChangeEvent;
-	};
-	slots(): {};
+		change: BindingChangeEvent
+	}
+	slots(): {}
 }
 export type BindingProps<
 	T extends BindingObject,
 	U extends BindingOptions,
-	V extends BindingRef
-> = ReturnType<__sveltets_Render<T, U, V>['props']>;
+	V extends BindingRef,
+> = ReturnType<__sveltets_Render<T, U, V>['props']>
 export type BindingEvents<
 	T extends BindingObject,
 	U extends BindingOptions,
-	V extends BindingRef
-> = ReturnType<__sveltets_Render<T, U, V>['events']>;
+	V extends BindingRef,
+> = ReturnType<__sveltets_Render<T, U, V>['events']>
 export type BindingSlots<
 	T extends BindingObject,
 	U extends BindingOptions,
-	V extends BindingRef
-> = ReturnType<__sveltets_Render<T, U, V>['slots']>;
+	V extends BindingRef,
+> = ReturnType<__sveltets_Render<T, U, V>['slots']>
 /**
  * Wraps the Tweakpane [`addBinding`](https://tweakpane.github.io/docs/input-bindings/) method.
  *
@@ -118,12 +118,12 @@ export type BindingSlots<
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Binding, type BindingObject } from 'svelte-tweakpane-ui';
+ * import { Binding, type BindingObject } from 'svelte-tweakpane-ui'
  *
- * let object: BindingObject = { r: 0 };
+ * let object: BindingObject = { r: 0 }
  * </script>
  *
- * <Binding bind:object key={'r'} label="Reticulation" />
+ * <Binding bind:object key="r" label="Reticulation" />
  * <pre>Value: {object.r}</pre>
  * ```
  *
@@ -133,6 +133,6 @@ export type BindingSlots<
 export default class Binding<
 	T extends BindingObject,
 	U extends BindingOptions,
-	V extends BindingRef
+	V extends BindingRef,
 > extends SvelteComponent<BindingProps<T, U, V>, BindingEvents<T, U, V>, BindingSlots<T, U, V>> {}
-export {};
+export {}

package/dist/core/Blade.svelte

@@ -1,50 +1,50 @@
 <script context="module"></script>
 
 <script generics="U extends BladeOptions, V extends BladeRef">
-	import ClsPad from '../internal/ClsPad.svelte';
-	import InternalPaneInline from '../internal/InternalPaneInline.svelte';
-	import { enforceReadonly, getElementIndex, isRootPane } from '../utils.js';
-	import { BROWSER, DEV } from 'esm-env';
-	import { getContext, onDestroy, onMount } from 'svelte';
-	export let options;
-	export let disabled = false;
-	export let theme = void 0;
-	export let ref = void 0;
-	export let plugin = void 0;
-	const registerPlugin = getContext('registerPlugin');
-	const parentStore = getContext('parentStore');
-	const userCreatedPane = getContext('userCreatedPane');
-	let indexElement;
-	let index;
-	let _ref;
+	import ClsPad from '../internal/ClsPad.svelte'
+	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
+	import { enforceReadonly, getElementIndex, isRootPane } from '../utils.js'
+	import { BROWSER, DEV } from 'esm-env'
+	import { getContext, onDestroy, onMount } from 'svelte'
+	export let options
+	export let disabled = false
+	export let theme = void 0
+	export let ref = void 0
+	export let plugin = void 0
+	const registerPlugin = getContext('registerPlugin')
+	const parentStore = getContext('parentStore')
+	const userCreatedPane = getContext('userCreatedPane')
+	let indexElement
+	let index
+	let _ref
 	function create() {
-		if (_ref) _ref.dispose();
+		if (_ref) _ref.dispose()
 		if (plugin !== void 0) {
-			registerPlugin(plugin);
+			registerPlugin(plugin)
 		}
 		_ref = $parentStore.addBlade({
 			index,
 			...options,
-			disabled
+			disabled,
 			// Why last?
-		});
-		ref = _ref;
+		})
+		ref = _ref
 	}
 	onMount(() => {
-		index = indexElement ? getElementIndex(indexElement) : 0;
-	});
+		index = indexElement ? getElementIndex(indexElement) : 0
+	})
 	onDestroy(() => {
-		_ref?.dispose();
-	});
-	$: DEV && enforceReadonly(_ref, ref, 'Blade', 'ref', true);
-	$: options && $parentStore && index !== void 0 && create();
-	$: _ref && (_ref.disabled = disabled);
+		_ref?.dispose()
+	})
+	$: DEV && enforceReadonly(_ref, ref, 'Blade', 'ref', true)
+	$: options && $parentStore && index !== void 0 && create()
+	$: _ref && (_ref.disabled = disabled)
 	$: theme &&
 		$parentStore &&
 		(userCreatedPane || !isRootPane($parentStore)) &&
 		console.warn(
-			'Set theme on the <Pane> component, not on its children! (Check nested <Blade> components for a theme prop.)'
-		);
+			'Set theme on the <Pane> component, not on its children! (Check nested <Blade> components for a theme prop.)',
+		)
 </script>
 
 {#if parentStore}

package/dist/core/Blade.svelte.d.ts

@@ -1,27 +1,27 @@
-import { SvelteComponent } from 'svelte';
-import type { BaseBladeParams, BladeApi } from 'tweakpane';
-export type BladeRef = BladeApi;
-export type BladeOptions = BaseBladeParams;
-export type { Plugin } from '../utils.js';
-import type { Theme } from '../theme.js';
-import { type Plugin } from '../utils.js';
+import { SvelteComponent } from 'svelte'
+import type { BaseBladeParams, BladeApi } from 'tweakpane'
+export type BladeRef = BladeApi
+export type BladeOptions = BaseBladeParams
+export type { Plugin } from '../utils.js'
+import type { Theme } from '../theme.js'
+import { type Plugin } from '../utils.js'
 declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 	props(): {
 		/**
 		 * Blade configuration exposing Tweakpane's internal
 		 * [`BladeParams`](https://tweakpane.github.io/docs/api/interfaces/BaseBladeParams.html).
 		 *
-		 * */ options: U;
+		 * */ options: U
 		/**
 		 * 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?: Theme | undefined;
+		 * */ theme?: Theme | undefined
 		/**
 		 * Reference to internal Tweakpane
 		 * [`BladeApi`](https://tweakpane.github.io/docs/api/classes/BladeApi.html) for this blade.
@@ -33,7 +33,7 @@ declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 		 *
 		 * @bindable
 		 * @readonly
-		 * */ ref?: V | undefined;
+		 * */ ref?: V | undefined
 		/**
 		 * Imported Tweakpane `TpPluginBundle` (aliased as `Plugin`) module to automatically register in
 		 * the `<Blade>`'s containing `<Pane>`.
@@ -44,22 +44,22 @@ declare class __sveltets_Render<U extends BladeOptions, V extends BladeRef> {
 		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
 		 *
 		 * @default `undefined`
-		 * */ plugin?: Plugin | undefined;
-	};
+		 * */ plugin?: Plugin | undefined
+	}
 	events(): {} & {
-		[evt: string]: CustomEvent<any>;
-	};
-	slots(): {};
+		[evt: string]: CustomEvent<any>
+	}
+	slots(): {}
 }
 export type BladeProps<U extends BladeOptions, V extends BladeRef> = ReturnType<
 	__sveltets_Render<U, V>['props']
->;
+>
 export type BladeEvents<U extends BladeOptions, V extends BladeRef> = ReturnType<
 	__sveltets_Render<U, V>['events']
->;
+>
 export type BladeSlots<U extends BladeOptions, V extends BladeRef> = ReturnType<
 	__sveltets_Render<U, V>['slots']
->;
+>
 /**
  * Wraps the Tweakpane [`addBlade`](https://tweakpane.github.io/docs/blades/) method.
  *
@@ -81,12 +81,12 @@ export type BladeSlots<U extends BladeOptions, V extends BladeRef> = ReturnType<
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Blade } from 'svelte-tweakpane-ui';
+ * import { Blade } from 'svelte-tweakpane-ui'
  * </script>
  *
  * <Blade
  * options={{
- *   view: 'separator'
+ *   view: 'separator',
  * }}
  * />
  * ```

package/dist/core/Folder.svelte

@@ -1,51 +1,51 @@
 <script>
-	import ClsPad from '../internal/ClsPad.svelte';
-	import InternalPaneInline from '../internal/InternalPaneInline.svelte';
-	import { getElementIndex, isRootPane, updateCollapsibility } from '../utils.js';
-	import { BROWSER } from 'esm-env';
-	import { getContext, onDestroy, onMount, setContext } from 'svelte';
-	import { writable } from 'svelte/store';
-	export let title = 'Folder';
-	export let disabled = false;
-	export let expanded = true;
-	export let userExpandable = true;
-	export let theme = void 0;
-	const parentStore = getContext('parentStore');
-	const folderStore = writable();
-	const userCreatedPane = getContext('userCreatedPane');
-	let indexElement;
-	let index;
-	let folderRef = void 0;
-	setContext('parentStore', folderStore);
+	import ClsPad from '../internal/ClsPad.svelte'
+	import InternalPaneInline from '../internal/InternalPaneInline.svelte'
+	import { getElementIndex, isRootPane, updateCollapsibility } from '../utils.js'
+	import { BROWSER } from 'esm-env'
+	import { getContext, onDestroy, onMount, setContext } from 'svelte'
+	import { writable } from 'svelte/store'
+	export let title = 'Folder'
+	export let disabled = false
+	export let expanded = true
+	export let userExpandable = true
+	export let theme = void 0
+	const parentStore = getContext('parentStore')
+	const folderStore = writable()
+	const userCreatedPane = getContext('userCreatedPane')
+	let indexElement
+	let index
+	let folderRef = void 0
+	setContext('parentStore', folderStore)
 	function create() {
 		$folderStore = $parentStore.addFolder({
 			disabled,
 			expanded,
 			index,
-			title
-		});
+			title,
+		})
 		$folderStore.on('fold', () => {
-			expanded = $folderStore.expanded;
-		});
-		folderRef = $folderStore;
+			expanded = $folderStore.expanded
+		})
+		folderRef = $folderStore
 	}
 	onMount(() => {
-		index = indexElement ? getElementIndex(indexElement) : 0;
-	});
+		index = indexElement ? getElementIndex(indexElement) : 0
+	})
 	onDestroy(() => {
-		$folderStore?.dispose();
-	});
-	$: $parentStore && !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);
+		$folderStore?.dispose()
+	})
+	$: $parentStore && !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 &&
 		(userCreatedPane || !isRootPane($parentStore)) &&
 		console.warn(
-			'Set theme on the <Pane> component, not on its children! (Check nested <Folder> components for a theme prop.)'
-		);
+			'Set theme on the <Pane> component, not on its children! (Check nested <Folder> components for a theme prop.)',
+		)
 </script>
 
 {#if parentStore}

package/dist/core/Folder.svelte.d.ts

@@ -1,5 +1,5 @@
-import { SvelteComponent } from 'svelte';
-import type { Theme } from '../theme.js';
+import { SvelteComponent } from 'svelte'
+import type { Theme } from '../theme.js'
 declare const __propDef: {
 	props: {
 		/**
@@ -8,44 +8,44 @@ declare const __propDef: {
 		 * Unlike a `<Pane>`, a `<Folder>`'s title bar is always visible and the title is always shown.
 		 * It can be set to an empty string if you want an unadorned title bar.
 		 * @default `'Folder'`
-		 * */ title?: string;
+		 * */ title?: string
 		/**
 		 * Prevent interactivity and gray out the control.
 		 * @default `false`
-		 * */ disabled?: boolean;
+		 * */ disabled?: boolean
 		/**
 		 * Expand or collapse folder.
 		 *
 		 * When bound it will indicate whether the folder is expanded or collapsed.
 		 * @default `true`
 		 * @bindable
-		 * */ expanded?: boolean;
+		 * */ expanded?: boolean
 		/**
 		 * Allow the user to be collapse and expand the folder by clicking its title bar.
 		 * @default `true`
-		 * */ userExpandable?: boolean;
+		 * */ userExpandable?: boolean
 		/**
 		 * Custom color scheme.
 		 * @default `undefined`  \
 		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
 		 * set with `setGlobalDefaultTheme()`.
-		 * */ theme?: Theme | undefined;
-	};
+		 * */ theme?: Theme | undefined
+	}
 	events: {
-		[evt: string]: CustomEvent<any>;
-	};
+		[evt: string]: CustomEvent<any>
+	}
 	slots: {
 		/**
 		 * Any Tweakpane component, except a `<Pane>`.
 		 */
-		default: {};
-	};
-	exports?: {} | undefined;
-	bindings?: string | undefined;
-};
-export type FolderProps = typeof __propDef.props;
-export type FolderEvents = typeof __propDef.events;
-export type FolderSlots = typeof __propDef.slots;
+		default: {}
+	}
+	exports?: {} | undefined
+	bindings?: string | undefined
+}
+export type FolderProps = typeof __propDef.props
+export type FolderEvents = typeof __propDef.events
+export type FolderSlots = typeof __propDef.slots
 /**
  * Organize multiple controls into a collapsable folder.
  *
@@ -59,10 +59,10 @@ export type FolderSlots = typeof __propDef.slots;
  * @example
  * ```svelte
  * <script lang="ts">
- * import { Button, Checkbox, Folder, Monitor } from 'svelte-tweakpane-ui';
+ * import { Button, Checkbox, Folder, Monitor } from 'svelte-tweakpane-ui'
  *
- * let expanded = true;
- * let count = 0;
+ * let expanded = true
+ * let count = 0
  * </script>
  *
  * <Folder bind:expanded title="Reticulation Management Folder">
@@ -77,4 +77,4 @@ export type FolderSlots = typeof __propDef.slots;
  * [Folder.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/core/Folder.svelte)
  */
 export default class Folder extends SvelteComponent<FolderProps, FolderEvents, FolderSlots> {}
-export {};
+export {}