@hashicorp/design-system-components
Version:
Helios Design System Components
49 lines (48 loc) • 1.94 kB
TypeScript
/**
* Copyright (c) HashiCorp, Inc.
* SPDX-License-Identifier: MPL-2.0
*/
import Component from '@glimmer/component';
import type { WithBoundArgs } from '@glint/template';
import type { HdsFlyoutSizes } from './types.ts';
import { HdsFlyoutSizesValues } from './types.ts';
import HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';
import HdsDialogPrimitiveDescriptionComponent from '../dialog-primitive/description.ts';
import HdsDialogPrimitiveFooterComponent from '../dialog-primitive/footer.ts';
import HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';
export declare const DEFAULT_SIZE = HdsFlyoutSizesValues.Medium;
export declare const DEFAULT_HAS_OVERLAY = true;
export declare const SIZES: HdsFlyoutSizes[];
export interface HdsFlyoutSignature {
Args: {
size?: HdsFlyoutSizes;
returnFocusTo?: string;
onOpen?: () => void;
onClose?: (event: Event) => void;
};
Blocks: {
default: [
{
Header?: WithBoundArgs<typeof HdsDialogPrimitiveHeaderComponent, 'id' | 'onDismiss' | 'contextualClassPrefix'>;
Description?: WithBoundArgs<typeof HdsDialogPrimitiveDescriptionComponent, 'contextualClass'>;
Body?: WithBoundArgs<typeof HdsDialogPrimitiveBodyComponent, 'contextualClass'>;
Footer?: WithBoundArgs<typeof HdsDialogPrimitiveFooterComponent, 'onDismiss' | 'contextualClass'>;
}
];
};
Element: HTMLDialogElement;
}
export default class HdsFlyout extends Component<HdsFlyoutSignature> {
private _isOpen;
_element: HTMLDialogElement;
private _body;
private _bodyInitialOverflowValue;
get size(): HdsFlyoutSizes;
get id(): string;
get classNames(): string;
private _performCloseCleanup;
private _registerDialog;
registerOnCloseCallback(event: Event): void;
open(): void;
onDismiss(): Promise<void>;
}