Class TJSSideSlideLayer
Hierarchy
- SvelteComponent<
{
allowLocking?: boolean;
classes?: Iterable<string>;
clickToOpen?: boolean;
duration?: number;
easingIn?: EasingReference;
easingOut?: EasingReference;
items?: Iterable<
{
condition?: boolean
| (() => boolean);
icon: string | Embed;
svelte: Embed;
tooltip?: string;
},
>;
side?: "left"
| "right";
sideAbs?: boolean;
styles?: { [key: string]: string };
tooltipDirection?: string;
tooltips?: boolean;
top?: string | number;
topUnit?: string;
zIndex?: number;
},
{ [evt: string]: CustomEvent<any> },
{},
>- TJSSideSlideLayer (View Summary)
Indexable
-
[prop: string]: any
Constructors
constructor
-
new TJSSideSlideLayer(
options: ComponentConstructorOptions<
{
allowLocking?: boolean;
classes?: Iterable<string>;
clickToOpen?: boolean;
duration?: number;
easingIn?: EasingReference;
easingOut?: EasingReference;
items?: Iterable<
{
condition?: boolean
| (() => boolean);
icon:
| string
| Embed<SvelteComponent<any, any, any>, { PropsOmit: never }>;
svelte: Embed;
tooltip?: string;
},
>;
side?: "left"
| "right";
sideAbs?: boolean;
styles?: { [key: string]: string };
tooltipDirection?: string;
tooltips?: boolean;
top?: string | number;
topUnit?: string;
zIndex?: number;
},
>,
): TJSSideSlideLayerParameters
- options: ComponentConstructorOptions<
{
allowLocking?: boolean;
classes?: Iterable<string>;
clickToOpen?: boolean;
duration?: number;
easingIn?: EasingReference;
easingOut?: EasingReference;
items?: Iterable<
{
condition?: boolean
| (() => boolean);
icon:
| string
| Embed<SvelteComponent<any, any, any>, { PropsOmit: never }>;
svelte: Embed;
tooltip?: string;
},
>;
side?: "left"
| "right";
sideAbs?: boolean;
styles?: { [key: string]: string };
tooltipDirection?: string;
tooltips?: boolean;
top?: string | number;
topUnit?: string;
zIndex?: number;
},
>
Returns TJSSideSlideLayer
- options: ComponentConstructorOptions<
Methods
$destroy
-
Returns void
$on
-
Type Parameters
- K extends string
Parameters
- type: K
- callback: (e: CustomEvent<any>) => void
Returns () => void
Provides a component to display an absolutely positioned side layer in a parent element featuring a column of icons that slide out panels defined as Svelte components.