@hashicorp/design-system-components/declarations/components/hds/flyout/index.d.ts

Helios Design System Components

/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */
import Component from '@glimmer/component';
import type { WithBoundArgs } from '@glint/template';
import { HdsFlyoutSizesValues } from './types.ts';
import HdsDialogPrimitiveBody from '../dialog-primitive/body';
import HdsDialogPrimitiveDescription from '../dialog-primitive/description';
import HdsDialogPrimitiveFooter from '../dialog-primitive/footer';
import HdsDialogPrimitiveHeader from '../dialog-primitive/header';
import type { HdsFlyoutSizes } from './types.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 HdsDialogPrimitiveHeader, 'id' | 'onDismiss' | 'contextualClassPrefix'>;
                Description?: WithBoundArgs<typeof HdsDialogPrimitiveDescription, 'contextualClass'>;
                Body?: WithBoundArgs<typeof HdsDialogPrimitiveBody, 'contextualClass'>;
                Footer?: WithBoundArgs<typeof HdsDialogPrimitiveFooter, '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: () => void;
}