svelte-tweakpane-ui/dist/internal/InternalPaneInline.svelte.d.ts

A Svelte component library wrapping UI elements from Tweakpane, plus some additional functionality for convenience and flexibility.

import { SvelteComponent } from 'svelte'
declare const __propDef: {
	props: {
		/**
		 * Width of the pane, in pixels.
		 *
		 * If undefined, the pane will fill the width of its container. (This behavior is unique to
		 * `position="inline"`.)
		 *
		 * This value is particularly important in combination with `scale`, since a scaled inline
		 * pane will grow indefinitely wider if an intrinsic width is not specified and a containing
		 * element is not provided.
		 * @default `undefined`
		 * */
		width?: number
	} & {
		/**
		 * Text in the pane's title bar.
		 * @default `Tweakpane`  \
		 * Unless `position="inline"`, in which case the default is `undefined` and no title bar is
		 * shown.
		 */
		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
		/**
		 * Expand or collapse the pane into its title bar.
		 * @default `true`
		 * @bindable
		 */
		expanded?: boolean
		/**
		 * Custom color scheme.
		 *
		 * Applies to all child components, but note that setting a different `theme` on a child
		 * component's prop will **not** override the parent pane's theme.
		 *
		 * Note that `<Pane position="inline' ...>` squares off rounded corners by default to better
		 * integrate with surrounding content.
		 *
		 * Simply pass a custom or default theme like `ThemeUtils.presets.standard` if you want rounded
		 * corners on an `inline` pane.
		 *
		 * See also the `setGlobalDefaultTheme()` for a way to set a custom default theme for all panes
		 * on the page.
		 * @default `undefined`  \
		 * Inherits default Tweakpane theme equivalent to `ThemeUtils.presets.standard`, or the theme
		 * set with `setGlobalDefaultTheme()`.
		 */
		theme?: import('..').Theme | undefined
		/**
		 * Scales the pane's elements by a factor of `scale` to make it easier to see.
		 *
		 * Holds the width of the pane constant, so the pane will grow taller as it is scaled and will
		 * continue to respect position- and size-related props. If you need more breathing room, set
		 * the `width` property on the pane.
		 *
		 * Note that the scaling prop is only available on `<Pane>`, not on stand-alone (implicitly
		 * wrapped) inline elements.
		 *
		 * Negative values are ignored.
		 * @default `1`
		 */
		scale?: number
		/** Internal use only. */
		userCreatedPane?: boolean
		/**
		 * The internal Tweakpane [`Pane`](https://tweakpane.github.io/docs/api/classes/Pane.html) object.
		 *
		 * This property is exposed for advanced use cases only.
		 *
		 * Direct manipulation of Tweakpane's internals can break _Svelte Tweakpane UI_ abstractions.
		 *
		 * 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?: import('tweakpane').Pane | undefined
	}
	events: {
		[evt: string]: CustomEvent<any>
	}
	slots: {
		/**
		 * Any Tweakpane component, except another `<Pane>`.
		 */
		default: {}
	}
	exports?: {} | undefined
	bindings?: string | undefined
}
export type InternalPaneInlineProps = typeof __propDef.props
export type InternalPaneInlineEvents = typeof __propDef.events
export type InternalPaneInlineSlots = typeof __propDef.slots
/**
 * This component is for internal use only.
 *
 * @sourceLink
 * [InternalPaneInline.svelte](https://github.com/kitschpatrol/svelte-tweakpane-ui/blob/main/src/lib/internal/InternalPaneInline.svelte)
 */
export default class InternalPaneInline extends SvelteComponent<
	InternalPaneInlineProps,
	InternalPaneInlineEvents,
	InternalPaneInlineSlots
> {}
export {}