bottom-sheet
Version:
Bottom Sheet implemented as a Vanilla Web Component
40 lines (39 loc) • 1.01 kB
TypeScript
import '../../stencil.core';
export declare class BottomSheet {
element: HTMLBottomSheetElement;
private subscriptions;
private containerEl;
private sheetEl;
private sheetStyler;
private _screen;
screen: HTMLBottomSheetScreenElement;
dragging: boolean;
draggingChanged(): void;
progress: number;
arrow: boolean;
initialPosition: 'top' | 'bottom';
private animateSheet;
open(): Promise<void>;
close(): Promise<void>;
private onValueChange;
private pointer;
private intertia;
private sheetY;
componentWillLoad(): Promise<void>;
componentDidLoad(): void;
componentDidUnload(): void;
private boundaryHeight;
protected resizeHandler(): void;
private setBoundariesHeight;
hostData(): {
class: {
'is-dragging': boolean;
'is-closed': boolean;
'is-open': boolean;
};
style: {
'--progress': string;
};
};
render(): JSX.Element;
}