@lion/ui
Version:
A package of extendable web components
76 lines • 2.41 kB
TypeScript
/**
* LionDrawer: extension of lion-collapsible with drawer specific styles and animations
*
* @slot invoker - The invoker element for the drawer
* @slot content - The content element for the drawer
* @slot headline - The headline element for the drawer
*
* @customElement lion-drawer
*/
export class LionDrawer extends LionCollapsible {
static get properties(): {
transitioning: {
type: BooleanConstructor;
reflect: boolean;
};
opened: {
type: BooleanConstructor;
reflect: boolean;
};
position: {
type: StringConstructor;
reflect: boolean;
};
};
/** @private */
private __toggle;
/**
* Setter for position property, available values are 'top', 'left' and 'right'
* @param {String} position
*/
set position(arg: string);
get position(): string;
__setBoundaries(): void;
minHeight: string | undefined;
maxHeight: string | undefined;
minWidth: string | undefined;
maxWidth: string | undefined;
_position: string | undefined;
/**
* Trigger show animation and wait for transition to be finished.
* @param {Object} options - element node and its options
* @param {HTMLElement} options.contentNode
* @override
*/
override _showAnimation({ contentNode }: {
contentNode: HTMLElement;
}): Promise<void>;
/**
* Trigger hide animation and wait for transition to be finished.
* @param {Object} options - element node and its options
* @param {HTMLElement} options.contentNode
* @override
*/
override _hideAnimation({ contentNode }: {
contentNode: HTMLElement;
}): Promise<void>;
/**
* Wait until the transition event is finished.
* @param {Object} options - element node and its options
* @param {HTMLElement} options.contentNode
* @returns {Promise<void>} transition event
*/
_waitForTransition({ contentNode }: {
contentNode: HTMLElement;
}): Promise<void>;
transitioning: boolean | undefined;
/**
* @protected
*/
protected get __contentNode(): HTMLElement;
get _contentWidth(): string;
_openedChanged(): void;
_updateContentSize(): Promise<void>;
}
import { LionCollapsible } from "../../../exports/collapsible.js";
//# sourceMappingURL=LionDrawer.d.ts.map